@charset "UTF-8";

#main.works header {
	position:relative;
}

#main.works header #titlewrap {
	position:absolute;
	z-index:1;
	left:calc(50% - 550px);
	top:90px;
}
@media screen and (max-width:768px){
#main.works header #titlewrap {
	top:15px;
}
}

#fv .wrap {
	padding:15px 0 00;
}
#fv .contents {
	position:relative;
}
#fv .contents > a {
    display:block;
    width:6%;
    height:7%;
    background:none;
    position:absolute;
    top:0;
    left:0;
    outline:none;
}
#fv .contents > a.link1 {
	top: 5%;
	left:auto;
	right: 1.5%;
}
#fv .contents > a.link2 {
	top: 17%;
	left:auto;
	right: 15.5%;
}
#fv .contents > a.link3 {
	top: 49%;
	left:auto;
	right: 16.5%;
}
#fv .contents > a.link4 {
	top: 62.2%;
	left:auto;
	right: 3.5%;
}
#fv .contents > a.link5 {
	top: 58%;
	left: 52.5%;
}
#fv .contents > a.link6 {
	top: 62%;
	left: 30%;
}
#fv .contents > a.link7 {
	top: 74%;
	left: 41%;
}
#fv .contents > a.link8 {
	display:none;
}

#pagemenu ul {
    width:100%;
}
#pagemenu ul li {
	width:calc(25% - 30px);
	box-sizing:border-box;
	border:2px solid #204b8d;
	margin-bottom:15px;
}
#pagemenu ul li a {
	display:block;
	text-align:center;
	font-size:18px;
	padding:1em;
	color:#204b8d;
	font-weight:600;
	transition:.3s;
}
#pagemenu ul li a:hover {
	background:#204b8d;
	color:#FFFFFF;
}
#car .contents h3 {
	font-size:2.4rem;
	margin-bottom:1em;
}
#car .about .fbox {
	width:100%;
}
#car .about .contents01 {
	margin-bottom:60px;
}
#car .about .contents01 img {
	width:50%;
  -webkit-box-ordinal-group: 1;
             -ms-flex-order: -1;
                      order: -1;
}
#car .about .contents01 .detail {
	width:calc(50% - 50px);
}
#car .about .contents01 h2 {
	border-top:2px solid #204b8d;
	border-bottom:2px solid #204b8d;
	border-left:0;
	color:#204b8d;
	padding:.3em;
}
#car .about .contents02 {
	margin-bottom:60px;
}
#car .about .contents02 img {
	width:30%;
}
#car .about .contents02 .detail {
	width:calc(70% - 50px);
}
#main #car .processing h3 {
	margin-bottom:2em;
}
#car .processing .fbox {
	width:100%;
}
#car .processing .fbox > div {
	width:calc(100%/3 - 33px);
	margin:0 49px 50px 0;
}
#car .processing .fbox > div:nth-child(3n) {
	margin-right:0;
}
#car .processing .fbox > div h4 {
	font-size:20px;
	margin-bottom:.5em;
}
#car .processing .fbox > div h4::before {
	content:'■';
	margin-right:.3em;
}
#main #car .processing .fbox > div p {
	line-height:1.5;
	margin-bottom:30px;
}
#main #car .processing .fbox > div a {
	display:block;
	font-size:1.5rem;
	line-height:2.4;
	width:12em;
	text-align:center;
	background:#204b8d;
	color:#ffffff;
	transition:.3s;
	box-sizing:border-box;
	border:3px solid #204b8d;
	margin:0 auto;
}
#main #car .processing .fbox > div a:hover {
	background:#FFFFFF;
	color: #204b8d;
}

@media screen and (max-width:1180px){

#main.works header #titlewrap {
	position:absolute;
	z-index:1;
	left:40px;
}

}

@media screen and (max-width:1024px){

}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){

#main.works header #titlewrap {
	left:15px;
}

#pagemenu ul li {
	width:calc(100%/2 - 3px);
	margin-bottom:5px;
}
#pagemenu ul li a {
	font-size:1.3rem;
	padding:.5em 0;
}
#pagemenu ul li a:hover {
	background:#204b8d;
	color:#FFFFFF;
}
#car .contents h3 {
	font-size:2.0rem;
	margin-bottom:1em;
}
#car .about .contents01 {
	margin-bottom:30px;
}
#car .about .contents01 img {
	width:100%;
  -webkit-box-ordinal-group: 1;
             -ms-flex-order: 1;
                      order: 1;
}
#car .about .contents01 .detail {
	width:100%;
}
#car .about .contents02 {
	margin-bottom:30px;
}
#car .about .contents02 img {
	width:100%;
}
#car .about .contents02 .detail {
	width:100%;
}
#main #car .processing h3 {
	margin-bottom:1em;
}
#car .processing .fbox {
	width:100%;
}
#car .processing .fbox > div {
	width:calc(100%/2 - 8px);
	margin:0 15px 30px 0;
}
#car .processing .fbox > div:nth-child(3n) {
	margin-right:15px;
}
#car .processing .fbox > div:nth-child(2n) {
	margin-right:0px;
}
#car .processing .fbox > div h4 {
	font-size:1.6rem;;
}
#main #car .processing .fbox > div p {
	font-size:1.3rem;
	margin-bottom:15px
}
#main #car .processing .fbox > div a {
	font-size:1.3rem;
	line-height:2.0;
	width:100%;
}


}

@media screen and (max-width:480px){

}