@charset "utf-8";

.pc {
	display: none !important;
}


#content-image .subtitle {
	position: absolute;
	top: calc(90vw - 30px);
	transform: translateY(-100%);
	z-index: 10000;
}
#content-image .subtitle span {
	display: inline-block;
	padding: 8px 8px;
	font-size: 15px;
	font-weight: 500;
	background: #fff;
}
#content-image .article span.note {
	position: relative;
	top: -1px;
	font-size: 14px;
	color: #4B4B4B;
}


#content-image .article {
	margin-top: 0px;
}









.entry-list {
	margin: 30px 20px 0;
}
.entry-list > ul {
}
.entry-list > ul > li {
}
.entry-list > ul > li + li {
	margin-top: 30px;
}
.entry-list > ul > li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 60px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	border-radius: 30px;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	
	transition: all 300ms ease-out;
}


.entry-list > ul > li a strong {
	font-weight: 500;
}
.entry-list > ul > li a i {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	border-radius: 11px;
	background: #fff;
}
.entry-list > ul > li a i svg {
	width: 8px;
	height: 8px;
}
.entry-list li:nth-child(1) a {
	background: #FF6F46;
}
.entry-list li:nth-child(2) a {
	background: #165D89;
}

.entry-list li:nth-child(1) path {
	fill: none;
	stroke: #FD6F46;
	stroke-width: 2;
	stroke-miterlimit: 10;
}
.entry-list li:nth-child(2) path {
	fill: none;
	stroke: #165D89;
	stroke-width: 2;
	stroke-miterlimit: 10;
}


.entry-list dl {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	margin: 15px 0 0;
	padding: 15px;
	border: 1px solid #c7c7c7;
	background: #F7FCFF;
}
.entry-list dt {
	text-align: center;
	font-size: 14px;
	font-weight: 700;
}
.entry-list dd {
	margin: 15px 0 0;
}
.entry-list dd li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 13px;
	line-height: 1.6;
}
.entry-list dd li::before {
	content: "・";
	text-indent: 0;
}
.entry-list dd li + li {
	margin-top: 4px;
}


.entry-list li:nth-child(1) dt {
	color: #FF6F46;
}
.entry-list li:nth-child(2) dt {
	color: #165D89;
}





.dtf-column {
	box-sizing: border-box;
	margin: 0 20px;
}
.dtf-column .title h2 {
	font-size: 26px;
	font-weight: 400;
	line-height: 1.4;
	color: #165D89;
}
.dtf-column .title .ruby {
	margin: 12px 0 0;
	font-size: 13px;
	font-weight: 500;
	color: #165D89;
}


.dtf-column.about {
	margin-top: 50px;
}
.dtf-column.about .box {
	display: flex;
	flex-direction: column-reverse;
	margin: 40px 0 0;
}
.dtf-column.about .box .text {
	box-sizing: border-box;
	margin: 30px 0 0;
}
.dtf-column.about .box .image {
	display: flex;
	justify-content: center;
	align-items: center;
}

.dtf-column.about .box .text p {
	font-size: 15px;
	line-height: 1.7;
}
.dtf-column.about .box .text p br {
	display: none;
}
.dtf-column.about .box .text p + p {
	margin-top: 15px;
}
.dtf-column.about .box .image img {
	width: 160px;
	height: auto;
}




#eir {
	margin-top: 60px;
}
#eir > h2 {
	text-align: center;
	line-height: 1;
	background: #FF6F46;
}
#eir > h2 strong {
	display: inline-block;
	padding: 2px 2px 2px 12px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8;
	color: #FF6F46;
	background: #fff;
}
#eir .feature {
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 12px 16px;
	font-size: 15px;
	line-height: 1.6;
	border: 2px solid #FF6F46;
	border-radius: 10px;
}
#eir .feature br {
	display: none;
}
#eir .feature .note {
	margin: 10px 0 0;
	font-size: 12px;
	color: #4B4B4B;
}
#eir > dl {
	box-sizing: border-box;
	margin: 25px auto 0;
	font-size: 14px;
	line-height: 1.6;
}
#eir > dl > dt {
	margin: 0 0 5px;
	font-weight: 700;
}


#eir .title {
	margin-top: 60px;
	margin-bottom: 20px;
}

