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

div#contents_container{
	width: 100%;
	padding-top: 0;
	padding-bottom:500px;
}

div#contents_container a.learnmore{
	float:right;
	width:auto;
	background-color:#401863;
	color:#ffffff;
	font-size:14px;
	text-align:center;
	display:block;
	padding:12px 24px;
	padding-top:14px;
	margin-top:30px;
	border:3px #ffffff double;
}
div#contents_container a.learnmore:hover,
div#contents_container a.learnmore:nth-of-type(2):hover{
	background-color:#dfccff;
	color:#401863;
}

div#contents_container a.learnmore:nth-of-type(2){
	background-color:#7d48ab;
	margin-top:10px;
}

/*----------------------------------------------------------------*/
/*---header_contents-------------------------------------------------------------*/

div#header_contents{
	position: relative;
	margin-top: 30px;
}

/*---hc_main_image-------------------------------------------------------------*/

div#hc_main_image{
	z-index: 1000;
	position: relative;
	padding-left: 20%;
}

/*---hcmi_slider-------------------------------------------------------------*/

div#hc_main_image ul#hcmi_slider{
	position: relative;
		height:75vh;
}

div#hc_main_image ul#hcmi_slider li{
	height:75vh;
}

div#hc_main_image ul#hcmi_slider li div.lq_img{
	width:100%;
	height:100%;

	animation: animationZoom 40s ease-in-out 0s infinite normal;
}
@keyframes animationZoom {
	50%{ transform:scale(1.2); }
}
/*---hc_heading-------------------------------------------------------------*/

div#hc_heading{
	z-index: 1100;
	position: absolute;top:0;left:0;
	width: 25%;
	height: 100%;
	padding-bottom: 37px;

display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
div#hc_heading > span{
height: 83%;
	background-color:rgba(64, 24, 99, 0.85);
	padding: 45px 40px;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
div#hc_heading h2{
	color: #ffffff;
	width: 100%;
	font-size: 33px;
	font-weight: 600;
	line-height: 1.4em;
}

div#hc_heading h2 p{
color:#d6bd6f;
}

div#hc_heading h3{
	color: #ffffff;
	width: 100%;
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
}

div#hc_heading h3 p{
color:#d6bd6f;
font-weight:400;
margin-top:20px;
}

/*---sec_indexinfomation-------------------------------------------------------------*/

div#sec_indexinfomation{
	width: 100%;
margin-top: 90px;
}

div#sec_indexinfomation ul{
	width: 90%;
	margin:auto;
	padding: 0 2%;

    display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

}
div#sec_indexinfomation li{
position:relative;
width: 400px;
height:180px;
margin-right:10px;
/* 	width: 24.5%;

margin-bottom:10px;

display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;*/
}

div#sec_indexinfomation li a{
	width: 100%;
	height:100%;
	display:block;
	}

div#sec_indexinfomation li a p{
}


div#sec_indexinfomation li a span{
position:absolute;
bottom:-20px;
left:0;
background-color:#dbdbdb;
color:#ffffff;
font-size:11px;
text-align:center;
width:100%;
display:block;
margin-top:5px;
padding:2px;
}

div#sec_indexinfomation li a span.navy{
background-color:#333399;

}

div#sec_indexinfomation li a span.blue{
background-color:#014099
}

div#sec_indexinfomation li a span.purple{
background-color:#401863;
}



div#sec_indexinfomation li a img{
width:100%;
opacity:1;
-moz-transition:opacity 0.3s linear;
-webkit-transition:opacity 0.3s linear;
-o-transition:opacity 0.3s linear;
-ms-transition:opacity 0.3s linear;
}

div#sec_indexinfomation li a img:hover{
opacity:0.75;
}


/*----------------------------------------------------------------*/

/*---hc_contents-------------------------------------------------------------*/

div#hc_contents{
	width: 100%;
margin-top: 90px;
}

