@charset "utf-8";
/* CSS Document */

.header-area{
	background-color: #fff;
	padding:10px;
}

.l-footer__menu img{
	max-height: 100%;
}

.work-slider-list{
	border-top: dotted 2px #ccc;
	
}
.p-work .swiper .c-flex.work-slider-list{
	height: auto!important;
}

.p-work-btn a{
	background-color: #0b41a0 !important;
	color: #ecf3f5 !important;
	border-radius: 8rem !important;
	max-width: 600px;
	width: 80%;
	text-align: center;
	padding:20px;
	margin:0 auto;
	transition: .4s;
	/*--水平方向 垂直方向 影のぼかし 色--*/
	box-shadow: 3px 3px 3px rgba(0,0,0,0.3);  
}

.p-work-btn a:hover {
	/*--水平方向 垂直方向 色--*/
	box-shadow: 0 0 3px rgba(0,0,0,0);
}

.p-work-list{
	background-color:#cce8f3 !important;
	border:1px solid #008ac1;
	border-radius: 10px;
	text-align: center;
	padding:1rem 0;
}

.l-footer__menu{
	/*デフォルトで非表示にする*/
	opacity: 0;
	visibility: hidden;
}
.active{
	opacity: 1;
	visibility: visible;
}

@media screen and (min-width: 768px){
.l-footer__menu{
	opacity: 1;
	visibility: visible;
}

}

.menu-box{
	border: 3px solid #eee;
	border-radius: 1rem;
	padding: 2rem;
}

.menu-box ul li{
	border-bottom: dotted 1px #ccc;
	padding-bottom:20px;
	padding-top:20px;
	font-weight:bold;
}
.menu-box ul li:last-child{
	border-bottom:none;
}
.menu-box ul li a{
	color:#1b1b1b;
}
.menu_icon01,.menu_icon02,.menu_icon03,.menu_icon04{
	padding-left: 60px;
	position: relative;
}
.menu_icon01::before{
	content: url("img/menu01.png");
	vertical-align: top;
	top: -7px;
	left: 0;
	position: absolute;
}
.menu_icon02::before{
	content: url("img/menu02.png");
	vertical-align: top;
	top: -7px;
	left: 0;
	position: absolute;
}
.menu_icon03::before{
	content: url("img/menu03.png");
	vertical-align: top;
	top: -7px;
	left: 0;
	position: absolute;
}
.menu_icon04::before{
	content: url("img/menu04.png");
	vertical-align: top;
	top: -7px;
	left: 0;
	position: absolute;
}
.menu_icon01::after,.menu_icon02::after,.menu_icon03::after,.menu_icon04::after{
	content: url("img/menu-bt.png");
	right: 0;
	top: 7px;
	position: absolute;
}