@charset "utf-8";

#second_main_img {
	width: 100%;
}

#second_main_img img {
	width: 100%;
}

#second_wrap {
	width: 100%;
	padding: 8% 0 2%;
}

#second_wrap hr {
	width: 60%;
	padding: 0 1%;
	border-bottom: 0.5px dotted #ccc;
}

.txt_c {
	text-align: center;
}

.txt_indnt {
	display: inline-block;
	text-indent: -1em;
	padding-left: 1em !important;
}

@media screen and (max-width: 768px) {
	#second_wrap hr {
		width: 90%;
	}
}

#second_title h1 {
	max-width: 400px;
	margin: 0 auto;
	border-bottom: 1px dotted #626d71;
	padding: 0.5%;
}

@media screen and (max-width: 768px) {
	#second_title h1 {
		width: 98%;
	}
}

#second_title h1 img {
	width: 100%;
}

#second_title_text h1 {
	width: 70%;
	margin: 0 auto;
	text-align: center;
	padding: 3% 1% 1%;
	border-bottom: 1px dotted #626d71;
	font-size: 1.5em;
}

@media screen and (max-width: 768px) {
	#second_title_text h1 {
		width: 96%;
		font-size: 1.2em;
	}
}

/*パンくず*/
.pankuzu {
	max-width: 1000px;
	margin: 0 auto;
	padding-left: 1%;
}

@media screen and (max-width: 768px) {
	.pankuzu {
		margin: 1% 0;
	}
}

.pankuzu ul {
	margin: 0;
	padding: 0;
	display: flex;
}

.pankuzu li {
	font-size: 0.9em;
	color: #000;
	list-style: none;
}

@media screen and (max-width: 768px) {
	.pankuzu ul {
		justify-content: flex-start;
	}
}

@media screen and (max-width: 768px) {
	.pankuzu li {
		font-size: 0.75em;
	}
}

.pankuzu li a {
	text-decoration: none;
	color: #000;
	font-size: 0.85em;
}

/*お知らせアーカイブ*/
#news_archive {
	width: 70%;
	margin: 1.5% auto 0;
	padding: 1.5% 2%;
	height: 800px;
	overflow-y: scroll;
	text-align: left;
}

@media screen and (max-width: 768px) {
	#news_archive {
		width: 90%;
	}
}

#news_archive p {
	font-size: 1em;
	line-height: 1.3em;
}

@media screen and (max-width: 768px) {
	#news_archive p {
		font-size: 0.85em;
	}
}

#news_archive p a {
	font-size: 1em;
	color: #2ec8d9;
}

/*活動内容インデックス*/
#challenge_title h2 {
	max-width: 400px;
	padding: 1.5% 1% 1%;
}

#challenge_title h2 img {
	width: 100%;
}

@media screen and (max-width: 768px) {
	#challenge_title h2 {
		max-width: 400px;
		width: 100%;
	}
}

.second_other_act {
	max-width: 1000px;
	margin: 1% auto;
	display: flex;
}

@media screen and (max-width: 768px) {
	.second_other_act {
		display: block;
	}
}

.second_act_img {
	width: 50%
}

@media screen and (max-width: 768px) {
	.second_act_img {
		width: 90%;
		margin: 0 auto;
	}
}

.second_act_img img {
	width: 100%;
	vertical-align: bottom;
}

.second_act_content {
	width: 44%;
	padding: 1% 3%;
}

@media screen and (max-width: 768px) {
	.second_act_content {
		width: 90%;
		margin: 0 auto;
	}
}

.second_act_title {
	width: 90%;
	margin: 0 auto;
	padding: 1%;
}

.second_act_title h2 {
	width: 100%;
	font-size: 1.3em;
	text-align: center;
	padding: 1.5% 1% 1%;
	margin: 0;
}

@media screen and (max-width: 768px) {
	.second_act_title h2 {
		font-size: 1.1em;
	}
}

.second_act_title h2 img {
	width: 100%;
}

.second_act_content p {
	font-size: 0.95em;
}

