@charset "UTF-8";


/* mv
-----------------------------------*/
#service #main {
	padding-bottom:0;
}
#mv{
	background-repeat:no-repeat;
}
.bgdot01{
  z-index: 0;
}
#mv ul,#mv ul li{
	display:block;
	position:relative;
	overflow:hidden;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s ;
	transition: 0.3s;
}
#mv .ic_cate{
	background-color:#00489d;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
#mv .ic_cate img{
	width:100%;
	height:auto;
}

#mv h3,#mv h4{
	font-weight:normal;
	line-height:1.6em
}
#mv h3{
	color:#00489d;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .05em;
}
#mv h4{
	color:#999;
	font-size:1.2em;
}
#mv .cate p{
	color:#333;
	text-align:left;
}
#mv .btn{
	text-align:center;
	display:block;
	color:#00489d;
	margin:1em auto 0 auto;
	font-weight:bold;
	line-height:1.4em;
}
#mv .btn img{
	width:1em;
	height:auto;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}
#mv ul{
	z-index:1
}
#mv ul li.ls .area{
	background-color:rgba(0,72,157,.8);
	margin:auto;
}
#mv ul li.ls .area > *{
	color:#fff;
}
#mv ul li.ls h3{
	text-align:center;
}
#mv ul li.ls p{
	text-align:left;
	color:#fff;
	margin:1em 0 0 0;
	font-weight:normal;
}

@media print, screen and (min-width: 720px) {
#mv{
	background-image:url(../img/service/bg_service0_pc.jpg);
	background-attachment:fixed;
	background-size:cover;
}
#mv .wrap{
	width:1260px;
}
#mv a{
	display:block;
}
#mv li:hover .ic_cate{
	background-color:#336fb5;
}
#mv li:hover .cate{
	border:3px solid #fff;
}
#mv li:hover .btn{
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#mv ul li{
	padding:0 30px 30px 30px;
	float:left;
	width:50%;
}
#mv ul li:nth-of-type(-n+2){
	margin-bottom:5em;
}
#mv ul li:nth-of-type(n+3){
	margin-top:5em;
}
#mv li:nth-of-type(2n+1) {
	clear:both;
}
#mv .ic_cate{
	width:180px;
	position:absolute;
	bottom:0;
}
#mv li:nth-of-type(2n-1) .ic_cate{
	left:0;
}
#mv li:nth-of-type(2n) .ic_cate{
	right:0;
}
#mv .ic_cate img{
	width:180px;
}
#mv .cate{
	width:510px;
	border:3px solid #336fb5;
	padding:1em 20px;
	background-color:#fff;
	border-radius:.8em;
	-moz-border-radius:.8em;
	-webkit-border-radius:.8em;
}
#mv li:nth-of-type(2n) .cate{
	float:right;
}
#mv .cate h3,#mv .cate h4{
	text-align:center;
}
#mv h3{
	font-size:1.6em;
}
#mv h4{
	font-size:1.2em;
}
#mv .cate p{
	font-size:1em;
	margin-top:1em;
	min-height:4.5em;
}
#mv li:nth-of-type(2n-1) p{
	margin:1em 0 0 150px;
}
#mv li:nth-of-type(2n) p{
	margin:1em 150px 0 0;
}
/*localize*/
#mv ul li.ls{
	width:100%;
	position:absolute;
	margin:-11.5em auto 0;
  	top:50%;
	z-index:-1;
	padding:0;
}
#mv ul li.ls .area{
	padding:7em 4em;
	width:70%;
	border-radius:  100vh ;
}
}
@media print, screen and (max-width: 719px) {
#service #main::before{
	background-image:url(../img/service/bg_service0_sp.jpg);
	background-position:left top;
	background-size: 100% auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	content: "";
	z-index: -1;
}
.bgdot01{
  z-index: 0;
}
#mv ul{
	background-image:-webkit-linear-gradient(top, rgba(0,72,157,.8) 0%,rgba(0,72,157,.8) 100%); /* Chrome10+,Safari5.1+ */
	background-image:-moz-linear-gradient(top, rgba(0,72,157,.8) 0%, rgba(0,72,157,.8) 100%); /* FF3.6+ */
	background-image:-ms-linear-gradient(top, rgba(0,72,157,.8) 0%,rgba(0,72,157,.8) 100%); /* IE10+ */
	background-image:-o-linear-gradient(top, rgba(0,72,157,.8) 0%,rgba(0,72,157,.8) 100%); /* Opera 11.10+ */
	background-repeat:no-repeat;
	background-size:92% 70%;
	background-position:center top;
}
#mv ul li{
	clear:both;
}
#mv ul li:nth-of-type(-n+4){
	padding:1em;
	border:2px solid #336fb5;
	background-color:#fff;
	border-radius:.8em;
	-moz-border-radius:.8em;
	-webkit-border-radius:.8em;
	margin-bottom:.8em
}