div#hc_contents ul{
	width: 100%;
	padding: 0 2%;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div#hc_contents li{
	width: 32%;
	height: 130px;
/* background-size:80px;
background-position:left 25px center; */


display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

div#hc_contents li a{
background-color:#ffffff;
	width: 100%;
	height: 130px;
font-size: 15px;
font-weight: 200;
line-height: 1.5em;
padding: 20px 20px;
border: 1px rgba(0,0,0,0.2) solid;
-moz-transition:background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
-webkit-transition::background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
-o-transition::background-color 0.3s linear, color 0.3s linear, border 0.3s linear;
-ms-transition::background-color 0.3s linear, color 0.3s linear, border 0.3s linear;

	}

div#hc_contents li a strong{
font-size: 24px;
color:#401863;
display:block;
}

div#hc_contents li img{
float:left;
width:100px;
margin-right:10px;
}

div#hc_contents li a:hover{
background-color:#f7f0fd;
color:#401863;
border: 1px #522678 solid;
}

/* div#hc_contents li:nth-child(1){background-image:url(../img/index/award.png);}
div#hc_contents li:nth-child(2){background-image:url(../img/index/award.png);}
div#hc_contents li:nth-child(3){background-image:url(../img/index/award.png);}
 */

/*----------------------------------------------------------------*/
/*---sec_information-------------------------------------------------------------*/

div#sec_information{
	background-color: #522678;
		padding: 40px 70px;
	margin-top: 40px;

display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div#sec_information div.heading{
	width: 55%;
	padding-right: 70px;
}
div#sec_information div.heading h2{
	color: #ffffff;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}
div#sec_information div.heading h2 b{
	font-size: 24px;
	display: block;
	margin-bottom: 20px;
}
div#sec_information div.heading h3{
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	margin-top: 10px;
}

div#sec_information div.schedule{
	background-color: #ffffff;
		padding: 30px 40px;

-webkit-flex: 1;
flex: 1;
}
div#sec_information div.schedule{
}
div#sec_information div.schedule b{
font-size: 19px;
font-weight: 600;
text-align: center;
display: block;
margin-bottom: 15px;
}
div#sec_information div.schedule ul{
}
div#sec_information div.schedule ul li{
	padding: 10px 4px;
	border-bottom: 1px #dbdbdb dashed;
}
div#sec_information div.schedule ul li a{
	background-size: 6px;
	background-image:url(../../../img/common/icon/arrow1_bl.svg);
	background-position: left 8px center;
	font-weight: 500;
	padding-left: 30px;
}

div#sec_information div.schedule > p{
font-size: 13px;
font-weight: 400;
margin-top: 10px;
}
div#sec_information div.schedule > p span{
font-size: 15px;
font-weight: 600;
text-align: right;
display: block;
margin-top: 5px;
}


/*----------------------------------------------------------------*/
/*---sec_heading_movie-------------------------------------------------------------*/

div#sec_heading_movie{
	width: 100%;
	margin-top: 90px;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div#sec_heading_movie div.movie{
	position: relative;
	width: 50%;
	height: 100%;
}
div#sec_heading_movie div.movie a{
position: absolute;top:0;left:0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.2);
background-size: 80px;
background-image:url(../../../img/common/icon/play.svg);
background-position: center center;
}
div#sec_heading_movie div.movie a:hover{
background-color: rgba(0,0,0,0.0);
}

div#sec_heading_movie div.movie div.lq_img{
	width: 100%;
	height: 100%;
}

div#sec_heading_movie div.text{
	background-color: rgba(0,0,0,0.03);
	padding: 80px 60px;

-webkit-flex: 1;
flex: 1;
}
div#sec_heading_movie div.text b{
	color: #DC0011;
font-size: 32px;
font-weight: 400;
text-align: center;
letter-spacing: 0.1em;
display: block;
margin-bottom: 25px;
}
div#sec_heading_movie div.text p{
font-size: 16px;
margin-top: 15px;
}

