@charset "UTF-8";
/* CSS Document */



/****************************************************************************************************
header
****************************************************************************************************/
#header {
	background: URL(../img/common/header-bg.jpg) no-repeat center center;
	background-size: cover;
}



/****************************************************************************************************
wrap
****************************************************************************************************/
#wrap {
	margin-top: 160px;
}



/****************************************************************************************************
bread
****************************************************************************************************/
#bread {
	padding: 1.8rem 40px;
	font-size: 0.866rem;
	line-height: 1.6;
	text-align: left;
}
#bread ul {
}
#bread ul li {
	display: inline-block;
}
#bread ul li + li::before {
	content: "　＞　";
}
#bread ul li a {
	color: #E50085;
}



/****************************************************************************************************
contents
****************************************************************************************************/
#contents {
	width: 1240px;
	margin: auto;
	padding-bottom: 100px;
	/* 2026/03/11削除 */
	/* border-bottom: 1px solid #AAAAAA; */
	text-align: left;
}

.page-title {
	margin-top: 1rem;
	text-align: center;
}
.page-title h1 {
	line-height: 1.0;
}
.page-title h1 .main-title {
	display: block;
	padding-bottom: 0.3em;
	border-bottom: 1px solid #AAAAAA;
	font-size: 2.4rem;
	font-weight: 200;
}
.page-title h1 .sub-title {
	display: block;
	padding-top: 0.8em;
	font-size: 1.2rem;
	font-weight: 200;
	font-style: normal;
}

.page-title + .col-block {
	margin-top: 5rem;
}
.page-title + .col-block.mtshort {
	margin-top: 3.2rem;
}
.page-title + .s-anchor {
	margin-top: 2rem;
}
.s-anchor + .col-block {
	margin-top: 4rem;
}
.col-block + .col-block {
	margin-top: 6.5rem;
}
.col-block + .col-block.bd {
	padding-top: 6.5rem;
	border-top: 1px solid #AAAAAA;
}
.col-block + .col-block.mt3rem {
	margin-top: 3rem;
}
.col-box + .col-box.bd {
	padding-top: 2rem;
	border-top: 1px dotted #999999;
}
.col-box + .col-box {
	margin-top: 2rem;
}
.col-box + .col-box.mt05rem {
	margin-top: 0.5rem;
}
.col-box + .col-box.mt1rem {
	margin-top: 1rem;
}
.col-box + .col-box.mt15rem {
	margin-top: 1.5rem;
}
.col-box + .col-box.mt25rem {
	margin-top: 2.5rem;
}
.col-box + .col-box.mt3rem {
	margin-top: 3rem;
}
.col-box + .col-box.mt4rem {
	margin-top: 4rem;
}
.col-box + .col-box.mt5rem {
	margin-top: 5rem;
}
.col-box + .col-box.mt6rem {
	margin-top: 6rem;
}
.col-box.ml2rem {
	margin-left: 2rem;
}



/****************************************************************************************************
ブロック
****************************************************************************************************/
.business-box {
	padding: 60px 76px;
	border: 1px solid RGBA(0,0,0,.5);
}
.sec-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.sec-block + .sec-block {
	margin-top: 4rem;
	padding-top: 4rem;
	border-top: 1px solid #AAAAAA;
}
.sec-title {
	width: 320px;
}
.sec-block.column {
	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
.sec-block.column .sec-title {
	width: 100%;
}
dl.flex-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
dl.flex-box dt {
	padding-right: 1.5em;
	white-space: nowrap;
}
dl.flex-box dt.wide {
	padding-right: 5em;
}




/****************************************************************************************************
アンカー
****************************************************************************************************/
.anchor {
}
.anchor ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 1.2rem;
	font-weight: bold;
}
.anchor ul li + li {
	margin-left: 2em;
}
.anchor ul li a {
	position: relative;
	padding-left: 1.6rem;
	text-decoration: none !important;
}
.anchor ul li a::before,
.anchor ul li a::after {
	position:absolute;
	left:0;
	top: 0;
	bottom: 0;
	content:"";
	display:inline-block;
	width: 1rem;
	height: 1rem;
	margin:auto;
	border: 2px solid;
	border-color: transparent transparent #D80075 #D80075;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);
}
.anchor ul li a::after {
	bottom: -1rem;
}

