@charset "utf-8";

.content_wrapper .character-name{
	width:90%;
	margin:30px auto 0;
	padding:0;
	position: relative;
}
.content_wrapper .character-name img{
	width:100%;
}
.character-name h3{
	display:block;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	line-height:1.0;
	margin:0;
}
@media screen and ( min-width:760px ) { /* PC === */
	.character-name h3{
		font-size:40px;
	}
	.character-name h3 span{
		font-size:30px;
	}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
	.character-name h3{
		font-size:20px;
	}
	.character-name h3 span{
		font-size:15px;
	}
}
.character-name div{
	width:90%;
	position: absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	line-height:0;
}
@media screen and ( min-width:760px ) { /* PC === */
	.character-name div a{
		width:40px;
	}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
	.character-name div a{
		width:30px;
	}
}
.character-name div a.prev{
	float:left;
}
.character-name div a.next{
	float:right;
}
.character-name div a img{
	width:100%;
}



/* slide */
.slide {
  position: relative;
  margin: 20px 0 0 0;
  padding: 0;
}
.slide .item {
  position: relative;
  height: 100%;
}
.slide .item::before {
  display: block;
  padding-top: 100%;
  content: "";
  position: relative;
  overflow: hidden;
}
.slide .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}
.slide > .slick-list,
.slide > .slick-list > .slick-track,
.slide > .slick-list > .slick-track > .slick-slide > div {
  position: relative;
  height: 100%;
}

/* slide-navigation */

.slide-navigation {
	width:90%;
	margin:0 auto;
  position: relative;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.slide-navigation .item {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  width: calc(33.33% - 10px);
  height: 100%;
}
  .slide-navigation .item:nth-child(n+1){
  	margin-right: 15px;
  }
  .slide-navigation .item:nth-child(3n){
  	float: right;
  	margin-right: 0;
  }


.slide-navigation .item::before {
  display: block;
  padding-top: 118%;
  content: "";
}
.slide-navigation .item img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  width: 100%;
}

.kenkyu-tit{
	position: relative;
	margin-top: 100px;
}

.content_wrapper h4{
	background-color: #00469b;
	clip-path: polygon(30px 0, 100% 0, 100% 100%, 0 100%, 0 30px);
	border: 0;
	color:#fff;
	text-align: left;
}
@media screen and ( min-width:760px ) { /* PC === */
	.content_wrapper h4{
		line-height: 1.6;
		padding:30px 0 20px 30px;
	}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
	.content_wrapper h4{
		line-height: 1.8;
		padding:15px 0 10px 20px;
	}
}
@media screen and ( min-width:760px ) { /* PC === */
	.content_wrapper h4 span{
		font-size: 50px;
	}
	.content_wrapper h4 span rt{
		font-size: 18px;
	}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
	.content_wrapper h4 span{
		font-size: 35px;
	}
	.content_wrapper h4 span rt{
		font-size: 15px;
	}
}
.kenkyu-tit img{
	position: absolute;
	bottom:0;
}
@media screen and ( min-width:760px ) { /* PC === */
	.kenkyu-tit img{
		width:30%;
		right:60px;
	}
}
@media screen and ( max-width:759.98px ) { /* SP  === */
	.kenkyu-tit img{
		width:35%;
		right:35px;
	}
}
.kenkyu-border{
	background-color: #00469b;
	clip-path: polygon(100% 0, 100% 98.5% , 95% 100% , 0 100%, 0 0);
	width:90%;
	margin:0 auto;
	padding:0 5px 5px 5px;
}
.kenkyu{
	background-image: url('../../img/bg_kenkyu.jpg');
	background-size: 3%;
	clip-path: polygon(100% 0, 100% 98.5% , 95% 100% , 0 100%, 0 0);
	padding:20px 20px 0 20px;
}
.kenkyu p{
	margin:20px 0 0 0;
}
.kenkyu img{
	margin-top:20px;
}
.kenkyu-spec{
	position: relative;
}
.kenkyu-spec img{
	width:35%;
	float: left;
}
.kenkyu-spec dl{
	width:60%;
	position:absolute;
	right:0;
	bottom:0;
}
.kenkyu-spec dl dt{
	width:30%;
	float: left;
	background-color: #00469b;
	color:#fff;
	margin-top:10px;
	padding:10px 10px 5px 10px;
}
.kenkyu-spec dl dd{
	width:70%;
	float: right;
	text-align: left;
	margin-top:10px;
	padding:10px 10px 5px 10px;
}
.foot_illust{
	width:90%;
	margin:30px auto 0;
}