@charset "utf-8";
@media screen and (min-width:641px){

/* company */
#company .index {height: 505px; color: #fff; font-size: 16px; line-height: 26px; position: relative; padding: 136px 0 0;}
#company .index p {z-index: 10; position: relative; width: 950px; margin: 0 auto;}
#company .index p + p {margin-top: 29px;}
#company .index p + p.sign {margin-top: 19px;}
#company .index::after{content: ''; background: url(../images/company/index/bg.jpg) center top no-repeat; width: 1920px; height: 505px; position: absolute; left: 50%; top: 0; margin-left: -960px; z-index: 0;}

/* access */
#map {height: 450px; width: 100%; margin-bottom: 32px;}
.access p,
.access li{font-size: 15px; line-height: 31px; padding: 0 10px;}
.access ul {margin: 15px 0 0 10px; position: relative; padding-left: 13px;}
.access ul::after{content: '';  background: #b8d0eb; width: 7px; height: 90%; position: absolute; left: 0; top: 5%;}

/*history*/
.history {padding: 0 10px;}
.history dl {border-bottom: 1px solid #c8c8c8;}
.history dt {font-size: 15px; font-weight: bold; color: #0b7fc6; float: left; width: 172px; padding: 23px 12px; border-top:1px solid #c8c8c8; line-height: 22px;}
.history dt span {display: inline-block; text-align: right; padding-left: 15px;}
.history dd {font-size: 14px; line-height: 22px; zoom:1; overflow: hidden; border-top:1px solid #c8c8c8; padding: 23px 0;}
.history dd span {display: block; padding: 0 0 0 26px; border-left:4px solid #b8d0eb;}
.history dd a{text-decoration: underline; color: #3e3e3e;}

/*about*/
.about {padding: 0 10px;}
.about dl {width: 666px; float: right; font-size: 15px; line-height: 33px; border-bottom:1px solid #c8c8c8;}
.about dt {color: #0b7fc6; float: left; width: 180px; border-top:1px solid #c8c8c8; padding: 23px 0; font-weight: bold;}
.about dd {zoom:1; overflow: hidden; border-top:1px solid #c8c8c8; padding: 23px 0;}

/* business */
body.business #contents::before{content: ''; width: 100%; height: 200%; background:url(../images/company/business/bg.png) center top no-repeat; position: fixed; left: 0; top: 0; z-index: 0;}
body.business #contents  .business {padding: 0 10px; margin-top: -76px;}
body.business #contents  .business li {position: relative; display: block; text-align: right;}
body.business #contents  .business li + li {margin: 54px 0 0;}
body.business #contents  .business li:nth-child(even) {text-align: left;}
body.business #contents  .business li b{display: block; height: 119px; background: url(../images/company/business/01-txt.jpg) left top no-repeat; width: 100%; z-index: 10; position: absolute; left: 0; top: 50%; margin: -60px 0 0 0;}
body.business #contents  .business li:nth-child(even) b {left: inherit; right: 0; background-position: right top;}
body.business #contents  .business li:nth-child(2) b{background-image: url(../images/company/business/02-txt.jpg);}
body.business #contents  .business li:nth-child(3) b{background-image: url(../images/company/business/03-txt.jpg);}
body.business #contents  .business li:nth-child(4) b{background-image: url(../images/company/business/04-txt.jpg);}
body.business #contents  .business li:nth-child(5) b{background-image: url(../images/company/business/05-txt.jpg);}
body.business #contents  .business li img {position: relative; z-index: 0;}

}
@media screen and (min-width:1921px){
#company .index::after{width: 500%; height: 505px; position: absolute; left: 50%; top: 0; margin-left: -250%; z-index: 0; background-color: #0b7fc6;}
}
@media screen and (max-width:640px){
/*スマホ*/


/* company */
#company .index {min-height: 125.78125vw; color: #fff; font-size: 3.28125vw; line-height: 6.25vw; position: relative; padding:10.5vw 0 9vw; text-align: left;}
#company .index p {z-index: 10; position: relative; width: 84.375vw; margin: 0 auto; letter-spacing: 0.1em;}
#company .index p + p {margin-top: 6.1vw;}
#company .index p + p.sign {margin-top: 9vw;}
#company .index::after{content: ''; background: url(../images/company/index/bg-sp.jpg) center top no-repeat; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0; background-size: cover;}

/* access */
#map {height: 70.3125vw; margin-bottom: 8.375vw;}
.access p{font-size: 3.125vw; line-height: 5.625vw; padding: 0 4.6875vw; text-align: left;}
.access li{font-size: 3.125vw; line-height: 5.625vw; padding: 0 4.0625vw; text-align: left;}
.access ul {margin: 2.6875vw 0 0 4.6875vw; position: relative;}
.access ul::after{content: '';  background: #b8d0eb; width: 1.09375vw; height: 90%; position: absolute; left: 0; top: 5%;}

/*history*/
.history {padding: 0 4.6875vw;}
.history dl {border-bottom: 1px solid #c8c8c8; text-align: left;}
.history dt {font-size: 2.8125vw; font-weight: bold; color: #0b7fc6; float: left; width: 29.6875vw; padding: 3.28125vw 0.625vw; border-top:1px solid #c8c8c8; line-height: 4.6875vw;}
.history dt span {display: inline-block; text-align: right; padding-left: 2.8125vw;}
.history dd {font-size: 2.8125vw; line-height: 4.6875vw; zoom:1; overflow: hidden; border-top:1px solid #c8c8c8; padding: 3.28125vw 0;}
.history dd span {display: block; padding: 0 0 0 3.125vw; border-left:0.625vw solid #b8d0eb;}
.history dd a{text-decoration: underline; color: #3e3e3e;}

/*about*/
.about {padding: 0 4.6875vw; text-align: left;}
.about dl {width: 100%; font-size: 3.125vw; line-height: 5.15625vw; border-bottom:1px solid #c8c8c8; margin-bottom: 12.5vw;}
.about dt {color: #0b7fc6; float: left; width: 28.90625vw; border-top:1px solid #c8c8c8; padding: 3.28125vw 0; font-weight: bold;}
.about dd {zoom:1; overflow: hidden; border-top:1px solid #c8c8c8; padding: 3.28125vw 0;}
#contents main .about img {width: 59.375vw; display: block; margin: 0 auto;}

/* business */
body.business #contents  .business {padding: 0 0; margin-top: -0;}
body.business #contents  .business li {position: relative; display: block; padding-bottom: 12.8125vw;}
body.business #contents  .business li + li {margin: 9.375vw 0 0;}
body.business #contents  .business li b{display: block; height: 24.21875vw; background: url(../images/company/business/01-txt.png) left top no-repeat; width: 100vw; z-index: 10; position: absolute; left: 0; bottom:0; margin: -0 0 0 0; background-size: auto 100%;}
body.business #contents  .business li:nth-child(even) b {background-position: right top;}
body.business #contents  .business li:nth-child(2) b{background-image: url(../images/company/business/02-txt.png);}
body.business #contents  .business li:nth-child(3) b{background-image: url(../images/company/business/03-txt.png);}
body.business #contents  .business li:nth-child(4) b{background-image: url(../images/company/business/04-txt.png);}
body.business #contents  .business li:nth-child(5) b{background-image: url(../images/company/business/05-txt.png);}
body.business #contents  .business li img {position: relative; z-index: 0; width: 90.625vw; height: auto;}


}