@charset "utf-8";

#container{
	background: #F1F1F1;
}
/* footer-nav config */
.common-area.footer-nav{
	background: #FFF;
}

@media print,screen and (min-width: 768px){
	#contents:after{
		top: 70%;
	}
	.common-title.type02 .inner{
		padding-bottom: 5.5rem;
		height: 44rem;
	}

	#breadcrumbs{
		margin-top: -14rem;
	}
	#breadcrumbs ol{
		color: #FFF;
		justify-content: flex-end;
	}
	#breadcrumbs ol li a{
		color: #FFF;
	}
	#breadcrumbs ol li:after{
		border-right-color: #FFF;
		border-top-color: #FFF;
	}
	.common-title.type02:before {
		display: none;
	}
}
@media screen and (max-width: 767px){
	.common-area.news .inner{
		/*padding-left: 0;*/
	}
}

/* ------------------------------------------- */
/* ir */
/* ------------------------------------------- */
.edit-area.ir{
	position: relative;
	padding: 16rem 0 12rem;
}
@media screen and (max-width: 767px){
	.edit-area.ir{
		padding: 4rem 0;
	}
}
.edit-area.ir:after{
	content: "";
	position: absolute;
	right: 0;
	top: 6.7rem;
	z-index: 0;
	display: block;
	width: 45.8rem;
	height: 63rem;
	pointer-events: none;
	opacity: .8;
	background: url(../../common/img/parts/circle_bg02.png) repeat 0 0;
}
@media screen and (max-width: 767px){
	.edit-area.ir:after{
		display: none;
	}
}
.edit-area.ir .inner{
	position: relative;
	padding: 5rem 7rem;
	border-radius: 0 1.5rem 1.5rem 0;
	background: #fff;
}
@media screen and (max-width: 1280px){
	.edit-area.ir .inner{
		padding: 3.7rem 4rem;
	}
}
@media screen and (max-width: 767px){
	.edit-area.ir .inner{
		padding: 2.4rem 2.4rem 3rem 0;
		border-radius: 0 0.5rem 0.5rem 0;
	}
}
.edit-area.ir .inner:after{
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	z-index: 0;
	pointer-events: none;
	background: #FFF;
	width: calc((100vw - 100%) / 2);
	height: 100%;
}

/* ir-list */
.edit-area.ir .ir-list{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5rem;
	padding-bottom: 5rem;
	border-bottom: 0.1rem solid #E5E5E5;
}
@media screen and (max-width: 767px){
	.edit-area.ir .ir-list{
		padding-bottom: 2rem;
		margin-bottom: 2rem;
	}
}
.edit-area.ir .ir-list > li{
	margin-left: 7rem;
	width: calc(33.33% - 4.7rem);
}
@media screen and (max-width: 1080px){
	.edit-area.ir .ir-list > li{
		margin-left: 1.8rem;
		width: calc(33.33% - 1.2rem);
	}
}
@media screen and (max-width: 767px){
	.edit-area.ir .ir-list > li{
		margin: 0 0 4rem;
		width: 100%;
	}
	.edit-area.ir .ir-list > li:last-child{
		margin-bottom: 0;
	}
}

.edit-area.ir .ir-list > li:nth-child(3n+1){
	margin-left: 0;
}
.edit-area.ir .ir-list .list-title{
	margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px){
	.edit-area.ir .ir-list .list-title{
		margin-bottom: 1.5rem;
	}
}
@media screen and (min-width: 768px){
	.edit-area.ir .ir-list .list-title{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: flex-end;
		min-height: 10.4rem;
	}
}
.edit-area.ir .ir-list .list-title .spell{
	margin-bottom: 1rem;
	font-family: Barlow;
	font-weight: bold;
	font-style: italic;
	font-size: 4rem;
	letter-spacing: 0.05em;
	color: #000;
}
@media screen and (max-width: 1080px){
	.edit-area.ir .ir-list .list-title .spell{
		font-size: 3rem;
	}
}
@media screen and (max-width: 767px){
	.edit-area.ir .ir-list .list-title .spell{
		margin-bottom: 0.5rem;
		font-size: 2.8rem;
	}
}
.edit-area.ir .ir-list .list-title .main{
	font-size: 1.4rem;
	letter-spacing: 0.2em;
	color: #777;
}
@media screen and (max-width: 767px){
	.edit-area.ir .ir-list .list-title .main{
		font-size:1.2rem;
	}
}
.edit-area.ir .ir-list .list-photo{
	margin-bottom: 2.5rem;
}
@media screen and (max-width: 767px){
	.edit-area.ir .ir-list .list-photo{
		margin-bottom: 1.5rem;
	}
}
.edit-area.ir .ir-list .list-photo img{
	border-radius: 1.5rem;
}

