@charset "utf-8";
/* CSS Document */

/*thumbnail*/


#contact_banner {background: url("img/contactbnr/bg.jpg")top center no-repeat;}
#contact_banner h2 {font-size: 20px;}
#contact_banner .txt {font-size: 70px; line-height: 1; margin: 40px auto 70px;}
#contact_banner .btn01 {width: 300px; color: #fff;}
#contact_banner .btn01:before,
#contact_banner .btn01:after,
#contact_banner .btn01 .btn_inner:before,
#contact_banner .btn01 .btn_inner:after {
    content: '';
    position: absolute;
    background: #fff; /*線の色*/
	transition-duration: .3s;
	transition-timing-function: ease-in-out;
}
#contact_banner .btn01 .btn_item01, #contact_banner .btn01 .btn_item02 {border: 1px solid #fff;}
#contact_banner .btn01:hover,#contact_banner:hover .btn01 {background: #fff!important; color: #000!important;}
#contact_banner .btn01 .arrow::before,#contact_banner .btn01 .arrow::after {background-color: #000;}

/*contact*/
#contact .main {box-sizing: border-box; min-width: 1920px; position: relative; margin-left: -960px; left: 50%;}
#contact .tel_box {box-sizing: border-box; border: 2px solid #1b1b1b; background: #fff; padding: 20px 0; line-height: 1; font-size: 18px; margin: 80px auto 50px;}
#contact .tel {font-size: 40px; margin-top: 20px;}
#contact .tel span {font-size: 70px;}
#contact ul {margin-top: 50px;}
#contact li {font-size: 18px; line-height: 1;}
#contact li:nth-child(n + 2) {margin-top: 15px;}
#contact table {width: 1200px; margin: 50px auto 40px; box-sizing: border-box; border: 2px solid #d2d2d2;}
#contact table th,#contact table td {padding: 20px; box-sizing: border-box; border-bottom: 2px solid #d2d2d2; font-size: 18px;}
#contact table th{font-weight: bold; vertical-align: middle; width: 320px; background-color: #002b79; color: #fff; position: relative;}
#contact table input,#contact table textarea {width: 100%; box-sizing: border-box; padding: 5px 10px; font-size: 18px; font-weight: bold; border: 2px solid #d2d2d2;}
#contact table textarea {font: inherit;}
.mwform-radio-field input,.mwform-checkbox-field input {width: auto!important; padding: inherit!important;}
.mwform-checkbox-field label {font-weight: bold!important;}
.mwform-radio-field-text {font-weight: bold;}
#contact table .tel_area {width: auto;}
/*確認画面へ進むボタン用*/
.mw_wp_form_input .btn input:hover { opacity: 0.7;}
.mw_wp_form_input .btn input{
    font-size: 20px;
    width: 400px;
    padding: 20px 0;
    line-height: 1;
	color: #fff;
	background-color: #1b1b1b;
	box-sizing: border-box;
	border: none;
	font-weight: bold;
	cursor: pointer;
}
#contact .birthday {display: flex; align-items: center;}
#contact .birthday input {width: 100px;}
#contact .birthday .txt01 {margin: 0 10px;}
#contact .birthday .txt02 {margin-left: 10px;}
#contact .essential {background-color: #fff; color: #a23025;  position: absolute; display: flex; align-items: center; justify-content: center; width: 60px; height: 24px; line-height: 1; top: 0; bottom: 0; right: 20px; margin: auto;}
#contact .thanks {font-size: 16px;}
#contact .scroll {box-sizing: border-box; border: 1px solid #e5e5e5; padding: 20px; overflow-y: scroll; font-size: 16px; height: 180px; margin: 20px 0;}
#contact .scroll p {margin-top: 10px;}
#contact .scroll .txt01 {margin-top: 0;}
#contact .pryvacy th {vertical-align: top;}
#contact .pryvacy .essential {top: 20px; bottom: inherit;}
#contact .n_txt01 {font-size: 18px; line-height: 1.5;}
#contact .n_txt01:nth-of-type(2) {margin-top: 20px;}
#contact .n_txt02 {margin: 25px auto 0; color: #002b79; font-size: 18px;}
#contact .n_txt02 span {display: table; border-bottom: 2px solid #002b79; padding-bottom: 10px; line-height: 1;}

/*about*/
#about h2 {font-size: 40px; box-sizing: border-box; border-bottom: 5px solid #1b1b1b; position: relative; padding-bottom: 20px; margin-bottom: 30px;}
#about h2::before {content: ''; background: #002b79; width: 200px; height: 5px; position: absolute; bottom: -5px; left: 0;}
#about .box01 p {font-size: 16px; line-height: 2;}

/*topics*/
#topics .topics_item {box-sizing: border-box; width: 285px; margin-right: 20px;}
#topics .topics_item:nth-child(4n) {margin-right: 0;}
#topics .topics_item:nth-child(n + 5) {margin-top: 20px;}
#topics .topics_img {width: 100%;}
#topics .topics_img img {height: 213px; object-fit: cover;}
#topics_single .box01 {box-sizing: border-box; border: 2px solid #161616; background: #fff; font-size: 16px; line-height: 2; padding: 40px; margin-bottom: 40px;}
#topics_single h2 {font-size: 20px; margin-bottom: 25px;}

#topics .item {box-sizing: border-box; border-bottom: 3px solid #000; padding: 20px 0; line-height: 1;}
#topics .time {font-size: 18px; box-sizing: border-box; border-right: 1px solid #000; padding: 5px 10px 5px 0; margin-right: 10px;}
#topics .tag {font-size: 16px; width: auto; height: auto; padding: 5px 10px; background: #002b79;}
#topics h2 {font-size: 16px; line-height: 1.5; margin-top: 10px;}


/*study*/
#study h2 {box-sizing: border-box; font-size: 25px; border-bottom: 2px solid #002b79; width: 370px; margin-bottom: 50px; padding-bottom: 10px;}
#study .item {box-sizing: border-box;}
#study .item:nth-child(n + 2) {margin-top: 20px; font-size: 20px;}
#study .date {background: #002b79; width: 125px; height: 35px; margin-right: 20px;}

