@charset "UTF-8";
.monitor_header { width: 100%; background: #DAD7DE; }
.main_image { display: flex; justify-content: center; }
@media screen and (max-width: 1200px) { .main_image { width: 100%; position: relative; display: block; }
  .main_image picture { width: 100%; }
  .main_image img { width: 100%; } }
.monitor_article section h2 { position: relative; width: 100%; height: 45px; line-height: 45px; text-align: center; margin-bottom: 75px; font-size: 30px; color: #0C1C59; }
@media screen and (max-width: 415px) { .monitor_article section h2 { font-size: 24px; margin-bottom: 40px; } }
@media screen and (max-width: 320px) { .monitor_article section h2 { font-size: 18px; } }
.monitor_article section h2::after { content: ''; display: block; height: 3px; width: 120px; background: #0C1C59; position: absolute; left: calc(50% - 60px); bottom: -15px; }
@media screen and (max-width: 415px) { .monitor_article section h2::after { width: 90px; left: calc(50% - 45px); bottom: -10px; } }
@media screen and (max-width: 320px) { .monitor_article section h2::after { width: 60px; left: calc(50% - 30px); bottom: 0; } }
.monitor_article section .inner { width: 1250px; display: block; margin: 0 auto; padding: 100px 0; box-sizing: border-box; }
@media screen and (max-width: 1250px) { .monitor_article section .inner { width: 100%; padding: 60px 0; } }
.about_text { width: 100%; margin-left: 30px; font-size: 22px; line-height: 45px; color: #666; text-indent: -1em; }
@media screen and (max-width: 1250px) { .about_text { width: calc(100% - 30px); } }
@media screen and (max-width: 768px) { .about_text { font-size: 20px; } }
@media screen and (max-width: 415px) { .about_text { font-size: 18px; line-height: 30px; margin-left: 20px; } }
@media screen and (max-width: 320px) { .about_text { font-size: 16px; } }
.monitor_present { position: relative; border: 5px solid #0C1C59; border-radius: 20px; padding: 45px; box-sizing: border-box; margin: 25px auto 0; z-index: 0; }
@media screen and (max-width: 1200px) { .monitor_present { width: 90%; padding: 45px 15px; margin: 30px auto 0; } }
.present_title { width: 320px; height: 45px; margin: 50px auto 0; line-height: 36px; text-align: center; color: #0C1C59; font-size: 26px; }
@media screen and (max-width: 415px) { .present_title { font-size: 20px; margin: 30px auto 0; } }
.start_text { font-size: 34px; text-align: center; margin-bottom: 40px; }
@media screen and (max-width: 768px) { .start_text { font-size: 26px; } }
@media screen and (max-width: 320px) { .start_text { font-size: 18px; } }
.note_text { margin-bottom: 100px; font-size: 18px; text-align: center; padding: 0 10px; box-sizing: border-box; color: #666; }
@media screen and (max-width: 815px) { .note_text { text-align: left; } }
.present_list { position: relative; display: flex; justify-content: center; flex-wrap: wrap; margin: 0 auto; }
.present_list li { margin-left: 35px; }
@media screen and (max-width: 538px) { .present_list li { margin: 0 0 20px 0; } }
.present_list li:first-child { margin-left: 0; }
.present_list li p { text-align: center; margin: 10px 0; font-size: 18px; }
.amazongift img { width: 100%; }
.application_conditions { background: #EEEEEE; }
.steps { position: relative; display: flex; justify-content: center; flex-wrap: wrap; padding: 50px 0; box-sizing: border-box; margin-bottom: 80px; }
@media screen and (max-width: 1100px) { .steps { flex-direction: column; } }
.steps picture { position: relative; display: flex; justify-content: center; }
.steps picture img { width: 90%; margin: 0 auto; }
@media screen and (max-width: 768px) { .steps picture img { width: 209px; height: 1200px; } }
.step_monitor { background: #F5F9FC; }
.contact_link { text-align: center; font-size: 22px; color: #666; margin-bottom: 45px; padding: 10px; box-sizing: border-box; }
@media screen and (max-width: 415px) { .contact_link { font-size: 16px; } }
.contact_link a { color: #0A50A1; }
.apply { width: 776px; text-align: center; display: block; margin: 0 auto; background: #FAAF3C; font-size: 33px; border-radius: 10px; color: #0C1C59; font-weight: bold; padding: 28px 0; }
@media screen and (max-width: 1250px) { .apply { width: 450px; font-size: 20px; margin: 0 auto; } }
@media screen and (max-width: 450px) { .apply { width: 320px; font-size: 15px; } }
@media screen and (max-width: 320px) { .apply { width: 90%; padding: 10px 0; } }
.apply span { font-size: 18px; display: block; }
@media screen and (max-width: 450px) { .apply span { font-size: 12px; } }