@charset "utf-8";
/* CSS Document */
#title {
	display: block;
	margin: 0;
	width: 100%;
}
#title img {
	height: auto;
	width: 100%;
}
#title-gc {
	display: block;
	margin: 0;
	width: 100%;
}
#title-gc img {
	height: auto;
	width: 100%;
}
#title-it {
	display: block;
	margin: 0;
	width: 100%;
}
#title-it img {
	height: auto;
	width: 100%;
}

#catch {
	font-size: 30px;
	font-weight: 900;
	color: #FF7F00;
	line-height: 1.5em;
	text-align: center;
	margin: 30px 0 40px;
}

#anc {
	display: block;
	margin: 40px 0;
	width: 100%;
	border-top: solid 1px #000000;
}
#anc li {
	display: block;
	height: auto;
	vertical-align: baseline;
	border-bottom: solid 1px #000000;
}
.anc01, .anc03 {
	background-color: #FFFF00;
}
.anc02 {
	background-color: #4B81CD;
}
#anc img {
	height: auto;
	width: auto;
	max-width: 100%;
}

.tit_service {
	text-align: center;
	margin: 60px auto 36px;
	width: 96%;
}
.tit_service-it {
	text-align: center;
	margin: 60px auto 36px;
	width: 96%;
}

.tit_service img {
	height: auto;
	width: auto;
	max-width: 100%;
}
.tit_service-it img {
	height: auto;
	width: auto;
	max-width: 100%;
}

#service ol {
	background-image: url(../images/service/service_spbg.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding-top: 58.59%;
	height: 0;
	width: 100%;
}
#service-it ol {
	background-image: url(../images/service/service_spbg-it.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding-top: 58.59%;
	height: 0;
	width: 100%;
}

#ph-img img {
	height: auto;
	width: 100%;
}

#bn_tel {
	display: block;
	margin: 30px 0 0;
	width: 100%;
}

#bn_tel img {
	height: auto;
	width: 100%;
}

#system dl {
	background-image: url(../images/service/bn_sys_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding-top: 77.05%;
	height: 0;
	width: 100%;
}
#system-gc dl {
	background-image: url(../images/service/bn_sys-gc_sp.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding-top: 77.05%;
	height: 0;
	width: 100%;
}
#system-it dl {
	background-image: url(../images/service/bn_sys_sp-it.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding-top: 241.94%;
	height: 0;
	width: 100%;
}

#advantage {
	display: block;
	margin: 0 auto;
	width: 100%;
}
#advantage-it {
	display: block;
	margin: 0 auto;
	width: 100%;
}

#advantage h1 img {
	height: auto;
	width: 100%;
}
#advantage-it h1 img {
	height: auto;
	width: 100%;
}

#advantage dl {
	display: block;
	margin: 30px auto;
	width: 92%;
}
#advantage-it dl {
	display: block;
	margin: 30px auto;
	width: 92%;
}

#advantage dt {
	font-size: 23px;
	font-weight: 900;
	color: #E61319;
	background-image: url(../images/service/pic_pencil.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	text-align: left;
	margin-bottom: 8px;
	padding: 8px 0 0 30px;
	min-height: 37px;
}
#advantage-it dt {
	font-size: 23px;
	font-weight: 900;
	color: #E61319;
	background-image: url(../images/service/pic_pencil.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	text-align: left;
	margin-bottom: 8px;
	padding: 8px 0 0 30px;
	min-height: 37px;
}

#advantage dd {
	font-size: 18px;
	font-weight: 600;
	color: #333333;
	line-height: 1.5em;
	padding-left: 30px;
	margin-bottom: 30px;
}
#advantage-it dd {
	font-size: 20px;
	font-weight: 600;
	color: #333333;
	line-height: 1.5em;
	padding-left: 30px;
	margin-bottom: 30px;
}

#advantage-it ul {
	display: block;
	margin: 30px auto;
	width: 94%;
}