/*policy*/
#policy .txt01 {font-size: 60px; line-height: 1; position: relative; height: 80px;}
#policy .txt01 p {position: relative; z-index: 10;}
#policy .txt01 .bg {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 880px; height: 80px; background: #002b79; transform: skewX(-10deg);}
#policy .txt02 {font-size: 30px; line-height: 1; margin-top: 20px;}
#policy h2 {box-sizing: border-box; background: url("img/policy/title_icon.png")bottom left no-repeat; height: 70px; font-size: 40px; border-bottom: 5px solid #1b1b1b; position: relative; margin-bottom: 80px; padding-left: 28px;}
#policy h2::before {content: ''; position: absolute; bottom: -5px; left: 0; background: #002b79; width: 200px; height: 5px;}
#policy .img01 {margin-left: 50px;}
#policy .img02 {margin-right: 50px;}
#policy .box01 {font-size: 16px; line-height: 2;}
#policy .c_text {margin: 40px 0;}
#policy .con01 {box-sizing: border-box; border: 5px solid #313131; background: url("img/policy/con01_bg01.png")bottom right no-repeat,url("img/policy/con01_bg03.jpg")top left repeat; padding: 50px; font-size: 25px; line-height: 1.8;}
#policy .con02 {background: url("img/policy/con01_bg02.png")bottom right no-repeat,url("img/policy/con01_bg03.jpg")top left repeat; margin-top: 50px;}
#policy h3 {font-size: 60px; margin-bottom: 10px;}
#policy .txt03 {font-size: 23px;}
#policy .con03 h2 {margin-top: 80px;}

/*greeting*/
#greeting .txt01 {font-size: 60px; line-height: 1; position: relative; height: 80px;}
#greeting .txt01 p {position: relative; z-index: 10;}
#greeting .txt01 .bg {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 880px; height: 80px; background: #002b79; transform: skewX(-10deg);}
#greeting .txt02 {font-size: 30px; line-height: 1; margin-top: 20px;}
#greeting h2 {box-sizing: border-box; background: url("img/policy/title_icon.png")bottom left no-repeat; height: 70px; font-size: 40px; border-bottom: 5px solid #1b1b1b; position: relative; margin-bottom: 80px; padding-left: 28px;}
#greeting h2::before {content: ''; position: absolute; bottom: -5px; left: 0; background: #002b79; width: 200px; height: 5px;}
#greeting .img01 {margin-left: 50px;}
#greeting .img02 {margin-right: 50px;}
#greeting .box01 {font-size: 16px; line-height: 2;}
#greeting .c_text {margin: 40px 0;}



/*research*/
#research h2 {font-size: 50px;}
#research .min_txt01 {font-size: 30px; line-height: 1; color: #bababa; margin-top: 20px;}
#research .bdr {content: ''; width: 100px; height: 5px; background: #002b79; margin: 40px auto 0;}
#research .box01 .text01 {font-size: 18px;line-height: 2;}
#research .box01 .img {margin: 50px auto;}
#research .box01 .txt {font-size: 18px; line-height: 1.5; padding: 20px 0; background: url("img/policy/box03_txt_bg.jpg")top left repeat; border: 3px solid #000; margin: 50px auto;}
#research .box01 .txt_box {background: #002b79; box-sizing: border-box; border: 3px solid #afafb1; padding: 50px 0; font-size: 25px; line-height: 1;}
#research .box01 .txt_box li {font-size: 18px; line-height: 1; margin-top: 20px;}
#research .box01 table {font-size: 18px; line-height: 2; margin: 40px auto 0;}
#research .box01 h2 {box-sizing: border-box; background: url("img/policy/title_icon.png")bottom left no-repeat; height: 70px; font-size: 40px; border-bottom: 5px solid #1b1b1b; position: relative; margin-bottom: 80px; padding-left: 28px;}
#research .box01 h2::before {content: ''; position: absolute; bottom: -5px; left: 0; background: #002b79; width: 200px; height: 5px;}
#research .box02 {font-size: 16px; line-height: 1.8;}
#research h3 {font-size: 30px; padding-bottom: 20px; position: relative; box-sizing: border-box; border-bottom: 5px solid #1b1b1b; margin-bottom: 30px;}
#research h3::before {content: ''; position: absolute; background: #002b79; width: 200px; height: 5px; bottom: -5px; left: 0;}


/*achievements*/
#achievements {font-size: 16px;}
#achievements h2 {font-size: 50px;}
#achievements .content {padding: 0;}
#achievements .tab-area {cursor: pointer; margin: 60px auto 50px;}
#achievements .tab {box-sizing: border-box; background: #002b79; width: 154px; height: 40px; font-size: 20px; line-height: 1; margin-right: 20px;}
#achievements .tab:nth-child(7n) {margin-right: 0;}
#achievements .tab:nth-child(n + 8) {margin-top: 20px;}
#achievements .tab:nth-child(2n) {background: #373838;}
#achievements .content-area .content {display: none;}
#achievements .content-area .content.show {display: block;}
#achievements .year {background: #002b79; font-size: 25px; line-height: 1; padding: 10px;}
#achievements .year span {box-sizing: border-box; border-left: 5px solid #fff; padding-left: 10px;}
#achievements h3 {font-size: 30px; display: flex; align-items: center; margin: 50px 0;}
#achievements h3::after {content: ''; display: block; flex-grow: 1; height: 2px; background: #002b79; margin-left: 5px;}
#achievements .content-area .box01 p {font-weight: 500;}

/*awards*/
#awards {font-size: 16px;}
#awards h2 {font-size: 50px;}
#awards .content {padding: 0;}
#awards .tab-area {cursor: pointer; margin: 60px auto 50px;}
#awards .tab {box-sizing: border-box; background: #002b79; width: 154px; height: 40px; font-size: 20px; line-height: 1; margin-right: 20px;}
#awards .tab:nth-child(7n) {margin-right: 0;}
#awards .tab:nth-child(n + 8) {margin-top: 20px;}
#awards .tab:nth-child(2n) {background: #373838;}
#awards .content-area .content {display: none;}
#awards .content-area .content.show {display: block;}
#awards .year {background: #002b79; font-size: 25px; line-height: 1; padding: 10px; margin-bottom: 10px;}
#awards .year span {box-sizing: border-box; border-left: 5px solid #fff; padding-left: 10px;}
#awards .box01{box-sizing: border-box; border: 2px solid #1b1b1b; margin-top: 50px;}
#awards .box01 a {box-sizing: border-box; border-bottom: 2px solid #626262; padding: 20px; font-size: 18px; line-height: 1;}
#awards .box01 a p:nth-of-type(2) {margin-left: 10px;}
#awards .box01 .last {border-bottom: none;}

