@import 'https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i';


.header-menu ul li a,.focus-copy,.swiper-slide h2 span,.novelty-ul li span,.novelty-copy,.swiper-slide.products ul li a p strong,.pub-h2 span,.eDM-content,.bpo-i-t p,.from-box button,.contact-copy,.header-menu ul li#m-5 a, .header-menu ul li#m-6 a, .header-menu ul li#m-7 a,footer#footer a,.swiper-slide.products ul li a span{font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;font-weight: 500;
    font-style: normal;}
    dl.dd dd{padding-left:0;margin-left:0;}
.swiper-slide.products ul li a span{min-height: 18px}
.header-menu ul li{padding:0 20px;}
.focus-copy{padding:35px 200px;}
footer#footer a{font-size: 10px;}
.fs22{font-size: 22px !important;}
.fsWB{font-weight: 700 !important;}
.header-menu ul li.online a{text-align: center}
.swiper-slide h2 span{font-size: 14px}
.swiper-slide h2 #NoveltyOn{right: -270px !important}
/* .swiper-slide.products ul li a span{font-size:10px;-webkit-transform: scale(0.9); display: inline-block;
} */
p.mbNon{margin-bottom: 0 !important;}
.from-box{margin-top: 20px !important;}
@media only screen and (max-width: 1200px){
.header-menu ul li {
    /* width: 95px; */
    padding: 0px 10px;
}
.focus-copy{ padding:35px 0px; }
}
@media only screen and (max-width:768px) {
.swiper-slide.products ul li a span{min-height: 40px;}
}

/*   B.A.Dサービス一覧    */
#Contact{
	border-bottom: 1px solid #b174e3;
}
#service{
	padding-bottom: 50px;
}
#service .pub-h2 span{
	background: #32aaf0;
}
#service .pub-h2 img{
	display: none;
}
.service_list{
	width: 90%;
	max-width: 800px;
	margin: 5px auto 0 auto;
	overflow: hidden;
	clear: both;
}
.service_list li{
	width: 30%;
	float: left;
	margin-top: 15px;
	font-size: 13px;
}
.service_list li:nth-of-type(3n-1){
	margin: 15px 5% 0 5%;
}
.service_list li a{
	display: block;
	width: 100%;
	background: url(../images/service_icon.png) no-repeat right 15px center #ededed;
	text-align: center;
	border-radius: 10px;
	padding: 10px 22px 10px 10px;
	box-sizing: border-box;
	color: #000000;
}
.service_list li a img{
	display: none;
}
.fade {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.service_list li a:hover{
	color: #FFFFFF;
	background: url(../images/service_icon_hover.png) no-repeat right 15px center #32aaf0;
}
.website_name br{
	display: none;
}
@media only screen and (max-width:1024px ) {
	.service_list li a:hover{
		color: #000000;
		background: url(../images/service_icon.png) no-repeat right 15px center #ededed;
	}
}
@media only screen and (max-width:768px ) {
	.service_list li{
		width: 47%;
	}
	.service_list li:nth-of-type(3n-1){
		margin: 15px 0 0 0;
	}
	.service_list li:nth-of-type(2n){
		margin: 15px 0 0 6%;
	}
}
@media only screen and (max-width:480px ) {
	.service_list li{
		width: 75%;
		float: none;
		margin: 15px auto 0 auto;
	}
	.service_list li:nth-of-type(3n-1){
		margin: 15px auto 0 auto;
	}
	.service_list li:nth-of-type(2n){
		margin: 15px auto 0 auto;
	}
}