@charset "UTF-8";
.slilder{
		position: relative;
	}
	.swiper-slide img{
		width: 100%;
		height: auto;
		border-radius: 10px;
	}
	.swiper-pagination{
	left: 50%!important;
    transform: translateX(-50%)!important;
    -webkit-transform: translateX(-50%)!important;
    -ms-transform: translateX(-50%)!important;


	}
	
	/* ページネーションのサイズと色 */
	.swiper-pagination-bullet {
	  background-color: #0055B8!important;
	  height: 12px!important;
	  width: 12px!important;
	}
	/* 画像サイズ調整 */
	.swiper-slide img {
	  height: auto;
	  width: 100%;
	}

/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: ""!important;
  height: 60px;
  margin: auto;
  width: 60px;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
  background-image: url( "../imgs/common/arrow_left.png");
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
  background-image: url( "../imgs/common/arrow_right.png");
}
/* 画像サイズ調整 */
.swiper-slide img {
  height: auto;
  width: 100%;
}
/*--------------------------------------------------
**************************************************
  PC用
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {

	.lead{
		font-size: 1.8rem;
	}
	
	.info{
		font-size: 1.4rem;
		color: #8E8E8E;
	}
	/* ページネーションの余白 */
	.swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 32px 20px 0 0;
	}
	
	/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
  height: 60px !important;
  width: 60px !important;
}
	/*------------case-part---------------*/
	.case{
		margin-top: 200px;
	}
	.case-part-container{
		margin-bottom: 80px;
	}
	
	.case-part{
		padding-bottom: 80px;
		display: flex;
		justify-content: flex-start;
	}
	.case-part:nth-of-type(odd){
		 flex-direction:row-reverse;
	}
	.case-part-01{
		width:40%;
		margin-right: 40px;
	}
	
	.case-part:nth-of-type(odd) .case-part-01{
		 margin-left: 40px;
		margin-right: 0;
	}
	
	.case-part-text{
		max-width: 460px;
		float: right;
		width: 100%;
		margin-bottom: 72px;
	}
	.case-part:nth-of-type(odd) .case-part-01 .case-part-text{
		float: none;
	}
	.text_dl{
		display: flex;
	}
	.text_dl dt{
		font-weight: 700;
		margin-right: 24px;
	}
	.text_dl dd{
		font-weight: 300;
	}
	.case-part-image img{
		border-radius: 0 20px 20px 0;
		width: 100%;
		height: 500px;
		object-fit: cover;
	}
	
	.case-part:nth-of-type(odd) .case-part-01 .case-part-image img{
		border-radius: 20px 0 0 20px;
	}
	
	.case-part-02{
		width: -webkit-calc(60% - 40px);
		width: calc(60% - 40px);
		max-width: 800px;
		border-radius: 20px;
		padding: 64px;
	}
	
	.main_detail{
		display: flex;
		justify-content: space-between;
		border-bottom: solid 1px #ccc;
		padding-bottom: 32px;
		margin-bottom: 32px;
		
	}
	
	.main_detail li{
		width: 47%;
	}
	
	.m_d_title{
		background: #EFEFEF;
		height: 30px;
		line-height: 30px;
		border-radius: 15px;
		margin-bottom: 24px;
		text-align: center;
		color: #0055B8;
		
	}
	
	.m_d_date{
		font-size: 4.0rem;
		font-weight: 700;
		color: #0055B8;
		text-align: center;
		line-height: 1.2;
		margin-bottom: 24px;

	}
	.m_d_date span{
		font-size: 5.0rem;
	}
	.m_d_date span.info{
		font-size: 1.2rem;
		display: block;
		
	}
	.m_d_text{
		font-size: 1.5rem;
		font-weight: 300;
		line-height: 2;
	}
	
	
	.case-part-container:nth-of-type(even) .meo-part .meo-part-text{
		padding-right: 56px;
	}
	.case-number{
		font-size: 4.0rem;
		font-weight: 500;
		font-family: 'Outfit';
		padding-left: 32px;
		position: relative;
		left: 24px;
	}
	.case-number::before{
		position: absolute;
		left: 0;
		top: 0.6rem;
		height: 4.8rem;
		content: '';
		border-right: solid 3px;
		transform: rotate(40deg);
	}
	.case-number span{
		font-size: 1.8rem;
		padding-left: 8px;
		
	}
	.case-part-text h2{
		font-size: 4.0rem;
		font-weight: 700;
		margin-bottom: 40px;
		text-align: left;
	}
	.case-part-text .box_shadow{
		background: #fff;
		padding: 40px 48px;
		border-radius: 10px;
	}
	
	
	.case-part-container:nth-of-type(odd) .meo-part-image img{
		border-radius: 0 20px 20px 0 ;
	}
	
	.case-list + div{
		margin-top: 24px;
	}
	.case-list + div p{
		margin-bottom: 8px;
	}
	
	.case-part h3{
		color: #0055B8;
		font-weight: 700;
		margin-bottom: 8px;
		
	}
	.case-part h3::before{
		position: relative;
		top: 2px;
		left: 0;
		height: 2.0rem;
		content: '';
		display: inline-block;
		border-right: solid 2px #0055B8;
		transform: rotate(40deg);
		margin-right: 10px;
	}
	
	.disc{
		list-style: disc;
		margin-left: 24px;
		margin-bottom: 32px;
	}
}/* End PC */



