@charset "UTF-8";
section + section {
   margin-top: 80px;
}
/* ---------------------------------
slider *disable*
-----------------------------------*/
.bx-wrapper .bx-loading {
   display: none;
}
.slider_wrap {
   width: 100%;
   background: #f3f3f3;
}
.bx-wrapper {
   width: 950px;
   margin: 0 auto;
}
.bx-wrapper {
   border: 0;
   box-shadow: none;
}
.bx-wrapper .bx-controls-direction a {
   height: 64px;
   width: 38px;
}
.bx-wrapper .bx-prev {
   display: block;
   content: "";
   position: absolute;
   bottom: 14px;
   height: 60px;
   left: -8%;
   background: url("../img/ico_arrow_prev.png") left top no-repeat;
   background-size: 38px 64px;
   width: 38px;
}
.bx-wrapper .bx-next {
   display: block;
   content: "";
   position: absolute;
   height: 60px;
   bottom: 14px;
   background: url("../img/ico_arrow_next.png") left top no-repeat;
   background-size: 38px;
   width: 38px;
   right: -8%;
}
.bx-wrapper .bx-controls-direction a {
   margin-top: -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:before
{
  opacity: 0.7;
}
/* ---------------------------------
メインナビ
-----------------------------------*/
#mainnav_wrap {
   background: url("../img/bg_head_nav.png") left top repeat;
   padding: 13px 0;
   margin-bottom: 30px;
}
#mainnav ul {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
#mainnav li {
   background: #fff;
   width: 20%;
   display: flex;
   justify-content: center;
   border-right: 1px dashed #1a2653;
   position: relative;
}
#mainnav li:after {
   display: block;
   content: "";
   position: absolute;
   bottom: 14px;
   width: 10px;
   height: 10px;
   border: 2px solid;
   border-color: #1a2653 #1a2653 transparent transparent;
   transform: rotate(-225deg);
   left: 50%;
}
#mainnav li:first-child:after {
   content: none;
}
#mainnav li:last-child {
   border-right: 0;
}
#mainnav li a {
   width: 100%;
   height: 140px;
   font-size: 1.6rem;
   color: #1a2653;
   flex-wrap: wrap;
   display: inline-flex;
   align-items: center;
   text-align: center;
   padding: 15px 0;
}
#mainnav li a:hover {
   background: #fffbdc;
}
.logo_area {
   width: 100%;
}
.comp_name {
   width: 100%;
}
.comp_name.corp {
   font-size: 1.8rem;
   line-height: 1.4;
   font-family: 'Noto Serif JP', serif;
}
.comp_name.sankei {
   margin: 0 0 12px 0;
   font-weight: bold;
}
.comp_name.sansupo {
   margin: 0 0 15px 0;
   font-weight: bold;
}
.comp_name.fujisankei {
   margin: 0 0 6px 0;
   font-weight: bold;
}
.comp_name.yukan-fuji {
   margin: 0 0 15px 0;
   font-weight: bold;
}
.comp_name_group {
   font-size: 1.8rem;
}
/* ---------------------------------
モノを言う新聞「産経新聞」
-----------------------------------*/
#sankei .inner {
   width: 682px;
}
.ttl_sankei {
   background: #072f52;
   text-align: center;
   padding: 10px 0;
   font-size: 3.6rem;
   font-weight: bold;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
}
#sankei .flex {
   display: flex;
   justify-content: space-between;
}
#sankei p {
   font-size: 1.7rem;
   color: #333;
   margin-top: 20px;
   line-height: 1.6;
}
/* ---------------------------------
キャンペーン
-----------------------------------*/
.area_campaign {
   margin-top: 85px;
   text-align: center;
}
.area_campaign h2 img {
   margin-right: 10px;
}
.area_campaign .ttl_wrap h2 {
   text-align: left;
}
.quo_card {
   margin-bottom: 55px;
}
.quo_card p {
   padding: 0.5em 0;
}
.balloon {
   position: relative;
   display: inline-block;
   padding: 17px 35px;
   margin-bottom: 30px;
   max-width: 100%;
   color: #fabe00;
   font-size: 3rem;
   background: #012e54;
   border-radius: 6px;
}
.balloon:before {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -15px;
   border: 15px solid transparent;
   border-top: 15px solid #012e54;
}
.campaign_detail {
   font-size: 2rem;
   color: #ef7f01;
   font-weight: bold;
   margin-bottom: 25px;
}
.number {
   display: inline-block;
   align-items: center;
   justify-content: center;
   background: #ef7f01;
   padding: 3px 0 0 0;
   color: #fff;
   width: 39px;
   height: 39px;
   border-radius: 100%;
   margin-right: 10px;
   font-size: 3rem;
   text-align: center;
}
.area_campaign h4 {
   background: #fdf1cc;
   padding: 5px 15px;
   position: relative;
   display: inline-block;
   padding-left: 40px;
   margin: 0 0 7px 8px;
   font-size: 1.8rem;
   font-weight: bold;
   border-radius: 7px;
   text-align: left;
   line-height: 1.4;
}
.area_campaign h4:first-line {
   line-height: 1;
}
.area_campaign h4 .number {
   position: absolute;
   left: -8px;
   top: -4px;
   line-height: 1;
   display: inline-flex;
   align-items: baseline;
}
.area_campaign h4 + p {
   text-align: left;
   font-size: 1.4rem;
   line-height: 1.4;
}
.campaign_a {
 margin-left: 70px;
}
.campaign_b {
 margin-left: 50px;
}
.campaign_item {
   justify-content: space-around;
   margin-bottom: 40px;
}
.campaign_item.item_inner {
   width: 780px;
   margin-left: auto;
   margin-right: auto;
}
.item {
   height: 300px;
}
.item02 {
   height: 250px;
}
.note {
   text-align: left;
   background: #e1f1ff;
   padding: 20px 45px;
   margin-bottom: 70px;
   line-height: 1.8;
}
/* ---------------------------------
7日間無料体験
-----------------------------------*/
.area_seven_day {
   margin: 80px 0 40px 0;
}
.area_seven_day h2 img {
   margin-right: 10px;
}
.area_seven_day ul {
   width: 650px;
   margin: 23px auto 45px auto;
   color: #333;
   line-height: 1.4;
}
/* ---------------------------------
産経電子
-----------------------------------*/
.area_sankei_denshi {
   text-align: center;
   margin-top: 100px;
}
.denshi_list {
   width: 657px;
   margin: 45px auto 50px auto;
   border: 1px solid #ddd;
   padding: 20px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   text-align: center;
}
.denshi_list dt {
   font-size: 2.6rem;
   color: #003a83;
   margin-bottom: 13px;
   width: 100%;
   font-weight: bold;
}
.denshi_list dd {
   width: 139px;
   height: 53px;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 2rem;
   font-weight: bold;
}
.denshi_list dd.tokyo {
   background: #1089b6;
   margin-right: 15px;
}
.denshi_list dd.osaka {
   background: #d52f4f;
   margin-right: 10px;
}
.denshi_list dd.area {
   background: #299790;
   margin-right: 10px;
}
.denshi_list dd.extra {
   background: #ff5122;
}
.btn_denshi {
   margin-bottom: 60px;
}
.btn_denshi a {
   background: #003a83;
   color: #fff;
   padding: 16px 45px;
   text-align: center;
   border-radius: 10px;
   display: flex;
   align-items: center;
   width: 408px;
   justify-content: center;
   margin: 0 auto;
   font-size: 2.2rem;
   font-weight: bold;
}
.btn_denshi a:hover {
   opacity: 0.7;
}
.btn_denshi a img {
   margin-right: 10px;
}
.code_wrap {
   width: 530px;
   margin: 0 auto 90px auto;
}
.balloon_code {
   position: relative;
   display: inline-block;
   padding: 10px 35px;
   margin-bottom: 20px;
   max-width: 100%;
   color: #1a2653;
   font-size: 2rem;
   background: #ffb700;
   border-radius: 10px;
}
.balloon_code:before {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -10px;
   border: 10px solid transparent;
   border-top: 16px solid #ffb700;
}
.code {
   background: #ffd9ce;
   color: #ff5122;
   font-size: 3rem;
   padding: 12px 38px;
   display: inline-block;
   margin-bottom: 10px;
   font-weight: bold;
}
.code + p {
   font-size: 1.6rem;
}
.area_sankei_reading {
   text-align: center;
}
.point_wrap {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-bottom: 95px;
}
.point {
   width: 48%;
   border: 2px solid #1a2653;
   margin-top: 50px;
   box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2)
}
.point dt {
   background: #1a2653;
   color: #fff;
   position: relative;
   height: 96px;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 2.8rem;
   text-align: center;
   line-height: 1.2;
}
.point dt:before {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: -13px;
   border: 13px solid transparent;
   border-top: 18px solid #012e54;
}
.point dd {
   padding: 25px;
   font-size: 1.6rem;
   line-height: 1.4;
   text-align: left;
}
/* ---------------------------------
奨学生募集
-----------------------------------*/
.area_student {
   margin: 64px 0;
}
.area_student .inner {
   width: 650px;
}
.student_wrap {
   background: #374e65;
   color: #fff;
   padding: 15px;
}
.student_wrap h2 {
   font-size: 2.2rem;
   margin-bottom: 15px;
   text-align: center;
}
.student_wrap h3 {
   font-size: 4rem;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 15px;
}
.student_wrap h3 span {
   border-radius: 50px;
   background: #dbe6ed;
   color: #000;
   font-weight: bold;
   font-size: 2.3rem;
   padding: 10px 20px;
   margin-right: 10px;
}
.student_wrap ul {
   display: flex;
   justify-content: space-between;
}
.student_wrap li {
   width: 48%;
}
.student_wrap li a {
   width: 100%;
   height: 100px;
   border-radius: 10px;
   background: #00a0e8;
   font-size: 2.1rem;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: relative;
   color: #fff;
   font-weight: bold;
}
.student_wrap li a:after {
   content: "";
   position: absolute;
   right: 20px;
   top: 42%;
   width: 22px;
   height: 22px;
   border: 3px solid;
   border-color: #fff #fff transparent transparent;
   transform: rotate(45deg);
}
.student_wrap li a:hover {
   opacity: 0.7;
}
.student_wrap li.osaka a {
   background: #6eb92b;
}
.student_wrap li img {
   margin-right: 10px;
}
.student_wrap li span {
   font-size: 3.1rem;
}
@media screen and (max-width: 768px) {
/* ---------------------------------
slider
-----------------------------------*/
.bx-wrapper {
   width: 100%;
}
.bx-wrapper .bx-controls-direction a {
   width: 19px;
   height: 32px;
   margin-top: -16px;
}
.bx-wrapper .bx-prev {
   left: 10px;
   background-size: 19px 32px;
}
.bx-wrapper .bx-next {
   right: 10px;
   background-size: 19px 32px;
}
/* ---------------------------------
メインナビ
-----------------------------------*/
   #mainnav_wrap {
      padding: 10px 0;
   }
   #mainnav ul {
      flex-wrap: wrap;
   }
   #mainnav li {
      width: 100%;
      border-right: 0;
      border-bottom: 1px dashed #1a2653;
      height: auto;
      padding: 0;
   }
   #mainnav li:last-child {
      border-bottom: 0;
   }
   #mainnav li:after {
      left: 90%;
      top: 20px;
   }
   #mainnav li a {
      flex-wrap: nowrap;
      padding: 10px 0 10px 30px;
      font-size: 1.2rem;
      height: 60px;
   }
   .logo_area {
      width: auto;
      margin-right: 10px;
   }
   .comp_name {
      width: auto;
      text-align: left;
   }
   .comp_name.corp {
      margin: 0;
      font-size: 1.4rem;
   }
   .comp_name.sankei {
      margin: 0;
   }
   .comp_name.sansupo {
      margin: 0;
   }
   .comp_name.fujisankei {
      margin: 0;
   }
   .comp_name.yukan-fuji {
      margin: 0;
   }
   .ttl_sankei {
      padding: 10px 3%;
      font-size: 2rem;
   }
 .ttl_sankei img {
      width: 90px;
   }
   /* ---------------------------------
コンテンツ
-----------------------------------*/
   #sankei .inner {
      width: 100%;
   }
   #sankei .flex {
      flex-wrap: wrap;
   }
   .flex_item {
      margin-top: 20px;
      width: 100%;
      text-align: center;
   }
   /* ---------------------------------
キャンペーン
-----------------------------------*/
   .area_campaign {
      margin-top: 40px;
   }
   .area_campaign h4 {
      width: calc(100% - 8px);
   }
   .box + .box {
      margin-top: 30px;
   }
   .campaign_item {
      flex-wrap: wrap;
   }
   .campaign_item .box {
      text-align: center;
      width: 100%;
   }
   .campaign_item.item_inner {
      width: 100%;
   }
   .item02 {
      height: auto;
      margin-bottom: 20px;
   }
   .campaign_a {
 margin-left: 50px;
}
.campaign_b {
 margin-left: 50px;
}
.balloon {
   font-size: 2rem;
}

