/******************************
2019　特集
******************************/

.tokusyu h2 { font-size: 26px; font-weight: 700; color: #01abdc;
background-image: url(../images/11works/2019/arrow.png);
background-repeat: 0 center;
background-size: 16px auto;
background-repeat: no-repeat;
padding: 4px 0 7px 23px;
margin-bottom: 27px !important;}

@media all and (max-width: 672px) {
.tokusyu h2 { font-size: 22px;
background-size: 13px auto;
background-repeat: no-repeat;
padding: 3px 0 6px 20px;
margin-bottom: 20px !important;}
}

.tokusyu h3 { background: #000; color: #fff; font-weight: 500; font-size: 130%; text-align: center; letter-spacing: 5px; margin-bottom: 20px !important; padding: 10px 0 11px; line-height: 1.0; border-radius: 28px; }
.tokusyu h3 span { font-size: 40%; position: relative; top: -5px; }

.tks_box_cm { padding: 18px 23px; border-bottom: 5px solid; display: block; }
.tks_box_01 { background: #e9f2fb; border-color: #243783; color: #243783; }
.tks_box_02 { background: #eaf5f1; border-color: #189ca7; color: #189ca7; }
.tks_box_03 { background: #e3f2fa; border-color: #1ba1cd; color: #1ba1cd; }

.tokusyu h5 { padding-left: 28px; font-size: 18px; color: #000 !important;
background-position: 0 center;
background-size: 20px auto;
background-repeat: no-repeat;
min-height: 36px;
display: flex;
align-items: center;
font-weight: 700;
line-height: 1.3;}


.tokusyu .tks_box_01 h5.num01 { background-image: url("../images/special/2019/01/b1.png"); }
.tokusyu .tks_box_01 h5.num02 { background-image: url("../images/special/2019/01/b2.png"); }
.tokusyu .tks_box_01 h5.num03 { background-image: url("../images/special/2019/01/b3.png"); }
.tokusyu .tks_box_02 h5.num01 { background-image: url("../images/special/2019/01/g1.png"); }
.tokusyu .tks_box_02 h5.num02 { background-image: url("../images/special/2019/01/g2.png"); }
.tokusyu .tks_box_02 h5.num03 { background-image: url("../images/special/2019/01/g3.png"); }
.tokusyu .tks_box_03 h5.num01 { background-image: url("../images/special/2019/01/s1.png"); }
.tokusyu .tks_box_03 h5.num02 { background-image: url("../images/special/2019/01/s2.png"); }
.tokusyu .tks_box_03 h5.num03 { background-image: url("../images/special/2019/01/s3.png"); }

.tks_flx_c { width: 30.9%; }
.tks_flx_b { width: 1.8%; margin-right: 1.8%; box-sizing: border-box; border-right: 1px dotted #aaa; }

.mgB_tks { margin-bottom: 27px; }

@media all and (max-width: 1199px) {
.tks_box_cm { padding: 15px 20px; }
.tokusyu h5{font-size: 16px;padding-left: 25px;letter-spacing: -0.5px;background-size: 18px auto;}
.tks_box_cm p{font-size: 14px;}
.tks_flx_c { width: 31.3333%; }
.tks_flx_b { width: 1.5%; margin-right: 1.5%;}}
@media all and (max-width: 768px) {
.mgB_tks { margin-bottom: 8px; }
.tks_flx_c { width: 100%; }
.tks_flx_b { width: 100%; margin-right: 0; box-sizing: border-box; border-right: none; border-bottom: 1px dotted #aaa; height: 8px; margin-bottom: 8px; }
}

.ribbon01{
  position:relative;
  background: #243783;
  padding: 10px 20px;
  width: 240px;
  color: #fff;
}
.ribbon01:before{
  content: "";
  position:absolute;
  top:0;
  right:-10px;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent transparent transparent #243783;
  border-width: 20px 0 20px 10px;
}
.ribbon01:after{
  content: "";
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0;
  border-style: solid;
  border-color: transparent transparent transparent #e9f2fb;
  border-width: 20px 0 20px 10px;
}

.tks_box_02 .ribbon01 { background: #189ca7; }
.tks_box_02 .ribbon01:before{ border-color: transparent transparent transparent #189ca7; }
.tks_box_02 .ribbon01:after{ border-color: transparent transparent transparent #eaf5f1; }

.tks_box_03 .ribbon01 { background: #1ba1cd; }
.tks_box_03 .ribbon01:before{ border-color: transparent transparent transparent #1ba1cd; }
.tks_box_03 .ribbon01:after{ border-color: transparent transparent transparent #e3f2fa; }

@media all and (max-width: 480px) {
.tks_box_cm { padding: 12px 17px; border-bottom: 4px solid; }
.ribbon01{ width: 97%; }
}

.tks_box_gs {
margin-top: 24px;
padding: 32px;
background-image: url("../images/special/2019/02/bg_b.jpg");
background-position: center center; 
background-repeat: no-repeat;
background-size: cover;
position: relative; }
.tks_gs_person { position: absolute; bottom: 0; left: 3%; width: 36%; }
.tks_gs_person img { width: 100%; height: auto; }

.tks_gs_block { width: 43%; position: relative; padding-bottom: 50px; margin-bottom: 0; margin-top: 0; float: left; margin-right: 6%; }
@media all and (min-width: 769px) {
.tks_gs_block:nth-child(2),.tks_gs_block:nth-child(4){margin-top: 50px; margin-right: 0; }
.tks_gs_block:nth-child(3){margin-left: 8%;margin-top: -30px;}
.tks_gs_block:nth-child(5){margin-left: 48%;margin-top: 20px;}
}

.tks_gs_photo { width: 83%; height: auto; text-align: center; color: #fff; position: relative; }
.tks_gs_photo p { font-weight: 500; font-size: 90%; line-height: 1.3; }
.tks_gs_photo h3 { font-size: 180% !important; font-weight: 700 !important; background: none !important; margin: 6px auto 0 !important; }
.tks_gs_photo img {border-radius: 180px; }

.tks_gs_txt { background: #fff; color: #1ba1cd; font-weight: 500; padding: 14px 11px; border-radius: 30px; line-height: 1.0; display: inline-block; position: absolute;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode:vertical-rl; }

.tks_gs_txt1 { right: -0.5em; bottom: 10%; }
.tks_gs_txt2 { right: 2.3em; bottom: 3%; }
.tks_gs_txt3 { right: 5.1em; bottom: 14%; }
.tks_gs_txt4 { right: -0.5em; bottom: 15%; }
.tks_gs_txt5 { right: 2.3em; bottom: 0%; }
.tks_gs_txt6 { right: 5.1em; bottom: 34%; }
.tks_gs_txt7 { right: -0.5em; bottom: 50%; }
.tks_gs_txt8 { right: 2.3em; bottom: 20%; }
.tks_gs_txt9 { right: 5.1em; bottom: 3%; }
.tks_gs_txt10 { right: -0.5em; bottom: 3%; }
.tks_gs_txt11 { right: 2.3em; bottom: 34%; }
.tks_gs_txt12 { right: 5.1em; bottom: 27%; }
.tks_gs_txt13 { right: -0.5em; bottom: 8%; }
.tks_gs_txt14 { right: 2.3em; bottom: 20%; }
.tks_gs_txt15 { right: 5.1em; bottom: 0%; }
@media all and (max-width: 1199px) {
.tks_gs_txt {font-size: 85%; padding: 14px 9px; }
}
@media all and (max-width: 768px) {
.tks_gs_block { width: 100%; float: none; }
.tks_gs_person img { width: 100%; height: auto; }
.tks_box_gs { padding-bottom: 260px; }
}
@media all and (max-width: 672px) {
.tks_gs_block { padding-bottom: 60px; }
.tks_gs_txt {font-size: 2.8vw;}
.tks_gs_photo p { font-size: 3.2vw; text-align: left; }
.tks_gs_photo h3 { font-size: 4.9vw; text-align: left; }
.tks_gs_photo { width: 90%; }
.tks_box_gs {padding: 30px 18px 180px;}
.tks_gs_person img { max-width: 196px; width: 90% !important; }
.tks_gs_person { width: 70% !important; }
.tks_gs_txt { padding: 12px 9px; }
.tks_gs_txt1 { right: 1.5vw; bottom: auto; top: 0; }
.tks_gs_txt2 { right: 10.2vw; bottom: auto; top: 5em; }
.tks_gs_txt3 { right: 18.9vw; bottom: auto; top: 3em; }
.tks_gs_txt4 { right: 1.5vw; bottom: auto; top: 0; }
.tks_gs_txt5 { right: 10.2vw; bottom: auto; top: 5em; }
.tks_gs_txt6 { right: 18.9vw; bottom: auto; top: 3em; }
.tks_gs_txt7 { right: 1.5vw; bottom: auto; top: 0; }
.tks_gs_txt8 { right: 10.2vw; bottom: auto; top: 5em; }
.tks_gs_txt9 { right: 18.5vw; bottom: auto; top: 3em; }
.tks_gs_txt10 { right: 1.5vw; bottom: auto; top: 0; }
.tks_gs_txt11 { right: 10.2vw; bottom: auto; top: 5em; }
.tks_gs_txt12 { right: 18.9vw; bottom: auto; top: 3em; }
.tks_gs_txt13 { right: 1.5vw; bottom: auto; top: 0; }
.tks_gs_txt14 { right: 10.2vw; bottom: auto; top: 5em; }
.tks_gs_txt15 { right: 18.9vw; bottom: auto; top: 3em; }
}
@media all and (max-width: 480px) {.tks_gs_txt { padding: 12px 7px; }
.tks_gs_photo h3 { letter-spacing: 1px; }}

.tks_other {
    margin: 32px 0 0;
    text-align: center;
}
.tks_other img {
    max-width: 270px;
    width: 100%;
    height: auto;
}