.shigakuPageWrap .topHeadingBlock .img, .shigakuPageWrap .topHeadingBlock .img p { width: 82px; }

@media screen and (max-width: 767px) { .shigakuPageWrap .topHeadingBlock .img, .shigakuPageWrap .topHeadingBlock .img p { width: 63px; } }

.shigakuPageWrap .topHeadingBlock .img img { width: 63px; height: 73px; }

.shigakuPageWrap .topHeadingBlock .txt { padding-bottom: 15px; }

@media screen and (max-width: 767px) { .shigakuPageWrap .topHeadingBlock .txt { padding-left: 10px; padding-bottom: 0; vertical-align: middle; } }

.mainvisual { text-align: center; }

.mainvisual img { max-width: 100%; height: auto; }

.shigakuNayami, .shigakuSupport_inner, .shigakuRecommend_inner, .shigakuCasestudy, .shigakuTrademarkArea { max-width: 960px; margin: 0 auto; box-sizing: border-box; }

.shigakuNayami_contact-btn a, .shigakuContactArea_btn a { position: relative; display: block; width: 100%; height: 100%; background-color: #ff892a; border-radius: 2px; color: #fff; font-size: 18px; font-weight: 600; box-sizing: border-box; backface-visibility: hidden; transition: opacity 0.3s ease; text-decoration: none; }

.shigakuNayami_contact-btn a::after, .shigakuContactArea_btn a::after { position: absolute; top: 50%; right: 20px; content: url(/common/images/ico_pop_05.png); transform: translateY(-50%); }

@media screen and (max-width: 767px) { .shigakuNayami_contact-btn a, .shigakuContactArea_btn a { font-size: 16px; } }

@media screen and (min-width: 768px) { .shigakuNayami_contact-btn a:hover, .shigakuContactArea_btn a:hover { opacity: 0.7; } }

.shigakuNayami { padding: 60px 20px; }

@media screen and (max-width: 767px) { .shigakuNayami { padding-top: 40px; } }

.shigakuNayami_title { margin-bottom: 30px; font-size: 30px; text-align: center; }

@media screen and (min-width: 768px) { .shigakuNayami_title .sp { display: none; } }

@media screen and (max-width: 767px) { .shigakuNayami_title { font-size: 18px; } }

.shigakuNayami_list { display: inline-block; text-align: left; }

.shigakuNayami_list-wrap { max-width: 895px; margin: 0 auto 40px; padding: 30px 20px; background-color: #f2f8ff; border-radius: 4px; text-align: center; }

.shigakuNayami_list-item { position: relative; padding-left: 25px; font-size: 18px; font-weight: bold; line-height: 1.5; }

.shigakuNayami_list-item:before { content: ''; display: block; position: absolute; left: 0; top: 4px; width: 19px; height: 19px; background: url(/b_solution/gyoshu/bunkyo/shigaku/images/icon_list_mark.svg) no-repeat 0 0/contain; }

.shigakuNayami_list-item:not(:last-child) { margin-bottom: 20px; }

@media screen and (max-width: 767px) { .shigakuNayami_list-item { font-size: 14px; }
  .shigakuNayami_list-item::before { top: 0; } }

.shigakuNayami_guide-title { margin-bottom: 25px; font-size: 30px; font-weight: bold; text-align: center; }

@media screen and (max-width: 767px) { .shigakuNayami_guide-title { margin-bottom: 20px; font-size: 20px; } }

.shigakuNayami_guide-list .youtubeGalleryList { background-color: #fff !important; margin-bottom: 30px; padding: 0 15px !important; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; }

.shigakuNayami_guide-list .youtubeGalleryList_item { flex: 0 1 calc(50% - 30px) !important; }

.shigakuNayami_guide-list .youtubeGalleryList_item-title { margin-top: 10px; }

@media screen and (max-width: 767px) { .shigakuNayami_guide-list .youtubeGalleryList_item-title { font-size: 12px; } }

.shigakuNayami_guide-list .youtubeGalleryList_item-thumb { border-radius: 10px; overflow: hidden; }

.shigakuNayami_contact-lead { margin-bottom: 25px; color: #005ab4; font-size: 30px; font-weight: bold; text-align: center; }

@media screen and (max-width: 767px) { .shigakuNayami_contact-lead { margin-bottom: 20px; font-size: 20px; } }

.shigakuNayami_contact-text { margin-bottom: 30px; font-size: 15px; line-height: 1.7; text-align: center; font-weight: bold; }

@media screen and (max-width: 767px) { .shigakuNayami_contact-text { margin-bottom: 20px; } }

.shigakuNayami_contact-btn { max-width: 400px; height: 70px; line-height: 70px; margin: 0 auto; text-align: center; }

.shigakuNayami_contact-btn a { font-size: 16px; }

@media screen and (max-width: 767px) { .shigakuNayami_contact-btn { padding-left: 24px; padding-right: 24px; }
  .shigakuNayami_contact-btn a { height: 60px; font-size: 14px; line-height: 60px; } }

.shigakuNayami_data { max-width: 895px; margin-top: 30px; padding: 25px; border: 1px solid #e2e2e2; text-align: center; }

@media screen and (max-width: 767px) { .shigakuNayami_data { padding: 20px; } }

.shigakuNayami_data-lead { margin-bottom: 25px; color: #005ab4; font-size: 16px; font-weight: bold; }

@media screen and (max-width: 767px) { .shigakuNayami_data-lead { margin-bottom: 15px; text-align: left; } }

.shigakuNayami_data-list { max-width: 550px; margin: 0 auto; text-align: left; }

.shigakuNayami_data-list-item { position: relative; display: flex; align-items: center; justify-content: space-between; }

.shigakuNayami_data-list-item::before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 100%; height: 0; border-bottom: 2px dotted #d6d6d6; transform: translateY(-50%); }

.shigakuNayami_data-list-item:not(:last-child) { margin-bottom: 10px; }

.shigakuNayami_data-list-item .text { position: relative; flex: 0 0 auto; padding-left: 1em; padding-right: 10px; background-color: #fff; text-indent: -1em; }

.shigakuNayami_data-list-item .number { position: relative; padding-left: 10px; background-color: #fff; flex: 0 0 auto; font-weight: bold; }

@media screen and (max-width: 767px) { .shigakuNayami_data-list-item .text { flex: 0 0 58%; font-size: 13px; padding-right: 5px; }
  .shigakuNayami_data-list-item .number { padding-left: 5px; font-size: 13px; } }

.shigakuNayami_data-source { margin-top: 25px; font-size: 12px; }

@media screen and (max-width: 767px) { .shigakuNayami_data-source { font-size: 11px; text-align: left; } }

.shigakuSupport { background-color: #005ab4; }

.shigakuSupport_inner { padding: 60px 0; }

@media screen and (max-width: 767px) { .shigakuSupport_inner { padding-right: 10px; padding-left: 10px; } }

.shigakuSupport_title { margin-bottom: 40px; color: #fff; font-size: 30px; text-align: center; }

@media screen and (max-width: 767px) { .shigakuSupport_title { margin-bottom: 25px; font-size: 22px; } }

.shigakuSupport_points { margin-bottom: 40px; text-align: center; }

.shigakuSupport_points a { display: inline-block; width: 204px; height: 65px; margin-left: 15px; margin-right: 15px; background-color: #fff; border-radius: 65px; text-decoration: none; }

@media screen and (min-width: 768px) { .shigakuSupport_points a span { transition: all 0.3s ease; }
  .shigakuSupport_points a:hover span { opacity: 0.7; } }

@media screen and (max-width: 767px) { .shigakuSupport_points a { width: 45%; max-width: 146px; height: 46px; margin: 0 5px; }
  .shigakuSupport_points a:first-child { margin: 0 calc((100% - 146px) / 2) 10px; } }

.shigakuSupport_points span { color: #005ab4; font-size: 19px; font-weight: bold; font-style: italic; text-align: center; line-height: 65px; }

@media screen and (max-width: 767px) { .shigakuSupport_points span { font-size: 14px; line-height: 46px; } }

.shigakuSupportPoint { padding: 40px; background-color: #fff; }

.shigakuSupportPoint:not(:last-child) { margin-bottom: 30px; }

@media screen and (max-width: 767px) { .shigakuSupportPoint { padding: 40px 15px; } }

.shigakuSupportPoint_title { font-size: 26px; margin-bottom: 30px; text-align: center; }

.shigakuSupportPoint_title span { color: #005ab4; }

@media screen and (max-width: 767px) { .shigakuSupportPoint_title { font-size: 20px; } }

.shigakuSupportPoint_description { margin-bottom: 40px; font-size: 14px; line-height: 32px; text-align: center; }

@media screen and (max-width: 767px) { .shigakuSupportPoint_description { margin-bottom: 30px; font-size: 13px; line-height: 21px; } }

.shigakuSupportPoint_subTitle { position: relative; margin-bottom: 20px; color: #005ab4; font-size: 14px; font-weight: bold; text-align: center; }

.shigakuSupportPoint_subTitle::before { content: ''; display: block; position: absolute; top: 50%; width: 100%; height: 2px; background-color: #005ab4; transform: translateY(-50%); }

.shigakuSupportPoint_subTitle span { position: relative; background-color: #fff; padding-left: 10px; padding-right: 10px; }

@media screen and (max-width: 767px) { .shigakuSupportPoint_subTitle { font-size: 14px; } }

.shigakuSupportPoint_textBox { display: flex; }

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

.shigakuSupportPoint_textBox-text { margin-bottom: 0; text-align: left; }

@media screen and (max-width: 767px) { .shigakuSupportPoint_textBox-text { margin-bottom: 20px; text-align: center; } }

.shigakuSupportPoint_textBox-img { flex: 1 0 auto; text-align: center; }

@media screen and (max-width: 767px) { .shigakuSupportPoint_textBox-img img { width: 284px; height: 164px; } }

.shigakuSupportPoint_cases { display: flex; justify-content: space-between; }

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

.shigakuSupportPoint_case { flex: 0 0 31%; }

@media screen and (max-width: 767px) { .shigakuSupportPoint_case { max-width: 289px; margin: 0 auto; }
  .shigakuSupportPoint_case:not(:last-child) { margin-bottom: 25px; } }

.shigakuSupportPoint_case-img { margin-bottom: 10px; }

.shigakuSupportPoint_case-img img { max-width: 100%; height: auto; }

.shigakuSupportPoint_case-text { font-size: 12px; text-align: center; }

.shigakuSupportPoint_kaisho { display: flex; justify-content: space-between; }

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

.shigakuSupportPoint_kaisho-block { flex: 0 0 calc(50% - 20px); }

@media screen and (max-width: 767px) { .shigakuSupportPoint_kaisho-block:not(:last-child) { margin-bottom: 50px; } }

.shigakuSupportPoint_kaisho-img { margin-bottom: 20px; text-align: center; }

.shigakuSupportPoint_kaisho-text { font-size: 14px; line-height: 1.615; }

.shigakuSupportPoint_kaisho-text small { font-size: 14px; }

@media screen and (max-width: 767px) { .shigakuSupportPoint_kaisho-text { font-size: 12px; line-height: 1.5; }
  .shigakuSupportPoint_kaisho-text small { font-size: 12px; } }

.shigakuRecommend { background-color: #f2f8ff; }

.shigakuRecommend_inner { padding: 60px 20px; }

.shigakuRecommend_title { margin-bottom: 30px; color: #005ab4; font-size: 32px; text-align: center; }

@media screen and (max-width: 767px) { .shigakuRecommend_title { font-size: 24px; } }

.shigakuRecommend_description { margin-bottom: 40px; font-size: 14px; font-weight: bold; line-height: 30px; text-align: center; }

.shigakuRecommend_subTitle { position: relative; margin-bottom: 20px; color: #005ab4; font-size: 16px; font-weight: bold; text-align: center; }

.shigakuRecommend_subTitle::before { content: ''; display: block; position: absolute; top: 50%; width: 100%; height: 2px; background-color: #005ab4; transform: translateY(-50%); }

.shigakuRecommend_subTitle span { position: relative; background-color: #f2f8ff; padding-left: 10px; padding-right: 10px; }

@media screen and (max-width: 767px) { .shigakuRecommend_subTitle { font-size: 14px; } }

.shigakuRecommend_products { display: flex; justify-content: space-between; }

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

.shigakuRecommend_product { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); padding: 20px; background-color: #fff; border-radius: 10px; box-sizing: border-box; }

.shigakuRecommend_product li { padding-left: 1em; text-indent: -1em; }

@media screen and (max-width: 767px) { .shigakuRecommend_product { max-width: 100%; margin-top: 20px; padding: 25px; } }

.shigakuRecommend_product-lead { display: flex; justify-content: center; align-items: center; height: 47px; margin-bottom: 20px; font-size: 20px; font-weight: bold; text-align: center; }

@media screen and (max-width: 767px) { .shigakuRecommend_product-lead { font-size: 18px; } }

.shigakuRecommend_product-info { display: flex; }

@media screen and (max-width: 767px) { .shigakuRecommend_product-info { display: block; } }

.shigakuRecommend_product-img { flex: 0 0 auto; width: 145px; }

.shigakuRecommend_product-img img { max-width: 100%; height: auto; }

@media screen and (max-width: 767px) { .shigakuRecommend_product-img { margin: 0 auto 20px; } }

.shigakuRecommend_product-text { padding-left: 15px; font-size: 14px; line-height: 1.6; }

@media screen and (max-width: 767px) { .shigakuRecommend_product-text { padding-left: 0; } }

.shigakuRecommend_notes { margin-top: 16px; font-size: 14px; }

.shigakuRecommend_notes p { padding-left: 3em; text-indent: -3em; }

.shigakuRecommend_notes p:not(:last-child) { margin-bottom: 10px; }

.shigakuCasestudy { padding: 60px 20px; }

.shigakuCasestudy_title { margin-bottom: 35px; text-align: center; font-size: 30px; }

@media screen and (max-width: 767px) { .shigakuCasestudy_title { font-size: 22px; } }

.shigakuCasestudy_subTitle { margin-top: 40px; margin-bottom: 20px; font-weight: bold; font-size: 20px; }

.shigakuCasestudy_subTitle::before { content: ''; display: inline-block; width: 8px; height: 29px; background-color: #005ab4; vertical-align: middle; margin-right: 14px; }

.shigakuCasestudyItem { padding-left: 0; max-width: 100%; }

.shigakuCasestudyItem a { color: inherit; }

.shigakuCasestudyItem a:hover { text-decoration: none; }

.shigakuCasestudyItem_head { position: relative; padding: 20px; }

@media screen and (max-width: 767px) { .shigakuCasestudyItem_head { padding: 20px 20px 40px; } }

.shigakuCasestudyItem_inner { position: relative; display: block; background-color: #fff; border: 1px solid #e2e2e2; z-index: 1; }

.shigakuCasestudyItem_inner.h100 { height: 100%; }

@media screen and (min-width: 768px) { .shigakuCasestudyItem_inner { transition: all 0.3s ease; }
  .shigakuCasestudyItem_inner:hover { background-color: #e8f3fd; box-shadow: 0 5px 8px rgba(0, 0, 0, 0.16); } }

.shigakuCasestudyItem_title { font-size: 18px; }

@media screen and (max-width: 767px) { .shigakuCasestudyItem_title { margin-top: 10px; font-size: 14px; } }

.shigakuCasestudyItem_image { width: 168px; height: 130px; margin-right: 20px; overflow: hidden; float: left; }

.shigakuCasestudyItem_image img { max-width: 100%; height: auto; }

@media screen and (max-width: 767px) { .shigakuCasestudyItem_image { width: 90px; height: 70px; margin-right: 15px; } }

.shigakuCasestudyItem_client { margin-top: 22px; margin-bottom: 4px; font-size: 14px; }

@media screen and (max-width: 767px) { .shigakuCasestudyItem_client { display: flex; height: 70px; margin-top: 0; margin-bottom: 0; align-items: center; } }

.shigakuCasestudyItem_btn { position: absolute; right: 0; bottom: 0; }

@media screen and (max-width: 767px) { .shigakuCasestudyItem_btn img { width: auto; height: 25px; } }

.shigakuContactArea { margin-bottom: 30px; padding-top: 60px; padding-bottom: 60px; text-align: center; background-color: #f2f8ff; }

@media screen and (max-width: 767px) { .shigakuContactArea { padding-bottom: 50px; } }

.shigakuContactArea_lead { margin-bottom: 40px; font-size: 26px; font-weight: 600; line-height: 44px; }

@media screen and (max-width: 767px) { .shigakuContactArea_lead { margin-bottom: 30px; font-size: 14px; font-size: 3.6vw; font-weight: bold; line-height: 1.7; } }

.shigakuContactArea_btn { max-width: 400px; height: 70px; line-height: 70px; margin: 0 auto; box-sizing: border-box; }

.shigakuContactArea_btn-wrap { width: 100%; height: 70px; }

@media screen and (max-width: 767px) { .shigakuContactArea_btn-wrap { height: 60px; } }

@media screen and (max-width: 767px) { .shigakuContactArea_btn { padding-left: 24px; padding-right: 24px; transition: all .3s; }
  .shigakuContactArea_btn a { height: 60px; line-height: 60px; transition: all .3s; }
  .shigakuContactArea_btn.is-fixed { position: fixed; bottom: 12px; width: calc(100% - 70px); max-width: 320px; height: 50px; padding-right: 10px; z-index: 100; }
  .shigakuContactArea_btn.is-fixed a { font-size: 3.7vw; height: 50px; line-height: 50px; }
  .shigakuContactArea_btn.is-fixed a:after { right: 10px; } }