.section { padding: 0 20px; }

.section__inner { width: 100%; max-width: 980px; margin: 0 auto; }

.section01 { background-image: url(images/bg01.jpg); background-size: cover; background-position: center; position: relative; }

@media screen and (max-width: 768px) { .section01 { background-size: contain; background-repeat: no-repeat; background-position: top; padding: 0 10px; } }

.section01::after { content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(74%, transparent), to(#fff)); background: linear-gradient(transparent 0%, transparent 74%, #fff 100%); position: absolute; top: 0; left: 0; }

.section01 .section__inner { padding-top: 90px; }

.section h2 { font-size: 30px; line-height: 1.5; color: #333; text-align: center; font-weight: bold; }

.section h2::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.5) * 0.5em); content: ""; }

.section h2::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.5) * 0.5em); content: ""; }

.section h2 + p { font-size: 20px; margin-top: 25px; text-align: center; }

@media screen and (max-width: 768px) { .section h2 + p { font-size: 16px; padding: 0 10px; text-align: left; padding: 0 20px; } }

.section h3 { font-size: 30px; line-height: 1.5; padding: 50px 0 40px; margin-top: 75px; border-top: 4px solid #12b68e; color: #333; font-weight: bold; }

.section h3::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.5) * 0.5em); content: ""; }

.section h3::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.5) * 0.5em); content: ""; }

@media screen and (max-width: 768px) { .section h3 { margin-top: 50px; padding: 40px 0; } }

.section h4 { font-size: 20px; line-height: 1.5; color: #333; font-weight: bold; }

.section h4::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.5) * 0.5em); content: ""; }

.section h4::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.5) * 0.5em); content: ""; }

.section h4 + p { margin-top: 25px; }

.section p { font-size: 16px; line-height: 1.5; color: #333; }

.section p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.5) * 0.5em); content: ""; }

.section p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.5) * 0.5em); content: ""; }

.section p b { font-weight: bold; }

.section p + p { margin-top: 30px; }

.section img { width: 100%; }

.section .flex { margin-top: 35px; position: relative; z-index: 1; }

@media screen and (max-width: 768px) { .section .flex { padding: 0 20px; } }

.section .flex__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 768px) { .section .flex__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.section .flex__inner > div { width: calc(308 / 980 * 100%); }

@media screen and (max-width: 768px) { .section .flex__inner > div { width: 100%; }
  .section .flex__inner > div:nth-of-type(n + 2) { margin-top: 20px; } }

.section .prf { border-top: 1px solid #e7e7e7; }

.section .prf__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 40px 0; }

@media screen and (max-width: 768px) { .section .prf__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.section .prf__inner > div:nth-of-type(1) { width: calc(625 / 980 * 100%); }

@media screen and (max-width: 768px) { .section .prf__inner > div:nth-of-type(1) { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 35px; } }

.section .prf__inner > div:nth-of-type(2) { width: calc(308 / 980 * 100%); }

@media screen and (max-width: 768px) { .section .prf__inner > div:nth-of-type(2) { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0 10px; } }

.section .tRight { text-align: right; }

.section .f20 { font-size: 20px; }

.section .f18 { font-size: 18px; }

.section .f14 { font-size: 14px; }

.section .tableArea { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }

.section .tableArea table { width: 100%; margin-top: 30px; }

@media screen and (max-width: 768px) { .section .tableArea table { margin-top: 20px; } }

.section .tableArea table tr { font-size: 16px; line-height: 1.5; color: #333; border-bottom: 1px solid #e7e7e7; display: -webkit-box; display: -ms-flexbox; display: flex; }

.section .tableArea table tr::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.5) * 0.5em); content: ""; }

.section .tableArea table tr::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.5) * 0.5em); content: ""; }

@media screen and (max-width: 768px) { .section .tableArea table tr { font-size: 14px; } }

.section .tableArea table tr:nth-of-type(1) { border-top: 1px solid #e7e7e7; }

.section .tableArea table tr th { background-color: #e9f8f4; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 35px; width: 160px; }

@media screen and (max-width: 768px) { .section .tableArea table tr th { padding: 25px 15px; width: 110px; } }

.section .tableArea table tr td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 30px 35px; }

@media screen and (max-width: 768px) { .section .tableArea table tr td { padding: 25px 15px; } }

.section .tableArea p { padding: 0 40px; }

@media screen and (max-width: 768px) { .section .tableArea p { padding: 0 15px; font-size: 14px; } }

.section .tableArea p:nth-of-type(1) { margin-top: 25px; }

.section .tableArea p:nth-of-type(n + 2) { margin-top: 15px; }

@media screen and (max-width: 768px) { .section .tableArea p:nth-of-type(n + 2) { margin-top: 25px; } }

.section .tableArea p:last-of-type { padding-bottom: 25px; }

.section .accordion { cursor: pointer; padding: 0 35px; position: relative; font-size: 16px; }

.section .accordion p { padding: 0 !important; margin: 0 !important; }

@media screen and (max-width: 768px) { .section .accordion { font-size: 14px; padding: 0 20px; } }

.section .accordion::after { content: ""; background-image: url(images/open.png); width: 12px; height: 12px; background-size: contain; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 40px; }

@media screen and (max-width: 768px) { .section .accordion::after { right: 10px; } }

.section .accordion.active::after { background-image: url(images/close.png); background-size: contain; height: 3px; }

.section .accordion__inner { padding: 40px 0; }

@media screen and (max-width: 768px) { .section .accordion__inner { padding: 25px 0; } }

.bgArea { background-image: url(images/bg02.jpg); width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; margin-top: 75px; }

@media screen and (max-width: 768px) { .bgArea { margin-top: 50px; } }

.bgArea__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 60px 0; }

.bgArea__inner p { font-size: 42px; text-align: center; width: 100%; color: #fff; font-weight: bold; line-height: 1.3; }

.bgArea__inner p::before { display: block; width: 0; height: 0; margin-top: calc((1 - 1.3) * 0.5em); content: ""; }

.bgArea__inner p::after { display: block; width: 0; height: 0; margin-bottom: calc((1 - 1.3) * 0.5em); content: ""; }

@media screen and (max-width: 768px) { .bgArea__inner p { font-size: 31px; } }

@media screen and (max-width: 350px) { .bgArea__inner p { font-size: 28px; } }

.button { margin-top: 85px; position: relative; z-index: 1; }

.button__inner { width: 308px; height: 60px; padding: 0; }

.button__inner a { background-color: #00a87b; border: #00a87b 3px solid; color: #fff; width: 100%; height: 100%; border-radius: 6px; position: relative; -webkit-transition: 0.1s; transition: 0.1s; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; }

.button__inner a:hover { background-color: #fff; border: #00a87b 3px solid; color: #00a87b; }

.button__inner a::before { content: ""; background: url(images/buttonBg.png) repeat; width: 100%; height: 60px; border-radius: 8px; position: absolute; right: -11px; bottom: -11px; z-index: -1; }

@media screen and (max-width: 768px) { .pcOnly { display: none; } }

.spOnly { display: none; }

@media screen and (max-width: 768px) { .spOnly { display: block; } }

.win .section p, .win .section li, .win .section div { font-weight: 500; }

.hiragino .section p, .hiragino .section li, .hiragino .section div { font-weight: 300; }
/*# sourceMappingURL=style.css.map */