@charset "UTF-8";






/*--------------------------------------

	共通デザイン

-------------------------------------*/


.cnt-list-01{
	font-weight: bold;
	margin-bottom: 40px;
}
.cnt-list-01 dt{
	float: left;
	clear: both;
	width: 315px;
	margin-right: 10px;
}
.cnt-list-01 dt.txt{
	text-align: right;
	font-size: 1.571em;
	color:#fe5722;
	padding-top: 0.75em;
}
.cnt-list-01 dd{
	float: left;
	font-size: 1.429em;
}
.cnt-list-01 dd .num{
	font-size: 1.900em;
}
.cnt-list-01 .ttl-sv{
	display: inline-block;
	float: left;
}
.cnt-list-01 .ttl-sv-mgr{
	margin-top: 1em;
}


/*--------------------------------------

	collect.html

-------------------------------------*/
.collect .ttl-01::after{
	content: "";
	background:url(/imgs/service/ttl_img.png) center center no-repeat;
	background-size: 100%;
	display: inline-block;
	width:202px;
	height: 160px;
	position: absolute;
	right: 30px;
	top: -40px;
}
/*角丸 青枠*/
.collect .wrap-01{
	background-color: #03a9f5;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 2% 6%;
	font-size: 1.143em;
	font-weight: bold;
}
.collect .wrap-01 .cnt-01,
.collect .wrap-01 .cnt-02,
.collect .wrap-01 .cnt-02 p{
	float: left;
}
.collect .wrap-01 .cnt-01{
	font-size: 1.143em;
	border-right:1px solid #fff;
	padding-top: 23px;
	padding-bottom: 23px;
	padding-right: 44px;
	margin-right: 44px;
	width: 19.4%;
	box-sizing: border-box;
	margin-right: 5.6%;
}
.collect .wrap-01 .cnt-02{
	padding-top: 8px;
	padding-bottom: 9px;
	width: 75%;
}
.collect .wrap-01 .cnt-02 .btn-01 a{
	width:100%;
}
.collect .wrap-01 .cnt-02 .num{
	font-size:1.857em;
}
.collect .wrap-01 .cnt-02 p{
	width: 48%;
}
.collect .wrap-01 .cnt-02 p:first-child{
	margin-bottom:0;
	margin-top: 7px;
	width: 50%;
	margin-right: 2%;
}
.collect .clm-bg-01 .inner{
	background: url(imgs/service/cnt_ph_01.png) no-repeat bottom right;
	background-size: 217px;
	padding-bottom: 24px;
}


/*--------------------------------------

	organize.html

-------------------------------------*/
.organize .ttl-01::after{
	content: "";
	background:url(/imgs/service/ttl_img_02.png) center center no-repeat;
	background-size: 100%;
	display: inline-block;
	width:202px;
	height: 160px;
	position: absolute;
	right: 30px;
	top: -40px;
}
.organize .clm-bg-01 .inner{
	background: url(imgs/service/cnt_ph_01.png) no-repeat center right;
	background-size: 217px;
	padding-bottom: 24px;
}
.organize .tab-list .tab-inner{
	display: block;
}
.organize .tab-list .cnt-ttl{
	font-size:1.286em;
	padding: 30px 30px 30px 24px;
	background: none;
	background-size: 20px;
}
/*角丸 青枠*/
.organize .wrap-01{
	background-color: #03a9f5;
	color: #fff;
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 20px 55px;
	font-size: 1.143em;
	font-weight: bold;
}
.organize .wrap-01 .cnt-01,
.organize .wrap-01 .cnt-02{
	float: left;
}
.organize .wrap-01 .cnt-01{
	font-size: 1.143em;
	border-right:1px solid #fff;
	padding-top: 23px;
	padding-bottom: 23px;
	padding-right: 44px;
	margin-right: 44px;
	width: 24%;
	margin-bottom: 0;
	box-sizing: border-box;
}
.organize .wrap-01 .cnt-02{
	padding-top: 13px;
	padding-bottom: 9px;
	font-weight: normal;
	width: 70%;
}

/*--------------------------------------

	moving.html

-------------------------------------*/
.moving .ttl-01::after{
	content: "";
	background:url(/imgs/service/ttl_img_03.png) center center no-repeat;
	background-size: 100%;
	display: inline-block;
	width:202px;
	height: 160px;
	position: absolute;
	right: 30px;
	top: -40px;
}
.moving .clm-bg-01 .inner{
	background: url(imgs/service/cnt_ph_01.png) no-repeat center right;
	background-size: 217px;
	padding-bottom: 24px;
}
.moving .tab-list .tab-inner{
	display: block;
}
.moving .inner .tab-list{
	padding-top: 30px;
	background-color: #f5f5f5;
}
.moving .tab-list .tab-inner{
	display: block;
}
.moving .tab-list .cnt-ttl{
	font-size:1.286em;
	padding: 30px 30px 30px 24px;
	background: none;
	background-size: 20px;
}
.moving .wrap-01{
	background-color:#eaf6fc;
	border: 1px solid transparent;
	border-radius: 10px;
	padding: 25px 35px;
	font-size: 1.143em;
}
.moving .wrap-01 .cnt-01{
	font-weight: bold;
	margin-bottom: 0.5em;
}


