@charset "utf-8";
/* CSS Document */

#cinfo_eiken_index #contents,
#cinfo_eiken_index #visual{
  font-family: 'Noto Sans JP', sans-serif;
}

#cinfo_eiken_index #visual{
  position: relative;
  background: url(/cinfo/eiken/img/main.png) center no-repeat;
  background-size: cover;
  height: 480px;
  margin: 0;
}
#cinfo_eiken_index.eiken_kids #visual{
  position: relative;
  background: url(/cinfo/eiken/img/main02.png) center no-repeat;
  background-size: cover;
  height: 480px;
  margin: 0;
}
#cinfo_eiken_index.eiken_junior #visual{
  position: relative;
  background: url(/cinfo/eiken/img/main03.png) center no-repeat;
  background-size: cover;
  height: 480px;
  margin: 0;
}
#cinfo_eiken_index #visual > div{
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
  height: 480px;
  position: relative;
  padding-top: 65px;
}
#cinfo_eiken_index #visual > div h1 span{
  font-size: 3.8rem;
  font-weight: bold;
  background:linear-gradient(transparent 80%, #fff889 80%);
  display: inline-block;
  margin-bottom: 15px;
  line-height: 1;
  color: #295094;
}
#cinfo_eiken_index #visual > div p{
  font-weight: bold;
  font-size: 2rem;
  line-height: 30px;
  margin-bottom: 20px;
}

#cinfo_eiken_index #visual .visual_inner img{
  vertical-align: middle;
  margin-right:10px;
}
#cinfo_eiken_index #visual .visual_inner a{
  background:linear-gradient(to bottom, #234689 0%, #234689 50%, #1C3C7D 50%, #1C3C7D 100%);
  height: 80px;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
  border: none;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  max-width: 400px;
  width: 100%;
}

#cinfo_eiken_index #visual .visual_inner a:hover {
  background: linear-gradient(to bottom, #234689 0%, #234689 50%, #1C3C7D 50%, #1C3C7D 100%);
  color: #FFF;
  border-color: #224D9A;
  opacity: .8;
}

#cinfo_eiken_index #visual .visual_inner a span {
  color: #FFE67F;
}
#cinfo_eiken_index #visual .visual_inner a .icon-right {
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -0.5em 0 0;
  font-size: 1.6rem;
}
#cinfo_eiken_index #visual .visual_inner a p.visual_btn {
  font-size: 2.4rem;
  margin: 0;
}
#cinfo_eiken_index .right_txt{
  text-align: right;
  margin-top:5px;
  font-size: 1.1rem;
}
#cinfo_eiken_index .bnr_area{
  text-align: center;
  margin:40px 0 60px;
}
#cinfo_eiken_index #contents .inner{
  background: url(/cinfo/eiken/img/grade2/bg.png) repeat-x #F1F6FB;
  padding: 95px 0 5px;
  margin-bottom: 100px;
}

#cinfo_eiken_index #contents .grade{
  width: 100%;
  max-width: 1440px;
  margin:0 auto 50px;
}

#cinfo_eiken_index #contents .grade h2{
  font-weight: bold;
  font-size: 3.6rem;
  text-align: center;
  color: #295094;
  margin-bottom:40px;
}

#cinfo_eiken_index #contents .grade ul{
  display: flex;
  max-width: 1000px;
  margin: 0 auto;
  justify-content: space-between;
}
#cinfo_eiken_index #contents .grade ul li{
  width: 13%;
  height: 60px;
  border-radius: 10px 10px 0px 0px;
  background: #bbd5ef;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 27px;
  text-align: center;
  position: relative;
}
#cinfo_eiken_index #contents .grade ul li a{
  color: #224d9a;
  text-decoration: none;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}
