@charset 'UTF-8';


/* main
---------------------------------------- */
.main-area{ background: url('../images/policy/bg_main.jpg') center center no-repeat; }

.bg-blue{ background: #0054a7; }

/* section-area
---------------------------------------- */
.section-area{ width: 100%; margin: 35px auto; padding: 20px 38px 5px 38px; }

.section-area> .sec-title{ text-align: center; }

.section-area> .main-text{ margin: 10px auto 0 auto; color: #fff; font-size: 14px; line-height: 1.5; text-align: center; }

.section-area> .policy-area{ width: 100%; margin-top: 40px; }

.section-area> .policy-area> dt{ width: 100%; margin-bottom: .3em; padding-bottom: .3em; color: #fff; font-size: 14px; border-bottom: #fff 1px solid; }

.section-area> .policy-area> dd{ margin-bottom: 45px; padding: 0 1.3em; color: #fff; font-size: 13px; line-height: 1.615384615; }

.section-area.sec-01 dt:before{ content: '◆ '; }

@media screen and (max-width: 640px){ .section-area{ margin: 6.25vw auto; padding: 3.125vw 3.125vw 1.5625vw 3.125vw; }
.section-area> .sec-title{ text-align: center; }
.section-area> .main-text{ margin: 3.125vw auto 0 auto; font-size: 3.75vw; }
.section-area> .policy-area{ margin-top: 6.25vw; }
.section-area> .policy-area> dt{ font-size: 3.4375vw; }
.section-area> .policy-area> dd{ margin-bottom: 6.25vw; font-size: 3.125vw; } }