@CHARSET "UTF-8";
@import url('../column.css');

.knowledge h1.contentTitle{
  border: 3px solid #036;
  color: #036;
  padding: 0;
  margin: .75rem 5px;
}
.knowledge h1.contentTitle.top{
  background: url("../../../../../_webroot/img/page/newcolumn/knowledge/ttl_column_knowledge_h1_bg.png") center bottom / 7.5px 20px repeat-x;  
  text-align: center;
}
.knowledge h1.contentTitle img{
  max-width: 100%;
}
.knowledge h1.contentTitle span{
  border-top: 1px dashed #369;
  display: block;
  padding: .5rem;
}
.knowledge h2{
  border-bottom: 3px double #036;
  color: #036;
  font-size: 1.2em;
  margin: .75rem;
  line-height: 1.2;
}
.knowledge h3{
  color: #036;
  font-size: 1.1em;
  margin: .75rem;
  line-height: 1.2;
}
.knowledge h4{
  font-size: 1em;
  margin: .75rem;
  line-height: 1.2;
}

.knowledge nav.index{
  background: rgba(51,102,153, .2);
  border: 1px solid #036;
}
.knowledge nav.index p.mokuji {
  background: #036;
  color: #fff;
  margin: 0;
  padding: .5rem;
}
.knowledge nav.index p.mokuji.toggle span::before {
  border-top: 7px solid #fff;
}
.knowledge .index p.mokuji.toggle.active span::before {
  border-top: none;
  border-bottom: 7px solid #fff;
}

nav.index div{
  display: none;
  }
nav.index.bottom div{
  display: block;
}
nav.index div ul li{
  border: none;
}
nav.index div ul li+li {
  border-top: 1px dashed #036;
}

nav.pageIndex{
  border-bottom: 1px dashed rgba(51,102,153, .4);
  border-top: 1px dashed rgba(51,102,153, .4);
  /*background: #eaeff5;*/
  margin: 2rem .5rem 1.5rem .5rem;
  padding: .75rem 0 1px 0;
  position: relative;
}
nav.pageIndex>div{
  position: relative;
}
nav.pageIndex>div span{
  background: #369;
  border-radius: 1rem;
  color: #fff;
  font-size: .9em;
  line-height: 1;
  padding: .5em;
  position: absolute;
  top: calc( -1em + -.75rem);
  left: calc(50% - 2.3em);
}
nav.pageIndex ul{
  list-style-type: none;
  margin: .5rem;
  padding: 0;
}
nav.pageIndex ul ul{
  margin: 0 0 0 1rem ;
}
  nav.pageIndex ul a{
  display: block;
  padding: .5rem 0 .5rem 1.25rem;
  line-height: 1.3;
  position: relative;
}
nav.pageIndex ul a:before,
nav.pageIndex ul a:after{
  content: "";
  border: 5px solid transparent;
  border-left-color: #369;
  left: .5rem;
  top: calc(50% - 5px);
  position: absolute;
  z-index: 1;
}
nav.pageIndex ul a:after{
  border-left-color: #fff;
  left: calc(.5rem - 2px);
  z-index: 2;
}

