@charset "utf-8";
/*----------------*/
/*  キービジュアル  */
/*----------------*/
#page-service .keyvisual{
	position: relative;
	opacity: ;
}

.servicekeyvisual{
	width: 100%;
}
.titleservice{
	position: absolute;
	top: 4vw;
	left:50%;
	transform:  translateX(-50%);
	-webkit- transform:  translateX(-50%);
	color: #000;
	/*font-size: 35px;*/
	font-size: 3vw;
	text-shadow: #FFF 1px 1px 0px, #FFF -1px 1px 0px, #FFF 1px -1px 0px, #FFF -1px -1px 0px;
}
.description{
	position: absolute;
	text-align: center;	
/*	top: 30%;*/
	top: 10vw;
	left:50%;
	transform:  translateX(-50%);
	-webkit- transform:  translateX(-50%);
	/*width: 860px;*/
	width: 80%;
	/*height: 150px;*/
	background-color: #fff;
	opacity: 0.95;
	/*padding: 40px;*/
	padding: 3vw;
	/*font-size: 17px;*/
	font-size: 1.6vw;
}


/*----------------*/
/*  　サービス　　 */
/*----------------*/
/*サービス案内*/
/*h2 {
border-bottom: solid 3px #cce4ff;
position: relative;
text-align: center;
width: 300px;
margin-left:auto; 
margin-right:auto;

}

h2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #5472cd;
bottom: -3px;
width: 20%;
}*/
.boxp{
	/*width: 1000px;*/
	position: relative;
	/*position: absolute;*/
	width: 90%;
	height: 20vw;
	font-size: 1.6vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10vw;
	/*margin-bottom: 80px;*/

}
#page-service h3{
	/*font-size: 20px;*/
	font-size: 2.6vw;
	/*width: 1000px;*/
	width: 90%;
	height:40px;
	/*background-color:#cce4ff;*/
	border-bottom: solid 2px #cce4ff;
	display: flex;
	align-items: center;
	justify-content: center; 
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	
}

span.deco::before {
	content: '✔';
	border: solid 0.1vw;
	margin: 0.2vw;
}

.boxc1{
	line-height: 2em;
	/*width: 750px;*/
	/*height: 200px;*/
	width: 65%;
	height: 30vw;
	/*border: solid 1px;*/
	/*padding-left: 20px;*/
	padding-left: 2vw;
	margin-left: auto;
	margin-right: auto;	
}



#IT{
	position: relative;
	width: 100%;
	height: 40vw;
}

.ITc{
	/*width: 1000px;*/
/*	position: relative;*/
	position: absolute;
	width: 90%;
	height: 20vw;
	font-size: 1.5vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10vw;
	/*margin-bottom: 80px;*/

}

.ITc1{
	position: absolute;
	line-height: 2em;
	/*width: 750px;*/
	/*height: 200px;*/
	width: 60%;
	left: 5%;
	/*border: solid 1px;*/
	/*padding-left: 20px;*/
	padding-left: 2vw;
	margin-left: auto;
	margin-right: auto;	
}

img.IT {
	position: absolute;
	opacity: 0.7;
	top: 2vw;
	left: 70%;
	width: 30vw;
	height: 20vw;
	transform: rotate(-5deg);
	box-shadow: 0px 0px 3vw -1vw rgba(0, 0, 0, 0.8);
}

#realestate{
	position: relative;
	width: 100%;
	height: 40vw;
}

.realestatec{
	/*width: 1000px;*/
/*	position: relative;*/
	position: absolute;
	width: 90%;
	height: 20vw;
	font-size: 1.5vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10vw;
	/*margin-bottom: 80px;*/

}

.realestatec1{
	position: absolute;
	line-height: 2em;
	/*width: 750px;*/
	/*height: 200px;*/
	width: 60%;
	left: 5%;
	/*border: solid 1px;*/
	/*padding-left: 20px;*/
	padding-left: 2vw;
	margin-left: auto;
	margin-right: auto;	
}

#loan{
	position: relative;
	width: 100%;
	height: 110vw;
}

.loanc{
	/*width: 1000px;*/
/*	position: relative;*/
	position: absolute;
	width: 90%;
	height: 20vw;
	font-size: 1.5vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10vw;
	/*margin-bottom: 80px;*/
}

.loanc1{
	position: absolute;
	line-height: 2em;
	/*width: 750px;*/
	/*height: 200px;*/
	width: 100%;
	left: 5%;
	/*border: solid 1px;*/
	/*padding-left: 20px;*/
	padding-left: 2vw;
	margin-left: auto;
	margin-right: auto;	
}

#accounting{
	position: relative;
	width: 100%;
	height: 200vw;	
}

.accountingc{
	/*width: 1000px;*/
/*	position: relative;*/
	position: absolute;
	width: 90%;
	height: 20vw;
	font-size: 1.5vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10vw;
	/*margin-bottom: 80px;*/
}

