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


/*PC*/
@media screen and (min-width: 1680px) {

.header { background: url("../images/policy/hedImg.jpg") center center no-repeat; background-size: cover;}


.contents {}
.contents .inner { width: 1536px; margin: 0 auto; padding: 100px 0 150px;}
.contents .inner .txt01 { margin-bottom: 100px;}
.contents .inner .txt01 h3 { font-size: 30px; text-align: center; margin-bottom: 70px;}
.contents .inner .txt01 p {}
.contents .inner .txt02 {}
.contents .inner .txt02 h4 { font-size: 26px; position: relative; padding-left: 40px; margin-bottom: 10px;}
.contents .inner .txt02 h4::before { content: ''; position: absolute; top: 50%; left: 0; display: inline-block; margin-top: var(--com_px01); width: 20px; height: var(--com_px02); background: var(--color01_10);}
.contents .inner .txt02 .box { margin: 0 0 70px;}
.contents .inner .contact_us { display: inline-block; padding: 20px 50px; background: #FFF; margin-top: 20px; border: solid 5px var(--color99_03);}


}


@media print, screen and (min-width: 768px) and ( max-width: 1679px) {

.header { background: url("../images/policy/hedImg.jpg") center center no-repeat; background-size: cover;}


.contents {}
.contents .inner { width: 91.4286vw; margin: 0 auto; padding: 5.9524vw 0 8.9286vw;}
.contents .inner .txt01 { margin-bottom: 5.9524vw;}
.contents .inner .txt01 h3 { font-size: 1.7857vw; text-align: center; margin-bottom: 4.1667vw;}
.contents .inner .txt01 p {}
.contents .inner .txt02 {}
.contents .inner .txt02 h4 { font-size: 1.5476vw; position: relative; padding-left: 2.3810vw; margin-bottom: 0.5952vw;}
.contents .inner .txt02 h4::before { content: ''; position: absolute; top: 50%; left: 0; display: inline-block; margin-top: var(--com_px01); width: 1.1905vw; height: var(--com_px02); background: var(--color01_10);}
.contents .inner .txt02 .box { margin: 0 0 4.1667vw;}
.contents .inner .contact_us { display: inline-block; padding: 1.1905vw 2.9762vw; background: #FFF; margin-top: 1.1905vw; border: solid 0.2976vw var(--color99_03);}


}



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

.header { background: url("../images/policy/hedImg.jpg") center center no-repeat; background-size: cover;}


.contents {}
.contents .inner { width: auto; margin: 0 4.6875vw; padding: 15.6250vw 0 23.4375vw;}
.contents .inner .txt01 { margin-bottom: 15.6250vw;}
.contents .inner .txt01 h3 { font-size: 4.6875vw; text-align: center; margin-bottom: 10.9375vw;}
.contents .inner .txt01 p {}
.contents .inner .txt02 {}
.contents .inner .txt02 h4 { font-size: 4.0625vw; position: relative; padding-left: 6.2500vw; margin-bottom: 1.5625vw;}
.contents .inner .txt02 h4::before { content: ''; position: absolute; top: 50%; left: 0; display: inline-block; margin-top: var(--com_px01); width: 3.1250vw; height: var(--com_px02); background: var(--color01_10);}
.contents .inner .txt02 .box { margin: 0 0 10.9375vw;}
.contents .inner .contact_us { display: inline-block; padding: 3.1250vw 7.8125vw; background: #FFF; margin-top: 3.1250vw; border: solid 0.7813vw var(--color99_03);}


}




@media screen and (width: 640px) {

.header { background: url("../images/policy/hedImg.jpg") center center no-repeat; background-size: cover;}


.contents {}
.contents .inner { width: auto; margin: 0 30px; padding: 100px 0 150px;}
.contents .inner .txt01 { margin-bottom: 100px;}
.contents .inner .txt01 h3 { font-size: 30px; text-align: center; margin-bottom: 70px;}
.contents .inner .txt01 p {}
.contents .inner .txt02 {}
.contents .inner .txt02 h4 { font-size: 26px; position: relative; padding-left: 40px; margin-bottom: 10px;}
.contents .inner .txt02 h4::before { content: ''; position: absolute; top: 50%; left: 0; display: inline-block; margin-top: var(--com_px01); width: 20px; height: var(--com_px02); background: var(--color01_10);}
.contents .inner .txt02 .box { margin: 0 0 70px;}
.contents .inner .contact_us { display: inline-block; padding: 20px 50px; background: #FFF; margin-top: 20px; border: solid 5px var(--color99_03);}


}