@charset"utf-8";

@media screen and (max-width: 768px) {

	/*common--------------------------------*/

	.sp {
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}

	.pc {
		display: none;
	}
	
	.hover:hover {
		opacity: 1;
	}

	article {
		padding-bottom: 9.66vw;
	}

	section {
		padding: 14.49vw 0;
	}

	sub,
	sup {
		font-size: 2.9vw;
	}

	.anchor {
		padding-top: 19.32vw;
		margin-top: -19.32vw;
	}
	
	.sec_ttl {
		padding-bottom: 7.25vw;
	}
	
	.sec_ttl strong {
		font-size: 6.77vw;
		font-weight: 700;
		line-height: 1.2em;
	}
	
	.sec_ttl span {
		font-size: 3.86vw;
	}

	.plain_txt {
		font-size: 3.86vw;
	}
	
	.btn_container {
		padding-top: 9.66vw;
	}
	
	.btn_container a {
		width: 80vw;
		min-height: 12.08vw;
		padding: 1.21vw 2.42vw;
		border-radius: 3.62vw;
		font-size: 4.35vw;
	}
	
	.btn_container a::before {
		width: 6.04vw;
		height: 6.04vw;
		right: 3.62vw;
	}
	
	.btn_container a::after {
		width: 1.45vw;
		height: 1.45vw;
		right: 6.04vw;
	}
	
	
	
	/*----------------------------------------*/
	
	/*header*/
	
	/*----------------------------------------*/
	
	header {
		height: 14.49vw;
		padding: 0 3vw;
	}
	
	header.float {
		box-shadow: 0 0 10px rgba(0,0,0,.2);
	}
	
	header .logo_container a {
		padding: 0 9.66vw 0 9.66vw;
		z-index: 99999;
	}
	
	header .logo_container a::before {
		width: 7.25vw;
		height: 7.25vw;
	}
	
	header .logo_container a::after {
		width: 9.66vw;
		height: 9.66vw;
	}
	
	header .logo_container a strong {
		font-size: 4.69vw;
	}
	
	header .logo_container a span {
		font-size: 2.9vw;
	}



	/*menu_trigger--------------------------------*/
	
	header .menu_trigger {
		width: 9.66vw;
		height: 9.66vw;
		margin-top: .6vw;
		display: block;
		z-index: 99999;
		position: relative;
		transition: .2s ease-out;
	}
	
	.menu_trigger,
	.menu_trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	
	.menu_trigger span {
		position: absolute;
		left: 1.06vw;
		width: 7.55vw;
		height: 3px;
		background-color: #037e51;
		border-radius: 100vh;
		z-index: 4;
		-webkit-transition: .2s ease-out;
		transition: .2s ease-out;
	}
	
	.menu_trigger span:nth-of-type(1) {
		top: 1.56vw;
	}
	.menu_trigger span:nth-of-type(2) {
		top: 4.64vw;
	}
	.menu_trigger span:nth-of-type(3) {
		bottom: 1.56vw;
	}
	.menu_trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(3.8vw) rotate(-45deg);
		transform: translateY(3.8vw) rotate(-45deg);
	}
	
	.menu_trigger.active span:nth-of-type(2) {
		left: 100%;
		opacity: 0;
		-webkit-animation: active-menu-bar02 .8s forwards;
		animation: active-menu-bar02 .8s forwards;
	}
	
	.menu_trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-1.93vw) rotate(45deg);
		transform: translateY(-1.93vw) rotate(45deg);
	}
	
	.menu_target {
		width: 100%;
		height: 100vh;
		box-sizing: border-box;
		overflow-y: auto;
		background-color: #fff;
		padding-bottom: 12vw;
		position: fixed;
		top: 14.49vw;
		left: 0;
		transition: .3s ease-out;
		z-index: 9999;
		animation-name:fadeOutAnime;
		animation-duration:.6s;
		animation-fill-mode:forwards;
		opacity:0;
		display: none;
	}
	@keyframes fadeOutAnime{
		0% {
		  opacity: 1;
		}
		100% {
		  opacity: 0;
		}
	}
	
	.menu_target.active {
		display: block;
		animation-name:fadeInAnime;
		animation-duration:.6s;
		animation-fill-mode:forwards;
		opacity:0;
	}
	@keyframes fadeInAnime{
		0% {
		  opacity: 0;
		}
		100% {
		  opacity: 1;
		}
	}

	header .nav_list_container {
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: unset;
		padding: 1em 0 2em;
	}
	
	header .nav_list_item {
		padding: .5em 0;
		display: block;
		width: 90vw;
		height: unset;
		box-sizing: border-box;
	}
	
	header .nav_list_item + .nav_list_item {
		border-top: 1px solid #eee;
	}
	
	header .nav_list_item a {
		font-size: 3.86vw;
		text-align: center;
	}
	
	header .subnav_list_container {
		padding: .5em 1em;
		margin-top: .5em;
		background-color: rgba(3,126,81,.2);
		position: static;
		display: block;
	}
	
	header .subnav_list_item {
		white-space: nowrap;
		padding: .5em 0;
	}
	
	header .subnav_list_item + .subnav_list_item {
		border-top: 1px solid #fff;
	}
	
	header .subnav_list_item a {
		font-size: 3.86vw;
		color: #333;
	}
	
	
	
	/*----------------------------------------*/
	
	/*footer*/
	
	/*----------------------------------------*/
	
	footer {
		padding: 14.49vw 0 56.76vw;
		position: relative;
		z-index: -1;
	}
	
	.footer_container {
		width: 100%;
		margin: 0 auto 14.49vw;
		display: block;
	}
	
	.footer_container .left_container {
		width: 100%;
	}
	
	.footer_container .nav_list_container {
		padding: 0 0 7.73vw 10vw;
	}
	
	.footer_container .nav_list_item {
		padding: 0 1.8em 1em 0;
	}
	
	.footer_container .nav_list_item a {
		font-size: 3.86vw;
	}
	.footer_container .logo_container {
		padding-bottom: 14.49vw;
	}
	
	.footer_container .logo_container strong {
		font-size: 7.73vw;
		text-align: center;
	}
	
	.footer_container .logo_container a span {
		font-size: 4.35vw;
		text-align: center;
	}
	
	.footer_container .btn_list_item + .btn_list_item {
		padding-top: 30px;
	}
	
	.footer_container .btn_list_item a {
		width: 80vw;
		height: 12.08vw;
		margin: 0 auto;
		border-radius: 3.62vw;
		font-size: 4.35vw;
	}
	
	.footer_container .btn_list_item a::before {
		width: 6.04vw;
		height: 6.04vw;
		right: 3.62vw;
	}
	
	.footer_container .btn_list_item a::after {
		width: 1.45vw;
		height: 1.45vw;
		right: 6.04vw;
	}
	
	footer .copy_wrap small {
		font-size: 2.66vw;
	}
	
	
	
	/*----------------------------------------*/
	
	/*floating_bnr_wrap*/
	
	/*----------------------------------------*/
	
	.floating_bnr_wrap {
		/*bottom: -71.24vw;*/
		bottom: -50.61vw;
	}
	
	.floating_bnr_wrap.two_column {
		bottom: -50.61vw;
	}
	
	.floating_bnr_wrap.current,
	.floating_bnr_wrap.two_column.current {
		bottom: 0;
	}
	
	.floating_bnr_wrap::before {
		width: 12.08vw;
		height: 12.08vw;
		border-radius: 10px;
		top: -9.66vw;
		right: calc(5vw - 5px);
	}
	
	.floating_bnr_wrap .btn_close {
		width: 9.66vw;
		height: 9.66vw;
		border-radius: 8px;
		top: -8.45vw;
	}
	
	.floating_bnr_wrap .btn_close::after {
		width: 1.93vw;
		height: 1.93vw;
	}
	
	.floating_bnr_wrap .floating_bnr_container {
		flex-direction: column;
		padding: 2.42vw 0;
	}
	
	.floating_bnr_wrap .floating_bnr_item {
		width: 90vw;
		height: 19.32vw;
		padding: 1.81vw 5vw;
	}
	
	.floating_bnr_wrap .floating_bnr_item a {
		padding: 1.21vw;
		border-radius: 3.62vw;
	}

	.floating_bnr_wrap .floating_bnr_item a.pdf i {
		right: 2.9vw;
		font-size: 7.73vw;
	}
	
	.floating_bnr_wrap .floating_bnr_item a::before {
		width: 6.04vw;
		height: 6.04vw;
		right: 3.62vw;
	}
	
	.floating_bnr_wrap .floating_bnr_item a::after {
		width: 1.45vw;
		height: 1.45vw;
		right: 6.04vw;
	}
	
	.floating_bnr_wrap .floating_bnr_item a .txt_container strong {
		font-size: 4.35vw;
	}
	
	.floating_bnr_wrap .floating_bnr_item a .txt_container span {
		font-size: 4.35vw;
	}
	
	.floating_bnr_wrap .floating_bnr_item a .img_container {
		width: 29vw;
		height: 100%;
	}
	
	
	
	/*----------------------------------------*/
	
	/*modal_news_wrap*/
	
	/*----------------------------------------*/
	
	.modal_container .modal_news_container {
		padding: 4.83vw;
		border-radius: 3.62vw;
	}
	
	.modal_container .modal_news_container dt {
		font-size: 4.83vw;
	}
	
	.modal_container .modal_news_container dd span {
		font-size: 3.38vw;
		padding: 2.42vw;
	}
	
	.modal_container .modal_news_container dd strong {
		font-size: 3.86vw;
	}

	.modal_container .modal_news_container dd + dt {
		padding-top: 3.62vw;
		margin-top: 3.62vw;
	}
	
	.modal_container .btn_close {
		font-size: 15.46vw;
		padding-top: 2.42vw;
	}

	.modal_container .checkbox_wrap {
		padding-top: 3.62vw;
	}
	
	.modal_container .checkbox_container {
		font-size: 3.38vw;
	}

	input[type="checkbox"]:focus {
		outline: none;
	}
	
	
	
	/*----------------------------------------*/
	
	/*pagetop_container*/
	
	/*----------------------------------------*/
	
	.pagetop_container a {
		width: 9.66vw;
		height: 9.66vw;
		bottom: 17.5vw;
		right: 5.2vw;
	}
	
	.pagetop_container a::after {
		width: 1.93vw;
		height: 1.93vw;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: translate(-50%, -25%) rotate(-45deg);
	}
	
	.pagetop_container a:hover::after {
		border-top: 2px solid #037e51;
		border-right: 2px solid #037e51;
	}
	
	
	
	/*----------------------------------------*/
	
	/*top*/
	
	/*----------------------------------------*/
	
	/*mv_wrap--------------------------------*/
	
	.top .mv_wrap {
		padding-top: 14.49vw;
	}
	
	.top .mv_wrap,
	.top .mv_list_container {
		width: 100%;
		height: 45.91vw;
	}
	
	.top .mv_list_item {
		width: 100vw;
		height: 38.65vw;
		padding: 0 2.42vw;
	}
	
	.top .site_ttl_container strong {
		font-size: 5.8vw;
		white-space: nowrap;
	}
	
	.top .site_ttl_container span {
		font-size: 3.38vw;
	}
	
	.top .slick_prev {
		width: 9.66vw;
		height: 9.66vw;
	}
	
	.top .slick_prev::after {
		width: 1.93vw;
		height: 1.93vw;
	}
	
	.top .slick_next {
		width: 9.66vw;
		height: 9.66vw;
	}
	
	.top .slick_next::after {
		width: 1.93vw;
		height: 1.93vw;
	}
	
	
	.top .slick-dots {
		height: 2.9vw;
	}
	
	.top .slick-dots li {
		padding: 0 2.42vw;
	}
	
	.top .slick-dots button {
		width: 2.9vw;
		height: 2.9vw;
	}
	
	/*sec01--------------------------------*/
	
	.news_list_item {
		padding: .5em 0 .5em .5em;
	}
	
	.news_list_item a {
		display: block;
	}
	
	.news_list_item span {
		display: block;
		width: 100%;
		font-size: 3.38vw;
		font-weight: 900;
		color: #999;
		padding-bottom: .2em;
	}
	
	.news_list_item strong {
		display: block;
		width: 100%;
		font-size: 3.86vw;
	}



	/*----------------------------------------*/
	
	/*lower*/
	
	/*----------------------------------------*/
	
	/*mv_wrap--------------------------------*/
	
	.lower .mv_wrap {
		height: 48.31vw;
	}
	
	.lower .page_ttl_container {
		padding-top: 26.57vw;
	}
	
	.lower .page_ttl_container strong {
		font-size: 5.8vw;
	}
	
	
	/*----------------------------------------*/
	
	/*tournament*/
	
	/*----------------------------------------*/
	
	/*sec01--------------------------------*/
	
	.index_list_container {
		flex-wrap: wrap;
	}
	
	.index_list_item {
		width: 42.3vw;
		height: 42.3vw;
		margin-bottom: unset;
	}

	.index_list_container.three {
		max-width: 100%;
	}
	
	.three .index_list_item {
		width: 42.3vw;
		height: 42.3vw;
	}
	
	.index_list_item:nth-child(n+3) {
		margin-top: 4.83vw;
	}
	
	.index_list_item .index_obj {
		height: 16.91vw;
	}
	
	.index_list_item .txt_container {
		padding: 2.42vw 0 4.83vw;
	}
	
	.index_list_item .txt_container::after {
		width: 2.42vw;
	}

	.index_list_item a:hover .txt_container::after {
		bottom: -2.42vw;
	}
	
	.index_list_item .txt_container strong {
		font-size: 4.35vw;
	}
	
	.index_list_item .txt_container span {
		font-size: 2.9vw;
	}
	
	
	/*sec02--------------------------------*/
	
	.accordion_trigger {
		padding: 2.42vw 5.8vw 2.42vw 2.42vw;
		font-size: 4.35vw;
	}
	
	.accordion_target + .accordion_trigger {
		margin-top: 4.83vw;
	}
	
	.accordion_trigger::after {
		font-size: 5.8vw;
		right: 2.42vw;
	}
	
	.accordion_trigger .tournament_ttl {
		font-size: 4.35vw;
	}

	.accordion_trigger .tournament_ttl .update {
		font-size: 2.9vw;
	}
	
	.accordion_target > div {
		width: 100%;
		padding-top: 4.83vw;
	}
	
	.sub_ttl {
		font-size: 5.31vw;
		font-weight: 700;
		padding: 0 0 2.42vw .8em;
		margin-bottom: 4.83vw;
	}

	.result_container .flex_container {
		display: block;
	}
	
	.result_container .flex_container .left_container,
	.result_container .flex_container .right_container {
		width: 100%;
	}

	.result_container .flex_container .left_container {
		padding-bottom: 7.25vw;
	}
	
	.result_container {
		padding-bottom: 4.83vw;
	}
	
	.result_container .result_txt span {
		font-size: 3.86vw;
		padding-right: 1em;
	}
	
	.result_container .result_txt strong {
		font-size: 3.86vw;
	}

	.result_container .result_txt + .btn_container {
		padding-top: 4.83vw;
	}
	
	.result_container .txt_container + .txt_container .btn_container {
		padding-top: 4.83vw;
	}
	
	.result_container .btn_container .pdf {
		width: 80%;
		padding: 2.42vw 4.83vw;
	}
	
	.result_container .btn_container .pdf span {
		font-size: 4.35vw;
	}
	
	.result_container .btn_container .pdf i {
		font-size: 4.83vw;
	}
	
	.draw_list_container {
		width: 100%;
	}
	
	.draw_list_container .draw_list_item {
		width: 50%;
		padding-bottom: 4.83vw;
	}
	
	.draw_list_container .draw_list_item a {
		width: 80%;
		padding: 1.21vw 2.42vw;
	}
	
	.draw_list_container .draw_list_item a span {
		font-size: 3.86vw;
	}
	
	.draw_list_container .draw_list_item a i {
		font-size: 4.83vw;
	}
	
	
	/*sec05--------------------------------*/
	
	.faq_container.flex_container {
		display: block;
	}
	
	.faq_container .left_container,
	.faq_container .right_container {
		width: 100%;
	}
	
	.faq_container .left_container {
		padding-bottom: 9.66vw;
	}


	/*----------------------------------------*/
	
	/*school*/
	
	/*----------------------------------------*/
	
	/*sec01--------------------------------*/
	
	.school_ttl_container {
		text-align: center;
		margin-bottom: 100px;
	}
	
	.school_ttl {
		padding: 0 9.66vw 12.08vw;
	}
	
	.school_ttl strong {
		font-size: 5.8vw;
	}
	
	.school_ttl i {
		font-size: 3.86vw;
	}
	
	.school_subttl {
		font-size: 5.31vw;
		font-weight: 700;
		padding: 0 0 2.42vw .8em;
		margin-bottom: 4.83vw;
	}
	
	.school_wrap .school_container {
		padding-bottom: 30px;
	}
	
	.school_wrap .txt_container + .txt_container {
		padding-top: 7.25vw;
	}
	
	.school_wrap .flex_container {
		display: block;
	}
	
	.school_wrap .left_container,
	.school_wrap .right_container {
		width: 100%;
	}
	
	.school_wrap .right_container {
		padding-top: 7.25vw;
	}
	
	.school_wrap .school_txt {
		font-size: 3.86vw;
	}
	
	.school_wrap .note_list_item {
		font-size: 3.86vw;
	}
	
	.school_wrap .note_list_item .btn_container {
		padding: 1em 0;
	}



	/*----------------------------------------*/
	
	/*association*/
	
	/*----------------------------------------*/
	
	.about_txt {
		font-size: 3.86vw;
	}
	
	.bnr_obj {
		width: 80vw;
	}
	
	.faq_container.flex_container + .flex_container {
		display: block;
	}
	
	.faq_container.flex_container + .flex_container .left_container,
	.faq_container.flex_container + .flex_container .right_container {
		width: 100%;
	}


	/*----------------------------------------*/
	
	/*join*/
	
	/*----------------------------------------*/
	
	/*sec02--------------------------------*/
	
	.club_list_wrap {
		display: block;
	}
	
	.club_list_table {
		width: 100%;
		margin: 0;
	}
	
	.club_list_table tr.caption {
		display: none;
	}
	
	.club_list_table th {
		padding: 2.42vw;
		font-size: 3.86vw;
	}
	
	.club_list_table.jr {
		margin-top: 7.25vw;
	}
	
	.club_list_table td {
		padding: 2.42vw;
		font-size: 3.86vw;
	}
	
	.club_list_table td a {
		font-size: 3.38vw;
	}


	/*----------------------------------------*/
	
	/*news*/
	
	/*----------------------------------------*/
	
	/*sec01--------------------------------*/
	
	.post_ttl {
		margin-bottom: 4.83vw;
	}
	
	.post_ttl strong {
		font-size: 5.31vw;
		padding: 0 0 2.42vw .2em;
	}
	
	.post_ttl span {
		font-size: 3.38vw;
		padding: 2.42vw .5em 0 0;
	}

	.post_content p {
		font-size: 4vw;
	}
	.post_content h1 {
		font-size: 10vw;
	}
	.post_content h2 {
		font-size: 9vw;
	}
	.post_content h3 {
		font-size: 8vw;
	}
	.post_content h4 {
		font-size: 7vw;
	}
	.post_content h5 {
		font-size: 6vw;
	}
	.post_content h6 {
		font-size: 5vw;
	}
	.post_content blockquote {
		padding: 0 2.42vw;
	}
	.post_content blockquote:before {
		padding-top: 0;
	}
	.post_content blockquote:after {
		content: '”';
	}



/*-------------------------------------*/
}