.accountingc1{
	position: absolute;
	line-height: 2em;
	/*width: 750px;*/
	/*height: 200px;*/
	width: 100%;
	left: 5%;
	/*border: solid 1px;*/
	/*padding-left: 20px;*/
	padding-left: 2vw;
	margin-left: auto;
	margin-right: auto;	
}

#mailorder{
	position: relative;
	width: 100%;
	height: 50vw;
}

img.hojokin {
	position: absolute;
	opacity: 0.7;
	top: 2vw;
	left: 75%;
	width: 20vw;
	height: 25vw;
	transform: rotate(5deg);
	box-shadow: 0px 0px 3vw -1vw rgba(0, 0, 0, 0.8);
}

/*img.IT::after {
	position: absolute;
	display: block;
	content: "";
	top: 2vw;
	left: 65%;
	width: 30vw;
	height: 20vw;
	transform: rotate(-5deg);
	background: #fff;
	box-shadow:
	inset 0 0 20px #fff,
	inset 0 0 20px #fff,
	inset 0 0 20px #fff,
	inset 0 0 20px #fff;
}
*/
.boxc2{
/*width: 150px;
margin-top:25px; */
	width: 100%;
	margin-top: 3vw;
}
.boxc3{
	line-height: 2em;
	width: 100%;
	/*border: solid 1px;*/
	margin-left: auto;
	margin-right: auto;	
}
table{
	/*width: 700px;*/
	width: 90%;
	border: solid 1px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
table th{
	background-color:#cce4ff;
}

ol.basic {padding-top:20px;
	margin-left:60px;
}

ul.aaa {list-style-type:none;
        margin-left:50px;
}

ol.ccc {padding-top:10px;
        padding-left:30px;
	margin-left:20px;
}     
 h4{
 	text-align: center;
 	margin:30px;
 	background-color: #ffc0cb;
/* 	width: 300px;*/
width: 90%;
/* 	height: 30px;*/
 	margin-right: auto;
 	margin-left: auto;
 	padding: 1.5vw;
 	margin-bottom: 5vw;
 	color: #FFFFFF;
 } 
 .hp{
 	/*width: 800px;*/
 	width: 65%;
 	height: 100px;
 	line-height: 1.8;
 	
 } 
 .sankaku{
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #ddd;
	margin-top: 30px;
	margin-right: auto;
 	margin-left: auto;
 }
.square {
	display: inline-block;
	/*width: 180px;*/
	width: 30%;
	height: 100px;
	border: solid;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 20px;
}
.hoge1{
	/*width: 1000px;*/
	width: 90%;
}
/*----------------*/
/*  　6角形　　　　 */
/*----------------*/

/*----------------*/
/*     footer    */
/*----------------*/
footer {
	width: 100%;
	height: 50px;
	background-color: #fff;
	font-size: 15px;
	text-align: center;
}

#website{
	position: relative;
	width: 100%;
	height: 210vw;
}

#distribution{
	position: relative;
	width: 100%;
}

.hp1{
	position: relative;
	width: 100%;
	height: 20vw;
}

.hp1_img {
	position: absolute;
	width: 30%;
	height: 20vw;
}

.hp1_str{
	position: absolute;
	width: 60%;
	left: 35%;
	top: 0vw;
}

.hp2{
	position: relative;
	width: 100%;
	height: 20vw;
}

.hp2_img {
	position: absolute;
	width: 30%;
	height: 20vw;
}

.hp2_str{
	position: absolute;
	width: 60%;
	left: 35%;
	top: 0vw;
}

.hp3{
	position: relative;
	width: 100%;
	height: 20vw;
}

.hp3_img {
	position: absolute;
	width: 30%;
	height: 20vw;
}

.hp3_str{
	position: absolute;
	width: 60%;
	left: 35%;
	top: 0vw;
}

.hp4{
	position: relative;
	width: 100%;
	height: 20vw;
}

.hp4_img {
	position: absolute;
	width: 30%;
	height: 20vw;
}

.hp4_str{
	position: absolute;
	width: 60%;
	left: 35%;
	top: 0vw;
}

.hp5{
	position: relative;
	width: 100%;
	height: 20vw;
}

.hp5_img {
	position: absolute;
	width: 30%;
	height: 20vw;
}

.hp5_str{
	position: absolute;
	width: 60%;
	left: 35%;
	top: 0vw;
}

.hp6{
	position: relative;
	width: 100%;
	height: 20vw;
}

.hp6_img {
	position: absolute;
	width: 30%;
	height: 20vw;
}

.hp6_str{
	position: absolute;
	width: 60%;
	left: 35%;
	top: 0%;
}

.ryutu{
	text-align: left;
}

.numspan {
	position: absolute;
	text-align: center;
	font-size: 8vw;
	color: #000000;
	background-color: #FFFFFF;
	opacity: 0.6;
	width: 30%;
	top: 5vw;
}

.numspanr {
	position: absolute;
	text-align: center;
	font-size: 8vw;
	color: #000000;
	background-color: #FFFFFF;
	opacity: 0.6;
	left: 65%;
	width: 30%;
	top: 5vw;
}

.hpstr{
	width: 100%;
}