@charset "utf-8";


/*=======================================

STUDENTSページ

=======================================*/

/*
サポーター
*/


.pagecontents > .innercontents > .wrap{
	width: 100%;
	text-align: left;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > .wrap{
	margin-top: 30px;
	}
	}

.pagecontents > .innercontents > .wrap > .inner{
	width: 100%;
	text-align: left;
	margin-top: 60px;
	padding-bottom:50px;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
	flex-direction: row;
	row-gap: 40px;
	column-gap: 6%;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > .wrap > .inner{
	margin-top: 0;
	padding-top: 0;
	padding-bottom:30px;
	flex-direction: column;
	row-gap: 20px;
	column-gap: 0;
	}
	}

.pagecontents > .innercontents > .wrap > .inner > .one{
	display: flex;
	flex-direction: column;
	width: 47%;
	background: #f3f3f3;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > .wrap > .inner > .one{
	width: 100%;
	}
	}


.pagecontents > .innercontents > .wrap > .inner > .one > img{
	width:100%;
	}

.pagecontents > .innercontents > .wrap > .inner > .one > .texts{
	padding: 30px;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > .wrap > .inner > .one > .texts{
	padding: 20px;
	}
	}

.pagecontents > .innercontents > .wrap > .inner > .one > .texts > p{
	line-height: 1.5em;
	}



