.title span {
	font-size: 0.6em;
}
#titleNav #pankuzu {
    width: auto;
}
.certificate-box {
	background-image: url("/konancertificate/img/bg.png");
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 300px;
}
.certificate-box h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 2em;
}

.certificate-box p {
    margin-bottom: 1em;
}

.certificate-box .clearfix {
    padding-top: 3em;
    text-align: right;
}

.certificate-box .clearfix .nav {
    width: 400px;
    margin: 0;
    text-align: center;
    display: inline-block;
}
#nav_area .nav .pdf {
    font-size: 14px;
    text-align: left;
}
h3.certificate-h3 {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 2em;
}

h3.certificate-h3 img {
    width: 150px;
    position: relative;
    top: 15px;
    left: 10px;
}
#nav_area .nav .st a {
    font-size: 14px;
}
.certificate-box #nav_area .nav {
    margin-bottom: 20px;
}
.lsslink  a {
    font-size: 13px!important;
}
.ceritificate-unit {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.ceritificate-box {
    display: table-cell;
    width: 33%;
    vertical-align: top;
}
.ceritificate-box #nav_area .nav {
    margin-bottom: 10px;
}
@media only screen and (max-width : 640px){
.certificate-box .clearfix .nav {
    width: 100%;
}
.title span {
    display: block;
}
#nav_area .nav {
    margin-bottom: 10px;
}
#nav_area .nav_box {
    margin-bottom: 0;
}
.ceritificate-unit,.ceritificate-box {
    display: block;
    width: 100%;
    text-align: center;
}

h3.certificate-h32 {
    font-size: 1.3em;
    font-weight: bold;
}
}
.konan-youbute-link {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 20px 0 80px;
}
.konan-youbute-link-bnr {
    display: table-cell;
    vertical-align: top;
    width: 30%;
}
.konan-youbute-link-bnr img {
    width: 100%;
}
.konan-youbute-link-text {
    display: table-cell;
    vertical-align: top;
    padding: 0 1em;
}
@media only screen and (max-width : 640px){
.konan-youbute-link-bnr,.konan-youbute-link-text  {
    display: block;
    width: 100%;
    padding: 0 0 1em;
}
}
ul.certificate-list {
    margin: 0;
    padding: 0 0 50px;
    text-align: center;
}
ul.certificate-list li {
    display: inline-block;
    width: 45%;
    margin: 0 2% 10px 0;
}
ul.certificate-list li a {
    color: #fff;
    padding: 20px;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 1.5rem;
    text-decoration: none;
    position: relative;
}
ul.certificate-list li a:hover {
    background: #fff;
}
ul.certificate-list li a:after {
    content: ">";
    display: block;
    font-size: 0.7rem;
    position: absolute;
    right: 10px;
    top: 45%;
}
ul.certificate-list li a.certificate-lib {
    background: #e9564b;
    border: 2px solid #e9564b;
}
ul.certificate-list li a.certificate-lib:hover {
    color: #e9564b;
    background: #fff;
}
ul.certificate-list li a.certificate-kiec {
    background: #b20f19;
    border: 2px solid #b20f19;
}
ul.certificate-list li a.certificate-kiec:hover {
    color: #b20f19;
    background: #fff;
}
ul.certificate-list li a.certificate-educationsports {
    background: #1070b7;
    border: 2px solid #1070b7;
}
ul.certificate-list li a.certificate-educationsports:hover {
    color: #1070b7;
    background: #fff;
}
ul.certificate-list li a.certificate-korec {
    background: #f39625;
    border: 2px solid #f39625;
}
ul.certificate-list li a.certificate-korec:hover {
    color: #f39625;
    background: #fff;
}
ul.certificate-list li a.certificate-lucks {
    background: #4aaf3d;
    border: 2px solid #4aaf3d;
}
ul.certificate-list li a.certificate-lucks:hover {
    color: #4aaf3d;
    background: #fff;
}
ul.certificate-list li a.certificate-cs {
    background: #3fd9fd;
    border: 2px solid #3fd9fd;
}
ul.certificate-list li a.certificate-cs:hover {
    color: #3fd9fd;
    background: #fff;
}
@media only screen and (max-width : 736px){
ul.certificate-list li {
    display: block;
    width: 100%;
}
}
.la-table table{
    width: 100%;
    border: 1px solid #CCC;
}
.la-table table tr th {
    font-weight: bold;
    background-color: #f3f3f3;
    border: 1px solid #CCC;
    padding: 10px;
    width: 30%;
    vertical-align: middle;
}
.la-table table tr td {
    vertical-align: middle;
    border: 1px solid #CCC;
    padding: 10px;
    width: 70%;
}
h5.la-ttl {
    border-bottom: 3px solid #cf2026;
    padding: 15px 0;
    margin: 1em 0 2em;
    font-weight: bold;
}
h5.la-ttl::before {
    display: none;
}
.la-pictunit {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0 0 2rem;
}
.la-pictbox-image {
    display: table-cell;
    width: 35%;
    vertical-align: top;
    text-align: center;
}
.la-pictbox-text {
    display: table-cell;
    width: 65%;
    vertical-align: top;
    padding: 0 1em;
}
.la-pictbox-text p.la-sub-ttl {
    font-weight: bold;
    font-size: 1.1rem;
    padding: 0 0 1rem;
}
.la-sub-ttl2 {
    display: block;
    font-weight: bold;
    padding: 0 0 0.3rem;
    margin: 0 0 1rem;
    border-bottom: 2px solid #eee;
}
.la-pictbox-text p {
    padding: 0 0 2rem;
}
img.la-photo-student {
    border-radius: 500px;
    width: 200px;
    height: auto;
}
p.la-graph {
    text-align: center;
    padding: 0 0 2rem;
}
p.la-graph img {
    width: 400px;
    height: auto;
}
p.la-under-photo {
    padding: 0 0 4rem;
}
.bd_btn1 li a {
    background: #cf2026;
    color: #fff;
    border: 2px solid #cf2026;
    padding: 15px 20px;
    display: inline-block;
    font-weight: bold;
}
.bd_btn1 li a:hover {
    background: #fff;
    color: #cf2026;
    border: 2px solid #cf2026;
}
span.student-name {
    border: 1px solid #cf2026;
    padding: 5px;
    margin: 0 0.5em 0 0;
    font-weight: bold;
}
@media only screen and (max-width : 736px){
.la-pictunit,.la-pictbox-image,.la-pictbox-text {
    display: block;
    width: 100%;
    padding: 0 0 2rem;
}
p.la-graph img {
    width: 80%;
}
}