@charset "utf-8";

.disp_pc{display:block;}
.disp_sp{display:none;}
.disp_in_pc{display:inline-block;}
.disp_in_sp{display:none;}
.none{ display:none;}
.bold{ font-weight:bold;}
.fc_yellow{color:#ffff47;}
.al_r{text-align: right;}
.al_l{text-align: left!important;}
.palt{
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

html {
	font-size: 62.5%;
}
body{
	font-size: 1.6em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

#detail1,#detail2,#detail3,#details_here{
	display: none;
}
.coming_soon{
	pointer-events: none;
	position: relative;
}
.coming_soon::after{
	content: "";
	display: block;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 100%;
	background-image: url(../images/coming_soon.svg);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-11%);
}
.coming_soon a *{
	visibility: hidden;
}

/* common */
.char_half{
	display: inline-block;
}
.inner_s{
	margin: auto;
}
.flx{
	display: flex;
	justify-content: space-between;
}

/* TOP_Webinar */
header{
	width: 100%;
}

header #TOP_Webinar a{
	color: #000;
	display: block;
}
header #TOP_Webinar .tit{
	line-height: 1.1875;
}
header #TOP_Webinar .tit .ls_s{
	letter-spacing: -0.12em;
}
header #TOP_Webinar .txt_area{
	line-height: 1.227272727272727;
}
header #TOP_Webinar .txt_area .svg_txt{
	margin: 0 0 0.3em 0.2em;
}
header #TOP_Webinar .txt_area .svg_txt svg{
	width: 3em;
}
header #TOP_Webinar .txt_area .txt .ls_s{
	letter-spacing: -0.15em;
}
header #TOP_Webinar .txt_area .txt{
	font-size: 17px;
	line-height: 1.411764705882353;
	/*margin-top: 0.5em;*/
	display: inline-block;
	position: relative;
	z-index: 2;
}
header #TOP_Webinar .txt_area .txt .marker_white{
	display: inline-block;
	background-color: #fff;
	padding: 0.075em;
}
header #TOP_Webinar .btn_apply{
	background-color: #000;
	color: #00dfc5;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}
header #TOP_Webinar .btn_arrow {
	display: inline-block;
	transform: rotate(-45deg);
	position: relative;
}

/* mv */
#mv .mv_bg{
	background-repeat: no-repeat;
	background-position: top center;
}
#mv .inner{
	max-width: 1020px;
	margin: auto;
	text-align: center;
	position: relative;
}
#mv .mv_news{
	padding-top: 46px;
}
#mv h1{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	line-height: 1.35;
	display: inline-block;
	color: #fff;
	white-space: nowrap;
}
#mv h1 .period{
	position: relative;
	top: -0.17em;
}
#mv .mv_txt {
	font-weight: bold;
}
#mv .mv_txt .para_middle{
	display: inline-block;
	padding: 0.35em 0;
	line-height: inherit;
}
#mv .mv_intro{
	text-align: center;
	color: #00dfc5;
	font-weight: bold;
	font-size: 30px;
	margin: 0.64em auto 1.6em;
}
#mv .mv_intro .kerning_s{
	display: inline-block;
	margin: 0 -0.3em 0 -0.1em;
}
#mv .mv_intro .kerning_s_r{
	display: inline-block;
	margin-right: -0.14em;
}

/* tab */
.tab_wrap{
	transition: all .2s;
}
.tab_wrap .tab_inner{
	margin: auto;
}
.tab_wrap .tab_inner li{
	text-align: center;
}
.tab_wrap .tab_inner li a{
	display: block;
	color: #fff;
	background-color: #000;
	font-weight: bold;
	position: relative;
	transition: all .2s;
}
.tab_wrap .tab_inner li a .svg_txt svg{
	fill: currentColor;
	transition: all .2s;
}
.tab_wrap .tab_inner li a .icon_new{
	transition: all .2s;
}
.tab_wrap .tab_inner li a .icon_new svg{
	fill: #000;
	transition: all .2s;
}

/* container */
.container{
	background-color: #ffff47;
	background-image: url(../images/bg_container.svg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	padding: 0 0 100px;
}

/* webinar common */
.webinar h3{
	margin-top: 0.7em;
}
.webinar h3 .sub_copy{
	font-size: 0.631578947368421em;
	position: relative;
	top: -0.2em;
}
.webinar .cnt02{
	background-color: #fff;
	padding: 8px;
	position: relative;
	overflow: hidden;
}
.webinar .cnt02::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -45%);
	z-index: 10;
	background-image: url(../images/webinar_comingsoon.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	width: 163.737px;
	height: 41.329px;
}
.webinar .cnt02 .inner_wrap{
	width: 100%;
	height: 100%;
	border: solid 2px #00dfc5;
	display: block;
}

/* webinar_intro */
#webinar_intro{
	padding: 62px 0 95px;
}
#webinar_intro .intro_tit{
	margin: 0 auto 28px;
	width: 276px;
}
#webinar_intro .intro_txt{
	line-height: 1.875;
	letter-spacing: normal;
	text-align: center;
}

/* webinar1 */
#webinar1 .cnt01{
	position: relative;
}
#webinar1 h3 .ls_s{
	letter-spacing: -0.13em;
}
#webinar1 .img_wrap{
	position: absolute;
}
#webinar1 .img_wrap .name{
	display: inline-block;
	background-color: #00dfc5;
	padding: 0.5em 1em 0.45em 1em;
	line-height: 1.5625;
}
#webinar1 .img_wrap .name .fs_s{
	font-size: 0.75em;
}
#webinar1 .cnt02::after{
	content: "";
	border-top: 1px solid #aaa;
	position: absolute;
	right: 0;
	width: 130%;
	z-index: 1;
}
#webinar1 .cnt02::before{
	content: "※画像もしくは予告編動画";
}
#webinar1 .btn_apply{
	color: #00dfc5;
	background-color: #000;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 37px;
	-moz-border-radius: 37px;
	-webkit-border-radius: 37px;
	padding: 0.7em;
	box-shadow: 0.136338709677419em 0.136338709677419em 8px -1px rgba(0, 0, 0, 0.75);
}
#webinar1 .btn_apply .btn_arrow{
	display: inline-block;
	transform: rotate(-45deg);
	position: relative;
	top: 0.1em;
	right: -0.2em;
}
/* 2021/08/26-30 */
#webinar1 .attend{
	width: 414px;
	color: #00dfc5;
	background-color: #000;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 37px;
	-moz-border-radius: 37px;
	-webkit-border-radius: 37px;
	padding: 0.7em;
	box-shadow: 0.136338709677419em 0.136338709677419em 8px -1px rgba(0, 0, 0, 0.75);
}

/* webinar2 */
#webinar2 .cnt01{
	position: relative;
}
#webinar2 h3 .ls_s{
	letter-spacing: -0.13em;
}
#webinar2 .img_wrap{
	position: absolute;
}
#webinar2 .img_wrap .name{
	display: inline-block;
	background-color: #00dfc5;
	padding: 0.5em 1.5em 0.45em 1.5em;
	line-height: 1.5625;
}
#webinar2 .img_wrap .name .fs_s,
#webinar3 .img_wrap .name .fs_s{
	font-size: 0.75em;
}
#webinar2 .cnt02::after{
	content: "";
	border-top: 1px solid #aaa;
	position: absolute;
	right: 0;
	width: 130%;
	z-index: 1;
}
#webinar2 .cnt02::before{
	content: "※画像もしくは予告編動画";
}
#webinar2 .btn_apply{
	color: #00dfc5;
	background-color: #000;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 37px;
	-moz-border-radius: 37px;
	-webkit-border-radius: 37px;
	padding: 0.7em;
	box-shadow: 0.136338709677419em 0.136338709677419em 8px -1px rgba(0, 0, 0, 0.75);
}
#webinar2 .btn_apply .btn_arrow{
	display: inline-block;
	transform: rotate(-45deg);
	position: relative;
	top: 0.1em;
	right: -0.2em;
}
/* 2021/08/26-30 */
#webinar2 .attend{
	width: 414px;
	color: #00dfc5;
	background-color: #000;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 37px;
	-moz-border-radius: 37px;
	-webkit-border-radius: 37px;
	padding: 0.7em;
	box-shadow: 0.136338709677419em 0.136338709677419em 8px -1px rgba(0, 0, 0, 0.75);
}