/*--------------------------------------------------
**************************************************
  SP用
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	.lead{
		font-size: 1.4rem;
		width: 86%;
		margin: 0 auto 40px;
	}
	
	.info{
		font-size: 1.4rem;
		color: #8E8E8E;
	}
	.case{
		margin-top: 96px;
	}
	/* ページネーションの余白 */
	.swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	  margin: 16px 10px 0 0;
	}
	/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
  height: 40px !important;
  width: 40px !important;
}

	/*------------case-part---------------*/
	.case-part-container{
	}
	
	.case-part{
		padding-bottom: 80px;
		
	}
	.case-part:nth-of-type(odd){
		 
	}
	.case-part-01{
		display: flex;
		flex-direction:column-reverse;
	}
	
	
	
	.case-part-text{
		width: 86%;
		margin: 0 auto 24px;


	}

	.text_dl{
		display: flex;
		font-size: 1.4rem;
	}
	.text_dl dt{
		font-weight: 700;
		margin-right: 24px;
		
	}
	.text_dl dd{
		font-weight: 300;
	}
	.case-part-image{
		margin-bottom: 16px;
	}
	.case-part-image img{
		width: 100%;
		height: 240px;
		object-fit: cover;
	}
	

	
	.case-part-02{
		border-radius: 10px;
		padding: 40px 32px;
		width: 86%;
		margin: 0 auto 24px;
	}
	
	.main_detail{
		border-bottom: solid 1px #ccc;
		margin-bottom: 24px;
	}
	
	.main_detail li{

	}
	
	.m_d_title{
		background: #EFEFEF;
		height: 28px;
		line-height: 28px;
		border-radius: 14px;
		margin-bottom: 16px;
		text-align: center;
		color: #0055B8;
		font-size: 1.4rem;
	}
	
	.m_d_date{
		font-size: 3.0rem;
		font-weight: 700;
		color: #0055B8;
		text-align: center;
		line-height: 1.2;
		margin-bottom: 16px;

	}
	.m_d_date span{
		font-size: 4.0rem;
	}
	.m_d_date span.info{
		font-size: 1.1rem;
		font-weight: 300;
		display: block;
		
	}
	.m_d_text{
		font-size: 1.4rem;
		font-weight: 300;
		margin-bottom: 24px;

	}
	
	
	.case-part-container:nth-of-type(even) .meo-part .meo-part-text{
		padding-right: 56px;
	}
	
	.case-number{
		font-size: 2.4rem;
		font-weight: 500;
		font-family: 'Outfit';
		padding-left: 16px;
		position: relative;
		left: 10px;
	}
	.case-number::before{
		position: absolute;
		left: 0;
		top: 0.6rem;
		height: 2.6rem;
		content: '';
		border-right: solid 2px;
		transform: rotate(40deg);
	}
	.case-number span{
		font-size: 1.5rem;
		padding-left: 4px;
		
	}
	
	.case-part-text h2{
		font-size: 2.2rem;
		font-weight: 700;
		margin-bottom: 24px;
		text-align: left;
	}
	.case-part-text .box_shadow{
		background: #fff;
		padding: 40px 48px;
		border-radius: 10px;
	}
	
	
	.case-part-container:nth-of-type(odd) .meo-part-image img{
		border-radius: 0 20px 20px 0 ;
	}
	
	.case-list + div{
		margin-top: 24px;
	}
	.case-list + div p{
		margin-bottom: 8px;
	}
	
	.case-part h3{
		color: #0055B8;
		font-weight: 700;
		font-size: 1.5rem;
		margin-bottom: 8px;
		
	}
	.case-part h3::before{
		position: relative;
		top: 2px;
		left: 0;
		height: 2.0rem;
		content: '';
		display: inline-block;
		border-right: solid 2px #0055B8;
		transform: rotate(40deg);
		margin-right: 10px;
	}
	
	.disc{
		list-style: disc;
		margin-left: 8px;
		margin-bottom: 24px;
		font-size: 1.4rem;
	}
	
	.comment{
		font-size: 1.4rem;
	}
}/* End SP */