@charset "UTF-8";
/* ////////////////////////////////////////
PC,SP
//////////////////////////////////////// */
#title-section .icon:before{
	background-image: url("../img/yanagase/icon-header.png");
}
/*見出し
------------------------------------------*/
#yanagase .other-title{
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:0;
	color:#FF3E55;
	position: relative;
}
#yanagase .other-title:before{
	content:'';
	position: absolute;
	background-color:#FF3E55;
	width:100%;
	height:2px;
	top:50%;
	margin-top:-1px;
	left:0;
}
#yanagase .other-title span{
	position: relative;
	z-index: 2;
	display: inline-block;
	background-color: #F4F0EA;
	padding:5px 10px;
}
#yanagase .list-title{
	line-height: 1.5em;
	margin-bottom:0;
}
/*一覧
------------------------------------------*/
#yanagase .text-top{
	max-width: 600px;
	margin-left:auto;
	margin-right:auto;
}
#yanagase .list-btn {
	margin-bottom:0;
}
#yanagase .list-btn li{
	margin-bottom:20px;
}
#yanagase .list-btn li a{
	position: relative;
	height:100%;
	color:#3D3D3D;
	display: block;
	background-color: #fff;
	border-radius: 20px;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
	transition: 0.3s;
}
#yanagase .list-btn li a:hover{
	box-shadow: none;
	transform: translateY(2px);
}
#yanagase .text-wrap{
	padding:15px 5px;
}
#yanagase .fukidasi-wrap + .text-wrap{
	padding-top:50px;
}
#yanagase .arrow-list{
	color:#FF3E55;
	position: relative;
	display: inline-block;
	padding-right:24px;
}
#yanagase .arrow-list:after{
	position: absolute;
	content:'';
	top:50%;
	right:0;
	width:14px;
	height:10px;
	background-image: url("../img/common/arrow-list.png");
	background-repeat: no-repeat;
	background-size: contain;
	margin-top:-5px;
}
#yanagase .list-img{
	margin-bottom:0;
	overflow: hidden;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}/*
#yanagase .list-img img{
	transition: 0.3s;	
}
#yanagase .list-btn a:hover .list-img img{
	transform: scale(1.05);
}*/
#yanagase .desk-img{
	max-width: 267px;
	margin-left:auto;
	margin-right:auto;
}
#yanagase .list-other{
	margin-top:5px;
}
#yanagase .list-other li{
	margin-top:15px;
}
#yanagase .fukidasi-wrap{
	padding:0 20px;
	position: absolute;
	width:100%;
	top:-15px;
	left:0;
	text-align: center;
}
#yanagase .fukidasi{
	display: inline-block;
	background-color: #FF5151;
	color:#fff;
	border-radius:50px;
	padding:5px 15px;
	position: relative;
	line-height: 1.5em;
}
#yanagase .fukidasi:after{
	position: absolute;
	content:'';
	width:26px;
	height:14.5px;
	background-image: url("../img/yanagase/fukidasi-red.png");
	background-repeat: no-repeat;
	background-size: contain;
	bottom:-14.5px;
	left:50%;
	margin-left:-13px;
}
/*詳細
------------------------------------------*/
#yanagase .more-btn{
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
}
.bnr-yanagase-blog{
	max-width: 620px;
	margin-left:auto;
	margin-right:auto;
	transition: 0.3s opacity;
}
.bnr-yanagase-blog:hover{
	opacity: 0.7;
}
/*提供機能：数字リスト*/
.service-list{
	counter-reset: num-cnt;  
}
.service-list .service-num{
	list-style-position: inside;
	counter-increment: num-cnt;
	position: relative;
	padding-left:55px;
	min-height: 45px;
	display: flex;
	align-items: center;
	line-height: 1.5em;
}
.service-list .service-num:before{
	position: absolute;
	top:50%;
	left:0;
	margin-top:-22.5px;
	font-weight: 700;
	content: counter(num-cnt, decimal-leading-zero);
	background-image: linear-gradient(90deg, rgba(255, 73, 85,1) 0%,rgba(255, 110, 75,1) 50%,rgba(255, 156, 64,1) 100%);
	width:45px;
	height:45px;
	border-radius:45px;
	text-align: center;
	color:#fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.service-list > li{
	background-color: #fff;
	padding:20px;
	margin-bottom:10px;
}
.service-list > li:last-child{
	margin-bottom:0;
}
.service-list > li p{
	margin-bottom:0;
}
/*利用申請書*/
#document{
	background-color: #FFE1E1;
	border:4px solid #FFB8BC;
	padding:30px 10px;
}
#document .btn-wrap{
	margin-bottom:0;
}
/* ////////////////////////////////////////
PC・タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width: 768px), print{
	#yanagase .illust-wrap{
		margin-top:30px;
		margin-bottom:30px;
		position: relative;
	}
	#yanagase .illust1{
		position: absolute;
		width:108px;
		left:45px;
		top:0;
	}
	#yanagase .illust2{
		position: absolute;
		width:143px;
		right:0;
		top:-30px;
	}
	#yanagase .list-btn{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		width:100%;
	}
	#yanagase .list-btn li.list2row{
		float: left;
		width:49%;
		margin-left:2%;
	}
	#yanagase .list-btn li:nth-child(odd){
		margin-left:0;
	}
	#yanagase .list1row{
		width:100%;
	}
	/*リストボタンが奇数の時*/	
	#yanagase .list-btn:has(> :nth-child(odd):last-child) li:last-child{
		margin-left:auto;
		margin-right:auto;
	}
}
/* ////////////////////////////////////////
印刷時　PC以上
//////////////////////////////////////// */
@media screen and (min-width:1100px) , print{
	/*一覧
	-----------------------------------*/
	/*本文
	---------------------------------*/
}

/* ////////////////////////////////////////
タブレット・SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 1100px) {
	/*一覧
	------------------------------------------*/
	/*本文
	------------------------------------------*/
}
/* ////////////////////////////////////////
タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width: 767px) and (max-width: 1100px) {
	/*一覧
	------------------------------------------*/
	#yanagase .fukidasi-wrap + .text-wrap{
		padding-top:70px;
	}
}
/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 767px){
	/*一覧
	------------------------------------------*/
	#yanagase .list-btn li:last-child{
		margin-bottom:10px;
	}
	#yanagase .list-other li{
		margin-top:30px;
		margin-bottom:50px;
	}
	#yanagase .fukidasi{
		padding:5px 25px;
	}
	#yanagase .fukidasi-wrap{
		top:-30px;
	}
	#yanagase .list-other li:last-child{
		margin-bottom:0;
	}
	/*利用申請書*/
	#document{
		padding:20px 20px;
	}
	#document .btn-wrap{
		margin-top:20px;
	}
}
@media screen and (max-width: 500px){
}