/*----------------------------------------------------------------*/
/*---sec_reason-------------------------------------------------------------*/

div#sec_reason{
	width: 100%;
	margin-top: 90px;
}

/*----------------------------------------------------------------*/
/*---sec_voice_parent-------------------------------------------------------------*/

div#sec_voice_parent{
	width: 100%;
	padding: 0 10%;
	margin-top: 90px;
}

div#sec_voice_parent ul{
	margin: 0 auto;
}
div#sec_voice_parent ul li{
	margin-top: 90px;

display: -webkit-flex;
display: flex;
}
div#sec_voice_parent ul li:first-child{
	margin-top: 0;
}
div#sec_voice_parent ul li div.lq_img{
	width: 40%;
	height: 400px;

}

div#sec_voice_parent ul li div.text{
	width: 70%;
	background-color: #fcfcfc;
	padding: 40px 40px;
	margin-top: 90px;
	margin-left: -5%;

-webkit-box-shadow:5px 5px 8px rgba(0,0,0,0.08);
-moz-box-shadow:5px 5px 8px rgba(0,0,0,0.08);
box-shadow:5px 5px 8px rgba(0,0,0,0.08);
}
div#sec_voice_parent ul li div.text h2{
	color: #401863;
font-size: 27px;
font-weight: 600;
text-indent: -0.5em;
padding-left: 0.5em;
}
div#sec_voice_parent ul li div.text p{
font-size: 14px;
font-weight: 400;
padding-left: 1em;
margin-top: 15px;
}
div#sec_voice_parent ul li div.text span{
font-size: 13px;
font-weight: 400;
text-align: right;
display: block;
	margin-top: 15px;
}

/*----------------------------------------------------------------*/

/*---sec_class-------------------------------------------------------------*/

div#sec_class{
	width: 100%;
	background-color: rgba(13,15,56,0.05);
	padding: 70px 70px;
	padding-top: 50px;
	margin-top: 90px;
}
div#sec_class div.sec_title{
	margin-bottom: 0;
}

div#sec_class ul{
	width: 90%;
	max-width: 13200px;
	margin: 0 auto;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
div#sec_class ul li{
	width: 24%;
/* 	width:31%; */
	background-color: #ffffff;
	overflow: hidden;
	margin-top: 45px;

-webkit-box-shadow:0 0 8px rgba(0,0,0,0.08);
-moz-box-shadow:0 0 8px rgba(0,0,0,0.08);
box-shadow:0 0 8px rgba(0,0,0,0.08);

-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
}

/* div#sec_class ul li:nth-last-child(-n+2){
margin:45px 9.5%;
} */

div#sec_class ul li div.lq_img{
	width: 100%;
	padding-bottom: 50%;
}

div#sec_class ul li div.text{
	padding: 22px 25px;
}

div#sec_class ul li div.text h2{
	color: #401863;
font-size:1.25vw;
font-weight: 600;
text-align: center;
}
div#sec_class ul li div.text h3{
background: rgb(64,10,98);
background: linear-gradient(90deg, rgba(64,10,98,1) 0%, rgba(150,21,133,1) 100%);
color:#ffffff;
font-size: 14px;
font-weight: 500;
line-height: 1.9em;
text-align:center;
margin-top:5px;

-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
}

div#sec_class ul li:nth-child(even) div.text h3{
background: rgb(60,11,96);
background: linear-gradient(90deg, rgba(60,11,96,1) 0%, rgba(0,112,188,1) 100%);
}

div#sec_class ul li div.text p{
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
margin-top: 15px;
}
div#sec_class ul li div.text p b{
font-size: 13px;
font-weight: 600;
display: block;
}

div#sec_class ul li div.text p span{
font-size: 12px;
font-weight: 200;
display: block;
}


div#sec_class ul li.gradchat{
/* 	width: 65.5%; */
width:100%;
	padding:10px 0;
}

div#sec_class ul li.gradchat{
padding:0 40px;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}