/*--------------------------------------

	about.html

-------------------------------------*/
.about .clm-bg-01.philosophy{
	padding: 0;
	background:url(/imgs/about/bg_ilust_pc.png) center bottom no-repeat;
	height: 600px;
	margin: 0;
}
.about .clm-bg-01.philosophy h2{
	margin-bottom: 32px;
}
.about .clm-bg-01.philosophy .msg{
	margin-bottom: 23px;
}
.about .clm-bg-01.philosophy p{
	color: #555;
}
.about .clm-bg-01.promise{
	background: none;
	background-color: #f2f2f2;
}
.about .clm-bg-01.promise h2{
	margin-bottom: 32px;
}
.about .clm-bg-01.promise .list{
	margin-bottom: 44px;
}
.about .clm-02.profile h2{
	margin-bottom: 27px;
}
.about .clm-02.profile .list-01 dt {
    text-align: left;
	width: 162px;
    padding: 18px 18px;
}
.about .clm-02.profile .list-01 dd{
	text-align: left;
	padding-left: 204px;
}
.about .clm-02.profile .list-01 dd:nth-of-type(2n+1){
	background-color: #f2f2f2;
}

/*--------------------------------------

	service.html

-------------------------------------*/
.service .txt-clm-01 {
	padding-bottom: 4em;
}

/*--------------------------------------

	notfound.html

-------------------------------------*/
.notfound .main{
	margin-bottom:400px;
}


/* SP
----------------------------------------------------------*/
@media only screen and (max-width: 640px) {


	/*--------------------------------------

	共通デザイン

	-------------------------------------*/

	.cnt-list-01{
		text-align: center;
		margin-bottom: 58%;
	}
	.cnt-list-01 dt{
		max-width: 504px;
		width: 100%;
		margin: 0 auto;
	}
	.cnt-list-01 dt,
	.cnt-list-01 dd{
		float: none;
		margin-right: 0;
	}
	.cnt-list-01 dt.txt{
		text-align: center;
	}
	.cnt-list-01 .ttl-sv{
		display: block;
		width: 100%;
		margin-bottom: 1em;
		font-size: 130%;
	}


/*--------------------------------------

	collect.html

-------------------------------------*/
	.collect .ttl-01,
	.organize .ttl-01,
	.moving .ttl-01{
		padding-right: 46%;
	}
	.collect .ttl-01::after,
	.organize .ttl-01::after,
	.moving .ttl-01::after{
		width: 40vw;
		height: 40vw;
		right: 4.375%;
		top: -13vw;
		position: absolute;
	}
	.collect .wrap-01,
	.organize .wrap-01,
	.moving .wrap-01{
		padding:5.5% 8%;
	}
	.collect .wrap-01 .cnt-01,
	.collect .wrap-01 .cnt-02,
	.collect .wrap-01 .cnt-02 p{
		float: none;
	}
	.collect .wrap-01 .cnt-01{
		border: none;
		text-align: center;
		margin-right: 0;
		margin-bottom: 4%;
		padding: 0;
		width: 100%;
	}
	.collect .wrap-01 .cnt-01 hr{
		width: 4.4%;
		margin: 7.5px 10px;
		color:#fff;
	}
	.collect .wrap-01 .cnt-02{
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.collect .wrap-01 .cnt-02 p:first-child{
		margin:0;
		margin-bottom: 1.6%;
	}
	.collect .wrap-01 .cnt-02 .num{
		font-size: 6.6vw;
	}
	.collect .wrap-01 .cnt-02 p,
	.collect .wrap-01 .cnt-02 p:first-child{
		width:100%;
		margin-right: 0;
	}

	.collect .clm-bg-01 .inner{
		background-position: center top 80%;
		background-size: 50%;
		padding-bottom: 0;
	}

	/*--------------------------------------

		organize.html

	-------------------------------------*/
	.organize .clm-bg-01 .inner{
		background-position: center top 90%;
		background-size: 50%;
		padding-bottom: 0;
	}
	.organize .wrap-01 .cnt-01,
	.organize .wrap-01 .cnt-02{
		float: none;
		width: 100%;
	}
	.organize .wrap-01 .cnt-01{
		border: none;
		text-align: center;
		margin-right: 0;
		margin-bottom: 4%;
		padding: 0;
	}
	.organize .wrap-01 .cnt-02{
		padding: 0;
		text-align: center;
		font-size: 14px;
	}

	/*--------------------------------------

		moving.html

	-------------------------------------*/
	.moving .clm-bg-01 .inner{
		background-position: center top 80%;
		background-size: 50%;
		padding-bottom: 0;
	}
	
	/*--------------------------------------

		about.html

	-------------------------------------*/
	.about .clm-bg-01.philosophy{
		padding: 0 0 72% 0;
		background:url(/imgs/about/bg_ilust_sp.png) center bottom no-repeat;
		height: auto;
		background-size: 100%;
	}
	.about .clm-bg-01.philosophy h2 {
		margin-bottom: 8%;
	}
	.about .clm-bg-01.philosophy p{
		font-size: 1.143em;
	}
	.about .clm-bg-01.philosophy .msg {
		margin-bottom: 8%;
	}
	.about .clm-02.profile .list-01 dt {
		padding: 4% 4% 1% 4%;
		display: block;
		width: 92%;
		font-weight: bold;
	}
	.about .clm-02.profile .list-01 dd {
		display: block;
		width: 92%;
		padding: 1% 4% 4% 4%;
	}
	/*--------------------------------------

		notfound.html

	-------------------------------------*/
	.notfound .main{
		margin-bottom:20%;
	}

}