@media screen and (max-width: 768px) {
	.second_act_content p {
		font-size: 0.8em;
	}
}

/*イベントインデックス*/
#second_event_title_wrap {
	max-width: 1600px;
	width: 98%;
	margin: 2% auto 0;
	display: flex;
}

@media screen and (max-width: 768px) {
	#second_event_title_wrap {
		display: block;
	}
}

#second_event_title_wrap h2 {
	width: 90%;
	font-size: 1.1em;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	#second_event_title_wrap h2 {
		font-size: 1em;
	}
}

#second_event_title_wrap h2 a {
	color: #000;
	text-decoration: none;
}

#second_event_schedule_title {
	width: 44%;
	padding: 0 2% 0.5%;
	margin: 0 auto 1%;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
	#second_event_schedule_title {
		width: 90%;
	}
}

#second_event_report_title {
	width: 38%;
	padding: 0 5% 0.5%;
	margin: 0 auto 1%;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
	#second_event_report_title {
		width: 90%;
		padding: 1% 2% 0.5%;
		margin-bottom: 3%;
	}
}

#second_event_wrap {
	max-width: 1600px;
	width: 98%;
	margin: 0 auto;
	display: flex;
}

@media screen and (max-width: 768px) {
	#second_event_wrap {
		display: block;
	}
}

.sp_anchor {
	text-align: center;
}

.sp_anchor p {
	font-size: 1.1em;
	font-weight: 700;
}

#second_event_schedule_wrap {
	width: 36%;
	padding: 2% 4%;
	border-radius: 10px;
	background-color: #fafafa;
	border: 1px dashed #CCCCCC;
	margin: 0 3%;
}

@media screen and (max-width: 768px) {
	#second_event_schedule_wrap {
		width: 90%;
		margin: 0 auto;
	}
}

#second_event_schedule {
	width: 100%;
}

@media screen and (max-width: 768px) {
	#second_event_schedule {
		width: 95%;
	}
}

#second_event_schedule dt {
	color: #fff;
	width: 60%;
	background-color: #000;
	font-weight: 700;
	display: block;
	margin: 3% 0 1%;
	text-align: center;
	padding: 0.5% 0 0;
	font-size: 0.9em;
}

@media screen and (max-width: 768px) {
	#second_event_schedule dt {
		width: 70%;
		padding: 1% 0 0;
		font-size: 0.8em;
	}
}

#second_event_schedule dd {
	text-align: left;
	margin: 0 0 1%;
	font-size: 0.85em;
	font-weight: 700;
	color: #000;
}

@media screen and (max-width: 768px) {
	#second_event_schedule dd {
		font-size: 0.8em;
		margin-bottom: 3%;
		line-height: 1.3em;
		margin-left: 0;
		font-weight: 500;
	}
}

#second_event_schedule dd a {
	font-weight: 700;
	color: #ff0000;
}

#second_event_report_wrap {
	width: 46%;
	padding: 0 2%
}

@media screen and (max-width: 768px) {
	#second_event_report_wrap {
		width: 95%;
	}
}

.second_event_report {
	width: 100%;
	margin: 2% auto 3%;
	display: flex;
}

@media screen and (max-width: 768px) {
	.second_event_report {
		display: block;
	}
}

.second_event_img {
	width: 20%
}

@media screen and (max-width: 768px) {
	.second_event_img {
		max-width: 450px;
		width: 100%;
		margin: 0 auto;
	}
}

.second_event_img img {
	width: 100%;
	height: 5.05em;
	/*	vertical-align: bottom;*/
	object-fit: cover;
}

.second_event_content {
	width: 74%;
	padding: 1% 3%;
}

@media screen and (max-width: 768px) {
	.second_event_content {
		width: 90%;
		margin: 0 auto;
	}
}

.second_event_title p {
	font-size: 0.9em;
	font-weight: 700;
}

.second_event_title h2 {
	max-width: none;
	width: 70%;
	margin: 0 auto 3%;
	text-align: center;
	padding: 1.5% 0 0.5%;
	font-size: 0.9em;
	font-weight: 700;
	border-radius: 15px;
	color: #fff;
	background-color: #ff5436;
}

