@charset "utf-8";



/*--------------------------------------
visArea
---------------------------------------*/
#visArea {
position: relative;
min-height: 68rem;
background: url(img/mv_bg_01.png) no-repeat center top;
background-size: cover;
	width: calc(100% - 200px);
    margin-left: 200px;
}
#visArea .mainArea {
width: 1100px;
margin: 0 auto;
}
#visArea .siteNameArea {
padding: 3rem 0 4rem 13rem;
}
#visArea .siteName img {
width: 372px;
height: 115px;
}
#visArea .mainTxtBox {
width: 66rem;
padding: 3rem;
background: rgba(255,255,255,0.92);
}
#visArea .mainTxtBox .catch {
margin: 0 0 2.5rem 0;
color: #f6731c;
font-size: 3rem;
font-weight: bold;
line-height: 1.4;
}
#visArea .mainTxtBox .catch span {
color: #000;
font-size: 2.6rem;
}
#visArea .mainTxtBox .catch span.label {
display: inline-block;
margin: 0 0 1.5rem 0;
padding: 0.2rem 1rem 0.4rem 1rem;
background: #0073ae;
color: #fff;
font-size: 2.6rem;
}
#visArea .mainTxtBox p:not([class]) {
margin: 0;
}
#visArea .mainTxtBox .btn-internal.down a {
background: url(img/arrow_navy_down.png) no-repeat right 1.5rem center, -webkit-linear-gradient(90deg, rgb(190, 219, 237), rgb(180, 195, 228));
background: url(img/arrow_navy_down.png) no-repeat right 1.5rem center, linear-gradient(90deg, rgb(190, 219, 237), rgb(180, 195, 228));
background-size: auto 7px, auto;
color: #001932;
}