/* ---------------------------------
産経電子
-----------------------------------*/
   .area_sankei_denshi {
      margin-top: 40px;
   }
   .area_sankei_denshi h2 img {
      width: 200px;
   }
   .denshi_list {
      width: 100%;
      padding-bottom: 5px;
   }
   .denshi_list dd {
      width: 48%;
      margin-bottom: 10px;
   }
   .denshi_list dd.tokyo {
      margin-right: 2%;
   }
   .denshi_list dd.osaka {
      margin-right: 0;
   }
   .btn_denshi a {
      width: 100%;
      font-size: 1.6rem;
   }
   .code_wrap {
      width: 100%;
   }
   .note {
      padding: 20px;
   }
   .btn_apply a {
      font-size: 1.6rem;
   }
   .point_wrap {
      margin-bottom: 40px;
   }
   .point {
      width: 100%;
   }
   .point dt {
      font-size: 1.8rem;
      height: auto;
      padding: 20px 0;
   }
   .point dd {
      font-size: 1.4rem;
      padding: 20px 10px 10px 10px;
   }
   /* ---------------------------------
7日間無料体験
-----------------------------------*/
   .area_seven_day {
      margin-top: 40px;
   }
   .area_seven_day ul {
      width: 100%;
   }
   /* ---------------------------------
奨学生募集
-----------------------------------*/
   .area_student .inner {
      width: 100%;
   }
   .student_wrap h3 {
      flex-wrap: wrap;
      font-size: 2.4rem;
   }
   .student_wrap h3 span {
      width: 100%;
      text-align: center;
      margin-bottom: 10px;
   }
   .student_wrap ul {
      flex-wrap: wrap;
   }
   .student_wrap li {
      width: 100%;
   }
   .student_wrap li:first-child {
      margin-bottom: 10px;
   }
}
@media screen and (min-width: 769px) and (max-width:1100px) {
 .bx-wrapper .bx-controls-direction a {
  width: 32px;
 }
.bx-wrapper .bx-prev {
   left: -3.2%;
}
.bx-wrapper .bx-next {
   right: -3.6%;
}
 .bx-wrapper .bx-prev,.bx-wrapper .bx-next {
  background-size: 28px;
 }
}