/*2021/11/11*/
#webinar2 .btn_apply.movie{
	background-color: #ffffff;
}


/* webinar3 */
#webinar3 .cnt01{
	position: relative;
}
#webinar3 h3 .ls_s{
	letter-spacing: -0.14em;
}
#webinar3 h3 .char_half{
	margin-left: -0.2em;
}
#webinar3 .img_wrap .name{
	display: inline-block;
	background-color: #00dfc5;
	padding: 0.5em 1.5em 0.45em 1.5em;
	line-height: 1.5625;
}
#webinar3 .btn_apply{
	color: #00dfc5;
	background-color: #000;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 37px;
	-moz-border-radius: 37px;
	-webkit-border-radius: 37px;
	padding: 0.7em;
	box-shadow: 0.136338709677419em 0.136338709677419em 8px -1px rgba(0, 0, 0, 0.75);
}
#webinar3 .btn_apply .btn_arrow{
	display: inline-block;
	transform: rotate(-45deg);
	position: relative;
	top: 0.1em;
	right: -0.2em;
}
#webinar3 .attend{
	width: 414px;
	color: #00dfc5;
	background-color: #000;
	text-align: center;
	display: block;
	text-decoration: none;
	border-radius: 37px;
	-moz-border-radius: 37px;
	-webkit-border-radius: 37px;
	padding: 0.7em;
	box-shadow: 0.136338709677419em 0.136338709677419em 8px -1px rgba(0, 0, 0, 0.75);
}

/* detail common */
.detail .inner{
	max-width: 1020px;
	margin: auto;
}
.detail .cnt01{
	background-color: #00dfc5;
	padding-bottom: 50px;
}
.detail .tit01{
	font-size: 46px;
	margin-bottom: 0.75em;
	padding-top: 1.73em;
	position: relative;
	z-index: 2;
}
.detail .tit01::before{
	content: "";
	display: block;
	width: 190.467px;
	height: 192.606px;
	background-image: url(../images/detail_tit_bg.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top left;
	position: absolute;
	top: 44px;
	left: -40px;
	z-index: -1;
}
.detail .txt_intro{
	font-size: 19px;
	line-height: 1.578947368421053;
	letter-spacing: -0.03em;
	position: relative;
	z-index: 2;
}
.detail .what{
	font-size: 14px;
	line-height: 1.285714285714286;
	padding: 0.8em 0 1.3em;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
}
.detail .what h3{
	font-size: 1.25em;
	font-weight: normal;
}
.detail .what .txt{
	margin-top: 0.5em;
	line-height: 1.285714285714286;
}
.detail .tit02{
	font-size: 36px;
	background-color: #ffff47;
	padding: 0.65em 0.7em;
	margin: 1.6em 0 1.575em;
}
.detail .illust_tit{
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 0.35em 1em;
	margin: 1.5em 0 1.2em;
	border-radius: 20px;
	font-size: 15px;
	width: 70%;
	margin: 0 auto 2px;
}
.detail .caution{
	font-size: 11px;
	margin-top: 0.75em;
}
.detail .caution li{
	line-height: 1.272727272727273;
}
.detail .caution li.indent{
	text-indent: -0.65em;
}
.detail .important_notes{
	margin-top: 48px;
	font-size: 11px;
}
.detail .important_notes h6{
	text-indent: -0.5em;
}
.detail .important_notes .caution{
	margin-top: 0.15em;
}
.detail .important_notes .caution{
	margin-top: 0.15em;
}
.detail .important_notes .date{
	text-align: right;
}

.detail .fund_lineup{
	padding-bottom: 67px;
}
.detail .fund_lineup .tit{
	font-size: 42px;
	margin-bottom: 2em;
	padding-top: 1.65em;
	position: relative;
	z-index: 2;
}
.detail .fund_lineup .tit::before{
	content: "";
	display: block;
	width: 986.045px;
	height: 182.517px;
	background-image: url(../images/detail_tit_bg_fund.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: top left;
	position: absolute;
	top: 4px;
	left: 15px;
	z-index: -1;
}
.detail .fund_lineup .tit span{
	position: relative;
	display: inline-block;
}
.detail .fund_lineup .tit span::before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #000000;
	position: absolute;
}
.detail .fund_lineup .fund_img{
	width: 150px;
}
.detail .fund_lineup .fund_link{
	font-size: 20px;
	font-weight: bold;
	margin-top: 1em;
}
.detail .fund_lineup .fund_link li{
	text-align: center;
}
.detail .fund_lineup .fund_link li + li{
	margin-top: 0.6em;
}
.detail .fund_lineup .fund_link a{
	color: #00b898;
	text-decoration: underline;
	line-height: 1.333333333333333;
	white-space: nowrap;
	transition: all .1s;
	font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}
.detail .fund_lineup .fund_link a:hover{
	text-decoration: none;
	opacity: 0.7;
}

/* detail1 */
#detail1 .txt_intro{
	margin-bottom: 2em;
}
#detail1 .what .sdgs_img{
	margin-top: 0.75em;
}
#detail1 .img_box_header{
	background-color: #000;
	color: #fff;
	padding: 32px 21px 20px 17px;
	position: relative;
}
#detail1 .img_box_header:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30.9145px 22.8496px 0 22.8496px;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%) translateY(100%);
}
#detail1 .img_box_header .inner_wrap{
	position: relative;
}
#detail1 .img_box_header h4{
	font-size: 30px;
	text-indent: -0.5em;
	margin-bottom: 0.2em;
}
#detail1 .img_box_header p{
	font-size: 19px;
	line-height: 1.368421052631579;
}
#detail1 .img_box_header .sdgs_ico{
	width: 18%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-57%);
}
#detail1 .img_box_body{
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	min-height: 247px;
	padding: 20px 21px 20px 17px;
}
#detail1 .img_box_body h4{
	font-size: 36px;
	text-indent: -0.5em;
	margin-bottom: 0.35em;
}
#detail1 .img_box_body p{
	font-size: 22px;
	line-height: 1.363636363636364;
	letter-spacing: -0.03em;
}
#detail1 .block02 .pc__flx .flx_item:nth-of-type(1){
	width: 46.176470588235294%;
}
#detail1 .block02 .pc__flx .flx_item:nth-of-type(2){
	width: 49.855882352941176%;
}

#detail1 .future01 .img_box_body{
	background-image: url(../images/detail1_img01.png);
}
#detail1 .future02 .img_box_body{
	background-image: url(../images/detail1_img02.png);
}
#detail1 .future03 .img_box_body{
	background-image: url(../images/detail1_img03.png);
}
#detail1 .future02{
	margin-top: 34px;
}
#detail1 .future03{
	margin-top: 48px;
}
#detail1 .future02 .illust{
	margin: 5px 0 22px;
}
#detail1 .future03 .illust{
	margin: 27px 0 13px;
	width: 102%;
	position: relative;
	left: -10px;
}

#details_here .here_header h2{
	text-align: center;
}
#details_here .here_header h2 a{
	color: #ffff47;
}

@media screen and (min-width: 1845px) and (max-width: 2289px){
	.container {
    background-size: cover;
	}
}
@media screen and (min-width: 2290px){
	.container {
    background-size: 2290px;
	}
}

