@charset "UTF-8";

.for_pc {
	display:block;
}

.for_sp {
	display:none;
}

@media (max-width: 768px) {
	body{
	  overflow-x: hidden;
	}
	.for_pc {
		display:none;
	}

	.for_sp {
		display:block;
	}
}


#cont-title {
	margin-top:32px;
	margin-bottom:22px;
	color:#fff;
	font-size:24px;
	font-weight: bold;
}

#cont-title sup {
	color:#fff;
	font-size:18px;
	font-weight: bold;
}


#cont-title::before {
	content: "";
	width: 20px;
	height: 20px;
	margin-right:8px;
	border-radius: 50%;
	display: inline-block;
}

#cont-title.crew, #cont-title.report, #cont-title.gallery {
	margin-left:0;
}

#cont-title.crew::before{
	border: 5px solid #a68e20;
}

#cont-title.report::before{
	border: 5px solid #20a65f;
}

#cont-title.gallery::before{
	border: 5px solid #2072a6;
}


#main_contents {
	width:100%;
	padding:30px 20px 5px;
	background: url(../images/cont-line.png) no-repeat center top #ca9865;
}

#main_contents_502 {
	width:100%;
	padding:30px 20px 5px;
	background: url(../images/cont-line_502.png) no-repeat center top #ca65bd;
}

.main_contents-inner {
	width:100%;
	margin:20px auto;
	border:solid 1px #8e5825;
}

.main_contents-inner ul {
	font-size:0;
}

.main_contents-inner li {
	display:inline-block;
	vertical-align:top;
	border-bottom: solid 1px #8e5825;
}

.main_contents-inner li.icon {
	background-color:#8e5825;
	width:8%;
	height:60px;
	text-align:center;
	padding:10px 0 15px;
}

.main_contents-inner li.subtitle {
	width:92%;
	height:60px;
	padding:12px 0 0 20px;
	background: url(../images/cont-line-bg.png) repeat center top;
}

.main_contents-inner li.subtitle p {
	margin:0;
	font-size:26px;
	color:#604327;
	font-weight:bold;
	text-shadow: 2px 2px 0 #ca9865, -1px 1px 0 #ca9865, 1px -1px 0 #ca9865, -1px -1px 0 #ca9865;
}

.main_contents-inner li.subtitle p sup{
	margin:0;
	font-size:20px;
	color:#604327;
	font-weight:bold;
	text-shadow: 2px 2px 0 #ca9865, -1px 1px 0 #ca9865, 1px -1px 0 #ca9865, -1px -1px 0 #ca9865;
}


.main_contents-inner div {
	padding:30px;
	background-color:#fff6e9;
}


.main_contents-inner .objective_box {
	margin:20px 0 0 0;
	padding:0;
}

.main_contents-inner .objective_box .objective_img p {
	margin:0;
	padding:0;
	font-size:22px;
	font-weight:bold;
	color:#8e5825;
	border-bottom: solid 1px #8e5825;
}


.main_contents-inner .theme_img {
	width:400px;
	margin:0 20px 0 0;
	padding:0;
	display: inline-block;
	vertical-align:top;
	float:left;
}

.main_contents-inner .theme_img img{
	width:100%;
}


.main_contents-inner div.objective_innner {
	width:470px;
	display: inline-block;
	margin:0 0 0 0;
	padding:20px 0 0 0;
}



.main_contents-inner dt {
	display: inline-block;
	vertical-align:top;
}

.main_contents-inner dt.objective_img {
	width:100%;
}

.main_contents-inner dt p{
	margin:5px;
	padding:0 0 10px 0;
	border-bottom:solid 1px #000;
}


.main_contents-inner dt.plan {
	/*width:615px;*/
    width: auto;
    margin-bottom: 20px;
}


.main_contents-inner dd.objective_txt {
	display: inline-block;
	width: 100%;
	margin:10px 0;
	vertical-align:sub;
	font-size:17px;
	font-weight:bold;
	color:#000;
}

.main_contents-inner dd.objective_txt span {
	font-weight:bold;
	color:#ff0000;
}