.merit {
	box-sizing: border-box;
	border: 1px solid #C9C9C9;
}
.merit > ul > li {
	box-sizing: border-box;
	width: 100%;
	padding: 16px 16px;
	background: #F7FCFF;
}

#eir .merit > ul > li  {
}
#researcher .merit > ul > li  {
}


.merit > ul > li:nth-child(2n) {
	background: #FAFAFA;
}
.merit > ul > li + li {
	border-top: 1px solid #C9C9C9;
}
.merit .image {
	text-align: center;
}
.merit .image img {
	width: 80px;
	height: auto;
}
.merit dl {
}
.merit dt {
	margin: 20px 0 0;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
}
.merit dd {
	margin: 15px 0 0;
}

.merit dd li {
	padding-left: 1em;
	text-indent: -1em;
	font-size: 13px;
	line-height: 1.6;
}
.merit dd li::before {
	position: relative;
	display: inline-block;
	width: 1em;
	content: "-";
	text-indent: 0;
	top: -1px;
}
.merit dd li + li {
	margin-top: 5px;
}








.resource {
	box-sizing: border-box;
}
.resource > ul {
	border: 1px solid #C9C9C9;
}
.resource > ul > li {
	box-sizing: border-box;
}
.resource > ul > li + li {
	border-top: 1px solid #C9C9C9;
}

.resource > ul > li {
	background: #F7FCFF;
}
.resource > ul > li:nth-child(2n - 1) {
	background: #FAFAFA;
}


.resource .image {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 100px;
	background: #fff;
}
.resource .image img {
	width: auto;
	height: 80px;
}
.resource li:nth-child(5) .image img {
	width: auto;
	height: 70px;
	margin-bottom: 10px;
}

.resource dt {
	padding: 10px 0 10px;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	color: #165D89;
	background: #fff;
}
.resource dd {
	padding: 15px 15px;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.6;
}












#researcher {
	margin-top: 80px;
}
#researcher > h2 {
	text-align: center;
	line-height: 1;
	background: #165D89;
}
#researcher > h2 strong {
	display: inline-block;
	padding: 2px 12px 2px 12px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8;
	color: #165D89;
	background: #fff;
}

#researcher .feature {
	box-sizing: border-box;
	margin: 30px auto 0;
	padding: 12px 16px;
	font-size: 15px;
	line-height: 1.6;
	border: 2px solid #165D89;
	border-radius: 10px;
}
#researcher .feature br {
	display: none;
}
#researcher .feature .note {
	margin: 10px 0 0;
	font-size: 12px;
	color: #4B4B4B;
}
#researcher > dl {
	box-sizing: border-box;
	margin: 25px auto 0;
	font-size: 14px;
	line-height: 1.6;
}
#researcher > dl > dt {
	margin: 0 0 5px;
	font-weight: 700;
}


#researcher .title {
	margin-top: 60px;
	margin-bottom: 20px;
}











.dtf-contact {
	margin: 80px 0 0;
	border: 0 solid #c9c9c9;
	border-width: 1px 0;
}
.dtf-contact .header {
	height: 180px;
	background: #FAFAFA url(../img/dtf/contact_sp.png) 50% 50% no-repeat;
	background-size: auto 140px;
}

.dtf-contact .links {
	padding: 30px 20px 20px;
	background: #FFF1A8;
}
.dtf-contact .links ul {
	margin: 0 auto;
}
.dtf-contact ul li + li {
	margin-top: 20px;
}
.dtf-contact li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 70px;
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	border-radius: 35px;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	
	transition: all 300ms ease-out;
}

.dtf-contact li a strong {
	font-weight: 500;
}
.dtf-contact li a i {
	position: absolute;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 16px;
	height: 16px;
	right: 16px;
	top: calc(50% - 8px);
	border-radius: 8px;
	background: #fff;
}
.dtf-contact li a i svg {
	width: 8px;
	height: 8px;
}
.dtf-contact li:nth-child(1) a {
	background: #FF6F46;
}
.dtf-contact li:nth-child(2) a {
	background: #165D89;
}

.dtf-contact li:nth-child(1) path {
	fill: none;
	stroke: #FD6F46;
	stroke-width: 2;
	stroke-miterlimit: 10;
}
.dtf-contact li:nth-child(2) path {
	fill: none;
	stroke: #165D89;
	stroke-width: 2;
	stroke-miterlimit: 10;
}