/* << タブレット以上固定 >> */
@media (min-width: 768px) {
	.is_pc{
		display: inline-block;
	}
	.is_sp{
		display: none;
	}
	.inner_s{
		max-width: 1020px;
	}
	.hv_op{
		transition: all .2s;
		opacity: 1;
	}
	.hv_op:hover{
		opacity: 0.7;
	}
	.pc__al_l{
		text-align: left!important;
	}
	.pc__flx{
		display: flex;
		justify-content: space-between;
	}

	.coming_soon::after{
		width: 162px;
		height: 26px;
	}

	/* TOP_Webinar */
	header .inner{
		max-width: 1020px;
		position: relative;
		height: 100%;
		margin: auto;
	}
	header #TOP_Webinar{
		background-color: #ffff47;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding: 30px 15px 19px;
		box-sizing: border-box;
		position: absolute;
		right: 0;
		background-image: url(../images/top_webinar_bg.svg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: contain;
		cursor: pointer;
		z-index: 1000;
	}
	header #TOP_Webinar::after{
		content: "";
		display: block;
		width: 100%;
		height: 107px;
		background-image: url(../images/top_webinar.png);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: 100%;
		position: absolute;
		bottom: 58px;
		right: 0px;
		z-index: 1;
	}
	header #TOP_Webinar time{
		text-align: center;
		display: block;
		margin-bottom: 7px;
		width: 182px;
	}
	header #TOP_Webinar time svg{
		width: 125px;
		fill: #00dfc5;
	}
	header #TOP_Webinar .tit{
		font-size: 32px;
		margin-bottom: 10px;
		position: relative;
		z-index: 9;
	}
	header #TOP_Webinar .tit .fs_s{
		display: inline-block;
		font-size: 0.67em;
		padding-left: 0.4em;
	}
	header #TOP_Webinar .txt_area{
		font-size: 22px;
		position: relative;
		z-index: 2;
	}
	header #TOP_Webinar .txt_area .svg_txt{
		display: block;
		width: 82px;
		position: absolute;
		top: -39px;
		right: -6px;
		z-index: 1;
	}
	header #TOP_Webinar .btn_apply{
		width: 100%;
		border-radius: 12px;
		padding: 0.3em 0.25em 0.35em;
		position: relative;
		z-index: 2;
		margin-top: 7.75em;
	}
	header #TOP_Webinar .btn_arrow {
		top: 0.03em;
		right: -0.2em;
		font-size: 1.2em;
	}

	/* mv */
	#mv h1{
		font-size: 103px;
		margin-top: 123px;
	}
	#mv .mv_txt {
		font-size: 18px;
		line-height: 1.923076923076923;
		position: absolute;
		right: 0;
		top: -244px;
	}
	#mv .mv_bg{
		height: auto;
		min-height: 779px;
		background-image: url(../images/mv_bg.svg);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
	}

	/* tab */
	.tab_wrap{
		border-bottom: solid 12px #000;
	}
	.tab_wrap .tab_inner{
		max-width: 1020px;
	}
	.tab_wrap .tab_inner li{
		width: 334px;
	}
	.tab_wrap .tab_inner li a{
		border-top-left-radius:6px;
		border-top-right-radius:6px;
		padding: 1.3em 0.5em 0.9em;
		font-size: 24px;
	}
	.tab_wrap .tab_inner li a .txt{
		letter-spacing: -0.04em;
	}
	.tab_wrap .tab_inner li a .svg_txt{
		display: block;
		text-align: center;
		margin-bottom: 0.4em;
	}
	.tab_wrap .tab_inner li a .svg_txt svg{
		height: 0.87em;
	}
	.tab_wrap .tab_inner li a .icon_new{
		width: 78px;
		height: 78px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		background-color: #ffff47;
		position: absolute;
		top: -27px;
		left: 14px;
	}
	.tab_wrap .tab_inner li a .icon_new svg{
		fill: #000;
		width: 74%;
	}
	.tab_wrap .tab_inner li a .tab_arrow{
		display: inline-block;
		padding-left: 0.3em;
	}
	#tab_wrap02 .tab_inner li a .tab_arrow{
		transform: rotate(180deg);
		padding-left: 0;
		padding-right: 0.3em;
	}

	/* Tab hover, active */
	.tab_wrap.js__hv,
	.tab_wrap.active{
		border-bottom: solid 12px #ffff47;
	}
	.tab_wrap .tab_inner li a.js__hv,
	.tab_wrap .tab_inner li.active a{
		color: #000;
		background-color: #ffff47;
	}
	.tab_wrap .tab_inner li a.js__hv .icon_new,
	.tab_wrap .tab_inner li.active a .icon_new{
		background-color: #000;
	}
	.tab_wrap .tab_inner li a.js__hv .icon_new svg,
	.tab_wrap .tab_inner li.active a .icon_new svg{
		fill: #ffff47;
	}

	/* tab2 */
	#tab_wrap02{
		border-bottom: none;
		background-color: #00dfc5;
	}
	#tab_wrap02 .tab_inner li a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding: 1.3em 0.5em 0.9em;
    font-size: 24px;
	}
	#tab_wrap02 .tab_inner li a .icon_new {
		/*border: solid 4px #000;*/
	}

	/* details here */
	#details_here{
		background-color: #ffff47;
	}
	#details_here .here_header{
		text-align: center;
		padding: 4.5em 0;
	}
	#details_here .here_header h2 a{
		font-size: 28.8px;
		display: inline-block;
		background-color: #000;
		color: #ffff47;
		border-radius : 34px;
		padding: 0.7em 2.4em 0.7em 1.5em;
		position: relative;
	}
	#details_here .here_header h2 a::after{
		content: "";
		display: block;
		width: 28.1602px;
		height: 24.2754px;
		background-image: url(../images/arrow_down.svg);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: top left;
		position: absolute;
		right: 1em;
		top: 50%;
		transform: translateY(-50%);
	}

	/* webinar common */
	.webinar h3{
		font-size: 38px;
		line-height: 1.236842105263158;
	}
	.webinar .wrap {
		position: relative;
		max-width: 1020px;
		margin: auto;
	}

	/* webinar1 */
	#webinar1 .intro_txt{
		text-align: center;
		font-size: 28px;
		padding: 2.67em 0 1.5em;
		letter-spacing: 0.02em;
	}
	#webinar1 h2{
		width: 470px;
	}
	#webinar1 .cnt01 {
    padding-bottom: 13px;
	}
	#webinar1 .txt{
		font-size: 16px;
		margin-top: 0.8em;
		line-height: 1.75;
		padding-bottom: 15px;
		letter-spacing: 0.03em;
	}
	#webinar1 .img_wrap{
		max-width: 411px;
    right: -122px;
    bottom: 38px;
	}
	#webinar1 .img_wrap .name{
		position: absolute;
		font-size: 16px;
    bottom: 1.85em;
    right: 0;
	}
	#webinar1 .img_wrap .name .char_half{
		margin-left: -0.3em;
	}
	#webinar1 .inner_sp_full{
		max-width: 1020px;
		margin: auto;
	}
	#webinar1 .cnt02{
		height: 272.747px;
	}
	#webinar1 .cnt02::after{
		left: -58px;
		top: 111px;
		-webkit-transform: rotate(-14.85deg);
		-moz-transform: rotate(-14.85deg);
		-ms-transform: rotate(-14.85deg);
		-o-transform: rotate(-14.85deg);
		transform: rotate(-14.85deg);
	}
	#webinar1 .cnt02::before{
		font-size: 15.75px;
	}
	#webinar1 .btn_apply{
		font-size: 31px;
		width: 414px;
    margin: 0.5em auto 0;
	}

	/* webinar2 */

	#webinar2.archive{
		padding-top: 2.5em;
	}

	#webinar2 .intro_txt{
		text-align: center;
		font-size: 28px;
		padding: 2.67em 0 1.5em;
		letter-spacing: 0.02em;
	}
	#webinar2 h2{
		width: 470px;
	}
	#webinar2 .cnt01 {
    padding-bottom: 13px;
	}
	#webinar2 .txt{
		font-size: 16px;
		margin-top: 0.8em;
		line-height: 1.75;
		padding-bottom: 15px;
		letter-spacing: 0.03em;
	}
	#webinar2 .img_wrap{
		max-width: 397px;
		right: 40px;
		top: 25px;
		padding: 0 70px;
		box-sizing: border-box;
	}
	#webinar2 .img_wrap .name{
		position: absolute;
		font-size: 16px;
		bottom: -3.9em;
		right: 0;
	}
	#webinar2 .img_wrap .name .char_half{
		margin-left: -0.3em;
	}
	#webinar2 .inner_sp_full{
		max-width: 1020px;
		margin: auto;
	}
	#webinar2 .cnt02{
		height: 272.747px;
	}
	#webinar2 .cnt02::after{
		left: -58px;
		top: 111px;
		-webkit-transform: rotate(-14.85deg);
		-moz-transform: rotate(-14.85deg);
		-ms-transform: rotate(-14.85deg);
		-o-transform: rotate(-14.85deg);
		transform: rotate(-14.85deg);
	}
	#webinar2 .cnt02::before{
		font-size: 15.75px;
	}
	#webinar2 .btn_apply{
		font-size: 31px;
		width: 414px;
		margin: 1.5em auto 0;
	}

	/* webinar3 */
	#webinar3 .intro_txt{
		text-align: center;
		font-size: 28px;
		padding: 2.67em 0 1.5em;
		letter-spacing: 0.02em;
	}
	#webinar3 h2{
		width: 470px;
		margin: 0 auto;
	}

	#webinar3 h3{
		text-align: center;
	}
	#webinar3 .cnt01 {
    padding-bottom: 13px;
	}
	#webinar3 .txt{
		font-size: 16px;
		margin-top: 0.8em;
		line-height: 1.75;
		text-align: center;
		padding-bottom: 15px;
		letter-spacing: 0.03em;
	}
	#webinar3 .img_wrap{
		right: 0;
		top: 25px;
	}
	#webinar3 .img_wrap .name{
		font-size: 16px;
		width: 100%;
		text-align: center;
	}
	#webinar3 .img_wrap .name dl{
		display: flex;
		justify-content: center;
		padding: 4px 0;
	}
	#webinar3 .img_wrap .name .char_half{
		margin-left: -0.3em;
	}
	#webinar3 .inner_sp_full{
		max-width: 1020px;
		margin: auto;
	}
	#webinar3 .cnt02{
		height: 272.747px;
	}
	#webinar3 .cnt02::after{
		left: -58px;
		top: 111px;
		-webkit-transform: rotate(-14.85deg);
		-moz-transform: rotate(-14.85deg);
		-ms-transform: rotate(-14.85deg);
		-o-transform: rotate(-14.85deg);
		transform: rotate(-14.85deg);
	}
	#webinar3 .cnt02::before{
		font-size: 15.75px;
	}
	#webinar3 .btn_apply{
		font-size: 31px;
		width: 414px;
		margin: 0.75em auto 0;
	}

	/* detail */
	.detail .fund_lineup .tit span{
		padding-left: 1em;
	}
	.detail .fund_lineup .tit span::before{
		border-width: 19.0293px 0 19.0293px 32.9766px;
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
	}
	.detail .fund_lineup .fund_link .brackets_half_l{
		position: relative;
		left: -0.68em;
	}

	/* detail1 */
	#detail1 .fund_lineup .fund_link li a {
    line-height: 1.3;
	}

	/* detail2 */
	#detail2 .tit01{
		white-space: nowrap;
		letter-spacing: -0.01em;
	}
	#detail2 .tit01 .ls_s,
	#detail3 .tit01 .ls_s{
		display: inline-block;
		margin-right: -0.5em;
	}
	#detail2 .what,
	#detail3 .what{
		width: 223px;
		margin-top: 1.3em;
		padding: 0.8em 0;
	}
	#detail2 .what .txt,
	#detail3 .what .txt{
		line-height: 1.428571428571429;
	}
	#detail2 .intro_illust{
		width: 775px;
		float: right;
		margin-top: -248px;
	}
	#detail2 .intro_illust .caption{
		font-size: 14px;
		margin-top: 20px;
	}
	#detail2 .tit02 {
		margin: 2.1em 0 1.35em;
	}
	#detail2 .img_list .flx_item{
    width: 180px;
	}
	#detail2 .img_list h4{
    font-size: 23px;
		margin: 1.5em 0 1em;
	}
	#detail2 .img_list .txt{
    font-size: 15px;
		line-height: 1.466666666666667;
	}
	#detail2 .fund_lineup .fund_link li a {
    line-height: 1.4;
	}

	/* detail3 */
	#detail3 .intro_illust{
		width: 777px;
		float: right;
		margin-top: -266px;
	}
	#detail3 .intro_illust .caption{
		font-size: 11px;
		margin-top: 20px;
	}
	#detail3 .eco h4{
		font-size: 27.5px;
		line-height: 1.5204;
	}
	#detail3 .eco .txt_box p{
		font-size: 16px;
		line-height: 1.625;
		margin-top: 1em;
	}
	#detail3 .eco .illust_box{
		width: 502.7949px;
		margin-top: -20px;
	}
	#detail3 .eco .illust_tit{
		width: 75%;
		margin-bottom: 0;
	}
	#detail3 .eco .illust_tit span{
		font-size: 0.8em;
	}
	#detail3 .eco .illust{
		margin-top: -12px;
	}
	#detail3 .eco .illust_box .caution{
		margin-top: 1.5em;
	}

	#detail3 .point{
		background-color: #ffff47;
		padding: 18px 14px 10px;
		position: relative;
		margin-top: 29px;
	}
	#detail3 .point::before{
		content: "";
		display: block;
		position: absolute;
		top: -30px;
		left: 127px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 29.4004px 50.3999px 29.4004px;
		border-color: transparent transparent #ffff47 transparent;
		z-index: 1;
	}
	#detail3 .point h4{
		font-size: 22px;
		position: relative;
		z-index: 10;
		margin: 0 0 20px 70px;
	}
	#detail3 .point .inner_box{
		background-color: #fff;
		padding: 17px 59px 40px;
	}
	#detail3 .point .inner_box .flx_item{
		width: 254px;
	}
	#detail3 .point .inner_box .caution{
		margin-top: 26px;
	}
	#detail3 .point + .caution{
		position: relative;
		top: -71px;
    left: 75px;
		z-index: 50;
	}
	#detail3 .important_notes {
    margin-top: 34px;
	}
	#detail3 .fund_lineup .fund_link li a {
    line-height: 1.4;
	}
	#detail3 .fund_lineup .fund_img .pos_l{
    position: relative;
	}
	#detail3 .fund_lineup .fund_img:nth-of-type(1) .pos_l{
		left: -0.3em;
	}
	#detail3 .fund_lineup .fund_img:nth-of-type(3) .pos_l{
		left: -0.5em;
	}
	#detail3 .fund_lineup .fund_img:nth-of-type(4) .pos_l{
		left: -0.5em;
	}
	#detail3 .fund_lineup .fund_img:nth-of-type(5) .pos_l{
		left: -0.4em;
	}
	/* #detail3 .fund_lineup .fund_img {
    width: 25%;
	}
	#detail3 .fund_lineup .fund_img p img{
    width: 150px;
	} */


}