#mv ul li:nth-of-type(n+4){
	margin-bottom:0;
}
#mv .ic_cate{
	width:22%;
	float:left;
	margin-right:3%
}
#mv .cate{
	width:75%;
	float:right;
}
#mv h3{
	font-size:1.3em;
	line-height:1.2em
}
#mv h4{
	font-size:1em;
}
#mv h4.min{
	letter-spacing:-1px;
}
#mv .cate p{
	margin-top:.6em;
	line-height:1.5em;
	font-size:.8em;
}
#mv .btn{
	width:22%;
	float:left;
	margin:10px auto 0 auto;
}
#mv .btn img{
	margin-right:.3em;
}
/*localize*/
#mv ul li.ls {
	padding:0;
	width:92%;
	margin:0 auto;
}
#mv ul li.ls .area{
	padding:1em 1.2em;
	border-radius:  0 0 .8em .8em  ;
}
#mv ul li.ls p{
	margin-top:.6em;
	line-height:1.6em;
	font-size:.8em;
}
#mv ul li.ls0{
	margin:0 1em;
	height:.8em;
	background-color:rgba(0,72,157,.8);
}
}



/* service共通
-----------------------------------*/
#service .subtitlearea h2{
	color:#00489d;
}
#service .subtitlearea .border{
	background:#00489d;
}
.serv{
	position:relative;
	overflow:hidden;
	background-repeat:no-repeat;
}
.serv .ic_graphic{
	background-color:#FFF;
	border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
}
.serv .ic_graphic img{
	width:100%;
	height:auto;
}
.serv .summary{
	margin:1.5em auto;
}

/*dl (数字自動)*/
.serv dl{
	margin-top:1em;
	line-height:150%;
	counter-reset:number; /*数字をリセット*/
	padding:0;
	margin:0
}
.serv dt{
	color:#0b4a9a;
}
.serv dt span{
  position: relative;
  display: inline-block;
  line-height: 1.5em;
	font-weight: 600;
  margin:0 ;
}
.serv dt span:before{
  position: absolute;
  counter-increment: number;
  content: ""counter(number)".";
  display:inline-block;
  left: 0;
  top: 0;
}
.serv dd{
	margin-bottom:1.5em;
}

@media print, screen and (min-width: 720px) {
.serv{
	background-attachment:fixed;
	background-size:cover;
}
.serv .ic_graphic{
	width:180px;
	margin:0 auto 1.5em auto;
}
.serv .summary{
	text-align:center;
}
.serv dt{
	font-size:125%;
	border-bottom:2px solid #fff;
}
.serv dt span{
	padding:0 1em .4em 1.3em;
	border-bottom:solid 2px #0b4a9a;
	margin:0 0 -2px 0;
}
.serv dd{
	padding:1em 0;
	margin-bottom:1.5em;
}
}

@media print, screen and (max-width: 719px) {
.serv{
	background-size:cover;
}
.serv .ic_graphic{
	width:30%;
	margin:0 auto 1.5em auto;
}
.serv .summary{
	font-size:90%;
}
.serv dt{
	font-size:115%;
	border-bottom:1px solid #fff;
}
.serv dt span{
	padding:0 0 .3em 1.3em;
	border-bottom:solid 1px #0b4a9a;
	margin:0 0 -1px 0;
}
.serv dd{
	font-size:90%;
	padding:.5em 0;
}
}