/*facility*/
#facility .title01 {background: #002b79; font-size: 25px; line-height: 1; padding: 10px; margin-top: 50px;}
#facility h2 {font-size: 50px;}
#facility .box01 {box-sizing: border-box; border: 2px solid #002b79; margin-top: 30px;}
#facility .box01 p {padding: 20px; font-size: 18px; line-height: 1;}
#facility .box01 .last {border-bottom: none;}
#facility .box01 .grey {background: #eee;}

/*qualifications*/
#qualifications {font-size: 16px;}
#qualifications h2{font-size: 50px;}
#qualifications .title01 {background: #002b79; font-size: 25px; line-height: 1; padding: 10px; margin-top: 50px;}
#qualifications .title01 span {box-sizing: border-box; border-left: 5px solid #fff; padding-left: 10px;}
#qualifications .table01{margin-top: 50px; box-sizing: border-box; border: 2px solid #e6e6e6;}
#qualifications table{width: 100%;}
#qualifications .table01 tr th {background: #002b79; color: #fff; width: 350px; font-size: 18px; padding: 10px; line-height: 1.5; box-sizing: border-box; border-top: 2px solid #fff; text-align: center; vertical-align: middle;}
#qualifications .table01 tr td {padding: 10px; line-height: 1.5; box-sizing: border-box; border: 2px solid #e6e6e6; text-align: center; vertical-align: middle;}
#qualifications .table01 tr:first-child th, #qualifications .table01 tr:first-child td {border-top: none;}
#qualifications .table01 tr:last-child th{border-bottom: none;}
#qualifications .t-box01{border-left: solid 2px #fff;}
#qualifications .table01 .table02 tr th{background: #eee; color: #000;}
#qualifications .table01 .table02 tr .t-box01{background: #002b79; color: #fff;}


.btn-area {font-size: 30px; line-height: 1; margin-top: 50px; color: #fff;}
.btn-area .btn01{width: 262px; height: 55px; padding: 10px; box-sizing: border-box; text-align: center; background: #002b79; display: flex; align-items: center; justify-content: center;}
.btn-area .btn02{background: #373838;}

/*chemotherapy*/
#chemotherapy h2 {font-size: 50px;}
#chemotherapy .txt01 {font-size: 30px; line-height: 1; margin-top: 20px;}
#chemotherapy .box {width: 366px; margin-right: 50px; position: relative; height: 374px;}
#chemotherapy .box:nth-child(3) {margin-right: 0;}
#chemotherapy .box p {font-size: 16px; line-height: 1.5; margin: 15px auto;}
#chemotherapy .btn {box-sizing: border-box; background: url("img/chemotherapy/btn_arrow.png")center right 10px no-repeat; background-color: #1b1b1b; font-size: 16px; line-height: 1; padding: 15px 0; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 100%;}

/*introduction*/
#introduction .main {box-sizing: border-box; position: relative; line-height: 1;}
#introduction .main .txt01 {position: absolute; display: inline; font-size: 40px; padding: 10px; left: 0; bottom: 115px; background: #fff;}
#introduction .main .txt_box ,#introduction .main .txt_box_n {position: absolute; left: 0; right: 0; bottom: -95px; background: url("img/introduction/main_txt_box_bg01.png")center right no-repeat,url("img/introduction/main_txt_box_bg02.png")top left repeat; width: 800px; padding: 40px; box-sizing: border-box; border-bottom: 5px solid #002b79; margin: auto;}
#introduction .main .min {font-size: 25px; margin-bottom: 15px;}
#introduction .main .min::before {content: ''; display: block; height: 1px; background: #002b79; margin-right: 20px; width: 50px;}
#introduction h2 {font-size: 50px;}
#introduction .main .txt02 {background: #002b79; display: inline-block; font-size: 20px; padding: 5px; margin-bottom: 5px;}
#introduction .main .txt02n {background: #002b79; display: inline-block; font-size: 18px; padding: 5px; margin-bottom: 5px;}
#introduction .main .txt02_01 ,#introduction .main .txt02_01_n{margin: 0 10px 5px 20px;}
#introduction .main .txt02_02 ,#introduction .main .txt02_02_n {margin-right: 10px;}
#introduction .box01 {margin-top: 150px;}
#introduction .img_box {position: relative; min-width: 650px;}
#introduction .no {box-sizing: border-box; width: 100px; height: 100px; background: url("img/introduction/number_bg.png")center center no-repeat; background-color: #002b79; font-size: 60px; line-height: 1; position: absolute; top: 0;}
#introduction .no01 {left: 0;}
#introduction .no02 {right: 0;}
#introduction .text_box {background: url("img/introduction/bg.jpg")top left repeat; padding: 40px; min-width: 597px; max-width: 597px; box-sizing: border-box; border-bottom: 5px solid #002b79; font-size: 16px; position: relative; z-index: 10; margin-bottom: -63px;}
#introduction .q_txt {box-sizing: border-box; border-left: 5px solid #000; padding: 5px; font-size: 20px; line-height: 1;}
#introduction h3 {font-size: 30px; line-height: 1.3; margin: 30px 0;}
#introduction .text_box01 {margin-left: -48px;}
#introduction .text_box02 {margin-right: -48px;}
#introduction .box02 {background: url("img/introduction/bg.jpg")top left repeat; box-sizing: border-box; position: relative; border-bottom: 5px solid #002b79; padding: 40px 40px 40px 140px; font-size: 16px;}
#introduction .box03 {background: url("img/introduction/bg.jpg")top left repeat; box-sizing: border-box; position: relative; border-bottom: 5px solid #002b79; padding: 40px; font-size: 16px;}

/*introduction-archives*/
#introduction-archives .list {box-sizing: border-box; width: 368px; position: relative; border-bottom: 2px solid #000; margin-right: 48px;}
#introduction-archives .list:nth-child(3n) {margin-right: 0;}
#introduction-archives .list:nth-child(n + 4) {margin-top: 65px;}
#introduction-archives .over {position: relative; background: #002b79; height: 274px;}
#introduction-archives .img_box {transition-duration: .3s; position: absolute; width: 368px; top: 0; left: 0;overflow: hidden;}
#introduction-archives .list:hover .img_box {top: 5px; left: -5px;}
#introduction-archives .img_box img {
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
    -webkit-transition: .8s cubic-bezier(.79,.17,.15,.96);
    transition: .8s cubic-bezier(.79,.17,.15,.96);}
#introduction-archives .img_box img:hover{
  transform: scale(1.06);
	-webkit-transition: -webkit-transform 3s ease-out;
    transition: -webkit-transform 3s ease-out;
    transition: transform 3s ease-out;
    transition: transform 3s ease-out,-webkit-transform 3s ease-out;
}

#introduction-archives a:hover img {filter: alpha(opacity=100); opacity: 1;}
#introduction-archives .txt03 {font-size: 18px; padding: 20px 0;}
#introduction-archives .txt02 {font-size:20px; line-height: 1; padding: 5px 20px; display: inline; position: absolute; left: -10px; bottom: -10px; transition-duration: .6s; z-index: 10; background: #000;  
-webkit-transition: color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);
    transition: color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);
    transition: transform .4s .1s cubic-bezier(.08,.92,.35,1),color .2s .3s;
    transition: transform .4s .1s cubic-bezier(.08,.92,.35,1),color .2s .3s,-webkit-transform .4s .1s cubic-bezier(.08,.92,.35,1);

}
#introduction-archives .txt02::before {
	content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #002b79;
    -webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
}
#introduction-archives .txt02::after {
	content: '';
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    -webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
}
#introduction-archives .txt02::before,#introduction-archives .txt02::after {
	-webkit-transform: translate3d(0,0,0) scaleX(0);
    transform: translate3d(0,0,0) scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
}
#introduction-archives .list:hover .txt02::before {
	-webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: -webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: transform .33s cubic-bezier(.79,.17,.15,.96);
    transition: transform .33s cubic-bezier(.79,.17,.15,.96),-webkit-transform .33s cubic-bezier(.79,.17,.15,.96);
}
#introduction-archives .list:hover .txt02::after {
-webkit-transform: translate3d(0,0,0) scaleX(1);
    transform: translate3d(0,0,0) scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: -webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: transform .22s cubic-bezier(.79,.17,.15,.96);
    transition: transform .22s cubic-bezier(.79,.17,.15,.96),-webkit-transform .22s cubic-bezier(.79,.17,.15,.96);
}