@media screen and (max-width: 767px) {
	.is_pc{
		display: none;
	}
	.is_sp{
		display: inline-block;
	}
	.inner_s{
		max-width: 85.333333333333333%;
	}
	.sp__flx{
		display: flex;
		justify-content: space-between;
		width: 100%;
	}
	.sp__al_l{
		text-align: left!important;
	}

	.coming_soon::after{
		width: 68px;
		height: 11px;
	}

	/* TOP_Webinar */
	header{
		padding: 5px 0;
		background-color: #000000;
		position: fixed;
		top: 0;
		z-index: 100;

	}
	header #TOP_Webinar time{
		width: 58px;
		height: auto;
		fill: #000;
	}
	header #TOP_Webinar .tit{
		font-size: 18px;
		color: #00dfc5;
		margin-bottom: 0em;
		margin-top: 0.5em;
	}
	header #TOP_Webinar .tit .fs_s{
		display: none;
	}
	header #TOP_Webinar .txt_area{
		font-size: 13px;
	}
	header #TOP_Webinar .txt_area .svg_txt{
		display: inline-block;
		width: 45px;
		position: absolute;
		top: 1.125em;
		right: 1em;
	}
	header #TOP_Webinar .txt_area .svg_txt svg{
		fill: #00dfc5;
		height: 0.85em;
	}
	header #TOP_Webinar .txt_area .txt {
    font-size: 16px;
    line-height: 1.178571428571429;
    margin-top: 0;
    display: inline-block;
		vertical-align: middle;
	}

	header #TOP_Webinar span.txt.palt{
		width: 100%;
	}

	header #TOP_Webinar .txt_area .txt .marker_white {
    display: inline-block;
    background-color:transparent;
    padding: 0.075em;
	}
	header #TOP_Webinar .btn_apply{
		border-radius: 9.5px;
		padding: 0.75em 0.25em 0.25em;
		display: inline-block;
		letter-spacing: -0.05em;
		margin-right: 4px;
		margin-top: 10px;
		line-height: 1.071428571428571;
	}
	header #TOP_Webinar .sp__flx .sp__flx_item{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	header #TOP_Webinar .sp__flx .sp__flx_item:nth-of-type(1){
		background-color: #00dfc5;
		width: 25%;
		padding-top: 4px;
	}
	header #TOP_Webinar .sp__flx .sp__flx_item:nth-of-type(2){
		background-color: #ffff47;
		width: calc(100% - 25%);
		padding: 5px 5px 10px 5px;
	}
	header #TOP_Webinar .sp__flx_item_child{
		position: relative;
	}

	header #TOP_Webinar .sp__flx_item_child:first-child{
		width: calc(100% - 65px);
	}

	/* mv */
	#mv .mv_bg{
		height: 122.13333333333334vw;
		min-height: auto;
		background-image: url(../images/mv_bg_sp.svg);
		background-size: cover;
		padding-top: 92px;
	}
	#mv .inner{
		max-width: 85.333333333333333%;
	}
	#mv .mv_news{
		font-size: 12px;
		padding-top: 20px;
	}
	#mv h1{
		font-size: 51.5px;
		margin-top: 50px;
	}
	#mv .mv_txt{
		font-size: 14px;
		line-height: 1.571428571428571;
		margin-top: 0.5em;
	}
	#mv .mv_txt .para_middle{
		padding: 0.7em 0;
		letter-spacing: -0.03em;
	}
	#mv .mv_intro{
		font-size: 19.5px;
		margin: 1.2em auto 1.6em;
	}

	/* tab */
	.tab_wrap{
		border-bottom: solid 6px #000;
	}
	.tab_wrap .tab_inner li{
		width: 32.8%;
		border-top-left-radius:11px;
		border-top-right-radius:11px;
		background-color: #000;
	}
	.tab_wrap .tab_inner li.tab03{
		letter-spacing: -0.1em;
	}
	.tab_wrap .tab_inner li a{
		border-top-left-radius:11px;
		border-top-right-radius:11px;
		padding: 0.75em 0.03em 0.45em;
    font-size: 13px;
	}
	.tab_wrap .tab_inner li a .txt{
		display: block;
		text-align: center;
		line-height: 1.272727272727273;
	}
	.tab_wrap .tab_inner li a .svg_txt{
		display: inline-block;
		margin-bottom: 0.5em;
	}
	.tab_wrap .tab_inner li a .svg_txt svg{
		height: 0.65em;
	}
	.tab_wrap .tab_inner li a .icon_new{
		display: inline-block;
		padding-right: 0.2em;
	}
	.tab_wrap .tab_inner li a .icon_new svg{
		fill: #ffff47;
		height: 0.65em;
	}
	.tab_wrap .tab_inner li a .tab_arrow{
		display: inline-block;
		margin-top: 0.1em;
	}

	/* tab2 */
	#tab_wrap02{
		border-bottom: none;
		background-color: #00dfc5;
	}
	#tab_wrap02 .tab_inner li {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
	}
	#tab_wrap02 .tab_inner li a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
	}
	#tab_wrap02 .tab_inner li a .tab_arrow {
    transform: rotate(-180deg);
	}


	/* Tab active */
	.tab_wrap.active{
		border-color:#ffff47;
	}
	.tab_wrap .tab_inner li.active{
		background-color: #ffff47;
	}
	.tab_wrap .tab_inner li.active a{
		color: #000;
		background-color: #ffff47;
	}
	.tab_wrap .tab_inner li.active a .icon_new svg{
		fill: #00dfc5;
	}


	/* details here */
	#details_here{
		background-color: #ffff47;
	}
	#details_here .here_header{
		text-align: center;
		padding: 2.5em 0;
	}
	#details_here .here_header h2 a{
		font-size: 14.4px;
		display: inline-block;
		background-color: #000;
		color: #ffff47;
		border-radius : 34px;
		padding: 0.7em 2.4em 0.7em 1.5em;
		position: relative;
	}
	#details_here .here_header h2 a::after{
		content: "";
		display: block;
		width: 15px;
		height: 13px;
		background-image: url(../images/arrow_down.svg);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: top left;
		position: absolute;
		right: 1em;
		top: 50%;
		transform: translateY(-50%);
	}

	.container {
		width: 100%;
		background-color: #ffff47;
		background-image: url(../images/bg_container_sp.svg);
		padding: 0 0 11%;
		overflow: hidden;
	}

	#webinar_intro {
    padding: 11% 0 11%;
	}
	#webinar_intro .intro_tit {
    margin-bottom: 1.15em;
		width: 192.9092px;
	}
	#webinar_intro .intro_txt {
		font-size: 14px;
    line-height: 1.571428571428571;
    letter-spacing: -0.02em;
	}

	/* webinar1 */
	#webinar1 .intro_txt{
		font-size: 19px;
		letter-spacing: -0.03em;
		padding: 3em 0 1.8em;
	}
	#webinar1 h2{
		width: 62%;
	}
	#webinar1 h3{
		font-size: 22px;
		line-height: 1.363636363636364;
		margin-top: 0.4em;
		letter-spacing: -0.03em;
	}
	#webinar1 h3 .sub_copy {
    font-size: 0.727272727272727em;
	}
	#webinar1 h3 .sp_ls_s{
		letter-spacing: normal;
	}
	#webinar1 .img_wrap{
    width: 41%;
    right: -7%;
    top: -12px;
	}
	#webinar1 .img_wrap figure{
		text-align: center;
	}
	#webinar1 .img_wrap figure img{
		width: 100%;
	}
	#webinar1 .img_wrap .name{
		font-size: 8px;
		line-height: 1.5625;
		width: 104%;
		padding: 1em 1.25em 0.75em;
		position: relative;
    top: -7px;
	}
	#webinar1 .img_wrap .name .name01{
		display: inline-block;
		line-height: 1.1;
		padding-bottom: 0.4em;
	}
	#webinar1 .img_wrap .name .fs_s {
    font-size: 0.777777777777778em;
		position: relative;
		right: -0.05em;
	}
	#webinar1 .img_wrap .name .ls_s{
		letter-spacing: -0.1em;
	}
	#webinar1 .img_wrap .name .char_half{
		margin-left:-0.7em;
	}
	#webinar1 .txt{
		font-size: 14px;
		margin-top: 1.3em;
		line-height: 1.571428571428571;
		padding-bottom: 1.4em;
	}
	#webinar1 .cnt02{
		height: 36.267vw;
	}
	#webinar1 .cnt02::after{
    left: -12.800vw;
    top: 17.333vw;
		-webkit-transform: rotate(-19.5deg);
		-moz-transform: rotate(-19.5deg);
		-ms-transform: rotate(-19.5deg);
		-o-transform: rotate(-19.5deg);
		transform: rotate(-19.5deg);
	}
	#webinar1 .cnt02::before{
		font-size: 2.100vw;
	}
	#webinar1 .btn_apply{
		font-size: 15.85715px;
		max-width: 207px;
		width: 60%;
		margin: 1em auto 0;
	}

	/* webinar2 */
	#webinar2{
		/*margin-top: 11%;*/
	}
	#webinar2 .intro_txt{
		font-size: 19px;
		letter-spacing: -0.03em;
		padding: 3em 0 1.8em;
	}
	#webinar2 h2{
		width: 62%;
	}
	#webinar2 h3{
		font-size: 22px;
		line-height: 1em;
		margin-top: 0.4em;
		margin-bottom: 1.25em;
		letter-spacing: -0.03em;
	}
	#webinar2 h3 .sub_copy {
    font-size: 0.727272727272727em;
	padding: 0.5em 0 0.5em;
    display: inline-block;
	}
	#webinar2 h3 .sp_ls_s{
		letter-spacing: normal;
	}
	#webinar2 .img_wrap{
    width: 36%;
    right: -5%;
    top: 20px;
	}
	#webinar2 .img_wrap figure{
		text-align: center;
	}
	#webinar2 .img_wrap figure img{
		width: 100%;
	}
	#webinar2 .img_wrap .name{
		font-size: 8px;
		line-height: 1.5625;
		width: 104%;
		padding: 1em 0.75em 0.75em;
		position: relative;
		top: 0;
		right: 2%;
	}
	#webinar2 .img_wrap .name .name01{
		display: inline-block;
		line-height: 1.1;
		padding-bottom: 0.4em;
	}
	#webinar2 .img_wrap .name .fs_s,
	#webinar3 .img_wrap .name .fs_s {
    font-size: 0.777777777777778em;
		position: relative;
		right: -0.05em;
	}
	#webinar2 .img_wrap .name .ls_s{
		letter-spacing: -0.1em;
	}
	#webinar2 .img_wrap .name .char_half{
		margin-left:-0.7em;
	}

	#webinar2 .txt{
		font-size: 14px;
		margin-top: 1.3em;
		line-height: 1.571428571428571;
		padding-bottom: 1.4em;
	}

	#webinar2 .btn_apply{
		font-size: 15.85715px;
		max-width: 207px;
		width: 60%;
		margin: 2em auto 0;
	}

	/* webinar3 */
	#webinar3{
		margin-top: 0;
	}
	#webinar3 h2{
		width: 64%;
	}
	#webinar3 h3{
		font-size: 22px;
		line-height: 1.363636363636364;
		margin-bottom: 0.5em;
	}

	#webinar2 .cnt02,
	#webinar3 .cnt02{
		height: 11.800vw;
		max-width: 85.333333333333333%;
		margin: 10px auto 0;
		padding: 1%;
	}
	#webinar2 .cnt02::before,
	#webinar3 .cnt02::before{
		width: 21.831653333333335vw;
		height: 5.510586666666667vw;
	}
	.webinar .cnt02 .inner_wrap {
    border: solid 1px #00dfc5;
	}

	#webinar3 .txt{
		font-size: 14px;
		margin-top: 1.3em;
		line-height: 1.571428571428571;
		padding-bottom: 1.4em;
	}

	#webinar3 .img_wrap .name{
		font-size: 8px;
		line-height: 1.5625;
		width: 100%;
	}

	#webinar3 .img_wrap .name dl{
		display: flex;
	}

	#webinar3 .img_wrap .name dl dt{
		width: 4.25em;
		line-height: 1.45em;
	}
	#webinar3 .img_wrap .name dl dd{
		width: calc(100% - 4.25em);
		line-height: 1.45em;
	}
	#webinar3 .img_wrap .name .name01,
	#webinar3 .img_wrap .name .gest01{
		line-height: 1.5625;
		text-indent: -4.23em;
		display: inline-block;
		padding-left: 4.23em;
	}

	#webinar3 .img_wrap .name .name01 .space{
		display: inline-block;
		width: 1em;
	}

	#webinar3 .btn_apply{
		font-size: 15.85715px;
		max-width: 207px;
		width: 60%;
		margin: 2em auto 0;
	}
	

	/* detail common */
	.detail .inner{
		max-width: 88%;
	}
	.detail .cnt01{
		padding-bottom: 26px;
	}
	.detail .tit01{
		font-size: 23px;
    margin-bottom: 0.85em;
    padding-top: 2.35em;
    line-height: 1.217391304347826;
	}
	.detail .tit01::before{
		width: 95.23355px;
		height: 96.30295px;
		top: 39px;
    left: -19px;
	}
	.detail .txt_intro{
		font-size: 14px;
		line-height: 1.571428571428571;
	}
	.detail .what{
		font-size: 12px;
		padding: 1.2em 0;
	}
	.detail .what h3{
		font-size: 1.166666666666667em;
	}
	.detail .what .txt{
		margin-top: 0.15em;
		line-height: 1.25;
	}
	.detail .tit02{
		font-size: 18px;
		padding: 1.15em 1em 0.8em;
    margin: 1.9em 0 1.15em;
	}
	.detail .illust_tit{
		padding: 0.35em 1em;
		margin: 1.5em 0 1.2em;
		border-radius: 20px;
		font-size: 11.18965px;
		max-width: 380px;
		width: 81%;
		margin: 0 auto 2px;
	}
	.detail .caution{
		font-size: 9px;
	}
	.detail .caution li{
		line-height: 1.333333333333333;
	}
	.detail .important_notes{
		margin-top: 2%;
		font-size: 9px;
	}
	.detail .important_notes .caution{
		margin-top: 0.15em;
	}
	.detail .important_notes .date{
		margin-top: 0.5em;
	}

	.detail .fund_lineup{
		padding-bottom: 3%;
	}
	.detail .fund_lineup .tit{
		font-size: 20.5px;
    margin-bottom: 1.75em;
    padding-top: 1.3em;
		text-align: center;
		letter-spacing: 0.03em;
	}
	.detail .fund_lineup .tit::before{
		content: "";
    display: block;
    width: 17.510517073170732em;
    height: 3.539278048780488em;
    top: 0.3em;
    left: 50%;
    transform: translateX(-50%);
	}
	.detail .fund_lineup .tit span{
		padding-left: 1em;
	}
	.detail .fund_lineup .tit span::before{
		border-width: 0.453006097560976em 0 0.453006097560976em 0.78500243902439em;
		top: 0;
		left: 0px;
		transform: translateY(4%);
	}

	.detail .fund_lineup .flx{
		flex-wrap: wrap;
	}
	.detail .fund_lineup .fund_img{
		width: 50%;
		margin-bottom: 11px;
	}
	.detail .fund_lineup .fund_img p{
		text-align: center;
	}
	.detail .fund_lineup .fund_img p img{
		width: 60%;
	}
	.detail .fund_lineup .fund_link{
		font-size: 13px;
		display: table;
    margin-left: auto;
    margin-right: auto;
		margin-top: 0.75em;
	}
	.detail .fund_lineup .fund_link li + li{
		margin-top: 0.65em;
	}
	.detail .fund_lineup .fund_link a{
		line-height: 1.230769230769231;
	}
	.detail .fund_lineup .fund_link a:hover{
		text-decoration: none;
	}

	/* detail1 */
	#detail1 .txt_intro{
		margin-bottom: 0.85em;
	}
	#detail1 .what .sdgs_img{
		margin-top: 0.95em;
	}
	#detail1 .img_box{
		margin-bottom: 5%;
	}
	#detail1 .img_box_header{
		padding: 7% 5% 4.8% 5%;
	}
	#detail1 .img_box_header:after{
		border-width: 21.0035px 15.52415px 0 15.52415px;
	}
	#detail1 .img_box_header h4{
		font-size: 20px;
		margin-bottom: 0.2em;
	}
	#detail1 .img_box_header p{
		font-size: 13px;
		line-height: 1.346153846153846;
	}
	#detail1 .img_box_header .sdgs_ico{
		width: 52px;
	}
	#detail1 .img_box_body{
		min-height: 165.95px;
		padding: 4.3% 5% 4.8% 5%;
	}
	#detail1 .img_box_body h4{
		font-size: 24px;
		text-indent: -0.5em;
		margin-bottom: 0.35em;
	}
	#detail1 .img_box_body p{
		font-size: 14px;
		line-height: 1.428571428571429;
		letter-spacing: -0.03em;
	}
	#detail1 .block02 .pc__flx .flx_item:nth-of-type(1){
		width: 100%;
	}
	#detail1 .block02 .pc__flx .flx_item:nth-of-type(2){
		width: 100%;
	}

	#detail1 .future02{
		margin-top: 8%;
	}
	#detail1 .future03{
		margin-top: 8%;
	}
	#detail1 .future02 .illust{
		margin: 0px 0 3%;
	}
	#detail1 .future03 .illust{
    margin: 5% 0 0;
    width: 103%;
    position: relative;
    left: 0;
    transform: translateX(-2%);
	}
	#detail1 .fund_lineup .fund_img:nth-of-type(1) li {
		text-align: left;
	}
	#detail1 .caution.photo{
		margin-top: 7%;
	}
	#detail1 .fund_lineup .fund_img{
		margin-bottom: 19px;
	}

	/* detail2 */
	#detail2 .what,
	#detail3 .what{
		margin-top: 1em;
	}
	#detail2 .tit02{
		padding: 1.05em 1em 1em;
	}
	#detail2 .intro_illust{
		margin-top: 5%;
	}
	#detail2 .intro_illust .caption{
		font-size: 9px;
		margin-top: 10px;
	}
	#detail2 .img_list h4{
    font-size: 16px;
		margin-bottom: 0.5em;
	}
	#detail2 .img_list .txt{
    font-size: 13px;
		line-height: 1.230769230769231;
	}
	#detail2 .flx_item + .flx_item{
    margin-top: 15px;
	}
	#detail2 .sp__flx .img_box{
    width: 36%;
	}
	#detail2 .sp__flx .txt_box{
    width: 60%;
	}
	#detail2 .fund_lineup .flx {
    align-items: baseline;
	}
	#detail2 .fund_img:last-child .fund_link {
		padding-left: 0;
	}

	/* detail3 */
	#detail3 .intro_illust{
		margin-top: 5%;
	}
	#detail3 .intro_illust .caption{
		font-size: 9px;
		margin-top: 10px;
	}
	#detail3 .eco h4{
		font-size: 16px;
		line-height: 1.2;
	}
	#detail3 .eco .txt_box p{
		font-size: 13px;
		line-height: 1.230769230769231	;
		margin-top: 1em;
	}
	#detail3 .eco .illust_tit{
		width: 95%;
		margin-bottom: 0;
		margin-top: 2%;
	}
	#detail3 .eco .illust_tit span{
		font-size: 0.8em;
	}
	#detail3 .eco .illust_box .caution{
		margin-top: 1.5em;
	}

	#detail3 .point{
		background-color: #ffff47;
		padding: 18px 14px 10px;
		position: relative;
		margin-top: 29px;
	}
	#detail3 .point::before{
		content: "";
		display: block;
		position: absolute;
		top: -30px;
		left: 127px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 29.4004px 50.3999px 29.4004px;
		border-color: transparent transparent #ffff47 transparent;
		z-index: 1;
	}
	#detail3 .point h4{
		font-size: 22px;
		position: relative;
		z-index: 10;
		margin: 0 0 20px 70px;
	}
	#detail3 .point .inner_box{
		background-color: #fff;
		padding: 17px 10% 17px;
	}
	#detail3 .point .inner_box .flx_item{
		width: 100%;
	}
	#detail3 .point .inner_box .flx_item + .flx_item{
		margin-top: 8%;
	}
	#detail3 .point .inner_box .caution{
		margin-top: 20px;
	}
	#detail3 .important_notes {
    margin-top: 17px;
	}
	#detail3 .fund_lineup .tit {
    text-align: left;
		line-height: 1.3;
		margin-left: 1.5%;
	}
	#detail3 .fund_lineup .fund_img {
    width: calc(100% / 3);
    margin-bottom: 11px;
	}
	#detail3 .fund_lineup .fund_img img{
    width: 89%;
	}
	#detail3 .fund_lineup .fund_list{
    width: 100%;
	}
	#detail3 .fund_lineup .fund_list::after{
		display: block;
		content:"";
    width: calc(100% / 3);
	}

	/* footer */
	.company-info .company-name p {
		text-align: center;
	}
}

