@charset "utf-8";
/* ===============================================================================
 * KOZA 041 TOP
 * =============================================================================== */

/*-------------main.inc-------------*/

.kozaTop .koza-main-box .boxinner {
  background: url(/koza/041/images/main.png) no-repeat right top;
  -webkit-background-size: auto 100%;
       -o-background-size: auto 100%;
          background-size: auto 100%;
}
.koza-main-box .koza-summary-box .btn-view a span sup {
    vertical-align: top;
    font-size: 0.6em;
}



/*-------------sub.inc-------------*/

.koza-section .colLBL {color: #057dca !important;}
.koza-section .bgLBL {background-color: #7a99cd !important;}
.koza-section .bgLGRY {background-color: #ededed !important;}
.koza-section .text_wrap{padding:2%;}
.koza-section .text_box > *{margin-bottom:2%;}


.koza-section .koza-tbl {
  width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
.koza-section .koza-tbl *{
  vertical-align:middle;
}

.covid19_info h4{
  font-weight:bold;
  color:#fff;
  padding:1% 4%;
  background:#dd0000;
}
.covid19_info .info_inner{
  background:#fff;
  padding:2% 5%;
  border:1px solid #dd0000;
}

/*-------------
#about-area
-------------*/
.koza-section .kinmuchi{
    padding: 2%;
    border: 2px solid #5172a9;
    margin-bottom:2%;
}


/*-------------
#sche-area
-------------*/
.koza-section dl h4{
  font-weight:bold;
  font-size:1.8rem;
  color:#5172a9;
}

.koza-section .sche_box {
    margin: 3% 0 5%;
}
.koza-section .sche_box h5{
    margin: 0.5% 0;
}
.koza-section .sche_box .color01{
  font-weight:bold;
  background:#f3eed2;
  border:1px solid #6e728e;
  text-align:center;
  width:40%;
  min-width:320px;
}
.koza-section .sche_box .color01 + ul{
  margin-top:3%;
}
.koza-section .sche_box .color02{
  font-weight:bold;
  background:#8896a0;
  border:1px solid #6e728e;
  text-align:center;
  width:20%;
  padding:1em 0;
  color:#fff;
}
.koza-section .sche_box .color02 + dd{
  width:75%;
}
.koza-section .sche_box .color03{
  font-weight:bold;
  background:#d6e0f0;
  border:1px solid #6e728e;
  text-align:center;
  width:40%;
  min-width:320px;
}
.koza-section .sche_box .color04{
  font-weight:bold;
  background:#e6f3d2;
  border:1px solid #6e728e;
  text-align:center;
  width:40%;
  min-width:320px;
}
.koza-section .sche_box .color05{
  font-weight:bold;
  background:#fff;
  border:2px solid #d30000;
  text-align:center;
  width:40%;
  min-width:320px;
  color:#d30000;
  display:inline-block;
  position:relative;
  margin-top:50px;
}
.koza-section .sche_box .color05:before{
  content:url(/koza/041/images/img_arr.png);
  position: absolute;
  top:-60px;
  left:0;
  width:100%;
  height: 50px;
  display: block;
}


/*-------------
#subject-area
-------------*/
.koza-section .btn_pdf{
  width:45%;
  min-width:350px;
}
.koza-section .btn_pdf a {
    display: block;
    height: 60px;
    border:1px solid #8895ac;
    border-radius: 4px;
    position: relative;
    color: #000;
    background: linear-gradient(to bottom, #eef5fe 0%, #adccee 100%);
    text-align: center;
}
.koza-section .btn_pdf a:hover {
    background: linear-gradient(to bottom, #c3daf3 0%, #c3daf3 100%);
}
.koza-section .btn_pdf a:before {
    content: "";
    display:inline-block;
    width:40px;
    height:42px;
    background: url(/koza/041/images/img_pdf.png) no-repeat center top/100%;
    position:absolute;
    top: 50%;
    left: 2%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.koza-section .btn_pdf a:after {
    font-family: iconset!important;
    content: "\e90a";
    font-weight:bold;
    font-size:22px;
    display:inline-block;
    position:absolute;
    top: 50%;
    right: 5%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color:#555;
}
.koza-section .btn_pdf a span{
    display:inline-block;
    width:100%;
    font-weight:bold;
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}



/*-------------
#difficulty
-------------*/
.koza-section .koza-tbl .country > * {border-top-width: 2px;}


/*=====SP=====*/

.winSP .koza-section .text_box > *{margin-bottom:5%;}

.winSP .koza-section .x_data_area {
    width: 100%;
    overflow: hidden;
}
.winSP .koza-section .x_data_area .x_scroll_box {
  overflow-x: scroll;
}
.winSP .koza-section .koza-tbl {
  font-size: 3vw;
  white-space:nowrap;
}


/*-------------
#about-area
-------------*/
.winSP .koza-section .kinmuchi{
    margin-bottom:5%;
}


/*-------------
#sche-area
-------------*/
.winSP .koza-section dl h4{
  font-size:4.5vw;
}

.winSP .koza-section .sche_box {
    margin-bottom: 2%;
}
.winSP .koza-section .sche_box .color01{
  width:100%;
  min-width:auto;
  margin: 2% 0;
}
.winSP .koza-section .sche_box .color02{
  padding:2% 0;
}
.winSP .koza-section .sche_box .color03{
  width:100%;
  min-width:auto;
  margin: 10% 0 2%;
}
.winSP .koza-section .sche_box .color04{
  width:100%;
  min-width:auto;
  margin: 10% 0 2%;
}
.winSP .koza-section .sche_box .color05{
  width:100%;
  min-width:auto;
  margin: 60px 0 10%;
}



/*-------------
#subject-area
-------------*/
.winSP .koza-section .btn_pdf{
  width:100%;
  min-width:auto;
}
.winSP .koza-section .btn_pdf a:before {
    height:50%;
    background-size:contain;
    left:0.5%;
}
.winSP .koza-section .btn_pdf a:after {
    font-size:5vw;
}
.winSP .koza-section .btn_pdf a span{
    font-size:4vw;
}