#advantage-it li {
	font-size: 17px;
	font-weight: 600;
	color: #333333;
	line-height: 2.6em;
}

#ph-img02 {
	display: block;
	margin: 30px auto;
	width: 100%;
}
#ph-img02 img {
	height: auto;
	width: 100%;
}

#ph-pimg {
	display: none;
}

@media only screen and (min-width: 769px) {
#title {
	background-image: url(../images/service/title.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	height: 436px;
	width: 1080px;
}
#title-gc {
	background-image: url(../images/service/title-gc.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	height: 436px;
	width: 1080px;
}
#title-it {
	background-image: url(../images/service/title-it.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	height: 436px;
	width: 1080px;
}

#catch {
	font-size: 43px;
	line-height: 1.5em;
}

#anc {
	display: block;
	margin: 80px auto 130px;
	width: 915px;
	border-top: none;
}
#anc li {
	display: table-cell;
	height: 118px;
	width: 305px;
	border-bottom: none;
}
#anc li :hover {
	opacity: 0.6;
}
.anc01, .anc02, .anc03 {
	background-color: #FFF;
}

.anc01 a {
	background-image: url(../images/service/btn_anc01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin-right: 25px;
	height: 117px;
	width: 279px;
}
.anc02 a {
	text-align: center;
	background-image: url(../images/service/btn_anc02.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	height: 117px;
	width: 322px;
}
.anc03 a {
	background-image: url(../images/service/btn_anc03.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin-left: 25px;
	height: 117px;
	width: 273px;
}

#service {
	display: block;
	margin: 0 auto;
	width: 1080px;
}
#service-it {
	display: block;
	margin: 0 auto;
	width: 1080px;
}

#service ol {
	background-image: url(../images/service/service_bg.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 450px;
	width: 1080px;
}
#service-it ol {
	background-image: url(../images/service/service_bg-it.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	margin: 0 auto;
	padding-top: 0;
	height: 550px;
	width: 1080px;
}

#ph-img {
	display: none;
}

#bn_tel {
	background-image: url(../images/service/bn_tel.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 60px auto 0;
	height: 273px;
	width: 1080px;
}

#system {
	display: block;
	margin: 0 auto;
	width: 1080px;
}
#system-gc {
	display: block;
	margin: 0 auto;
	width: 1080px;
}
#system-it {
	display: block;
	margin: 0 auto;
	width: 1080px;
}

#system dl {
	background-image: url(../images/service/bn_sys.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding-top: 0;
	height: 832px;
	width: 1080px;
}
#system-gc dl {
	background-image: url(../images/service/bn_sys-gc.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding-top: 0;
	height: 832px;
	width: 1080px;
}
#system-it dl {
	background-image: url(../images/service/bn_sys-it.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding-top: 0;
	height: 1150px;
	width: 1080px;
}

#advantage {
	display: block;
	margin: 0 auto;
	width: 1080px;
}
#advantage-it {
	display: block;
	margin: 0 auto;
	width: 1080px;
}

#advantage h1 {
	background-image: url(../images/service/tit_advantage.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	height: 489px;
	width: 1080px;
}
#advantage-it h1 {
	background-image: url(../images/service/tit_advantage-it.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	height: 489px;
	width: 1080px;
}

#advantage dl {
	display: block;
	margin: 40px auto 60px;
	width: 1080px;
}
#advantage-it dl {
	display: block;
	margin: 40px auto 60px;
	width: 1080px;
}

#advantage dt {
	font-size: 40px;
	margin-bottom: 15px;
}
#advantage-it dt {
	font-size: 40px;
	margin-bottom: 15px;
}

#advantage dd {
	font-size: 22px;
}
#advantage-it dd {
	font-size: 28px;
}

#advantage-it ul {
	display: block;
	margin: 40px 0 60px;
	width: 700px;
}

#advantage-it li {
	font-size: 28px;
}


#ph-img02 {
	display: none;
}

#ph-pimg {
	float: right;
	display: block;
	margin: 100px 0 0 30px;
}

}