/*--------------------------------------
addParts02
---------------------------------------*/
.addParts02 {
padding: 0 0 10rem 0;
background: url(img/add02_bg_01.png) no-repeat center top, url(img/add02_bg_02.jpg) no-repeat center top fixed, #001c39;
background-size: 100% 138px, cover;
}
.addParts02-title {
margin: 0 0 15rem 0;
color: #000;
font-size: 3rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.addParts02-title span {
color: #f6731c;
font-size: 4.1rem;
}
.addParts02 .lead {
margin: 0 0 3rem 0;
color: #fff;
}
.featureArea .featureBoxes {
display: flex;
flex-wrap: wrap;
}
.featureArea .featureBoxes .featureBox {
width: 50%;
padding: 3rem;
background: #e0edf3;
border: 2px solid #013c88;
border-right: 0;
box-shadow: 8px 8px 0 #fff inset, -8px -8px 0 #fff inset;
}
.featureArea .featureBoxes .featureBox:nth-child(even) {
border: 2px solid #013c88;
}
.featureArea .featureBoxes .featureBox__catch {
position: relative;
margin: 0 0 2rem 0;
padding: 1rem 0 2rem 0;
color: #f6731c;
font-size: 2rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.featureArea .featureBoxes .featureBox__catch::after {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 48px;
height: 3px;
background: #013c88;
content: "";
}
.addParts02-company {
margin: 0 0 10rem 0;
padding: 3rem 3.5rem;
background: #fff;
border: 2px solid #0073ae;
}
.addParts02-company:last-child {
margin: 0;
}
.addParts02-company .inner {
padding: 5rem 5rem 0 5rem;
}
.addParts02 .catch-title {
padding: 2.5rem;
background: #014d88;
color: #fff;
font-size: 3rem;
font-weight: bold;
letter-spacing: 0.6rem;
line-height: 1.4;
text-align: center;
}
.addParts02 .catch-title span {
color: #f0c930;
font-size: 3.5rem;
}
.addParts02 .name {
margin: 0 0 3rem 0;
color: #000;
font-size: 3rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.addParts02 .title {
margin: 7rem 0 3rem 0;
color: #000;
font-size: 2.2rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.addParts02 .fig,
.addParts02 .fig + .caption {
text-align: center;
}
.addParts02 .float-wrap {
margin: 0;
}
.addParts02 .float-wrap .fr {
width: 38rem;
}
.block-check {
margin: 6rem 0 0 0;
}
.block-check .box {
position: relative;
padding: 4rem 3rem 3rem 3rem;
background-image: -moz-linear-gradient( 0deg, rgb(209,229,255) 0%, rgb(219,225,255) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(209,229,255) 0%, rgb(219,225,255) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(209,229,255) 0%, rgb(219,225,255) 100%);}
.block-check .box::before {
position: absolute;
left: 50%;
top: -2.2rem;
transform: translateX(-50%);
color: #0073ae;
font-size: 3.6rem;
font-weight: bold;
line-height: 1.1;
text-align: center;
content: "CHECK POINT";
}
.block-check .catch {
margin: 0 0 2rem 0;
color: #f6731c;
font-size: 1.9rem;
font-weight: bold;
line-height: 1.4;
}
.block-check p:not([class]) {
margin: 0;
}
.block-info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.block-info .box {
width: 50%;
}
.block-info table {
margin: 0;
}
.block-info table th {
width: 30%;
}
.block-info .box:nth-child(2) th {
border-left: none;
}


/*--------------------------------------
addParts03
---------------------------------------*/
.addParts03 {padding: 13rem 0 8rem 0;background: url(img/add06_bg_02.png) no-repeat left 8rem, url(img/add06_bg_01.png) no-repeat right bottom -14rem;background-size: 11vw;}
.addParts03 .check {
color: #000;
font-size: 2.6rem;
}
.addParts03 .float-wrap {
margin: 0;
}
.addParts03 .float-wrap .fl {
width: 47rem;
margin: 0 4.5rem 1rem 0;
}
.addParts03 .float-wrap .fr {
width: 47rem;
margin: 0 0 1rem 4.5rem;
}


/*--------------------------------------
addParts04
---------------------------------------*/
.addParts04 {
padding: 10rem 0 14rem 0;
background: #e0edf3;
}
.addParts04 .block .box {
margin: 0 0 7rem 0;
padding: 0 0 2rem 0;
border-bottom: 1px solid #0073ae;
}
.addParts04 .block .box:last-child {
margin: 0;
}
.addParts04 .block .box p:not([class]) {
margin: 0;
}
.addParts04 .block .box .ttl {display: flex;align-items: center;margin: 0 0 3.5rem 0;padding: 1.5rem 0 1rem 9rem;min-height: 8rem;background: url(img/point01.png) no-repeat left top;background-size: 75px 80px;color: #000;font-size: 2.6rem;font-weight: bold;line-height: 1.4;}
.addParts04 .block .box:nth-child(2) .ttl {background: url(img/point02.png) no-repeat left top;background-size: 75px 80px;}


/*--------------------------------------
addParts05
---------------------------------------*/
.addParts05 {
padding: 15rem 0;
background: url(img/add05_bg_01.jpg) no-repeat center center;
background-size: cover;
}
.addParts05 .block {
padding: 4.5rem 5rem;
background-image: -moz-linear-gradient( 0deg, rgb(209,229,255) 0%, rgb(219,225,255) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(209,229,255) 0%, rgb(219,225,255) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(209,229,255) 0%, rgb(219,225,255) 100%);
}
.addParts05-title {
margin: 0 0 3rem 0;
color: #173255;
font-size: 3rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.addParts05-title a {
display: block;
padding: 0 2rem 0 0;
background: url(img/arrow_black.png) no-repeat right center;
background-size: 12px auto;
color: inherit;
text-decoration: none;
}
.addParts05 .box {
padding: 4rem;
background: #fff;
}
.addParts05 .box .catch {
margin: 0 0 3rem 0;
color: #f6731c;
font-size: 2rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.addParts05 .inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.addParts05 .inner .box-fig {
width: 30rem;
text-align: center;
order: 2;
}
.addParts05 .inner .box-txt {width: 100%;padding: 0 4.5rem 0 0;order: 1;}
.addParts05 .inner .box-txt .btn-internal {
margin: 2.5rem auto 0 auto;
}
.addParts05 .inner .box-txt .btn-internal a {
width: 33rem;
}
.addParts05 .inner .box-txt p:not([class]) {
margin: 0;
}


/*--------------------------------------
addParts06
---------------------------------------*/
.addParts06 {
padding: 21rem 0 18rem 0;
}


/*--------------------------------------
addParts07
---------------------------------------*/
.addParts07 {
padding: 0 0 6rem 0;
}
.addParts07 .accordion-btn::after {
content: "全ての会社を見る";
}
.btn-host {
margin: 4rem 0;
padding: 0;
text-align: right;
}
.btn-host a {
display: inline-block;
position: relative;
padding: 0.2rem 3rem 0.2rem 0;
background: url(img/arrow_black.png) no-repeat right center;
background-size: 8px auto;
color: #333;
font-size: 1.4rem;
line-height: 1.4;
text-decoration: underline;
}
.btn-link a:hover {
text-decoration: none;
opacity: 0.7;
}




/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
@media screen and (min-width: 600px) {
	
#contents {
    width: calc(100% - 200px);
    margin-left: 200px;
}



}
/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/
@media screen and (max-width: 599px) {
/*--------------------------------------
visArea
---------------------------------------*/
#visArea {
position: relative;
min-height: auto;
background: none;
	margin-left: 0;
    width: 100%;
}
#visArea .mainArea {
width: 100%;
margin: 0 auto;
}
#visArea .siteNameArea {min-height: 18rem;padding: 1rem 50% 2rem 1rem;background: url(img/mv_bg_01.png) no-repeat right top;background-size: 110% auto;}
#visArea .siteName img {width: 90%;height: auto;}
#visArea .mainTxtBox {
width: 100%;
padding: 1rem;
background: #fff;
}
#visArea .mainTxtBox .catch {
margin: 0 0 1.5rem 0;
font-size: 2.8rem;
}
#visArea .mainTxtBox .catch span {
font-size: 2.1rem;
}
#visArea .mainTxtBox .catch span.label {
margin: 0 0 0.5rem 0;
padding: 0.2rem 1rem 0.4rem 1rem;
font-size: 1.8rem;
}
#visArea .mainTxtBox .btn-internal.down {
margin: 2rem auto 0 auto;
}