/*staff_page*/
#staff_page{line-height: 1; font-size: 16px;}
#staff_page h2{font-size: 30px; line-height: 1; }
#staff_page .staff01{box-sizing: border-box; border: solid 2px #000; background: #eee; padding: 30px 50px;border-bottom: 5px solid #000;}
#staff_page .staff01 li{font-size: 25px; padding: 10px 10px 0;}
#staff_page .staff01 li:first-child{padding-top: 0;}
#staff_page .staff01 li span{font-size: 28px; margin-right: 10px;}
#staff_page .table01{margin-top: 50px; box-sizing: border-box; border: 2px solid #e6e6e6;}
#staff_page table{width: 100%;}
#staff_page .t-box01{border-right: solid 2px #fff;}
#staff_page .t-width{width: 700px;}
#staff_page .table01 tr th{background: #002b79; color: #fff;font-size: 18px; padding: 10px; line-height: 1.5; box-sizing: border-box; border-top: 2px solid #fff; text-align: center; vertical-align: middle;}
#staff_page .table01 tr td{padding: 10px; line-height: 1.5; box-sizing: border-box; border: 2px solid #e6e6e6; vertical-align: middle; text-align: center;}
#staff_page .table01 tr:first-child th,#staff_page .table01 tr:first-child td{border-top: none; text-align: center;}
#staff_page .table01 tr:first-child td{background: #002b79; color: #fff;}
#staff_page .table01 tr .td02{text-align: left; padding: 20px 10px 20px 30px; word-break: keep-all;}
#staff_page .td02 li{margin-left: 1.4em; text-indent: -1.4em;}






/*organization*/
#organization .txt01 {font-size: 40px; line-height: 1;}
#organization h2 {font-size: 30px; margin: 50px auto;}
#organization h2 span {box-sizing: border-box; border-bottom: 3px solid #000; padding: 0 5px;}
#organization .txt02 {font-size: 30px; line-height: 1; background: #002b79; width: 250px; height: 50px;}
#organization .bdr {content: ''; background: #002b79; width: 2px; height: 50px; display: block;}
#organization .con {box-sizing: border-box; width: 224px; margin-right: 20px; font-size: 14px; line-height: 1.8;}
#organization .con:nth-child(5n) {margin-right: 0;}
#organization .con:nth-child(n + 6) {margin-top: 20px;}
#organization .img_box {box-sizing: border-box; width: 100%; height: 168px; background: #eee;}
#organization h3 {font-size: 20px; line-height: 1; padding: 10px 0; background: #1b1b1b; margin-bottom: 10px;}

/*dispensing*/
#dispensing .box01 h2 {font-size: 40px; margin-bottom: 40px;}
#dispensing .box01 .txt01 {font-size: 16px;}
#dispensing .box01 .inner {margin-top: 50px;}
#dispensing .box01 .img01 {margin: 0 110px 0 60px;}
#dispensing .box01 h3 {font-size: 25px; background: #002b79; padding: 2px 5px;}
#dispensing .title {margin-bottom: 16px;}
#dispensing .title .bdr {content: ''; flex-grow: 1; height: 1px; background: #002b79;}
#dispensing .box01 ul,#dispensing .box01 .txt02 {font-size: 16px; line-height: 1.5; margin-bottom: 15px;}
#dispensing .box01 .txt03 {font-size: 25px; line-height: 1; margin-bottom: 16px;}
#dispensing .box01 .img02 {margin-left: 40px;}
#dispensing .box02 h2 {font-size: 40px;}
#dispensing .box02 .txt01 {font-size: 20px; line-height: 1.5; margin-top: 20px;}
#dispensing .box02 .con {width: 366px; position: relative; font-size: 16px; line-height: 1.5; margin-right: 50px;}
#dispensing .box02 .con:nth-child(3n) {margin-right: 0;}
#dispensing .box02 .con:nth-child(n + 4) {margin-top: 80px;}
#dispensing .box02 .con img {margin-bottom: 15px;}
#dispensing .box02 .no {font-size: 80px; line-height: 1; position: absolute; left: 0; top: -40px; font-style: italic;}

