@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    -webkit-text-size-adjust: none;
    line-height: 1;
}

* {
    box-sizing: border-box;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

a {
    color: #000;
}

a:hover {
    opacity: 0.8;
    transition: all .3s ease;
}

a[href^="tel:"] {
    cursor: default;
}

/*-----------------------------------
-------------   共通  --------------
------------------------------------*/

html {
    font-size: 62.5%;
}

body {
    width: 100%;
    min-width: 1200px;
    font-size: 1.6rem;
}

a,
a:hover {
    text-decoration: none;
    transition: all ease 0.3s;
}

.cf::after {
    content: "";
    display: block;
    clear: both;
}

.wrapper {
    width: 1200px;
    margin: 0 auto;
}

/*--- Covid-19---*/

h1-covid19 {
    font-size: 2rem;
    line-height: 2.5rem;
    text-align: center;
    font-weight: bold;
}

h1-covid19 span {
    font-size: 2.0rem;
}

h1-covid19 a {
    background-color: #D3DEF1;
    color: #17599C;
}

/*--- Covid-19---*/

h1 {
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: bold;
}

h1 span {
    font-size: 2.0rem;
}

h1 a {
    color: #17599C;
}

h2 {
    color: #fff;
    font-size: 3.2rem;
}

h3 {
    font-size: 28px;
    color: #17599C;
    text-align: center;
    position: relative;
    margin-bottom: 40px;
    font-weight: bold;
}

h3 span {
    display: block;
    font-size: 1.8rem;
    color: #63B57B;
}

h3::before,
h3::after {
    content: "";
    position: absolute;
    width: 35px;
    height: 3px;
    bottom: -15px;
}

h3::before {
    left: 50%;
    background-color: #63B57B;
}

h3::after {
    background-color: #0C2372;
    right: 50%;
}

h3 span::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 17px;
    bottom: -19px;
    left: 50%;
    background: #fff;
    z-index: 10;
    transform: rotate(40deg);
}

h4 {
    font-size: 2.6rem;
    color: #17599C;
    padding: 0px 0 0px 10px;
    border-left: 4px solid #0C2372;
    font-weight: bold;
}

h4 span {
    color: #63B57B;
    display: block;
    font-size: 1.6rem;
}

h5 {
    font-size: 1.4rem;
    font-weight: bold;
    padding: 3px 0 3px 5px;
    border-left: 2px solid #4679B2;
}

.t-mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.fl {
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;

}

.fl-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.fl-end {
    -webkit-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
}

