/* 受賞者ページ　共通 */

#product .btn {
    width: 30%;
    margin: 0 auto;
}

.nav_btn {
    overflow: hidden;
    width: 960px;
    margin: 0 auto 50px;
}

#g1,#g2,#g3,#g4,#g5,#g6 {
    padding-top: 180px;
    margin-top: -180px;
}

.nav_btn ol {
    overflow: hidden;
}

.nav_btn li {
    float: left;
    margin-right: 12px;
}

.nav_btn li:last-child {
    margin-right: 0;
}

.nav_btn li a {
    width: 150px;
    background: #333333;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 20px 0 10px;
    border-radius: 5px;
    text-decoration: none;
    transition: .2s;
}

.nav_btn li a:hover {
    opacity: 0.8;
}

.product_body {
    background: #ffffff;
    padding: 30px;
    border-radius: 10px;
    border: solid 2px #333333;
    margin-bottom: 80px;
}

.product_box {
    background: #e3e3e3;
    border-radius: 5px;
    position: relative;
    padding: 30px 50px;
    margin-bottom: 50px;
}

.product_box:last-child {
    margin-bottom: 0;
}

.product_icon {
    width: 126px;
    height: 136px;
    position: absolute;
    top: -20px;
    left: -20px;
    background: gray;
    z-index: 1;
}

.taisho .product_icon {
    background: url(../img/taisho.png) no-repeat;
    background-size: 100%;
}

.shinsain .product_icon {
    background: url(../img/shinsain.png) no-repeat;
    background-size: 100%;
}

.yushu .product_icon {
    background: url(../img/yushu.png) no-repeat;
    background-size: 100%;
}

.kaicho .product_icon {
    background: url(../img/kaicho.png) no-repeat;
    background-size: 100%;
}

.teijin .product_icon {
    background: url(../img/teijin.png) no-repeat;
    background-size: 100%;
}

.create .product_icon {
    background: url(../img/create.png) no-repeat;
    background-size: 100%;
}

.product_title {
    overflow: hidden;
    border: solid 2px #333333;
    background: #ffffff;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 20px;
}

.product_title.special::before {
    content: "文部科学大臣賞";
    display: block;
    width: 200px;
    font-size: 20px;
    font-weight: bold;
    background: #4c2c96;
    color: #ffffff;
    text-align: center;
    border-radius: 100px;
    padding: 10px 10px 5px;
    position: absolute;
    top: 10px;
    left: 90px;
}

.product_title .name {
    border: none;
    font-size: 24px;
    color: #ffffff;
    float: left;
    margin: 0;
    padding: 20px 20px 16px  50px;
    background: gray;
    text-align: left;
}

.product_title.long .name {
    float: initial;
    width: 730px;
}

.product_title.non_title .name {
    float: initial;
    width: 100%;
    font-size: 28px;
}

.product_title .name span {
    font-size: 16px;
}

.product_title.non_title .name span {
    font-size: 20px;
}

.product_title .title {
    color: #333333;
    border: none;
    float: left;
    margin: 0;
    padding: 15px 20px  10px;
}

.product_title.long .title {
    width: 760px;
}

.product_img {
    width: 764px;
    height: 560px;
    margin: 0 auto 20px;
    position: relative;
    background: url(../img/frame.png);
}

.product_img_inner {
    display: block;
    width: 600px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.product_img_inner img {
    display: block;
    width: 100%;
}

.audio_box{
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.audio_box img{
    display: block;
    width: 210px;
    margin-right: 10px;
}

.audio_box audio{
    width: 100%;
}

.comment_box {
    overflow: hidden;
}

.comment_img {
    float: left;
    width: 200px;
    height: 180px;
    position: relative;
}

.comment_img .teacher_name {
    width: 100%;
    height: 50px;
    background: #333333;
    border-radius: 100px;
    color: #ffffff;
    position: absolute;
    bottom: 0;
}
.comment_img .teacher_name span:nth-child(2) {
    position: absolute;
    bottom: 5px;
    right: 20px;
}

.comment_img .teacher_img {
    width: 140px;
    height: 140px;
    background: #ffffff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.comment {
    float: right;
    width: 520px;
    background: #ffffff;
    border-radius: 5px;
    padding: 30px;
    line-height: 2;
    word-break: break-word;
}

.comment_img .teacher_name::before {
    content: "";
    display: block;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    bottom: 5px;
    left: 40px;
} 

.comment_img .teacher_name .small_name {
    display: block;
    position: initial;
}

.comment_img .teacher_name .small_name::before,
.comment_img .teacher_name .small_name::after {
    content: "";
    display: block;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 5px;
} 

.product_lead .grade {
    width: 200px;
    margin: 0 auto 30px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 100px;
    color: #ffffff;
    background: #333333;
}

.subject {
    margin-bottom: 50px;
}

.subject_lead,
.standard_lead {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    text-indent: 20px;
    width: 120px;
    text-align: center;
    margin-bottom: 10px;
}

.standard_lead_small {
    font-weight: bold;
    margin-bottom: 10px;
    color: #ff0000;
    text-indent: -0.5em;
}

.subject_lead::before,
.subject_lead::after,
.standard_lead::before,
.standard_lead::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: #333333;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
}

.subject_lead::before,
.standard_lead::before {
    left: 0;
}

.subject_lead::after,
.standard_lead::after {
    right: -20px;
}

.subject_title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
}

