body { font-family: Arial; }

.img-res { width: 100%; max-width: 100%; }

.banner { margin-bottom: 20px; }

@media (min-width: 1000px) { .banner { margin-bottom: 30px; } }

.tit h3 { font-size: 26px; font-weight: bold; margin-bottom: 20px; }

.tit p { margin-bottom: 25px; }

@media (min-width: 1200px) { .tit p { margin-bottom: 40px; } }

.tit-tl img { z-index: 100; }

@media (max-width: 759px) { .tit-tl img { width: 100%; } }

@media (min-width: 1000px) { .tit-tl img { margin-bottom: 35px; } }

@media (min-width: 1200px) { .tit-tl img { margin-bottom: 50px; } }

.tit-tr { z-index: -1; background: #f9f9f9; padding: 15px 40px 20px 15px; }

@media (min-width: 760px) { .tit-tr { padding: 30px 40px 20px 50px; } }

@media (min-width: 1000px) { .tit-tr { padding: 30px 40px 20px 125px; margin-top: 10px; } }

@media (min-width: 1200px) { .tit-tr { padding: 30px 30px 20px 100px; margin-top: 20px; } }

.tit-tr p span { display: block; font-size: 26px; font-weight: bold; }

@media (min-width: 1000px) { .pre-p1 { margin-bottom: 30px; } }

@media (min-width: 1200px) { .pre-p1 { margin-bottom: 40px; } }

.pre-p1 span { display: inline-block; font-size: 26px; font-weight: bold; margin-bottom: 20px; }

.eq-h3 { font-size: 26px; font-weight: bold; margin-bottom: 20px; }

@media (min-width: 1000px) { .eq-h3 { margin-bottom: 30px; } }

.p1-l img { display: block; margin: 0 auto; }

@media (max-width: 999px) { .p1-l img { margin-bottom: 20px; } }

@media (min-width: 1000px) { .p1-l img { z-index: 100; background-color: #fff; margin-top: 40px; padding-bottom: 10px; position: relative; } }

@media (min-width: 1200px) { .p1-l img { margin-left: 35px; margin-top: 30px; } }

.p1-r { border: 3px solid #d11932; padding: 30px; z-index: -1; margin-bottom: 20px; }

@media (min-width: 1000px) { .p1-r { padding: 30px 30px 15px 190px; margin-bottom: 35px; } }

@media (min-width: 1200px) { .p1-r { padding: 30px 30px 15px 220px; margin-bottom: 60px; } }

.p1-r h3 { font-size: 18px; font-weight: bold; margin-bottom: 15px; }

.p1-r p .ps-sp1 { padding: 2px 10px; background: #b10c22; color: #fff; margin-right: 20px; }

@media (min-width: 760px) { .p1-r p .ps-sp1 { margin-right: 60px; } }

@media (min-width: 1000px) { .p1-r p .ps-sp1 { margin-right: 160px; } }

.p2-l img { display: block; margin: 0 auto; }

@media (max-width: 999px) { .p2-l img { margin-bottom: 20px; } }

@media (min-width: 1000px) { .p2-l img { z-index: 100; background-color: #fff; margin-top: 10px; padding-bottom: 3px; position: relative; transform: translateX(-197px); } }

@media (min-width: 1200px) { .p2-l img { margin-top: 20px; transform: translateX(-210px); } }

.p2-r { border: 3px solid #d11932; padding: 30px; z-index: -1; margin-bottom: 20px; }

@media (min-width: 1000px) { .p2-r { padding: 40px 190px 30px 40px; margin-bottom: 35px; } }

@media (min-width: 1200px) { .p2-r { padding: 40px 220px 30px 40px; margin-bottom: 60px; } }

.p2-r h3 { font-size: 18px; font-weight: bold; margin-bottom: 15px; }

@media (min-width: 1200px) { .p2-r p { line-height: 26px; } }

.p2-r p .ps-sp1 { padding: 2px 10px; background: #b10c22; color: #fff; margin-right: 20px; }

@media (min-width: 760px) { .p2-r p .ps-sp1 { margin-right: 60px; } }

@media (min-width: 1000px) { .p2-r p .ps-sp1 { margin-right: 100px; } }

.p3-l img { display: block; margin: 0 auto; }

@media (max-width: 999px) { .p3-l img { margin-bottom: 20px; } }

@media (min-width: 1000px) { .p3-l img { z-index: 100; background-color: #fff; margin-top: 30px; padding-bottom: 10px; position: relative; margin-left: 15px; } }

@media (min-width: 1200px) { .p3-l img { margin-left: 50px; margin-top: 20px; } }

.p3-r { border: 3px solid #d11932; padding: 30px; z-index: -1; margin-bottom: 20px; }

@media (min-width: 1000px) { .p3-r { padding: 30px 30px 15px 130px; margin-bottom: 35px; } }

@media (min-width: 1200px) { .p3-r { padding: 30px 30px 15px 130px; margin-bottom: 60px; } }

.p3-r h3 { font-size: 18px; font-weight: bold; margin-bottom: 15px; }

.p3-r p .ps-sp1 { padding: 2px 10px; background: #b10c22; color: #fff; margin-right: 20px; }

@media (min-width: 760px) { .p3-r p .ps-sp1 { margin-right: 60px; } }

@media (min-width: 1000px) { .p3-r p .ps-sp1 { margin-right: 160px; margin-bottom: 5px; } }

@media (min-width: 1200px) { .p3-r p .ps-sp1 { line-height: 28px; } }

.p4-l img { display: block; margin: 0 auto; }

@media (max-width: 999px) { .p4-l img { margin-bottom: 20px; } }

@media (min-width: 1000px) { .p4-l img { z-index: 100; background-color: #fff; margin-top: 35px; padding-bottom: 10px; padding-top: 20px; position: relative; transform: translateX(-197px); } }

@media (min-width: 1200px) { .p4-l img { margin-top: 20px; transform: translateX(-210px); } }

.p4-r { border: 3px solid #d11932; padding: 30px; z-index: -1; margin-bottom: 20px; }

@media (min-width: 1000px) { .p4-r { padding: 30px 190px 15px 30px; margin-bottom: 35px; } }

@media (min-width: 1200px) { .p4-r { padding: 30px 220px 15px 30px; margin-bottom: 50px; } }

.p4-r h3 { font-size: 18px; font-weight: bold; margin-bottom: 15px; }

@media (min-width: 1200px) { .p4-r p { line-height: 24px; } }

.p4-r p .ps-sp1 { padding: 2px 10px; background: #b10c22; color: #fff; margin-right: 20px; }

@media (min-width: 760px) { .p4-r p .ps-sp1 { margin-right: 60px; } }

@media (min-width: 1000px) { .p4-r p .ps-sp1 { margin-right: 100px; } }