@charset "UTF-8";

/*******************************************
*
* Shareed Parts css for Hikkoshi8100
* ver 1.0
*
********************************************/

.bizhour{
	font-weight:normal;
}


.topicTxt{
	display:block;
	overflow:hidden;
	font-size:1.8rem;
	line-height:155%;
	text-align:center;
	margin:50px 0;
}


.noPC{
	display:none;
}

.alCenter{
	text-align:center;
}
.alRight{
	text-align:right;
}


/* for SP --------------------------*/
@media screen and ( max-width:768px) {

	.topicTxt{
		font-size:1.6rem;
		/*text-align: left;*/
		margin:8vw 0;
	}

	.noSP{
		display:none;
	}

	.noPC{
		display:initial;
	}

}


/*------------------------------------------
 ドットリスト
 ------------------------------------------*/
ul.dotList{
	display:block;
	overflow:hidden;
	list-style-type:disc;
}

ul.dotList > li{
	margin-left: 1.5em;
	margin-bottom:0.5em;

}

/*------------------------------------------
 ナンバリングリスト
 ------------------------------------------*/
ol.numList{
	display:block;
	overflow:hidden;
	list-style-type:decimal;
}

ol.numList > li{
	margin-left: 1.5em;
	margin-bottom:0.5em;

}


/*------------------------------------------
 角丸ボタン
 ------------------------------------------*/
a[class^="round_"]{
	display:inline-block;
	overflow:hidden;
	line-height:100%;
	position:relative;
	margin-left:10px;
	padding-bottom:4px;
}

a[class^="round_"] img{
	position:relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

a[class^="round_"] > span{
	display:none;
}

a[class^="round_"]::before{
	content:"";
	display:block;
	overflow:hidden;
	width:100%;
	height:44px;
	background-color:#cccccc;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	position:absolute;
	bottom:0;
	left:0;
}

.pc a[class^="round_"]:hover img{
	/*filter: brightness(125%);*/
	filter:contrast(150%);
}
.pc a[class^="round_"]:active img{
	top:4px;
}

a.round_easy::before{
	background-color:#104C72;
}
a.round_detail::before{
	background-color:#893B14;
}


a#searchTgl{
	display:inline-block;
	overflow:hidden;
	width:62px;
	height:42px;
	line-height:100%;
	text-align:center;
	position:relative;
	font-weight:bold;
	color:#333333;

	padding-left:10px;
	margin-left:10px;
	margin-bottom:4px;
	border-left:1px solid #F2F2F2;
}

a#searchTgl::before{
	font-size:1.8rem;
	font-weight:bold;
	color:#333333;
}

a#searchTgl span{
	display:block;
	overflow:hidden;
	font-size:1.4rem;
	line-height:125%;
	margin-top:0.25em;
}

a#searchTgl span::before{
	content:"検索";
}


.pc a#searchTgl:hover,
.pc a#searchTgl:hover::before{
	color:#DF4661;
}


.opf a#searchTgl::before{
	content: "\e912";
}
.opf a#searchTgl span::before{
	content:"閉じる";
}



/* for SP ---------------------------------*/
@media screen and ( max-width:768px) {


}


/*------------------------------------------
 楕円ボタン
 ------------------------------------------*/
*[class^='icf-ovalBtn'],
a.btn{
	display:inline-block;
	overflow:hidden;
	padding:0.5em 4em;
	font-size: 1.6rem;
	line-height:125%;
	color:#333333;
	text-align:center;
	background-color:#ffffff;
	border:1px solid #949595;
	-webkit-border-radius: 25px;
	border-radius:25px;
	position:relative;
	-webkit-box-shadow: 0px 4px 0px #949595;
	box-shadow: 0px 4px 0px #949595;
	/*
	-webkit-transition:unset;
	transition:unset;
	*/
}