div#sec_class ul li.gradchat div.videoarea{
width:50%;
padding:20px 30px;
}
div#sec_class ul li.gradchat div.gradchat{
width:50%;
}

div#sec_class ul li.gradchat div.gradchat b.main_text{
font-size:18px;
line-height:1.5em;
width:100%;
display:block;
margin-top:30px;
}

div#sec_class ul li.gradchat div.gradchat_info{
width:100%;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

div#sec_class ul li.gradchat div.gradchat_info div{
width:48%;
margin:0;
margin-right:1%;
}

div#sec_class ul li.gradchat div.gradchat_info div:last-child{
margin:0;
}

div#sec_class ul li.gradchat div.gradchat_info div b.reason_title{

background: rgb(60,11,96);
background: linear-gradient(90deg, rgba(60,11,96,1) 0%, rgba(0,112,188,1) 100%);
color:#fff;
font-size: 14px;
font-weight: 500;
line-height: 1.9em;
text-align:center;
width:220px;
display:block;
margin-bottom:5px;
}

div#sec_class ul li.gradchat div.gradchat_info div p{
font-size:14px;
display:block;
}

div#sec_class ul li.gradchat div.gradchat_info div p.check_point{
	background:url(../img/common/icon/check_ppl.svg) no-repeat left top 5px;
	background-size:14px;
	padding-left:20px;

}

div#sec_class ul li.gradchat div.gradchat_info div p.last_line{
height:40px;
display:block;
}


div#sec_class ul li.gradchat div.videoarea p.chat_video{
position:relative;
width:100%;
padding:62.5% 0 0 0;
}

div#sec_class ul li.gradchat div.videoarea p.chat_video iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:none;
}

/*----------------------------------------------------------------*/


/*---sec_curriculum-------------------------------------------------------------*/

div#sec_curriculum{
	width: 100%;
	background-color:#f7f0fd;
	padding: 70px 70px;
	padding-top: 50px;
	margin-top: 90px;
}
div#sec_curriculum div.sec_title{
	margin-bottom: 0;
}

div#sec_curriculum h3{
	color:#333333;
	font-size:36px;
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-weight:700;
	line-height:1.3em;
	margin-bottom:15px;
	padding: 0 8px;
}

div#sec_curriculum ul{
	width: 90%;
	max-width: 13200px;
	margin: 0 auto 45px;


}
div#sec_curriculum ul li{
	width: 100%;
	background-color: #ffffff;
	overflow: hidden;
	margin-top: 45px;

-webkit-box-shadow:0 0 8px rgba(0,0,0,0.08);
-moz-box-shadow:0 0 8px rgba(0,0,0,0.08);
box-shadow:0 0 8px rgba(0,0,0,0.08);

-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;

display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;

}

div#sec_curriculum ul li:first-child{
margin-top:0;
}

div#sec_curriculum ul li div.img_student{
	width: 20%;
}

div#sec_curriculum ul li div.img_student img{
width:60%;
display:block;
margin:10px auto;
}

div#sec_curriculum ul li div.text{
width:80%;
	padding: 22px 25px;
}

div#sec_curriculum ul li div.text h2{
	color: #401863;
font-size: 20px;
font-weight: 600;
text-align: center;
display:inline;
}

div#sec_curriculum ul li div.text h2 span:after{content:'－'; margin: 0 5px;}
div#sec_curriculum ul li div.text h2 span:before{content:'－'; margin: 0 5px;}


div#sec_curriculum ul li div.text h3{
background:#401863;
color:#ffffff;
font-size: 14px;
font-weight: 500;
line-height: 1.9em;
text-align:center;
margin-top:5px;

-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
}
div#sec_curriculum ul li div.text h3 span{
color:#d6bd6f;
margin-left:15px;
}


div#sec_curriculum ul li div.text p{
font-size: 14px;
line-height: 1.5em;
font-weight: 400;
margin-top: 15px;
}
div#sec_curriculum ul li div.text p b{
font-size: 13px;
font-weight: 600;
display: block;
}