.subject_title span {
    display: block;
    font-size: 18px;
}

.subject_title span.subject_sub {
    font-size: 24px;
    display: inline;
}

.standard {
    border: solid 2px #333333;
    border-radius: 5px;
    padding: 20px 30px;
    margin-bottom: 50px;
}

.standard_list {
    margin-bottom: 16px;
}

.standard_list:last-child {
    margin-bottom: 0;
}

/* @media screen and (max-width: 640px) {
    .standard_list {
        margin-bottom: 16px;
    }
} */

.standard_list li {
    margin-bottom: 5px;
    text-indent: -1em;
    margin-left: 1em;
}

.standard_list li:last-child {
    margin-bottom: 0;
}

.product_box.yushu {
    background: #ffffff !important;
    border: solid 2px #333333;
    border-radius: 5px;
    padding-top: 40px;
    padding-left: 100px;
}

.yushu_list li {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden;
}

.yushu_list li:last-child {
    margin-bottom: 0;
}

.yushu_list li span {
    display: block;
}

.yushu_list li.year {
    font-size: 26px;
    padding-bottom: 10px;
    border-bottom: solid 1px;
    margin-top: 30px;
}

.yushu_list li.year:first-child {
    margin-top: 0;
}

.yushu_list li span:nth-child(1) {
    float: left;
    width: 480px;
}

.yushu_list li span:nth-child(2) {
    float: right;
    width: 250px;
}

.yushu_list li span.small_letter {
    float: none;
    width: auto;
    display: inline;
    font-size: 14px;
}

.yushu_list li.special {
    color: red;
    margin-bottom: 5px;
}

.taisho .product_title .name {
    background: #ed1c24;
}

.taisho .product_title {
    border: solid 2px #ed1c24;
}

.taisho .product_title .title {
    color: #ed1c24;
}

.shinsain .product_title .name,
.kaicho .product_title .name,
.teijin .product_title .name,
.create .product_title .name {
    background: #0071bc;
}

.shinsain .product_title,
.kaicho .product_title,
.teijin .product_title,
.create .product_title {
    border: solid 2px #0071bc;
}

.shinsain .product_title .title,
.kaicho .product_title .title,
.teijin .product_title .title,
.create .product_title .title {
    color: #0071bc;
}

.return {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background: #00aaf2;
    display: block;
    position: fixed;
    bottom: 50px;
    right: 50px;
    transition: .2s;
}