*[class^='icf-ovalBtn']::after,
a.btn::after{
	content: "\ea3c";
	display:inline-block;
	color:#DF4661;
	position:absolute;
	top:calc(50% - 0.5em);
	right:1em;
	
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


.pc a[class^='icf-ovalBtn']:hover::after,
.pc a.btn:hover::after{
	right:0.75em;
}

.pc a[class^='icf-ovalBtn']:active,
.pc a.btn:active{
	top:3px;

	border-color:#DF4661;
	background-color:#DF4661;
	color:#ffffff;
	box-shadow: 0px 1px 0px #DF4661;
}
.pc a[class^='icf-ovalBtn']:active::after,
.pc a.btn:active::after{
	color:#ffffff;
}


/* for SP --------------------------*/
@media screen and (max-width:768px){

	a[class^='icf-ovalBtn']{
		font-size:1.4rem;
	}

}



/*------------------------------------------
 赤楕円ボタン
 ------------------------------------------*/
a.icf-ovalBtnRed{
	border:1px solid #DF4661;
	-webkit-box-shadow: 0px 4px 0px #DF4661;
	box-shadow: 0px 4px 0px #DF4661;
}

.pc a.icf-ovalBtnRed:active{
	border-color:#DF4661;
	box-shadow: 0px 2px 0px #DF4661;
}


/* for SP --------------------------*/
@media screen and (max-width:768px){


}


/*------------------------------------------
 楕円ボタン中
 ------------------------------------------*/

a.icf-ovalBtn.mb {
	padding: 0.7em 5em;
	font-size: 1.8rem;
}


/* for SP --------------------------*/
@media screen and (max-width:768px){

	a.icf-ovalBtn.mb{
		padding: 0.7em 2em;
		width: 100%;
		/*font-size:1.6rem;*/
		font-size:1.4rem;
	}

}




/*------------------------------------------
 赤丸リンク
 ------------------------------------------*/
a.icf-dotlink{
	display:inline-block;
	overflow:hidden;
	font-size:1.4rem;
	line-height:125%;
	color:#333333;
}
a.icf-dotlink:before {
	content: "\e906";
	color: #e75574;
	margin-right:0.5em;
}



/* ==========================================================
*
* お知らせリスト
*
========================================================== */

ul.newsList{
	display:block;
	overflow:hidden;
}

ul.newsList > li{
	display:block;
	overflow:hidden;
	margin-top:1em;
	padding-bottom:1em;
	border-bottom:1px solid #DEDEDE;
}


ul.newsList > li > a{
	display:block;
	overflow:hidden;
}

.date{
	display:inline-block;
	overflow:hidden;
	padding:0.25em 0;
	margin-right:0.5em;
	font-size:1.2rem;
	line-height:125%;
}

span[class^="tag_"]{
	display:inline-block;
	overflow:hidden;
	padding:0.25em 0.5em;
	margin-right:0.5em;
	font-size:1.2rem;
	line-height:125%;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


.tag_new{
	color:#ffffff;
	background-color:#ff0000;
}

.tag_ctg{
	border:1px solid #DEDEDE;
}


ul.newsList > li > a > p{
	display:block;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:1.6rem;
	line-height:155%;
}


/* for SP --------------------------*/
@media screen and (max-width:768px){

	ul.newsList > li > a > p{
		font-size:1.4rem;
	}

}


/* ==========================================================
*
* 下線付きコーナータイトル
*
========================================================== */
h2.udlined{
	font-size: 3.4rem;
	font-weight: 600;
	color: #333333;
	line-height: 155%;
	text-align: center;
	position: relative;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

h2.udlined::after {
	content: "";
	display: inline-block;
	width: 1.6em;
	height: 5px;
	border-top: 2px solid #DF4661;
	position: absolute;
	bottom: 0;
	left: calc(50% - 0.8em);
}

h2.udlined > strong{
	color:#DF4661;
}



/* for SP --------------------------*/
@media screen and (max-width:768px){

	h2.udlined{
		font-size:2.4rem;
		padding-bottom: 0.5em;
		margin-bottom: 1em;
	}

}



/* ==========================================================
*
* アンカーリンク ボタン
*
========================================================== */

.ankerLinks > ul {
	display: flex;
	flex-wrap: wrap;
	padding-left:20px;
	/*justify-content: space-between;*/
	gap:20px 20px;
}
.ankerLinks ul > li {
	width:calc(20% - 20px);
}

.ankerLinks ul > li > a{
	display:block;
	overflow: hidden;
	height:100%;
	padding:1.25em 1.5em;
	font-size:1.6rem;
	font-weight:600;
	line-height:125%;
	border:1px solid #DF4661;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	position:relative;
	-webkit-box-shadow: 0px 5px 0px #DF4661;
	box-shadow:0px 5px 0px #DF4661;
	-webkit-transition:unset;
	transition:unset;
}


.ankerLinks ul > li > a > span{
	display:inline-block;
	overflow:hidden;
	width: calc(100% - 1em);
}


.ankerLinks ul > li > a.icf-arrow::after {
	content: "\ea3c";
	display: inline-block;
	color: #DF4661;
	position: absolute;
	top: calc(50% - 0.5em);
	right: 1.0em;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.pc .ankerLinks ul > li > a.icf-arrow:hover::after{
	right: 0.5em;
}

.pc .ankerLinks ul > li > a.icf-arrow:active{
	top:4px;
	-webkit-box-shadow: 0px 1px 0px #DF4661;
	box-shadow:0px 1px 0px #DF4661;
}

/* for SP --------------------------*/
@media screen and (max-width:768px){

	.ankerLinks > ul {
		flex-wrap: wrap;
		gap:4vw 2vw;
		padding-left:0;
		justify-content: space-between;
	}

	.ankerLinks ul > li {
		width:calc(50% - 2vw);
	}

	.ankerLinks ul > li > a{
		padding:1.0em 1.0em;
		font-size:1.4rem;
	}

}



/* ==========================================================
*
* よくある質問 リスト
*
========================================================== */

ul.faqList{
	display:block;
	overflow:hidden;
}

ul.faqList > li{
	display:block;
	overflow:hidden;
	margin-bottom:25px;
}

ul.faqList > li > a{
	display:block;
	overflow:hidden;
	padding:0.75em 0.5em 0.75em 1em;
	border:2px solid #DF4661;
	font-size:1.6rem;
	font-weight:600;
	line-height:125%;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	position:relative;
}

ul.faqList > li > a > span{
	display:block;
	overflow:hidden;
	width:calc(100% - 2em);
	text-indent: -1.5em;
	padding-left:1.5em;
}

ul.faqList > li > a > span::before{
	content:"Q.";
	color:#DF4661;
	margin-right:0.25em;
}

ul.faqList > li > a::after{
	display:inline-block;
	overflow:hidden;
	width:1.5em;
	content:"\ea3c";
	color:#DEDEDE;
	position:absolute;
	top:calc(50% - 0.5em);
	right:0.5em;

	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


.pc ul.faqList > li > a:hover::after{
	color:#DF4661;
	right:0;
}



/* for SP --------------------------*/
@media screen and (max-width:768px){

	ul.faqList > li{
		margin-bottom:2vw;
	}

}




/* ==========================================================
*
* 引き込み用よくある質問 リスト
*
========================================================== */

#iptQuestions{
	display:block;
	overflow:hidden;
	padding:75px 0;
	background-color:#F8F5EF;

}

#iptQuestions h2 {
	font-size: 3.4rem;
	font-weight: 600;
	line-height: 155%;
	position: relative;
	text-align: center;
	position: relative;
	padding-bottom: 0.5em;
}

#iptQuestions h2::after {
	content: "";
	display: inline-block;
	width: 1.6em;
	height: 5px;
	border-top: 2px solid #DF4661;
	position: absolute;
	bottom: 0;
	left: calc(50% - 0.8em);
}

#iptQuestions h2 strong{
	color:#DF4661;
}



#iptQuestions ul{
	display:block;
	overflow:hidden;
	margin:40px 0;
}