/*--------------------------------------
addParts02
---------------------------------------*/
.addParts02 {
margin: 0 -1rem;
padding: 0 1rem 6rem 1rem;
background: url(img/add02_bg_01.png) no-repeat center top, url(img/add02_bg_02.jpg) no-repeat center 6rem fixed, #fff;
background-size: auto 7rem, cover;
}
.addParts02-title {
margin: 0 0 7rem 0;
color: #000;
font-size: 2.1rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
.addParts02-title span {
font-size: 2.4rem;
}
.addParts02 .lead {
margin: 0 0 3rem 0;
color: #fff;
}
.featureArea .featureBoxes {
display: block;
}
.featureArea .featureBoxes .featureBox {
width: 100%;
margin: 0 0 3rem 0;
padding: 2rem;
border: 2px solid #013c88;
}
.featureArea .featureBoxes .featureBox__catch {
font-size: 1.6rem;
}
.addParts02 .box-wrap .box-head {
font-size: 1.6rem;
}
.addParts02-company {
margin: 0 0 6rem 0;
padding: 2rem 1.5rem;
}
.addParts02-company .inner {
padding: 2rem 0 0 0;
}
.addParts02-company .inner ul {
margin: 0;
}
.addParts02 .catch-title {
padding: 1rem;
font-size: 2.1rem;
letter-spacing: 0;
}
.addParts02 .catch-title span {
font-size: 2.4rem;
}
.addParts02 .name {
font-size: 2.4rem;
}
.addParts02 .title {
margin: 5rem 0 2rem 0;
font-size: 2rem;
}
.addParts02 .float-wrap .fr {
width: 100%;
}
.block-check {
margin: 4rem 0 0 0;
}
.block-check .box {
position: relative;
padding: 3rem 1.5rem 2rem 1.5rem;
}
.block-check .box::before {
top: -1.2rem;
width: 100%;
font-size: 2.2rem;
}
.block-check .catch {
margin: 0 0 1.5rem 0;
font-size: 1.7rem;
}
.block-check p:not([class]) {
margin: 0;
}
.block-info {
display: block;
}
.block-info .box {
width: 100%;
}
.block-info table {
margin: 0;
}
.block-info table th {
width: 100%;
}
.block-info .box:nth-child(2) th {
border-left: 1px solid #909090;
}


/*--------------------------------------
addParts03
---------------------------------------*/
.addParts03 {
position: relative;
padding: 3rem 0 4rem 0;
background: none;
}
.addParts03::before {
position: absolute;
left: -1rem;
top: 8rem;
width: 60px;
height: 131px;
background: url(img/add06_bg_02.png) no-repeat left top;
background-size: contain;
content: "";
z-index: -1;
}
.addParts03::after {
position: absolute;
right: -1rem;
bottom: -4rem;
width: 60px;
height: 131px;
background: url(img/add06_bg_01.png) no-repeat left top;
background-size: contain;
content: "";
z-index: -1;
}
.addParts03 .check {
font-size: 2rem;
}
.addParts03 .float-wrap .fl {
width: 100%;
margin: 0 0 1rem 0;
}
.addParts03 .float-wrap .fr {
width: 100%;
margin: 0 0 1rem 0;
}


/*--------------------------------------
addParts04
---------------------------------------*/
.addParts04 {
margin: 0 -1rem;
padding: 4rem 1rem 6rem 1rem;
}
.addParts04 .block .box {
margin: 0 0 4rem 0;
padding: 0 0 2rem 0;
border-bottom: 1px solid #0073ae;
}
.addParts04 .block .box:last-child {
margin: 0;
}
.addParts04 .block .box p:not([class]) {
margin: 0;
}
.addParts04 .block .box .ttl {
margin: 0 0 1.5rem 0;
padding: 0.5rem 0 1rem 6rem;
min-height: 6rem;
background-size: 56px 60px;
font-size: 2rem;
}
.addParts04 .block .box:nth-child(2) .ttl {
background-size: 56px 60px;
}


/*--------------------------------------
addParts05
---------------------------------------*/
.addParts05 {
margin: 0 -1rem;
padding: 4rem 1rem;
}
.addParts05 .block {
padding: 1.5rem;
}
.addParts05-title {
margin: 0 0 2rem 0;
font-size: 2.4rem;
}
.addParts05-title a {
background-size: 10px auto;
}
.addParts05 .box {
padding: 2rem 1.5rem;
}
.addParts05 .box .catch {
margin: 0 0 2rem 0;
font-size: 1.8rem;
}
.addParts05 .inner {
display: block;
}
.addParts05 .inner .box-fig {
width: 100%;
margin: 0 0 2rem 0;
}
.addParts05 .inner .box-txt {
width: 100%;
padding: 0;
}
.addParts05 .inner .box-txt .btn-internal a {
width: 90%;
}


/*--------------------------------------
addParts06
---------------------------------------*/
.addParts06 {
padding: 6rem 0;
}


/*--------------------------------------
addParts07
---------------------------------------*/
.addParts07 {
padding: 1rem 0 0 0;
}
.btn-host,
p.btn-host {
margin: 3rem auto;
padding: 0;
text-align: center;
}
.btn-host a {
display: inline-block;
position: relative;
width: 90%;
margin: 0 auto;
padding: 2rem 3.5rem;
background: #fff url(img/arrow_link.png) no-repeat right 1.5rem center;
background-size: 16px auto;
border: 2px solid #013c88;
border-radius: 1rem;
box-sizing: border-box;
color: #333;
font-size: 1.5rem;
font-weight: bold;
line-height: 1.4;
text-align: center;
text-decoration: none;
transition: 0.2s;
-linkkit-tap-highlight-color: rgba(0,0,0,0);
}
.btn-host a:hover {
text-decoration: none;
opacity: 1;
}


}