/*----------------------------------------------------------------*/
/*---sec_features_activity-------------------------------------------------------------*/

div#sec_features_activity{
	width: 100%;
	margin-top: 90px;
}

div#sec_features_activity ul{
	margin: 0 auto;
	padding: 0 70px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;

}
div#sec_features_activity ul li{
	margin-top: 50px;
display: -webkit-flex;
display: flex;


}


div#sec_features_activity ul li div.lq_img{
	width: 55%;
	height: 400px;
}

div#sec_features_activity ul li div.text{
	padding: 40px 40px;

-webkit-flex: 1;
flex: 1;
}
div#sec_features_activity ul li div.text h2{
font-size: 27px;
font-weight: 600;
margin-bottom: 25px;
}
div#sec_features_activity ul li div.text h3{
background-color:#f7f0fd;
color:#333333;

font-size: 17px;
font-weight: 400;
margin:10px 0;
padding:7px 15px 5px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

div#sec_features_activity ul li div.text h3:before{
font-size:14px;
content:'開催時期：';
margin-right:5px;
}
/*---colm1-------------------------------------------------------------*/

div#sec_features_activity ul li.colm1{
	width: 100%;
}
div#sec_features_activity ul li.colm1:nth-child(2n){
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
div#sec_features_activity ul li.colm1:nth-child(2n) div.text{
	padding-right: 60px;
}
div#sec_features_activity ul li.colm1:nth-child(2n+1) div.text{
	padding-left: 60px;
}

/*----------------------------------------------------------------*/
div#sec_features_activity ul li.colm2{
	width: 50%;
}

div#sec_features_activity ul li.colm2 div.lq_img{
	width: 40%;
	height: 90%;
}
div#sec_features_activity ul li.colm2 div.text{
	padding: 25px 35px;
}
div#sec_features_activity ul li.colm2 div.text h2{
font-size: 18px;
font-weight: 600;
margin-bottom: 15px;
}
div#sec_features_activity ul li.colm2 div.text h3{
font-size: 15px;
font-weight: 400;
margin: 10px 0;
}


/*---sec_voice_grad-------------------------------------------------------------*/

div#sec_voice_grad,
div#sec_volunteer,
div#sec_university{
	width: 100%;
	margin-top: 90px;
}

div#sec_voice_grad ul,
div#sec_volunteer ul,
div#sec_university ul{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}
div#sec_voice_grad ul li,
div#sec_volunteer ul li,
div#sec_university ul li{
	position:relative;
	padding: 25px 25px;
	margin-top: 40px;
	border: 1px #DC0011 solid;

display: -webkit-flex;
display: flex;
}
div#sec_voice_grad ul li:first-child,
div#sec_volunteer ul li:first-child,
div#sec_university ul li:first-child{
	margin-top: 0;
}
div#sec_voice_grad ul li:first-child div.lq_img,
div#sec_volunteer ul li:first-child div.lq_img,
div#sec_university ul li:first-child div.lq_img{
	width: 40%;
	height: auto;
	min-height: 300px;
}

div#sec_voice_grad ul li div.lq_img,
div#sec_volunteer ul li div.lq_img,
div#sec_university ul li div.lq_img{
	width:240px;
	height:240px;
}

div#sec_voice_grad ul li div.text_caption,
div#sec_volunteer ul li div.text_caption,
div#sec_university ul li div.text_caption{
position:absolute;
bottom:25px;
left:25px;
background-color:#fefef4;
font-size: 14px;
line-height:1.5em;
font-weight: 400;
font-family: 'Noto Serif JP', serif;
display:block;
	width:240px;
	height:240px;
	padding:20px;
}

div#sec_voice_grad ul li div.text_caption strong,
div#sec_volunteer ul li div.text_caption strong,
div#sec_university ul li div.text_caption strong{
font-size: 14px;
font-weight: 700;
font-family: 'Noto Serif JP', serif;
display:block;
margin-bottom:10px;
}