.s-anchor {
}
.s-anchor ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.s-anchor ul li + li {
	margin-left: 2em;
}
.s-anchor a {
	text-decoration: none !important;
	color: #00006A !important;
}



/****************************************************************************************************
文字関連
****************************************************************************************************/
#contents a {
	color: #EA0098;
	text-decoration: underline;
}

h2.large {
	font-size: 2.4rem;
	line-height: 1.6;
}
h3.small {
	font-size: 1.2rem;
	line-height: 2.0;
}
h3.xlarge {
	font-size: 1.6rem;
	line-height: 1.8;
}
.h3-cap {
	margin-left: 1rem;
	font-size: 1.0rem;
	vertical-align: 0.25rem;
}
h3 .small {
	font-size: 1.2rem;
}
h4.midium {
	font-size: 1.2rem;
	line-height: 2.0;
}
p.large,
p .large {
	font-size: 1.2rem;
	line-height: 2.0;
}
p.small,
p .small {
	font-size: 0.866rem;
}

.hedding {
	text-indent: -1em;
	padding-left: 1em;
}



/****************************************************************************************************
NEWS
****************************************************************************************************/
.news-tbl {
}
.news-tbl th {
	position: relative;
	padding-right: 2em;
}
.news-tbl th::after {
	position: absolute;
	content: "";
	display: inline-block;
	width: 1px;
	height: 1em;
	right: 0;
	top: 0.6em;
	background: #000;
}
.news-tbl td {
	padding-left: 2em;
}
.news-tbl {
	margin-top: 0.3rem;
}
.news-tbl th {
	text-align: right;
	white-space: nowrap;
}
.news-tbl td a {
	color: #000 !important;
}

.pager {
	margin-top: 3rem;
	text-align: center;
}
.pages {
	display: none;
}
.pager span,
.pager a {
	border: none;
	margin: 0;
	padding: 0;
}
.pager a {
}
.pager span + a::before,
.pager a + a::before,
.pager a + span::before {
	content: "　｜　";
	display: inline-block;
	color: #000;
}
a.previouspostslink,
a.nextpostslink {
	color: #000;
}
.pager span + a.previouspostslink::before {
	display: none;
}



/****************************************************************************************************
TEAM
****************************************************************************************************/

/* 2026/03/11追加 */
.logo-box{
	margin:0 auto;
}


.profile-block dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.profile-block dl dt {
	font-weight: bold;
	white-space: nowrap;
}
.profile-block dl dt:after {
	content: "\00A0／\00A0";
	font-weight: normal;
}

.history-block dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.history-block dl dt {
	color: #E60085;
	font-weight: bold;
	white-space: nowrap;
}
.history-block dl dd {
	margin-left: 1em;
}
.history-block dl dd ul{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	gap:10px;
}

.philosophy-block dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.philosophy-block dl + dl {
	margin-top: 0.2rem;
}
.philosophy-block dl dt {
	width: 204px;
	white-space: nowrap;
}
.philosophy-block dl dt strong {
	font-size: 1.6rem;
}
.philosophy-block dl dd {
	margin-left: 1em;
	padding-top: 0.8em;
}

.jersey-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.jersey-box + .jersey-box {
	margin-left: 35px;
}



/****************************************************************************************************
SCHEDULE
****************************************************************************************************/
.result-block {
}
.result-block + .result-block {
	margin-top: 2rem;
}
.result-box {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.result-txt {
	width: 22rem;
}
.result-txt dd {
	padding-left: 1em;
}
.score-box {
	margin-left: 2rem;
}
.score-txt {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	font-size: 1.866rem;
	font-weight: bold;
	line-height: 1.0;
}
.issue {
	margin-left: 2rem;
}



/****************************************************************************************************
MEMBER
****************************************************************************************************/
.member-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}
.member-box {
	/* 2026/03/11変更 */
	/* background: #222222; */
	background: #000068;
	color: #FFF;
}
.member-box + .member-box {
	margin-left: 22px;
}
.member-box + .member-box:nth-of-type(4n+1) {
	margin-left: 0;
}
.member-box + .member-box:nth-of-type(n+5) {
	margin-top: 22px;
}
.member-photo img{
	width: 255px;
}
.member-txt {
	width: 255px;
	word-break: break-word;
	padding: 1.5rem 2rem;
	line-height: 1.6;
}
.member-txt h4 {
	/* 2026/03/11変更 */
	/* margin-bottom: .5em; */
	margin-bottom: .3em;
	padding-bottom: .2em;
	border-bottom: 1px solid RGBA(255,255,255,.5);
	font-size: 1.6rem;
	text-align: center;
}
/* 2026/03/11追加 */
.member-txt p{
	font-size: 12px;
	text-align: center;
	margin-bottom: .5em;
}	