.dtf-contact li dl {
	text-align: center;
}
.dtf-contact li dt {
	font-size: 17px;
	font-weight: 500;
}
.dtf-contact li dd {
	margin: 10px 0 -2px;
	font-size: 13px;
	font-weight: 500;
}

.dtf-contact .extra {
	margin: 20px 0 0;
	text-align: center;
}
.dtf-contact .extra a {
	display: inline-block;
	padding-right: 16px;
	color: #165D89;
	font-size: 13px;
	text-decoration: underline;
	background: url(../img/dtf/arrow_mini.svg) 100% 50% no-repeat;
	background-size: 12px auto;
}


.dtf-contact dd em {
	position: relative;
	display: inline-block;
	width: 18px;
	height: 18px;
	top: -1px;
	margin: 0 0 0 8px;
	background: url(../img/dtf/icon_app.svg) 100% 50% no-repeat;
	background-size: 18px auto;
	vertical-align: middle;
}



.pickup-column .inner {
	padding-top: 0;
	border-top: 0;
}







#dtf-banner {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	z-index: 100;
	margin: 0 0 -40px;
}
#dtf-banner > div:nth-child(1),
#dtf-banner > div:nth-child(2) {
	width: 50%;
	height: 60px;
}
#dtf-banner > div:nth-child(3) {
	width: 100%;
	height: 40px;
}

#dtf-banner > div.box a {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
	padding: 5px 5px 0;
	cursor: pointer;
}


#dtf-banner > div.eir a {
	background: #FF7953;
}
#dtf-banner > div.researcher a {
	background: #237AB1;
}

#dtf-banner > div.box dl {
	width: 100%;
}
#dtf-banner > div.box dt {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 26px;
	font-size: 13px;
	font-weight: 500;
	background: #fff;
}
#dtf-banner > div.box dd {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 29px;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
}
#dtf-banner > div.box dd em {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	top: 0;
	margin: 0 0 0 5px;
	background: url(../img/dtf/icon_app.svg) 100% 50% no-repeat;
	background-size: 15px auto;
	vertical-align: middle;
}


#dtf-banner > div:nth-child(3) a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 40px;
	background: #003162;
}
#dtf-banner > div:nth-child(3) dl {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
}
#dtf-banner > div:nth-child(3) dt {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.5;
	text-align: center;
}
#dtf-banner > div:nth-child(3) dt br {
	display: none;
}
#dtf-banner > div:nth-child(3) dd {
	position: relative;
	top: -1px;
	margin-left: 12px;
	font-size: 18px;
	font-weight: 500;
}



#floating-banner-common {
	display: none !important;
}









#mentors {
	position: relative;
	margin-top: 80px;
}
#mentors .title {
	padding-top: 25px;
	border-top: 1px solid #c9c9c9;
}
.mentor-list {
	margin: 25px 0 0;
}
.mentor-list li {
}
.mentor-list li + li {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #c9c9c9;
}
.mentor-list .thumb {
}
.mentor-list .detail {
	margin: 20px 0 0;
}

.mentor-list .thumb img {
	box-sizing: border-box;
	width: 100%;
	height: auto;
	border: 1px solid #c9c9c9;
}
.mentor-list dt {
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}
.mentor-list dd {
	margin: 10px 0 0;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.7;
}
.mentor-list .profile {
	margin: 15px 0 0;
}
.mentor-list p {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.75;
}

.mentor-list .mark {
	color: #165D89;
	font-weight: 700;
}


.mentor-list .more {
	display: flex;
	justify-content: center;
	margin: 30px 0 0;
}
.mentor-list .more a {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 120px;
	height: 40px;
	padding: 3px 0 0;
	color: #165D89;
	font-size: 13px;
	font-weight: 500;
	font-family: Overpass, sans-serif;
	border: 1px solid #165D89;
	cursor: pointer;
	transition: all 300ms ease-out;
}
.mentor-list .more a:hover {
	opacity: 0.7;
}

.mentor-list .expander {
	overflow: hidden;
}
.mentor-list .expander.ready {
	transition: all 800ms ease-out;
}