#cinfo_eiken_index #contents .grade ul li a.active,
#cinfo_eiken_index #contents .grade ul li a:hover{
  color: #224d9a;
  background: #fff;
  border-radius: 10px 10px 0px 0px;
  opacity: 1;
}
#cinfo_eiken_index #contents .grade ul li a i{
  position: absolute;
  bottom: 7px;
  font-size: 1.2rem;
}
#cinfo_eiken_index #contents .grade ul li a p{
 margin-bottom: 10px;
}
#cinfo_eiken_index #contents #page_menu{
  background: #fff;
  padding: 40px 80px;
}
#cinfo_eiken_index #contents #page_menu .inner{
  background: #f1f6fb;
  padding: 40px 160px;
}
#cinfo_eiken_index #contents #page_menu #page_menuTit{
  font-weight: bold;
  font-size: 2.4rem;
  color: #1371bd;
  margin-bottom: 30px;
}
#cinfo_eiken_index #contents #page_menu #page_menuTit span{
  border-radius: 50px;
  background: #1371bd;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 0 20px 2px 20px;
  margin-left: 15px;
  cursor: pointer;
}
#cinfo_eiken_index #contents .inner .open_area{
  display: flex;
  justify-content: space-between;
}
#cinfo_eiken_index #contents .inner .open_area ol{
  width: 47%;
  border-top: 1px solid #708AB8;
}
#cinfo_eiken_index #contents .inner .open_area ol li{
  border-bottom: 1px solid #708AB8;
  padding: 15px 0 15px 20px;
  font-size: 1.6rem;
}
#cinfo_eiken_index #contents .inner .open_area ol li a i{
  margin-right: 10px;
  font-size: 1rem;
}
#cinfo_eiken_index #contents .inner .open_area ol li:first-child{
  padding: 15px 0;
}

#cinfo_eiken_index #contents .inner .open_area ol li:first-child a{
  font-weight: bold;
  font-size: 1.6rem;
  color: #1371bd;
}
#cinfo_eiken_index #contents .inner .open_area ol li:first-child a i{
  margin-right: 10px;
  font-size: 1.2rem;
}
#cinfo_eiken_index #contents #eiken_method,
#cinfo_eiken_index #contents #eiken_trend {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto 120px;
  background: #fff;
  padding: 80px 240px;
  position: relative;
}
#cinfo_eiken_index #contents #eiken_method h2,
#cinfo_eiken_index #contents #eiken_trend h2{
  font-weight: bold;
  font-size: 3.6rem;
  text-align: center;
  color: #0487d9;
  max-width: 960px;
  width: 100%;
  margin: 0 auto 60px;
  border-top: 2px solid #0487d9;
  border-bottom: 2px solid #0487d9;
}
#cinfo_eiken_index #contents #eiken_method h3,
#cinfo_eiken_index #contents #eiken_trend h3{
  border-radius: 50px;
  background: #1371bd;
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
  color: #fff;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 30px;
}
#cinfo_eiken_index #contents #eiken_method p,
#cinfo_eiken_index #contents #eiken_trend p{
  font-size: 1.6rem;
  margin-bottom: 40px;
}
#cinfo_eiken_index #contents #eiken_method p#no_m{
  margin-bottom: 0;
}

#cinfo_eiken_index #contents #eiken_method p span,
#cinfo_eiken_index #contents #eiken_trend p span{
  color:#E40026;
  font-weight: bold;
}
#cinfo_eiken_index #contents #eiken_method p span.box,
#cinfo_eiken_index #contents #eiken_trend p span.box{
  color: #333;
  font-weight: normal;
  border: 1px solid #333;
  padding: 0 5px;
}

#cinfo_eiken_index #contents #eiken_method figure,
#cinfo_eiken_index #contents #eiken_trend figure{
  margin-bottom:40px;
  width: 100%;
}
#cinfo_eiken_index #contents #eiken_method figure img,
#cinfo_eiken_index #contents #eiken_trend figure img{
  width: 100%;
}

#cinfo_eiken_index #contents #eiken_method h4{
  font-weight: bold;
  font-size: 2rem;
  color: #224d9a;
  border-left: 5px solid #224d9a;
  margin-bottom: 30px;
  padding-left: 15px;
}
#cinfo_eiken_index #contents .word_list{
  margin-bottom: 40px;
}
#cinfo_eiken_index #contents .word_list input,
#cinfo_eiken_index #contents .note_list input,
#cinfo_eiken_index #contents .schedule_table input,
#cinfo_eiken_index #contents .score_table input{
      display: none;
}
#cinfo_eiken_index #contents .word_list table,
#cinfo_eiken_index #contents .schedule_table table,
#cinfo_eiken_index #contents .score_table table{
  border-collapse:separate;
  border-spacing: 2px;
  width: 100%;
}