.fl-bt {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fl-wr {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.arrow {
    position: relative;
}

.arrow-right::before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 0;
    right: 8px;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.arrow-up::before {
    content: "";
    position: absolute;
    top: 19px;
    bottom: 0;
    width: 18px;
    height: 18px;
    border-top: solid 4px #fff;
    border-right: solid 4px #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.pc-none {
    display: none;
}

.sp-none {
    display: block;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.t-b {
    font-weight: bold;
}

.t-red {
    color: #FF0000;
}

.t-blue {
    color: #0000FF;
}

.t-18bu {
    font-size: 1.8rem;
    color: #17599C;
    font-weight: bold;
}

.center {
    text-align: center;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb80 {
    margin-bottom: 80px;
}

.mltext {
    margin-left: 6em;
}

@media screen and (max-width: 768px) {
    body {
        font-size: 1.5rem;
        min-width: 340px;
    }

    .wrapper {
        width: 94%;
    }

    h1 {
        font-size: 2.0rem;
    }

    h1 span {
        font-size: 1.8rem;
    }

    h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    h4 {
        font-size: 1.8rem;
    }

    h4 span {
        font-size: 1.4rem;
    }

    .fl-md {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -webkit-flex;
    }

    .fl-st-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .fl-wr-md {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .fl-column-md {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fl-bt-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .pc-none {
        display: block;
    }

    .sp-none {
        display: none;
    }

    .t-18bu {
        font-size: 1.6rem;
        color: #17599C;
        font-weight: bold;
    }
}

@media screen and (max-width: 480px) {
    h1 {
        font-size: 1.4rem;
        line-height: 1.6;
    }

    h1 span {
        font-size: 1.2rem;
    }

    .fl-wr-sm {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .fl-column-sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}


/*----------------------------------
---------------- Top ---------------
------------------------------------*/

/* ------------ header --------------*/

header {
    position: fixed;
    z-index: 1000;
    width: 100%;
    min-width: 1200px;
    background-color: #fff;
}

.header-top {
    padding-bottom: 20px;
}

.header-top h1 {
    margin-top: 20px;
}

.header-logo {
    text-align: center;
    font-size: 1.0rem;
    color: #71C48A;
    margin-top: 20px;
}

.serch-box {
    width: 300px;
}

.contact-menu-box ul li {
    background-color: #0C2372;
    width: 33.33%;
    text-align: center;
    height: 36px;
    border-left: 1px solid #fff;
    font-weight: bold;
}

.contact-menu-box ul li a {
    color: #fff;
    padding-right: 5px;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 4.5rem;
    font-size: 1.2rem;
}

.contact-menu-box ul li a:hover {
    color: #fff;
    background-color: #1C78DF;
}

.header-menu {
    background-color: #0C2372;
}

.header-menu ul li {
    width: 16.66%;
    border-left: 1px solid #fff;
}

.header-menu ul li:last-child {
    border-right: 1px solid #fff;
}

.header-menu ul li a {
    color: #fff;
}

.nav ul li {
    position: relative;
}

.nav ul li:hover > a {
    opacity: 1;
    background-color: #1C78DF;
}

.nav ul li a {
    height: 80px;
    display: block;
    font-size: 1.5rem;
    color: #fff;
    transition: 0.3s;
    position: relative;
}

.nav ul li a:hover span::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
}

.nav ul li:hover .sub-menu {
    max-height: 500px;
    transition: max-height ease 0.6s 1ms;
}

.main-nav {
    position: relative;
    font-weight: bold;
}

.nav ul .sub-menu {
    position: absolute;
    top: 80px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 200px;
    background: #0C2372;
    z-index: 1000;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.nav ul .sub-menu li {
    margin: 0;
    width: 100%;
    border-left: none;
    text-align: center;
}

.nav ul .sub-menu li:last-child {
    border-right: none;
}

.nav ul .sub-menu li a {
    color: #fff;
    padding: 16px 0;
    width: 100%;
    display: block;
    font-size: 1.4rem;
    height: auto;
}

.nav ul .sub-menu li a:hover {
    color: #fff;
    background-color: #1C78DF;
}

.main-nav-item a {
    position: relative;
}

.main-nav-item a span {
    position: absolute;
    display: block;
    text-align: center;
    width: 100%;
    bottom: 10px;
}

.main-nav-item:nth-child(1) > a {
    background: url(img/menu-icon1.png) no-repeat center top 11px;
}

.main-nav-item:nth-child(2) > a {
    background: url(img/menu-icon2.png) no-repeat center top 11px;
}

.main-nav-item:nth-child(3) > a {
    background: url(img/menu-icon3.png) no-repeat center top 11px;
}

.main-nav-item:nth-child(4) > a {
    background: url(img/menu-icon4.png) no-repeat center top 11px;
}

.main-nav-item:nth-child(5) > a {
    background: url(img/menu-icon7.png) no-repeat center top 11px;
}

.main-nav-item:nth-child(6) > a {
    background: url(img/menu-icon5.png) no-repeat center top 11px;
}

.main-nav-item:nth-child(7) > a {
    background: url(img/menu-icon6.png) no-repeat center top 11px;
}


@media screen and (max-width: 786px) {
    header {
        min-width: 350px;
        box-shadow: 0px 4px 5px -5px #333333;
        -webkit-box-shadow: 0px 4px 5px -5px #333333;
        -moz-box-shadow: 0px 4px 5px -5px #333333;
    }

    .header-top {
        padding-bottom: 8px;

    }

    .header-top h1 {
        margin-top: 13px;
    }

    .header-top-right {
        display: none;
    }

    .header-logo p {
        display: none;
    }

    .header-logo img {
        width: 90px;
        margin-left: 20px;
    }

    .mean-nav .main-nav-item > a {
        background: none;
    }
}

@media screen and (max-width: 480px) {
    .header-logo img {
        display: none;
    }
}

/* ------------- main ------------- */

main {
    padding-top: 180px;
    line-height: 3.6rem;
    margin-top: -0.8rem;
    color: #000;
}

@media all and (-ms-high-contrast: none) {
    .main-visual {
        padding-top: 180px;
    }
}

.news-sec {
    margin-bottom: 100px;
}

.news-sec-con {
    margin-top: 100px;
}

.news-sec .col-2 {
    width: 47.5%;
}

.scroll-box {
    border: 1px solid #d3d3d3;
    margin-top: 20px;
    height: 680px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0 15px;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
}

.news-item {
    padding: 25px 0;
    line-height: 2.6rem;
    border-bottom: 1px solid #D4D4D4;
}

.news-item .date {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
    font-size: 14px;
}

.news-item .date::before {
    content: "";
    position: absolute;
    top: 46%;
    left: 10px;
    transform: translateX(-50%);
    display: inline-block;
    width: 15px;
    height: 3px;
    background: #000;
}

.news-item .title {
    font-weight: bold;
    margin-bottom: 15px;
}

.news-item .title a {
    color: #0C2372;
}

.news-item .t-red {
    font-size: 1.8rem;
}

.news-item a {
    text-decoration: underline;
    color: #000;
}

.news-item img {
    display: block;
    width: 30%;
    height: auto;
    margin-right: 5px;
    align-self: flex-start;
    float: left;
}

.news-item .text-box {
    width: 68%;
    float: right;
}

.news-item .text-box dt {
    width: 105px;
    white-space: nowrap;
}

.news-item .text-box dd {
    width: 250px;
}

.news-item p {
    color: #000;
}

.news-item p img{
    color: #000;
    float: none;
    width: auto;
}

.news-item p.p-circle {
    text-indent: -15px;
    margin-left: 15px;
    margin-bottom: 5px;
}

.news-item p.p-circle::before {
    content: "";
    display: inline-block;
    margin-right: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #474747;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.backnumbers-btn {
    text-align: right;
}

.backnumbers-btn a {
    text-decoration: underline;
    font-size: 13px;
}

.backnumbers-btn a::before {
    content: "▶";
}

.banner-sec {
    background-color: #F2F8FF;
    padding: 60px 0 40px;
}

.banner-box a {
    margin-left: 19px;
    margin-bottom: 5px;
}

.banner-box a:first-child,
.banner-box a:nth-child(7) {
    margin-left: 0;
}

.go-top {
    background: #0C2372;
    height: 50px;
    text-align: center;
}

.go-top a {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media all and (-ms-high-contrast: none) {
    .go-top a {
        display: inline-block;
    }
}


footer {
    background-color: #FBFBFB;
}

.footer-top {
    padding: 40px 0;
    line-height: 2.6rem;
    font-size: 1.4rem;
    border-bottom: 1px solid #DCDBDB;
}

.footer-top .address,
.footer-top .tel-info {
    margin-left: 30px;
    line-height: 1.8;
}

.footer-menu {
    padding: 40px 0;
    border-bottom: 1px solid #DCDBDB;
}

.footer-menu-item {
    margin-right: 80px;
}

.footer-menu-item ul li {
    position: relative;
    margin: 15px 0;
    font-size: 1.2rem;
    padding-left: 15px;
}

.footer-menu-item ul li::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 6px;
    height: 6px;
    border-top: solid 1px #4679B2;
    border-right: solid 1px #4679B2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.copy-right {
    text-align: center;
    font-size: 1.2rem;
    padding: 24px 0 24px;
}

@media screen and (max-width: 786px) {
    main {
        padding-top: 80px;
    }

    main {
        line-height: 2.6rem;
    }

    .main-visual {
        margin-bottom: 30px;
    }

    .main-visual img {
        width: 100%;
        height: auto;
    }

    .news-sec-con {
        margin-top: 0;
    }

    .news-sec {
        margin-bottom: 0;
    }


    .news-item .t-red {
        font-size: 1.5rem;
    }

    .news-sec .col-2 {
        width: 90%;
        margin: 20px auto 60px;
    }

    .banner-box a {
        margin: 0 5px 10px;
    }

    .footer-menu {
        display: none;
    }

    .footer-top .f-logo-box {
        width: 100%;
    }

    .footer-top img {
        width: 108px;
    }

    .footer-top div {
        margin: 0 0 5px 0;
        font-size: 1.2rem;
        width: 50%;
    }
}

@media screen and (max-width: 600px) {
    .banner-box {
        max-width: 400px;
        margin: 0 auto;
    }

    .banner-box a {
        margin: 0 0 10px;
        width: 47%;
    }

    .banner-box a img {
        width: 100%;
    }

    .footer-top .f-logo-box,
    .footer-top div {
        width: 300px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 480px) {
    .news-item img {
        margin: 0 auto 20px;
    }

    main {
        padding-top: 65px;
    }
}



/*----------------------------------
---------------- sub ---------------
------------------------------------*/

/* ------------ サブページ共通 --------------*/

.bread-crumb {
    padding: 4px 0;
    background-color: #F1F8FF;
}

.bread-crumb li {
    padding-right: 6px;
    font-size: 12px;
}

.bread-crumb li a {
    padding: 0 6px;
}

.sub-header {
    height: 200px;
    background: url(img/sub-header.png) no-repeat center center / cover;
}

.sub-header h2 {
    text-align: center;
    padding-top: 80px;
    font-weight: bold;
    font-size: 32px;
    line-height: 36px;
}

.sub-header h2 span {
    display: block;
    font-size: 18px;
    margin-top: 5px;
}

.page {
    padding-bottom: 60px;
}

@media all and (-ms-high-contrast: none) {
    .page {
        padding-top: 180px;
    }
}

.page h4 {
    display: block;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding: 17px 0 17px 10px;
    background-color: #0C2372;
    line-height: 28px;
    margin-bottom: 30px;
}

.page h5 {
    font-size: 20px;
    color: #000;
    font-weight: normal;
    display: block;
    padding: 10px;
    margin: 0;
    border-left: 5px solid #63B57B;
    position: relative;
    margin-bottom: 30px;
}

.page h5:after {
    content: "";
    padding-bottom: 10px;
    border-bottom: solid 1px #cccccc;
    position: absolute;
    top: 10px;
    left: -5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}

.sec-item {
    margin-top: 100px;
}

.sec-item a {
    text-decoration: underline;
}

.document li {
    color: #666666;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 35px;
    padding-left: 1.98em;
    background-image: url(img/triangle_icon.png);
    background-position: left top 6px;
    background-repeat: no-repeat;
    text-align: justify;
    text-justify: inter-ideograph;
}

.document li a {
    font-weight: bold;
    color: #666666;
    text-decoration: underline;
}

.document2 li {
    width: 23%;
    text-align: center;
}

.document2 li a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10% 2% 10% 2%;
}

.document2 .b01 a {
    background: #0068B7;
}

.document2 .b02 a {
    background: #339966;
}

.document2 .b03 a {
    background: #910000;
}

.document2 .b04 a {
    background: #F39800;
}

@media screen and (max-width: 786px) {
    .sec-item {
        margin-top: 3em;
    }

    .bread-crumb {
        padding: 3px 0;
    }

    .sub-header {
        height: auto;
        padding-bottom: 30px;
    }

    .sub-header h2 {
        padding-top: 40px;
        font-size: 22px;
        line-height: 26px;
    }

    .sub-header h2 span {
        font-size: 14px;
    }

    .page h4 {
        font-size: 16px;
        padding: 8px 0 8px 2px;
        margin-bottom: 20px;
        line-height: 1.6;
    }

    .page h5 {
        font-size: 16px;
        margin-bottom: 20px
    }

    .document2 li {
        width: 100%;
    }
}

/* ------------ テーブル01 --------------*/

.box01 table {
    width: 100%;
    border-top: 1px solid #cccccc;
    margin-top: 1em;
}

.box01 th {
    width: 20%;
    background-color: #F9F9F9;
    padding: 25px;
    text-align: left;
    font-weight: bold;
}

.box01 td {
    padding: 25px;
}

.box01 tr {
    border-bottom: 1px solid #cccccc;
}

@media screen and (max-width: 786px) {
    .box01 th {
        padding: 15px;
    }

    .box01 td {
        padding: 15px;
    }
}

/* ------------ テーブル02 --------------*/

.box02 table {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-bottom: 4em;
    border-left: 1px solid #ddd;
}

.box02 .top th th {
    width: 20%;
    background-color: #ddd;
    padding: 25px;
    text-align: left;
    font-weight: bold;
}

.box02 th {
    background-color: none;
    padding: 15px;
    text-align: center;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-weight: bold;
    white-space: nowrap;
}

.box02 span {
    white-space: nowrap;
}

.box02 td {
    padding: 15px;
    border-right: 1px solid #ddd;
}

.box02 tr {
    border-bottom: 1px solid #ddd;
}

.box02 tr:nth-child(odd) {
    border-bottom: 1px solid #ddd;
    background-color: #f4f4f4;
}

.box02 .wh {
    width: 35%;
}

.box02 .wh02 {
    width: 40%;
}

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

    .box02 .topth th {
        display: none;
    }

    .box02 th {
        display: none;
    }

    .box02 td:first-child {
        font-weight: bold;
        background-color: #ccc;
    }

    .box02 td:last-child {
        padding-bottom: 1em;
    }

    .box02 tr:nth-child(even) {
        background: #F2F2F2;
    }

    .box02 td {
        display: block;
        width: 100%;
        padding: 5px 3% 5px 3%;
        display: list-item;
    }

    .box02 tr:nth-child(odd) {
        border-bottom: 1px solid #ddd;
        background-color: #fff;
    }
}


/* ------------ テーブル03 --------------*/

.box03 {
    width: 100%;
}

.box03 table {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-bottom: 4em;
    border-left: 1px solid #ddd;
}

.box03 table a {
    text-decoration: underline;
}

.box03 tr th {
    background-color: #2a417b;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

.box03 th {
    background-color: none;
    padding: 10px;
    text-align: left;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-weight: bold;
    text-align: center;
}

.box03 td {
    padding: 10px;
    border-right: 1px solid #ddd;
    line-height: 25px;
    vertical-align: middle;
}



.box03 tr {
    border-bottom: 1px solid #ddd;
}




.box03_t {
    width: 100%;
}

.box03_t table {
    width: 100%;
    border-top: 1px solid #ddd;
    margin-bottom: 4em;
    border-left: 1px solid #ddd;
}

.box03_t table a {
    text-decoration: underline;
}

.box03_t tr th {
    background-color: #ffd700;
    text-align: center;
    font-weight: bold;
}

.box03_t th {
    background-color: none;
    padding: 10px;
    text-align: left;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    font-weight: bold;
    text-align: center;
}

.box03_t td {
    padding: 10px;
    border-right: 1px solid #ddd;
    line-height: 25px;
    vertical-align: middle;
}



.box03_t tr {
    border-bottom: 1px solid #ddd;
}



/*.box03 tr:nth-child(odd) {
  border-bottom: 1px solid #ddd;
  background-color: #f4f4f4;
}*/

@media screen and (max-width: 560px) {
    .box03 th {
        background-color: none;
        padding: 2px;
        text-align: left;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        font-weight: bold;
        text-align: center;
        font-size: 16px;
    }

    .box03 td {
        padding: 2px;
        border-right: 1px solid #ddd;
    }

    .box03_t th {
        background-color: none;
        padding: 2px;
        text-align: left;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        font-weight: bold;
        text-align: center;
        font-size: 16px;
    }

    .box03_t td {
        padding: 2px;
        border-right: 1px solid #ddd;
    }



}


/* ------------ アクセス --------------*/

.access li {
    width: 50%;
    float: left;
    margin-bottom: 40px;
}

.access-box {
    margin-top: 40px;
    width: 100%;
    border: 1px solid #cccccc;
}

.access-box img {
    margin: 13px;
}

@media screen and (max-width: 786px) {
    .access li {
        width: 100%;
        float: none;
    }

    .access-box {
        width: 96%;
        padding: 2%
    }

    .access-box img {
        width: 100%;
        height: auto;
        margin: 0px;
        margin-top: 1em;
    }
}


/* ------------ 概要 --------------*/

.greeting-sec .img-right {
    margin-left: 33px;
    text-align: center;
}

.greeting-sec .text-box .img-detail {
    margin-top: 14px;
    line-height: 2.0rem;
    font-weight: bold;
}

.greeting-sec .text-box .name {
    font-size: 2.2rem;
    margin-top: 14px;
    font-weight: bold;
    margin-bottom: 15px;
}

.activity-box {
    background-color: #F1F8FF;
    padding: 40px;
    margin-top: 40px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.activity-box ul li {
    width: 50%;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-top: 2px;
    background: url(img/check-icon.png) no-repeat left 10px / 17px 17px;
}

.activity-box.bloom ul li {
    width: 100%;
}

.activity-box.bloom h3 {
    font-size: 2.4rem;
    text-align: left;
}

.activity-box.bloom h3::before {
    display: none;
}

.activity-box.bloom h3::after {
    display: none;
}

.activity-sec h4 {
    margin-bottom: 30px;
    color: #000;
    font-size: 2.4rem;
    text-align: center;
    border: none;
}

.content-block {
    padding-top: 40px;
    padding-bottom: 40px;
    word-break: break-word;
}

.organization-sec img {
    margin-top: 40px;
}

.menber-sec {
    margin-bottom: 100px;
}

.menber-sec dl dt {
    border-bottom: 1px solid #17599C;
    width: 30%;
    padding: 30px 0;
    font-weight: bold;
}

.menber-sec dl dt span {
    width: 60%;
    display: inline-block;
}

.menber-sec dl dd {
    border-bottom: 1px solid #C1C1C1;
    width: 70%;
    padding: 30px 0 30px 100px;
}

.content-block ul {
    list-style: none;
}

.content-block a {
    text-decoration: underline;
}

@media screen and (max-width: 1024px) {
    .menber-sec dl dt {
        border-bottom: 1px solid #17599C;
        width: 40%;
        padding: 30px 0;
        font-weight: bold;
    }

    .menber-sec dl dd {
        border-bottom: 1px solid #C1C1C1;
        width: 60%;
        padding: 30px 0 30px 50px;
    }
}

@media screen and (max-width: 786px) {
    .activity-sec h4 {
        padding: 5px;
        font-size: 2.2rem;
    }

    .activity-box {
        padding: 40px 20px;
    }

    .content-block .activity-box ul {
        list-style: none;
    }

    .activity-box ul li {
        width: 100%;
        padding: 5px 10px 5px 25px;
    }

    .content-block p {
        padding: 0 5px;
    }

    .content-block ul {
        display: block;
        width: 100%;
        padding: 15px 2px 15px 2px;
        margin-left: 0%;
        list-style: none;
    }

    .content-block img {
        width: 100%;
    }

    .content-block .pagebox img {
        width: auto;
    }

    .organization-sec img {
        width: 100%;
    }

    .menber-sec dl dt {
        width: 59%;
        padding-left: 10px;
    }

    .menber-sec dl dt span {
        width: 190px;
    }

    .menber-sec dl dd {
        width: 36%;
        padding-left: 60px;
    }

    .activity-box ul li {
        background: url(img/check-icon.png) no-repeat left 4px / 17px 17px;
    }

    .content-block .document2 ul {
        list-style: none;
        margin-left: 0%;
        width: 100%;
    }

    .content-block .document2 li {
        width: 50%;
        float: left;
    }
}

@media screen and (max-width: 480px) {
    .content-block .document2 li {
        width: 100%;
        float: none;
    }

    .menber-sec dl dd {
        width: 36%;
        padding-left: 30px;
    }
}

/* ------------ 実施中のプロジェクト一覧 --------------*/

.list_box li {
    color: #666666;
    margin-bottom: 10px;
    margin-top: 10px;
    line-height: 35px;
    padding-left: 1.98em;
    background-image: url(img/rectangle.png);
    background-position: left top 14px;
    background-repeat: no-repeat;
    text-align: justify;
    text-justify: inter-ideograph;
}

.list_box li span a {
    font-weight: bold;
    color: #0C2372;
    text-decoration: underline;
}

.list_box li span {
    margin: 0;
}

.list_box li span a {
    font-weight: bold;
    color: #0C2372;
    text-decoration: underline;
}

/* ------------ ベンチャー支援 --------------*/

.newbusiness .btn a {
    display: block;
    background: #B20000;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    width: 30%;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}



.top-banner {
    text-align: center;
    margin-top: 60px;
    margin-bottom: 4em;
}

@media screen and (max-width: 786px) {
    .top-banner a {
        margin: 0 5px 10px;
    }

    .top-banner {
        margin-top: 30px;
        margin-bottom: 4em;
    }

    .top-banner a img {
        width: 20%;
    }
}

@media screen and (max-width: 600px) {
    .top-banner {
        max-width: 400px;
        margin: 3em auto;
    }

    .top-banner a {
        margin: 0 0 10px;
        width: 47%;
    }

    .top-banner a img {
        width: 48%;
    }
}


.regenerative h4 {
    background-color: #8D1D21;
    border-left: 4px solid #8D1D21;
}

.cellbank h4 {
    background-color: #FF8000;
    border-left: 4px solid #FF8000;
}

.cpc h4 {
    background-color: #0068B7;
    border-left: 4px solid #0068B7;
}

.blue_box {
    background-color: #cddef5;
    padding: 10px;
}


@media screen and (max-width: 1024px) {
    body {
        min-width: 100%;
    }

    .wrapper {
        width: 96%;
    }

    .img_center img {
        width: 100%;
    }

    .access-box {
        width: 100%;
    }

    .access-box img {
        width: 46%;
    }

    header {
        min-width: 100%;
    }

    .news-sec {
        width: 100%;
    }

    .news-title {
        min-width: 280px;
    }

    .news-content-box {
        flex-basis: 730px;
        margin-right: 14px;
    }
}

@media screen and (max-width: 768px) {
    .access-box img {
        width: 100%;
    }
}


#js-wrapper {
    position: fixed;
    width: 100%;
    z-index: 10000;
}

.header {
    width: 100%;
    height: 196px;
}

.header {
    min-width: 1000px;
    transition: top 0.8s;
}

.header .inner {
    width: 1000px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 90px;
}

.header.fixnone {
    top: -44px;
    transition: top 0.8s;
}

.header h1 {
    font-size: 10px;
    font-weight: normal;
    color: #666666;
    text-align: left;
    float: left;
    line-height: 100%;
    margin-top: 38px;
    padding-left: 15px;
}

.logo {
    float: left;
    margin-right: 50px;
    margin-top: 23px;
    width: 192px;
}

.header_r {
    margin-top: 40px;
    float: right;
}

.header_r a {
    color: #f18e1e;
}

.header_r li {
    float: left;
    list-style-image: url(img/list.png);
    margin-left: 2em;
}

/* #header-logo
================================================ */

#header-logo {
    width: 100%;
    background: #fff;
    position: relative;
    border-bottom: 2px solid #487dbe;
}

#header-logo-in {
    width: 1000px;
    margin: 0 auto 10px;
}

#header-logo-in #logo01 {
    float: left;
    padding-top: 15px;
    padding-right: 0px;
    padding-left: 0;
    padding-bottom: 0;
}

#header-logo-in .top-logo-text {
    padding: 15px 0 0 12px;
    float: left;
}

#header-logo-in .top-logo-text img {
    display: block;
    padding-bottom: 10px
}

#header-logo-in .top-logo-text h1 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    font-family: '小塚ゴシック Pro', 'Kozuka Gothic Pro Light', sans-serif;
}

#header-logo-in h1 .top-logo-text1 {
    font-size: 19px;
    display: block;
    font-weight: 500;
}

#header-logo-in a {
    text-decoration: none;
}

