@charset "utf-8";
/* CSS Document */


/*PC*/
@media print, screen and (min-width: 600px) {




/*----------------------------------------------------

 header

----------------------------------------------------*/
.hedImg { width: 100%; height: 240px; background: url(../images/original_product/polcar/hedImg.jpg) center center no-repeat; background-size: cover; margin: 0 auto 0; text-align: center; color: #FFF; padding: 60px 0 0; box-sizing: border-box;}
.hedImg h2 { width: 100%; font-size: 66px; font-family:Arial, Helvetica, sans-serif;}
.hedImg p { width: 100%; font-size: 20px;}

.navBg ul li:nth-of-type(3) a { color: #eb6100;}


.bg01 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e6e0+0,fffaf1+80 */
background: rgb(232,230,224); /* Old browsers */
background: -moz-linear-gradient(left, rgb(232,230,224) 0%, rgb(255,250,241) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(232,230,224) 0%,rgb(255,250,241) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(232,230,224) 0%,rgb(255,250,241) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e0', endColorstr='#fffaf1',GradientType=1 ); /* IE6-9 */
}
	
.bg02 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffaf1+20,e8e6e0+100 */
background: rgb(255,250,241); /* Old browsers */
background: -moz-linear-gradient(left, rgb(255,250,241) 20%, rgb(232,230,224) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(255,250,241) 20%,rgb(232,230,224) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(255,250,241) 20%,rgb(232,230,224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaf1', endColorstr='#e8e6e0',GradientType=1 ); /* IE6-9 */
}
	
.bg03 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffaf1+0,e8e6e0+100 */
background: rgb(255,250,241); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,250,241,1) 0%, rgba(232,230,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,250,241,1) 0%,rgba(232,230,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,250,241,1) 0%,rgba(232,230,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaf1', endColorstr='#e8e6e0',GradientType=1 ); /* IE6-9 */
}





/*----------------------------------------------------

 nav

----------------------------------------------------*/
.nav { width: 660px; margin: -40px auto auto;}
.nav ul { width: 100%; margin: 0; padding: 0; list-style: none; overflow: hidden; font-size: 12px;}
.nav ul li { width: 165px; float: left;}
.nav ul li a { display: block; width: 165px; height: 40px; border-radius: 10px 10px 0 0; background: #c9c9ca; color: #000; text-align: center; text-decoration: none; line-height: 40px;}
.nav ul li a.select,
.nav ul li a:hover { background: #FFF; color: #eb6100;}



/*----------------------------------------------------

 sec01

----------------------------------------------------*/
.sec01 { padding: 50px 0 0; position: relative;}
.sec01 .triangle01 { position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 30vh;}
.sec01 .triangle02 { position: absolute; bottom: 0; left: 0; right: 0; width: 100vw; height: 30vh;}

.sec01 .box01 { margin: 0 0 15px; padding: 0; overflow: hidden; position: relative;}
.sec01 .box01 .ttl { width: 400px; float: left; margin: 0 50px 0 0; padding: 80px 0 0;}
.sec01 .box01 .ttl h3 { font-size: 90px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -0.02em;}
.sec01 .box01 .ttl h3 span { font-size: 22px; display: block; letter-spacing: normal;}
.sec01 .box01 .ttl .model { background: #a40000; color: #FFF; text-align: center; padding: 10px 0; margin: 0 0 15px;}
.sec01 .box01 .ttl p { font-size: 18px;}
.sec01 .box01 .img { width: 450px; float: left; margin: 0 20px 0 0;}
.sec01 .box01 .view { width: 8em; float: right; margin: 220px 0 0 0;}
.sec01 .box01 .view .bg { background: #c1bebc; padding: 5px; margin: 0 0 5px;}
.sec01 .box01 .view .bg dl { margin: 0; padding: 0; overflow: hidden; font-size: 12px;}
.sec01 .box01 .view .bg dl dt { width: 5.5em; float: left; background: #FFF; border-radius: 3px 0 0 3px; padding: 2px 0.4em; margin: 2px 0 0;}
.sec01 .box01 .view .bg dl dd { width: 3em; background: #FFF; border-radius: 0 3px 3px 0; padding: 2px 5px; margin: 2px 0 0 5.9em; color: #eb6100;}
.sec01 .box01 .view p { font-size: 8px;}

.sec01 .box02 { margin: 0 0 50px; padding: 0; text-align: center;}
.sec01 .box02 .inner { display: inline-block; overflow: hidden;}
.sec01 .box02 .inner .ttl { font-size: 18px; padding: 90px 5px 5px; float: left;}
.sec01 .box02 .inner .img { float: left; padding: 5px;}
.sec01 .box02 .inner .img p { text-align: center; font-size: 13px;}

.sec01 .box03 { margin: 0 0 50px; padding: 0; text-align: center;}
.sec01 .box03 p { margin: 0 0 30px; padding: 0;}
.sec01 .box03 img { width: auto; height: auto;}

.sec01 .box04 { margin: 0 0 50px; padding: 0;}
.sec01 .box04 ul { margin: 0 0 0; padding: 0; list-style: none; overflow: hidden;}
.sec01 .box04 ul li { margin: 0 36px 30px 0; padding: 0; float: left; width: 336px; }
.sec01 .box04 ul li:nth-child(3n) { margin: 0 0 30px 0;}
.sec01 .box04 ul li img { width: auto; height: auto;}
.sec01 .box04 ul li h5 { font-size: 22px; font-weight: normal;}
.sec01 .box04 ul li p { font-size: 15px;}

.sec01 .box04 .txt { margin: 0 0 50px; padding: 0; overflow: hidden; line-height: 160%;}
.sec01 .box04 .txt .txtL { float: left; margin: 0 70px 0 0; }
.sec01 .box04 .txt .txtR { float: left; margin: 0 0 0 0;}
.sec01 .box04 .txt p { font-size: 22px; margin-bottom: 10px; padding-left: 1em; text-indent: -1em;}
.sec01 .box04 .txt p::before { content: "◎";}
.sec01 .box04 .txt p span { font-size: 15px;}

.sec01 .box05 { margin: 0 0 0; padding: 0 0 100px; position: relative;}
.sec01 .box05 ul { margin: 0 0 0; padding: 0; list-style: none; overflow: hidden;}
.sec01 .box05 ul li { margin: 0 36px 30px 0; padding: 0; float: left; width: 336px;}
.sec01 .box05 ul li:nth-child(3n) { margin: 0 0 30px 0;}
.sec01 .box05 ul li img { width: auto; height: auto;}
.sec01 .box05 ul li h5 { font-size: 22px; font-weight: normal;}
.sec01 .box05 ul li p { font-size: 15px;}
.sec01 .box05 ul li .msg { position: relative;}
.sec01 .box05 ul li .msg span { position: absolute; right: 10px; bottom: -15px; width: 90px; height: 90px; background: #FFF; border-radius: 45px; color: #b60005; font-size: 16px; text-align: center; padding: 25px 0 0 0; box-sizing: border-box;}

.sec01 .box05 .txt { margin: 0 0 0; padding: 0; overflow: hidden; line-height: 160%;}
.sec01 .box05 .txt .txtL { float: left; margin: 0 70px 0 0; }
.sec01 .box05 .txt .txtR { float: left; margin: 0 0 0 0;}
.sec01 .box05 .txt p { font-size: 22px; margin-bottom: 10px; padding-left: 1em; text-indent: -1em;}
.sec01 .box05 .txt p::before { content: "◎";}
.sec01 .box05 .txt p span { font-size: 15px;}

.sec01 .subttl { text-align: center; margin: 0 auto 30px; max-width: 500px;}
.sec01 .subttl h4 { margin: 0 auto 10px; padding: 0 0 5px; font-size: 24px; width: 100%; border-bottom: solid 1px #000;}


.btn02 { text-align: center; position: relative; z-index: 100;}
.btn02 a { padding: 10px 80px; background: #eb6100; color: #FFF; border-radius: 50px; text-decoration: none;}




/*----------------------------------------------------

 sec02

----------------------------------------------------*/
.sec02 { position: relative;}
.sec02 .triangle01 { position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 30vh;}
.sec02 .triangle02 { position: absolute; bottom: -1px; left: 0; right: 0; width: 100vw; height: 30vh;}

.sec02 .box01 { margin: 0 0 15px; padding: 0; overflow: hidden; position: relative;}
.sec02 .box01 .ttl { width: 400px; float: left; margin: 0 50px 0 0; padding: 80px 0 0;}
.sec02 .box01 .ttl h3 { font-size: 90px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -0.02em;}
.sec02 .box01 .ttl h3 span { font-size: 22px; display: block; letter-spacing: normal;}
.sec02 .box01 .ttl .model { background: #28619d; color: #FFF; text-align: center; padding: 10px 0; margin: 0 0 15px;}
.sec02 .box01 .ttl p { font-size: 18px;}
.sec02 .box01 .img { width: 450px; float: left; margin: 0 20px 0 0;}
.sec02 .box01 .view { width: 8em; float: right; margin: 220px 0 0 0;}
.sec02 .box01 .view .bg { background: #c1bebc; padding: 5px; margin: 0 0 5px;}
.sec02 .box01 .view .bg dl { margin: 0; padding: 0; overflow: hidden; font-size: 12px;}
.sec02 .box01 .view .bg dl dt { width: 5.5em; float: left; background: #FFF; border-radius: 3px 0 0 3px; padding: 2px 0.4em; margin: 2px 0 0;}
.sec02 .box01 .view .bg dl dd { width: 3em; background: #FFF; border-radius: 0 3px 3px 0; padding: 2px 5px; margin: 2px 0 0 5.9em; color: #eb6100;}
.sec02 .box01 .view p { font-size: 8px;}

.sec02 .box02 { margin: 0 0 50px; padding: 0; text-align: center;}
.sec02 .box02 .inner { display: inline-block; overflow: hidden;}
.sec02 .box02 .inner .ttl { font-size: 18px; padding: 90px 5px 5px; float: left;}
.sec02 .box02 .inner .img { float: left; padding: 5px; float: left;}
.sec02 .box02 .inner .img p { text-align: center; font-size: 13px;}

.sec02 .box03 { margin: 0 0 50px; padding: 0; text-align: center;}
.sec02 .box03 p { margin: 0 0 30px; padding: 0;}
.sec02 .box03 img { width: auto; height: auto;}

.sec02 .box04 { margin: 0 0 50px; padding: 0;}
.sec02 .box04 ul { margin: 0 0 0; padding: 0; list-style: none; overflow: hidden;}
.sec02 .box04 ul li { margin: 0 36px 30px 0; padding: 0; float: left; width: 336px; }
.sec02 .box04 ul li:nth-child(3n) { margin: 0 0 30px 0;}
.sec02 .box04 ul li img { width: auto; height: auto;}
.sec02 .box04 ul li h5 { font-size: 22px; font-weight: normal;}
.sec02 .box04 ul li p { font-size: 15px;}

.sec02 .box04 .txt { margin: -120px 0 50px; padding: 0; overflow: hidden; line-height: 160%;}
.sec02 .box04 .txt .txtL { float: left; margin: 0 70px 0 0; }
.sec02 .box04 .txt .txtR { float: left; margin: 0 0 0 0;}
.sec02 .box04 .txt p { font-size: 22px; margin-bottom: 10px; padding-left: 1em; text-indent: -1em;}
.sec02 .box04 .txt p::before { content: "◎";}
.sec02 .box04 .txt p span { font-size: 15px;}

.sec02 .box05 { margin: 0 0 0; padding: 0 0 100px; position: relative;}
.sec02 .box05 ul { margin: 0 0 0; padding: 0; list-style: none; overflow: hidden;}
.sec02 .box05 ul li { margin: 0 36px 30px 0; padding: 0; float: left; width: 336px;}
.sec02 .box05 ul li:nth-child(3n) { margin: 0 0 30px 0;}
.sec02 .box05 ul li img { width: auto; height: auto;}
.sec02 .box05 ul li h5 { font-size: 22px; font-weight: normal;}
.sec02 .box05 ul li p { font-size: 15px;}
.sec02 .box05 ul li .msg { position: relative;}
.sec02 .box05 ul li .msg span { position: absolute; right: 10px; bottom: -15px; width: 90px; height: 90px; background: #FFF; border-radius: 45px; color: #b60005; font-size: 16px; text-align: center; padding: 25px 0 0 0; box-sizing: border-box;}

.sec02 .box05 .txt { margin: 0 0 0; padding: 0 0 50px; overflow: hidden; line-height: 160%;}
.sec02 .box05 .txt .txtL { float: left; margin: 0 70px 0 0; }
.sec02 .box05 .txt .txtR { float: left; margin: 0 0 0 0;}
.sec02 .box05 .txt p { font-size: 22px; margin-bottom: 10px; padding-left: 1em; text-indent: -1em;}
.sec02 .box05 .txt p::before { content: "◎";}
.sec02 .box05 .txt p span { font-size: 15px;}

.sec02 .subttl { text-align: center; margin: 0 auto 30px; max-width: 500px;}
.sec02 .subttl h4 { margin: 0 auto 10px; padding: 0 0 5px; font-size: 24px; width: 100%; border-bottom: solid 1px #000;}






/*----------------------------------------------------

 sec03

----------------------------------------------------*/
.sec03 { padding: 50px 0;}
.sec03 .subttl { text-align: center; margin: 0 auto 30px; max-width: 500px;}
.sec03 .subttl h4 { margin: 0 auto 10px; padding: 0 0 5px; font-size: 24px; width: 100%; border-bottom: solid 1px #000;}

.sec03 .w1080 {}
.sec03 .w1080 ul { width: 1008px; margin: 0 auto 50px; padding: 0; list-style: none; overflow: hidden;}
.sec03 .w1080 ul li { width: 300px; float: left; margin: 0 54px 15px 0;}
.sec03 .w1080 ul li:nth-child(3n) { margin: 0 0 15px 0;}
.sec03 .w1080 table { width: 880px; margin: auto auto 10px; border-bottom: solid 1px #000;}
.sec03 .w1080 table th { text-align: left; font-weight: normal; border-top: solid 1px #000; padding: 5px 0 5px 10px;}
.sec03 .w1080 table td { text-align: center; border-top: solid 1px #000; border-left: solid 1px #000; padding: 5px 0;}

.sec03 .w1080 table tr:nth-of-type(1) th { font-size: 24px; text-align: center;}
.sec03 .w1080 table tr:nth-of-type(1) td:nth-of-type(1) { font-size: 22px; color: #a40000;}
.sec03 .w1080 table tr:nth-of-type(1) td:nth-of-type(2) { font-size: 22px; color: #28619d;}





/*----------------------------------------------------

 sec04

----------------------------------------------------*/
.sec04 { padding: 50px 0;}
.sec04 table { margin: 0 0 20px; padding: 0; border-top: solid 1px #000; font-size: 12px;}
.sec04 table th { padding: 7px 5px; font-weight: normal; width: auto; border-bottom: solid 1px #000; border-right: solid 1px #000;}
.sec04 table td { padding: 7px 05px; font-weight: normal; width: 38%; text-align: center; border-bottom: solid 1px #000;}
.sec04 table tr td:last-child { border-left: solid 1px #000;}
.sec04 table td span { font-size: 10px;}
.sec04 .eta { overflow: hidden;}
.sec04 .eta .eta01 { float: left; font-size: 12px; width: 630px; margin: 0 20px 0 0;}
.sec04 .eta .eta01 ol { margin: 0 0 0 25px; padding: 0;}
.sec04 .eta .eta01 ol li {}


.sec04 .eta .eta02 { float: left; font-size: 12px; width: 340px; margin: 0 40px 0 0;}
.sec04 .eta .eta02 img { float: left;}
.sec04 .eta .eta02 p { margin: 5px 0 5px 80px;}

.sec04 .eta .eta03 { float: left; font-size: 12px;}
.sec04 .eta .eta03 p { font-size: 10px; margin: 0 0 5px;}
.sec04 .eta .eta03 .bg { background: #c1bebc; padding: 5px; margin: 0 0 5px; width: 120px;}
.sec04 .eta .eta03 .bg dl { margin: 0; padding: 0; overflow: hidden; font-size: 12px;}
.sec04 .eta .eta03 .bg dl dt { width: 5.5em; float: left; background: #FFF; border-radius: 3px 0 0 3px; padding: 2px 0.4em; margin: 2px 0 0;}
.sec04 .eta .eta03 .bg dl dd { width: 3em; background: #FFF; border-radius: 0 3px 3px 0; padding: 2px 5px; margin: 2px 0 0 5.9em; color: #eb6100;}





/*----------------------------------------------------

 sec05

----------------------------------------------------*/







/*----------------------------------------------------

 sec06

----------------------------------------------------*/












}

/*sp*/
@media only screen and (max-width: 599px) {

/*----------------------------------------------------

 header

----------------------------------------------------*/
.hedImg { width: 100%; height: 180px; background: url(../images/original_product/polcar/hedImg.jpg) center center no-repeat; background-size: cover; text-align: center; color: #FFF; padding: 30px 0 0; box-sizing: border-box;}
.hedImg h2 { width: 100%; font-size: 30px; font-family:Arial, Helvetica, sans-serif;}
.hedImg p { width: 100%; font-size: 18px;}

.navBg ul li:nth-of-type(3) a { color: #eb6100;}


.bg01 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e8e6e0+0,fffaf1+80 */
background: rgb(232,230,224); /* Old browsers */
background: -moz-linear-gradient(left, rgb(232,230,224) 0%, rgb(255,250,241) 80%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(232,230,224) 0%,rgb(255,250,241) 80%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(232,230,224) 0%,rgb(255,250,241) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e6e0', endColorstr='#fffaf1',GradientType=1 ); /* IE6-9 */
}
	
.bg02 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffaf1+20,e8e6e0+100 */
background: rgb(255,250,241); /* Old browsers */
background: -moz-linear-gradient(left, rgb(255,250,241) 20%, rgb(232,230,224) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgb(255,250,241) 20%,rgb(232,230,224) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgb(255,250,241) 20%,rgb(232,230,224) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaf1', endColorstr='#e8e6e0',GradientType=1 ); /* IE6-9 */
}
	
.bg03 {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffaf1+0,e8e6e0+100 */
background: rgb(255,250,241); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,250,241,1) 0%, rgba(232,230,224,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,250,241,1) 0%,rgba(232,230,224,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,250,241,1) 0%,rgba(232,230,224,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffaf1', endColorstr='#e8e6e0',GradientType=1 ); /* IE6-9 */
}



.triangle02 {
display: none;
}


/*----------------------------------------------------

 nav

----------------------------------------------------*/
.nav { width: 100%; margin: 0px auto auto;}
.nav ul { width: 104%; margin: 0 auto 0 -2%; padding: 10px 0 0; list-style: none; overflow: hidden; font-size: 11px;}
.nav ul li { width: auto; float: left; box-sizing: border-box; border: solid 1px #999; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg);}
.nav ul li a { display: block; width: 100%; height: 40px; border-radius: 0 0 0 0; color: #000; text-align: center; text-decoration: none; line-height: 40px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg);}
.nav ul li a.select,
.nav ul li a:hover { color: #eb6100;}


/* .nav ul li:nth-of-type(1) { width: 39%; margin-right: 1%;}
.nav ul li:nth-of-type(2) { width: 29%; margin-right: 1%;}
.nav ul li:nth-of-type(3) { width: 30%;} */


.nav ul li:nth-of-type(1) { width: 32%; margin-right: 1%;font-size:9px !important}
.nav ul li:nth-of-type(2) { width: 23%; margin-right: 1%;font-size:9px !important}
.nav ul li:nth-of-type(3) { width: 23%; margin-right: 1%;font-size:9px !important}
.nav ul li:nth-of-type(4) { width: 19%;font-size:9px !important}


.w1080 { width: 94%; margin-left: auto; margin-right: auto;}




/*----------------------------------------------------

 sec01

----------------------------------------------------*/
.sec01 { padding: 50px 0 0; position: relative; margin: 0 auto 50px;}
.sec01 .triangle01 { position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 30vh;}
.sec01 .triangle02 { position: absolute; bottom: 0; left: 0; right: 0; width: 100vw; height: 30vh;}

.sec01 .box01 { margin: 0 0 15px; padding: 0; overflow: hidden; position: relative;}
.sec01 .box01 .ttl { width: 100%; float: left; margin: 0 50px 0 0; padding: 20px 0 0;}
.sec01 .box01 .ttl h3 { font-size: 90px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -0.02em;}
.sec01 .box01 .ttl h3 img { width: 80%;}

.sec01 .box01 .ttl h3 span { font-size: 20px; display: block; letter-spacing: normal;}
.sec01 .box01 .ttl .model { background: #a40000; color: #FFF; text-align: center; padding: 10px 0; margin: 0 0 15px;}
.sec01 .box01 .ttl p { font-size: 16px;}
.sec01 .box01 .img { width: 100%; max-width: 400px; float: none; margin: 0 auto 20px;}
.sec01 .box01 .img img { width: 100%;}
.sec01 .box01 .view { width: 70%; float: none; margin: 0 auto 0;}
.sec01 .box01 .view .bg { background: #c1bebc; padding: 5px; margin: 0 0 5px;}
.sec01 .box01 .view .bg dl { margin: 0; padding: 0; overflow: hidden; font-size: 14px;}
.sec01 .box01 .view .bg dl dt { width: 40%; float: left; background: #FFF; border-radius: 3px 0 0 3px; padding: 2px 0.4em; margin: 2px 0 0; box-sizing: border-box;}
.sec01 .box01 .view .bg dl dd { width: 60%; background: #FFF; border-radius: 0 3px 3px 0; padding: 2px 5px; margin: 2px 0 0 40%; color: #eb6100; box-sizing: border-box;}
.sec01 .box01 .view p { font-size: 10px;}

.sec01 .box02 { margin: 0 0 50px; padding: 0; text-align: center;}
.sec01 .box02 .inner { display: inline-block; overflow: hidden;}
.sec01 .box02 .inner .ttl { font-size: 18px; padding: 40px 0 0; float: none; margin-bottom: 15px;}
.sec01 .box02 .inner .img { float: left; padding: 5px; width: 48%; margin-right: 4%; box-sizing: border-box; text-align: center;}
.sec01 .box02 .inner .img:nth-child(2n) { margin-right: 0;}
.sec01 .box02 .inner .img img { width: 100%;}
.sec01 .box02 .inner .img p { text-align: center; font-size: 13px;}

.sec01 .box03 { margin: 0 0 50px; padding: 0; text-align: center;}
.sec01 .box03 p { margin: 0 0 30px; padding: 0;}
.sec01 .box03 img { width: 100%; height: auto;}

.sec01 .box04 { margin: 0 0 50px; padding: 0;}
.sec01 .box04 ul { margin: 0 0 40px; padding: 0; list-style: none; overflow: hidden;}
.sec01 .box04 ul li { margin: 0 auto 30px; padding: 0; float: left; width: 100%;}
.sec01 .box04 ul li:last-child { margin-bottom: 0;}
.sec01 .box04 ul li img { width: 100%; height: auto;}
.sec01 .box04 ul li h5 { font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.sec01 .box04 ul li p { font-size: 15px;}

.sec01 .box04 .txt { margin: 0 0 50px; padding: 0; overflow: hidden; line-height: 160%;}
.sec01 .box04 .txt .txtL { float: none; margin-bottom: 30px; }
.sec01 .box04 .txt .txtR { float: none; margin: 0 0 0 0;}
.sec01 .box04 .txt p { font-size: 18px; margin-bottom: 10px; padding-left: 1em; text-indent: -1em;}
.sec01 .box04 .txt p::before { content: "◎";}
.sec01 .box04 .txt p span { font-size: 15px;}

.sec01 .box05 { margin: 0 0 0; padding: 0 0 50px; position: relative;}
.sec01 .box05 ul { margin: 0 0 0; padding: 0; list-style: none; overflow: hidden;}
.sec01 .box05 ul li { margin: 0 0 30px 0; padding: 0; float: none; width: 100%;}
.sec01 .box05 ul li:nth-child(3n) { margin: 0 0 30px 0;}
.sec01 .box05 ul li img { width: 100%; height: auto;}
.sec01 .box05 ul li h5 { font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.sec01 .box05 ul li p { font-size: 15px;}
.sec01 .box05 ul li .msg { position: relative;}
.sec01 .box05 ul li .msg span { position: absolute; right: 10px; bottom: -15px; width: 90px; height: 90px; background: #FFF; border-radius: 45px; color: #b60005; font-size: 16px; text-align: center; padding: 25px 0 0 0; box-sizing: border-box;}

.sec01 .box05 .txt { margin: 0 0 0; padding: 0; overflow: hidden; line-height: 160%;}
.sec01 .box05 .txt .txtL { float: none; margin-bottom: 30px; }
.sec01 .box05 .txt .txtR { float: none; margin: 0 0 0 0;}
.sec01 .box05 .txt p { font-size: 18px; margin-bottom: 10px; padding-left: 1em; text-indent: -1em;}
.sec01 .box05 .txt p::before { content: "◎";}
.sec01 .box05 .txt p span { font-size: 15px;}

.sec01 .subttl { text-align: center; margin: 0 auto 30px; max-width: 500px;}
.sec01 .subttl h4 { margin: 0 auto 10px; padding: 0 0 5px; font-size: 22px; width: 100%; border-bottom: solid 1px #000;}


.btn02 { text-align: center; position: relative; z-index: 100; margin: 50px 0 50px;}
.btn02 a { padding: 10px 80px; background: #eb6100; color: #FFF; border-radius: 50px; text-decoration: none;}




/*----------------------------------------------------

 sec02

----------------------------------------------------*/
.sec02 { position: relative;}
.sec02 .triangle01 { position: absolute; top: 0; left: 0; right: 0; width: 100vw; height: 30vh;}
.sec02 .triangle02 { position: absolute; bottom: 0; left: 0; right: 0; width: 100vw; height: 30vh;}

.sec02 .box01 { margin: 0 0 15px; padding: 0; overflow: hidden; position: relative;}
.sec02 .box01 .ttl { width: 100%; float: left; margin: 0 50px 0 0; padding: 40px 0 0;}
.sec02 .box01 .ttl h3 { font-size: 90px; font-family:Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: -0.02em;}
.sec02 .box01 .ttl h3 img { width: 80%;}
.sec02 .box01 .ttl h3 span  { font-size: 20px; display: block; letter-spacing: normal;}
.sec02 .box01 .ttl .model { background: #28619d; color: #FFF; text-align: center; padding: 10px 0; margin: 0 0 15px;}
.sec02 .box01 .ttl p { font-size: 16px;}
.sec02 .box01 .img { width: 100%; max-width: 400px; float: none; margin: 0 auto 20px;}
.sec02 .box01 .img img { width: 100%;}
.sec02 .box01 .view { width: 70%; float: none; margin: 0 auto 0;}
.sec02 .box01 .view .bg { background: #c1bebc; padding: 5px; margin: 0 0 5px;}
.sec02 .box01 .view .bg dl { margin: 0; padding: 0; overflow: hidden; font-size: 14px;}
.sec02 .box01 .view .bg dl dt { width: 40%; float: left; background: #FFF; border-radius: 3px 0 0 3px; padding: 2px 0.4em; margin: 2px 0 0; box-sizing: border-box;}
.sec02 .box01 .view .bg dl dd { width: 60%; background: #FFF; border-radius: 0 3px 3px 0; padding: 2px 5px; margin: 2px 0 0 40%; color: #eb6100; box-sizing: border-box;}
.sec02 .box01 .view p { font-size: 10px;}

.sec02 .box02 { margin: 0 0 50px; padding: 0; text-align: center;}
.sec02 .box02 .inner { display: inline-block; overflow: hidden;}
.sec02 .box02 .inner .ttl { font-size: 18px; padding: 40px 0 0; float: none; margin-bottom: 15px;}
.sec02 .box02 .inner .img { float: left; padding: 5px; width: 48%; margin-right: 4%; box-sizing: border-box; text-align: center;}
.sec02 .box02 .inner .img:nth-child(2n) { margin-right: 0;}
.sec02 .box02 .inner .img img { width: 100%;}
.sec02 .box02 .inner .img p { text-align: center; font-size: 13px;}

.sec02 .box03 { margin: 0 0 50px; padding: 0; text-align: center;}
.sec02 .box03 p { margin: 0 0 30px; padding: 0;}
.sec02 .box03 img { width: 100%; height: auto;}

.sec02 .box04 { margin: 0 0 50px; padding: 0;}
.sec02 .box04 ul { margin: 0 0 40px; padding: 0; list-style: none; overflow: hidden;}
.sec02 .box04 ul li { margin: 0 auto 30px; padding: 0; float: left; width: 100%;}
.sec02 .box04 ul li:last-child { margin-bottom: 0;}
.sec02 .box04 ul li img { width: 100%; height: auto;}
.sec02 .box04 ul li h5 { font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.sec02 .box04 ul li p { font-size: 15px;}

.sec02 .box04 .txt { margin: 0 0 50px; padding: 0; overflow: hidden; line-height: 160%;}
.sec02 .box04 .txt .txtL { float: none; margin-bottom: 30px; }
.sec02 .box04 .txt .txtR { float: none; margin: 0 0 0 0;}
.sec02 .box04 .txt p { font-size: 18px; margin-bottom: 10px; padding-left: 1em; text-indent: -1em;}
.sec02 .box04 .txt p::before { content: "◎";}
.sec02 .box04 .txt p span { font-size: 15px;}

.sec02 .box05 { margin: 0 0 0; padding: 0 0 50px; position: relative;}
.sec02 .box05 ul { margin: 0 0 0; padding: 0; list-style: none; overflow: hidden;}
.sec02 .box05 ul li { margin: 0 0 30px 0; padding: 0; float: left; width: 100%;}
.sec02 .box05 ul li:nth-child(3n) { margin: 0 0 30px 0;}
.sec02 .box05 ul li img { width: 100%; height: auto;}
.sec02 .box05 ul li h5 { font-size: 18px; font-weight: normal; margin-bottom: 5px;}
.sec02 .box05 ul li p { font-size: 15px;}
.sec02 .box05 ul li .msg { position: relative;}
.sec02 .box05 ul li .msg span { position: absolute; right: 10px; bottom: -15px; width: 90px; height: 90px; background: #FFF; border-radius: 45px; color: #b60005; font-size: 16px; text-align: center; padding: 25px 0 0 0; box-sizing: border-box;}

.sec02 .box05 .txt { margin: 0 0 0; padding: 0; overflow: hidden; line-height: 160%;}
.sec02 .box05 .txt .txtL { float: none; margin-bottom: 30px; }
.sec02 .box05 .txt .txtR { float: none; margin: 0 0 0 0;}
.sec02 .box05 .txt p { font-size: 18px; margin-bottom: 10px; padding-left: 1em; text-indent: -1em;}
.sec02 .box05 .txt p::before { content: "◎";}
.sec02 .box05 .txt p span { font-size: 15px;}

.sec02 .subttl { text-align: center; margin: 0 auto 30px; max-width: 500px;}
.sec02 .subttl h4 { margin: 0 auto 10px; padding: 0 0 5px; font-size: 22px; width: 100%; border-bottom: solid 1px #000;}



/*----------------------------------------------------

 sec03

----------------------------------------------------*/
.sec03 { padding: 50px 0;}
.sec03 .subttl { text-align: center; margin: 0 auto 30px; max-width: 500px;}
.sec03 .subttl h4 { margin: 0 auto 10px; padding: 0 0 5px; font-size: 22px; width: 100%; border-bottom: solid 1px #000;}

.sec03 .w1080 {}
.sec03 .w1080 ul { width: 100%; margin: 0 auto 50px; padding: 0; list-style: none; overflow: hidden;}
.sec03 .w1080 ul li { max-width: 300px; width: 100%; float: none; margin: 0 auto 30px;}
.sec03 .w1080 ul li:last-child { margin-bottom: 0;}
.sec03 .w1080 table { width: 880px; margin: auto auto 10px; border-bottom: solid 1px #000;}
.sec03 .w1080 table th { text-align: left; font-weight: normal; border-top: solid 1px #000; padding: 5px 0 5px 10px;}
.sec03 .w1080 table td { text-align: center; border-top: solid 1px #000; border-left: solid 1px #000; padding: 5px 0;}

.sec03 .w1080 table tr:nth-of-type(1) th { font-size: 20px; text-align: center;}
.sec03 .w1080 table tr:nth-of-type(1) td:nth-of-type(1) { font-size: 18px; color: #a40000;}
.sec03 .w1080 table tr:nth-of-type(1) td:nth-of-type(2) { font-size: 18px; color: #28619d;}

.scroll{
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}



/*----------------------------------------------------

 sec04

----------------------------------------------------*/
.sec04 { padding: 50px 0;}
.sec04 table { margin: 0 0 20px; padding: 0; border-top: solid 1px #000; font-size: 14px;}
.sec04 .scroll { margin-bottom: 30px;}
.sec04 table th { padding: 7px 5px; font-weight: normal; width: auto; border-bottom: solid 1px #000; border-right: solid 1px #000; white-space: nowrap;}
.sec04 table td { padding: 7px 05px; font-weight: normal; width: 38%; text-align: center; border-bottom: solid 1px #000; white-space: nowrap;}
.sec04 table tr td:last-child { border-left: solid 1px #000;}
.sec04 table td span { font-size: 10px;}
.sec04 .eta { overflow: hidden;}
.sec04 .eta .eta01 { float: none; font-size: 14px; width: 100%; margin-bottom: 20px;}
.sec04 .eta .eta01 ol { margin: 0 0 0 25px; padding: 0;}
.sec04 .eta .eta01 ol li {}


.sec04 .eta .eta02 { float: none; font-size: 14px; width: 100%; margin-bottom: 20px;}
.sec04 .eta .eta02 img { float: left;}
.sec04 .eta .eta02 p { margin: 5px 0 5px 80px;}

.sec04 .eta .eta03 { float: none; font-size: 14px;}
.sec04 .eta .eta03 p { font-size: 12px; margin: 0 0 5px;}
.sec04 .eta .eta03 .bg { background: #c1bebc; padding: 5px; margin: 0 auto 5px; width: 70%;}
.sec04 .eta .eta03 .bg dl { margin: 0; padding: 0; overflow: hidden; font-size: 14px;}
.sec04 .eta .eta03 .bg dl dt  { width: 40%; float: left; background: #FFF; border-radius: 3px 0 0 3px; padding: 2px 0.4em; margin: 2px 0 0; box-sizing: border-box;}
.sec04 .eta .eta03 .bg dl dd { width: 60%; background: #FFF; border-radius: 0 3px 3px 0; padding: 2px 5px; margin: 2px 0 0 40%; color: #eb6100; box-sizing: border-box;}








}