@charset "UTF-8";
/* CSS Document */

/*-- top main --*/
.p-swiper-container{
  position: relative;
	max-width:1400px;
	margin:0 auto 70px;
}
.swiper-slide {
    overflow: hidden;
	height:500px;
}
.swiper-slide dl{
	display:flex;
	justify-content:space-between;
	height:500px;
}
.swiper-slide dt{
	width:calc(100% - 400px);
	overflow:hidden;
}
.swiper-slide dt img{
	height:100%;
	width:100%;
	object-position:center;
	object-fit:cover;
}
.swiper-slide dd{
	width:400px;
	background:#f5f5f5;
	display:flex;
	align-items:center;
}
.swiper-slide dd .inner{
	height:fit-content;
	width:80%;
	margin:auto;
}
.swiper-slide dd .inner h6{
	font-size:250%;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1em;
	margin:0 0 0.5em 0;
}
.swiper-slide dd .inner h2{
	font-size:150%;
	margin:0 0 0.5em 0;
}
.swiper-slide dd .inner .btn{
	margin:20px 0 0 0;
}
.swiper-slide dd .inner .btn a{
	width:200px;
	text-decoration:none;
	color:#fff;
	display:inline-block;
	text-align:center;
	line-height:1.2em;
	padding:1em 4em 1em 2em;
	background:#004098;
}
.swiper-slide dd .inner .btn a.arrowbtn::after{
    border-right: 2px solid #fff;
    border-bottom: 1px solid #fff;
}
.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: 0px;
    right: auto;
	background:#fff;
	padding:20px 5px;
}
.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: 0px;
    left: auto;
	background:#fff;
	padding:20px 5px;
}
:root {
    --swiper-navigation-size: 15px
}
.swiper-pagination {
    text-align: right;
    z-index: 3;
	padding-right:20px;
	box-sizing:border-box;
}
.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,30px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,2px));
    border-radius: 0;
}
/*-- top main end--*/

/*-- top wapper--*/
.content_wapper h2.list_title{
	font-size:2rem;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	width:90%;
	max-width:1400px;
	margin:0 auto 20px;
	display: flex;
    align-items: center;
} 
.content_wapper h2.list_title:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #ccc;
}
.content_wapper h2.list_title:after {
    margin-left: 1rem;
}
.content_wapper h3{
	font-size:0.9rem;
	line-height:1.7em;
	width:90%;
	max-width:1400px;
	margin:0 auto 20px;
	font-weight:normal;
} 


.content_wapper ol{
}
.content_wapper ol ul{
	width:90%;
	max-width:1400px;
	margin:auto;
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
.content_wapper ol ul li{
	width:30%;
	margin-right:5%;
	margin-bottom:80px;
	list-style:none;
	position:relative;
	padding-bottom:3.3em;
	border-bottom:1px solid #ccc;
}
.content_wapper ol ul li:nth-child(3n){
	margin-right:0;
}
.content_wapper ol ul li a{
	display:block;
	height:100%;
	width:100%;
}
.content_wapper ol ul li dt{
	overflow:hidden;
}
.content_wapper ol ul li dt img{
	object-fit:cover;
	height:100%;
	width:100%;
}
.content_wapper ol ul li dd{
}
.content_wapper ol ul li dd .logo{
	width:100%;
	height:50px;
	align-items:center;
	display:flex;
}
.content_wapper ol ul li dd .logo img{
	margin:10px auto;
}
.content_wapper ol ul li dd .logo.typeA img{
	height:100%;
}
.content_wapper ol ul li dd .logo.typeB img{
	width:80%;
}
.content_wapper ol ul li dd .logo.typeC img{
	width:60%;
}
.content_wapper ol ul li dd h2{
	font-size:1.05rem;
	margin:0 0 10px 0;
	font-weight:400;
	text-align:center;
}
.content_wapper ol ul li dd h6{
	font-size:90%;
	font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1.2em;
	margin-bottom:10px
}
.content_wapper ol ul li dd h3{
	font-size:90%;
	font-weight:normal;
}
.content_wapper ol ul li .arrowbtn{
	color:#004098;
    font-weight:100;
	font-family: 'Barlow', sans-serif;
	line-height:1em;
	position:absolute;
	bottom:10px;
}
.content_wapper ol ul li a:hover .arrowbtn::after{
    right: 10px;
    width: 30px;
}

/*-- top wapper end--*/

/* ----------959px–---------- */
@media screen and (max-width: 959px) {
/*-- top sub--*/
	.content_wapper ol ul li{
	}
	.content_wapper ol ul li:nth-child(4n){
	}
	.content_wapper ol ul li:nth-child(3n){
	}
/*-- top sub end--*/
}

/* ----------959px–---------- */
@media screen and (max-width: 895px) {
/*-- top main --*/
	.swiper-slide {
	    overflow: unset;
		height:unset;
	}
	.swiper-slide dl{
		display:block;
		justify-content:space-between;
		height:unset;
	}
	.swiper-slide dt{
		width:100%;
		height:400px;
	}
	.swiper-slide dt img{
	}
	.swiper-slide dd{
		width:100%;
		height:250px;
	}
	.swiper-slide dd .inner{
		width:85%;
	}
	.swiper-slide dd .inner h6{
		font-size:220%;
		margin:0 0 0 0;
	}
	.swiper-slide dd .inner h2{
		font-size:130%;
		margin:0 0 0.2em 0;
	}
	.swiper-slide dd .inner p{
		font-size:95%;
		line-height:1.7em
	}
	.swiper-pagination {
	    text-align: center;
	}
/*-- top main end--*/
}

/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.content_wapper ol ul li dd h2{
		font-size:1rem;
	}
	.content_wapper ol ul li dd .logo.typeA img{
		height:unset;
		width:60%;
	}
	.content_wapper ol ul li dd .logo.typeB img{
		width:90%;
	}
	.content_wapper ol ul li dd .logo.typeC img{
		width:70%;
	}
}

/* ----------599px–---------- */
@media screen and (max-width: 599px) {
	/*-- top sub--*/
	.content_wapper ol ul li{
		width:47%;
		margin-right:6%;
		margin-bottom:50px;
		list-style:none;
	}
	.content_wapper ol ul li:nth-child(4n){
		margin-right:unset;
	}
	.content_wapper ol ul li:nth-child(3n){
		margin-right:6%;
	}
	.content_wapper ol ul li:nth-child(even){
		margin-right:0;
	}
	/*-- top sub end--*/

	.content_wapper ol ul li dd .logo.typeB img{
		width:100%;
	}
}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
}

/* ----------389px–---------- */
@media screen and (max-width: 389px) {
/*-- top sub--*/
	.content_wapper ol ul li{
		width:100%;
		margin-right:0;
		list-style:none;
	}
	.content_wapper ol ul li:nth-child(4n){
		margin-right:unset;
	}
	.content_wapper ol ul li:nth-child(3n){
		margin-right:unset;
	}
/*-- top sub end--*/
}