#cinfo_eiken_index #contents .word_list table th,
#cinfo_eiken_index #contents .word_list table td{
  width: 50%;
  text-align: center;
  padding: 10px 0;
  vertical-align: middle;
  font-weight: 500;
}
#cinfo_eiken_index #contents .schedule_table table td,
#cinfo_eiken_index #contents .score_table table td{
  text-align: center;
  padding: 10px 0;
  vertical-align: middle;
  font-weight: 500;
}

#cinfo_eiken_index #contents .word_list table th,
#cinfo_eiken_index #contents .schedule_table table th,
#cinfo_eiken_index #contents .score_table table th{
  background:#1371BD;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  vertical-align: middle;
  padding: 10px 0;
}
#cinfo_eiken_index #contents .word_list table td,
#cinfo_eiken_index #contents .schedule_table table td,
#cinfo_eiken_index #contents .score_table table td{
  background: #ebeff2;
}
#cinfo_eiken_index #contents .score_table p{
  margin-bottom:0 !important;
}

#cinfo_eiken_index #contents #eiken_method h5{
  display: inline-block;
  background: #f1f6fb;
  font-weight: bold;
  font-size: 1.8rem;
  text-align: center;
  color: #224d9a;
  padding: 0 20px;
  margin-bottom: 20px;
}
#cinfo_eiken_index #contents #eiken_method h6,
#cinfo_eiken_index #contents #eiken_trend h6{
  font-weight: bold;
  font-size: 1.8rem;
  color: #1371bd;
  margin-bottom: 5px;
}
#cinfo_eiken_index #contents #eiken_method .frame_area,
#cinfo_eiken_index #contents #eiken_trend .frame_area{
  width: 100%;
  border: 2px solid #1371bd;
  padding: 40px;
}
#cinfo_eiken_index #contents #eiken_trend #no_m{
  margin-bottom:0;
  padding: 20px 40px;
}
#cinfo_eiken_index #contents #eiken_method .frame_area span.bg_blue,
#cinfo_eiken_index #contents #eiken_trend .frame_area span.bg_blue {
  color: #333;
  background: #f1f6fb;
  display: flex;
  padding: 20px;
  justify-content: center;
  font-weight: normal;
}
#cinfo_eiken_index #contents #eiken_method .frame_area span#bg_blue_left,
#cinfo_eiken_index #contents #eiken_trend .frame_area span#bg_blue_left {
  justify-content: left;
}

#cinfo_eiken_index #contents strong,
#cinfo_eiken_index #contents #eiken_method .frame_area strong,
#cinfo_eiken_index #contents #eiken_trend .frame_area strong {
  color: #333;
  font-weight: bold;
}

#cinfo_eiken_index #contents .note_list{
}
#cinfo_eiken_index #contents .note_list table{
  border-collapse:separate;
  border-spacing: 2px;
  width: 100%;
}

#cinfo_eiken_index #contents .note_list table th,
#cinfo_eiken_index #contents .note_list table td{
  width: 33%;
  text-align: center;
  padding: 10px 0;
  vertical-align: middle;
  font-weight: 500;
}

#cinfo_eiken_index #contents .note_list table th{
  background:#1371BD;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
}

#cinfo_eiken_index #contents .note_list table td {
  background: #ebeff2;
}
#cinfo_eiken_index #contents .note_list table td:nth-of-type(3) {
  text-align: left;
  padding-left: 20px;
}
#cinfo_eiken_index #contents .btn_area{
  text-align: center;
  margin-bottom: 80px;
}
#cinfo_eiken_index #contents .btn_area a{
  background:linear-gradient(to bottom, #234689 0%, #234689 50%, #1C3C7D 50%, #1C3C7D 100%);
  height: 80px;
  line-height: 1.2;
  text-decoration: none;
  border-radius: 100px;
  text-align: center;
  cursor: pointer;
  border: none;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
  max-width: 400px;
  width: 100%;
  font-size: 2.4rem;
}

#cinfo_eiken_index #contents .btn_area a:hover {
  background: linear-gradient(to bottom, #234689 0%, #234689 50%, #1C3C7D 50%, #1C3C7D 100%);
  color: #FFF;
  border-color: #224D9A;
  opacity: .8;
}