#iptQuestions ul > li{
	display:block;
	overflow:hidden;
	padding:30px 30px;
	background-color:#ffffff;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

#iptQuestions ul > li + li{
	margin-top:25px;
}


#iptQuestions ul > li h5{
	display:block;
	overflow:hidden;
	font-size:1.6rem;
	font-weight:600;
	line-height: 155%;
	text-indent:-1.5em;
	padding-left:1.75em;
	padding-bottom:0.75em;
	margin-bottom: 0.75em;
	border-bottom: 1px dashed #DF4661;
}

#iptQuestions ul > li h5::before{
	content:"Q.";
	color:#DF4661;;
	margin-right:0.25em;
}


#iptQuestions ul > li > p{
	display:block;
	overflow:hidden;
	font-size:1.4rem;
	line-height: 155%;
}

#iptQuestions ul > li > p+a.icf-dotlink {
	margin-top:1em;
	float:right;
}


#iptQuestions a.icf-ovalBtn {
	padding: 0.7em 5em;
	font-size:1.8rem;
	font-weight:600;
}


/* for SP --------------------------*/
@media screen and ( max-width:768px) {

	#iptQuestions{
		padding:12vw 0;
	}

	#iptQuestions h2 {
		font-size: 2.4rem;
	}

	#iptQuestions ul{
		margin:8vw 0;
	}


	#iptQuestions ul > li{
		padding:6vw 6vw;
	}

	#iptQuestions ul > li + li{
		margin-top:4vw;
	}

	#iptQuestions a.icf-ovalBtn {
		padding: 0.7em 2em;
		width:100%;
	}

}



/* ==========================================================
*
* ページャー
*
========================================================== */
#pager{
	display:block;
	overflow:hidden;
	position:relative;
	text-align:center;
	padding:0 50px;
	margin:50px 0;
	border-top: none;
}

nav.pagination{
	border-top:unset;
}

nav.pagination > *{
	vertical-align:middle;
}