#header-logo-in #text01 span {
    display: block;
    font-size: 117%;
}

/* #nav
================================================ */

.l-header {
    width: 100%;
    position: absolute;
    background-color: #fff;
    top: 0px;
    margin-top: 116px;
}

.l-header.l-header-fixed {
    position: fixed;
    top: 0;
}

header .header-inner {
    margin: 0 auto;
    position: relative;
}

header .header-inner .header-nav {
    display: block;
    text-align: center;
}

header .header-inner .header-nav > li {
    display: inline-block;
    font-size: 15px;
    position: relative;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #FF3437;
}

header .header-inner .header-nav > li:hover {
    background-color: #252772;
    z-index: 10;
}

header .header-dropdown {
    background-color: #252772;
}

header .header-dropdown .header-dropdown-inner {
    height: 0;
    margin: 0 auto;
    overflow: hidden;
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-top: 1px solid #FFFFFF;
}

header .header-dropdown .header-dropdown-inner.is-open {
    height: auto;
}

header .header-dropdown .header-dropdown-inner.is-open.is-min {
    height: 75px;
}

header .header-dropdown .header-dropdown-inner .header-dropdown-list {
    display: block;
    display: none;
}

header .header-dropdown .header-dropdown-inner .header-dropdown-list.is-active {
    display: block;
}