#cinfo_eiken_index #contents .btn_area a span {
  color: #FFE67F;
}
#cinfo_eiken_index #contents .btn_area a .icon-right {
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -0.5em 0 0;
  font-size: 1.6rem;
}

#cinfo_eiken_index #grade_link ul,
#cinfo_eiken_index #grade_link_top ul{
  width: 100%;
  max-width: 960px;
  margin:0 auto 60px;
    display: flex;
    flex-wrap: wrap;
}

#cinfo_eiken_index #grade_link ul li:nth-child(3n-1){
	margin:0 15px;
}

#cinfo_eiken_index #grade_link ul li:nth-child(n + 4){
	margin-top:15px;
}

#cinfo_eiken_index #grade_link ul li a:hover{
	text-decoration:none;
}

#cinfo_eiken_index #grade_link ul li a p{
	width: 310px;
	font-size:1.2rem;
}

#cinfo_eiken_index #contents #eiken_trend p.right_txt{
  text-align: left;
  margin:0;
  font-size: 1.1rem;
  position: absolute;
  right: 10px;
  bottom: 10px;
}

#cinfo_eiken_index #contents .word_list,
#cinfo_eiken_index #contents .note_list,
#cinfo_eiken_index #contents .schedule_table,
#cinfo_eiken_index #contents .score_table{
  position: relative;
}
#cinfo_eiken_index #contents .word_list label,
#cinfo_eiken_index #contents .note_list label,
#cinfo_eiken_index #contents .schedule_table label,
#cinfo_eiken_index #contents .score_table label{
  position: absolute;
  z-index: 1;
  bottom: 0;
  width: 100%;
  height: 100px; /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.wl01 input:checked + label,
.wl02 input:checked + label,
.wl03 input:checked + label,
.wl04 input:checked + label,
.wl05 input:checked + label,
.wl06 input:checked + label,
.wl07 input:checked + label,
.wl08 input:checked + label,
.wl09 input:checked + label,
.wl10 input:checked + label {
  background: inherit; /* 開いた時にグラデーションを消す */
}
.wl01 label:after,
.wl02 label:after,
.wl03 label:after,
.wl04 label:after,
.wl05 label:after,
.wl06 label:after,
.wl07 label:after,
.wl08 label:after,
.wl09 label:after,
.wl10 label:after
 {
  line-height: 2.5rem;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  width: 16rem;
  content: '続きを見る';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #ffffff;
  border-radius: 20px;
  background-color: #1371BD;
}
.wl01 div,
.wl02 div,
.wl03 div,
.wl04 div,
.wl05 div,
.wl06 div,
.wl07 div,
.wl08 div,
.wl09 div
 {
  overflow: hidden;
  height: 280px; /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}
.wl10 div
 {
  overflow: hidden;
  height: 155px; /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}

.wl01 input:checked + label:after,
.wl02 input:checked + label:after,
.wl03 input:checked + label:after,
.wl04 input:checked + label:after,
.wl05 input:checked + label:after,
.wl06 input:checked + label:after,
.wl07 input:checked + label:after,
.wl08 input:checked + label:after,
.wl09 input:checked + label:after,
.wl10 input:checked + label:after {
  content: '閉じる';
}
.wl01 input:checked ~ div,
.wl02 input:checked ~ div,
.wl03 input:checked ~ div,
.wl04 input:checked ~ div,
.wl05 input:checked ~ div,
.wl06 input:checked ~ div,
.wl07 input:checked ~ div,
.wl08 input:checked ~ div,
.wl09 input:checked ~ div,
.wl10 input:checked ~ div {
  height: auto;
  padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}

@media screen and (max-width: 720px) {
#cinfo_eiken_index #visual{
  position: relative;
  background: url(/cinfo/eiken/img/main_sp.png) center top no-repeat;
  background-size: cover;
  height: auto;
  padding-top: 117.1052%;
}
#cinfo_eiken_index.eiken_kids #visual{
  position: relative;
  background: url(/cinfo/eiken/img/main02_sp.png) center top no-repeat;
  background-size: cover;
  height: auto;
  padding-top: 117.1052%;
}
#cinfo_eiken_index.eiken_junior #visual{
  position: relative;
  background: url(/cinfo/eiken/img/main03_sp.png) center top no-repeat;
  background-size: cover;
  height: auto;
  padding-top: 117.1052%;
}

