@charset "UTF-8";
/*==================================================
=			defalut			 =
==================================================*/
#summerschool,#summerschool span,#summerschool object,#summerschool iframe,#summerschool h1,#summerschool h2,#summerschool h3,#summerschool h4,#summerschool h5,#summerschool h6,#summerschool p,#summerschool blockquote,#summerschool pre,#summerschool abbr,#summerschool address,#summerschool cite,#summerschool code,#summerschool del,#summerschool dfn,#summerschool em,#summerschool img,#summerschool ins,#summerschool kbd,#summerschool q,#summerschool samp,#summerschool small,#summerschool strong,#summerschool sub,#summerschool sup,#summerschool var,#summerschool b,#summerschool i,#summerschool dl,#summerschool dt,#summerschool dd,#summerschool ol,#summerschool ul,#summerschool li,#summerschool fieldset,#summerschool form,#summerschool label,#summerschool legend,#summerschool table,#summerschool caption,#summerschool tbody,#summerschool tfoot,#summerschool thead,#summerschool tr,#summerschool th,#summerschool td,#summerschool li,#summerschool aside,#summerschool dialog,#summerschool figure,#summerschool footer,#summerschool header,#summerschool hgroup,#summerschool menu,#summerschool nav,#summerschool section,#summerschool time,#summerschool mark,#summerschool audio,#summerschool video{margin:0;padding:0;border:0;outline:0;font-weight:normal;vertical-align:baseline;background:transparent;}
#summerschool{line-height:1;}#summerschool li,#summerschool aside,#summerschool dialog,#summerschool figure,#summerschool footer,#summerschool header,#summerschool hgroup,#summerschool nav,#summerschool section{display:block;}#summerschool nav ul{list-style:none;}#summerschool blockquote,#summerschool q{quotes:none;}#summerschool blockquote:before,#summerschool blockquote:after,#summerschool q:before,#summerschool q:after{content:'';content:none;}#summerschool a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}#summerschool ins{background-color:#ff9;color:#000;text-decoration:none;}#summerschool mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;text-decoration:line-through;}#summerschool abbr[title],#summerschool dfn[title]{border-bottom:1px dotted #000;cursor:help;}#summerschool table{border-collapse:collapse;border-spacing:0;}#summerschool hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}#summerschool input,#summerschool select{vertical-align:middle;}#summerschool img{vertical-align:bottom;}

#summerschool .cf:before,#summerschool .cf:after {content:"";display:table;}
#summerschool .cf:after {clear:both;}
#summerschool .cf {*zoom:1;}

#summerschool img{
	image-rendering: -webkit-optimize-contrast;
	height: auto !important;
}
#summerschool a{
	transition: 0.3s;
	word-wrap:break-word;
}
#summerschool a:hover{
	opacity:0.7;
	animation: cont 0.5s;
	-webkit-animation: cont 0.5s;
	-moz-animation: cont 0.5s;
}
#summerschool p{
	line-height:1.8;
	text-align: left;
}
#summerschool{
	width: 100%;
	max-width: 1120px;
	text-align:center;
	margin:0 auto;
	color:#424242;
	background-color: #fff;
  font-family: 'Noto Sans JP', sans-serif, serif, Meiryo, sans-serif, "ヒラギノ角ゴ", "Hiragino Sans", "Hiragino Kaku Gothic ProN";
	position: relative;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	line-height: 1.6;
	padding-bottom: 60px;
}
#summerschool .serif{
	font-family: 'Noto Serif JP', serif;
}
#summerschool .hov,a{
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#summerschool .hov:hover{
	text-decoration: transparent;
	opacity:0.6;
}
#summerschool .hov:active{
	cursor:pointer;
	text-decoration: transparent;
	opacity:0.6;
}
#summerschool i{
	font-family: 'Font Awesome 5 Free';
}
#summerschool section{
	position: relative;
}
#summerschool .sp_img{
	display:none;
}
#summerschool .tab_img{
	display:none;
}
#summerschool .pc_img{
	display:block;
}
#summerschool .wrapper{
	box-sizing: border-box;
	position: relative;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}