/**/
.pagecontents > .innercontents > .wrap > .inner > .one.pink > a > img{border: 3px solid #DC0275;}
.pagecontents > .innercontents > .wrap > .inner > .one.orange > a > img{border: 3px solid #F1A201;}
.pagecontents > .innercontents > .wrap > .inner > .one.yellow > a > img{border: 3px solid #F7D400;}
.pagecontents > .innercontents > .wrap > .inner > .one.blue > a > img{border: 3px solid #149BD0;}
.pagecontents > .innercontents > .wrap > .inner > .one.green > a > img{border: 3px solid #77B914;}
.pagecontents > .innercontents > .wrap > .inner > .one.sky > a > img{border: 3px solid #7FC1B9;}
.pagecontents > .innercontents > .wrap > .inner > .one.purple > a > img{border: 3px solid #bc5fd8;}

.pagecontents > .innercontents > .wrap > .inner > .one.pink > a:hover > img{border: 3px solid #b80263;}
.pagecontents > .innercontents > .wrap > .inner > .one.orange > a:hover > img{border: 3px solid #db9200;}
.pagecontents > .innercontents > .wrap > .inner > .one.yellow > a:hover > img{border: 3px solid #e0bf00;}
.pagecontents > .innercontents > .wrap > .inner > .one.blue > a:hover > img{border: 3px solid #098abd;}
.pagecontents > .innercontents > .wrap > .inner > .one.green > a:hover > img{border: 3px solid #77B914;}
.pagecontents > .innercontents > .wrap > .inner > .one.sky > a:hover > img{border: 3px solid #6dada6;}
.pagecontents > .innercontents > .wrap > .inner > .one.purple > a:hover > img{border: 3px solid #a951c4;}


/*
bar
*/

.pagecontents .bar{
	width: calc(100vw - 160px);
	margin: 0 calc(50% - 50vw);
	}
@media screen and (max-width: 900px) {
.pagecontents .bar{
	width: 100vw;
	}
	}

.pagecontents .bar img{
	width: 600px;
	display: block;
	margin: 0 auto;
	}
@media screen and (max-width: 900px) {
.pagecontents .bar img{
	width: 90%;
	}
	}

.pagecontents .bar .upper{
	width: 100%;
	height: 10px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	margin-bottom: 50px;
	}

.pagecontents .bar .under{
	width: 100%;
	height: 10px;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row-reverse;
	margin-top: 45px;
	}

.pagecontents .bar > div > div{
	width: 100%;
	height: 100%;
	}

.pagecontents .bar > div > div:first-child{	background: #E953EE	}
.pagecontents .bar > div > div:nth-child(2){	background: #B8C520	}
.pagecontents .bar > div > div:nth-child(3){	background: #DFC101	}
.pagecontents .bar > div > div:nth-child(4){	background: #E4007F	}
.pagecontents .bar > div > div:nth-child(5){	background: #F0873B	}
.pagecontents .bar > div > div:nth-child(6){	background: #008800	}
.pagecontents .bar > div > div:nth-child(7){	background: #0079D6	}
.pagecontents .bar > div > div:last-child{	background: #FF005E	}

.pagecontents > .innercontents > p.lead{
	line-height: 1.8em;
	padding: 30px 0;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > p.lead{
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}
	}

.pagecontents > .innercontents > div.sanka{
	border: 1px solid #ccc;
	padding: 30px;
	margin-top: 20px;
	text-align: left;
	line-height: 1.8em;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > div.sanka{
	padding: 20px;
	margin-top: 0;
	}
	}

.pagecontents > .innercontents > div.sanka .teams{
	margin-top: 20px;
	display: flex;
	align-items: stretch;
	flex-wrap: nowrap;
	flex-direction: row;
	row-gap: 10px;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > div.sanka .teams{
	flex-wrap: wrap;
	row-gap: 0;
	column-gap: 10px;
	}
	}

.pagecontents > .innercontents > div.sanka .teams div{
	width: 100%;
	white-space: nowrap;
	word-wrap: break-word;
	font-size: 1em;
	line-height: 1.5em;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > div.sanka .teams div{
	width: calc((100% - 10px)/2);
	white-space: nowrap;
	word-wrap: break-word;
	font-size: 1em;
	line-height: 1.5em;
	}
.pagecontents > .innercontents > div.sanka .teams div:last-child{
	width: 100%;
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #ccc;
	}
	}

.pagecontents > .innercontents > div.sanka .teams div span{
	color:#A72D2A;
	font-size: .6em;
	}

.pagecontents > .innercontents > .wrap  h4{
	font-size: 1.2em;
	line-height: 1.5em;
	text-align: center;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > .wrap h4{
	font-size: 1.2em;
	text-align: center;
	}
	}
.pagecontents > .innercontents > .wrap > .inner > .one.pink h4{color: #b80263;}
.pagecontents > .innercontents > .wrap > .inner > .one.orange h4{color: #db9200;}
.pagecontents > .innercontents > .wrap > .inner > .one.yellow h4{color: #e0bf00;}
.pagecontents > .innercontents > .wrap > .inner > .one.blue  h4{color: #098abd;}
.pagecontents > .innercontents > .wrap > .inner > .one.green h4{color: #77B914;}
.pagecontents > .innercontents > .wrap > .inner > .one.sky h4{color: #6dada6;}
.pagecontents > .innercontents > .wrap > .inner > .one.purple h4{color: #a951c4;}

.pagecontents > .innercontents > .wrap p.member{
	margin-top: 30px;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height: 1.7em !important;
	}
@media screen and (max-width: 900px) {
.pagecontents > .innercontents > .wrap p.member{
	margin-top: 20px;
	padding: 20px 0;
	}
	}


.pagecontents > .innercontents > .wrap p.member span{
	white-space: nowrap;
	word-wrap: break-word;
	}

.pagecontents > .innercontents > .wrap p.messagetitle{
	font-size: .8em;
	text-align: center;
	line-height: 0;
	padding: 25px 0 20px;
	}
.pagecontents > .innercontents > .wrap > .inner > .one.pink p.messagetitle{color: #b80263;}
.pagecontents > .innercontents > .wrap > .inner > .one.orange p.messagetitle{color: #db9200;}
.pagecontents > .innercontents > .wrap > .inner > .one.yellow p.messagetitle{color: #e0bf00;}
.pagecontents > .innercontents > .wrap > .inner > .one.blue  p.messagetitle{color: #098abd;}
.pagecontents > .innercontents > .wrap > .inner > .one.green p.messagetitle{color: #77B914;}
.pagecontents > .innercontents > .wrap > .inner > .one.sky p.messagetitle{color: #6dada6;}
.pagecontents > .innercontents > .wrap > .inner > .one.purple p.messagetitle{color: #a951c4;}

.pagecontents > .innercontents > .wrap p.message{
	line-height: 1.7em !important;
	text-align: justify;
	text-justify: inter-ideograph;
	word-break:break-all;
	}