#cinfo_eiken_index #visual > div{
    width: 90%;
    height: 100%;
    position: absolute;
    top: 25px;
    left: 20px;
    padding: 0;
  }
#cinfo_eiken_index #visual > div h1 span {
  font-size: 2rem;
}
#cinfo_eiken_index #visual > div p {
  font-size: 1.6rem;
}
#cinfo_eiken_index #visual .visual_inner img {
  vertical-align: middle;
  margin: 10px 10px 0 0;
  width: 30%;
}
#cinfo_eiken_index #visual .visual_inner a{
    height: 55px;
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }
#cinfo_eiken_index #visual .visual_inner a p.visual_btn {
  font-size: 1.8rem;
}
#cinfo_eiken_index .right_txt {
  font-size: 0.9rem;
} 
#cinfo_eiken_index .bnr_area{
  padding:0 20px;
  margin: 30px 0;
}
#cinfo_eiken_index #contents .btn_area {
  margin-bottom: 20px;
}
#cinfo_eiken_index #contents .inner .bnr_area{
   padding: 0;
  }
#cinfo_eiken_index .bnr_area img{
  width: 100%;
}
#cinfo_eiken_index #contents .inner {
  background: url(/cinfo/eiken/img/grade2/bg.png) repeat-x #F1F6FB;
  padding: 40px 0 5px;
  margin-bottom: 50px;
}
#cinfo_eiken_index #contents .grade {
  width: 90%;
  margin: 0 auto 50px;
} 
#cinfo_eiken_index #contents .grade h2 {
  font-size: 2rem;
  margin-bottom: 20px;
}
#cinfo_eiken_index #contents .grade ul {
  justify-content: left;
}
#cinfo_eiken_index #contents .grade ul li {
    width: 23%;
    height: 40px;
    font-size: 1.4rem;
    margin: 0 5px 5px 0;
  }
/*
#cinfo_eiken_index #contents .grade ul li {
  width: 32%;
  height: 40px;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
*/
  
#cinfo_eiken_index #contents .grade ul li a i {
  bottom: 3px;
  font-size: 1rem;
}
  
#cinfo_eiken_index #contents #page_menu {
  padding: 20px;
}
#cinfo_eiken_index #contents #page_menu .inner {
  padding: 20px;
  margin-bottom: 10px;
}
#cinfo_eiken_index #contents #page_menu #page_menuTit {
  font-size: 1.8rem;
  margin-bottom: 0;
}
#cinfo_eiken_index #contents #page_menu #page_menuTit span {
  font-size: 1.1rem;
}
#cinfo_eiken_index #contents .inner .open_area {
  display: block;
} 
#cinfo_eiken_index #contents .inner .open_area ol {
  width: 100%;
  margin-top:20px;
  border-top:none;
}
#cinfo_eiken_index #contents .inner .open_area ol li{
  padding: 10px 0 10px 20px;
  font-size: 1.4rem;
}
#cinfo_eiken_index #contents .inner .open_area ol li:first-child a {
  font-size: 1.4rem;
}
#cinfo_eiken_index #contents #eiken_method, 
#cinfo_eiken_index #contents #eiken_trend {
   width: 90%;
  padding: 10px;
  margin: 0 auto 60px;
}
#cinfo_eiken_index #contents #eiken_method h2, 
#cinfo_eiken_index #contents #eiken_trend h2 {
  font-size: 2rem;
  margin: 0 auto 30px;
}
#cinfo_eiken_index #contents #eiken_method h3, 
#cinfo_eiken_index #contents #eiken_trend h3 {
  font-size: 1.6rem;
  margin-bottom: 15px;
}
#cinfo_eiken_index #contents #eiken_method p, 
#cinfo_eiken_index #contents #eiken_trend p {
  font-size: 1.4rem;
  margin-bottom: 30px;
}
#cinfo_eiken_index #contents #eiken_method h4 {
  font-size: 1.6rem;
  line-height: 1.2;
  margin-bottom: 20px;
}
#cinfo_eiken_index #contents #eiken_method h4 span{
  font-size: 1.2rem;
}
#cinfo_eiken_index #contents .word_list table th, 
#cinfo_eiken_index #contents .word_list table td {
  width: 50%;
  text-align: center;
  padding: 5px 0;
  vertical-align: middle;
  font-weight: 500;
  font-size: 1.1rem;
}
#cinfo_eiken_index #contents .schedule_table table th,
#cinfo_eiken_index #contents .schedule_table table td,
#cinfo_eiken_index #contents .score_table table th,
#cinfo_eiken_index #contents .score_table table td{
  display: block;
  text-align: center;
  padding: 5px 0;
  vertical-align: middle;
  font-weight: 500;
  font-size: 1.1rem;
}  
#cinfo_eiken_index #contents .schedule_table table td p{
    background: #fff;
    font-weight: bold;
    font-size: 1.1rem !important;
    text-align: center;
    color: #224d9a;
    padding: 5px 20px;
    width: 90%;
    margin: 10px auto !important;
  }
