@charset "utf-8";

.alignright {
	text-align: right;
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.ib{
  display: inline-block;
}
img{
	max-width: 100%;
	height: auto;
	display: block;
}
a:hover img {
	opacity: 0.7;
	transition: 0.3s opacity;
}

.button{
	margin:40px 0 50px;
}
.button a{
	display: inline-block;
	text-decoration: none;
	border-radius: 20px;
	min-width: 170px;
	text-align: center;
	font-size: 1em;
	line-height: 1.375;
	font-weight: 500;
	background: #c2b317;
	color: #fff;
}

.button a:hover{
  opacity: 0.7;
  transition: 0.3s opacity;
}


.content-wrap .content .inner h3{
	font-size: 1.5em;
	line-height: 1.33;
	font-weight: 400;
	margin:50px 0 20px;
	font-family: "Kosugi Maru", "Noto Sans JP", sans-serif;
}
.content-wrap .content .inner h3:first-child{
	margin-top: 0;
}
.content-wrap .content .inner h3+p{
	margin-bottom: 30px;
}

.content-wrap .content .inner h4{
	font-size: 1em;
	line-height: 1.75;
	font-weight: 500;
	margin: 15px 0 0;
}
.content-wrap .content .inner h4:before{
	content:"●";
	color: #c2b317;
}
.content-wrap .content .inner h4:first-child{
	margin-top: 0;
}
.content-wrap .content .inner h4+p{
	margin: 0 0 0;
	font-size: 0.875em;
	margin-left: 1em;
}

.content-wrap .content .inner h5{
	font-size: 1em;
	line-height: 1.75;
	font-weight: 500;
	color: #c2b317;
	margin: 15px 0 0;
}
.content-wrap .content .inner h5+p{
	margin: 0 0 0;
}

.content-wrap .content .inner h6{
	font-size: 1em;
	line-height: 1.75;
	font-weight: 500;
	margin: 15px 0 0;
}

.content-wrap .content .inner h5+h6{
	margin-top: 0;
}
.content-wrap .content .inner h6.course{
	margin-left: 2em;
	text-indent: -1em;
}
.content-wrap .content .inner h6.course:before{
	content:"▶";
	color: #c2b317;
}

.content-wrap .content .inner p{
	font-size: 1em;
	line-height: 1.375;
	font-weight: 500;
	margin: 15px 0 0;
}
.content-wrap .content .inner p.arrow{
	margin-left: 2em;
	text-indent: -1em;
}
.content-wrap .content .inner p.arrow:before{
	content:"→";
}
.content-wrap .content .inner .mt0{
	margin-top:0;
}
.content-wrap .content .inner .small{
	font-size: 0.875em;
}


.content-wrap .content .inner ul{
	font-size: 1em;
	line-height: 1.75;
	font-weight: 500;
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
}
.content-wrap .content .inner ul li{
	margin-left: 1em;
	text-indent: -1em;
}
.content-wrap .content .inner ul li:before{
	content:"●";
	color: #c2b317;
}

.content-wrap .content .inner *+ul.course{
	margin-top: 0;
}
.content-wrap .content .inner ul.course{
}
.content-wrap .content .inner ul.course li{
	margin-left: 3em;
	text-indent: -1em;
}
.content-wrap .content .inner ul.course li:before{
	content:"〇";
	color: #000000;
}
.content-wrap .content .inner figure{
	margin: 0;
}
.content-wrap .content .inner figure img{
	width: 100%;
}
.content-wrap .content .inner .button{
	margin: 30px 0 50px;
}


.content-wrap .content .inner .box{
	margin-top: 25px;
	background: #f6f5ea;
	padding: 15px 20px;
}
.content-wrap .content .inner .box h4{
	font-size: 1.25em;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 15px;
}
.content-wrap .content .inner .box h4:before{
	content:"";
}

.content-wrap .content .inner .box h5{
	font-size: 1em;
	line-height: 1.75;
	font-weight: 500;
	color: #000000;
	margin: 0;
}
.content-wrap .content .inner .box p{
	font-size: 1em;
	line-height: 1.375;
	font-weight: 500;
	margin:0 0 15px;
}

.content-wrap .content .interview-heading{
	display: flex;
}
.content-wrap .content .interview-heading .image{
	width: 29.6%;
}
.content-wrap .content .interview-heading .image img{
	width: 100%;
}
.content-wrap .content .interview-heading .text-wrap{
	flex:1;
	display: flex;
	align-items:center;
	padding: 35px 45px 35px 55px;
}
.content-wrap .content .interview-heading p{
	font-size: 0.875em;
	line-height: 1.62;
	font-weight: 500;
	margin: 25px auto 0;
}
.content-wrap .content .interview-heading p.affiliation{
	text-align: right;
	font-size: 1em;
	line-height: 1.68;
	font-weight: 500;
	margin: 25px 2em 0 auto;
	font-family: "Kosugi Maru", "Noto Sans JP", sans-serif;
}
.content-wrap .content .interview-heading p.name{
	text-align: right;
	font-size: 1.25em;
	line-height: 2.25;
	font-weight: 500;
	margin: 5px auto 0;
	font-family: "Kosugi Maru", "Noto Sans JP", sans-serif;
}
.content-wrap .content .interview-heading p.name span.small{
	font-size: 0.8em;
}


.content-wrap .content h3.message{
	font-size: 1.75em;
	line-height: 1.28;
	font-weight: 700;
	font-family: "Noto Serif JP", serif;
	color: #004097;
	margin:0 0 25px;
}
.content-wrap .content p.message{
	text-align: right;
	font-size: 1em;
	line-height: 1.68;
	font-weight: 500;
	font-family: "Kosugi Maru", "Noto Sans JP", sans-serif;
}
.content-wrap .content p.message span.affiliation{
	font-size: 1em;
}
.content-wrap .content p.message span.name{
	font-size: 1.25em;
}
.content-wrap .content p.message span.name span.small{
	font-size: 0.8em;
}

#layout-wrap .content-wrap .content .inner+.inner{
	padding-top: 0;
}

.content-wrap .content .inner{
	counter-reset: qa;
}

.content-wrap .content .inner h4.qa{
	font-size: 1em;
	line-height: 1.375;
	font-weight: 500;
	color: #00000;
	margin: 15px 0 0;
}
.content-wrap .content .inner h4.qa:first-child{
	margin-top: 0;
}
.content-wrap .content .inner h4.qa:before{
	content: "Q"counter(qa)"　";
	counter-increment: qa;
	color: #009fe8;
}
.content-wrap .content .inner h4.qa+p{
	line-height: 1.375;
	font-size: 0.875em;
	margin: 5px 0 0 
}
.content-wrap .content .inner h4.qa+p:before{
	content: "A　";
	color: #e60012;
	margin: 0 0 
}