/* service01
-----------------------------------*/
@media print, screen and (min-width: 720px) {
#service01{
	background-image:url(../img/service/bg_service1_pc.jpg);
}
}

@media print, screen and (max-width: 719px) {
#service01{
	background-image:url(../img/service/bg_service1_sp.jpg);
}
}
/* service02
-----------------------------------*/
#service02 .wrap{
	padding-bottom:0px;
}	
@media print, screen and (min-width: 720px) {
#service02{
	background-image:url(../img/service/bg_service2_pc.jpg);
}
#service02 .graphic img{
	width:989px;
	margin-top:2em;
}	
}

@media print, screen and (max-width: 719px) {
#service02{
	background-image:url(../img/service/bg_service2_sp.jpg);
}
#service02 .graphic img{
	width:100%;
	margin-top:1em;
}
}

/* service03
-----------------------------------*/
.graphic01{
	margin:2em auto;
}
.graphic01,.graphic02,.graphic01 li,.graphic02 li{
	display:block;
	overflow:hidden;
}
.graphic01 li{
	width:50%;
	float:left;
}
.graphic01 li:nth-of-type(2){
	text-align:right;
}

@media print, screen and (min-width: 720px) {
#service03{
	background-image:url(../img/service/bg_service3_pc.jpg);
}	
.graphic01 li img{
	width:464px;
}
.graphic02{
	width:860px;
	margin:0 auto;
}
.graphic02 li{
	width:20%;
	float:left;
	text-align:center
}
.graphic02 li img{
	width:137px;
}
}

@media print, screen and (max-width: 719px) {
#service03{
	background-image:url(../img/service/bg_service3_sp.jpg);
}
.graphic01 li img{
	width:94%;
}
#service03 .swiper-container{
	width:94%;
	padding:0 0 30px 0;
	z-index:10;
}
#service03 .swiper-slide img{
	width:100%;
}
#service03 .swiper-pagination-bullet{background:#fff}
#service03 .swiper-pagination-bullet-active{opacity:1;background:#00489d}
}

/* service04
-----------------------------------*/
#service04{
background:#ffffff; /* Old browsers */
background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#ffffff), color-stop(100%,#e2e4e3));
background:-webkit-linear-gradient(top left,#ffffff 0%,#e2e4e3 100%);
background:-moz-linear-gradient(top left,#ffffff 0%,#e2e4e3 100%);
background:-ms-linear-gradient(top left,#ffffff 0%,#e2e4e3 100%);
background:-o-linear-gradient(top left,#ffffff 0%,#e2e4e3 100%);
background:linear-gradient(top bottom right,#ffffff 0%,#e2e4e3 100%);
}
#service04 .wrap{
	padding-bottom:0px;
}

@media print, screen and (min-width: 720px) {
#service04{
background:#ffffff; /* Old browsers */
background:-webkit-gradient(linear,left top,right bottom,color-stop(0%,#ffffff), color-stop(100%,#e2e4e3));
background:-webkit-linear-gradient(top left,#ffffff 0%,#e2e4e3 100%);
background:-moz-linear-gradient(top left,#ffffff 0%,#e2e4e3 100%);
background:-ms-linear-gradient(top left,#ffffff 0%,#e2e4e3 100%);
background:-o-linear-gradient(top left,#ffffff 0%,#e2e4e3 100%);
background:linear-gradient(top bottom right,#ffffff 0%,#e2e4e3 100%);
}	

#service04 .wrap{
	width:1220px;
	padding-bottom:0px;
}
#service04 .graphic img{
	width:1220px;
	padding-top:2em;
	border:0;
	vertical-align:bottom
}	
}

@media print, screen and (max-width: 719px) {
#service04{
}
#service04 .graphic img{
	width:120%;
	margin:1em -9% 0 -11%;
}
}