@media screen and (max-width: 768px) {
	.second_event_title h2 {
		width: 95%;
		border-radius: 10px;
		font-size: 0.85em;
	}
}

.second_event_content p {
	font-size: 0.9em;
	padding: 0 0 1% 1%;
	margin: 0;
}

@media screen and (max-width: 768px) {
	.second_event_content p {
		font-size: 0.8em;
		padding: 1% 0;
	}
}

span.ev_incl {
    font-size: 1em;
    padding: 0 0 1% 1%;
    margin: 0;
}

/*イベント記事*/
figure {
    margin: 0;
}
#event_main_img {
	max-width: 1200px;
	margin: 1% auto 0;
	padding: 0.2%;
}

#event_main_img img {
	width: 100%;
	vertical-align: bottom;
}

.second_event_article_wrap {
	width: 100%;
	background-color: #fafafa;
	padding: 2% 0;
	margin-bottom: 2%;
}

.second_event_article {
	max-width: 1200px;
	margin: 2% auto 0;
}

.second_event_article .single{
	text-align: center;
}
.second_event_article img {
	width: 100%;
	vertical-align: bottom;
}
.second_event_article .single img{
	max-width: 100%;
	width: 600px;
}

/* prof */
.prof{
	display: flex;
    max-width: 1100px;
    margin: 0 auto;
    justify-content: center;
	align-items: center;
}
.prof_img{
	width: 44%;
}
.prof_img img{
	max-width: 100%;
}
.prof_txt{
	width: 54%;
    padding: 1em;
}

/* grid */
.grid {
	display: grid;
	gap: 5px;
	list-style: none;
}

.grid01 {
	grid-template-columns: repeat(2, 1fr);
}

.grid02 {
	grid-template-columns: repeat(3, 1fr);
	padding: 0 10px;
}
.grid03 {
	grid-template-columns: repeat(6, 1fr);
}
.grid04 {
	grid-template-columns: repeat(2, 33%);
	justify-content: center;
}

@media screen and (max-width: 960px) {
	.grid {
		gap: 3px;
	}
	.grid02 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width: 768px) {
	/* prof */
	.prof{
	display: block;
	}
	.prof_img{
	width: 100%;
	}
	.prof_txt{
	width: 100%;
	padding: 0;
	}
	.grid03 {
		grid-template-columns: repeat(4, 1fr);
	}
}


.event_coment2 {
	width: 60%;
	margin: 0 auto 1%;
	padding: 1%;
	border: 1px dotted #999;
}

.cap_txt {
	text-align: center;
	display: block;
}

.pc_none {
	display: none;
}

@media screen and (max-width: 960px) {
	.sp_none {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.event_coment2 {
		width: 95%;
	}

	.pc_none {
		display: block;
	}

	.sp_none {
		display: none;
	}

}

.event_coment2 p {
	font-size: 0.95em;
	line-height: 1.5em;
}

@media screen and (max-width: 768px) {
	.event_coment2 p {
		font-size: 0.85em;
	}
}

.event_coment2 p a {
	color: #000;
}

#event_greeting {
	width: 70%;
	margin: 0 auto;
	padding: 3%;
	border: 3px dotted #6ab325;
	background-image: url(../images/event/greeting_back.png);
	background-repeat: repeat;
}

@media screen and (max-width: 768px) {
	#event_greeting {
		width: 90%;
	}
}

.second_event_article h2 {
	width: 96%;
	font-size: 1.2em;
	font-weight: 700;
	padding: 2%;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.second_event_article h2 {
		font-size: 1.05em;
	}
}

.second_event_article p {
	padding: 1% 3%;
	font-size: 1em;
}

@media screen and (max-width: 768px) {
	.second_event_article p {
		padding: 1% 3% 1%;
		font-size: 0.8em;
	}
}

.second_event_article p a {
	color: #000;
}