nav.pagination .page-numbers{
	display:inline-block;
	overflow: hidden;
	width:40px;
	height:40px;
	font-size:1.4rem;
	line-height:40px;
	text-align:center;
	color:#888888;
	border:1px solid #888888;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

nav.pagination .page-numbers.current{
	color:#ffffff;
	border-color:#DF4661;
	background-color:#DF4661;
}

nav.pagination .page-numbers.dots{
	border:unset;
}

nav.pagination a.prev.page-numbers{
	border:unset;
	float:left;
	width:auto;
}
nav.pagination a > span.icf-prev::before{
	content: "\ea40";
	color:#CCCCCC;
	margin-right:0.5em;
	padding-left:0.25em;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.pc nav.pagination a > span.icf-prev:hover::before{
	margin-right:0.75em;
	padding-left:0;
}

.pc nav.pagination a:hover{
	color:#DF4661;
	border-color:#DF4661;
}


nav.pagination a.next.page-numbers{
	border:unset;
	float:right;
	width:auto;
}
nav.pagination a > span.icf-next::after{
	content: "\ea3c";
	color:#CCCCCC;
	margin-left:0.5em;
	padding-right:0.25em;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.pc nav.pagination a > span.icf-next:hover::after{
	margin-left:0.75em;
	padding-right:0;
}



/* for SP --------------------------*/
@media screen and ( max-width:768px) {

	#pager{
		padding:0 0;
		margin:8vw 0;
		height:90px;
	}

	nav.pagination a.prev{
		position:absolute;
		bottom:0;
		left:0;
	}
	nav.pagination a.next{
		position:absolute;
		bottom:0;
		right:0;
	}

}


/* ==========================================================
*
* ページネーション
*
========================================================== */
#pagiNation{
	display:block;
	overflow:hidden;
	text-align:center;
	width:min(100%,920px);
	margin:50px auto 75px;
}

ul.singlePager{
	display:flex;
	align-content:center;
}

ul.singlePager > li{
	flex:1;
}

ul.singlePager > li+li{
	border-left:1px solid #DEDEDE;
}


ul.singlePager > li a{
	display:block;
	overflow:hidden;
	text-align:center;
	font-size:1.6rem;
	line-height:125%;
	padding:0.25em 0;
}

ul.singlePager > li.-left > a::before{
	content: "\ea40";
	margin-left:0.5em;
	margin-right:1em;
	color:#CCCCCC;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

ul.singlePager > li.-center > a::before{
	content: "\e913";
	margin-right:0.5em;
}
ul.singlePager > li.-right > a::after{
	content: "\ea3c";
	margin-left:1em;
	margin-right:0.5em;
	color:#CCCCCC;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.pc ul.singlePager > li.-left > a:hover::before{
	margin-left:0em;
	margin-right:1.5em;
	color:#DF4661;
}
.pc ul.singlePager > li.-right > a:hover::after{
	margin-left:1.5em;
	margin-right:0em;
	color:#DF4661;
}



/* for SP --------------------------*/
@media screen and (max-width:768px){

	#pagiNation{
		margin:9vw auto 18vw;
	}

	#pagiNation a{
		font-size:1.4rem;
		padding:0.25em 0;
	}

}



/*------------------------------------------
 右フロートナビ
 ------------------------------------------*/

#floatNav {
	display: inline-block;
	width: 260px;
	overflow:hidden;
	letter-spacing:normal;
	/*position: sticky;
	top: 0;
	float: right;*/
}

#floatNav dl{

}

#floatNav dl > dt{
	font-size:1.6rem;
	font-weight:600;
	line-height:175%;
	padding-bottom:0.75em;
	border-bottom:1px solid #DF4661;
	margin-top:2em;
}

#floatNav dl > dd{
	padding-top:0.75em;
}

#floatNav  dl > dd a{
	display:block;
	overflow:hidden;
	padding:1em 1em;
	font-size:1.5rem;
	/*font-weight:600;*/
	line-height:125%;
	background-color: #F8F5EF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#floatNav  dl > dd a+a{
	margin-top:4px;
}


#floatNav  dl > dd a::after{
	content: "\e901";
	color: #e75574;
	float:right;
}

#floatNav  dl + a.icf-ovalBtn{
	display:none;
}


/* for SP --------------------------*/
@media screen and (max-width:768px){

	#floatNav {
		display: block;
		width: 100%;
	}

	#floatNav dl > dt{
		font-size:1.6rem;
		padding-bottom:0.25em;
	}

	#floatNav dl > dd{
		padding-top:0.75em;
	}

	#floatNav dl > dd:first-child{
		display:none;
	}


	#floatNav dl > dd a{
		display:inline-block;
		padding:0.5em 0.75em;
		font-size:1.2rem;
		border:1px solid #DEDEDE;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		background-color:#ffffff;
		margin-bottom:0.5em;
		margin-right:0.5em;
	}

	#floatNav dl > dd a+a{
		margin-top:0;
	}


	#floatNav dl > dd a::after{
		display:none;
	}

	#floatNav  dl + a.icf-ovalBtn{
		display:block;
		margin:4vw 0 8vw;
	}


}



/* ==========================================================
*
* 外部埋め込みパーツセット
*
========================================================== */


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

 1 オプションサービス パーツ
 オプション

------------------------------------------ */
#optionList{
	display:block;
	margin:80px 0;
	position:relative;
}


#optionList h2+p{
	font-size:1.8rem;
	line-height:155%;
	text-align:center;
	margin:40px 0;
}


#optionList ul{
	display:flex;
	overflow:hidden;
	justify-content:space-between;
}

#optionList ul > li > a{
	display:block;
	overflow:hidden;
	width:min(100%,204px);
	padding:5px 5px;
	background-color:#F2F2F2;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#optionList ul > li > a > p{
	display:block;
	overflow:hidden;
	padding:0.75em 0 0.75em 0.25cm;
	background-color:#ffffff;
	font-size:1.6rem;
	font-weight:600;
	line-height:125%;
}

#optionList ul > li > a > p::after{
	content: "\ea3c";
	font-size: 1.8rem;
	color: #DF4661;
	float:right;
	margin-right:0.75em;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#optionList ul > li > a img{
	width:min(100%,196px);
	height:auto;
}

.pc #optionList ul > li > a:hover > p::after{
	margin-right:0.25em;
}