.member-txt ul {
	font-size: 0.866rem;
}

.staff-block {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 1.5rem;
}
.staff-box {
}
.staff-box + .staff-box {
	margin-left: 4rem;
}
.staff-box dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.staff-box dl dt {
	font-weight: bold;
	white-space: nowrap;
}
.staff-box dl dt:after {
	content: "\00A0／\00A0";
	font-weight: normal;
}



/****************************************************************************************************
お問い合わせ
****************************************************************************************************/
.form-box {
	width: 1080px;
	margin: auto;
	padding: 1rem 0;
	border-bottom: 1px dotted #999999;
}
.form-box:nth-of-type(1) {
	border-top: 1px dotted #999999;
}
.form-box dl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.8;
	text-align: left;
}
.form-box dl + dl {
	margin-top: 10px;
}
.form-box > dl > dt {
	width: 280px;
	padding: 0.3em 3em 0 0;
	min-height: 3rem;
	color: #000000;
	font-size: 1.2rem;
	text-align: right;
}
.form-box > dl > dd {
	width: 800px;
}
.form-box > dl > dd dl dt {
	width: 140px;
	padding: 0.6em 0 0 0;
	min-height: 3rem;
}
.form-box input[type="text"],
.form-box input[type="email"] {
	width: 740px;
	height: 3rem;
	padding: 0.5em 1em;
	background: #EEEEEE;
	border: none;
}
.form-box input[type="text"].harf {
	width: 365px;
	margin-right: 10px;
}
.form-box input[type="text"].middle {
	width: 600px;
}
.form-box input[type="text"].short {
	width: 100px;
}

/* 2025/12/1 コンタクトフォーム7 */

.form-box input[type="text"],
.form-box input[type="email"],
.form-box input[type="tel"]{
	width: 740px;
	height: 3rem;
	padding: 0.5em 1em;
	background: #EEEEEE;
	border: none;
}

.form-box dd.harf input[type="text"],
.form-box dd.harf input[type="tel"]{
	width: 365px;
	margin-right: 10px;
}

.form-box dd.middle input[type="text"] {
	width: 600px;
}

.form-box dd.short input[type="text"] {
	width: 100px;
}

.wpcf7-spinner{
	display: none;
}


.need {
	color: #D80072;
	font-size: 1rem;
}
label {
	display: inline-block;
	height: 3rem;
	padding: 0.7em 1em 0.7em 0;
}
input[type="radio"] {
	vertical-align: 0.05em;
}
select {
	width: 240px;
	height: 3rem;
	padding: 0.5em 1em;
	background: #EEEEEE;
	border: none;
}
.form-box textarea {
	width: 740px;
	height: 10rem;
	padding: 0.5em 1em;
	background: #EEEEEE;
	border: none;
}
.form-notice {
	margin: 3.5rem 0 3.2rem 0;
	line-height: 1.8;
}
.form-btn ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.form-btn ul li {
	margin: 0 !important;
	padding: 0 !important;
	text-indent: 0 !important;
	position: relative;
}
.form-btn ul li + li {
	margin-left: 30px !important;
}
input[type="submit"] {
	width: 320px;
	height: 70px;
	background: #E20085;
	border: none;
	border-radius: 0;
	color: #FFF;
	font-size: 1.466rem;
	font-weight: bold;
	cursor:pointer;
}
.form-btn ul li::before{
	position: absolute;
  right: 100px;
	top: 0;
	bottom: 0;
	content: "";
	display: inline-block;
	width: 1.066rem;
	height: 1.066rem;
	margin: auto;
	border: 2px solid;
	border-color: transparent transparent #000000 #000000;
	-webkit-transform: rotate(-135deg) translate(0, 0);
	transform: rotate(-135deg) translate(0, 0);
}
.form-btn ul li::after {
    position: absolute;
    right: 93px;
    top: 0;
    bottom: 0;
    content: "";
    display: inline-block;
    width: 1.066rem;
    height: 1.066rem;
    margin: auto;
    border: 2px solid;
    border-color: transparent transparent #000000 #000000;
    -webkit-transform: rotate(-135deg) translate(0, 0);
    transform: rotate(-135deg) translate(0, 0);
}