header .header-dropdown .header-dropdown-inner .header-dropdown-list .header-dropdown-menu-list {
    text-align: center;
}

header.is-fixed {
    height: 73px;
    top: 0;
    margin-top: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

header.is-fixed .header-inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/* ------------成果 --------------*/

.src_imgbox {
    max-width: 1200px;
    margin: 0 auto;
}

.src_imgbox img {
    width: 100%;
}

/* ------------求人 --------------*/

.img_left {
    float: left;
    margin-right: 2em;
}

.right_text {
    float: right;
}

.recruit_top h4 {
    max-width: 663px;
    width: 100%;
    height: 100px;
    margin: 50px auto;
    background-color: #000099;
    color: #fff;
    font-size: 42px;
    text-align: center;
    padding: 35px;
    border-radius: 25px / 25px;
}

.recruit_box p {
    font-size: 2rem;
}

.new {
    background-color: #ff8a00;
    padding: 3px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

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

    .img_left {
        width: 40%;
    }

    .recruit_top h4 {
        max-width: 663px;
        width: 100%;
        height: 100px;
        margin: 50px auto;
        background-color: #000099;
        color: #fff;
        font-size: 30px;
        text-align: center;
        padding: 30px;
        line-height: 40px;
    }

    .recruit_box p {
        margin-bottom: 30px;
        font-size: 14px;
    }

}

@media screen and (max-width: 480px) {
    .recruit_top h4 {
        max-width: 663px;
        width: 100%;
        height: 100px;
        margin: 20px auto;
        background-color: #000099;
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 30px;
        line-height: 40px;
    }
}

@media screen and (max-width: 1024px) {
    .table-con {
        width: 100%;
        overflow: hidden;
    }

    .con-img-center img {
        width: 100%;
    }
}

/* ------------支援業務 --------------*/

h6 {
    display: block;
    width: 270px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
    padding: 10px 10px 10px 10px;
    background-color: #0068B7;
    line-height: 28px;
    margin-bottom: 20px;
    /*margin-top: 20px;*/
    text-align: center;
}

/*.list_box02 li {
  color: #666666;
  margin-bottom: 15px;
  margin-top: 15px;
  line-height: 30px;
  padding-left: 0.2em;
  font-size: 26px;
}

.list_box02 li a {
  color: #76acf5;
  font-size: 20px;
  cursor: pointer;
}

.list_box02 li span {
  font-weight: bold;
  color: #c60c0c;
  font-size: 26px;
}

.list_box02 li span a {
  font-weight: bold;
  color: #0C2372;
  text-decoration: underline;
}*/

.content-block .b01 {
    background-color: #0068B7;
}

.content-block .b02 {
    background-color: #339966;
}

.content-block .b03 {
    background-color: #910000;
}

.content-block .b04 {
    background-color: #F39800;
}

.content-block .b05 {
    background-color: #0C2372;
}


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

    /*  .content-block .list_box02 {
    display: block;
    width: 100%;
    padding: 15px 0px 15px 0px;
    margin-left: 0%;
    list-style: none;
  }

  .list_box02 li {
    font-size: 18px;
  }

  .list_box02 li span {
    color: #c60c0c;
    font-size: 20px;
  }*/
    h6 {
        font-size: 16px;
        padding: 8px 0 8px 2px;
        margin-bottom: 10px;
        line-height: 1.6;
    }

    /*  .list_box02 li a {
    font-weight: bold;
    color: #76acf5;
    font-size: 18px;
    cursor: pointer;
  }*/
    .content-block {
        padding-top: 20px;
        padding-bottom: 20px;
        word-break: break-all;
    }
}