/* for SP --------------------------*/
@media screen and ( max-width:768px) {

	#optionList{
		margin:12vw 0;
	}


	#optionList h2+p{
		font-size:1.6rem;
		margin:1em 0;
	}


	#optionList ul{
		flex-wrap:wrap;
		gap:4px 0;
	}

	#optionList ul > li{
		width:50%;
		padding:0 4px;
	}

	#optionList ul > li > a{
		display:block;
		overflow:hidden;
		width:min(100%,204px);
		padding:5px 5px;
		background-color:#F2F2F2;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	#optionList ul > li > a > p{
		font-size:1.4rem;
	}

	#optionList ul > li > a > p::after{
		font-size: 1.6rem;
		margin-right:0.25em;
	}


}




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

 2 見積もりボタン パーツ
 まずは引越し料金をチェック！

------------------------------------------ */
#estimatesSet{
	display:block;
	/*overflow:hidden;*/
	margin:50px 0;
	padding:70px 0;
	position:relative;
	text-align:center;
	background-color:#ea8e9f;
}

#estimatesSet h2{
	font-size:3.4rem;
	font-weight:600;
	color:#ffffff;
	line-height:155%;
	position:relative;
	text-align:center;
	position:relative;
	padding-bottom:0.5em;
}

#estimatesSet h2::after{
	content:"";
	display:inline-block;
	width:1.6em;
	height:5px;
	border-top:2px solid #ffffff;
	position:absolute;
	bottom:0;
	left:calc(50% - 0.8em);
}

#estimatesSet h2+p{
	font-size:1.8rem;
	color:#ffffff;
	line-height:155%;
	margin:40px 0;
}


#estimatesSet .innerBox{
	display:block;
	overflow:hidden;
	text-align:left;
	position:relative;
	line-height:100%;
	font-size:0;
}

#estimatesSet a[class^='btn_']{
	display:inline-block;
	width: 525px;
	height:194px;
	position:relative;
	vertical-align:top;
}

#estimatesSet a[class^='btn_']::before{
	content:"";
	display:block;
	overflow:hidden;
	width: 525px;
	height:194px;
	background-color:#cccccc;
	-webkit-border-radius:25px;
	border-radius:25px;
	position:absolute;
	top:10px;
	left:0;
}

#estimatesSet a[class^='btn_'] img{
	width:100%;
	height:auto;
	position:relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.pc #estimatesSet a[class^='btn_']:hover img{
	filter:contrast(150%);
}
.pc #estimatesSet a[class^='btn_']:active img{
	top:10px;
}


#estimatesSet a.btn_easy{
	
}
#estimatesSet a.btn_easy:before{
	background-color:#004D75!important;
}

#estimatesSet a.btn_ditail{
	float: right;
}
#estimatesSet a.btn_ditail:before{
	background-color:#933500!important;
}


.estInfo{
	clear:both;
	display:block;
	overflow:hidden;
	margin-top:30px;
	padding:30px 1em;
	text-align:center;
	background-color:#ffffff;
	position:relative;
	-webkit-border-radius:10px;
	border-radius:10px;

	/*
	-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	*/
}

.estInfo > *{
	vertical-align:middle;
}


.estInfo > span{
	display:inline-block;
	overflow:hidden;
	position:relative;
	font-size:2.0rem;
	font-weight:600;
	line-height:125%;
	margin-right:1em;
}


/* for SP --------------------------*/
@media screen and ( max-width:768px) {

	#estimatesSet{
		margin:0 0;
		overflow:hidden;
		padding:12vw 0;
		/*
		-webkit-box-shadow:0px 0px 5px rgba(0,0,0,0.5);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
		*/
	}

	#estimatesSet h2{
		font-size:2.4rem;
	}

	#estimatesSet h2+p{
		font-size:1.6rem;
		margin:8vw 0;
	}

	#estimatesSet .innerBox{
		background-color: #ffffff;
		-webkit-border-radius:15px;
		border-radius:15px;
	}

	#estimatesSet a[class^='btn_']{
		width:calc(50% - 1px);
		height:auto;
	}

	#estimatesSet a[class^='btn_']::before{
		display:none;
	}

	.estInfo{
		margin-top:0;
		padding:6vw 1em;

		-webkit-border-radius:unset;
		border-radius:unset;
		-webkit-box-shadow:unset;
		/*box-shadow:unset;*/
	}


	.estInfo > span{
		display:block;
		font-size:1.4rem;
		margin-right:0
	}

	.estInfo .telData > span{
		display:block;
		text-align:center;
	}
	.estInfo .telData > span > br{
		display:none;
	}

}



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

 3 引越しパックボタン パーツ
 豊富なパックからあなたにぴったりの>お引越しをご提案

------------------------------------------ */
#packSet{
	display:block;
	background:url('../images/pack/bg_serch.png');
	padding:50px 0 70px;
	text-align:center;
}


#packSet h2{
	font-size:3.4rem;
	font-weight:600;
	color:#ffffff;
	line-height:155%;
	position:relative;
	text-align:center;
	position:relative;
	padding-bottom:1.0em;
}

.dotTxt {
	-webkit-text-emphasis: filled #df4661;
	text-emphasis: filled #df4661;
}

#packSet{
	display:block;
	overflow:hidden;
	white-space:nowrap;
}