/*formulation*/
#formulation .box01 h2 {font-size: 40px; margin-bottom: 40px;}
#formulation .box01 {font-size: 16px;}
#formulation .box02 h2 {font-size: 40px; margin-bottom: 80px;}
#formulation .box02 li {position: relative; width: 366px; font-size: 20px;}
#formulation .box02 .img_box {background: #eee; width: 100%; height: 274px; margin-bottom: 10px;}
#formulation .box02 .no {position: absolute; left: 0; top: -40px; font-size: 80px; line-height: 1; font-style: italic;}
#formulation .box03 h2 {font-size: 30px; margin-bottom: 50px;}
#formulation .box03 .inner img {margin-right: 50px;}
#formulation .box03 .inner {font-size: 18px; line-height: 1.8;}
#formulation .box04 h2 {font-size: 40px;}
#formulation .box04 .txt01 {font-size: 16px; margin: 50px auto 80px; line-height: 1.8;}
#formulation .box04 li {width: 366px;}
#formulation .box04 li p {font-size: 18px; margin-top: 10px;}
#formulation .box04 li:nth-child(2) {margin-left: 50px;}

/*testing*/
#testing .title_txt {font-size: 40px; line-height: 1;}
#testing .box01 {font-size: 16px;}
#testing .box01 h2 {font-size: 40px;}
#testing .box01 ul {margin: 80px auto;}
#testing .box01 li {box-sizing: border-box; width: 366px; font-size: 18px; position: relative;}
#testing .box01 li:nth-child(2) {margin-left: 50px;}
#testing .box01 li .img_box {margin-bottom: 10px; background: #eee; height: 274px;}
#testing .box01 .no {font-size: 80px; line-height: 1; position: absolute; left: 0; top: -40px; font-style: italic;}
#testing .box02 h2 {font-size: 30px; margin-bottom: 80px;}
#testing .box02 .inner {font-size: 18px; line-height: 1.8;}
#testing .box02 .inner img {margin-right: 50px;}
#testing .under_box {background: #002b79; padding: 50px; font-size: 15px; margin-top: 50px;}
#testing .under_box h3 {font-size: 25px; line-height: 1; margin-bottom: 45px;}
#testing .under_box h3 span {box-sizing: border-box; border-bottom: 2px solid #fff; padding: 0 2px;}
#testing .box03 {box-sizing: border-box; background: url("img/testing/box03_bg.jpg")top left repeat; border: 3px solid #eee;}
#testing .box03 h2 {font-size: 30px; margin: 50px auto;}
#testing .box03 .inner {padding: 0 20px; box-sizing: border-box; font-size: 18px; line-height: 1.8;}
#testing .box03 .inner02 {margin-top: 20px;}
#testing .box03 .img01 {margin-right: 50px;}
#testing .box03 .img02 {margin-left: 50px;}

#testing .box04 {padding-bottom: 50px;}

/*infection*/
#infection .box01 {font-size: 16px;}
#infection .box01 h2 {font-size: 40px; line-height: 1; margin-bottom: 40px;}
#infection .box02 h2 {font-size: 40px; margin-bottom: 80px;}
#infection .box02 li {width: 366px; font-size: 18px; position: relative;}
#infection .box02 .img_box {background: #eee; width: 100%; height: 274px; margin-bottom: 16px;}
#infection .box02 .no {position: absolute; left: 0; top: -40px; font-size: 80px;}
#infection .box03 h2 {font-size: 30px;}
#infection .box03 .inner {margin: 80px auto 50px; font-size: 18px; line-height: 1.8;}
#infection .box03 .inner img {margin-right: 45px;}
#infection .box03 .under_box {box-sizing: border-box; background: url("img/infection/box04_bg.jpg")top left repeat; border: 3px solid #eee; padding: 45px 50px; font-size: 16px; border-bottom: 5px solid #002b79;}
#infection .box04 {box-sizing: border-box; border: 3px solid #eee; background: url("img/infection/box04_bg.jpg")top left repeat; padding: 50px 20px;}
#infection .box04 h2 {font-size: 30px;}
#infection .box04 .min {font-size: 16px; margin: 20px 0 50px; text-align: center;}
#infection .box04 .inner {font-size: 18px; line-height: 1.8;}
#infection .box04 .img01 {margin-right: 50px;}
#infection .box04 .img02 {margin-left: 50px;}
#infection .box04 .inner02 {margin-top: 20px;}

/*management*/
#management .title_txt {font-size: 40px; line-height: 1;}
#management .box01 {box-sizing: border-box; border: 3px solid #002b79; background: url("img/management/box01_bg.jpg")top left repeat; padding: 50px; font-size: 16px;}
#management .box01 h2 {font-size: 30px; margin-bottom: 40px;}
#management .box02 h2 {font-size: 40px; margin-bottom: 50px;}
#management .box02 .inner {line-height: 1.8; font-size: 18px;}
#management .box02 .inner img {margin-right: 50px;}
#management .box02 .txt02 {font-size: 16px; line-height: 1.8;}
#management .box03 h2 {font-size: 40px;}
#management .box03 .txt01 {font-size: 18px; margin: 30px auto 70px;}
#management .box03 .txt02 {font-size: 16px; margin-bottom: 40px;}
#management .box03 li {font-size: 25px; line-height: 1;}