.second_event_article .second_event_info {
	width: 90%;
	margin: 0 auto;
	border: 1px dotted #ccc;
	padding: 2%;
	background: #fff;
}

.second_event_article .second_event_info p a {
	color: #21a7ea;
}

#event_greeting p {
	font-size: 0.95em;
	font-weight: 700;
	text-align: center;
	padding: 0;
}

@media screen and (max-width: 768px) {
	#event_greeting p {
		font-size: 0.9em;
	}
}

#coach_message_wrap {
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
}

@media screen and (max-width: 768px) {
	#coach_message_wrap {
		display: block;
	}
}

.coach_message {
	max-width: 400px;
	margin: 0 auto;
}

.coach_message img {
	width: 100%;
	vertical-align: bottom;
}

#youtube_wrap {
	max-width: 1200px;
	height: 450px;
}

@media screen and (max-width: 768px) {
	#youtube_wrap {
		max-width: 768px;
		height: 300px;
	}
}

#youtube_wrap iframe {
	width: 100%;
	height: 100%;
}

.video_wrap {
	max-width: 960px;
	max-height: 540px;
	margin: 0.5% auto;
}

.video_wrap video {
	width: 100%;
	height: 100%;
}

/*加藤友里恵*/
.kato_wrap {
	width: 100%;
	margin: 1% auto 0;
}

#kato_coment {
	width: 60%;
	margin: 0 auto;
	padding: 1%;
	background-size: 100% auto;
}

@media screen and (max-width: 768px) {
	#kato_coment {
		width: 95%;
	}
}

#kato_coment p {
	font-size: 1em;
	line-height: 1.5em;
}

@media screen and (max-width: 768px) {
	#kato_coment p {
		font-size: 0.85em;
	}
}

#kato_anchor {
	max-width: 1000px;
	margin: 0 auto 3%;
}

#kato_anchor ul {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 768px) {
	#kato_anchor ul {
		display: block;
	}
}

#kato_anchor ul li {
	padding: 0 5%;
	list-style: none;
	font-size: 1.1em;
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	#kato_anchor ul li {
		font-size: 0.9em;
		line-height: 1.5em;
	}
}

#kato_anchor ul li a {
	text-decoration: none;
	color: #ff5436;
}

#kato_content_wrap {
	padding: 2% 0;
	width: 100%;
	background-image: url(../images/kato_back1.png);
	background-position: right top;
	margin-bottom: 1%;
	background-repeat: no-repeat;
}

.kato_content {
	width: 52%;
	padding: 3%;
	background-color: #fafafa;
	border: 1px dotted #666;
	margin: 0 0 2% 5%;
}

@media screen and (max-width: 768px) {
	.kato_content {
		width: 92%;
		margin: 0 auto;
		background-color: rgba(250, 250, 250, 0.90);
	}
}

.kato_content2 {
	width: 55%;
	padding: 3%;
	margin: 0 auto;
	background-color: #fafafa;
	border: 1px dotted #666;
	/*
	background-image: url(../images/kato_back3.png);
	background-position: 0% bottom;
	background-repeat: repeat-x;
*/
}

@media screen and (max-width: 768px) {
	.kato_content2 {
		width: 92%;
	}
}

.kato_content3 {
	width: 94%;
	padding: 3%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.kato_content3 {
		width: 94%;
	}
}

.kato_title p {
	font-size: 0.9em;
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	.kato_title p {
		font-size: 0.8em;
	}
}

.kato_title h2 {
	max-width: none;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 1.5% 0 0.5%;
	font-size: 4em;
	font-weight: 700;
	line-height: 0.8em;
	color: #ff5436;
}

@media screen and (max-width: 768px) {
	.kato_title h2 {
		font-size: 2.5em;
		padding: 3% 0 0;
	}
}

.kato_h2_font {
	font-size: 0.4em;
	font-weight: 500;
	letter-spacing: -0.1em;
}

.kato_content p {
	font-size: 0.9em;
	padding: 0 0 1% 1%;
	margin: 0;
	color: #fff;
}

@media screen and (max-width: 768px) {
	.kato_content p {
		font-size: 0.8em;
	}
}

