iframeiframe/* CSS Document */

/* --- commmon  -------------------------------- */
* {
	margin: 0;
	padding: 0;
	line-height: 1.7;
	letter-spacing: 0.05em;
	color:#666;
}
html {
	scroll-behavior: smooth;
	font-family: ryo-gothic-plusn, sans-serif;
}
.sp_view {
	display: none;
}
.pc_view {
	display: block;
}

body {
	margin: 0;
	padding: 0;
}
em {
	font-style: normal;
	color: red;
}
.grad_bg {
	background: rgb(231,51,105);
	background: -moz-linear-gradient(0deg, rgba(231,51,105,1) 0%, rgba(250,192,50,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(231,51,105,1) 0%, rgba(250,192,50,1) 100%);
	background: linear-gradient(0deg, rgba(231,51,105,1) 0%, rgba(250,192,50,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e73369",endColorstr="#fac032",GradientType=1);	
}
h1 {
    color: #fff;
    text-align: center;
    padding: 5px;
    margin: 0 auto;
	width: 1000px;
}
.clearfix::after {
	content:'';
	display: block;
	clear: both;
}
.wrap_back2top {
	width: 50px;
	height: 50px;
	margin: 50px auto 50px;
	text-align: center;
}
.back2top {
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 50px;
    float: right;
	text-align: center;
	text-decoration: none;
	position:relative;
}
.back2top i {
	font-size: 70px;
    color: #fff;
    display: inline-block;
}
.back2top span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #fff;
    font-weight: bold;
}
.top_info_imamge {
	width:70%;
}
/* --- header  -------------------------------- */
header {
	width: 100%;
}


/* --- main    -------------------------------- */
main {
}
.inner_main {
	width: 1000px;
	max-width: 1000px;
	margin: 0 auto;
	background-color:#fff;
}
section {
	margin-top: 10px;
	padding: 10px 30px;
}
h2 {
    text-align: center;
    padding: 5px 10px;
    background-color: #e8446a;
    color: #fff;
	margin-bottom: 50px;
}
h3 {
	font-size: 1.1em;
    color: #e8446a;
    padding: 10px 0 0;
	border-bottom: 3px double #f1a3b5;
}
h4 {
	font-size: 1.1em;
    color: #e8446a;
    padding: 10px 0 0;
}
.wrap_date_images {
	float: right;
	width: 60%;
}
.date_image {
	width: 100%;
	border-radius: 10px;
}
.wrap_date_info {
	float:left;
	width: 40%;
}
.wrap_date_info_sub {
	padding: 0 10px 20px;
}
.date_info_p_btn {
	margin-bottom: 20px;
}
.date_info_p {
	margin: 5px 10px;
}
.date_info_p_thanks {
    margin: 5px 10px;
    color: red;
    line-height: 1.2em;
}
.bg_col_emp {
	background-color: #00a2e5;
    color: #fff;
    padding: 5px 30px;
    border-radius: 20px;
    font-weight: bold;
}
.space_span {
	width: 1em;
    display: inline-block;
}
.p_caution {
	margin: 20px 10px 40px;
    color: #333;
}
.wrap_apply_left {
	float:left;
	width:33%;
	margin-right: 7%;
}
.wrap_apply_right {
	float:left;
	width:60%;
}
.apply_img {
	background-color: #e83a66;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: min(5vw,45px);
    padding: 20px 0;
    border-radius: 10px;
}
.apply_btn {
	text-decoration: none;
	display: block;
	text-align: center;
	margin: 10px 200px;
	padding: 20px;
	background-color: #f9be32;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	letter-spacing: 0.2em;
	border-radius: 100px;
	/*box-shadow: 2px 2px 1px #e83a66;*/
}

.wrap_aboutus_left {
	float:left;
	width:38%;
	margin-right: 2%;
}
.wrap_aboutus_right {
	float:left;
	width:60%;
}
.activities {
	margin-top:20px;
}
.aboutus_ul {
	margin: 10px 0px;
    font-size: 95%;
}
.aboutus_li {
	margin: 0;
	padding: 0;
	list-style: circle;
	line-height: 1.8;
}
.link_miari_process {
	display: block;
    width: 90%;
    margin: 50px auto;
    text-align: center;
    text-decoration: none;
    border: 1px solid #006ab8;
    padding: 5px;
    border-radius: 40px;
    background-color: #c1d614;
    color: #000;
    font-size: 110%;
    /* line-height: 47px; */
    font-weight: bold;
    text-shadow: 1px 1px 0px #fff;
}
.link_mirai_img {
    display: inline-block;
    margin: -3px 14px -6px;
}
.link_mirai_p {
	color: #000;
}
.wrap_other_links {
	margin-top: 100px;
}
.wrap_youtube_links {
    width: 80%;
    margin: 0 auto;
}
.link_youtube {
	position: relative;
    width: calc( 40% - 2px);
    display: block;
    float: left;
	text-decoration: none;
	border: 1px solid #ccc;
}
.link_youtune_img {
	display: block;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}
.past_content_logo {
    position: absolute;
    color: red;
    top: 30px;
    right: 30px;
    font-size: 50px;
    text-shadow: 0 0 10px #fff;
}
.link_youtune_p {
	text-align: center;
    color: #f8b834;
    font-weight: bold;
    margin: 0 2px 5px;
    text-shadow: 0 0 1px #fff;
}
.footersub {
	text-align: center;
	vertical-align: top;
}
.ftsub_41th_link {

}
.ftsub_41th_link_img {
}
.ftsub_sdgs_link {
	
}
.ftsub_sdgs_link_img {
	width: 350px;	
}
.ftsub_sdgs_link_img_3 {
	
}
.ftsub_sdgs_link_img_17 {
	
}
.top_msg {
	margin-top: 30px;
	width: 100%;
}
.wrap_top_info {
	width: 100%;
	height: 500px;
	position: relative;
}
.top_info_imamge {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
/*.top_info_date {
position: absolute;
	font-weight: bold;
    top: 100px;
    right: 0%;
    color: #fff;
    background: rgb(231,51,105);
    background: -moz-linear-gradient(310deg, rgba(231,51,105,1) 0%, rgba(250,192,50,1) 100%);
    background: -webkit-linear-gradient(
310deg
, rgba(231,51,105,1) 0%, rgba(250,192,50,1) 100%);
    background: linear-gradient(
310deg
, rgba(231,51,105,1) 0%, rgba(250,192,50,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e73369",endColorstr="#fac032",GradientType=1);
    padding: 10px 40px;
    border-radius: 30px;
	font-size: 110%;
}*/
.top_info_lecture_img {
    position: absolute;
    top: 20px;
	z-index: 1000;
}
.wrap_top_info_cd {
    position: absolute;
    top: 270px;
	height: 205px;
    /*background-color: rgba(255,255,255,0.7);*/
    width: 100%;
	text-shadow: 2px 2px 0 #fff,
				 -2px 2px 0 #fff,
				 2px -2px 0 #fff,
				 -2px -2px 0 #fff;
	text-shadow: 2px 2px 1px #fff,
				 -2px 2px 1px #fff,
				 2px -2px 1px #fff,
				 -2px -2px 1px #fff;
	}
.top_info_cd_fixed_msg {
	float: left;
    margin-left: 55%;
    width: calc( 20% - 10px );
    /*color: #e73369;*/
	color: #fac032;
    text-align: right;
    margin-right: 10px;
    font-weight: bold;
    font-size: 25px;
    line-height: 35px;
    padding-top: 140px;
}
.top_info_cd_changed_timer {
	float: left;
    width: 25%;
	color: #fac032;
    font-size: 60px;
    font-weight: bold;
    text-align: right;
}
.top_info_cd_countdown {
	color: #fac032;
    font-size: 130px;
    font-weight: bold;	
}
.top_nav {
	width: 100%;
	z-index: 111;
}
.top_nav_ul {
	width: 90%;
	margin: 40px auto 0;
	list-style: none;
}
.top_nab_li {
	float: left;
	position: relative;
    box-sizing: border-box;
    width: calc(180px - 40px - 2px );
    margin: 0px 20px;
    text-align: center;
    height: calc(180px - 40px - 2px );
    /* color: #fff; */
    font-weight: bold;
    border-radius: 70px;
	background-color:#f8ba3a;
}
.top_nav_link {
	text-decoration: none;
    color: #fff;
    font-size: 20px;
    line-height: 22px;
    display: block;
    padding: 46px 0;
    border-radius: 70px;
    border: 1px solid #fff;
    z-index: 11;
    display: block;
    width: calc( 100% - 6px );
    height: calc( 100% - 46px - 46px - 6px );
    margin-top: 2px;
    margin-left: 2px;
}
.top_nab_li:nth-of-type(1) ,
.top_nab_li:nth-of-type(2) ,
.top_nab_li:nth-of-type(1) .top_nav_link,
.top_nab_li:nth-of-type(2) .top_nav_link{
	background-color:#f8ba3a;
}
.top_nab_li:nth-of-type(3) ,
.top_nab_li:nth-of-type(4) ,
.top_nab_li:nth-of-type(5) ,
.top_nab_li:nth-of-type(3) .top_nav_link,
.top_nab_li:nth-of-type(4) .top_nav_link,
.top_nab_li:nth-of-type(5) .top_nav_link{
	background-color:#e8446a;
}
.theme_top_img {
	width: 70%;
	margin: 10px auto;;
}
.theme_sub_img {
	width: 100%;
	margin-top: 20px;
}
.theme_msg {
    margin: 20px 0;
}
.kome {
	color:red;
}
.wrap_contnts {
	margin-top: 20px;
}
.wrap_contnt {
    width: calc( 50% - 20px );
    float: left;
    padding: 10px;
}
/*.wrap_contnt:nth-of-type(1) {
    background-color: #fce0b2;
}*/
/*.wrap_contnt:nth-of-type(2) {
    background-color: #f5babf;
}*/
.grad_btn {
	color: #fff;
    display: block;
    padding: 5px 20px;
    letter-spacing: 0.1em;
    border-radius: 20px;
    width: 90px;
    text-align: center;
	margin-bottom: 12px;
}
.content_ol {
	padding: 10px 30px;	
}
.content_li {
	margin-bottom: 10px;
}
.contnt_strong {
    font-size: 130%;
}
/*.content_li:nth-of-type(even) .contnt_strong {
	color:rgba(231,51,105,1);
}
.content_li:nth-of-type(odd) .contnt_strong {
	color:rgba(250,192,50,1);
}*/
.content_instructor {
	display: block;
	line-height: 1.5;
    color: #333;
    font-size: 90%;
    text-align: right;
	font-weight: bold;
}
.content_specical_msg {
	color: #333;
    font-weight: bold;
    font-size: 130%;
    margin-top: 30px;
    margin-bottom: 40px;
    padding-left: 20px;
    line-height: 2.5em;
}
.content_speciaal_lnstructor_sub {
	font-size: 90%;
    color: #333;
    font-weight: bold;
    text-align: right;
	margin-bottom: 0;
}
.content_speciaal_lnstructor {
    font-size: 150%;
	margin-top: 0;
	padding-top: 0; 
    color: #333;
    font-weight: bold;
    text-align: right;
}
.wrap_theme_msg {
    padding: 30px 60px;
    background-color: #f6e6e7;;
    border-radius: 14px;
}
.pink {
	color:#e4007f;
}
.link_apply_text {
	color:#0000ee;
}
.apply_text {
	margin: 0px 0px 20px;
}
.apply_caution {
	margin: 20px 0;
}
.apply_deadline {
    font-weight: bold;
    text-align: center;
    font-size: 140%;	
}
.wrap_our_contribution {
	background-color: #f5acc3;
	padding-top: 20px;
	padding-bottom: 20px;
}
.our_contribution_p {
	margin-top: 0;
    padding: 25px 40px;
    color: #333;
    text-shadow: 0 0 2px #fff;
    font-weight: bold;
    border-radius: 10px;
    margin: 0 20px;
    background-color: #fff;
	font-size: 135%;
}



/* --- fotter  -------------------------------- */
footer {
	width: 100%;
}
.copyright {
	text-align: center;
    padding: 20px 0 5px;
    font-size: 80%;
    color: #fff;
	margin: 0 auto;
	width: 1000px;
}

.cntr {text-align: center;}
.w50 {width: 48%;}
.fl {float: left;}
.fr {float: right;}
.cl {clear: both;}
.pr20 {padding-right: 20px;}
.pl20 {padding-left: 20px;}
.spw100 {width: inherit;}
.spw1000 {width: 1000px; margin: 0 auto 5px;}
.youtube_view {width: 938px; height: 530px; border: 1px solid #ccc;}
.youtube_miniview {width: 100%; height: 260px}
.fspc120 { font-size: 120%; }
a:hover {
    opacity: 0.8;
    -webkit-animation: flash 0.7s;
    animation: flash 0.7s;
    transition: none;
}
@-webkit-keyframes flash {
	0% { opacity: .4; }
	100% { opacity: .8; }
}
@keyframes flash {
	0% { opacity: .4; }
	100% { opacity: .8; }
}


/*********************************************SNSアイコン***/
.social {
	position: fixed;
	right: -440px;
	bottom: 2%;
	z-index: 1000;
}
.instagram {
	background: #CF2E92;
}
.fa-instagram {
	color: #fff;
	font-size: 24px;
	padding: 8px 30px 8px 9px;
}
.twitter {
	background: #00aced;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.fa-twitter {
	color: #fff;
	font-size: 22px;
	padding: 10px 40px 10px 10px;
}
.youtube {
	background: #ff0000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.fa-youtube {
	color: #fff;
	font-size: 22px;
	padding: 10px 40px 10px 8px;
}

.social ul {
	padding: 0px;
	-webkit-transform: translate(280px, 0);
	-moz-transform: translate(280px, 0);
	-ms-transform: translate(280px, 0);
	-o-transform: translate(-280px, 0);
	transform: translate(-280px, 0);
}
.social ul li {
	display: block;
	margin: 5px 0;
	width: 200px;
	text-align: left;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
.social ul li:hover {
	-webkit-transform: translate(-20px, 0);
	-moz-transform: translate(-20px, 0);
	-ms-transform: translate(-20px, 0);
	-o-transform: translate(-20px, 0);
	transform: translate(-20px, 0);
}
.sdgs_img {
	width: 100%;
}
.center-block {
	margin-bottom: 50px;
}
.link_top_h1 {
	text-decoration: none;
}
.textdecoration_linethrough {
    text-decoration: line-through;
}