/*outpatient*/
#outpatient .box01 {font-size: 16px;}
#outpatient .box01 h2 {font-size: 40px; margin-bottom: 40px;}
#outpatient .box02 h2 {font-size: 40px;}
#outpatient .box02 li {width: 262px; margin-right: 50px; margin-top: 80px; position: relative; font-size: 16px;}
#outpatient .box02 li:nth-child(4),#outpatient .box02 li:nth-child(7) {margin-right: 0;}
#outpatient .box02 .img_box {box-sizing: border-box; background: #eee; width: 100%; height: 196px; margin-bottom: 16px;}
#outpatient .box02 .no {position: absolute; left: 0; top: -40px; font-size: 60px; line-height: 1;}
#outpatient .box02 .under_box {background: #002b79; padding: 50px; font-size: 16px; margin-top: 80px;}
#outpatient .box02 h3 {font-size: 25px; margin-bottom: 40px;}
#outpatient .box02 h3 span {box-sizing: border-box; border-bottom: 2px solid #fff; padding: 0 5px;}
#outpatient .box03 h2 {font-size: 30px;}
#outpatient .box03 .c_box {box-sizing: border-box; border: 3px solid #eee; padding: 50px; background: url("img/outpatient/box03_c_bg.jpg") top left repeat; font-size: 16px; margin: 50px auto 80px;}
#outpatient .box03 h3 {font-size: 25px; margin-bottom: 40px;}
#outpatient .box03 h3 span {box-sizing: border-box; border-bottom: 2px solid #000; padding: 0 5px;}
#outpatient .box03 .inner {font-size: 18px; line-height: 1.8;}
#outpatient .box03 .inner img {margin-right: 50px;}
#outpatient .box04 h2 {font-size: 40px;}
#outpatient .box04 h2 span {box-sizing: border-box; padding: 0 20px; background: #002b79;}
#outpatient .box04 .txt01 {font-size: 16px; margin: 50px auto;}
#outpatient .box04 .inner div {width: 366px;}
#outpatient .box04 .inner div:nth-child(1) {margin-right: 50px;}

/*drugmanagement*/
#drugmanagement .title_txt {font-size: 40px; line-height: 1; margin-bottom: 30px;}
#drugmanagement .txt01 {font-size: 16px;}
#drugmanagement .box01 h2 {font-size: 40px; margin-bottom: 80px;}
#drugmanagement .box01 li {width: 366px; font-size: 20px; position: relative;}
#drugmanagement .box01 li:nth-child(1) {margin-right: 50px;}
#drugmanagement .box01 .img_box {box-sizing: border-box; background: #eee; width: 100%; height: 274px; margin-bottom: 16px;}
#drugmanagement .box01 .no {font-size: 80px; line-height: 1; position: absolute; left: 0; top: -40px;}
#drugmanagement .box02 h2 {font-size: 30px;}
#drugmanagement .box02 .inner {font-size: 18px; line-height: 1.8;}
#drugmanagement .box02 .inner .img01 {margin-left: 50px;}
#drugmanagement .box02 .inner02 {margin-top: 80px;}
#drugmanagement .box02 .inner .img02 {margin-right: 50px;}

/*informationmanagement*/
#informationmanagement .box01 h2 {font-size: 40px; margin: 50px;}
#informationmanagement .box01 {font-size: 16px;}
#informationmanagement .box02 h2 {font-size: 40px;}
#informationmanagement .box02 li {box-sizing: border-box; width: 366px; margin-top: 80px; margin-right: 50px; font-size: 16px; position: relative;}
#informationmanagement .box02 li:nth-child(3n) {margin-right: 0;}
#informationmanagement .box02 .img_box {box-sizing: border-box; background: #eee; height: 274px; margin-bottom: 16px;}
#informationmanagement .box02 .no {position: absolute; left: 0; top: -40px; font-size: 80px; line-height: 1; font-style: italic;}
#informationmanagement .box03 h2 {font-size: 40px; margin-bottom: 50px;}
#informationmanagement .box03 .inner {font-size: 18px; line-height: 1.8;}
#informationmanagement .box03 .inner img {margin-right: 50px;}
#informationmanagement .txt01 {font-size: 30px; line-height: 1; margin: 50px auto;}
#informationmanagement .txt01 span {background: #002b79; padding: 2px;}
#informationmanagement .under_box {background: #002b79; font-size: 16px; padding: 50px; margin-top: 50px;}
#informationmanagement .box03 h3 {font-size: 25px; margin-bottom: 45px;}
#informationmanagement .box03 h3 span {box-sizing: border-box; border-bottom: 2px solid #fff; padding: 0 5px;}
#informationmanagement .box03 .min {font-size: 16px; line-height: 1; margin-top: 20px;}
#informationmanagement .box03 .btn {box-sizing: border-box; border: 3px solid #000; background: #fff; font-size: 30px; line-height: 1; padding: 10px 0 14px; margin-top: 50px;}
#informationmanagement .box04 {box-sizing: border-box; border: 3px solid #eee; background: url("img/informationmanagement/box04_bg.jpg")top left repeat; padding-top: 50px;}
#informationmanagement .box04 h2 {font-size: 30px;}
#informationmanagement .box04 .inner {margin-top: 50px; font-size: 18px; line-height: 1.8; padding: 0 50px;}
#informationmanagement .box04 .img01 {margin-right: 50px;}
#informationmanagement .box04 .img02 {margin-left: 50px;}
#informationmanagement .box05 h2 {font-size: 40px; margin-bottom: 50px;}
#informationmanagement .box05 .inner {font-size: 18px; line-height: 1.8;}
#informationmanagement .box05 .inner img {margin-right: 50px;}
#informationmanagement .under_box h3 {font-size: 25px; margin-bottom: 45px;}
#informationmanagement .under_box h3 span {box-sizing: border-box; border-bottom: 2px solid #fff; padding: 0 5px;}

/*trial*/
#trial .title_txt {font-size: 40px; line-height: 1; margin-bottom: 80px;}
#trial .box01 h2 {font-size: 40px;}
#trial .box01 li {box-sizing: border-box; width: 262px; margin-top: 80px; position: relative;}
#trial .box01 .img_box {background: #eee; width: 100%; height: 196px; margin-bottom: 16px;}
#trial .box01 .no {position: absolute; left: 0; top: -40px; font-size: 80px; line-height: 1;}
#trial .box01 .min {font-size: 14px; line-height: 1; margin-top: 50px; margin-bottom: 80px;}
#trial .box01 .inner {font-size: 18px; line-height: 1.8;}
#trial .box01 .inner img {margin-right: 50px;}
#trial .box02 h2 {font-size: 40px;}
#trial .box02 .min {font-size: 18px; line-height: 1.5; margin: 30px auto 80px;}
#trial .box02 .inner01 .con {width: 400px; background: #002b79; height: 237px; color: #fff; line-height: 2;}
#trial .box02 .inner01 .con:nth-child(2),#trial .box02 .inner01 .con:nth-child(4) {background: #eee; color: #002b79;}
#trial .box02 .inner01 .con .txt {font-size: 25px; line-height: 1; margin-bottom: 30px;}
#trial .box02 .inner02 {margin: 50px auto;}
#trial .box02 .inner02 p {font-size: 14px;}
#trial .box02 .inner02 p:nth-child(n + 4) {margin-top: 50px;}
#trial .box02 h3 {font-size: 30px; line-height: 1; margin-bottom: 50px;}
#trial .box02 .inner03 {font-size: 18px; line-height: 1.8;}
#trial .box02 .inner03 img {margin-right: 50px;}
#trial .box02 .under_box {box-sizing: border-box; border: 3px solid #002b79; background: url("img/trial/box02_bg.jpg")top left repeat; margin-top: 50px; padding: 50px;}
#trial .box03 h2 {font-size: 40px;}
#trial .box03 p {font-size: 18px; line-height: 1; margin: 30px auto 50px;}
#trial .box03 table {box-sizing: border-box; border: 2px solid #002b79;}
#trial .box03 th,#trial .box03 td {width: 50%; font-size: 20px; line-height: 1; padding: 20px;}
#trial .box03 .top {background: #002b79; color: #fff; border: none;}
#trial .g_tr th,#trial .g_tr td {background: #eee;}
#trial .box03 th {border-right: 2px solid #000;}