#summerschool .wrapper-inner{
	width:95%;
	max-width: 1060px;
	margin:0 auto;
	position: relative;
}
#summerschool .content-box {
	width: 100%;
	padding: 25px;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
}
#summerschool .flexbox{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#summerschool .flexbox-bt{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#summerschool .common-h2{
	font-size: 60px;
	position: relative;
	margin: 0 auto 20px;
	font-weight: 200;
	display: inline-block;
	line-height: 1.1;
	z-index: 1;
	padding:0 0 33px;
	width: 100%;
	font-family: 'Noto Serif JP', serif;
}
#summerschool .common-h2::before{
	content: '';
	width: 600px;
	height: 13px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #FFFA77;
}
#summerschool .gray .common-h2::before{
	background-color: #A2C5D0;
}


#summerschool .common-h2_02{
	border: solid 1px #000;
	padding: 15px 25px;
	box-sizing: border-box;
	font-size: 30px;
	font-weight: 700;
	display: inline-block;
	margin: 60px auto 0;
}
#summerschool .ex{
	text-align: left;
	font-size: 12px;
	margin-top: 20px;
}
#summerschool hr{
	display: block;
	margin: 80px auto;
	height: 1px;
	border-top:#000 solid 1px;
	width: 100%;
	max-width: 350px;
}
#summerschool .gray{
	background-color: #F7F7F7;
	padding: 60px 0;
}

/*ボタン*/
#summerschool .commom_btn{
	margin: 30px 0;
}
/*#summerschool .commom_btn .commom_btn-l,#summerschool .commom_btn .commom_btn-r{
	width: 49%;
}*/
#summerschool .commom_btn .e-btn button{
	display: block;
	background: none;
	width: 100%;
	padding: 18px 10px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: 300;
	border-radius: 8px;
	cursor: pointer;
	transition: all .3s;
	font-weight: 900;
}
#summerschool .commom_btn .commom_btn-inner{
	width: 100%;
	padding: 15px 15px;
	box-sizing: border-box;
	background-color: #EAEAEA;
	margin-top: 5px;
}
#summerschool .commom_btn .commom_btn-inner a{
	display: inline-block;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	border-radius: 100px;
	font-size: 700;
	font-size: 15px;
	line-height: 1.2;
	color: #fff;
	margin: 5px 0;
}
/*ボタンカラー設定*/
#summerschool .commom_btn .commom_btn-l .e-btn{
	background-color:#E8E362 ;
	border-radius: 8px;
}
#summerschool .commom_btn .commom_btn-l .e-btn:hover{
	background-color:#fffb96 ;
	transition: all .3s;
}
#summerschool .commom_btn .commom_btn-r .e-btn{
	background-color:#94C1D1 ;
	border-radius: 8px;
}
#summerschool .commom_btn .commom_btn-r .e-btn:hover{
	background-color:#c0eeff ;
}
#summerschool .commom_btn .commom_btn-l .commom_btn-inner a{
	background-color: #a09b0e;
}
#summerschool .commom_btn .commom_btn-r .commom_btn-inner a{
	background-color: #5395ac;
}

/*===============================================*=================================*==============================================================================================================*/
/*メイン*/
#summerschool main{
	position: relative;
	text-align: center;
	padding: 30px 0;
}
#summerschool main h1 img{
	width: 100% !important;
	max-width: 1060px;
}

/*今回のテーマは【写真とSDGs】*/
#summerschool .lead{
	text-align: center;
}
#summerschool .lead h2{
	font-size: 65px;
	font-weight: 200;
}
#summerschool .lead h3{
	font-size: 40px;
	font-weight: 200;
	margin-top: 20px;
}
#summerschool .lead p{
	font-size: 16px;
	font-weight: 500;
	margin-top: 20px;
	text-align: center;
	line-height: 1.8;
}

/*メッセージ*/
#summerschool .message .movie{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-top: 40px;
}
#summerschool .message .movie iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#summerschool .message p{
	font-size: 14px;
	margin-top: 30px;
}