.memopad{
  border: 2px solid #036;
  margin: .75rem 5px;
}
.memopad h3{
  background: #036;
  color: #fff;
  text-align: center;
  margin: 0;
  padding: .5rem 0;
}
.memopad dl{
  margin: .25rem;
}
.memopad dt{
  background: #dfefff;
  font-weight: bold;
  padding: .25rem;
}
.memopad dt:before{
  content: "□";
}
.memopad dd{
  margin: .75rem 0;
  padding: .25rem .5rem;
  font-size: .9em;

}
.check{
  color: #069;
  font-weight: bold;
  text-align: center;
}
ul.pageLink,
.memopad ul{
  list-style-type: none;
  margin: .75rem;
  padding-left: 0;
}
.memopad ul a{
  background: #336699;
  color: #fff;
  display: block;
  line-height: 1.3;
  padding: .5rem .25rem .5rem 1.25rem;
  position: relative;
}
.memopad ul a:before{
  content: "";
  border: 5px solid transparent;
  border-left: 5px solid #fff;
  position: absolute;
  left: .5rem;
  top: calc( 50% - 5px );
}
.memopad ul li+li{
  border-top: 1px solid #fff;
}
.memopad strong{
 background: linear-gradient(transparent 70%, #a7d6ff 70%);
}
.memopad .checkPoint{
  color: #036;
  font-weight: bold;
}
.memopad .checkPoint li:before{
  content: "□";
}

ul.pageLink a{
  background: #fff;
  border: 1px solid #369;
  color: #369;
  display: block;
  line-height: 1.3;
  padding: .5rem .25rem .5rem 1.25rem;
  position: relative;
}
ul.pageLink a:before{
  content: "";
  border: 5px solid transparent;
  border-left: 5px solid #369;
  position: absolute;
  left: .5rem;
  top: calc( 50% - 5px );
}
ul.pageLink li+li{
  margin-top: .25rem;
}

.centerExamFlow{
  background: #dbedbf;
  margin: .75rem .5rem;
  overflow: hidden;
}
.centerExamFlow .common{
  padding-bottom: 20px;
  position: relative;
}
.centerExamFlow .national {
  float: left;
  width: 50%;
}
.centerExamFlow .private  {
  float: right;
  width: 50%;
}
.centerExamFlow h3,
.centerExamFlow h4{
  text-align: center;
  margin: .75rem 0 0 ;
}
.centerExamFlow p{
  background: #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: .75rem 5px;
  font-size: .8rem;
  padding: .25rem;
  position: relative;
}
.centerExamFlow .common p{
  text-align: center;
}
.centerExamFlow p+p{
  margin-top: 30px;
  position: relative;
}
.centerExamFlow .common::after{
  content: "";
  border: 7px solid transparent;
  border-top: 7px solid #333;
  position: absolute;
  bottom: 5px;
  left: calc( 50% - 7px );

}
.centerExamFlow p+p::before {
  content: "";
  border: 7px solid transparent;
  border-top: 7px solid #333;
  position: absolute;
  top: -20px;
  left: calc( 50% - 7px );
}
.centerExamFlow .wrap{
  display: table;
  background: #dddfed;
  width: 100%;
}
.centerExamFlow .wrap>div{
  display: table-cell;
  width: 50%;
}
.centerExamFlow .wrap p:last-of-type{
  background: #ef4123;
  color: #fff;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;  
}
.centerExamFlow b{
  font-size: 1rem;
  color: #5771a5;
}
.centerExamFlow .national{
  background: #fdd6c3;
}

table.basic.centerExam,
table.basic.privateExam,
table.uniqueRecommendation{
  background: #FFF7E6;
  font-size: .8em;
  margin: .5rem;
  line-height: 1.5;
}
table.basic.centerExam{
  width: 800px;
}
table.basic.privateExam,
table.uniqueRecommendation{
  width: auto;
}
table.basic.centerExam th,
table.basic.centerExam td,
table.basic.privateExam th,
table.basic.privateExam td,
table.uniqueRecommendation th,
table.uniqueRecommendation td{
  padding: .25rem .5rem;
}
table.basic.centerExam th,
table.basic.privateExam th,
table.uniqueRecommendation th{
  background: #4F667D;
  color: #fff;
}
table.uniqueRecommendation th,
table.basic.privateExam th{
  width: 4rem;
}
.selectionPoints{
  margin: .75rem;
}
.selectionPoints div{
  border: 2px solid #069;
  border-radius: 3px;
  margin: .75rem 0;
}
.selectionPoints div h4{
  text-align: center;
  border-bottom: 1px dotted #069;
  padding-bottom: .5rem;
}
.examImportantPoint{
  background: #F0EFF3;
  font-weight: bold;
  font-size: 1.2em;
  padding: 1rem;
  text-align: center;
}
.examImportantPoint strong{
  color: #47556F;
  font-size: 1.5em;
}
.examImportantPoint .notes{
  font-weight: 400;
  font-size: .9em;
}

.recommendLink{
  background: #efefef;
  margin: .75rem;
  padding: .25rem;
  text-align: center;
}

.sche_b{
  color: #4F81BD;
}
.sche_g{
  color: #77933C;
}
.sche_y{
  color: #FFC000;
}

.examAnalysis{
  border: 5px solid #dfefff;
  margin: .75rem 5px;
  padding: 1px;
}
.examAnalysis figure{
  margin: .25rem
}
.examAnalysis p{
  margin: 0;
  padding: .5rem .75rem;
}
.examAnalysis .n01{
  background: #c7ebfb;
}
.examAnalysis .n02{
  background: #c7c5e3;
}
.examAnalysis .n03{
  background: #fbd5e5;
}
.examAnalysis .n04{
  background: #cde7d3;
}


div.plural{
  margin: 0 .75rem 1rem .75rem;
}
div.plural div{
  margin-top: 1rem;
}
div.plural img{
  max-width: 100%;
}