#packSet ul{
	display:flex;
	overflow:hidden;
	justify-content:space-between;
}

#packSet ul > li{
	
}

#packSet a[class^='btn_']{
	display:inline-block;
	width: 343px;
	height:167px;
	position:relative;
	vertical-align:middle;
	margin-bottom:10px;
}

#packSet a[class^='btn_']::before{
	content:"";
	display:block;
	overflow:hidden;
	width: 343px;
	height:167px;
	background-color:#a04a5a;
	-webkit-border-radius:20px;
	border-radius:20px;
	position:absolute;
	top:10px;
	left:0;
}

#packSet a[class^='btn_'] img{
	width:100%;
	height:auto;
	position:relative;
	/*
	-webkit-transition: all 0.3s ease-out;
	transition: all 3.3s ease-out;
	*/
}

.pc #packSet a[class^='btn_']:active img{
	top:10px;
}


#packSet a.btn_pack01{
	float:left;
}

#packSet a.btn_pack02{
	
}

#packSet a.btn_pack03{
	float:right;
}


/* for SP --------------------------*/
@media screen and ( max-width:768px) {

	#packSet{
		padding:12vw 0 8vw;
	}

	#packSet h2{
		font-size:2.4rem;
		padding-bottom:1.0em;
	}

	#packSet ul{
		flex-direction: column;
	}

	#packSet ul > li{
		
	}

	#packSet a[class^='btn_']{
		display:block;
		width: 100%;
		height:auto;
		margin-bottom:3vw;
	}

	#packSet a[class^='btn_']::before{
		content:"";
		display:block;
		overflow:hidden;
		width: 100%;
		height:100%;
		-webkit-border-radius:10px;
		border-radius:10px;
		top:5px;
		left:0;
	}

	#packSet a.btn_pack01,
	#packSet a.btn_pack03{
		float:none;
	}

}



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

 4 エクストラサービス
 コーナーリンク パーツ

------------------------------------------ */
#contentSet{
	display:block;
	overflow:hidden;
}


#contentSet ul{
	display:flex;
	width:max(100%,1080px);
}

#contentSet ul > li{
	flex-grow: 1;
}


#contentSet ul > li + li{
	border-left:1px solid #EDEDED;
}


#contentSet ul > li > a{
	display:block;
	overflow:hidden;
	padding:35px 25px 35px 125px;
	position:relative;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#contentSet ul > li > a > img{
	width:90px;
	height:auto;
	position:absolute;
	top:50%;
	left:25px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	mix-blend-mode: multiply;
}


#contentSet ul > li > a > h4{
	font-size:2.1rem;
	font-weight:600;
	line-height:155%;
	color:#DF4661;
}


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

 5 エクストラサービス
 お引越と一緒にぜひご活用ください！

------------------------------------------ */
#extraService{
	display:block;
	overflow:hidden;
	margin-bottom:80px;
}

#extraService > .innerFrame{
	display:block;
	overflow:hidden;
	padding:40px 80px 80px;
	background-color:#F4DEE2;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}


#extraService h3 {
	display: block;
	overflow: hidden;
	font-size: 2.2rem;
	font-weight: 600;
	line-height: 155%;
	text-align: center;
	margin-bottom: 40px;
}

#extraService h3 > span {
	display: inline-block;
	overflow: hidden;
	background: url('../images/top/txt_shine.svg') no-repeat 0 0;
	background-size: 30px auto;
	padding: 15px 20px 0;
}

#extraService h3 strong{
	color:#DF4661;
}


/* for SP --------------------------*/
@media screen and (max-width:768px){

	#extraService{
		margin-bottom:12vw;
		padding:0 4vw;
	}

	#extraService > .innerFrame{
		padding:4vw 4vw;
	}


	#extraService h3 {
		font-size: 2.2rem;
		margin-bottom: 4vw;
	}

}



ul#attachList{
	display:flex;
	overflow:hidden;
	justify-content:space-between;
}

ul#attachList > li{
	width:295px;
	
	padding:20px 30px;
	background-color:#ffffff;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
}

ul#attachList > li .innerBox > p{
	display:block;
	overflow:hidden;
	padding:0.75em 0;
	font-size:1.4rem;
	line-height:155%;
	color:#888888;
	margin:1em 0;
}

ul#attachList > li .innerBox > h4{
	display:block;
	overflow:hidden;
	font-size:1.8rem;
	font-weight:600;
	line-height:155%;
	color:#DF4661;
	margin:1em 0;
}

ul#attachList > li:nth-child(1) .innerBox > p{
	padding:0 0;
}


ul#attachList > li .innerBox img{
	width: min(100%,180px);
	height:auto;
}


/* for SP --------------------------*/
@media screen and (max-width:768px){

	ul#attachList{
		flex-flow: column;
	}

	ul#attachList > li{
		padding:6vw 8vw 8vw;
		width:auto;
		height:auto;
		margin-bottom:4vw;
	}

	ul#attachList > li .innerBox > p{
		padding:0 0;
	}

}


#contentSet ul > li > a > p{
	font-size:1.4rem;
	line-height:155%;
	color:#333333;
	margin-top:0.5em;
}

