@charset "UTF-8";
/*************************************** 矢印
*****************************************/
/* gendai.scss
***************************************

gendai

*****************************************/
.gendai .gendai_inner { background-color: #4A90C5; padding-bottom: 100px; }
@media print, screen and (min-width: 1030px) { .gendai .gendai_inner { margin-bottom: 80px; } }
@media screen and (max-width: 1029px) { .gendai .gendai_inner { margin-bottom: 40px; } }
.gendai .title_bar { background-color: #E6E3DA; color: #333; }
.gendai .pankuzu { color: white; }
.gendai .main_img { max-width: 1100px; margin-left: auto; margin-right: auto; }
@media screen and (max-width: 1029px) { .gendai .main_img { overflow: hidden; } }
.gendai .main_img .copy { position: relative; }
.gendai .main_img .copy img { position: relative; z-index: 2; }
@media screen and (max-width: 1029px) { .gendai .main_img .copy { margin-top: 0px; } }
@media print, screen and (min-width: 1030px) { .gendai .main_img .copy { max-width: 700px; }
  .gendai .main_img .copy::before, .gendai .main_img .copy::after { content: ""; display: block; position: absolute; background-size: contain; background-repeat: no-repeat; }
  .gendai .main_img .copy::before { width: 216.5px; height: 100px; background-image: url(../../img/gendai/ico1.png); left: -220px; bottom: 50px; }
  .gendai .main_img .copy::after { width: 233.5px; height: 100px; background-image: url(../../img/gendai/ico2.png); right: -220px; bottom: 10px; } }
.gendai .gakka img { max-width: 715px; margin-left: auto; margin-right: auto; width: 100%; }
.gendai .gakka p { color: white; font-size: 1rem; }
.gendai .gakka .s-size { color: white; line-height: 180%; }
.gendai .center { margin-left: auto; margin-right: auto; }
@media print, screen and (min-width: 1030px) { .gendai .center { max-width: 980px; padding-left: 40px; padding-right: 40px; } }
@media screen and (max-width: 1029px) { .gendai .center { width: 90%; } }
.gendai .ico4 { width: 100%; background: url(../../img/gendai/ico4.svg) no-repeat center; }
@media print, screen and (min-width: 1030px) { .gendai .ico4 { background-size: contain; margin-bottom: 60px; height: 120px; } }
@media screen and (max-width: 1029px) { .gendai .ico4 { padding-bottom: 13%; background-size: 95%; margin-bottom: 40px; } }
.gendai .tokucho { /*.attention{ color: #FFEB00; font-size: 1.4rem;
}*/ }
.gendai .tokucho h3 { background-color: #4A90C5; border-radius: 10px; color: white; padding: 20px 0; }
.gendai .manabi h2 { color: #4A90C5; }
.gendai .manabi h2:first-letter { font-size: 3.6rem; }
.gendai .manabi h3 { color: #4A90C5; }
.gendai .manabi span.contents-title { display: inline; }
.gendai .manabi .course { border: solid 2px #4A90C5; border-radius: 10px; padding: 30px; color: #4A90C5; }
.gendai .manabi .course ol { align-items: stretch; }
@media print, screen and (min-width: 1030px) { .gendai .manabi .course ol { padding: 0 35px; } }
.gendai .manabi .course li { padding: 0; }
@media print, screen and (min-width: 1030px) { .gendai .manabi .course li { width: 32%; } }
@media screen and (max-width: 1029px) { .gendai .manabi .course li { margin-bottom: 10px; } }
.gendai .manabi .course li a { width: 100%; height: 100%; background: #E6E3DA; text-align: center; display: flex; align-items: center; justify-content: center; border-radius: 10px; padding: 25px 0; transition: ease .3s; }
@media print, screen and (min-width: 1030px) { .gendai .manabi .course li a:hover { opacity: .6; } }
.gendai .manabi .pic { margin-bottom: 90px; }
@media print, screen and (min-width: 1030px) { .gendai .manabi .pic img { width: 48%; } }
@media screen and (max-width: 1029px) { .gendai .manabi .pic img { width: 80%; display: block; margin: 0 auto 20px; } }
.gendai .manabi .pickup h4 { background-color: #4A90C5; border-radius: 10px; color: white; padding: 20px 0; }
.gendai .manabi .pickup dt { color: #4A90C5; }
.gendai .manabi .table_area table { border-spacing: 0; border-right: solid 1px #707070; border-bottom: solid 1px #707070; }
.gendai .manabi .table_area table tr:first-child td { font-weight: 700; text-align: center; }
.gendai .manabi .table_area table tr td:first-child { text-align: center; }
.gendai .manabi .table_area table th, .gendai .manabi .table_area table td { border-top: solid 1px #707070; border-left: solid 1px #707070; padding: 15px 20px; vertical-align: middle; }
.gendai .manabi .license_list .table_area table { width: 100%; line-height: 1.3; }
.gendai .manabi .license_list .table_area .bg { font-weight: 700; }
.gendai .manabi .license_list .table_area th { padding-left: 0; padding-right: 0; }
.gendai .manabi .license_list .table_area th, .gendai .manabi .license_list .table_area td { text-align: center; }
.gendai .manabi .license_list .table_area td.bg { text-align: left; color: inherit; }
.gendai .manabi .license_list .table_area p { margin-top: 20px; font-size: 1.4rem; }
.gendai .manabi .license_list .table_area .bg { background: #E8F1F6; }
.gendai .manabi .license_list .table_area td { color: #659FCE; width: 150px; }
.gendai .manabi .license_list .table_area td.bg { width: 340px; }
.gendai .manabi .license { border: solid 1px #4A90C5; background: #EAF3FA; }
@media print, screen and (min-width: 1030px) { .gendai .manabi .license { padding: 40px; } }
@media screen and (max-width: 1029px) { .gendai .manabi .license { padding: 40px 5%; } }
@media print, screen and (min-width: 1030px) { .gendai .manabi .license ol { width: 50%; } }
.gendai .manabi .license li { font-weight: bold; font-size: 1.8rem; margin-bottom: 10px; position: relative; padding-left: 25px; }
.gendai .manabi .license li::before { content: ""; display: block; position: absolute; left: 0; top: 9px; width: 15px; height: 15px; border-radius: 50%; background: #4A90C5; }
.gendai .manabi .license li p { display: inline-block; font-weight: normal; font-size: 1.3rem; line-height: 150%; }