.kato_content dt {
	font-size: 0.95em;
	float: left;
	font-weight: 700;
}

@media screen and (max-width: 768px) {
	.kato_content dt {
		font-size: 0.8em;
	}
}

.kato_content dd {
	font-size: 0.9em;
	margin-bottom: 3%;
	margin-left: 25%;
	line-height: 1.3em;
}

@media screen and (max-width: 768px) {
	.kato_content dd {
		font-size: 0.8em;
		line-height: 1.5em;
	}
}

.kato_act_wrap {
	display: flex;
	justify-content: space-between;
	margin: 5% 0;
}

@media screen and (max-width: 768px) {
	.kato_act_wrap {
		width: 100%;
	}
}

.kato_act_img {
	max-width: 230px;
}

.kato_act_img img {
	width: 100%;
	vertical-align: bottom;
}

.kato_event {
	max-width: 1300px;
	margin: 3% auto;
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	.kato_event {
		width: 95%;
		display: block;
	}
}

.kato_event_content {
	width: 23%;
	padding: 0 1%;
}

@media screen and (max-width: 768px) {
	.kato_event_content {
		width: 100%;
		margin-bottom: 3%;
	}
}

.kato_event_content figure {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.kato_event_content figure img {
	max-width: 300px;
	width: 100%;
	transition: all 0.7s ease-out;
}

.kato_event_content figure figcaption {
	width: 94%;
	margin: 0 auto 3%;
	text-align: center;
	padding: 3%;
	font-size: 1em;
	font-weight: 700;
	border-bottom: 1px dashed #000;
}

@media screen and (max-width: 768px) {
	.kato_event_content figure figcaption {
		padding: 2% 0 1% 0;
		font-size: 0.9em;
	}
}

.kato_event_content p {
	font-size: 0.95em;
	line-height: 1.2em;
	text-align: left;
}

.kato_event_content p a {
	font-size: 0.95em;
	line-height: 1.2em;
	text-align: left;
	color: #ff5436;
}

.date_button p {
	padding: 4% 2% 1%;
	text-decoration: none;
	display: block;
	border: 1px solid #000;
	color: #000;
	text-align: center;
}

#kato_media_wrap {
	width: 100%;
	background-color: #fafafa;
	padding: 1% 0;
}

#kato_media {
	width: 60%;
	margin: 0 auto;
	overflow-y: scroll;
	height: 250px;
	background-color: #fff;
}

/*お問い合わせ*/
#contact {
	margin: 2% 0;
	padding: 1% 1% 0;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#contact {
		padding: 2%;
	}
}

#contact h2 {
	font-size: 1.2em;
}

@media screen and (max-width: 768px) {
	#contact h2 {
		font-size: 1em;
	}
}

#privacy_wrap {
	max-width: 850px;
	margin: 0 auto;
	padding: 1% 2% 1.5%;
	text-align: left;
}

#privacy_wrap p {
	font-size: 0.95em;
	letter-spacing: 0.1em;
	line-height: 2.5em;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	#privacy_wrap p {
		font-size: 0.85em;
		line-height: 1.8em;
	}
}

#privacy {
	width: 96%;
	height: 200px;
	overflow-y: scroll;
	margin: 2% 0;
	padding: 0 2%;
	background-color: #fafafa;
}

#privacy p {
	text-align: left;
	line-height: 1.3em;
	padding: 2% 0;
	font-size: 0.9em;
	margin: 0;
}

@media screen and (max-width: 768px) {
	#privacy p {
		font-size: 0.8em;
	}
}

#privacy dl {
	text-align: left;
	margin: 0;
}

#privacy dt {
	font-weight: 700;
	margin: 0 0 0.5%;
	font-size: 0.9em;
}

@media screen and (max-width: 768px) {
	#privacy dt {
		font-size: 0.8em;
	}
}

#privacy dd {
	font-size: 0.9em;
	margin: 0 0 2% 0;
	line-height: 1.3em;
}