@media screen and (min-width: 413px) and (max-width: 768px) {
	#mv .mv_bg{
		height: 330px;
		min-height: auto;
		background-image: none;
		background-size: cover;
		padding-top: 92px;
		background-color: #00dfc5;
		position: relative;
		margin-bottom: 37vw;
		z-index: 10;
	}
	#mv .mv_bg:after{
		content: "";
		display: block;
		width: 100%;
		height: 36vw;
		background-image: url(../images/mv_bg_sp_after.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		position: absolute;
		bottom: 1px;
		left: 50%;
		transform: translateY(100%) translateX(-50%);
		z-index: -1;
	}
}
@media screen and (min-width: 500px) and (max-width: 768px) {
	#mv .mv_bg{
		height: 260px;
	}
}

@media screen and (max-width: 500px) {
	#detail3 .fund_lineup .fund_link li .ls_s{
    letter-spacing: -0.15em;
	}
}

@media screen and (max-width: 374px) {
	.coming_soon::after{
		width: 18.133333333333333vw;
		height: 2.933333333333333vw;
	}

	/* tab */
	.tab_wrap{
		border-bottom: solid 1.6vw #000;
	}
	.tab_wrap .tab_inner li{
		border-top-left-radius:2.933333333333333vw;
		border-top-right-radius:2.933333333333333vw;
	}
	.tab_wrap .tab_inner li a{
		border-top-left-radius:2.933333333333333vw;
		border-top-right-radius:2.933333333333333vw;
    font-size: 3.4666666666666663vw;
	}

	/* TOP_Webinar */
	header{
		padding: 5px 0;
	}
	header #TOP_Webinar time svg{
		width: 22.666666666666664vw;
	}
	header #TOP_Webinar .tit{
		font-size: 6.133333333333333vw;
	}
	header #TOP_Webinar .txt_area{
		font-size: 3.4666666666666663vw;
	}
	header #TOP_Webinar .btn_apply{
		border-radius: 2.533333333333333vw;
		margin-left: 1.0666666666666667vw;
		font-size: 3.733333333333334vw;
	}
	header #TOP_Webinar .sp__flx .sp__flx_item:nth-of-type(1){
		padding-top: 1.0666666666666667vw;
	}
	header #TOP_Webinar .sp__flx .sp__flx_item:nth-of-type(2){
		padding: 2.933333333333333vw;
	}
	header #TOP_Webinar time {
    width: 15.466666666666667vw;
	}
	header #TOP_Webinar .txt_area .txt {
    font-size: 3.733333333333334vw;
	}
	/* mv */
	#mv .mv_bg{
		padding-top: 24.53333333333333vw;
	}
	#mv .mv_news{
		font-size: 3.2vw;
		padding-top: 5.333333333333334vw;
	}
	#mv h1{
		font-size: 13.733333333333334vw;
		margin-top: 13.333333333333334vw;
	}
	#mv .mv_txt{
		font-size: 3.733333333333334vw;
	}
	#mv .mv_intro{
		font-size: 5.2vw;
	}

	/* webinar_intro */
	#webinar_intro .intro_tit {
		width: 51.44245333333334vw;
	}
	#webinar_intro .intro_txt {
    font-size: 3.733333333333334vw;

	}
	/* webinar1 */
	#webinar1 .intro_txt{
		font-size: 5.067vw;
	}
	#webinar1 h3{
		font-size: 5.867vw;
	}
	#webinar1 .img_wrap{
    top: -5.867vw;
	}
	#webinar1 .img_wrap .name{
		font-size: 2.133vw;
	}
	#webinar1 .txt{
		font-size: 3.733vw;
	}
	#webinar1 .btn_apply{
		font-size: 3.200vw;
	}

	/* webinar2 */
	#webinar2 .intro_txt{
		font-size: 5.067vw;
	}
	#webinar2 h3{
		font-size: 5.867vw;
	}
	#webinar2 .img_wrap{
    top: -5.867vw;
	}
	#webinar2 .img_wrap .name{
		font-size: 2.133vw;
	}
	#webinar2 .txt{
		font-size: 3.733vw;
	}
	#webinar2 .btn_apply{
		font-size: 3.200vw;
	}

	/* webinar3 */
	#webinar3 h3{
		font-size: 5.867vw;
	}


	/* detail common */
	.detail .cnt01{
		padding-bottom: 6.933333333333333vw;
	}
	.detail .tit01{
		font-size: 6.133333333333333vw;
	}
	.detail .tit01::before{
		width: 25.395613333333333vw;
		height: 25.680786666666666vw;
		top: 10.4vw;
    left: -5.066666666666666vw;
	}
	.detail .txt_intro{
		font-size: 3.733333333333334vw;
	}
	.detail .what{
		font-size: 3.2vw;
	}
	.detail .tit02{
		font-size: 4.8vw;
	}
	.detail .illust_tit{
		border-radius: 5.333333333333334vw;
		font-size: 2.983906666666667vw;
		margin: 0 auto 0.5333333333333333vw;
	}
	.detail .caution{
		font-size: 2.4vw;
	}
	.detail .important_notes{
		font-size: 2.4vw;
	}
	.detail .fund_lineup .tit{
		font-size: 5.466666666666667vw;
	}
	.detail .fund_lineup .fund_img{
		margin-bottom: 2.933333333333333vw;
	}
	.detail .fund_lineup .fund_link{
		font-size: 3.4666666666666663vw;
	}

	/* detail1 */
	#detail1 .img_box_header:after{
		border-width: 5.600933333333333vw 4.139773333333333vw 0 4.139773333333333vw;
	}
	#detail1 .img_box_header h4{
		font-size: 5.333333333333334vw;
	}
	#detail1 .img_box_header p{
		font-size: 3.4666666666666663vw;
	}
	#detail1 .img_box_header .sdgs_ico{
		width: 13.866666666666665vw;
	}
	#detail1 .img_box_body{
		min-height: 44.25333333333333vw;
	}
	#detail1 .img_box_body h4{
		font-size: 6.4vw;
	}
	#detail1 .img_box_body p{
		font-size: 3.733333333333334vw;
	}

	/* detail2 */
	#detail2 .intro_illust .caption{
		font-size: 2.4vw;
		margin-top: 2.666666666666667vw;
	}
	#detail2 .img_list h4{
    font-size: 4.266666666666667vw;
	}
	#detail2 .img_list .txt{
    font-size: 3.4666666666666663vw;
	}
	#detail2 .flx_item + .flx_item{
    margin-top: 4vw;
	}


	/* detail3 */
	#detail3 .intro_illust .caption{
		font-size: 2.4vw;
		margin-top: 2.666666666666667vw;
	}
	#detail3 .eco h4{
		font-size: 4.266666666666667vw;
	}
	#detail3 .eco .txt_box p{
		font-size: 3.4666666666666663vw;
	}
	#detail3 .point{
		padding: 4.8vw 3.733333333333334vw 2.666666666666667vw;
		margin-top: 7.733333333333333vw;
	}
	#detail3 .point::before{
		top: -8vw;
		left: 33.86666666666667vw;
		border-width: 0 7.840106666666667vw 13.439973333333333vw 7.840106666666667vw;
	}
	#detail3 .point h4{
		font-size: 5.866666666666666vw;
		margin: 0 0 5.333333333333334vw 18.666666666666668vw;
	}
	#detail3 .point .inner_box{
		padding: 4.533333333333333vw 10% 4.533333333333333vw;
	}
	#detail3 .point .inner_box .caution{
		margin-top: 5.333333333333334vw;
	}
	#detail3 .important_notes {
    margin-top: 4.533333333333333vw;
	}
	#detail3 .fund_lineup .fund_img {
    margin-bottom: 2.933333333333333vw;
	}
	#detail3 .eco .illust_tit {
    width: 95%;
	}
}