div#sec_voice_grad ul li div.text,
div#sec_volunteer ul li div.text,
div#sec_university ul li div.text{
	padding: 30px 60px;
	padding-right: 40px;

-webkit-flex: 1;
flex: 1;
}
div#sec_voice_grad ul li div.text h2,
div#sec_volunteer ul li div.text h2,
div#sec_university ul li div.text h2{
font-size: 24px;
font-weight: 500;
font-family: 'Noto Serif JP', serif;
}
div#sec_voice_grad ul li div.text h2 span,
div#sec_volunteer ul li div.text h2 span,
div#sec_university ul li div.text h2 span{
	font: inherit;
font-size: 17px;
font-weight: 400;
display: block;
margin-top: 5px;
}
div#sec_voice_grad ul li div.text h2 span:after,
div#sec_volunteer ul li div.text h2 span:after,
div#sec_university ul li div.text h2 span:after{content:'－'; margin: 0 5px;}

div#sec_voice_grad ul li div.text h2 span:before,
div#sec_volunteer ul li div.text h2 span:before,
div#sec_university ul li div.text h2 span:before{content:'－'; margin: 0 5px;}

div#sec_voice_grad ul li div.text p,
div#sec_volunteer ul li div.text p,
div#sec_university ul li div.text p{
font-size: 15px;
font-weight: 400;
font-family: 'Noto Serif JP', serif;
margin-top: 15px;
}

div#sec_voice_grad ul li div.text p strong,
div#sec_university ul li div.text p strong{
font-size: 15px;
font-weight: 700;
font-family: 'Noto Serif JP', serif;
display:block;
}

div#sec_university ul li div.text p strong span{
font-size:80%;
font-weight:500;
}


div#sec_voice_grad ul li div.text p strong:before{content:'－'; margin: 0 5px;}


div#sec_university ul li div.text a{
color:#401863;
border-bottom:1px #401863 dashed;
}

/*----------------------------------------------------------------*/

/*---sec_hiraku-------------------------------------------------------------*/

div#sec_hiraku{
	width: 100%;
	background-color:#f7f0fd;
	padding: 70px 70px;
	padding-top: 50px;
	margin-top: 90px;
}

div#sec_hiraku ul{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

div#sec_hiraku ul li{
background:#fff;
	position:relative;
	padding: 25px 25px;
	margin-top: 40px;
display: -webkit-flex;
display: flex;
}

div#sec_hiraku ul li:first-child{
	margin-top: 0;
}

div#sec_hiraku ul li:first-child div.lq_img{
	width: 40%;
	height: auto;
	min-height: 300px;
}


div#sec_hiraku ul li div.lq_img{
	width:240px;
	height:240px;
}


div#sec_hiraku ul li div.text_caption{
position:absolute;
bottom:25px;
left:25px;
background-color:#fefef4;
font-size: 14px;
line-height:1.5em;
font-weight: 400;
font-family: 'Noto Serif JP', serif;
display:block;
	width:240px;
	height:240px;
	padding:20px;
}


div#sec_hiraku ul li div.text_caption strong{
font-size: 14px;
font-weight: 700;
font-family: 'Noto Serif JP', serif;
display:block;
margin-bottom:10px;
}



div#sec_hiraku ul li div.text{
	padding: 30px 60px;
	padding-right: 40px;

-webkit-flex: 1;
flex: 1;
}

div#sec_hiraku ul li div.text h2{
font-size: 24px;
font-weight: 500;
font-family: 'Noto Serif JP', serif;
}

div#sec_hiraku ul li div.text h2 span{
	font: inherit;
font-size: 17px;
font-weight: 400;
display: block;
margin-top: 5px;
}

div#sec_hiraku ul li div.text h2 span:after{content:'－'; margin: 0 5px;}