#contentSet ul > li > a::after{
	content: "\ea3c";
	font-size:1.8rem;
	color:#DF4661;
	position:absolute;
	bottom:25px;
	right:35px;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


.pc #contentSet ul > li > a:hover{
	background-color:#ea8e9f;
}

.pc #contentSet ul > li > a:hover::after{
	right:25px;
}


/* for SP --------------------------*/
@media screen and ( max-width:768px) {

	#contentSet{
		
	}

	#contentSet ul{
		flex-direction: column;
	}

	#contentSet ul > li{
		flex-grow:0;
		width:100vw;
	}

	#contentSet ul > li + li{
		border-left:none;
		border-top:1px solid #EDEDED;
	}


	#contentSet ul > li > a{
		padding:4vw 4vw 4vw 30vw;
	}

	#contentSet ul > li > a > img{
		width:24vw;
		left:4vw;
	}


	#contentSet ul > li > a > h4{
		font-size:2.1rem;
	}

	#contentSet ul > li > a > p{
		font-size:1.4rem;
	}

	#contentSet ul > li > a::after{
		font-size:1.8rem;
		bottom:calk(4vw + 1.5em);
		right:4vw;
	}

}





/*------------------------------------------
 ラージバナー
 ------------------------------------------*/
#wideBnr{
	display:block;
	overflow:hidden;
	text-align:center;
	margin-top:55px;
}

#wideBnr a{
	display:block;
	overflow:hidden;
}

#wideBnr img{
	width:min(100%,1080px);
	height:auto;
}


/* for SP --------------------------*/
@media screen and (max-width:768px){

	#wideBnr{
		margin-top:4vw;
	}

}



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

 6 ハートの引越しが選ばれる理由

------------------------------------------ */
#officeReason{
	display:block;
	overflow:hidden;
	position:relative;
	margin-top:80px;
	padding:50px 0 80px;
	background-color:#F8F5EF;
}


#officeReason ul{
	display:block;
	overflow:hidden;
	width:min(920px,100%);
	margin:0 auto;
}

#officeReason ul > li{
	display:block;
	overflow:hidden;
	position:relative;
	height:340px;
}

#officeReason ul > li+li{
	margin-top:60px;
}


#officeReason ul > li > .innerBox{
	display:block;
	width:min(100%,480px);
	height:300px;
	padding:0 40px 40px;
	background-color:#ffffff;
	-webkit-border-radius: 15px;
	border-radius:15px;
	position:absolute;
	bottom:0;
	z-index:10;
}

#officeReason .innerBox > h4{
	display:block;
	font-size:3.2rem;
	font-weight:600;
	line-height:125%;
	position:absolute;
	top:-45px;
	left: 40px;
}

#officeReason .innerBox > h4 > strong{
	display:block;
	overflow:hidden;
	font-size:5.6rem;
	line-height:155%;
	color:#DF4661;
}

#officeReason .innerBox > p{
	display:block;
	overflow:hidden;
	margin:100px 0 1em;
	font-size:1.6rem;
	line-height:175%;
	text-align:left;
}

#officeReason ul > li > img{
	position:absolute;
	top:0;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
#officeReason ul > li:nth-child(even) > .innerBox{
	right:0;
}
#officeReason ul > li:nth-child(even) > img{
	left:0;
}

#officeReason ul > li:nth-child(odd) > .innerBox{
	left:0;
}
#officeReason ul > li:nth-child(odd) > img{
	right:0;
}




/* for SP --------------------------*/
@media screen and (max-width:768px){


	#officeReason{
		margin-top:12vw;
		padding:8vw 0 12vw;
	}


	#officeReason ul{
		width:100%;
	}

	#officeReason ul > li{
		height:auto;
	}

	#officeReason ul > li+li{
		margin-top:0;
	}


	#officeReason ul > li > .innerBox{
		display:block;
		width:calc(100% - 6vw);
		height:auto;
		padding:0 4vw 4vw;
		margin:0 auto;
		text-align:center;

		position:relative;
		bottom:auto;
		top:-8vw;
	}

	#officeReason .innerBox > h4{
		font-size:2.1rem;
		position:relative;
		top:-1.5em;
		left:auto;
		text-align:center;
	}

	#officeReason .innerBox > h4 > strong{
		font-size:4.0rem;
	}

	#officeReason .innerBox > p{
		margin-top:0;
		font-size:1.4rem;
	}

	#officeReason ul > li > img{
		position:relative;
		top:auto;
		width:100%;
		height:auto;
	}

	#officeReason ul > li:nth-child(even) > .innerBox,
	#officeReason ul > li:nth-child(odd) > img{
		right:auto;
	}
	#officeReason ul > li:nth-child(even) > img,
	#officeReason ul > li:nth-child(odd) > .innerBox{
		left:auto;
	}


}




/*------------------------------------------
 お客様の声 カルーセル
 ------------------------------------------*/
#voiceSlyder{
	
}

#voiceSlyder ul li{
	text-align:center;
}

#voiceSlyder ul li > .innerBox{
	display:inline-block;
	overflow:hidden;
	width:min(100%,266px);
	font-size:1.6rem;
	line-height:155%;
	position:relative;
	text-align:left;
}