/* ------------特定臨床研究の成果 --------------*/

.img_box {
    display: table;
    border: 5px solid #0C2372;
    padding: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2em;
    width: 100%;
}

.img_box a {
    color: #fff;
    display: block;
    background-color: #0C2372;
    font-weight: bold;
    line-height: 1.2;
    font-size: 1.8rem;
    padding: 10px;
    width: 70%;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    background-image: url(img/btn-bg.png);
    background-repeat: no-repeat;
    background-position: 98% center;
}

@media screen and (max-width: 1000px) {
    .img_box {
        width: 100%
    }

    .img_box img {
        width: 100%
    }

    .img_box a {
        font-size: 1.2rem;
        padding: 5px;
        width: 100%;
        line-height: 1.5em;
    }
}


/* ------------　患者さん・一般の方へ --------------*/

.p-info_box {
    color: #fff;
    background-image: url(img/p-info01.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    height: 739px;
}

.p-info_text {
    width: 400px;
    float: right;
    margin-top: 150px;
    margin-right: 30px;
    text-align: center;
}

.p-info_text p {
    line-height: 1.8;
    margin-bottom: 1em;
    text-align: left;
}

.p-info_text h3 {
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 20px;
    font-size: 34px;
}

.p-info_text p {
    font-size: 17px;
}

.p-info_text h3::before {
    display: none;
}

.p-info_text h3::after {
    display: none;
}

.p-info_text ul {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    margin-left: 100px;
}

.p-info_text li {
    background-image: url(img/p-info02.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 14px;
}

.p-info_text a {
    color: #fff;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .p-info_box {
        color: #000;
        background-image: url(img/p-info03.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 30%;
        height: auto;
        width: 100%;
    }

    .p-info_text h3 {
        color: #000;
        font-size: 18px;
    }

    .p-info_text {
        width: 60%;
        margin-top: 0px;
        margin-right: 0px;
        text-align: center;
    }

    .p-info_text p {
        font-size: 14px;
    }

    .p-info_text li {
        background-image: url(img/triangle_icon.png);
        padding-left: 28px;
        margin-top: 0.5em;
    }

    .p-info_text ul {
        font-size: 14px;
        margin-left: 0px;
    }

    .p-info_text a {
        color: #000;
    }
}

/* ------------　橋渡し事業 --------------*/

.src {
    text-align: right;
    width: 50%;
    margin-left: 40%;
    font-size: 11.5px;
    line-height: 17px;
}

.sub-table {
    width: 100%;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 30px;
}

.sub-table table {
    width: 100%;
}

.sub-table th {
    background-color: #2a417b;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: auto;
    padding: 12px 0;
}

.sub-table .top-border {
    background: #14285d;
    border-top: 1px solid #fff;
    /*display: inline-block;*/
}


/*
.sub-table .top-border {
    border-top: 1px solid #ccc !important;
    border-right: 1px solid #ccc;
    background: #526db1;
}
*/

.sub-table tr {
    border: 1px solid #ccc;
}

.sub-table td {
    border: 1px solid #ccc;
    width: auto;
    vertical-align: middle;
    padding: 10px 0;
}

.bg-blue {
    background-color: #e8edf7;
}

.font-bold {
    font-weight: bold;
}

span.color {
    background: linear-gradient(transparent 60%, #ffba69 0%);
}

span.small {
    font-size: 12px;
}

#seeds-a td a {
    text-decoration: underline;
}

.t-2 {
    border: 1px solid #ccc;
    line-height: 30px;
    width: 100%;
}

.t-2 th {
    background-color: #e8edf7;
    text-align: center;
    font-weight: bold;
}

.t-2 td,
th {
    border: 1px solid #ccc;
    padding: 25px;
}

.t-2 li {
    text-indent: 1em;
}

.t-3 {
    line-height: 30px;
    width: 100%;
}


.sub-table th {
    border: none;
    border-right: 1px solid #fff;
}

.sub-table tr {
    border: none;
}

.flow h5 {
    font-size: 19px;
    color: #000;
    font-weight: bold;
    display: block;
    padding: 2px;
    margin: 0;
    border-left: 5px solid #17599C;
    position: relative;
    margin-bottom: 30px;
}

.flow li {
    width: 50%;
    float: left;
    margin-bottom: 40px;
    text-align: center;
}

.flow li:nth-child(2) {
    width: 50%;
    float: left;
    text-align: left;
    padding-left: 2em;
}

.flow ul {
    background-image: url("img/yazirushi01.png");
    background-repeat: no-repeat;
    background-position: 24% 6em;
    background-size: 5%;
    padding-bottom: 5em;
}

.flow ul.noimg {
    background-image: none;
    padding-bottom: 5em;
}


.flow ul:nth-child(7),
.flow ul:nth-child(14),
.flow ul:nth-child(24),
.flow ul:nth-child(30) {
    background-image: url("none");
}

.flow-title {
    font-size: 1.8rem;
    background-color: #99ccff;
    color: #000;
    font-weight: bold;
    display: block;
}

.flow-right {
    width: 100%;
    /*  background-color: #ccc;*/
}

img.yazirushi {
    width: 60px;
    margin: 30px 0 10px;
}



@media screen and (max-width: 768px) {
    .src {
        text-align: right;
        width: 100%;
        margin: 0 auto;
        font-size: 12px;
        line-height: 18px;
    }

    .sub-table {
        border: 1px solid #ccc;
        text-align: center;
        line-height: 22px;
        overflow-x: auto;
        margin-bottom: 12em;
    }

    .sub-table table {
        width: 1500px;
    }

    .sub-table th {
        font-size: 16px;
        width: 20%;
        padding: 12px 0;
    }

    .sub-table tr,
    .sub-table td {
        font-size: 13px;
        padding: 10px 0;
    }

    .t-2 {
        font-size: 13px;
        line-height: 22px;
    }

    .t-2 td,
    th {
        padding: 18px;
    }

    .flow li {
        width: 100%;
        float: left;
        text-align: left;
    }

    .flow li:nth-child(2) {
        width: 100%;
    }

    .flow ul {
        background-position: 50% 90%;
        background-size: 5%;
        padding-bottom: 2.5em;
    }

    .flow-title {
        font-size: 1.5rem;
        background-color: #99ccff;
        color: #000;
        font-weight: bold;
        display: block;
    }

    .flow-right {
        width: 100%;
    }

    .flow p {
        font-size: 1.5rem;
    }
}

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

    .sub-table {
        border: 1px solid #ccc;
        text-align: center;
        line-height: 20px;
    }

    .sub-table th {
        font-size: 12px;
        width: 20%;
        padding: 15px 0;

    }

    .sub-table tr,
    .sub-table td {
        font-size: 11px;
        padding: 10px 0;
    }

    .t-2 {
        font-size: 11px;
        line-height: 18px;
    }

    .t-2 td,
    th {
        padding: 15px;
    }

    .flow li {
        width: 100%;
        float: left;
        text-align: left;
        font-size: 11px;
        line-height: 22px;
    }

    .flow li:nth-child(2) {
        width: 100%;
    }

    .flow ul {
        background-image: url("img/yazirushi01.png");
        background-repeat: no-repeat;
        background-position: 50% 95%;
        background-size: 10%;
        padding-bottom: 3em;
    }

    .flow ul:last-child {
        background-image: url("none");
    }

    .flow-title {
        font-size: 1.2rem;
        background-color: #99ccff;
        color: #000;
        font-weight: bold;
        display: block;
    }

    .flow p {
        font-size: 1.1rem;
    }
}


/* ------------20190717追加 --------------*/

#a01,
#a02,
#a03,
#a04,
#a05,
#a06,
#a07,
#a08,
#a09,
#a10,
#seeds-a,
#seeds-b,
#seeds-c,
#b-01,
#b-02,
#b-03,
#b-04,
#b-05,
#b-06,
#top {
    padding-top: 200px;
    margin-top: -200px;
}