@media screen and (max-width: 319px) {
	#mv .mv_bg{
		height: 91.07142857142857vw;
		min-height: auto;
		background-image: none;
		background-size: cover;
		background-color: #00dfc5;
		position: relative;
		margin-bottom: 43vw;
		z-index: 10;
	}
	#mv .mv_bg:after{
		content: "";
		display: block;
		width: 100%;
		height: 71.42857142857143vw;
		background-image: url(../images/mv_bg_sp_after.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		position: absolute;
		bottom: 2px;
		left: 50%;
		transform: translateY(100%) translateX(-50%);
		z-index: -1;
	}
}


/* << タブレット以上固定 >> */
@media (min-width: 768px) {
	body {
		/* min-width:1088px; */
		min-width: 1274px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* << Windowsブラウザのみに適用 >> */
.win #mv h1 .period{
	top: -0.4em;
}

/* << IEのみに適用 >> */
@media all and (-ms-high-contrast: none) {
	#mv h1 .period{
		top: 0!important;
		left: -0.4em;
	}
	header #TOP_Webinar time svg{
		height: 26px;
	}
	header #TOP_Webinar .btn_apply {
    padding: 0.55em 0.25em 0.3em;
	}
	.webinar .cnt02::before {
    top: 53%;
	}
	#webinar1 .btn_apply {
    padding: 0.7em 0.7em 0.4em;
	}
	#webinar1 .img_wrap .name{
		padding: 0.8em 0.45em 0.5em 1em;
	}
	#webinar2 .btn_apply {
		padding: 0.7em 0.7em 0.4em;
	}
	#webinar2 .img_wrap .name{
		padding: 0.8em 0.45em 0.5em 1em;
	}
	.detail .illust_tit{
		padding: 0.4em 1em 0.1em;
	}
	.detail .tit02{
		padding: 0.85em 0.7em 0.5em;
	}
	#details_here .here_header h2 a{
		padding: 0.8em 2.4em 0.5em 1.5em;
	}
}