/*ポイント*/
#summerschool .point {
	position:relative;
	z-index: 0;
	margin: 0 auto;
}

#summerschool .point ul {
	width:100%;
	text-align: left;
	line-height: 1.8;
	margin-top: 30px;
}
#summerschool .point li {
	font-size: 25px;
	line-height: 1.4;
	font-weight: 200;
	position: relative;
	padding-left: 30px;
	box-sizing: border-box;
	color: #0D0D0D;
	margin-bottom: 30px;
	font-family: 'Noto Serif JP', serif;
}
#summerschool .point li::before {
	content: '\f00c';
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 0;
	left: 0;
	color: #CEC715;
}
#summerschool .point li span{
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 13px;
	margin-top: 10px;
}
#summerschool .point p{
	margin-top: 50px;
	font-size: 16px;
}
#summerschool .point p a{
	color: #316CBC;
	text-decoration: underline;
}
#summerschool .point p.ex{
	margin-top: 20px;
	font-size: 13px;
}
#summerschool .point .flexbox-bt img{
	margin-top: 30px;
	width: 49% !important;
}
#summerschool .point .flexbox-bt:nth-of-type(2) img{
	margin-top: 30px;
	width: 32% !important;
}

/*tableunstableとは　サマースクールとは*/
#summerschool .tableunstable p,#summerschool .unstable p{
	font-size: 14px;
	margin-top: 40px;
}
#summerschool .tableunstable a{
	text-align: left;
	display: inline-block;
	color: #316AB5;
	width: 100%;
}

/*行程*/
#summerschool .program{
	padding:  0;
	box-sizing: border-box;
}
#summerschool .program .common-h2_02{
	margin-top: 10px;
}
#summerschool .program h3{
	font-size: 22px;
	font-weight: 900;
	display: block;
	text-align: center;
}
#summerschool .program .program_box {
	box-sizing: border-box;
	margin-top: 60px;
	width: 48%;
	position: relative;
	font-size: 15px;
	font-weight: 700;
}
#summerschool .program .program_box:nth-child(3) {
	margin: 40px auto 0;
	width: 100%;
	max-width: 520px;
}
#summerschool .program .program_box h3 {
	display: block;
	font-size: 20px;
	font-weight: 700;
	padding: 5px 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
	background-color: #000;
	color: #fff;
}
#summerschool .program .program_box i {
	font-size: 18px;
	margin-top: 10px;
	margin: 7px auto;
	font-weight: 700;
	color: #DD0606;
}

/*募集要項*/
#summerschool .applications{
	margin-top: 10px;
}
#summerschool .applications .common-h2_02{
	color: #000;
	border: #000 solid 1px;
}
#summerschool .applications table{
	width: 100%;
	margin-top: 60px;
	box-sizing: border-box;
	line-height: 1.6;
	border-collapse: separate;
	overflow: hidden;
	border-spacing: 0;
	color: #353535;
	border: solid 1px #c0c0c0;
}
#summerschool .applications table tr{
	border-bottom: solid 1px #c0c0c0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#summerschool .applications table tr:last-child{
	border-bottom: none;
}
#summerschool .applications table th,#summerschool .applications table td{
	padding: 30px 40px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#summerschool .applications table th{
	width: 30%;
	background-color: #f5f5f5;
	justify-content: center;
	font-size: 16px;
	font-weight: bold;
}
#summerschool .applications table td{
	width: 70%;
	justify-content: flex-start;
	font-size: 14px;
	text-align: left;
	background-color: #fff;
}
#summerschool .applications table td a{
	color: #314dc8;
	padding-bottom: 8px;
	border-bottom: 1px solid #314dc8;
	margin-right: 50px;
	position: relative;
}
#summerschool .applications table td a:last-child{
	margin-right: 0;
}
#summerschool .preventive {
	font-size: 12px;
	font-weight: 700;
	padding: 20px 0;
	color: #000;
}