.return span {
    display: block;
    width: 20px;
    height: 20px;
    border-top: solid 3px #ffffff;
    border-right: solid 3px #ffffff;
    transform: rotate(-45deg) translate(-20%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.return:hover {
    opacity: 0.8;
}

.comment.short {
    letter-spacing: -0.02em;
}


/* 先生の画像 */


.comment_img.t_no_01 .teacher_img {
    background: url(../img/t_no_01.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_02 .teacher_img {
    background: url(../img/t_no_02.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_03 .teacher_img {
    background: url(../img/t_no_03.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_04 .teacher_img {
    background: url(../img/t_no_04.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_05_1 .teacher_img {
    background: url(../img/t_no_05_1.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_05_2 .teacher_img {
    background: url(../img/t_no_05_2.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_06 .teacher_img {
    background: url(../img/t_no_06.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_07 .teacher_img {
    background: url(../img/t_no_07.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_08 .teacher_img {
    background: url(../img/t_no_08.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_09 .teacher_img {
    background: url(../img/t_no_09.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_10 .teacher_img {
    background: url(../img/t_no_10.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_11 .teacher_img {
    background: url(../img/t_no_11.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_12 .teacher_img {
    background: url(../img/t_no_12.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_13 .teacher_img {
    background: url(../img/t_no_13.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_14 .teacher_img {
    background: url(../img/t_no_14.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_15 .teacher_img {
    background: url(../img/t_no_15.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_16 .teacher_img {
    background: url(../img/t_no_16.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_17 .teacher_img {
    background: url(../img/t_no_17.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_18 .teacher_img {
    background: url(../img/t_no_18.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_19 .teacher_img {
    background: url(../img/t_no_19.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_20 .teacher_img {
    background: url(../img/t_no_20.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_21 .teacher_img {
    background: url(../img/t_no_21.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_22 .teacher_img {
    background: url(../img/t_no_22.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_23 .teacher_img {
    background: url(../img/t_no_23.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_24 .teacher_img {
    background: url(../img/t_no_24.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_25 .teacher_img {
    background: url(../img/t_no_25.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_26 .teacher_img {
    background: url(../img/t_no_26.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_27 .teacher_img {
    background: url(../img/t_no_27.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_28 .teacher_img {
    background: url(../img/t_no_28.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_29 .teacher_img {
    background: url(../img/t_no_29.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_30 .teacher_img {
    background: url(../img/t_no_30.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_31 .teacher_img {
    background: url(../img/t_no_31.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_32 .teacher_img {
    background: url(../img/t_no_32.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_33 .teacher_img {
    background: url(../img/t_no_33.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_34 .teacher_img {
    background: url(../img/t_no_34.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_35 .teacher_img {
    background: url(../img/t_no_35.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_36 .teacher_img {
    background: url(../img/t_no_36.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_37 .teacher_img {
    background: url(../img/t_no_37.png) no-repeat;
    background-size: 100%;
} 
.comment_img.t_no_38 .teacher_img {
    background: url(../img/t_no_38.png) no-repeat;
    background-size: 100%;
} 


/* 先生のお名前 */


.comment_img.t_no_02 .teacher_name::before {
    content: "植松 雅美";
} 
.comment_img.t_no_02 .teacher_name .small_name::before {
    content: "うえまつ";
    left: 37px;
} 
.comment_img.t_no_02 .teacher_name .small_name::after {
    content: "まさみ";
    left: 89px;
} 


.comment_img.t_no_04 .teacher_name::before {
    content: "きむらゆういち";
    font-size: 17.5px;
    bottom: 10px;
    left: 13px;
} 


.comment_img.t_no_05_1 .teacher_name::before {
    content: "深海 龍夫";
} 
.comment_img.t_no_05_1 .teacher_name .small_name::before {
    content: "ふかみ";
    left: 42px;
} 
.comment_img.t_no_05_1 .teacher_name .small_name::after {
    content: "たつお";
    left: 87px;
} 


.comment_img.t_no_05_2 .teacher_name::before {
    content: "深海 龍夫";
} 
.comment_img.t_no_05_2 .teacher_name .small_name::before {
    content: "ふかみ";
    left: 42px;
} 
.comment_img.t_no_05_2 .teacher_name .small_name::after {
    content: "たつお";
    left: 87px;
} 


.comment_img.t_no_08 .teacher_name::before {
    content: "畑中 喜秋";
} 
.comment_img.t_no_08 .teacher_name .small_name::before {
    content: "はたなか";
    left: 35px;
} 
.comment_img.t_no_08 .teacher_name .small_name::after {
    content: "よしとき";
    left: 84px;
} 


.comment_img.t_no_09 .teacher_name::before {
    content: "小林 宏己";
} 
.comment_img.t_no_09 .teacher_name .small_name::before {
    content: "こばやし";
    left: 36px;
} 
.comment_img.t_no_09 .teacher_name .small_name::after {
    content: "ひろみ";
    left: 88px;
} 


.comment_img.t_no_12 .teacher_name::before {
    content: "佐野 裕隆";
} 
.comment_img.t_no_12 .teacher_name .small_name::before {
    content: "さの";
    left: 48px;
} 
.comment_img.t_no_12 .teacher_name .small_name::after {
    content: "ひろたか";
    left: 83px;
} 


.comment_img.t_no_13 .teacher_name::before {
    content: "岡本 明子";
} 
.comment_img.t_no_13 .teacher_name .small_name::before {
    content: "おかもと";
    left: 36px;
} 
.comment_img.t_no_13 .teacher_name .small_name::after {
    content: "あきこ";
    left: 88px;
} 


.comment_img.t_no_14 .teacher_name::before {
    content: "熊田 藤作";
} 
.comment_img.t_no_14 .teacher_name .small_name::before {
    content: "くまだ";
    left: 42px;
} 
.comment_img.t_no_14 .teacher_name .small_name::after {
    content: "とうさく";
    left: 83px;
} 


.comment_img.t_no_15 .teacher_name::before {
    content: "森田 浩章";
} 
.comment_img.t_no_15 .teacher_name .small_name::before {
    content: "もりた";
    left: 41px;
} 
.comment_img.t_no_15 .teacher_name .small_name::after {
    content: "ひろあき";
    left: 84px;
} 


.comment_img.t_no_17 .teacher_name::before {
    content: "泉 宜宏";
    left: 53px;
} 
.comment_img.t_no_17 .teacher_name .small_name::before {
    content: "いずみ";
    left: 42px;
} 
.comment_img.t_no_17 .teacher_name .small_name::after {
    content: "たかひろ";
    left: 79px;
} 


.comment_img.t_no_18 .teacher_name::before {
    content: "O JUN";
    left: 52px;
} 
.comment_img.t_no_18 .teacher_name .small_name::before {
    content: "オー";
    left: 47px;
} 
.comment_img.t_no_18 .teacher_name .small_name::after {
    content: "ジュン";
    left: 78px;
} 


.comment_img.t_no_20 .teacher_name::before {
    content: "桑原 隆";
    left: 52px;
} 
.comment_img.t_no_20 .teacher_name .small_name::before {
    content: "くわばら";
    left: 47px;
} 
.comment_img.t_no_20 .teacher_name .small_name::after {
    content: "たかし";
    left: 96px;
} 


.comment_img.t_no_21 .teacher_name::before {
    content: "佐内 信之";
    left: 45px;
} 
.comment_img.t_no_21 .teacher_name .small_name::before {
    content: "さない";
    left: 47px;
} 
.comment_img.t_no_21 .teacher_name .small_name::after {
    content: "のぶゆき";
    left: 88px;
} 


.comment_img.t_no_22 .teacher_name::before {
    content: "森内 昌也";
    left: 45px;
} 
.comment_img.t_no_22 .teacher_name .small_name::before {
    content: "もりうち";
    left: 41px;
} 
.comment_img.t_no_22 .teacher_name .small_name::after {
    content: "まさや";
    left: 93px;
} 


.comment_img.t_no_23 .teacher_name::before {
    content: "立川 泰史";
    left: 45px;
} 
.comment_img.t_no_23 .teacher_name .small_name::before {
    content: "たちかわ";
    left: 41px;
} 
.comment_img.t_no_23 .teacher_name .small_name::after {
    content: "やすし";
    left: 93px;
} 


.comment_img.t_no_24 .teacher_name::before {
    content: "網 淑子";
    left: 49px;
} 
.comment_img.t_no_24 .teacher_name .small_name::before {
    content: "あみ";
    left: 48px;
} 
.comment_img.t_no_24 .teacher_name .small_name::after {
    content: "としこ";
    left: 77px;
} 



.comment_img.t_no_26 .teacher_name::before {
    content: "後藤 良秀";
    left: 40px;
} 
.comment_img.t_no_26 .teacher_name .small_name::before {
    content: "ごとう";
    left: 43px;
} 
.comment_img.t_no_26 .teacher_name .small_name::after {
    content: "よしひで";
    left: 82px;
} 



.comment_img.t_no_27 .teacher_name::before {
    content: "田村 正弘";
    left: 40px;
} 
.comment_img.t_no_27 .teacher_name .small_name::before {
    content: "たむら";
    left: 43px;
} 
.comment_img.t_no_27 .teacher_name .small_name::after {
    content: "まさひろ";
    left: 82px;
} 



.comment_img.t_no_28 .teacher_name::before {
    content: "石田 好広";
    left: 40px;
} 
.comment_img.t_no_28 .teacher_name .small_name::before {
    content: "いしだ";
    left: 43px;
} 
.comment_img.t_no_28 .teacher_name .small_name::after {
    content: "よしひろ";
    left: 82px;
} 



.comment_img.t_no_29 .teacher_name::before {
    content: "朝倉 啓爾";
    left: 40px;
} 
.comment_img.t_no_29 .teacher_name .small_name::before {
    content: "あさくら";
    left: 35px;
} 
.comment_img.t_no_29 .teacher_name .small_name::after {
    content: "けいじ";
    left: 89px;
} 



.comment_img.t_no_30 .teacher_name::before {
    content: "西尾 克人";
    left: 40px;
} 
.comment_img.t_no_30 .teacher_name .small_name::before {
    content: "にしお";
    left: 41px;
} 
.comment_img.t_no_30 .teacher_name .small_name::after {
    content: "かつと";
    left: 88px;
} 



.comment_img.t_no_31 .teacher_name::before {
    content: "帝人フロンティア";
    left: 22px;
} 
.comment_img.t_no_31 .teacher_name .small_name::before {
    content: "ていじん";
    left: 16px;
} 


.comment_img.t_no_32 .teacher_name::before {
    content: "杉山 勇";
    left: 50px;
} 
.comment_img.t_no_32 .teacher_name .small_name::before {
    content: "すぎやま";
    left: 43px;
} 
.comment_img.t_no_32 .teacher_name .small_name::after {
    content: "いさむ";
    left: 94px;
} 


.comment_img.t_no_33 .teacher_name::before {
    content: "落合 陽一";
    left: 50px;
} 
.comment_img.t_no_33 .teacher_name .small_name::before {
    content: "おちあい";
    left: 43px;
} 
.comment_img.t_no_33 .teacher_name .small_name::after {
    content: "よういち";
    left: 94px;
} 
.comment_img.t_no_33 .copyright {
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    text-align: center;
}


.comment_img.t_no_34 .teacher_name::before {
    content: "森本 俊";
    left: 54px;
} 
.comment_img.t_no_34 .teacher_name .small_name::before {
    content: "もりもと";
    left: 47px;
} 
.comment_img.t_no_34 .teacher_name .small_name::after {
    content: "しゅん";
    left: 95px;
} 


.comment_img.t_no_35 .teacher_name::before {
    content: "アレン 玉井光江";
    left: 20px;
    font-size: 17px;
} 
.comment_img.t_no_35 .teacher_name .small_name::before {
    content: "たまい";
    left: 79px;
    font-size: 10px;
    top: 8px;
} 
.comment_img.t_no_35 .teacher_name .small_name::after {
    content: "みつえ";
    left: 112px;
    font-size: 10px;
    top: 8px;
} 


.comment_img.t_no_36 .teacher_name::before {
    content: "鈴木 明子";
    left: 40px;
} 
.comment_img.t_no_36 .teacher_name .small_name::before {
    content: "すずき";
    left: 41px;
} 
.comment_img.t_no_36 .teacher_name .small_name::after {
    content: "あきこ";
    left: 88px;
} 


.comment_img.t_no_37 .teacher_name::before {
    content: "飯田 秀男";
    left: 40px;
} 
.comment_img.t_no_37 .teacher_name .small_name::before {
    content: "いいだ";
    left: 41px;
} 
.comment_img.t_no_37 .teacher_name .small_name::after {
    content: "ひでお";
    left: 88px;
} 


.comment_img.t_no_38 .teacher_name::before {
    content: "小熊 久美子";
    left: 32px;
} 
.comment_img.t_no_38 .teacher_name .small_name::before {
    content: "おぐま";
    left: 33px;
} 
.comment_img.t_no_38 .teacher_name .small_name::after {
    content: "くみこ";
    left: 90px;
} 


/* 絵画部門 */


.kaiga .nav_btn li a,
.kaiga .comment_img .teacher_name,
.kaiga .product_lead .grade {
    background: #ef8200;
}

.kaiga .product_body,
.kaiga .standard {
    border: solid 2px #ef8200;
}

.kaiga .product_box,
.kaiga .subject_lead::before,
.kaiga .subject_lead::after,
.kaiga .standard_lead::before,
.kaiga .standard_lead::after {
    background: #ffd199;
}

.kaiga .subject_lead,
.kaiga .standard_lead,
.kaiga .subject_title {
    color: #ef8200;
}

.kaiga .product_box.yushu {
    border: solid 2px #ffd199;
}

.kaiga .group_title{
    border: solid #ef8200 3px;
    color: #ef8200;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    font-size: 28px;
    margin-bottom: 30px;
}


/* 環境部門 */


.kankyo .nav_btn li a,
.kankyo .comment_img .teacher_name,
.kankyo .product_lead .grade {
    background: #d72317;
}

.kankyo .product_body,
.kankyo .standard {
    border: solid 2px #d72317;
}

.kankyo .product_box,
.kankyo .subject_lead::before,
.kankyo .subject_lead::after,
.kankyo .standard_lead::before,
.kankyo .standard_lead::after {
    background: #ffc4c0;
}

.kankyo .subject_lead,
.kankyo .standard_lead,
.kankyo .subject_title {
    color: #d72317;
}

.kankyo .product_box.yushu {
    border: solid 2px #ffc4c0;
}

.kankyo .group_title{
    border: solid #d72317 3px;
    color: #d72317;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    font-size: 28px;
    margin-bottom: 30px;
}


/* 自由研究部門 */


.jiyu .nav_btn li a,
.jiyu .comment_img .teacher_name,
.jiyu .product_lead .grade {
    background: #009e3b;
}

.jiyu .product_body,
.jiyu .standard {
    border: solid 2px #009e3b;
}

.jiyu .product_box,
.jiyu .subject_lead::before,
.jiyu .subject_lead::after,
.jiyu .standard_lead::before,
.jiyu .standard_lead::after {
    background: #addf80;
}

.jiyu .subject_lead,
.jiyu .standard_lead,
.jiyu .subject_title {
    color: #009e3b;
}

.jiyu .product_box.yushu {
    border: solid 2px #addf80;
}


/* 自由研究部門 */


.jiyu .nav_btn li a,
.jiyu .comment_img .teacher_name,
.jiyu .product_lead .grade {
    background: #009e3b;
}

.jiyu .product_body,
.jiyu .standard {
    border: solid 2px #009e3b;
}

.jiyu .product_box,
.jiyu .subject_lead::before,
.jiyu .subject_lead::after,
.jiyu .standard_lead::before,
.jiyu .standard_lead::after {
    background: #addf80;
}

.jiyu .subject_lead,
.jiyu .standard_lead,
.jiyu .subject_title {
    color: #009e3b;
}

.jiyu .product_box.yushu {
    border: solid 2px #addf80;
}

.jiyu .group_title{
    border: solid #009e3b 3px;
    color: #009e3b;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    font-size: 28px;
    margin-bottom: 30px;
}


/* 作文部門 */


.sakubun .nav_btn li a,
.sakubun .comment_img .teacher_name,
.sakubun .product_lead .grade {
    background: #00a0e9;
}

.sakubun .product_body,
.sakubun .standard {
    border: solid 2px #00a0e9;
}

.sakubun .product_box,
.sakubun .subject_lead::before,
.sakubun .subject_lead::after,
.sakubun .standard_lead::before,
.sakubun .standard_lead::after {
    background: #bfebff;
}

.sakubun .subject_lead,
.sakubun .standard_lead,
.sakubun .subject_title {
    color: #00a0e9;
}

.sakubun .product_box.yushu {
    border: solid 2px #bfebff;
}

.sakubun .group_title{
    border: solid #00a0e9 3px;
    color: #00a0e9;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    font-size: 28px;
    margin-bottom: 30px;
}


/* 英語部門 */


.eigo .nav_btn li a,
.eigo .comment_img .teacher_name,
.eigo .product_lead .grade {
    background: #ff60ab;
}

.eigo .product_body,
.eigo .standard {
    border: solid 2px #ff60ab;
}

.eigo .product_box,
.eigo .subject_lead::before,
.eigo .subject_lead::after,
.eigo .standard_lead::before,
.eigo .standard_lead::after {
    background: #ffdded;
}

.eigo .subject_lead,
.eigo .standard_lead,
.eigo .subject_title {
    color: #ff60ab;
}

.eigo .product_box.yushu {
    border: solid 2px #ffdded;
}

.eigo .group_title{
    border: solid #ff60ab 3px;
    color: #ff60ab;
    font-weight: bold;
    text-align: center;
    padding: 20px;
    font-size: 28px;
    margin-bottom: 30px;
}


/* 2020年度のみ */
.limit_caption {
    text-indent: -1em;
    margin: 20px 0 0 1em;
}

.eco {
    position: relative;
}

.eco_rt {
    display: block;
    font-size: 14px;
    position: absolute;
    bottom: 3px;
    margin: 0;
    right: 286px;
}


/* 2021年度のみ */
.product_title .name img {
    height: 23px;
    vertical-align: top;
}
.comment img {
    height: 15px;
    vertical-align: initial;
}


/* 受賞者発表時追加 */

.other_link {
    overflow: hidden;
    width: 960px;
    margin: 0 auto 30px;
}

.other_link li {
    float: left;
    margin-right: 30px;
    transition: .2s;
    border-radius: 5px;
}

.other_link li:last-child {
    margin-right: 0;
}

.other_link li a {
    width: 300px;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: center;
    padding: 14px 0 12px;
    text-decoration: none;
}

.other_link li:hover {
    opacity: 0.8;
}

.kaiga_name {
    width: 20px;
    transform: translateY(0.05em);
    -webkit-transform: translateY(0.05em);
    -moz-transform: translateY(0.05em);
    -ms-transform: translateY(0.05em);
    -o-transform: translateY(0.05em);
}

.kaiga_sp_name {
    display: none !important;
}


/* 2023年度改訂 */

.other_btn {
    float: right;
    background: #000000;
    color: #ffffff;
    padding: 20px 60px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 100px;
    margin-top: 20px;
}
.kaiga .other_btn {
    background: #ef8200;
}
.kankyo .other_btn {
    background: #d72317;
}
.jiyu .other_btn {
    background: #009e3b;
}
.sakubun .other_btn {
    background: #00a0e9;
}
.eigo .other_btn {
    background: #ff60ab;
}



/* SP版 */


@media screen and (max-width:640px) { 

    /* 共通 */

    #product .btn {
        width: 100%;
        margin: 0 auto;
        text-indent: 5vw;
        text-align: left;
        font-size: 4vw;
    }
    
    #g1, #g2, #g3, #g4, #g5, #g6 {
        padding-top: 10vw;
        margin-top: -10vw;
    }

    .nav_btn {
        width: 100%;
        margin: 0 auto;
    }

    .nav_btn li {
        margin: 0 5% 5% 0;
        width: 30%;
    }

    .nav_btn li:nth-child(3) {
        margin-right: 0;
    }

    .nav_btn li a {
        width: auto;
        font-size: 3vw;
        padding: 4vw 0 2vw;
        transition: initial;
    }

    .nav_btn li a:hover {
        opacity: 1;
    }

    .product_body {
        padding: 3vw;
        margin-bottom: 14vw;
    }

    .product_box {
        padding: 3vw 4vw;
    }

    .product_icon {
        width: 20vw;
        height: 22vw;
        top: -4vw;
        left: -3vw;
    }

    .product_title {
        margin-bottom: 3vw;
    }

    .product_title .name {
        font-size: 3.5vw;
        padding: 2.5vw 3vw 2vw 11vw;
        text-align: left;
        float: initial;
    }

    .teijin .product_title .name {
        padding: 2.5vw 3vw 2vw 14vw;
    }

    .product_title.long .name {
        width: auto;
    }

    .product_title .name span {
        font-size: 3vw;
    }

    .product_title .title {
        float: initial;
        padding: 6vw 3vw 3vw;
        font-size: 4vw;
        text-align: center;
        text-indent: initial;
    }

    .product_title.long .title {
        width: auto;
    }

    .product_img {
        width: 100%;
        height: 53.5vw;
        margin: 0 auto 3vw;
        background: url(../img/frame.png) no-repeat;
        background-size: 100%;
        position: relative;
    }

    .product_img_inner {
        width: 80%;
        height: 73%;
    }

    .audio_box {
        flex-direction: column;
    }

    .audio_box img {
        width: 40vw;
        margin-right: 0;
        margin-bottom: 2vw;
    }

    .comment_img {
        float: initial;
        width: 100%;
        height: 20vw;
        margin-bottom: 2vw;
    }

    .comment_img .teacher_img {
        width: 20vw;
        height: 20vw;
        background: #ffffff;
        left: 0;
        margin: 0;
        transform: initial;
    }

    .comment_img .teacher_name {
        width: 60%;
        height: 10vw;
        bottom: 0;
        right: 8vw;
    }

    .comment_img .teacher_name::before {
        font-size: 4vw;
        bottom: 0.8vw;
        left: 7vw;
    }

    .comment_img .teacher_name .small_name::before,
    .comment_img .teacher_name .small_name::after {
        font-size: 2.5vw;
        top: 1vw;
    }

    .comment_img .teacher_name span {
        bottom: 1vw;
        right: 5vw;
        font-size: 3vw;
    }

    .comment {
        float: initial;
        width: 92%;
        padding: 4%;
        font-size: 3vw;
        /* font-size: 4vw 4vw 3vw; */
    }

    .product_lead .grade {
        width: 50%;
        margin: 0 auto 3vw;
        font-size: 4vw;
    }

    .subject_lead, .standard_lead {
        font-size: 4vw;
        text-indent: 4vw;
        width: 40%;
        margin-bottom: 2vw;
    }

    .subject_lead::before,
    .subject_lead::after,
    .standard_lead::before,
    .standard_lead::after {
        width: 4vw;
        height: 4vw;
    }

    .subject_title {
        font-size: 6vw;
    }
    .subject_title span {
        font-size: 4vw;
    }

    .subject {
        margin-bottom: 6vw;
    }

    .standard {
        padding: 3vw 4vw;
        margin-bottom: 10vw;
    }

    .product_box.yushu {
        padding-top: 5vw;
        padding-left: 14vw;
    }

    .yushu_list li span:nth-child(1) {
        width: 100%;
    }

    .yushu_list li span:nth-child(2) {
        width: 65%;
    }

    .yushu_list li span.small_letter {
        font-size: 2vw;
    }
    

    .yushu_list li {
        margin-bottom: 4vw;
        font-size: 3vw;
    }

    .yushu_list li.special {
        margin-bottom: 1vw;
    }

    .yushu_list li.year {
        font-size: 4vw;
        padding-bottom: 1vw;
        border-bottom: solid 0.2vw;
        margin-top: 5vw;
    }

    .product_title.special::before {
        width: 50%;
        font-size: 2.5vw;
        padding: 2vw 1vw 1vw;
        top: -2vw;
        left: 12vw;
    }

    .eco_rt {
        font-size: 2vw;
        bottom: 0.7vw;
        right: 41.3vw;
    }

    .return {
        width: 10vw;
        height: 10vw;
        border-radius: 5px 0 0 5px;
        bottom: 10vw;
        right: 0;
    }

    .return span {
        width: 4vw;
        height: 4vw;
    }

    .return:hover {
        opacity: 1;
    }


    /* 先生のお名前 */


    .comment_img.t_no_02 .teacher_name .small_name::before {
        left: 5.5vw;
    } 
    .comment_img.t_no_02 .teacher_name .small_name::after {
        left: 16.4vw;
    } 


    .comment_img.t_no_04 .teacher_name::before {
        font-size: 3.5vw;
        left: 5vw;
        bottom: 2vw;
    }     


    .comment_img.t_no_05_1 .teacher_name .small_name::before {
        left: 7vw;
    } 
    .comment_img.t_no_05_1 .teacher_name .small_name::after {
        left: 16.1vw;
    } 


    .comment_img.t_no_05_2 .teacher_name .small_name::before {
        left: 7vw;
    } 
    .comment_img.t_no_05_2 .teacher_name .small_name::after {
        left: 16.1vw;
    } 


    .comment_img.t_no_08 .teacher_name .small_name::before {
        left: 5vw;
    } 
    .comment_img.t_no_08 .teacher_name .small_name::after {
        left: 15.5vw;
    } 


    .comment_img.t_no_09 .teacher_name .small_name::before {
        left: 5.9vw;
    } 
    .comment_img.t_no_09 .teacher_name .small_name::after {
        left: 16.5vw;
    } 


    .comment_img.t_no_12 .teacher_name .small_name::before {
        left: 8.6vw;
    } 
    .comment_img.t_no_12 .teacher_name .small_name::after {
        left: 15.1vw;
    } 


    .comment_img.t_no_13 .teacher_name .small_name::before {
        left: 5.9vw;
    } 
    .comment_img.t_no_13 .teacher_name .small_name::after {
        left: 16.4vw;
    } 


    .comment_img.t_no_14 .teacher_name .small_name::before {
        left: 6.8vw;
    } 
    .comment_img.t_no_14 .teacher_name .small_name::after {
        left: 14.9vw;
    } 


    .comment_img.t_no_15 .teacher_name .small_name::before {
        left: 9.9vw;
    } 
    .comment_img.t_no_15 .teacher_name .small_name::after {
        left: 18.3vw;
    } 


    .comment_img.t_no_17 .teacher_name::before {
        left: 9vw;
    } 
    .comment_img.t_no_17 .teacher_name .small_name::before {
        left: 6.2vw;
    } 
    .comment_img.t_no_17 .teacher_name .small_name::after {
        left: 14.4vw;
    } 


    .comment_img.t_no_18 .teacher_name::before {
        left: 11vw;
    } 
    .comment_img.t_no_18 .teacher_name .small_name::before {
        left: 10.2vw;
    } 
    .comment_img.t_no_18 .teacher_name .small_name::after {
        left: 15.7vw;
    } 


    .comment_img.t_no_20 .teacher_name::before {
        left: 9vw;
    } 
    .comment_img.t_no_20 .teacher_name .small_name::before {
        left: 6.6vw;
    } 
    .comment_img.t_no_20 .teacher_name .small_name::after {
        left: 17.4vw;
    } 


    .comment_img.t_no_21 .teacher_name::before {
        left: 7vw;
    } 
    .comment_img.t_no_21 .teacher_name .small_name::before {
        left: 7.1vw;
    } 
    .comment_img.t_no_21 .teacher_name .small_name::after {
        left: 15.5vw;
    } 


    .comment_img.t_no_22 .teacher_name::before {
        left: 9vw;
    }
    .comment_img.t_no_22 .teacher_name .small_name::before {
        left: 7.6vw;
    } 
    .comment_img.t_no_22 .teacher_name .small_name::after {
        left: 18.4vw;
    } 


    .comment_img.t_no_23 .teacher_name::before {
        left: 9vw;
    }
    .comment_img.t_no_23 .teacher_name .small_name::before {
        left: 7.6vw;
    } 
    .comment_img.t_no_23 .teacher_name .small_name::after {
        left: 18.4vw;
    } 


    .comment_img.t_no_24 .teacher_name::before {
        left: 9vw;
    }
    .comment_img.t_no_24 .teacher_name .small_name::before {
        left: 8.5vw;
    } 
    .comment_img.t_no_24 .teacher_name .small_name::after {
        left: 14.1vw;
    } 

    
    .comment_img.t_no_26 .teacher_name::before {
        left: 7vw;
    }
    .comment_img.t_no_26 .teacher_name .small_name::before {
        left: 7.3vw;
    } 
    .comment_img.t_no_26 .teacher_name .small_name::after {
        left: 15.5vw;
    } 

    
    .comment_img.t_no_27 .teacher_name::before {
        left: 7vw;
    }
    .comment_img.t_no_27 .teacher_name .small_name::before {
        left: 7.3vw;
    } 
    .comment_img.t_no_27 .teacher_name .small_name::after {
        left: 15.5vw;
    } 

    
    .comment_img.t_no_28 .teacher_name::before {
        left: 7vw;
    }
    .comment_img.t_no_28 .teacher_name .small_name::before {
        left: 7.3vw;
    } 
    .comment_img.t_no_28 .teacher_name .small_name::after {
        left: 15.5vw;
    } 

    
    .comment_img.t_no_29 .teacher_name::before {
        left: 7vw;
    }
    .comment_img.t_no_29 .teacher_name .small_name::before {
        left: 5.8vw;
    } 
    .comment_img.t_no_29 .teacher_name .small_name::after {
        left: 16.6vw;
    } 

    
    .comment_img.t_no_30 .teacher_name::before {
        left: 7vw;
    }
    .comment_img.t_no_30 .teacher_name .small_name::before {
        left: 7.3vw;
    } 
    .comment_img.t_no_30 .teacher_name .small_name::after {
        left: 16.2vw;
    } 

    
    .comment_img.t_no_31 .teacher_name::before {
        left: 6vw;
    }
    .comment_img.t_no_31 .teacher_name .small_name::before {
        left: 4.9vw;
    } 
    
    
    .comment_img.t_no_32 .teacher_name::before {
        left: 11vw;
    }
    .comment_img.t_no_32 .teacher_name .small_name::before {
        left: 8.9vw;
    } 
    .comment_img.t_no_32 .teacher_name .small_name::after {
        left: 19.6vw;
    } 

    
    .comment_img.t_no_33 .teacher_name::before {
        left: 11vw;
    }
    .comment_img.t_no_33 .teacher_name .small_name::before {
        left: 8.9vw;
    } 
    .comment_img.t_no_33 .teacher_name .small_name::after {
        left: 19.6vw;
    } 
    .comment_img.t_no_33 .copyright {
        bottom: 12vw;
        left: 2vw;
        font-size: 3vw;
    }

    
    .comment_img.t_no_34 .teacher_name::before {
        left: 11vw;
    }
    .comment_img.t_no_34 .teacher_name .small_name::before {
        left: 9.2vw;
    } 
    .comment_img.t_no_34 .teacher_name .small_name::after {
        left: 19.3vw;
    } 

    
    .comment_img.t_no_35 .teacher_name::before {
        left: 4vw;
        bottom: 1.2vw;
        font-size: 3.5vw;
    }
    .comment_img.t_no_35 .teacher_name .small_name::before {
        left: 16vw;
        top: 1.4vw;
        font-size: 2vw;
    } 
    .comment_img.t_no_35 .teacher_name .small_name::after {
        left: 23vw;
        top: 1.4vw;
        font-size: 2vw;
    } 

    
    .comment_img.t_no_36 .teacher_name::before {
        left: 10vw;
    }
    .comment_img.t_no_36 .teacher_name .small_name::before {
        left: 9.9vw;
    } 
    .comment_img.t_no_36 .teacher_name .small_name::after {
        left: 19.2vw;
    } 

    
    .comment_img.t_no_37 .teacher_name::before {
        left: 10vw;
    }
    .comment_img.t_no_37 .teacher_name .small_name::before {
        left: 9.9vw;
    } 
    .comment_img.t_no_37 .teacher_name .small_name::after {
        left: 19.2vw;
    } 

    
    .comment_img.t_no_38 .teacher_name::before {
        left: 7vw;
    }
    .comment_img.t_no_38 .teacher_name .small_name::before {
        left: 7.1vw;
    } 
    .comment_img.t_no_38 .teacher_name .small_name::after {
        left: 18.1vw;
    } 


    
    /* 2020年度のみ */
    .limit_caption {
        margin: 0 0 5vw 1em;
    }

    /* 2021年度のみ */
    .product_title .name img {
        height: 4vw;
        vertical-align: top;
    }
    .comment img {
        height: 3.8vw;
        vertical-align: initial;
        padding-top: 0.4vw;
    }


    /* 受賞者発表時追加 */

    .other_link {
        width: 100%;
        margin-bottom: 5%;
    }

    .other_link li {
        float: initial;
        margin-right: 0;
        margin-bottom: 3%;
    }

    .other_link li:hover {
        opacity: 1;
    }

    .other_link li:last-child {
        margin-bottom: 0;
    }

    .other_link li a {
        width: 100%;
        font-size: 3vw;
        padding: 3vw 0 2vw;
    }

    .product_title.non_title .name {
        width: auto;
        font-size: 4vw;
    }

    .product_title.non_title .name span {
        font-size: 3.5vw;
    }

    .kaiga_name {
        display: none;
    }

    .kaiga_sp_name {
        display: inline !important;
        float: initial !important;
        width: auto !important;
    }
    
    .group_title{
        padding: 5vw!important;
        font-size: 6vw!important;
        margin-bottom: 7vw!important;
        line-height: 1.4!important;
    }

    .other_btn {
        margin: 0 auto 7%;
        font-size: 3vw;
        padding: 4vw 6vw 3vw;
    }

}