@charset "utf-8";
#bann-bloc-anch::before {
    content: "";
    display: block;
    height: 80px; /* ヘッダの高さ */
    margin-top: -80px; /* 同じだけマイナスマージン */
    visibility: hidden;
}
#bann-bloc-anch {
    scroll-margin-top: 80px; /* ヘッダの高さに合わせる */
}
.home-butt-wrap{
	max-width:50%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:center;
}
a.serv-butt {
	color:#ffffff;
	font-size:1.5rem;
	font-weight:700;
	display:block;
	max-width:240px;
	width:100%;
	height:44px;
	padding:0 5px;
	border:solid 0px #1742ae;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-radius:8px;
	letter-spacing:2px;
	box-shadow: 0px 3px 0px 0px rgba(191, 213, 226, 1.0);
	pointer-events: auto;
	margin:35px auto 5px 5%;
	position:relative;
	top:0px;
	right:0px;
	transition: 0.2s;
	background:#f9a827;
	white-space: nowrap;
overflow: hidden;
box-sizing: border-box;

}
a.serv-butt:hover {
	max-width:240px;	
	color:#ffffff;
	font-size:1.5rem;
	font-weight:700;
	display:block;
	width:100%;
	height:44px;
	padding:0 5px;
	background:#f9a827;
	border:solid 0px #1742ae;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-radius:8px;
	letter-spacing:2px;
	box-shadow: 0px 0px 0px 0px rgba(6, 29, 85, 1.0);
	pointer-events: auto;
	margin:35px auto 5px 5%;
	position:relative;
	top:4px;
	right:0px;
	transition: 0.2s;
	white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
	
}
a.down-butt {
	color:#ffffff;
	font-size:1.5rem;
	font-weight:700;
	display:block;
	max-width:190px;
	width:100%;
	height:44px;
	padding:0 24px 0 0;
	border:solid 0px #1742ae;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-radius:8px;
	letter-spacing:2px;
	box-shadow: 0px 3px 0px 0px rgba(191, 213, 226, 1.0);
	pointer-events: auto;
	margin:10px auto 0px;
	position:relative;
	top:0px;
	right:0px;
	transition: 0.2s;
	background:#f9a827;
	background:url(../img/cmn/icon-clou01.png) center right 8px no-repeat,#f9a827;
	cursor:pointer;
}
a.down-butt:hover {
	color:#ffffff;
	font-size:1.5rem;
	font-weight:700;
	display:block;
	max-width:190px;
	width:100%;
	height:44px;
	padding:0 24px 0 0;
	background:#f9a827;
	border:solid 0px #1742ae;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-radius:8px;
	letter-spacing:2px;
	box-shadow: 0px 0px 0px 0px rgba(6, 29, 85, 1.0);
	pointer-events: auto;
	margin:10px auto 0px;
	position:relative;
	top:4px;
	right:0px!important;
	transition: 0.2s;
	background:url(../img/cmn/icon-clou01.png) bottom 10px right 8px no-repeat,#f9a827;
}

.services-top-form{
margin: 0 auto 30px;
}
.services-title{
pointer-events: none;
}

.serv-bann-bloc {
margin: 0 auto 80px;
}
.card-colu-list{
	max-width:1280px;
	width:100%;
	border:solid 0px #0C0;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
}
.card-colu-item{
	max-width:calc(19% - 10px);
	width:100%;
	padding:10px 5px;
	margin:0 8px;
	border-radius:8px;
box-shadow: 2px 0px 2px #efefef, -2px 0px 2px #efefef,0px 2px 2px #efefef,0px -2px 2px #efefef,2px 2px 2px #efefef,-2px -2px 2px #efefef,2px -2px 2px #efefef,-2px 2px 2px #efefef;
	box-sizing: border-box;
	}