div#sec_hiraku ul li div.text h2 span:before{content:'－'; margin: 0 5px;}


div#sec_hiraku ul li div.text p{
font-size: 15px;
font-weight: 400;
font-family: 'Noto Serif JP', serif;
margin-top: 15px;
}



/*---sec_seminar-------------------------------------------------------------*/

div#sec_seminar{
	width: 100%;
	margin-top: 90px;
}

/*----------------------------------------------------------------*/
/*---sec_volunteer-------------------------------------------------------------*/

/* div#sec_volunteer{
	width: 100%;
	margin-top: 90px;
	padding-bottom:90px;
}
div#sec_volunteer div.sec_title{
	margin-bottom: 30px;
}

div#sec_volunteer ul{
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 40px;
	border: 7px rgba(0,0,0,0.05) solid;

-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
div#sec_volunteer ul li{
	padding-bottom: 35px;
	margin-top: 35px;
	margin-left: 37px;
	border-bottom: 1px rgba(0,0,0,0.1) dashed;
}
div#sec_volunteer ul li:first-child{
	margin-top: 0;
}

div#sec_volunteer ul li h2{
	position: relative;
font-size: 20px;
font-weight: 500;
margin-bottom: 20px;
}
div#sec_volunteer ul li h2 span{
	position: absolute;top:-8px;left:-37px;
	width: 40px;
	color: #ff002e;
font-size: 26px;
font-weight: 500;
display: block;
}

div#sec_volunteer ul li div.text{
margin-top: 10px;
}
div#sec_volunteer ul li div.text p{
font-size: 15px;
font-weight: 400;
margin-top: 10px;
}
 */
 
 /*---sec_event-------------------------------------------------------------*/

div#sec_event{
display:none;
}


/* -----sec_instagram-------------------- */

div#sec_instagram{
background-color:#fafafa;
width:100%;
	padding:20px 0 30px;
	margin-top:50px;
}

div#sec_instagram div.insta_back{
width:100%;
display:block;
}

div#sec_instagram div.sec_heading h2{
font-family: 'Poppins', sans-serif;
font-size:28px;
line-height:32px;
text-align:center;
background-image:url(../img/common/icon/instagram_icon.svg);
background-position:center left;
background-size:32px;
width:220px;
display:block;
margin:0 auto 10px;
padding-left:42px;
}

div#sec_instagram a.insta_link{
background-color:#666;
font-family: 'Poppins', sans-serif;
font-size:15px;
color:#fff;
text-align:center;
width:220px;
display:block;
margin:0 auto;
margin:0 auto 10px;
padding:2px 0 0;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;

}

div#sec_instagram ul{
	width:90%;
	display:block;
	margin-top:20px;
	margin:0 auto;
    display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

div#sec_instagram ul li{
background-color:#f2f2f2;
position:relative;
	width:20%;
	max-height:240px;
	overflow:hidden;
display:inline-block;
	padding:12px 12px;
}

div#sec_instagram ul li.insta_media img {
  max-width: 100%;
  border:1px rgba(0,0,0,0.1) solid;
}  

.like_count, .comments_count {
  position: absolute;
  bottom: 10px;
  color: #fff;
}
.like_count {
  right: 25%;
}
.comments_count {
  right: 10%;
}
.like_count::before {
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: -3px;
  margin-right: 5px;
  background-repeat: no-repeat;
background-image:url(../img/common/icon/heart_icon.svg);
}
.comments_count::before {
  content: "";
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: -3px;
  margin-right: 5px;
  background-repeat: no-repeat;
background-image:url(../img/common/icon/comment_icon.svg);
}
.video_icon {
  position: absolute;
  top: 23px;
  right: 25px;
}
.video_icon::before {
  content: "";
  display: inline-block;
  height: 28px;
  width: 28px;
  vertical-align: -3px;
  background-repeat: no-repeat;
background-image:url(../img/common/icon/movie_icon.svg);
background-size:cover;
}