#contact{
	background: rgb(0,128,199); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(0,128,199,1) 20%, rgba(0,53,136,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,128,199,1) 20%,rgba(0,53,136,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,128,199,1) 20%,rgba(0,53,136,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d64b0', endColorstr='#003588',GradientType=1 ); /* IE6-9 */
	min-height:250px;
	padding:60px;
}
#contact p{
	color:white;
	font-size:18px;
	font-weight:bold;
}
#contact div{
margin-top:20px;
}

#contact div.btn_goMail a{
color:white;
display:inline-block;
font-size:14px;
padding:16px 80px;
background-color:white;
color:#0060AC;
font-weight:bold;
background-image:url(../images/icon_arrowR.png);
background-size:11px 17px;
background-repeat:no-repeat;
background-position:right 15px center;
border:solid 1px #0060AC;
}

#contact div.btn_goMail a:hover{
background-color:#81D0FC;
}

#contact div.btn_goMail img{
width:18px;height:14px;
margin-right:5px;
position:relative;
top:3px
}

#groupe{
padding:80px 0;
}

#groupe img:hover{
opacity:0.6;
}

#groupe img{
width:100px;
transition:all 0.2s linear;
}

#groupe p{
color:#999;
font-size:10px;
}


nav#footer{
background-color:#393939;
text-align:left;
color:white;
}
#footer h4{
	display: block;
	width: 25vw;
    text-align: right;
    padding: 28px 5% 0 0;
}
#footer a{
color:white;
font-size:15px;
/*font-weight:bold;*/
display:inline-block;
}

#footer li.cat{
color:white;
font-size:15px;
display:inline-block;
}

#footer a:hover{
text-decoration:underline;
}


nav#footer{
display:flex;
position:relative;
justify-content: space-between;
}

nav#footer>a.foot-logo{
display:block;
margin-left:5%;
padding-top:30px;
width:250px;
}

.foot-logo img{
width:100%;
}


nav#footer> ul{
width:100%;
display:flex;
margin-top:30px;
margin-bottom:50px;
margin-right:5%;
}

nav#footer ul li{
line-height:130%;
}

nav#footer> ul>li>a{
color:white;
font-size:14px;
display:inline;
}

nav#footer > ul > li.cat{
width:auto;
margin-right: 3%;
}


#footer .footer-sub{
margin-top:3px;
}
#footer .footer-sub a{
font-size:11px;
font-weight:normal;
color:#C7C7C7;
padding-left:18px;
line-height:120%;
}

#footer a.extra{
font-size:12px;
font-weight:normal;
color:#C7C7C7;
display:block;
}

#copyright{
background-color:black;
color:#ccc;font-size:11px;text-align:center;padding:0 0 8px;
}

#policy{
background-color:black;color:#ccc;font-size:11px;text-align:center;padding:10px 0 3px
}

#policy a{
color:#ccc;
}

#policy span:before {
content:"｜";
margin:0 5px;
}

#policy span.lst:after{
content:"｜";
margin:0 5px;
}


#policy a:hover{
text-decoration:underline;
}



/*　画面サイズが1200pxまではここを読み込む　*/
@media screen and (max-width: 1200px){
nav#footer{
display:block;
}
nav#footer h4{
	width: 100%;
	text-align: center;
	padding: 30px;
}
nav#footer>a.foot-logo{
margin: 0 auto;
padding-bottom:28px;
}

nav#footer> ul{
width:100%;
display:block;
border-top:1px solid #666;
margin:0;
}

nav#footer > ul > li.cat{
width:100%;
text-align:center;
border-bottom:1px solid #666;
padding:1rem 0 0.8rem;
}

nav#footer > ul > li.cat:last-child{
padding:1rem 0 1rem;
}

#footer a.extra{
border-top:1px solid #666;
padding:0.8rem 0;
}

nav#footer> ul>li.cat:before{
content:none;
display:none;
}

.footer-sub{
text-align:center;
}

#footer .footer-sub a{
text-align:center;
padding:0;
font-size:12px;}

}