/* ------------20190730asai追加 --------------*/

.text_line {
    text-decoration: line-through;
}

.text_b {
    color: #0059FF;
}

.text_bold_red {
    color: #FF0004;
    font-weight: bold;
}

/* ------------20190913hoshina追加 --------------*/

.backnumber {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    /*  justify-content: center;*/
}

.backnumber li {
    width: 16.5%;
    text-align: center;
    /*  margin: 5px;*/
    border: 1px solid #fff;
    line-height: 15px;
}

.backnumber li a {
    font-weight: bold;
    color: #333;
    text-decoration: none;
    display: block;
    padding: 8% 5%;
    font-size: 1.3rem;
}

.backnumber .b05 a {
    background: #ccc;
}

.back {
    width: 100%;
    text-align: right;
}

.back a {
    font-size: 14px;
    color: #333;
    text-decoration: none;
}

.back a:hover {
    color: #99ccff;
}

@media screen and (max-width: 1024px) {
    .backnumber ul {
        vertical-align: center;
    }

    .backnumber li a {
        padding: 15px 5px 0px;
        font-size: 1rem;
        height: 50px;
    }
}


@media screen and (max-width: 768px) {
    .backnumber ul {
        list-style: none;
        margin-left: 0%;
        width: 100%;
        height: auto;
        vertical-align: baseline;
    }

    .backnumber li {
        width: 50%;
        float: left;
    }

    .backnumber li a {
        padding: 5%;
        height: auto;
    }
}