/* link-list */
.edit-area.ir .ir-list .link-list{
}
@media screen and (max-width: 767px){
	.edit-area.ir .ir-list .link-list{
		/*display: flex;*/
		/*flex-wrap: wrap;*/
	}
}
.edit-area.ir .ir-list .link-list li{
	margin-bottom: 1.4rem;
}
@media screen and (max-width: 767px){
	.edit-area.ir .ir-list .link-list li{
		margin: 0 0 1.4rem;
		/*width: calc(50% - 0.5rem);*/
	}
	.edit-area.ir .ir-list .link-list li:nth-child(2n+1){
		/*margin-left: 0;*/
	}
}

.edit-area.ir .ir-list .link-list li a{
	position: relative;
	display: block;
	padding-left: 1.2rem;
	font-weight: 300;
	letter-spacing: 0.1em;
	color: #000;
	text-decoration: none;
}
@media screen and (min-width: 1081px){
	.edit-area.ir .ir-list .link-list li a:hover{
		text-decoration: underline;
	}
}
@media screen and (max-width: 767px){
	.edit-area.ir .ir-list .link-list li a{
		/*font-size: 1.2rem;*/
		font-size: 1.6rem;
	}
}

.edit-area.ir .ir-list .link-list li a:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -0.2rem;
	width: 0.6rem;
	height: 0.6rem;
	border-top: 0.1rem solid #000;
	border-right: 0.1rem solid #000;
	box-sizing: border-box;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
@media screen and (max-width: 767px){
	.edit-area.ir .ir-list .link-list li a:after{
		margin-top: -0.2rem;
	}
}

.edit-area.ir .ir-list .link-list li a[target="_blank"]{
	position: relative;
	display: inline-block;
	padding-right: 1.6rem;
}
.edit-area.ir .ir-list .link-list li a[target="_blank"]:before{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -6px;
	display: block;
	width: 12px;
	height: 12px;
	background: url(../../common/img/parts/icon_blank02.png) no-repeat center center / 1.2rem auto;
}


/* btn-list */
.edit-area.ir .btn-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.edit-area.ir .btn-list li{
	width: 38.2rem;
	text-align: center;
}
@media screen and (max-width: 767px){
	.edit-area.ir .btn-list li{
		width: 30rem;
	}
}
.edit-area.ir .btn-list li a{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 10.7rem;
	text-decoration: none;
	border-radius: 1.5rem;
	background: #f9f9f9;
	box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);
	transition: ease .25s box-shadow;
}
@media screen and (min-width: 1081px){
	.edit-area.ir .btn-list li a:hover{
		box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.4);
	}
}
@media screen and (max-width: 767px){
	.edit-area.ir .btn-list li a{
		height: 8rem;
	}
}

.edit-area.ir .btn-list li .list-icon{
	margin-right: 1.2rem;
}
@media screen and (max-width: 767px){
	.edit-area.ir .btn-list li .list-icon{
		margin-right: 0.8rem;
	}
}
.edit-area.ir .btn-list li .list-icon img{
	max-width: 4rem;
}
@media screen and (max-width: 767px){
	.edit-area.ir .btn-list li .list-icon img{
		max-width: 3rem;
	}
}
.edit-area.ir .btn-list li .list-title{
	font-weight: bold;
	font-size: 2rem;
	letter-spacing: 0.08em;
	color: #000;
}
@media screen and (max-width: 767px){
	.edit-area.ir .btn-list li .list-title{
		font-size: 1.6rem;
	}
}


/* ------------------------------------------- */
/* banner */
/* ------------------------------------------- */
.edit-area.banner{
	padding: 4rem 0 16rem;
}
@media screen and (max-width: 767px){
	.edit-area.banner{
		padding: 2rem 0 4rem;
	}
}
.edit-area.banner .banner-list{
}
.edit-area.banner .banner-list li{
	margin-bottom: 2rem;
	text-align: center;
}
.edit-area.banner .banner-list li a{
	text-decoration: none;
	border-radius: 1.5rem;
	box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);
	transition: ease .25s box-shadow;
}

@media screen and (min-width: 1081px){
	.edit-area.banner .banner-list li a:hover{
		box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.4);
	}
}