@media screen and (max-width: 768px) {
	#privacy dd {
		font-size: 0.8em;
	}
}

/*フォーム*/
/*タブ*/
.tab-wrap {
	max-width: 1000px;
	margin: 2% auto;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	justify-content: space-between;
}

.tab-label {
	width: 40%;
	color: #999;
	background: #fff;
	padding: 3% 3% 2%;
	order: -1;
	font-size: 1.1em;
	font-weight: 700;
	border: 1px solid #000;
	cursor: pointer;
	cursor: hand;
}

@media screen and (max-width: 768px) {
	.tab-label {
		width: 43%;
		padding: 3% 2% 2%;
		font-size: 0.9em;
	}
}

.tab-content {
	width: 100%;
	display: none;
}

/* アクティブなタブ */
.tab-switch:checked+.tab-label {
	background: #ffe136;
	color: #000;
}

.tab-switch:checked+.tab-label+.tab-content {
	display: block;
}

/* ラジオボタン非表示 */
.tab-switch {
	display: none;
}

/*フォーム*/
table.formTable {
	width: 90%;
	margin: 3% auto;
	padding: 0 1%;
	border-collapse: collapse;
	text-align: left;
}

@media screen and (max-width: 768px) {
	table.formTable {
		width: 100%;
	}
}

table.formTable td,
table.formTable th {
	border: 1px solid #ccc;
	padding: 10px;
}

table.formTable th {
	width: 28%;
	font-size: 0.95em;
	background-color: #fafafa;
	color: #000;
	padding: 2% 0 1% 0;
	line-height: 1.5em;
	text-align: center;
	font-weight: 500;
}

@media screen and (max-width: 768px) {
	table.formTable th {
		font-size: 0.75em;
	}
}

table.formTable td {
	font-size: 0.9em;
}

@media screen and (max-width: 768px) {
	table.formTable td {
		font-size: 0.8em;
	}
}

/*フォーム（加藤）*/
table.formTable2 {
	width: 80%;
	margin: 3% auto;
	padding: 0 1%;
	border-collapse: collapse;
	text-align: left;
}

@media screen and (max-width: 768px) {
	table.formTable2 {
		width: 100%;
	}
}

table.formTable2 td,
table.formTable2 th {
	border: 1px solid #999;
	padding: 10px;
}

table.formTable2 th {
	width: 28%;
	font-size: 0.95em;
	color: #000;
	padding: 2% 0 1% 0;
	line-height: 1.5em;
	text-align: center;
	font-weight: 500;
	background-image: url(../images/contact_back.jpg);
	background-repeat: repeat;
}

@media screen and (max-width: 768px) {
	table.formTable2 th {
		font-size: 0.75em;
	}
}

table.formTable2 td {
	font-size: 0.9em;
	background-image: url(../images/contact_back.jpg);
	background-repeat: repeat;
}

@media screen and (max-width: 768px) {
	table.formTable2 td {
		font-size: 0.8em;
	}
}

select {
	width: 60%;
}

@media screen and (max-width: 768px) {
	select {
		width: 80%;
	}
}

input[type=text] {
	width: 80%;
	box-sizing: border-box;
}

@media screen and (max-width: 768px) {
	input[type=text] {
		width: 100%;
	}
}

textarea[cols] {
	width: 100%;
	box-sizing: border-box;
}

/*確認・サンクス共通*/
#contact_second_wrap {
	max-width: 850px;
	margin: 0 auto;
	padding: 1%;
}

#contact_second_wrap h3 {
	text-align: center;
	font-size: 1.1em;
	font-weight: 700;
}

#contact_second_wrap p {
	font-size: 0.95em;
	line-height: 1.5em;
}

@media screen and (max-width: 768px) {
	#contact_second_wrap p {
		font-size: 0.8em;
	}
}

#contact_second_wrap p a {
	font-size: 0.95em;
	color: #000;
}

#contact_second_wrap #contact_img {
	width: 100%;
	margin: 1% 0;
}

#contact_second_wrap #contact_img img {
	width: 100%;
	vertical-align: bottom;
}