#cinfo_eiken_index #contents #eiken_method h5 {
  font-size: 1.4rem;
  margin: 0 0 10px;
}
#cinfo_eiken_index #contents .note_list table th, 
#cinfo_eiken_index #contents .note_list table td {
  width: 22%;
  padding: 5px 0;
  font-size: 1.2rem;
}
#cinfo_eiken_index #contents .note_list table th {
  font-size: 1.2rem;
}
#cinfo_eiken_index #contents .note_list table td:nth-of-type(3) {
  padding-left: 10px;
  width: 56%;
}
#cinfo_eiken_index #contents .btn_area a {
  height: 50px;
  font-size: 1.8rem;
}
#cinfo_eiken_index #contents #eiken_method h6, 
#cinfo_eiken_index #contents #eiken_trend h6 {
  font-size: 1.4rem;
}
#cinfo_eiken_index #contents #eiken_method .frame_area, 
#cinfo_eiken_index #contents #eiken_trend .frame_area {
  padding: 10px;
}
#cinfo_eiken_index #contents #eiken_trend #no_m{
  padding: 10px 20px;
}

#cinfo_eiken_index #contents #eiken_method .frame_area span.bg_blue, 
#cinfo_eiken_index #contents #eiken_trend .frame_area span.bg_blue {
  justify-content: left;
}
#cinfo_eiken_index #contents #eiken_trend p.right_txt {
  position: inherit;
  right: inherit;
  bottom: inherit;
}
#cinfo_eiken_index #grade_link ul, 
#cinfo_eiken_index #grade_link_top ul {
  width: 90%;
  margin: 0 auto 30px;
  display: block;
}
#cinfo_eiken_index #grade_link ul li a p {
  width: 100%;
  font-size: 1.2rem;
}
#cinfo_eiken_index #grade_link ul li a:hover{
	text-decoration:none;
}
#cinfo_eiken_index #grade_link ul li:not(:last-child) {
    margin: 0 0 10px;
}
#cinfo_eiken_index #contents .word_list label,
#cinfo_eiken_index #contents .note_list label,
#cinfo_eiken_index #contents .schedule_table label,
#cinfo_eiken_index #contents .score_table label{
  height: 100px; /* グラデーションの高さ */
}
.wl01 label:after,
.wl02 label:after,
.wl03 label:after,
.wl04 label:after,
.wl05 label:after,
.wl06 label:after,
.wl07 label:after,
.wl08 label:after,
.wl09 label:after,
.wl10 label:after
 {
  line-height: 2.5rem;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  width: 16rem;
  content: '続きを見る';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #ffffff;
  border-radius: 20px;
  background-color: #1371BD;
}
.wl01 div,
.wl02 div,
.wl03 div,
.wl04 div,
.wl05 div,
.wl06 div,
.wl07 div,
.wl08 div,
.wl09 div,
.wl10 div
 {
  height: 180px; /* 開く前に見えている部分の高さ */
}
.wl01 input:checked ~ div,
.wl02 input:checked ~ div,
.wl03 input:checked ~ div,
.wl04 input:checked ~ div,
.wl05 input:checked ~ div,
.wl06 input:checked ~ div,
.wl07 input:checked ~ div,
.wl08 input:checked ~ div,
.wl09 input:checked ~ div,
.wl10 input:checked ~ div {
  height: auto;
  padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}
}