/* << IEのみに適用（769px以上） >> */
@media all and (-ms-high-contrast: none)  and (min-width: 769px){
	.detail .fund_lineup .tit span::before {
    top: 35%;
	}
}
/* << IEのみに適用（768px以下） >> */
@media all and (-ms-high-contrast: none)  and (max-width: 768px){
	#mv .mv_bg:after {
    bottom: 2px;
	}
	.detail .fund_lineup .tit span::before {
    top: -10%;
	}

}

/*20211018 archive area*/

.archive{
	padding-top: 9em;
}

.archive .inner_s{
	border: 10px solid #ffffff;
	box-sizing: border-box;
	position: relative;
	background-color: #ffff47;
}

.icon_archive{
	width: 15em;
	position: absolute;
	top: -5em;
	left: -10px;
}

#webinar1.archive .cnt01,
#webinar2.archive .cnt01{
	padding: 2em 3em 0;
}

#webinar1.archive .img_wrap{
	max-width: 229px;
	right: 45px;
	top: 40px;
	bottom: auto;
}

#webinar1.archive .img_wrap .name{
	width: 114%;
	bottom: 0;
	right: -7%;
}

#webinar1.archive .btn_apply,
#webinar2.archive .btn_apply{
	background-color: #ffffff;
	margin: 0.5em auto 1.3em;
}

@media screen and (max-width: 767px) {
	.archive{
		padding-top: 15vw;
	}

	.archive .inner_s{
		width: 100%;
		max-width: 100%;
		border: 2vw solid #ffffff;
	}

	.icon_archive{
		width: 30vw;
		top: -9vw;
		left: -2vw;
	}

	#webinar1.archive .cnt01,
	#webinar2.archive .cnt01{
		padding: 5vw 5vw 0;
	}

	#webinar1.archive .img_wrap{
		width: 30%;
		right: 3%;
		top: 5vw;
	}

	#webinar1.archive .img_wrap .name{
		width: 120%;
		right: 10%;
	}

	#webinar1.archive .btn_apply,
	#webinar2.archive .btn_apply{
		margin: 0 auto 1.4em;
		box-shadow: none;
	}
}

.caution_list{
	margin: 1em auto 0;
}

.caution_list li{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: bold;
	line-height: 1.75;
	text-indent: -1em;
	padding-left: 1em;
}

@media screen and (max-width: 767px) {
	.caution_list{
		font-size: 14px;
		line-height: 1.571428571428571;
		max-width: 85.333333333333333%;
		margin: 8.266666666666667% auto 0;
	}
}