.main_contents-inner dd.theme_txt {
	display: block;
	width: auto;
	margin:0 0 30px 0;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.main_contents-inner .theme_txt {
	display: block;
	width: auto;
	margin:0 0 20px 0;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.main_contents-inner .theme_txt img{
	width:100%;
}

.main_contents-inner dd {
	width:480px;
	display: inline-block;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.main_contents-inner p {
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.main_contents-inner .theme_caption {
	margin:50px 0 16px 0;
	padding:10px 0 5px 12px;
	color:#604327;
	font-size:22px;
	font-weight: bold;
	border-top:solid 3px #8e5825;
	border-left:solid 16px #8e5825;
	background-color:#ebd5b3;
	text-shadow: 2px 2px 0 #dbb185, -1px 1px 0 #dbb185, 1px -1px 0 #dbb185, -1px -1px 0 #dbb185;
}

.main_contents-inner .theme_caption sup{
	color:#604327;
	font-size:18px;
	font-weight: bold;
	margin: 0;
}




.main_contents-inner .theme_caption::before {
	content: "";
	width: 16px;
	height: 16px;
  margin-top: 10px;
	margin-right:6px;
	border-radius: 50%;
	display: inline-block;
	border: 5px solid #8e5825;
}

.main_contents-inner dd.plan {
	/*width:250px;*/
    width:auto;
}

.main_contents-inner p:first-of-type {
	margin:20px 0 16px 0;
}

.main_contents-inner p:last-of-type {
	margin:10px 0 0 0;
}


/* 502 */

.main_contents-inner_502 {
	width:100%;
	margin:20px auto;
	border:solid 1px #920882;
}

.main_contents-inner_502 ul {
	font-size:0;
}

.main_contents-inner_502 li {
	display:inline-block;
	vertical-align:top;
	border-bottom: solid 1px #920882;
}

.main_contents-inner_502 li.icon {
	background-color:#920882;
	width:8%;
	height:60px;
	text-align:center;
	padding:10px 0 15px;
}

.main_contents-inner_502 li.subtitle {
	width:92%;
	height:60px;
	padding:6px 0 0 20px;
	background: url(../images/cont-line-bg_502.png) repeat center top;
}

.main_contents-inner_502 li.subtitle p {
	margin:0;
	font-size:26px;
	color:#810273;
	font-weight:bold;
	text-shadow: 1px 1px 0 #e06fe1, 0px 0px 0 #e06fe1, 0px 0px 0 #e06fe1, 0px 0px 0 #e06fe1;
}

.main_contents-inner_502 li.subtitle p sup{
	margin:0;
	font-size:20px;
	color:#810273;
	font-weight:bold;
	text-shadow: 1px 1px 0 #e06fe1, 0px 0px 0 #e06fe1, 0px 0px 0 #e06fe1, 0px 0px 0 #e06fe1;
}


.main_contents-inner_502 div {
	padding:30px;
	background-color:#e9fffc;
}


.main_contents-inner_502 .objective_box {
	margin:20px 0 0 0;
	padding:0;
}

.main_contents-inner_502 .objective_box .objective_img p {
	margin:0;
	padding:0;
	font-size:22px;
	font-weight:bold;
	color:#8e5825;
	border-bottom: solid 1px #8e5825;
}


.main_contents-inner_502 .theme_img {
	width:400px;
	margin:0 20px 0 0;
	padding:0;
	display: inline-block;
	vertical-align:top;
	float:left;
}

.main_contents-inner_502 .theme_img img{
	width:100%;
}


.main_contents-inner_502 div.objective_innner {
	width:470px;
	display: inline-block;
	margin:0 0 0 0;
	padding:20px 0 0 0;
}



.main_contents-inner_502 dt {
	display: inline-block;
	vertical-align:top;
}

.main_contents-inner_502 dt.objective_img {
	width:100%;
}

.main_contents-inner_502 dt p{
	margin:5px;
	padding:0 0 10px 0;
	border-bottom:solid 1px #000;
}


.main_contents-inner_502 dt.plan {
	/*width:615px;*/
    width: auto;
    margin-bottom: 20px;
}


.main_contents-inner_502 dd.objective_txt {
	display: inline-block;
	width: 100%;
	margin:10px 0;
	vertical-align:sub;
	font-size:17px;
	font-weight:bold;
	color:#000;
}

.main_contents-inner_502 dd.objective_txt span {
	font-weight:bold;
	color:#ff0000;
}


.main_contents-inner_502 dd.theme_txt {
	display: block;
	width: auto;
	margin:0 0 30px 0;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.main_contents-inner_502 .theme_txt {
	display: block;
	width: auto;
	margin:0 0 20px 0;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.main_contents-inner_502 .theme_txt img{
	width:100%;
}

.main_contents-inner_502 dd {
	width:480px;
	display: inline-block;
	vertical-align:top;
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.main_contents-inner_502 p {
	font-size:14px;
	font-weight:bold;
	color:#000;
}

.main_contents-inner_502 .theme_caption {
	margin:50px 0 16px 0;
	padding:10px 0 5px 12px;
	color:#810273;
	font-size:22px;
	font-weight: bold;
	border-top:solid 3px #920882;
	border-left:solid 16px #920882;
	background-color:#a0d8e2;
	text-shadow: 1px 1px 0 #e06fe1, 0px 0px 0 #e06fe1, 0px 0px 0 #e06fe1, 0px 0px 0 #e06fe1;
}

.main_contents-inner_502 .theme_caption sup{
	color:#604327;
	font-size:18px;
	font-weight: bold;
	margin: 0;
}




.main_contents-inner_502 .theme_caption::before {
	content: "";
	width: 16px;
	height: 16px;
  margin-top: 10px;
	margin-right:6px;
	border-radius: 50%;
	display: inline-block;
	border: 5px solid #810273;
}

.main_contents-inner_502 dd.plan {
	/*width:250px;*/
    width:auto;
}

.main_contents-inner_502 p:first-of-type {
	margin:20px 0 16px 0;
}

.main_contents-inner_502 p:last-of-type {
	margin:10px 0 0 0;
}

.main_contents-inner_502 p sup {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}



.theme_box {
	display:flex;
}

.theme_box li {
	border:none !important;
}

.theme_box li.jfast{
	margin:0;
	width:410px;
	padding:0 10px 0 0;
}

.theme_box li .jfast_box{
	width:100%;
	border-radius:10px;
	background-color:#f1cfaa;
	padding: 10px 20px 20px;
	margin-bottom: 20px;
}

.theme_box li .jfast_box p.point{
	margin:10px auto 15px;
  padding: 0;
	text-align:center;

}

.theme_box li .jfast_box p.point span{
	background-color:#835c36;
	padding:5px 20px;
	font-size: 20px;
	font-weight:bold;
	letter-spacing: 2px;
	color:#f9ff00;
	display:block;
	border-radius:10px;
}

.theme_box li .jfast_box p.point_txt{
	font-size: 14px;
	font-weight:bold;
	color:#604327;
}

.theme_box li .theme_img {
	width:460px;
	margin:0;
}



nav{ display: none; }

nav{
	transition: .10s;
}
.active + nav{
	transform: translatex(0);
}

.crew_entry {
	cursor: pointer;
}

.menu_container {
	margin:0;
  width: 268px;
  border-top: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

.menu_container li {
	width:100%;
	margin:0;
  padding: 5px;
  cursor: pointer;
}

.menu_container li a{
	display:block;
	font-size:16px;
	color:#000;
}

.menu_container li:hover {
    background-color: #e2c8a0;
    color: white;
}

@media (max-width: 768px) {
	#main {
    margin-bottom: 6%;
		padding:2%;
	}

	.main_contents-inner ul, .main_contents-inner_502 ul {
		display:flex;
		align-items: stretch;
	}

	.main_contents-inner_502 li {
		background-color: #920882;
	}

	.main_contents-inner li.icon, .main_contents-inner_502 li.icon {
		width:16%;
		min-width:80px;
	}

	.main_contents-inner li.subtitle {
		height:auto;
		padding: 12px 8px 8px 8px;
	}

	.main_contents-inner_502 li.subtitle {
		height:auto;
		padding: 8px;
	}

	.main_contents-inner li.icon, .main_contents-inner_502 li.icon {
		height:auto;
	}

	.main_contents-inner li.subtitle p, .main_contents-inner_502 li.subtitle p {
		font-size:20px !important;
	}

	.main_contents-inner .theme_caption, .main_contents-inner_502 .theme_caption {
		font-size:18px !important;
	}

	.main_contents-inner .theme_caption::before, .main_contents-inner_502 .theme_caption::before {
		margin-top: 7px;
	}

	.main_contents-inner dt {
		width:100% !important;
		margin-bottom:5%;
	}

	.main_contents-inner dt img{
		width:100%;
	}

	.main_contents-inner dd {
		width:100% !important;
	}

	.main_contents-inner dd img{
		max-width:100%;
	}

	.menu_container {
	  width: 100%;
	}


	.main_contents-inner li.subtitle p {
		font-size:24px;
	}

	.main_contents-inner div {
		padding: 10px;
	}

	.main_contents-inner_502 div {
		padding:10px;
	}

	.main_contents-inner div.objective_innner {
		padding: 10px 10px 0 10px;
	}

	.main_contents-inner dt.objective_img {
		width:100px !important;
		margin: 10px 0 5px 0;
	}

	.theme_box {
	    display: flex;
	    flex-direction: column;
	}

	.theme_box li.jfast {
		width:100%;
		padding:0;
	}

	.theme_box li .theme_img {
		width:100%;
	}
}


/* CREW */

/* CREW */

.crew-profile p.description{
	font-size:14px;
}

.crew {
	width:90%;
	margin:0 auto;
}

.crew li {
	margin-bottom:40px;
}

.crew dd {
	display:inline-block;
	width:600px;
}

.crew dd .crew-degree, .crew dd .crew-name, .crew dd .crew-belonging {
	font-family: "apotek-cond", sans-serif;
}

.crew dd .crew-degree {
	font-size:22px;
	line-height: 1;
}

.crew dd .crew-name {
	font-size:36px;
	color:#fff;
	line-height: 1.6;
}

.crew dd .crew-belonging {
	font-size:16px;
	line-height: 1;
}

.crew dd .description {
	margin-top:20px;
	padding-top:20px;
	border-top:dotted 1px #fff;
	font-size:14px;
}

.crew dt {
	display:inline-block;
	vertical-align:top;
	width:260px;
	text-align: right;
}



.crew_all {
	width:100%;
}

.crew_all ul{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin: 20px auto 40px;
	flex-wrap: wrap;
}

.crew_all li {
	width:32%;
  margin-bottom: 10px;
  vertical-align: top;
	background: linear-gradient(180deg, rgb(165, 106, 51), rgb(177, 94, 15));
	padding: 5px;
}

.crew_all dd {
	display:inline-block;
	width: 68%;
	margin: 0;
}


.crew_all dt {
	display:inline-block;
	vertical-align:top;
	width:30%;
	text-align: right;
}

.crew_all dt img {
	width:100%;
  height: 120px;
  object-fit: contain;
}

.crew_all dd .crew-degree, .crew_all dd .crew-name, .crew_all dd .crew-belonging,
.crew_all_502 dd .crew-degree, .crew_all_502 dd .crew-name, .crew_all_502 dd .crew-belonging {
	font-family: "apotek-cond", sans-serif;
}


.crew_all dd .crew-degree {
	color: #e2b730;
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
}

.crew_all dd .crew-name {
	font-size:22px;
	color:#fff;
	font-weight: bold;
	line-height: 1.3;
}

.crew_all dd .crew-belonging {
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
}

.crew_all dd .description {
	margin-top:20px;
	padding-top:20px;
	border-top:dotted 1px #fff;
	font-size:14px;
}


/* 502E */
.crew_all_502 {
	width:100%;
}

.crew_all_502 ul{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin: 20px auto 40px;
	flex-wrap: wrap;
}

.crew_all_502 li {
	width:32%;
  margin-bottom: 10px;
  vertical-align: top;
	    background: linear-gradient(90deg, rgb(131, 22, 22), rgb(197, 56, 29));
	padding: 1%;
}

.crew_all_502 dd {
	display:inline-block;
	width: 66%;
	margin: 0 0 0 6px;
}


.crew_all_502 dt {
	display:inline-block;
	vertical-align:top;
	width:30%;
	text-align: right;
}

.crew_all_502 dt img {
	width:100%;
  height: 120px;
  object-fit: contain;
}

.crew_all_502 dd .crew-degree {
	color:#fffc00;
	font-size:18px;
	line-height: 1;
	letter-spacing: 0.3px;
}

.crew_all_502 dd .crew-name {
	font-size:26px;
	color:#fff;
	line-height: 1.4;
	letter-spacing: 0.3px;
}

.crew_all_502 dd .crew-belonging {
	font-size:14px;
	line-height: 1;
	letter-spacing: 0.5px;
	color:#fff;
}

.crew_all_502 dd .description {
	margin-top:20px;
	padding-top:20px;
	border-top:dotted 1px #fff;
	font-size:14px;
}




.pankuzu {
	margin:-20px 0 20px 28px;
}

.pankuzu a {
	text-decoration:underline;
}

.title_daily {
	width:140px;
	display:inline-block;
}

.blog_link {
	width:630px;
	margin-bottom:10px;
	vertical-align:top;
	display:inline-block;
	text-align:right;
}


@media (max-width: 768px) {
	.crew li {
		position:relative;
		margin-bottom: 60px;
	}

	.crew dd {
		width:100%;
		margin-top:340px;
		padding: 0;
	}

	.crew dt {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		text-align: center;
	}

	.crew_all li, .crew_all_502 li {
		width:100%;
		position:relative;
		margin-bottom: 20px;
	}

	.crew_all dd, .crew_all_502 dd {
		padding: 0;
	}

	.crew_all dt, .crew_all_502 dt {
		text-align: center;
	}


	.main_contents-inner .theme_img, .main_contents-inner div.objective_innner {
		width:100%;
	}

.title_daily {
	width:140px;
	display:inline-block;
}

.blog_link {
	width:100%;
	margin:20px auto;
	text-align:center;
}


}



/* 2025.01.28 schedule */
.schedule .theme_caption {
	margin-bottom:20px !important;
}


.schedule ul {
	display: flex;
	align-content: flex-start;
  align-items: stretch;
	margin: 0.5% 0;
}

.schedule li {
	border:none;
}

.schedule li:first-child {
	width:15%;
	padding:2px 5px;
	background-color:#8e5825;
	color:#fff;
	font-size:13px;
	font-weight:bold;
}

.schedule li:nth-child(2) {
	width:58%;
	padding:2px 5px;
	margin:0 1%;
	background-color:#fff;
	color:#333;
	font-size:13px;
	font-weight:bold;
}

.schedule li:nth-child(2) span {
	color:#333;
	font-size:11px;
}

.schedule li:last-child {
	width:25%;
	padding:2px 5px;
	background-color:#f1e776;
	color:#333;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}


@media (max-width: 768px) {
	#cont-title {
		font-size:18px;
	}

	#cont-title sup {
		font-size:14px;
	}


	#cont-title::before {
		content: "";
		width: 20px;
		height: 20px;
		margin-right:8px;
		margin-bottom:-3px;
		border-radius: 50%;
		display: inline-block;
	}

	#cont-title.science::before{
		border: 5px solid #00c8dc;
	}

	.schedule .theme_caption {
		font-size:16px;
	}

	.schedule ul {
		display: flex;
		align-content: flex-start;
		align-items: stretch;
		margin-bottom:4px;
	}

	.schedule li:first-child {
		width:22%;
		margin:0 !important;
		padding:2px 2px;
		font-size:10px !important;
	}

	.schedule li:nth-child(2) {
		width:53%;
		margin: 0 4px !important;
		padding:2px 2px;
		font-size:10px !important;
	}

	.schedule li:last-child {
		width:22%;
		padding:2px 2px;
		font-size:8px !important;
	}


}