@media screen and (max-width: 480px) {
    .backnumber li {
        width: 100%;
        float: none;
    }
}


.pdf_link {
    width: 100%;
    margin: 10px auto 0;
    overflow: hidden;
}

.pdf_link a {
    width: 30%;
    height: 100%;
    display: block;
    font-weight: bold;
    background-color: #17599C;
    color: #fff;
    text-align: center;
    float: right;
    padding: 5px;
}

@media screen and (max-width: 600px) {
    .pdf_link a {
        width: 60%;

    }
}

p.w50 {
    width: 50%;
}

.cpc_img {
    width: 48%;
}

.cpc_img img {
    width: auto;
    max-width: 100%;
}


@media screen and (max-width: 600px) {
    p.w50 {
        width: 100%;
    }

    .cpc_img {
        width: 100%;
    }
}


.img_center {
    text-align: center;
}

.img_center img {
    width: auto;
    max-width: 100%;
}

.bloom-journe h3 {
    font-size: 4rem;
    line-height: 140%;
    color: #000;
}

.bloom-journe h3::before {
    display: none;
}

.bloom-journe h3::after {
    display: none;
}

.bloom-journe h5 {
    font-size: 3.4rem;
    line-height: 140%;
    color: #000;
    border-left: none;
    text-align: center;
}