#voiceSlyder .innerBox > h3{
	font-weight:600;
	margin:0.5em 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
#voiceSlyder .innerBox > p{
	display:block;
	overflow:hidden;
	font-size:1.4rem;
	line-height:155%;
	margin-bottom:1em;
}

#voiceSlyder .innerBox img{
	width:100%;
	height:auto;
}

#voiceSlyder .innerBox > .usrdata{
	display:inline-block;
	overflow:hidden;
	padding:0.25em 0.5em;
	font-size:1.2rem;
	line-height:125%;
	color:#DF4661;
	border:1px solid #DF4661;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#voiceSlyder .innerBox > .usrdata > span{
	display:inline-block;
	overflow:hidden;
}
#voiceSlyder .innerBox > .usrdata > span+span::before{
	content:"・";
}

#voiceSlyder .innerBox > a.icf-dotlink{
	float:right;
}

#voiceSlyder .slick-prev,
#voiceSlyder .slick-next{
	width:40px;
	height:40px;
	z-index:5;
}
#voiceSlyder .slick-prev:before,
#voiceSlyder .slick-next:before{
	font-size:40px;
	color:rgba(0,0,0,0.75);
}

#voiceSlyder .slick-prev{
	left:150px;
}
#voiceSlyder .slick-next{
	right:150px;
}



/* for SP --------------------------*/
@media screen and (max-width:768px){

	#voiceSlyder ul li{
		padding:0 2vw;
	}

	#voiceSlyder .innerBox{
		width:100%;
	}

	#voiceSlyder .slick-prev{
		left:10px;
	}
	#voiceSlyder .slick-next{
		right:10px;
	}

}




/*------------------------------------------
 パック一覧
 ------------------------------------------*/
ul#packLineup{
	display:flex;
	align-content: space-between;
	gap:0 20px;
	margin-bottom:30px;
}

ul#packLineup > li{
	flex:1;
	overflow:hidden;
	background-color:#F8F5EF;
	-webkit-border-radius:15px;
	border-radius:15px;
	padding-bottom:40px;
}


ul#packLineup .headcopy{
	display:block;
	position:relative;
	margin-bottom:7px;
}

ul#packLineup .headcopy > span{
	display:block;
	padding:0.75em 0;
	font-size:2.0rem;
	font-weight:600;
	line-height:125%;
	color:#ffffff;
	background-color:#EA8E9F;
}

ul#packLineup .headcopy > span::after{
	content:"";
	display:inline-block;
	position:absolute;
	bottom:-7px;
	left:calc(50% - 7px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #ea8e9f transparent transparent transparent;

}

ul#packLineup > li h4{
	display:block;
	overflow:hidden;
	font-size:1.8rem;
	font-weight:600;
	line-height:155%;
	color:#DF4661;
	margin:1em 0 0.5em;
}

ul#packLineup > li a.icf-ovalBtn{
	margin-top:1em;
}



/* for SP --------------------------*/
@media screen and (max-width:768px){

	ul#packLineup{
		flex-direction: column;
		gap:4vw 0;
		margin-bottom:6vw;
	}

	ul#packLineup > li{
		padding-bottom:4vw;
	}


	ul#packLineup .headcopy > span{
		font-size:1.6rem;
	}

	ul#packLineup > li h4{
		font-size:1.8rem;
	}

	ul#packLineup > li h4 > br{
		display:none;
	}

	ul#packLineup > li a.icf-ovalBtn{
		margin-top:1em;
	}


}



/*------------------------------------------
 法人用コンタクトリンク
 ------------------------------------------*/
#houjinEstimae{
	display:block;
	overflow:hidden;
	background-color:#ea8e9f;
	padding:60px 0;
}


#houjinEstimae ul{
	display:flex;
	flex-wrap:wrap;
	gap:40px 20px;
	margin-bottom:50px;
}

#houjinEstimae ul > li{
	flex:1;
	padding:40px 0 40px 50px;
	background-color:#F8F5EF;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 0px 10px 0px #A04A5A;
	box-shadow: 0px 10px 0px #A04A5A;
}


#houjinEstimae ul > li img{
	float:left;
	margin-right:20px;
}

#houjinEstimae ul > li  h4{
	font-size:2.4rem;
	font-weight:600;
	line-height:155%;
	margin-bottom:0.5em;
	text-align:left;
}

#houjinEstimae ul > li h4 strong{
	color:#DF4661;
}

#houjinEstimae a.icf-ovalBtn{
	font-size:1.4rem;
}




/* for SP --------------------------*/
@media screen and (max-width:768px){

	#houjinEstimae{
		padding:60px 0;
	}


	#houjinEstimae ul{
		flex-direction:column;
		gap:8vw 0;
		margin-bottom:8vw;
	}

	#houjinEstimae ul > li{
		padding:4vw 4vw;
		text-align:center;
	}


	#houjinEstimae ul > li img{
		float:none;
		margin-right:0;
	}

	#houjinEstimae ul > li  h4{
		text-align:center;
	}


}