@media screen and (max-width: 767px),
screen and (max-width: 960px) and (orientation: landscape) {
	
	
	
	/****************************************************************************************************
	header
	****************************************************************************************************/
	#header {
		background-size: cover;
	}
	
	
	
	/****************************************************************************************************
	wrap
	****************************************************************************************************/
	#wrap {
		margin-top: 12vw;
	}
	
	
	
	/****************************************************************************************************
	bread
	****************************************************************************************************/
	#bread {
		padding: 0.8rem 1rem;
		font-size: 0.6rem;
	}
	
	
	
	/****************************************************************************************************
	contents
	****************************************************************************************************/
	#contents {
		width: 92vw;
		padding-bottom: 10vw;
	}
	
	.page-title {
		margin-top: 2.8rem;
	}
	.page-title h1 .main-title {
		font-size: 2.0rem;
	}
	.page-title h1 .sub-title {
		font-size: 1.0rem;
	}
	
	.page-title + .col-block,
	.page-title + .col-block.mtshort {
		margin-top: 3rem;
	}
	.s-anchor + .col-block {
		margin-top: 2rem;
	}
	.col-block + .col-block {
		margin-top: 5rem;
	}
	.col-block + .col-block.bd {
		padding-top: 5rem;
	}
	.col-box + .col-box.bd {
		padding-top: 1rem;
	}
	.col-box + .col-box {
		margin-top: 1rem;
	}
	.col-box + .col-box.mt05rem {
		margin-top: 0.25rem;
	}
	.col-box + .col-box.mt1rem {
		margin-top: 0.5rem;
	}
	.col-box + .col-box.mt15rem {
		margin-top: 0.75rem;
	}
	.col-box + .col-box.mt25rem {
		margin-top: 1.25rem;
	}
	.col-box + .col-box.mt3rem {
		margin-top: 1.5rem;
	}
	.col-box + .col-box.mt4rem {
		margin-top: 2rem;
	}
	.col-box + .col-box.mt5rem {
		margin-top:2.5rem;
	}
	.col-box + .col-box.mt6rem {
		margin-top: 3rem;
	}
	.col-box.ml2rem {
		margin-left: 1rem;
	}
	
	
	
	/****************************************************************************************************
	ブロック
	****************************************************************************************************/
	.business-box {
		padding: 5vw 6vw;
	}
	.sec-block {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.sec-block + .sec-block {
		margin-top: 2rem;
		padding-top: 2rem;
	}
	.sec-title {
		width: 100%;
	}
	.sec-body {
		margin-top: 0.5rem;
	}
	dl.flex-box {
		display: block;
	}
	dl.flex-box dt,
	dl.flex-box dt.wide {
		padding-right: 0;
	}
	
	
	
	/****************************************************************************************************
	アンカー
	****************************************************************************************************/
	.anchor ul {
		gap: 0.5em 0;
	}
	.anchor ul li + li {
		margin-left: 0;
	}
	.s-anchor ul {
		gap: 0.5em 1em;
	}
	.s-anchor ul li + li {
		margin-left: 0;
	}
	
	
	
	/****************************************************************************************************
	文字関連
	****************************************************************************************************/
	.h3-cap {
		display: block;
		vertical-align: 0;
		line-height: 1.2;
	}
	
	
	
	/****************************************************************************************************
	NEWS
	****************************************************************************************************/
	.news-tbl {
		width: 100%;
	}
	.news-tbl tr {
		display: block;
		width: 100%;
	}
	.news-tbl th {
		display: block;
		padding: 0 0 0.2em 0;
		border-bottom: 1px solid #000;
	}
	.news-tbl tr + tr th {
		padding-top: 0.8rem;
	}
	.news-tbl th::after {
		display: none;
	}
	.news-tbl td {
		display: block;
		padding: 0.2em 0 0 0;
	}
	.news-tbl th {
		text-align: left;
	}
	.pager {
		margin-top: 2rem;
	}
	
	
	
	/****************************************************************************************************
	TEAM
	****************************************************************************************************/
	.philosophy-block dl {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.philosophy-block dl + dl {
		margin-top: 0.5rem;
	}
	.philosophy-block dl dt {
		width: 100%;
	}
	.philosophy-block dl dd {
		margin-left: 2.8rem;
		padding-top: 0;
	}
	.history-block dl dd ul{
		display: block;
	}
	.jersey-box {
		width: 20vw;
	}
	.jersey-box + .jersey-box {
		margin-left: 5vw;
	}
	
	
	
	/****************************************************************************************************
	SCHEDULE
	****************************************************************************************************/
	.result-box {
		-webkit-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.result-txt {
		width: auto;
	}
	.score-box {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin: 0.5rem 0 0 1rem;
	}
	.score-txt {
		margin-left: 1rem;
	}
	.issue {
		margin-left: 1rem;
	}
	
	
	
	/****************************************************************************************************
	MEMBER
	****************************************************************************************************/
	.member-block {
		margin-top: 0;
		gap: 2vw 2%;
	}
	.member-box {
		width: 49%;
	}
	.member-box + .member-box {
		margin-left: 0;
	}
	.member-box + .member-box:nth-of-type(4n+1) {
		margin-left: 0;
	}
	.member-box + .member-box:nth-of-type(n+5) {
		margin-top: 0;
	}
	.member-txt {
		width: 100%;
		padding: .8rem 1rem;
		line-height: 1.6;
	}
	.member-txt h4 {
		font-size: 1.2rem;
	}
	.member-txt ul {
		font-size: 0.8rem;
	}
	.member-photo img{
		width: 100%;
	}

	
	.staff-block {
		margin-top: 0;
	}
	.staff-box + .staff-box {
		margin: 1rem 0 0 0;
	}
	
	
	
	/****************************************************************************************************
	お問い合わせ
	****************************************************************************************************/
	.form-box {
		width: 100%;
		padding: 4vw 0;
	}
	.form-box dl {
		display: block;
	}
	.form-box dl + dl {
		margin-top: 3vw;
	}
	.form-box dl > dt {
		width: 100%;
		min-height: initial;
		min-height: auto;
		padding: 0;
		text-align: left;
	}
	.form-box dl > dd {
		width: 100%;
		margin-top: 0.3rem;
	}
	.form-box > dl > dd dl dt {
		width: auto;
		padding: 0;
		min-height: initial;
		min-height: auto;
	}
	.form-box input[type="text"],
	.form-box input[type="email"] {
		width: 100%;
		height: 3rem;
		-webkit-appearance: none;
	}
	.form-box input[type="text"].harf {
		width: 49%;
		margin-right: 0;
	}
	.form-box input[type="text"].harf + input[type="text"].harf {
		margin-left: 2%;
	}
	.form-box input[type="text"].small {
		width: 50%;
	}
	.form-box input[type="text"].middle {
		width: 100%;
	}
	
	/* 2025/12/1追加  コンタクトフォーム*/
	.form-box dd.middle input[type="text"] {
		width: 100%;
	}
	.form-box dd.harf input[type="text"],
	.form-box dd.harf input[type="tel"] {
		width: 49%;
		margin-right: 0;
	}
	.form-box dd.harf input[type="text"]{
		margin-left: 3px;
	}

	label {
		height: auto;
		padding: 0.7em 1em 0.7em 0;
	}
	input[type="radio"] {
		vertical-align: auto;
	}
	select {
		width: 50%;
		height: 3rem;
		margin-bottom: 3vw;
		-webkit-appearance: none;
	}
	.form-box textarea {
		width: 100%;
		height: 12rem;
	}
	.form-btn ul {
		display: block;
	}
	input[type="submit"] {
		width: 100%;
		height: 4.6rem;
		-webkit-appearance: none;
	}
	.form-btn ul li + li {
		margin: 3vw 0 0 0 !important;
	}
	
}
@media screen and (max-width: 960px) and (orientation: landscape) {
}