.bloom-journe h5 span {
    font-size: 4rem;
    line-height: 140%;
    color: #000;
    border-left: none;
    text-align: center;
}

.bloom-journe-box {
    background-color: #4d7d99;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 3em;
}

.bloom-journe-box h4 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 4.2rem;
    line-height: 140%;
    padding: 0;
    border-left: none;
}

.bloom-journe-box span {
    font-size: 6.2rem;
    margin-top: 0.5em;
    display: block;
    color: #fff
}


.bloom-tracs-box {
    background-color: #ffa500;
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 3em;
}

.bloom-tracs-box h4 {
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 4.2rem;
    line-height: 140%;
    padding: 0;
    border-left: none;
}

.bloom-tracs-box span {
    font-size: 6.2rem;
    margin-top: 0.5em;
    display: block;
    color: #fff
}


.p_contact{
font-size: 1.5rem;
margin-top: 0.5em;
display: block;
}

.dan1{
    display: flex;
}
.dan1 div{
    box-sizing: border-box;
    padding: 30px 15px;
}
.right{
    width: 29%;
    background: #ffd700;
}

.mid{
    width: 14%;
    background: #ffffff;
}

.left{
    width: 29%;
    background: #ffa500;
}


@media screen and (max-width: 768px) {
    .bloom-journe h3 {
        font-size: 2.6rem;
    }

    .bloom-journe h5 {
        font-size: 2.4rem;
    }

    .bloom-journe h5 span {
        font-size: 2.6rem;
    }

    .bloom-journe-box h4 {
        font-size: 3.2rem;
    }

    .bloom-journe-box span {
        font-size: 4.2rem;
    }

    .bloom-tracs-box h4 {
        font-size: 3.2rem;
    }

    .bloom-tracs-box span {
        font-size: 4.2rem;
    }

}

@media screen and (max-width: 600px) {
    .bloom-journe h3 {
        font-size: 2rem;
    }

    .bloom-journe h5 {
        font-size: 1.8rem;
    }

    .bloom-journe h5 span {
        font-size: 1.6rem;
    }

    .bloom-journe-box h4 {
        font-size: 2.4rem;
    }

    .bloom-journe-box span {
        font-size: 2.8rem;
    }

    .bloom-tracs-box h4 {
        font-size: 2.4rem;
    }

    .bloom-tracs-box span {
        font-size: 2.8rem;
    }

    .activity-box.bloom h3 {
        font-size: 2rem;
    }


}