/*education*/
#education .title_txt {font-size: 40px; line-height: 1;}
#education .box01 h2 {font-size: 40px; line-height: 1; margin-bottom: 80px;}
#education .box01 li {width: 262px; font-size: 16px; position: relative;}
#education .box01 .no {font-size: 80px; font-style: italic; line-height: 1; position: absolute; left: 0; top: -40px;}
#education .box01 .img_box {background: #eee; width: 100%; height: 196px; margin-bottom: 16px;}
#education .box02 h2 {background: #002b79; padding: 5px;}
#education .box02 h2 span {box-sizing: border-box; border: 1px solid #fff; padding: 40px; font-size: 20px; line-height: 2; width: 100%;}
#education .box02 {background: url("img/education/box02_bg.jpg")top left repeat; padding-bottom: 50px;}
#education .box02 .con {margin: 50px 50px 0; box-sizing: border-box; font-size: 18px;}
#education .box02 .con h3 {font-size: 30px; margin-bottom: 20px;}
#education .box02 h4 {font-size: 30px; margin: 50px auto;}
#education .box03 h2 {font-size: 40px; margin-bottom: 40px;}
#education .box03 li {font-size: 16px; line-height: 2;}
#education .box04 h2 {font-size: 40px;}
#education .box04 .min {font-size: 18px; line-height: 1; margin: 30px auto 80px;}
#education .box04 li p {font-size: 16px; line-height: 1; margin-top: 20px;}
#education .box04 li:nth-child(1) {margin-right: 50px;}

/*cooperation*/
#cooperation li {width: 320px; margin-right: 20px;}
#cooperation li:nth-child(3n) {margin-right: 0;}
#cooperation li:nth-child(n + 4) {margin-top: 20px;}
#cooperation li a {background: #002b79; height: 50px; font-size: 25px; line-height: 1; margin-bottom: 16px;}
#cooperation .box01 {box-sizing: border-box; border: 2px solid #1b1b1b;}
#cooperation .box01 .title_box {background: #1b1b1b; padding: 20px 50px; font-size: 18px; line-height: 1;}
#cooperation .box01 h2 {font-size: 30px; margin-right: 50px;}
#cooperation .box01 a {box-sizing: border-box; border-bottom: 2px solid #626262; padding: 20px; font-size: 18px; line-height: 1;}
#cooperation .box01 .time {margin-right: 20px;}
#cooperation .box01 .last {border-bottom: none;}

/*generic*/
#generic a {background: #e5e5e5; height: 60px; padding-left: 20px; font-size: 16px; line-height: 1;}
#generic a:nth-child(n + 2) {margin-top: 20px;}
#generic a span {font-size: 20px; margin-right: 20px;}
#generic .btn {box-sizing: border-box; background: #002b79; width: 60px; height: 60px;}
#generic a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}

/*tracing*/
#tracing h2 {font-size: 30px;}
#tracing .txt01 {font-size: 16px; margin: 30px auto 75px;}
#tracing .txt01 span {box-sizing: border-box; border-bottom: 2px solid #626262;}
#tracing .box {box-sizing: border-box; width: 386px; margin-right: 20px;}
#tracing .box:nth-child(3n) {margin-right: 0;}
#tracing .box:nth-child(n + 4) {margin-top: 30px;}
#tracing h3 {font-size: 16px; background: #002b79; padding: 20px 0; height: 70px; box-sizing: border-box; line-height: 1.5;}
#tracing .box img {margin: 20px auto;}
#tracing .box .btn00 {box-sizing: border-box; width: 185px; font-size: 18px; line-height: 1; height: 40px;}
#tracing .btn01 {background: #002b79;}
#tracing .btn02 {background: #373838;}
#tracing li {font-size: 14px; line-height: 1; margin-top: 10px;}
#tracing .fax {background: url("img/tracing/fax_bg.png")center left no-repeat,url("img/tracing/fax_bg02.png")center right no-repeat; background-color: #1b1b1b; margin-top: 50px; font-size: 25px; line-height: 1; padding: 20px;}
#tracing .fax .fax_txt01 {font-size: 30px;}
#tracing .fax .fax_txt01 span {font-size: 50px;}
#tracing .btn03 {box-sizing: border-box; width: 100%; font-size: 18px; line-height: 1; height: 40px;}
#tracing .inner01 {margin: 75px 0 30px;}