.card-colu-pict{
	max-width:160px;
	width:100%;
	height:auto;
	margin:0 auto 10px;
	border:solid 1px #e8e8e8;
	box-shadow:2px 2px 3px 0px #bcbcbc;

}
.card-colu-pict img{
	width:100%;
	height:auto;
	margin:0 auto;
	vertical-align:bottom;
	
}
@charset "utf-8";
 @media screen and (max-width: 1080px) {
 }
 @media screen and (max-width: 800px) {
.home-butt-wrap{
	max-width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center!important;
	align-items:center;
	text-align:center;
}	 
a.serv-butt {
	color:#ffffff;
	font-size:1.2rem;
	font-weight:700;
	display:block;
	max-width:180px;
	width:100%;
	height:40px;
	padding:0 3px;
	border:solid 0px #1742ae;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-radius:8px;
	letter-spacing:0px;
	box-shadow: 0px 3px 0px 0px rgba(191, 213, 226, 1.0);
	pointer-events: auto;
	margin:35px 0 5px 5%;
	position:relative;
	top:0px;
	right:0px;
	transition: 0.2s;
	background:#f9a827;
	white-space: nowrap;
overflow: hidden;
box-sizing: border-box;

}
a.serv-butt:hover {
	color:#ffffff;
	font-size:1.2rem;
	font-weight:700;
	display:block;
	max-width:180px;
	width:100%;
	height:40px;
	padding:0 3px;
	background:#f9a827;
	border:solid 0px #1742ae;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-radius:8px;
	letter-spacing:0px;
	box-shadow: 0px 0px 0px 0px rgba(6, 29, 85, 1.0);
	pointer-events: auto;
	margin:35px 0 5px 5%;
	position:relative;
	top:4px;
	right:0px;
	transition: 0.2s;
	white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
	
}
.card-colu-item{
	max-width:calc(210px - 0px);
	width:100%;
	padding:10px 5px;
	margin:0 8px;
	border-radius:8px;
box-shadow: 2px 0px 2px #efefef, -2px 0px 2px #efefef,0px 2px 2px #efefef,0px -2px 2px #efefef,2px 2px 2px #efefef,-2px -2px 2px #efefef,2px -2px 2px #efefef,-2px 2px 2px #efefef;
	box-sizing: border-box;
	}	 
 }
 @media screen and (max-width: 480px) {
.card-colu-item{
	max-width:calc(210px - 0px);
	width:100%;
	padding:10px 5px;
	margin:0 8px 20px;
	border-radius:8px;
box-shadow: 2px 0px 2px #efefef, -2px 0px 2px #efefef,0px 2px 2px #efefef,0px -2px 2px #efefef,2px 2px 2px #efefef,-2px -2px 2px #efefef,2px -2px 2px #efefef,-2px 2px 2px #efefef;
	box-sizing: border-box;
	}	 
	 
 }
 @media screen and (max-width: 380px) {
 }
 @media screen and (max-width: 360px) {
	 a.serv-butt {
	color:#ffffff;
	font-size:1.1rem;
	font-weight:700;
	display:block;
	max-width:150px;
	width:100%;
	height:40px;
	padding:0 3px;
	border:solid 0px #1742ae;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-radius:8px;
	letter-spacing:0px;
	box-shadow: 0px 3px 0px 0px rgba(191, 213, 226, 1.0);
	pointer-events: auto;
	margin:35px auto 5px 3%;
	position:relative;
	top:0px;
	right:0px;
	transition: 0.2s;
	background:#f9a827;
	white-space: nowrap;
overflow: hidden;
box-sizing: border-box;

}
a.serv-butt:hover {
	color:#ffffff;
	font-size:1.1rem;
	font-weight:700;
	display:block;
	max-width:150px;
	width:100%;
	height:40px;
	padding:0 3px;
	background:#f9a827;
	border:solid 0px #1742ae;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	border-radius:8px;
	letter-spacing:0px;
	box-shadow: 0px 0px 0px 0px rgba(6, 29, 85, 1.0);
	pointer-events: auto;
	margin:35px auto 5px 3%;
	position:relative;
	top:4px;
	right:0px;
	transition: 0.2s;
	white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
	
}
 }