@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");
/*$color1: #0094e3;*/
#sec-fv { margin-bottom: 0; }

#access_summary .img { max-width: 900px; margin: 3rem auto; }
#access_summary .img + .note { text-align: left; }
@media (max-width: 767px) { #access_summary .img { overflow-x: scroll; }
  #access_summary .img img { height: 300px; width: auto; max-width: none; } }

#block01 .photo li { width: 25%; }
#block01 .photo + .note { text-align: right; margin-right: 10px; margin-top: 10px; }
#block01 .time { max-width: 640px; margin: 3rem auto; }
#block01 .time li { width: 48%; margin-bottom: 2rem; }
#block01 .time li img { height: 26px; width: auto; max-width: none; }
#block01 .time li .txt { margin-top: 0.5rem; font-size: 11px; }
@media (max-width: 767px) { #block01 .photo li { width: 50%; }
  #block01 .time li { width: 100%; } }
@media (max-width: 480px) { #block01 .time li { margin-bottom: 1rem; }
  #block01 .time li img { height: 6vw; } }

#block02 { padding: 3rem 0; margin-bottom: 4rem; }
#block02 div.note { margin-top: 2rem; }
@media (max-width: 767px) { #block02 .img { overflow-x: scroll; }
  #block02 .img img { height: 300px; width: auto; max-width: none; } }

#block03 { margin-bottom: 4rem; }
#block03 .sec_inner > .flexBox { margin-top: 2rem; align-items: center; }
#block03 .sec_inner > .flexBox p.lead { width: 74%; order: 1; }
#block03 .sec_inner > .flexBox .txtArea { width: 100%; order: 3; margin-top: 2rem; }
#block03 .sec_inner > .flexBox .txtArea .img { width: 32%; }
#block03 .sec_inner > .flexBox .txtArea .note { margin-top: 1rem; }
#block03 .sec_inner > .flexBox .picArea { width: 25%; order: 2; }
@media (max-width: 767px) { #block03 .sec_inner > .flexBox p.lead { width: 100%; order: 1; }
  #block03 .sec_inner > .flexBox .txtArea { margin-bottom: 2rem; order: 3; }
  #block03 .sec_inner > .flexBox .txtArea .img { width: 100%; margin-bottom: 1rem; }
  #block03 .sec_inner > .flexBox .picArea { width: 100%; order: 2; margin-top: 1rem; } }

#block04 { margin-bottom: 3rem; }
#block04 .flexBox { margin-top: 2rem; align-items: center; }
#block04 .flexBox .txtArea { width: 60%; }
#block04 .flexBox .txtArea .note { margin-top: 2rem; }
#block04 .flexBox .picArea { width: 36%; }
@media (max-width: 767px) { #block04 .flexBox .txtArea { width: 100%; margin-bottom: 2rem; }
  #block04 .flexBox .picArea { width: 100%; } }