/*out-of-hospital*/
#out-of-hospital .tab-area {cursor: pointer; margin: 60px auto 50px;}
#out-of-hospital .content {padding: 0;}
#out-of-hospital .tab-area {cursor: pointer; margin: 60px auto 50px;}
#out-of-hospital .tab {box-sizing: border-box; background: #002b79; width: 154px; height: 40px; font-size: 20px; line-height: 1; margin-right: 20px;}
#out-of-hospital .tab:nth-child(7n) {margin-right: 0;}
#out-of-hospital .tab:nth-child(n + 8) {margin-top: 20px;}
#out-of-hospital .tab:nth-child(2n) {background: #373838;}
#out-of-hospital .content-area .content {display: none;}
#out-of-hospital .content-area .content.show {display: block;}
#out-of-hospital .year {background: #002b79; font-size: 25px; line-height: 1; padding: 10px; margin-bottom: 50px;}
#out-of-hospital .year span {box-sizing: border-box; border-left: 5px solid #fff; padding-left: 10px;}
#out-of-hospital .item {box-sizing: border-box; border-bottom: 1px solid #000; background: #f5f5f5; position: relative;}
#out-of-hospital .item .day {box-sizing: border-box; background: #002b79; margin-right: 20px; width: 160px; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; font-size: 20px;}
#out-of-hospital .btn {box-sizing: border-box; width: 185px; height: 35px; font-size: 16px; line-height: 1; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto; background: url("img/out-of-hospital/btn_bg.png")center right 10px no-repeat; background-color: #1b1b1b;}
#out-of-hospital th,#out-of-hospital td,#out-of-hospital .txt01 {font-size: 20px; line-height: 1.5;}
#out-of-hospital table {margin: 16px 0 16px 180px;}
#out-of-hospital .txt01 {margin: 16px 0 16px 180px;}

/*news*/
#news h2 {font-size: 17px;}
#news li {box-sizing: border-box; border-bottom: 1px solid #000; height: 57px; padding-left: 145px; position: relative; font-size: 18px;}
#news .box01 {margin-bottom: 50px;}
#news .box01 span{font-size: 14px;}
#news .day {position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 125px; background: #1b1b1b; font-size: 20px; line-height: 1; border-bottom: 1px solid #fff;}
#news .no {font-size: 16px; line-height: 1; background: #002b79; width: 80px; height: 27px; margin-right: 20px;}
#news .btn {box-sizing: border-box; position: absolute; width: 185px; height: 35px; font-size: 16px; line-height: 1; background: url("img/news/btn_bg.png")center right 10px no-repeat; background-color: #1b1b1b; right: 20px;}

/*notebook*/
#notebook .box01 {box-sizing: border-box; border: 3px solid #eee; background: url("img/notebook/bg.jpg")top left repeat; padding: 50px;}
#notebook .box01 img {margin-right: 50px;}
#notebook .box01 .txt01 span {font-size: 25px; line-height: 1; padding: 5px; background: #002b79;}
#notebook .box01 .txt02 {font-size: 18px; margin: 20px auto 80px;}
#notebook .box01 a {box-sizing: border-box; width: 350px; background: #1b1b1b; padding: 20px 0; font-size: 20px; line-height: 1;}

/*collection*/
#collection h2 {font-size: 40px;}
#collection .inner {margin: 50px auto;}
#collection .txt01 {font-size: 20px; line-height: 1; margin-bottom: 40px;}
#collection .txt02 {font-size: 20px;}
#collection .txt03 {margin-bottom: 10px; font-size: 20px;}

/*contactinformation*/
#contactinformation .box01 {background: #002b79; padding: 50px; font-size: 20px; line-height: 1; margin-bottom: 50px;}
#contactinformation .txt01 {font-size: 25px; margin-bottom: 50px;}
#contactinformation .txt01 span {box-sizing: border-box; border-bottom: 2px solid #fff; padding: 0 5px;}
#contactinformation li {box-sizing: border-box; border-bottom: 2px solid #1b1b1b; padding-bottom: 50px; line-height: 1; font-size: 20px; margin-bottom: 50px;}
#contactinformation .big {font-size: 30px; margin-bottom: 20px;}
#contactinformation .txt02 {font-size: 20px; line-height: 1;}

/*recruitment*/
#recruitment .main_box {box-sizing: border-box; background: url("img/recruitment/main_bg01.png")top left no-repeat,url("img/recruitment/main_bg02.png")bottom right no-repeat,url("img/recruitment/main.jpg")center center no-repeat; padding: 10px;}
#recruitment .main_box p {box-sizing: border-box; border: 1px solid #fff; padding: 50px 0; width: 100%; height: 100%; line-height: 2; font-size: 25px; text-align: center;}
#recruitment table {box-sizing: border-box; width: 100%; border: 1px solid #e6e6e6;}
#recruitment th,#recruitment td {box-sizing: border-box; border-bottom: 1px solid #e6e6e6; vertical-align: middle; font-size: 16px; padding: 20px 35px;}
#recruitment th {border-bottom: 1px solid #fff; background: #002b79; width: 297px;}
#recruitment .box01 {margin: 50px 0;}
#recruitment .box01 h2 {padding-bottom: 10px; font-size: 30px; box-sizing: border-box; border-bottom: 5px solid #1b1b1b; margin-bottom: 50px;}
#recruitment .box01 .txt01 {font-size: 30px;}
#recruitment .box01 .txt02 {font-size: 20px; line-height: 1.5; margin-bottom: 20px;}
#recruitment .box01 .inner {box-sizing: border-box; background: url("img/recruitment/box01_bg.jpg")top left repeat; padding: 50px; border: 3px solid #eee;}
#recruitment .box01 h3 {font-size: 40px; margin-bottom: 80px;}
#recruitment .box01 h3 span {box-sizing: border-box; border-bottom: 5px solid #002b79; padding: 0 5px 5px;}
#recruitment .box01 li {box-sizing: border-box; width: 236px; font-size: 16px; line-height: 1;}
#recruitment .box01 li:nth-child(2) {margin: 0 20px;}
#recruitment .box01 .btn {box-sizing: border-box; margin-top: 10px; background: #1b1b1b; width: 100%; height: 63px; font-size: 20px;}
#recruitment .txt_r {margin: 40px 0; font-size: 30px;}
#recruitment .right01 {margin-right: 330px;}
#recruitment .document_box a {box-sizing: border-box; border: 1px solid #000; background: #fff; font-size: 16px; width: 285px; height: 60px; line-height: 1.3; overflow: hidden; position: relative; margin-right: 20px;}
#recruitment .document_box a p {z-index: 10; position: relative; transition-duration: .3s;}
#recruitment .document_box a:nth-child(4) {margin-right: 0;}
#recruitment .document_box a::before {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; content: ''; background: #000; transform-origin: center center; transform: scale(0, 1); transition: transform .3s;}
#recruitment .document_box a:hover::before {transform: scale(1, 1);}
#recruitment .document_box a:hover p {color: #fff;}
#recruitment .txt {font-size: 30px; line-height: 1; margin-top: 50px;}