/*注意事項*/
#summerschool .camp_attention {
	margin-top:60px;
	padding-bottom: 50px;
}
#summerschool .camp_attention h2{
	padding: 15px;
	box-sizing: border-box;
	background-color: #000;
	line-height: 1;
	display: block;
	width: 100%;
	margin:60px 0 0 ;
	color: #fff;
}
#summerschool .camp_attention .camp_attention-box {
	text-align: left;
	font-size: 14px;
	line-height: 1.6;
	padding: 20px;
	border: solid 1px #000;
	border-top: none;
}
#summerschool .camp_attention .camp_attention-box span{
	font-weight: 700;
}
#summerschool .camp_attention .camp_attention-box a{
	color: #3986bf;
	font-weight: 700;
}

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

画面サイズ750px以下

======================================*/
@media screen and (max-width: 750px){
	#summerschool .pc_img{
		display:none;
	}
	#summerschool .sp_img{
		display:none;
	}
	#summerschool .tab_img{
		display:block;
	}
	#summerschool{
		min-width: auto;
	}
	#summerschool .wrapper{
		width: 100%;
	}
	#summerschool .wrapper-inner{
		max-width: 690px;
		width: 100%;
    padding: 0 25px;
		box-sizing: border-box;
	}
	#summerschool .common-h2{
		font-size: 30px;
		margin: 0 auto 20px;
		padding:0 0 25px;
	}
	#summerschool .common-h2::before{
		width: 60%;
		height: 8px;
	}
	#summerschool .ex{
		margin-top: 15px;
	}
	#summerschool .volley-line{
		margin: 30px auto;
	}
	#summerschool hr{
		margin: 40px auto;
	}

/*ボタン*/
#summerschool .commom_btn{
	display: block;
	margin: 0;
}
/*#summerschool .commom_btn .commom_btn-l,#summerschool .commom_btn .commom_btn-r{
	width:100%;
}*/
#summerschool .commom_btn .e-btn{
	/*padding: 14px 5px;*/
	font-size: 14px;
	margin-top: 15px;
	border-radius: 8px;
	overflow: hidden;
}
/*#summerschool .commom_btn .commom_btn-inner{
	padding: 15px 20px;
}*/
#summerschool .commom_btn .commom_btn-inner a{
	padding: 7px;
	font-size: 15px;
}

/*===================================================================750===================================================================*/
/*今回のテーマは【写真とSDGs】*/
#summerschool .lead h2{
	font-size: 30px;
}
#summerschool .lead h3{
	font-size: 22px;
}
#summerschool .lead p{
	font-size: 14px;
	text-align: left;
}

/*ポイント*/
#summerschool .point  ul {
	margin-top: 20px;
}
#summerschool .point  li {
	font-size: 20px;
}
#summerschool .point li span{
	font-size: 13px;
}


/*行程*/
#summerschool .program .flexbox-bt{
	display: block;
}
#summerschool .program .program_box {
	margin: 30px auto;
	width: 100%;
	font-size: 13px;
	max-width: 480px;
}
#summerschool .program .program_box h3 {
	font-size: 16px;
}
#summerschool .program .program_box i {
	font-size: 14px;
}

/*募集要項 tab*/
#summerschool .applications{
	padding: 20px 0 20px;
}
#summerschool .applications table{
	display: block;
	margin-top: 30px;
}
#summerschool .applications table tbody{
	width: 100%;
	display: block;
}
#summerschool .applications table tr{
	display: block;
	border-bottom: none;
}
#summerschool .applications table tr:last-child{
	border-bottom: none;
}
#summerschool .applications table th,#summerschool .applications table td{
	padding: 15px 30px;
	border-bottom: solid 1px #d6d6d6;
}
#summerschool .applications table th{
	width: 100%;
	font-size: 15px;
}
#summerschool .applications table td{
	width: 100%;
	font-size: 14px;
}


}
/*======================================

画面サイズ480px以下

======================================*/
@media screen and (max-width: 480px){
	#summerschool .sp_img{
		display:block;
	}
	#summerschool .sp_img.tab_img{
		display:block;
	}
	#summerschool .tab_img{
		display:none;
	}
	#summerschool .pc_img{
		display:none;
	}
}