/* =================== base =================== */

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;700&family=Jost:wght@400;500;600;700&display=swap');

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,sup,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}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}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}

:root {
  --en-font: 'Jost', sans-serif;
  --hb-font: 'Heebo', sans-serif;
  --main-color: #1A3575;
  --text-color: #171717;
  --gray-color: #464646;
  --pink-color: #D95F4A;
  --lblue-color: #7FC3ED;
  --yellow-color: #D9C423;
  --higashi-color: #54A8C4;
  --fujigaoka-color: #64AC28;
  --yokohama-color: #E88EAB;
  --toyosu-color: #E18538;
  --shika-color: #A875E2;
  --karasuyama-color: #D56A5C;
}

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

html { margin: 0; overflow-x: hidden; font-size: 62.5%; box-sizing: border-box; }
body { font-size: 1.6rem; letter-spacing: normal; font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; color: #000; }
*{ box-sizing: border-box; color: #171717; }
a{ text-decoration: none; color: #171717; cursor: pointer; transition: 0.3s; }
a:hover{opacity: 0.8;}
img { vertical-align: bottom; width: 100%; height: auto; }
pre { width: 70%; margin: 1em auto; padding: 1em; border-radius: 5px; background: #25292f; color: #fff; overflow-x: auto; /* ⭐ */ -webkit-overflow-scrolling: touch; /* ⭐ */ }
button{ background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
li{ list-style: none; }
.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
.clear{ clear: both; }
.en{ font-family: var(--en-font); }
.hb{ font-family: var(--hb-font); }
.pc { display: block; }
.sp { display: none; }
.ipad { display: none; }
p{ line-height: 1.8em; }
.blue{ color: var(--main-color); }
.lblue{ color: var(--lblue-color); }
.pink{ color: var(--pink-color); }
.yellow{ color: var(--yellow-color); }
.gray{ color: var(--gray-color); }
.btn{ min-width: 190px; font-weight: 700; position: relative; transition: all .5s; padding: 15px 20px; text-align: center; color: var(--main-color); background: #fff; border: 1px solid var(--main-color); border-radius: 100px; font-size: 1.5rem; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.btn2{ color: #fff; background: var(--main-color); }
.btn3{ padding: 20px 70px 20px 40px; color: #fff; background: var(--pink-color); border: 1px solid var(--pink-color); }
.btn3:hover { opacity: 0.8; }
.btn3:before{ content: ""; z-index: 0; transition: all 0.4s; position: absolute; background: url(../images/btn-arrow02.svg) no-repeat; background-size: contain; height: 5px; width: 9px; right: 20px; top: 0; bottom: 0; margin: auto; }
.btn4{ color: #fff; background: var(--pink-color); }
.btn4:before{ content: ""; z-index: 0; transition: all 0.4s; position: absolute; background: url(../images/btn-arrow03.svg) no-repeat; background-size: contain; height: 15px; width: 15px; right: 15px; top: 0; bottom: 0; margin: auto; }
.btn5:hover { opacity: 0.8; }
.btn5:before{ content: ""; z-index: 0; transition: all 0.4s; position: absolute; background: url(../images/btn-arrow04.svg) no-repeat; background-size: contain; height: 5px; width: 9px; right: 20px; top: 0; bottom: 0; margin: auto; }
.btn6{ border-radius: 0; background: var(--main-color); color: #fff; }
.btn6:hover { opacity: 0.8; }
.btn6:before{ content: ""; z-index: 0; transition: all 0.4s; position: absolute; background: url(../images/btn-arrow02.svg) no-repeat; background-size: contain; height: 5px; width: 9px; right: 10px; bottom: 10px; }


::placeholder { color: #C5C5C5; }
::-ms-input-placeholder { color: #C5C5C5; }
:-ms-input-placeholder { color: #C5C5C5; }

.container { max-width: 1080px; margin: 0 auto; padding: 0 25px; }

@media screen and (max-width: 1080px) {
.container { max-width: 980px; }
}

@media screen and (max-width: 768px) {
.container { padding: 0 15px; }
}

.pagenavi-box .wp-pagenavi{ text-align: center; margin-top: 100px; }
.wp-pagenavi .pages{ display: none; }
.wp-pagenavi a{ color: #AFAFAF; }
.wp-pagenavi span{ color: var(--main-color); }
.wp-pagenavi a, .wp-pagenavi span{ width: 25px; height: 30px; display: inline-block; margin: 0 8px; overflow: hidden; border: none; position: relative; }
.wp-pagenavi a:before, .wp-pagenavi span:before{ content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #AFAFAF; }
.wp-pagenavi span:before{ background: var(--main-color); }
.wp-pagenavi a:after{ content: ""; position: absolute; bottom: 0; left: -100%; width: 100%; height: 2px; background: var(--main-color); transition: 0.3s; }
.wp-pagenavi a:hover:after{ left: 0; width: 100%; }
.wp-pagenavi .nextpostslink{ position: relative; }
.wp-pagenavi .nextpostslink:before{ content: ""; z-index: 0; transition: all 0.4s; position: absolute; background: url(../images/nav-icon2.svg) no-repeat; background-size: contain; height: 12px; width: 12px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
.wp-pagenavi .nextpostslink:after{ content: none; }
.wp-pagenavi .nextpostslink:hover:before{ left: auto; }
.wp-pagenavi .previouspostslink{ position: relative; }
.wp-pagenavi .previouspostslink:before{ content: ""; z-index: 0; transition: all 0.4s; position: absolute; background: url(../images/nav-icon2.svg) no-repeat; background-size: contain; height: 12px; width: 12px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.wp-pagenavi .previouspostslink:after{ content: none; }
.wp-pagenavi .previouspostslink:hover:before{ right: auto; }


body.fixed{　}
/* =================== header =================== */

header { position: -webkit-sticky; position: sticky; top: 0; left: 0; width: 100%; z-index: 998; background: #fff; padding-left: 25px; }
header .container{ max-width: 1280px; }
header .box{ height: 60px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header .box .right .btn-box ul{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
header .box .right .btn-box ul li:not(:last-child){ border-right: 1px solid #fff; }
header .box .right .btn-box ul li .head-btn{ position: relative; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 60px; padding: 5px 50px; font-size: 1.4rem; background: var(--main-color); color: #fff; font-weight: 700; }
header .box .right .btn-box ul li .head-btn2{ background: var(--lblue-color); }
header .box .right .btn-box ul li .head-btn3{ background: var(--pink-color); }
header .box .right .btn-box ul li .head-btn4{ background: var(--yellow-color); }
header .box .right .btn-box ul li .head-btn:before{ content: ""; z-index: 0; position: absolute; background: url(../images/arrow.svg) no-repeat; background-size: contain; height: 5px; width: 10px; right: 5px; bottom: 5px; }
header .box .right .modalbtn{ transition: all .4s; position: relative; padding: 13px; display: block; width: 60px; height: 60px; background: #fff; z-index: 999; padding: 0 17px; }
header .box .right .modalbtn p{ transition: all .4s; transform: scale(0.95); margin-left: -1px; margin-top: 30px; font-family: var(--hb-font); font-weight: 700; font-size: 1rem; color: var(--main-color); }
header .box .right .modalbtn span{ display: inline-block; transition: all .4s; position: absolute; left: 17px; height: 3px; background: var(--main-color); }
header .box .right .modalbtn span:nth-of-type(1) { top:15px; width: 26px; }
header .box .right .modalbtn span:nth-of-type(2) { top:23px; width: 21px; }
header .box .right .modalbtn span:nth-of-type(3) { top:31px; width: 16px; }
header .box .right .modalbtn.active{ background: var(--main-color); }
header .box .right .modalbtn.active p{ color: #fff; }
header .box .right .modalbtn.active span:nth-of-type(1){ background: #fff; top: 18px; left: 20px; transform: translateY(6px) rotate(-135deg); width: 30%; }
header .box .right .modalbtn.active span:nth-of-type(2){ opacity: 0; }
header .box .right .modalbtn.active span:nth-of-type(3){ background: #fff; top: 30px; left: 20px; transform: translateY(-6px) rotate(135deg); width: 30%; }
header .box .right .nav-box{ display: none; background: rgb(255 255 255 / 95%); backdrop-filter: blur(10px); position: fixed; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; z-index: 990; padding: 90px 0; overflow-y: scroll;  -ms-overflow-style: none; scrollbar-width: none; }
header .box .right .nav-box::-webkit-scrollbar{ display: none; }
header .box .right .nav-box.active{  }
header .box .right .nav-box .container{ max-width: 750px; }
header .box .right .nav-box .logo-box{ margin-bottom: 75px; text-align: center; }
header .box .right .nav-box .logo-box p{ font-size: 1.4rem; }
header .box .right .nav-box .logo-box img{ display: block; margin: 0 auto 20px; max-width: 240px; }
header .box .right .nav-box .inbox{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
header .box .right .nav-box .inbox:not(:last-child){ margin-bottom: 75px; }
header .box .right .nav-box .inbox ul:nth-child(1),
header .box .right .nav-box .inbox ul:nth-child(3){ width: 29%; }
header .box .right .nav-box .inbox ul:nth-child(2){ width: 34%; }
header .box .right .nav-box .inbox ul .item{ position: relative; padding-left: 25px; font-size: 1.3rem; }
header .box .right .nav-box .inbox ul .item:not(:last-child){ margin-bottom: 15px; }
header .box .right .nav-box .inbox ul .item:before{ content: ""; z-index: 0; position: absolute; background: url(../images/nav-icon.svg) no-repeat; background-size: contain; height: 8px; width: 5px; left: 0; top: 0; bottom: 0; margin: auto; }
header .box .right .nav-box .inbox ul .big-item{ font-weight: 700; font-size: 1.4rem; }
header .box .right .nav-box .inbox ul .big-item:not(:last-child){ margin-bottom: 35px; }
header .box .right .nav-box .inbox ul .box-title{ padding-left: 0; min-height: 40px; margin-bottom: 30px; font-weight: 700; font-size: 1.3rem; line-height: 1.5em; }
header .box .right .nav-box .inbox ul .box-title:before{ content: none; }
header .box .right .nav-box .inbox ul .big-item a,
header .box .right .nav-box .inbox ul .box-title a{ color: var(--main-color); }
header .box .right .nav-box .btn-box{ max-width: 550px; margin: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
header .box .right .nav-box .btn-box .min-banner{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 49.5%; background: var(--pink-color); padding: 20px 10px; font-weight: 700; }
header .box .right .nav-box .btn-box .min-banner:nth-child(2){ background: var(--yellow-color); }
header .box .right .nav-box .btn-box .min-banner p{ text-align: left; font-size: 1rem; color: #fff; }
header .box .right .nav-box .btn-box .min-banner span{ display: block; font-size: 1.6rem; color: #fff; }
header .box .right .nav-box .btn-box .min-banner img{ margin-right: 20px; width: 25px; }
header.head_fixed{ position: fixed; -webkit-transition: 0.3s; transition: 0.3s; }


.wrapper{ position: relative; }

/* =================== footer =================== */

footer{ margin-top: 180px; padding: 130px 0 50px; background: #F8F8F8; position: relative; }
footer .container{ max-width: 1180px; }
footer .box1{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 90px; }
footer .box1 .left .logo{ max-width: 240px; margin-bottom: 20px; display: block; }
footer .box1 .left .text1{ font-size: 1.4rem; margin-bottom: 20px; }
footer .box1 .left .text2{ display: inline-block; text-align: right; margin-top: 15px; font-size: 1.3rem; font-weight: 700; }
footer .box1 .left .text2 .big{ white-space: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 3.3rem; margin-bottom: 12px; }
footer .box1 .left .text2 .big img{ max-width: 26px; margin-right: 9px; }
footer .box1 .left .text2 span{ margin-right: 4px; font-size: 1.7rem; }
footer .box1 .right nav ul:not(:last-child){ margin-right: 100px; }
footer .box1 .right nav ul li{ margin-bottom: 25px; position: relative; padding-left: 30px; }
footer .box1 .right nav ul li:before{ content: ""; z-index: 0; position: absolute; background: url(../images/nav-icon.svg) no-repeat; background-size: contain; height: 8px; width: 5px; left: 0; top: 0; bottom: 0; margin: auto; }
footer .box1 .right nav ul li a{ position: relative; font-size: 1.4rem; }
footer .box2{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 125px; }
footer .box2 .inbox{ -ms-flex-wrap: wrap; flex-wrap: wrap; }
footer .box2 .inbox:nth-child(1){ margin-bottom: 45px; }
footer .box2 .inbox ul{ width: calc( 100% / 3 ); -ms-flex-wrap: wrap; flex-wrap: wrap; }
footer .box2 .inbox ul:not(:last-child){ border-right: 1px solid #E5E5E5; }
footer .box2 .inbox ul:nth-child(1){ width: calc( 100% / 3 - ( 27.5px )); padding: 0 45px 0 0; }
footer .box2 .inbox ul:nth-child(2){ width: calc( 100% / 3 + ( 45px ));padding: 0 45px; }
footer .box2 .inbox ul:nth-child(3){ width: calc( 100% / 3 - ( 27.5px )); padding: 0 0 0 45px; }
footer .box2 .inbox ul li{ width: 50%; position: relative; padding-left: 20px; }
footer .box2 .inbox ul li:before{ content: ""; z-index: 0; position: absolute; background: url(../images/nav-icon.svg) no-repeat; background-size: contain; height: 8px; width: 5px; left: 0; top: 0; bottom: 0; margin: 6px 0; }
footer .box2 .inbox ul li:nth-child(1){ order: 1; }
footer .box2 .inbox ul li:nth-child(2){ order: 2; }
footer .box2 .inbox ul li:nth-child(3){ order: 4; }
footer .box2 .inbox ul li:nth-child(4){ order: 3; }
footer .box2 .inbox ul li:nth-child(5){ order: 5; }
footer .box2 .inbox ul li:nth-child(even){ margin-bottom: 15px; }
footer .box2 .inbox ul li.box-title{ padding-left: 0; font-weight: 700; width: 100%; padding-bottom: 15px; margin-bottom: 15px; position: relative; }
footer .box2 .inbox ul li.box-title:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 25px; height: 2px; background: var(--main-color); }
footer .box2 .inbox ul li.box-title:before{ content: none; }
footer .box2 .inbox1 ul:nth-child(1) li.box-title:after{ background: var(--higashi-color); }
footer .box2 .inbox1 ul:nth-child(2) li.box-title:after{ background: var(--fujigaoka-color); }
footer .box2 .inbox1 ul:nth-child(3) li.box-title:after{ background: var(--yokohama-color); }
footer .box2 .inbox2 ul:nth-child(1) li.box-title:after{ background: var(--toyosu-color); }
footer .box2 .inbox2 ul:nth-child(2) li.box-title:after{ background: var(--karasuyama-color); }
footer .box2 .inbox2 ul:nth-child(3) li.box-title:after{ background: #A875E2; }
footer .box2 .inbox ul li a{ font-size: 1.3rem; }
footer .btn-box{ max-width: 550px; position: absolute; top: -38px; left: 0; right: 0; width: 100%; margin: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
footer .btn-box .min-banner{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 49.5%; background: var(--pink-color); padding: 20px 10px; font-weight: 700; position: relative;}
footer .btn-box .min-banner::before{
  content: "";
    z-index: 0;
    transition: all 0.4s;
    position: absolute;
    background: url(../images/btn-arrow02.svg) no-repeat;
    background-size: contain;
    height: 6px;
    width: 13px;
    right: 12px;
    bottom: 12px;
}
footer .btn-box .min-banner:nth-child(2){ background: var(--yellow-color); }
footer .btn-box .min-banner p{ text-align: left; font-size: 1rem; color: #fff; }
footer .btn-box .min-banner span{ display: block; font-size: 1.6rem; color: #fff; }
footer .btn-box .min-banner img{ margin-right: 20px; width: 25px; }
footer small{ letter-spacing: .05em; font-size: 1.2rem; display: block; text-align: center; }
footer .page-top{ width: 50px; height: 50px; position: fixed; bottom: 20px; right: 10px; cursor: pointer; background: var(--main-color); opacity: 1; z-index: 900; }
footer .page-top::before{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: -4px; margin: auto; width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* =================== top =================== */

#top .fv{ background: #e7e7e7; position: relative; }
#top .fv .container{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 700; font-size: 3rem; }
#top .fv .container h2{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#top .fv .movie{ position: relative; width: 100%; padding-top: 56.25%; }
#top .fv .movie iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
section{ padding: 100px 0; }
section .top-sectitle{ line-height: 1.4em; color: #171717; font-weight: 700; font-size: 2.6rem; margin-bottom: 35px; }
section .top-sectitle span{ line-height: 1em; color: var(--pink-color); position: relative; display: block; font-weight: 700; font-size: 2.4rem; margin-bottom: 25px; padding-bottom: 25px; }
section .top-sectitle span:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 16px; height: 3px; background: var(--main-color); }
section .top-sectitle span:after{ content: ""; position: absolute; left: 19px; bottom: 0; width: 16px; height: 3px; background: var(--pink-color); }

#top .information-box{ background: var(--main-color); padding: 17px 0; }
#top .information-box .item{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#top .information-box .item .text{ text-decoration: underline #fff; font-size: 1.5rem; }
#top .information-box .item .text a{ color: #fff; }
#top .information-box .item .btn{ margin-left: 20px; padding: 15px; min-width: auto; max-width: 195px; width: 100%; font-size: 1.5rem; color: var(--main-color); }
#top .information-box .item .btn2{ background: #fff; }
#top .information-box .item .btn:hover{opacity: 0.8;}
#top .information-box .item .btn:before{ content: ""; z-index: 0; transition: all 0.4s; position: absolute; background: url(../images/btn-arrow01.svg) no-repeat; background-size: contain; height: 15px; width: 15px; right: 15px; top: 0; bottom: 0; margin: auto; }

#top #sec01 .left{ width: 25%; }
#top #sec01 .left h2{ margin-bottom: 25px; color: #4B4B4B; }
#top #sec01 .left .btn-box .btn{ padding: 10px; max-width: 130px; min-width: auto; width: 100%; font-size: 1.3rem; }
#top #sec01 .left .btn-box .btn:hover {
  opacity: 0.8;
}
#top #sec01 .right{ width: 75%; padding-left: 85px; }
#top #sec01 .right .box{ max-height: 200px; overflow-y: scroll; }
#top #sec01 .right .box::-webkit-scrollbar { width: 3px; }
#top #sec01 .right .box::-webkit-scrollbar-track { background: var(--main-color); }
#top #sec01 .right .box::-webkit-scrollbar-thumb { background: var(--pink-color); }
#top #sec01 .right .box .item:not(:last-child){ margin-bottom: 25px; }
#top #sec01 .right .box .item a{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }
#top #sec01 .right .box .item .date{ height: 100%; position: relative; font-size: 1.3rem; font-weight: 500; width: 70px; line-height: 1.5em; }
#top #sec01 .right .box .item .text{ -webkit-box-align: center; -ms-flex-align: center; align-items: center;  width: calc( 100% - 270px ); }
#top #sec01 .right .box .item .text p{ font-size: 1.4rem; line-height: 1.5em; }
#top #sec01 .right .box .item .category{ margin: 0 30px; }
#top #sec01 .right .box .item .category li{ display: inline-block; width: 140px; background: #000; color: #fff; font-weight: 700; font-size: 1.1rem; text-align: center; padding: 7px 0; }
#top #sec01 .right .box .item .category li.other{ background: #F0F0F0; color: var(--main-color); }
#top #sec01 .right .box .item .category li.toukatsu{ background: var(--main-color); }
#top #sec01 .right .box .item .category li.higashi{ background: var(--higashi-color); }
#top #sec01 .right .box .item .category li.fujigaoka{ background: var(--fujigaoka-color); }
#top #sec01 .right .box .item .category li.yokohama{ background: var(--yokohama-color); }
#top #sec01 .right .box .item .category li.shika{ background: var(--shika-color); }
#top #sec01 .right .box .item .category li.toyosu{ background: var(--toyosu-color); }
#top #sec01 .right .box .item .category li.karasuyama{ background: var(--karasuyama-color); }

#top #sec02{ padding: 100px 0 0; position: relative; background: url(../images/top-sec02-bg.jpg) no-repeat; background-size: cover; }
#top #sec02:before{ content: ""; position: absolute; left: 0; bottom: -1px; height: 128px; width: 100%; background: #fff; z-index: 0; }
#top #sec02 .box1{ position: relative; margin-bottom: 100px; }
#top #sec02 .box1 .left{ width: 50%; }
#top #sec02 .box1 .left img{ position: absolute; left: 0; width: 50%; height: 100%; object-fit: cover; }
#top #sec02 .box1 .right{ padding: 40px 0 35px; width: 41%; margin-left: 90px; }
#top #sec02 .box1 .right h2,
#top #sec02 .box1 .right h2 span,
#top #sec02 .box1 .right p{ color: #fff; }
#top #sec02 .box1 .right p{ margin-bottom: 55px; font-size: 1.5rem; }
#top #sec02 .box1 .right .top-sectitle span:before{ background: #fff; }
#top #sec02 .box1 .right .btn-box{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#top #sec02 .box1 .right .btn-box .btn{ width: 49%;
position: relative;
  overflow: hidden;
  display: inline-block;
  outline: none;
  transition: ease .1s;
}
#top #sec02 .box1 .right .btn-box .btn:hover{opacity: 1;}
#top #sec02 .box1 .right .btn-box .btn span{
position: relative;
  z-index: 3;
  color: #1A3575;
}
#top #sec02 .box1 .right .btn-box .btn:hover span{color: #fff;transition: ease .1s;}
/* #top #sec02 .box1 .right .btn-box .btn:hover{opacity: 0.8;} */
.bgleft:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: #D95F4A;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.bgleft:hover:before {
  transform-origin: left top;
  transform: scale(1, 1);
}
#top #sec02 .box1 .right .btn-box .btn:not(:last-child){ margin-bottom: 2.5%; min-width: auto; }
#top #sec02 .box2{ position: relative; }
#top #sec02 .box2 ul{ position: relative; z-index: 2; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;flex-wrap: wrap; }
#top #sec02 .box2 ul li{  width: 24%; }
#top #sec02 .box2 ul li a{ box-shadow: 0 3px 33px rgb(0 0 0 / 3%); overflow: hidden; width: 100%; display: block; border: 1px solid var(--main-color); background: #fff; border-radius: 6px; }
#top #sec02 .box2 ul li a:hover {
  opacity: 0.8;
}
#top #sec02 .box2 ul li a h3{ position: relative; font-weight: 700; font-size: 2rem; text-align: center; padding: 25px 10px 55px; color: var(--main-color); }
#top #sec02 .box2 ul li a h3:before{ content: ""; z-index: 0; transition: all 0.4s; position: absolute; background: url(../images/top-arrow01.svg) no-repeat; background-size: contain; height: 10px; width: 20px; right: 0; left: 0; bottom: 25px; margin: auto; }
#top #sec02 .box2 ul li a h3 span{ font-size: 1.1rem; display: block; margin-bottom: 15px; }

#top #sec03{ position: relative; padding-top: 110px; }
#top #sec03:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; margin: auto; max-width: 1400px; background: url(../images/top-sec03-bg.png) no-repeat; background-size: 50%; background-position: 86% top; height: 100%; width: 100%; z-index: 0; }
#top #sec03 .box{ position: relative; z-index: 2; margin-bottom: 130px; width: 100%; max-width: 390px; }
#top #sec03 .box p{ margin-bottom: 55px; font-size: 1.5rem; }
#top #sec03 .flex{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#top #sec03 ul{ -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#top #sec03 ul li{ box-shadow: 0 3px 33px rgb(0 0 0 / 5%); width: 31%; margin-bottom: 4%;}
#top #sec03 ul::after {display: block;content: "";width: 31%;}
/* #top #sec03 ul li:nth-child(-n+3){ margin-bottom: 4%; } */
#top #sec03 ul li a{ position: relative; display: block; transition: all .3s; background: #fff; }
#top #sec03 ul li a:hover {
  opacity: 0.8;
}
#top #sec03 ul li a h3{ position: relative; padding: 25px; font-size: 1.3rem; font-weight: 700; }
#top #sec03 ul li a h3:before{ content: ""; z-index: 0; transition: all 0.4s; position: absolute; background: url(../images/top-arrow02.svg) no-repeat; background-size: contain; height: 6px; width: 13px; right: 12px; bottom: 12px; }


#top #sec04{ padding: 60px 0 180px; }
#top #sec04 .flex{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#top #sec04 .left{ width: 43%; }
#top #sec04 .left p{ margin-bottom: 55px; font-size: 1.5rem; }
#top #sec04 .left .btn-box{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#top #sec04 .left .btn-box .btn{ width: 49%;
position: relative;
  overflow: hidden;
  display: inline-block;
  outline: none;
  transition: ease .1s;
  margin-bottom: 2.5%;
}
#top #sec04 .left .btn-box .btn:hover{border: 1px solid #D95F4A;opacity: 1;}
#top #sec04 .left .btn-box .btn span {
  position: relative;
  z-index: 3;
  color: #1A3575;
}

#top #sec04 .left .btn-box .btn:hover span {
  color: #fff;
  transition: ease .1s;
}

#top #sec04 .left .btn-box .btn:not(:last-child){  min-width: auto; }
#top #sec04 .right{ text-align: right; width: 50%; }
#top #sec04 .right img{ width: 85%; }
#top #sec04 .right .box{ position: absolute; top: 50%; left: 00; transform: translate(0, -50%); padding: 130px 80px 145px; }
#top #sec04 .right .box h3{ width: 100%; line-height: 1.5em; font-size: 2.8rem; margin-bottom: 30px; color: #fff; }
#top #sec04 .right .box p{ width: 100%; font-size: 1.4rem; margin-bottom: 40px; color: #fff;  }
#top #sec04 .top-sectitle{color: var(--main-color);}

.banner-box{  }
.banner-box a{ padding: 85px 20px; text-align: center; width: 50%; position: relative; background: var(--main-color); }
.banner-box a:hover{opacity: 0.8;}
.banner-box a:nth-child(2){ background: var(--lblue-color); }
.banner-box a:before{ content: ""; position: absolute; border: 1px solid #fff; width: 95%; height: 91%; left: 0; right: 0; top: 0; bottom: 0; margin: auto; background: none; }
.banner-box a:after{ content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 95%; height: 91%; background: url(../images/triangle.svg) no-repeat; background-size: 25px 25px; background-position: right bottom; }
.banner-box a .icon-box{ margin-bottom: 45px; text-align: center; }
.banner-box a .icon-box img{ max-width: 65px; max-height: 45px; }
.banner-box a h3{ color: #fff; font-weight: 700; font-size: 2.5rem; }
.banner-box a h3 span{ color: #fff; font-size: 1.5rem; display: block; margin-top: 12px; }


/* =================== sub =================== */

.sub .title-box{ position: relative; overflow: hidden; background: url(../images/title-bg.jpg) no-repeat; background-size: 50% 100%; background-position: left center; }
.sub .title-box .flex{ margin-left: calc((100vw - 1280px) / 2); -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.sub .title-box .left{ padding: 120px 20px 55px 0; width: 30%; }
.sub .title-box .left h2{ font-weight: 700; font-size: 1.9rem; color: #fff; }
.sub .title-box .left h2 span{ font-weight: 700; margin-bottom: 9px; font-size: 3.7rem; display: block; color: #fff; position: relative; margin-bottom: 25px; padding-bottom: 25px; }
.sub .title-box .left h2 span:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 16px; height: 3px; background: #fff; }
.sub .title-box .left h2 span:after{ content: ""; position: absolute; left: 19px; bottom: 0; width: 16px; height: 3px; background: var(--pink-color); }
.sub .title-box .left .breadcrumbs{ margin-top: 42px; font-family: var(--en-font); letter-spacing: .05em; color: #fff; font-size: 1.3rem; }
.sub .title-box .left .breadcrumbs a,
.sub .title-box .left .breadcrumbs span{ color: #fff; letter-spacing: .05em; color: #fff; font-size: 1.3rem;margin-bottom: 5px; }
.sub .title-box .left .breadcrumbs span:nth-child(2),
.sub .title-box .left .breadcrumbs span:nth-child(3){ margin: 0 15px; }
.sub .title-box .left .breadcrumbs span:first-child{ margin-right: 15px; } 
.sub .title-box .left .breadcrumbs span span{ margin: 0!important; line-height: 1.5;}
.sub .title-box .right{ height: 100%; position: absolute; right: 0; width: 60%; }
.sub .title-box .right .img-box{ height: 100%; }
.sub .title-box .right .img-box img{ height: 100%; width: 100%; object-fit: cover; object-position: center; }

.sub section{ padding-bottom: 120px; }
.sub section:last-child{ padding-bottom: 0; }
.sub section .sec-intitle{ line-height: 1.3em; text-align: center; font-weight: 700; font-size: 2.4rem; color: var(--main-color); position: relative; margin-bottom: 50px; padding-bottom: 25px; }
.sub section .sec-intitle:before{ content: ""; position: absolute; right: 50%; transform: translate(calc( 50% - 10px ), 0%); bottom: 0; width: 16px; height: 3px; background: var(--main-color); }
.sub section .sec-intitle:after{ content: ""; position: absolute; left: 50%; transform: translate(calc( 50% - 6px ), 0%); bottom: 0; width: 16px; height: 3px; background: var(--pink-color); }
.sub section .sec-intitle.white{ color: #fff; }
.sub section .sec-intitle.white:before{ background: #fff; }
.sub section .sec-intitle.left-titile{ text-align: left; }
.sub section .sec-intitle.left-titile:before{ left: 0; right: auto; transform: unset; }
.sub section .sec-intitle.left-titile:after{ left: 18px; right: auto; transform: unset; }
.sub section .sec-inboxtitle{ color: var(--main-color); font-size: 2rem; font-weight: 700; margin-bottom: 20px; }
.sub section .sec-mintitle{ line-height: 1.3em; text-align: center; font-weight: 700; font-size: 2.2rem; color: var(--gray-color); position: relative; margin-bottom: 50px; padding-bottom: 25px; }
.sub section .sec-mintitle:before{ content: ""; position: absolute; right: 50%; transform: translate(calc( 50% - 10px ), 0%); bottom: 0; width: 16px; height: 3px; background: var(--main-color); }
.sub section .sec-mintitle:after{ content: ""; position: absolute; left: 50%; transform: translate(calc( 50% - 6px ), 0%); bottom: 0; width: 16px; height: 3px; background: var(--pink-color); }
.sub section .sec-mintitle.left-titile{ text-align: left; }
.sub section .sec-mintitle.left-titile:before{ left: 0; right: auto; transform: unset; }
.sub section .sec-mintitle.left-titile:after{ left: 18px; right: auto; transform: unset; }
.sub section .box-intitle h4{ border-left: 2px solid var(--main-color); padding: 10px 20px; font-weight: 700; font-size: 2rem; margin-bottom: 25px; }

.archive-wrapper{ padding-top: 100px; }

.sub section .sec-subtutle{ line-height: 1.3em; font-weight: 700; font-size: 2.2rem; color: var(--gray-color); position: relative; margin-bottom: 50px; padding-bottom: 20px; }
.sub section .sec-subtutle:before{ content: ""; position: absolute; left: 0; transform: translate(calc( 50% - 10px ), 0%); bottom: 0; width: 16px; height: 3px; background: var(--main-color); }
.sub section .sec-subtutle:after{ content: ""; position: absolute; left: 15px; transform: translate(calc( 50% - 6px ), 0%); bottom: 0; width: 16px; height: 3px; background: var(--pink-color); }

/* =================== about =================== */

#about #sec01 .box .left{ width: 65%; padding-right: 50px; }
#about #sec01 .box .left h4{ line-height: 1.5em; margin-bottom: 30px; font-weight: 700; font-size: 2rem; color: var(--gray-color); }
#about #sec01 .box .left p{ font-size: 1.5rem; color: var(--gray-color); }
#about #sec01 .box .right{ width: 35%; }
#about #sec01 .box .right .img-box{ margin-bottom: 15px; }
#about #sec01 .box .right p{ text-align: center; font-weight: 700; }
#about #sec02{ background-color: #fff; background-image: radial-gradient(#d3d3d3 20%, transparent 20%), radial-gradient(#d3d3d3 20%, transparent 20%); background-size: 8px 8px; background-position: 0 0, 20px 20px; }
#about #sec02 .box{ max-width: 875px; background: #fff; margin: auto; border-radius: 10px; padding: 75px 70px; }
#about #sec02 .box h4{ font-weight: 700; font-size: 2rem; margin-bottom: 55px; text-align: center; line-height: 1.5em; }
#about #sec02 .box .flex{ margin-bottom: 75px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#about #sec02 .box .flex div{ width: 48%; }
#about #sec02 .box .flex div p{ font-size: 1.5rem; }
#about #sec02 .box .img-box{ text-align: center; }
#about #sec02 .box .img-box img{ max-width: 600px; }
#about #sec03{ overflow: hidden; text-align: center; padding: 150px 0; background: url(../images/about-sec03bg.jpg)no-repeat; background-size: cover; background-position: center; }
#about #sec03 .box{ display: inline-block; position: relative; }
#about #sec03 .box:before{ content: ""; position: absolute; z-index: 0; right: 0; width: 270px; height: 292px; right: -100px; top: -75px; background: url(../images/hospital-object.svg)no-repeat; background-size: contain; background-position: center; }
#about #sec03 .box ol{ padding-left: 1.7em; position: relative; margin-bottom: 45px; display: inline-block; }
#about #sec03 .box ol li{ line-height: 1.3em; position: relative; text-align: left; font-weight: 700; color: #fff; font-size: 1.6rem; }
#about #sec03 .box ol li:before{ content: "1."; position: absolute; left: -1.7em; top: 0; }
#about #sec03 .box ol li:not(:last-child){ margin-bottom: 15px; }
#about #sec03 .box p{ color: #fff; font-size: 1.3rem; }

/* =================== site-policy =================== */

#site-policy .box{ margin-bottom: 70px; }

/* =================== not-found =================== */

#not-found section p{ margin-bottom: 30px; }


.slick-slide,
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);

  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);

  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}



section .subtitle{ padding-top:10px; font-size:1.6rem; color:#171717;
/* text-align:center;  */
line-height:1.5em; }
section .titlebluebox{ background:#173173; padding:20px 20px; margin-bottom:20px; font-size:1.9rem; font-weight:900; display:block; color:#fff; }
section .text-right{ padding-top:25px; color:#171717; font-size:1.4rem; text-align:right; }
section .underline{ font-size:inherit; color:inherit; font-weight:inherit; text-decoration:underline; }
section .redfont{ color:#D95F4A; font-size:inherit; font-weight:inherit; }
section .img-fluid{ width:100%; }

/* =================== About 1 =================== */

#about1{}
#about1 .text-right{ padding-top:25px; color:#171717; font-size:1.4rem; text-align:right; }
#about1 #sec01{ padding-bottom:75px; }
#about1 #sec01 .container{ max-width:840px; }
#about1 #sec01 .sec-intitle{}
#about1 #sec01 .subtitle{}
#about1 #sec01 .#about1 #sec01 .sec02{}
#about1 #sec01 .sec-subtutle{}
#about1 #sec01 .table-responsive{}
#about1 #sec01 .table{}

#about1 #sec02{ padding-top:0; padding-bottom:75px; }
#about1 #sec02 .container{ max-width:840px; }
#about1 #sec02 .sec-subtutle{}
#about1 #sec02 .table-responsive{}
#about1 #sec02 .table{}
#about1 #sec02 .text-right{ }

#about1 #sec03{ padding-top:0; }
#about1 #sec03 .container{ max-width:840px; padding-bottom:75px; }
#about1 #sec03 .sec-subtutle{}
#about1 #sec03 .table-responsive{}
#about1 #sec03 .table{}
#about1 #sec03 .text-right{ }

#about1 #sec04{ padding-top:0; }
#about1 #sec04 .container{ max-width:840px; }
#about1 #sec04 .sec-subtutle{}
#about1 #sec04 .table-responsive{}
#about1 #sec04 .table{}
#about1 #sec04 .text-right{ }

#about1 #sec02 td{ width:50%; }
#about1 #sec02 .tablepress .odd td{ background:#fff; }
#about1 #sec02 .tablepress .even td{ background:#F4F7F8; }
#about1 #sec02 .tablepress .row-11  td{ background:#F0ECD8; }

#about1 #sec03 td{ text-align:right; }
#about1 #sec03 .column-1{ text-align:left; }
#about1 #sec03 .tablepress .row-25  td{ background:#F0ECD8; }
#about1 #sec03 .column-2{ background:#F0ECD8; }
#about1 #sec03 .row-1 .column-2{ background:#1A3575; }
#about1 #sec03 .column-2,
#about1 #sec03 .column-3,
#about1 #sec03 .column-5,
#about1 #sec03 .column-6,
#about1 #sec03 .column-7,
#about1 #sec03 .column-8 { width:70px; }
#about1 #sec03 .column-4{ width:80px; }

#about1 #sec04 td{ text-align:right; }
#about1 #sec04 .column-1{ background:#F0ECD8; }
#about1 #sec04 .row-1 .column-1{ background:#1A3575; }
#about1 #sec04 .column-2, #about1 #sec04 .column-3, #about1 #sec04 .column-4, #about1 #sec04 .column-5, #about1 #sec04 .column-6, #about1 #sec04 .column-7{ width:14%; }

/* =================== About 2 =================== */

#about2{}
#about2 #sec01{}
#about2 #sec01 .container{ max-width:840px; }
#about2 #sec01 .sec-intitle{}
#about2 #sec01 ul{ padding-top:40px; justify-content:space-between; flex-wrap:wrap; }
#about2 #sec01 .list{  }
#about2 #sec01 li{ width:47%; margin-bottom:65px; }
#about2 #sec01 .titlebluebox{ margin-bottom:0px; }

/* =================== About 3 =================== */

#about3{}
#about3 #sec01{}
#about3 #sec01 .container{ max-width:840px; }
#about3 #sec01 .sec-intitle{}
#about3 #sec01 .subtitle{ padding-top:25px; font-size:2rem; font-weight:700; }
#about3 #sec01 .button{ padding-top:75px; text-align:center; }
#about3 #sec01 .btn{ background: url(../images/pdf_icon.svg) 97% 85% no-repeat; max-width:400px; width:100%; padding:37px 35px; border-radius:8px; text-align:left; font-size:1.8rem; justify-content:left; }

/* =================== Education =================== */

#meducation{}
#meducation .box{ align-items:center; }
#meducation .left{ width:200px; font-size:2rem; color:#1A3575; font-weight:600; }
#meducation .right{ width: calc( 100% - 200px ); font-size:1.6rem; color:#171717; line-height:1.5em; }
#meducation .img-box{ padding-top:50px; padding-bottom:0px; }

#meducation #sec01{ padding-bottom:0; }
#meducation #sec01 .container{ max-width:840px; }
#meducation #sec01 .sec-intitle{}
#meducation #sec01 ul{ justify-content:center; flex-wrap: wrap; gap: 10px 0; }
#meducation #sec01 .navlist{}
#meducation #sec01 li{}
#meducation #sec01 .btnlist{  position: relative; padding:17px 55px; margin:0 5px; border:1px solid #1A3575; border-radius:100px; font-size:1.7rem; color:#1A3575; font-weight:600;  }
#meducation #sec01 .btnlist:before{ content: ""; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto; height: 9px; width: 5px; background: url(../images/button_icon.svg) no-repeat center; }


#meducation #sec02{ padding-top:80px; padding-bottom:0; }
#meducation #sec02 .container{ max-width:840px; }
#meducation #sec02 .box{}
#meducation #sec02 .left{}
#meducation #sec02 .right{}
#meducation #sec02 .img-box{}

#meducation #sec03{ padding-top:160px; padding-bottom:0; }
#meducation #sec03 .container{ max-width:840px; }
#meducation #sec03 .box{}
#meducation #sec03 .left{}
#meducation #sec03 .right{}
#meducation #sec03 .img-box{}
#meducation #sec03 .button{}
#meducation #sec03 .btn{}

#meducation #sec04{ padding-top:130px; padding-bottom:0; }
#meducation #sec04 .container{ max-width:840px; }
#meducation #sec04 .box{}
#meducation #sec04 .left{}
#meducation #sec04 .right{}
#meducation #sec04 .img-box{}

#meducation #sec05{ padding-top:160px; padding-bottom:0; }
#meducation #sec05 .container{ max-width:840px; }

#meducation #sec04 h3{ padding-top:135px; padding-bottom:0px; font-size:2.6rem; color:#171717; font-weight:900;  }
#meducation #sec04 .imagebox{ overflow:hidden; overflow-x:scroll; }
#meducation #sec04 ul{}
#meducation #sec04 .listimage{ width:1930px;  }
#meducation #sec04 li{ width:350px; margin-right:35px; padding:40px 0 55px; }
#meducation #sec04 .listimagebox{  }
#meducation #sec04 .listdate{ padding-top:5px; font-size:1.3rem; color:#1A3575; }
#meducation #sec04 .listimage-img{ padding-top:10px; position:relative; }
#meducation #sec04 .listimage-box{ position:absolute; top:-5px; right:10px; background:#fff; padding:5px 15px; border:1px solid #1A3575; border-radius:15px; font-size:1.1rem; color:#1A3575; font-weight:bold; }
#meducation #sec04 .listmeta{ padding-top:10px; display:flex; }
#meducation #sec04 .meta{  background: #D95F4A; padding:5px 20px; margin-right:5px; border-radius:15px; font-size:1.1rem; color:#fff; font-weight:bold; display:inline-block; }
#meducation #sec04 .metablue{ background:#3D96C1; }
#meducation #sec04 .listtitle{ padding-top:20px; font-size:1.7rem; font-weight:900; color:#171717; line-height:1.5em; }
#meducation #sec04 .button{ padding-top:30px; text-align:right;}
#meducation #sec04 .btn{ background: #1A3575; color:#fff; }

/* =================== Recruit =================== */

#recruit{}
#recruit #sec01{ padding-bottom:65px; }
#recruit #sec01 .container{ max-width:840px; }
#recruit #sec01 .sec-intitle{}
#recruit #sec01 .subtitle{}
#recruit #sec01 .redfont{ color:#FF0000; }
#recruit #sec01 .box{ padding-top:70px; }
#recruit #sec01 .box1{ padding-top:80px;}
#recruit #sec01 .box2{}
#recruit #sec01 .box3{}
#recruit #sec01 h4{ font-size:2rem; font-weight:900; color:#173173; }
#recruit #sec01 p{ padding-top:15px; font-size:1.6rem; color:#171717; padding-bottom:20px; }
#recruit #sec01 .metalist{ display:flex; margin-bottom:10px; }
#recruit #sec01 .meta{ position: relative; padding:17px 57px; margin:0 5px; border:1px solid #173173; border-radius:100px; font-size:1.5rem; color:#173173; font-weight:bold; }
#recruit #sec01 .meta:before{ content: ""; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto; width: 9px; height: 5px; background: url(../images/buttonright_icon.svg) no-repeat center; }
#recruit #sec01 .metapdf{  padding:17px 57px; margin:0 5px; border:1px solid #173173; border-radius:100px; font-size:1.5rem; color:#173173; font-weight:bold; }
#recruit #sec01 .metapdf:before{ background:url(../images/pdf_icon.svg) center no-repeat; width:20px; height: 20px; background-size: contain; }

#recruit #sec02{ padding-top:0; }
#recruit #sec02 .container{ max-width:840px; }
#recruit #sec02 .navlist{  justify-content:space-between;  }
#recruit #sec02 li{ width:33%; }
#recruit #sec02 .btnlist{ background:  #173173 url(../images/btn-arrow02.svg) 95% 85% no-repeat; padding:25px 10px; margin:0 5px; font-size:1.5rem; color:#fff; line-height:1.5em; font-weight:bold; text-align:center; }
#recruit #sec02 .btnlist1{ padding:14px 10px; }


/* =================== Recruit1 =================== */

#recruit1{}
#recruit1 #sec01{ padding-bottom:0; }
#recruit1 #sec01 .container{ max-width:840px; }
#recruit1 #sec01 .sec-intitle{}
#recruit1 #sec01 .#recruit1{}
#recruit1 #sec01 .subtitle{}
#recruit1 #sec01 .navlist{ padding-top:100px; justify-content:center; }
#recruit1 #sec01 li{}
#recruit1 #sec01 .btnlist{ position: relative; padding:17px 65px; margin:0 20px; border:1px solid #1A3575; border-radius:25px; font-size:1.6rem; font-weight:bold; color: var(--main-color); }
#recruit1 #sec01 .btnlist:before{ content: ""; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto; height: 9px; width: 5px; background: url(../images/button_icon.svg) no-repeat center; }

#recruit1 #sec02{ padding-top:85px; padding-bottom:190px; }
#recruit1 #sec02 .container{ max-width:840px; }
#recruit1 #sec02 .sec{}
#recruit1 #sec02 .sec1{}
#recruit1 #sec02 .sec-subtutle{ margin-bottom:30px; }
#recruit1 #sec02 .table-responsive{}
#recruit1 #sec02 .table{ }
#recruit1 #sec02 .text-right{}
#recruit1 #sec02 .sec2{ padding-top:85px; }
#recruit1 #sec02 .sec2 .sec-subtutle{ margin-bottom:50px; }
#recruit1 #sec02 .sec3{ padding-top:55px; }
#recruit1 #sec02 .box{ padding:15px 0px; line-height:1.5em; }
#recruit1 #sec02 .box1{ border-bottom:1px solid rgba( 112, 112, 112 , 0.19); }
#recruit1 #sec02 .left{ width:240px; font-size:1.4rem; color:#171717; font-weight:600; }
#recruit1 #sec02 .right{ font-size:1.4rem; color:#171717; }
#recruit1 #sec02 .box2{}
#recruit1 #sec02 .sec4{ padding-top:55px; }
#recruit1 #sec02 .navlist1{ padding-top:5px; justify-content: space-between; }
#recruit1 #sec02 li{ width:48%; }
#recruit1 #sec02 .btnlist1{ background: url(../images/pdf_icon.svg) 97% 85% no-repeat; width:100%; padding:37px 35px; color:#1A3575; border:1px solid #1A3575; border-radius:8px; text-align:left; font-size:1.8rem; justify-content:left; font-weight: 700; }
#recruit1 #sec02 .button{ padding-top:60px; text-align:right; }
#recruit1 #sec02 .bnt1{ background:#1A3575; color:#fff; }

#recruit1 #sec02 td{ border:none; border-bottom:1px solid rgba( 26, 53, 117, 0.19); }
#recruit1 #sec02 .tablepress .odd td{ background:#fff; }
#recruit1 #sec02 .tablepress .even td{ background:#F4F7F8; }
#recruit1 #sec02 .tablepress .column-1{ width:180px; }

#recruit1 #sec03{ padding-top:0;  }
#recruit1 #sec03 .container{ max-width:840px; }
#recruit1 #sec03 .sec-intitle{}
#recruit1 #sec03 .subtitle{}
#recruit1 #sec03 .sec{ padding-top:80px; }
#recruit1 #sec03 .sec1{}
#recruit1 #sec03 .table-responsive{}
#recruit1 #sec03 .table{}
#recruit1 #sec03 .sec2{}
#recruit1 #sec03 .sec2 .sec-subtutle{ margin-bottom:30px; }
#recruit1 #sec03 p{ padding-bottom:10px; }
#recruit1 #sec03 .table-responsive{}
#recruit1 #sec03 .table{}
#recruit1 #sec03 .sec3{ padding-top:115px; }
#recruit1 #sec03 .step{}
#recruit1 #sec03 .step1{}
#recruit1 #sec03 .step p{ line-height:1.5em; }
#recruit1 #sec03 .steptitlebox{ position:relative; }
#recruit1 #sec03 .sec-bluebox{ background: url(../images/bluebox_title.png) center left no-repeat; background-size:20px; padding-left:40px; margin-bottom:40px; font-size:1.9rem; color:#1A3575; font-weight:900;  }
#recruit1 #sec03 .stepsubtitle{ position:absolute; top:0; right:0; font-size:1.4rem; color:#000000; font-weight:600; }
#recruit1 #sec03 .textbox{ font-size:1.6rem; line-height:1.5em; }
#recruit1 #sec03 .sec3 .sec-subtutle{ margin-bottom:30px; }
#recruit1 #sec03 .textbox1{}
#recruit1 #sec03 .button{ margin-top:40px; margin-bottom:0px;  }
#recruit1 #sec03 .button1{ margin-top:90px;  }
#recruit1 #sec03 .bnt1{ background:#1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width:520px; width:100%; padding:28px 15px; border-radius:0; color:#fff; text-align:center; font-size:1.5rem; }
#recruit1 #sec03 .textbox2{ padding-top:60px; }
#recruit1 #sec03 .step2{ padding-top:90px; }
#recruit1 #sec03 .text{}
#recruit1 #sec03 .step3{ padding-top:90px; }
#recruit1 #sec03 .text1{ padding-top:10px; font-size:1.6rem; font-weight:600; line-height:1.5em; }
#recruit1 #sec03 .sec4{ padding-top:90px; }
#recruit1 #sec03 .fontstrong{ font-size:1.6rem; line-height:1.5em; font-weight:bold; }
#recruit1 #sec03 .sec5{}
#recruit1 #sec03 .sec6{}
#recruit1 #sec03 .sec7{}
#recruit1 #sec03 .button2{ padding-top:50px; text-align:center; }
#recruit1 #sec03 .bnt3{ background:var(--main-color) url(../images/btn-arrow02.svg) 97% 85% no-repeat; border:none; max-width:480px; width:100%; padding:34px 15px; border-radius:0; color:#fff; text-align:center; font-size:2rem; font-weight:700; }

#recruit1 #sec03 .tablepress .row-2	td{ background:#F2F8FB; font-weight:bold; border-left:none; border-right:none; }
#recruit1 #sec03 .tablepress td{ background:#fff; }
#recruit1 #sec03 .column-1{ border-left:0; }
#recruit1 #sec03 .column-5{ border-right:0; }

/* =================== Recruit2 =================== */

#recruit2{}
#recruit2 #sec01{ padding-bottom:170px; }
#recruit2 #sec01 .container{ max-width:840px; }
#recruit2 #sec01 .sec-intitle{ margin-bottom:30px; }
#recruit2 #sec01 .subtitle{}
#recruit2 #sec01 .sec{ padding-top:85px; }
#recruit2 #sec01 .sec1{}
#recruit2 #sec01 .sec-subtutle{}
#recruit2 #sec01 .table-responsive{}
#recruit2 #sec01 .table{}
#recruit2 #sec01 .sec2{ padding-top:132px; }
#recruit2 #sec01 ul{}
#recruit2 #sec01 .navlist1{ padding-top:5px; justify-content: space-between; }
#recruit2 #sec01 li{ width:48%; }
#recruit2 #sec01 .btnlist{ background: url(../images/pdf_icon.svg) 97% 85% no-repeat; width:100%; padding:37px 35px; color:#1A3575; border:2px solid #1A3575; border-radius:8px; text-align:left; font-size:1.8rem; justify-content:left;  }
#recruit2 #sec01 .sec3{ padding-top:100px; }
#recruit2 #sec01 p{}
#recruit2 #sec01 .button{ padding-top:60px; text-align:right; }
#recruit2 #sec01 .bnt1{ background:#1A3575; color:#fff; }

#recruit2 #sec01 td{ border:none; border-bottom:1px solid rgba( 26, 53, 117, 0.19); }
#recruit2 #sec01 .tablepress .odd td{ background:#fff; }
#recruit2 #sec01 .tablepress .even td{ background:#F4F7F8; }
#recruit2 #sec01 .tablepress .column-1{ width:180px; }

#recruit2 #sec02{ padding-top:0;  }
#recruit2 #sec02 .container{ max-width:840px; }
#recruit2 #sec02 .sec-intitle{}
#recruit2 #sec02 .subtitle{}
#recruit2 #sec02 .sec{ padding-top:80px; }
#recruit2 #sec02 .sec1{}
#recruit2 #sec02 .table-responsive{}
#recruit2 #sec02 .table{}
#recruit2 #sec02 .sec2{}
#recruit2 #sec02 .sec2 .sec-subtutle{ margin-bottom:30px; }
#recruit2 #sec02 p{ padding-bottom:10px; }
#recruit2 #sec02 .table-responsive{}
#recruit2 #sec02 .table{}
#recruit2 #sec02 .sec3{ padding-top:115px; }
#recruit2 #sec02 .step{}
#recruit2 #sec02 .step1{}
#recruit2 #sec02 .step p{ line-height:1.5em; }
#recruit2 #sec02 .steptitlebox{ position:relative; }
#recruit2 #sec02 .sec-bluebox{ background: url(../images/bluebox_title.png) center left no-repeat; background-size:20px; padding-left:40px; margin-bottom:40px; font-size:1.9rem; color:#1A3575; font-weight:900;  }
#recruit2 #sec02 .stepsubtitle{ position:absolute; top:0; right:0; font-size:1.4rem; color:#000000; font-weight:600; }
#recruit2 #sec02 .textbox{ font-size:1.6rem; line-height:1.5em; }
#recruit2 #sec02 .sec3 .sec-subtutle{ margin-bottom:30px; }
#recruit2 #sec02 .textbox1{}
#recruit2 #sec02 .button{ margin-top:40px; margin-bottom:0px;  }
#recruit2 #sec02 .button1{ margin-top:90px;  }
#recruit2 #sec02 .bnt1{ background:#1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width:520px; width:100%; padding:28px 15px; border-radius:0; color:#fff; text-align:center; font-size:1.5rem; }
#recruit2 #sec02 .textbox2{ padding-top:60px; }
#recruit2 #sec02 .step2{ padding-top:90px; }
#recruit2 #sec02 .text{}
#recruit2 #sec02 .step3{ padding-top:90px; }
#recruit2 #sec02 .text1{ padding-top:10px; font-size:1.6rem; font-weight:600; line-height:1.5em; }
#recruit2 #sec02 .sec4{ padding-top:90px; }
#recruit2 #sec02 .fontstrong{ font-size:1.6rem; line-height:1.5em; font-weight:bold; }
#recruit2 #sec02 .sec5{}
#recruit2 #sec02 .sec6{}
#recruit2 #sec02 .sec7{}
#recruit2 #sec02 .button2{ padding-top:50px; text-align:center; }
#recruit2 #sec02 .bnt3{
      background: var(--main-color) url(../images/btn-arrow02.svg) 97% 85% no-repeat;
    border: none;
    max-width: 480px;
    width: 100%;
    padding: 34px 15px;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
}


#recruit2 #sec02 .tablepress .row-2	td{ background:#F2F8FB; font-weight:bold; border-left:none; border-right:none; }
#recruit2 #sec02 .tablepress td{ background:#fff; }
#recruit2 #sec02 .column-1{ border-left:0; }
#recruit2 #sec02 .column-5{ border-right:0; }

/* =================== Recruit3 =================== */

#recruit3{}
#recruit3 #sec01{}
#recruit3 #sec01 .container{ max-width:840px; }
#recruit3 #sec01 .sec-intitle{}
#recruit3 #sec01 .subtitle{}
#recruit3 #sec01 .img-box{ margin:80px 0px 115px -40px; }
#recruit3 #sec01 .sec{}
#recruit3 #sec01 .sec1{}
#recruit3 #sec01 .sec-subtutle{ margin-bottom:30px; }
#recruit3 #sec01 .table-responsive{}
#recruit3 #sec01 .table{}

#recruit3 #sec01 .sec2{ padding-top:115px; }
#recruit3 #sec01 .sec-subtutle{}

#recruit3 #sec01 .navlist1{ padding-top:15px; justify-content: space-between; }
#recruit3 #sec01 li{ width:48%; }
#recruit3 #sec01 .btnlist{ background: url(../images/pdf_icon.svg) 97% 85% no-repeat; width:100%; padding:37px 35px; color:#1A3575; border:2px solid #1A3575; border-radius:8px; text-align:left; font-size:1.8rem; justify-content:left;  }


#recruit3 #sec01 .sec3{ padding-top:120px; }
#recruit3 #sec01 .subtutle{}
#recruit3 #sec01 .textbox{ padding-top:10px; font-size:1.6rem; color:#171717; line-height:1.5em; }

#recruit3 #sec01 .sec4{ padding-top:120px; }
#recruit3 #sec01 .sec5{ padding-top:105px; }
#recruit3 #sec01 .sec6{ padding-top:105px; }
#recruit3 #sec01 .img-box1{ margin: 50px 0 35px; }
#recruit3 #sec01 p{}
#recruit3 #sec01 .button{ padding-top:60px; text-align:center; }
#recruit3 #sec01 .bnt1{
      background: var(--main-color) url(../images/btn-arrow02.svg) 97% 85% no-repeat;
    border: none;
    max-width: 480px;
    width: 100%;
    padding: 34px 15px;
    border-radius: 0;
    color: #fff;
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
  }
#recruit3 #sec01 .btntext{ padding-top:20px; text-align:center; }

#recruit3 #sec01 td{ border:none; border-bottom:1px solid rgba( 26, 53, 117, 0.19); }
#recruit3 #sec01 .tablepress .odd td{ background:#fff; }
#recruit3 #sec01 .tablepress .even td{ background:#F4F7F8; }
#recruit3 #sec01 .tablepress .column-1{ width:180px; }

/* =================== Recruit4 =================== */

#recruit4{}
#recruit4 #sec01{}
#recruit4 #sec01 container{ max-width:840px; }
#recruit4 #sec01 sec-intitle{}
#recruit4 #sec01 subtitle{}
#recruit4 #sec01 .button{ padding-top:60px; text-align:center; }
#recruit4 #sec01 .btn{ background:#173173 url(../images/btn-arrow02.svg) 97% 85% no-repeat; border:none; max-width:370px; width:100%; padding:28px 15px; border-radius:0; color:#fff; text-align:center; font-size:1.5rem; font-weight:700; }

/* =================== Hospital =================== */

#mhospital{}
#mhospital #sec01{}
#mhospital #sec01 .container{ max-width:930px; }
#mhospital #sec01 .sec-intitle{}
#mhospital #sec01 .subtitle{}
#mhospital #sec01 ul{ padding-top:80px; flex-wrap:wrap; }
#mhospital #sec01 list{}
#mhospital #sec01 li{ width:31%; margin-right:3.5%; margin-bottom:35px; }
#mhospital #sec01 li:nth-child(3n){ margin-right:0; }
#mhospital #sec01 .box{ box-shadow: 10px 10px 9px 4px rgba(0,0,0,0.06); -webkit-box-shadow: 10px 10px 9px 4px rgba(0,0,0,0.06); -moz-box-shadow: 10px 10px 9px 4px rgba(0,0,0,0.06); }
#mhospital #sec01 .img-box{}
#mhospital #sec01 .textbox{ background: url(../images/buttonright_icon.svg) 95% 95% no-repeat; padding:30px 22px; font-size:1.3rem; color:#1A3575; font-weight:bold;}
#mhospital #sec01 .img-box1{ margin-top:-120px; }
#mhospital #sec01 .img-box2{}


/* =================== Privacy =================== */

#mprivacy{}
#mprivacy #sec01{}
#mprivacy #sec01 .container{ max-width:840px; }
#mprivacy #sec01 .sec-intitle{}
#mprivacy #sec01 .subtitle{}
#mprivacy #sec01 .sec{ padding-top:47px; }
#mprivacy #sec01 .sec-subtutle{ margin-bottom:20px; font-size: 18px; }
#mprivacy #sec01 .sec-subtutle:not(:first-child){ margin-top: 70px; }
#mprivacy #sec01 .sec p{ font-size: 1.5rem; margin-bottom: 30px; }
#mprivacy #sec01 .sec1{ padding-top:70px; }
#mprivacy #sec01 .sec2{}
#mprivacy #sec01 .sec3{}
#mprivacy #sec01 .sec4{}
#mprivacy #sec01 .sec5{}
#mprivacy #sec01 .sec6{}
#mprivacy #sec01 .sec7{}
#mprivacy #sec01 .text-right{ line-height:1.5em; }

/* =================== History =================== */

#mhistory{}
#mhistory #sec01{  line-height:1.5em; padding-bottom:0px; }
#mhistory #sec01 .container{ max-width:840px; }
#mhistory #sec01 .sec-intitle{}
#mhistory #sec01 .box{ padding-top:75px; align-items:flex-start; }
#mhistory #sec01 .left{ width:63%; padding-right:60px; }
#mhistory #sec01 h3{  font-size:2rem; color:#173173; font-weight:bold; margin-bottom:25px;  }
#mhistory #sec01 p{ font-size:1.5rem; line-height:1.7em; }
#mhistory #sec01 .right{ width:37%; }
#mhistory #sec01 .box1{ padding-top:25px; align-items:center; }
#mhistory #sec01 .left1{ width:240px; }
#mhistory #sec01 .right1{ width:calc( 100% - 240px ); padding-left:50px; font-size:1.5rem; }

#mhistory #sec02{}
#mhistory #sec02 .container{ max-width:840px; }
#mhistory #sec02 .sec-subtutle{ margin-bottom:30px; }
#mhistory #sec02 .table-responsive{}
#mhistory #sec02 .table{}
#mhistory #sec02 .text-right{}

#mhistory #sec02 td{ border:none; border-bottom:1px solid rgba( 26, 53, 117, 0.19); }
#mhistory #sec02 .tablepress .odd td{ background:#F4F7F8; }
#mhistory #sec02 .tablepress .even td{ background:#fff; }
#mhistory #sec02 .tablepress .column-1{ width:100px; }
#mhistory #sec02 .tablepress .column-2{ width:120px; }


/* =================== Flow =================== */

#flow{}
#flow #sec01{ padding-bottom:0; line-height:1.5em; }
#flow #sec01 .container{ max-width:840px; }
#flow #sec01 .sec-intitle{}
#flow #sec01 .inbox{ padding:50px; border-radius:5px; border:1px solid #1A3575; font-size:1.6rem; color:#707070; }
#flow #sec01 .inbox p{ padding-top: 0; color:#707070; line-height: 2em; }
#flow #sec01 .title{ padding-bottom:20px; font-weight:600; color:#1A3575; font-size:1.8rem; }
#flow #sec01 ul{ margin-top:130px; background: url(../images/flow_linebgblue.png) center 90% no-repeat; background-size:2px 100%; }
#flow #sec01 .list{}
#flow #sec01 li{ margin-bottom:50px; }
#flow #sec01 .listbox{ background:#F7F9FA; padding:50px 15px 35px 45px; }
#flow #sec01 .left{ width:150px; }
#flow #sec01 .right{ width:calc( 100% - 150px ); padding-left:50px; position:relative; }
#flow #sec01 .stepfloat{ position:absolute; top:-60px; right:25px; font-size:3.1rem; color:#1A3575; font-weight: 600; }
#flow #sec01 h4{ font-size:1.8rem; color:#1A3575; font-weight:600; }
#flow #sec01 p{ padding-top:20px; font-size:1.5rem; line-height:1.5em; }
#flow #sec01 .button{ padding-top:15px; display:flex; flex-wrap:wrap; }
#flow #sec01 .btn{ position: relative; background: #fff; min-width:auto; letter-spacing:-0.3px; max-width:600px; padding: 8px 55px 8px 30px; margin-bottom:10px; margin-right:10px; font-size:1.5rem; }
#flow #sec01 .btn:before{ content: ""; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto; width: 9px; height: 5px; background: url(../images/buttonright_icon.svg) no-repeat center; }

#flow #sec02{ padding-top:90px; line-height:1.5em; }
#flow #sec02 .container{ max-width:840px; }
#flow #sec02 h3{ padding-bottom:45px; font-size:2rem; color:#1A3575; font-weight:bold; text-align:center; }
#flow #sec02 ul{}
#flow #sec02 .list{ justify-content:space-between; }
#flow #sec02 .wrap{flex-wrap: wrap;gap: 20px 0;}
#flow #sec02 li{ width:48%;  background: #fff url(../images/flow-arrowrightred.png) 95% 90% no-repeat; background-size:18px auto; padding:30px 30px; border:1px solid #1A3575; border-radius:10px; }

#flow #sec02 .listbox{}
#flow #sec02 .listbox{}
#flow #sec02 h4{ font-size:1.8rem; color:#1A3575; font-weight:600; }
#flow #sec02 .listsubtitle{ background:#D95F4A; margin-left:20px; padding:1px 10px; vertical-align:text-bottom; border-radius:2px; color:#fff; font-size:1.3rem; display:inline-block; }
#flow #sec02 .listsubtitle.bl{background:#1A3575;}
#flow #sec02 p{ padding-top:20px; font-size:1.5rem; line-height:1.5em; }
#flow #sec02 .button{ padding-top:65px; text-align:right; }
#flow #sec02 .btn1{ background:#1A3575; color:#fff; width: 100%; max-width: 360px; }

/* =================== Flow1 =================== */



#flow1{}
#flow1 #sec01{ padding-bottom:0; line-height:1.5em; }
#flow1 #sec01 .container{ max-width:840px; }
#flow1 #sec01 .sec-intitle{}
#flow1 #sec01 .inbox{ padding:50px; border-radius:5px; border:1px solid #1A3575; font-size:1.6rem; color:#707070; }
#flow1 #sec01 .title{ padding-bottom:20px; font-weight:600; color:#1A3575; font-size:1.8rem; }
#flow1 #sec01 .inbox p{ padding-top: 0; color:#707070; line-height: 2em; }
#flow1 #sec01 ul{ margin-top:130px; background: url(../images/flow_linebg.png) center 90% no-repeat; background-size:2px 100%; }
#flow1 #sec01 .list{}
#flow1 #sec01 li{ margin-bottom:50px; }
#flow1 #sec01 .listbox{ background:#F7F4F4; padding:50px 15px 35px 45px; }
#flow1 #sec01 .left{ width:150px; }
#flow1 #sec01 .right{ width:calc( 100% - 150px ); padding-left:50px; position:relative; }
#flow1 #sec01 .stepfloat{ position:absolute; top:-60px; right:25px; font-size:3.1rem; color:#D95F4A; font-weight:600; }
#flow1 #sec01 h4{ font-size:1.8rem; color:#D95F4A; font-weight:600; }
#flow1 #sec01 p{ padding-top:20px; font-size:1.5rem; line-height:1.5em; }
#flow1 #sec01 .button{ padding-top:15px; display:flex; flex-wrap:wrap; }
#flow1 #sec01 .btn{ position: relative; background: #fff; min-width:auto; letter-spacing:-0.3px; max-width:600px; padding: 8px 55px 8px 30px; margin-bottom:10px; margin-right:10px; font-size:1.5rem; }
#flow1 #sec01 .btn:before{ content: ""; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto; width: 9px; height: 5px; background: url(../images/buttonright_icon.svg) no-repeat center; }

#flow1 #sec02{ padding-top:90px; line-height:1.5em; }
#flow1 #sec02 .container{ max-width:840px; }
#flow1 #sec02 h3{ padding-bottom:45px; font-size:2rem; color:#1A3575; font-weight:bold; text-align:center; }
#flow1 #sec02 ul{}
#flow1 #sec02 .list{ justify-content:space-between; }
#flow1 #sec02 li{ width:48%;  background: #fff url(../images/flow-arrowrightred.png) 95% 90% no-repeat; background-size:18px auto; padding:30px 30px; border:1px solid #1A3575; border-radius:10px; }
#flow1 #sec02 .listbox{}
#flow1 #sec02 .listbox{}
#flow1 #sec02 h4{ font-size:1.8rem; color:#1A3575; font-weight:600; }
#flow1 #sec02 .listsubtitle{ background:#1A3575; margin-left:20px; padding:1px 10px; vertical-align:text-bottom; border-radius:2px; color:#fff; font-size:1.3rem; display:inline-block; }
#flow1 #sec02 p{ padding-top:20px; font-size:1.5rem; line-height:1.5em; }
#flow1 #sec02 .button{ padding-top:65px; text-align:right; }
#flow1 #sec02 .btn1{ background:#1A3575; color:#fff; }


/* =================== Flow2 =================== */

#flow2 #sec02{}
#flow2 #sec02 .container{ max-width:840px; }
#flow2 #sec02 h3{}
#flow2 #sec02 ul{}
#flow2 #sec02 .list{}
#flow2 #sec02 li{}
#flow2 #sec02 .listbox{}
#flow2 #sec02 .listbox1{}
#flow2 #sec02 .listbox2{}
#flow2 #sec02 h4{}
#flow2 #sec02 .listsubtitle{}
#flow2 #sec02 p{}
#flow2 #sec02 .button{}
#flow2 #sec02 .btn1{}

#flow2{}
#flow2 #sec01{ padding-bottom:0; line-height:1.5em; }
#flow2 #sec01 .container{ max-width:840px; }
#flow2 #sec01 .sec-intitle{}
#flow2 #sec01 .inbox{ padding:30px 50px 25px; border-radius:5px; border:1px solid #1A3575; text-align:center; font-size:1.6rem; color:#707070; }
#flow2 #sec01 .title{ font-weight:600; color:#1A3575; font-size:1.8rem; }
#flow2 #sec01 .inbox p{ padding-top: 0; color:#707070; line-height: 2em; }
#flow2 #sec01 ul{ margin-top:110px; background: url(../images/flow_linebgblue.png) center 90% no-repeat; background-size:2px 100%; }
#flow2 #sec01 .list{}
#flow2 #sec01 li{ margin-bottom:50px; }
#flow2 #sec01 .listbox{ background:#F7F9FA; padding:50px 15px 35px 45px; }
#flow2 #sec01 .left{ width:150px; }
#flow2 #sec01 .right{ width:calc( 100% - 150px ); padding-left:50px; position:relative; }
#flow2 #sec01 .stepfloat{ position:absolute; top:-60px; right:25px; font-size:3.1rem; color:#1A3575; font-weight:600; }
#flow2 #sec01 h4{ font-size:1.8rem; color:#1A3575; font-weight:600; }
#flow2 #sec01 p{ padding-top:20px; font-size:1.5rem; line-height:1.5em; }
#flow2 #sec01 .button{ padding-top:15px; display:flex; flex-wrap:wrap; }
#flow2 #sec01 .btn{ position: relative; background: #fff; min-width:auto; letter-spacing:-0.3px; max-width:600px; padding: 8px 55px 8px 30px; margin-bottom:10px; margin-right:10px; font-size:1.5rem; }
#flow2 #sec01 .btn:before{ content: ""; position: absolute; right: 25px; top: 0; bottom: 0; margin: auto; width: 9px; height: 5px; background: url(../images/buttonright_icon.svg) no-repeat center; }


#flow2 #sec02{ padding-top:90px; line-height:1.5em; }
#flow2 #sec02 .container{ max-width:840px; }
#flow2 #sec02 h3{ padding-bottom:45px; font-size:2rem; color:#1A3575; font-weight:bold; text-align:center; }
#flow2 #sec02 ul{}
#flow2 #sec02 .list{ justify-content:space-between; }
#flow2 #sec02 li{ width:48%;  background: #fff url(../images/flow-arrowrightred.png) 95% 90% no-repeat; background-size:18px auto; padding:30px 30px; border:1px solid #1A3575; border-radius:10px; }
#flow2 #sec02 .listbox{}
#flow2 #sec02 .listbox{}
#flow2 #sec02 h4{ font-size:1.8rem; color:#1A3575; font-weight:600; }
#flow2 #sec02 .listsubtitle{ background:#1A3575; margin-left:20px; padding:1px 10px; vertical-align:text-bottom; border-radius:2px; color:#fff; font-size:1.3rem; display:inline-block; }
#flow2 #sec02 .listsubtitle1{ background:#D95F4A; margin-left:20px; padding:1px 10px; vertical-align:text-bottom; border-radius:2px; color:#fff; font-size:1.3rem; display:inline-block; }
#flow2 #sec02 p{ padding-top:20px; font-size:1.5rem; line-height:1.5em; }
#flow2 #sec02 .button{ padding-top:65px; text-align:right; }
#flow2 #sec02 .btn1{ background:#1A3575; color:#fff; }

/* =================== Access =================== */

#access .button{ padding-top:50px; text-align:right; }
#access .btn{ min-width:350px; padding-top:20px; padding-bottom:20px; border:1px solid #1A3575; font-size:1.5rem; color:#1A3575; }


#access{}
#access #sec01{ padding-bottom:0; }
#access #sec01 .container{ max-width:840px; }
#access #sec01 ul{ padding-bottom:80px; }
#access #sec01 .navlist{ flex-wrap:wrap; justify-content: center; }
#access #sec01 li{ margin:0 4px 8px; }
#access #sec01 .btnlist{ position: relative; padding:16px 30px 16px 18px; border-radius:25px; font-size:1.4rem; color:#003581; font-weight:bold; -webkit-box-shadow: 0px 3px 44px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 3px 44px rgba(0,0,0,0.1); box-shadow: 0px 3px 44px rgba(0,0,0,0.1); }
#access #sec01 .btnlist:before{ content: ""; position: absolute; right: 16px; top: 0; bottom: 0; margin: auto; width: 9px; height: 5px; background: url(../images/button_icon2.svg) no-repeat center; }

#access #sec01 .sec-intitle{}
#access td{ border:none; border-bottom:1px solid rgba( 26, 53, 117, 0.19); }
#access td a{ color: var(--main-color); }
#access .tablepress .column-1{ width:180px; font-weight:600; }

#access #sec02{ padding-top:20px; padding-bottom:0; }
#access #sec02 .container{ max-width:840px; }
#access #sec02 .sec-subtutle{ margin-bottom:30px; }
#access #sec02 .table-responsive{}
#access #sec02 .table{}

#access #sec03{ padding-top:80px; padding-bottom:0; }
#access #sec03 .container{ max-width:840px; }
#access #sec03 .sec-subtutle{}
#access #sec03 .table-responsive{}
#access #sec03 .table{}
#access #sec03 .sec-subtutle{ margin-bottom:30px; }
#access #sec03 .sec-subtutle1{ padding-top:75px; }
#access #sec03 .img-box{ padding-top:20px; justify-content: space-between; }
#access #sec03 img{ width:49%; }
#access #sec03 .button }
#access #sec03 .btn{}
#access #sec03 .btn img{ width:15px; }

#access #sec04{ padding-top:160px; padding-bottom:0; }
#access #sec04 .container{ max-width:840px; }
#access #sec04 .sec-intitle{ margin-bottom:70px; }
#access #sec04 .sec-subtutle{ margin-bottom:30px; }
#access #sec04 .table-responsive{}
#access #sec04 .table{}

#access #sec05{ padding-top:45px; padding-bottom:0; }
#access #sec05 .container{ max-width:840px; }
#access #sec05 .sec-subtutle{ margin-bottom:30px; }
#access #sec05 .table-responsive{}
#access #sec05 .table{}
#access #sec05 .sec-subtutle1{ padding-top:50px; margin-bottom:30px; }
#access #sec05 .img-box{ padding-top:20px; justify-content: space-between; }
#access #sec05 img{ width:49%; }
#access #sec05 .button{}
#access #sec05 .btn{}
#access #sec05 .btn1{}
#access #sec05 .btn img{ width:15px; }
#access #sec05 .btn1 img{ width:15px; }

#access #sec06{ padding-top:185px; padding-bottom:0; }
#access #sec06 .container{ max-width:840px; }
#access #sec06 .sec-intitle{ margin-bottom:80px; }
#access #sec06 .sec-subtutle{ margin-bottom:30px; }
#access #sec06 .table-responsive{}
#access #sec06 .table{}
#access #sec06 .sec-subtutle1{ padding-top:55px; }
#access #sec06 .img-box{ padding-top:20px; justify-content: space-between; }
#access #sec06 img{ width:32.5%; }
#access #sec06 .button{}
#access #sec06 .button1{ padding-top:10px; }
#access #sec06 .btn{}
#access #sec06 .btn1{}
#access #sec06 .btn img{ width:15px; }

#access #sec07{ padding-top:190px; padding-bottom:0; }
#access #sec07 .container{ max-width:840px; }
#access #sec07 .sec-intitle{ margin-bottom:70px; }
#access #sec07 .sec-subtutle{ margin-bottom:30px; }
#access #sec07 .table-responsive{}
#access #sec07 .table{}
#access #sec07 .sec-subtutle1{ padding-top:50px; }
#access #sec07 .img-box{ padding-top:20px; justify-content: space-between; }
#access #sec07 img{ width:49%; }
#access #sec07 .btn img{ width:15px; }

#access #sec08{ padding-top:190px; padding-bottom:0; }
#access #sec08 .container{ max-width:840px; }
#access #sec08 .sec-intitle{ margin-bottom:70px; }
#access #sec08 .sec-subtutle{ margin-bottom:30px; }
#access #sec08 .table-responsive{}
#access #sec08 .table{}
#access #sec08 .sec-subtutle1{ padding-top:50px; }
#access #sec08 .img-box{ padding-top:20px; justify-content: space-between; }
#access #sec08 img{ width:49%; }
#access #sec08 .button{}
#access #sec08 .btn{}
#access #sec08 .btn img{ width:15px; }

#access #sec09{ padding-top:190px; }
#access #sec09 .container{ max-width:840px; }
#access #sec09 .sec-intitle{ margin-bottom:70px; }
#access #sec09 .sec-subtutle{ margin-bottom:30px; }
#access #sec09 .table-responsive{}
#access #sec09 .table{}


/* =================== Jobfair =================== */

#jobfair{}
#jobfair #sec01{}
#jobfair #sec01 .container{ max-width:840px; }
#jobfair #sec01 .sec-intitle{}
#jobfair #sec01 .button{ padding-top:25px; display:flex; justify-content:space-between; }
#jobfair #sec01 .button a{ width:48%; }
#jobfair #sec01 .btn{ background: #fff url(../images/buttonright_iconred.svg) 97% center no-repeat; display:block; max-width: 500px;  padding: 40px 25px;  margin-bottom: 10px; color:#1A3575; border-radius:5px; font-size: 1.8rem; }
#jobfair #sec01 .tablepress .column-1{ width:180px; font-weight:600; }

/* =================== Jobfair1 =================== */

#jobfair1{}
#jobfair1 #sec01{}
#jobfair1 #sec01 .container{ max-width:840px; }
#jobfair1 #sec01 .sec-intitle{ margin-bottom:80px; }
#jobfair1 #sec01 .subtitle{ padding-bottom:50px; }
#jobfair1 #sec01 .table-responsive{}
#jobfair1 #sec01 .table{}
#jobfair1 #sec01 .text-right{}
#jobfair1 .button {
  padding-top: 35px;
  text-align: center;
}
#jobfair1 section .redfont{
  font-weight: 800;
  font-size: 1.2rem;
  color: #ff0000;
}
#jobfair1 .btn1 {
  background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat;
  max-width: 520px;
  width: 100%;
  padding: 28px 15px;
  border-radius: 0;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
}
#jobfair1 .buttontext{
  text-align: center;
  margin-top: 19px;
}
#jobfair1 .table-text{
  text-align: right;
  font-size: 12px;
  font-weight: 500;
  line-height: 2em;
}
#jobfair1 #sec01 .sec2{
  margin-top: 83px;
}
#jobfair1 #sec02{
  padding-top: 19px;
}
#jobfair1 #sec02 .sec1 .tablepress .even .column-2,#jobfair1 #sec02 .sec1 .tablepress .even .column-3{
  background: #fff;
}
#jobfair1 #sec02 .tablepress .column-1{ width:232px; font-weight:600; }
#jobfair1 #sec02 .sec2 .tablepress .column-1{
  width: 170px;
}
#jobfair1 #sec02 .sec1 .tablepress .column-1{ background:#F2F8FB;}
#jobfair1 #sec02 .sec1 .tablepress .row-1 .column-1{ background:#1A3575; }
#jobfair1 #sec02 .column-1{ border-left:none; }
#jobfair1 #sec02 .column-3{ border-right:none; }
#jobfair1 #sec02 .sec2{
  margin-top: 193px;
}
#jobfair1 #sec02 .sec2 .tablepress .column-1{ border-right: none; }
#jobfair1 #sec02 .sec2 .tablepress .column-2{ border-left: none; border-right: none;}

/* =================== Jobfair2 =================== */

#jobfair2{}
#jobfair2 #sec01{}
#jobfair2 #sec01 .container{ max-width:840px; }
#jobfair2 #sec01 .sec-intitle{ margin-bottom:80px; }
#jobfair2 #sec01 .subtitle{ padding-bottom:70px; }
#jobfair2 #sec01 .table-responsive{}
#jobfair2 #sec01 .table{}
#jobfair2 #sec01 .text-right{}
#jobfair2 .button {
  padding-top: 35px;
  text-align: center;
}
#jobfair2 section .redfont{
  font-weight: 800;
  font-size: 1.2rem;
  color: #ff0000;
}
#jobfair2 .btn1 {
  background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat;
  max-width: 520px;
  width: 100%;
  padding: 28px 15px;
  border-radius: 0;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
}
#jobfair2 .buttontext{
  text-align: center;
  margin-top: 19px;
}
#jobfair2 .buttontext p{
  font-size: 1.2rem;
  line-height: 2em;
  font-weight: 800;
}
#jobfair2 #sec02 .buttontext{
  text-align: left;
  width: 625px;
  margin: 19px auto 0;
}
#jobfair2 #sec01 .sec2{
  margin-top: 83px;
}
#jobfair2 #sec02{
  padding-top: 19px;
}
#jobfair2 #sec02 .tablepress .column-1{ width:232px; font-weight:600; }
#jobfair2 #sec02 .sec2 .tablepress .column-1{
  width: 170px;
}
#jobfair2 #sec02 .column-1{ border-left:none; }
#jobfair2 #sec02 .column-3{ border-right:none; }
#jobfair2 #sec02 .sec2{
  margin-top: 193px;
}
#jobfair2 #sec02 .tablepress .column-1{ border-right: none; }
#jobfair2 #sec02 .tablepress .column-2{ border-left: none; border-right: none;}

/* =================== Jobfair3 =================== */

#jobfair3{}
#jobfair3 #sec01{}
#jobfair3 #sec01 .container{ max-width:840px; }
#jobfair3 #sec01 .sec-intitle{}
#jobfair3 #sec01 .button{ padding-top:25px; display:flex; justify-content:space-between; }
#jobfair3 #sec01 .button a{ width:48%; }
#jobfair3 #sec01 .btn{ background: #fff url(../images/buttonright_iconred.svg) 97% center no-repeat; display:block; max-width: 500px;  padding: 40px 25px;  margin-bottom: 10px; color:#1A3575; border-radius:5px; font-size: 1.8rem; }

#jobfair3 .bm {
  padding-top: 35px;
  text-align: center;
}

#jobfair3 #sec01 .bm .btn1 {
  background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat;
  max-width: 520px;
  width: 100%;
  padding: 28px 15px;
  border-radius: 0;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  margin: 0 auto;
}
#jobfair3 .bm .buttontext{
  text-align: center;
  margin-top: 19px;
}
#jobfair3 .bm .buttontext p{
  font-size: 1.2rem;
  line-height: 2em;
  font-weight: 800;
}
#jobfair3 #sec02 .bm .buttontext{
  text-align: left;
  width: 625px;
  margin: 19px auto 0;
}

/* =================== Jobfair4 =================== */

#jobfair4{}
#jobfair4 #sec01{}
#jobfair4 #sec01 .container{ max-width:840px; }
#jobfair4 #sec01 .sec-intitle{}
#jobfair4 #sec01 .sec{ padding-top:35px; }
#jobfair4 #sec01 .sec1{}
#jobfair4 #sec01 .sec-subtutle{}
#jobfair4 #sec01 p{}
#jobfair4 #sec01 .button{ text-align: left; max-width: 365px; }
#jobfair4 #sec01 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; }
#jobfair4 #sec01 .btn1{}
#jobfair4 #sec01 .btn br{ display:none; }
#jobfair4 #sec01 .sec2{ padding-top:85px; }
#jobfair4 #sec01 .sec2 p{ text-align: center; }
#jobfair4 #sec01 .sec3 p{ color: #D95F4A; font-weight: bold; }
#jobfair4 #sec01 .button{ padding-top:35px; text-align:center; }
#jobfair4 #sec01 .button1{ padding-top:20px; margin: 0 auto; }
#jobfair4 #sec01 .btn1{}
#jobfair4 #sec01 .buttontext{ padding-top:15px; text-align:center; font-weight:bold; }

#jobfair4 #sec02{ padding-top:30px; }
#jobfair4 #sec02 .container{ max-width:840px; }
#jobfair4 #sec02 .sec-intitle{}
#jobfair4 #sec02 .table-responsive{}
#jobfair4 #sec02 .table{ padding-top:20px; }
#jobfair4 #sec02 .text-right{ line-height:1.6em; text-align: left; }
#jobfair4 #sec02 .tablepress .odd td{ background:#fff; }
#jobfair4 #sec02 .tablepress .even td{ background:#fff; }
#jobfair4 #sec02 .tablepress .column-1{ background:#F2F8FB!important; }
/*#jobfair4 #sec02 .tablepress .row-1 .column-1{ background:#1A3575!important; }*/
#jobfair4 #sec02 .column-1{ border-left:none; }
#jobfair4 #sec02 .column-3{ border-right:none; }

#jobfair4 #sec02-2 .container{ max-width:840px; }
#jobfair4 #sec02-2 h4{ margin-bottom:50px; padding-bottom: 35px;}
#jobfair4 #sec02-2{ padding-top: 20px;}
#jobfair4 #sec02-2 .table-responsive{ padding-top: 40px; }
#jobfair4 #sec02-2 #tablepress-47 a{ margin-top: 15px; text-align: center; line-height: 1.5em; font-weight: bold; text-decoration: underline; }

#jobfair4 #sec03{ padding-top:55px; }
#jobfair4 #sec03 .container{ max-width:840px; }
#jobfair4 #sec03 .sec-subtutle{}
#jobfair4 #sec03 .table-responsive{}
#jobfair4 #sec03 .table{}
#jobfair4 #sec03 .button{ padding-top:110px; text-align:center; }
#jobfair4 #sec03 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; }
#jobfair4 #sec03 .btn1{}
#jobfair4 #sec03 .column-1{ border-left:none; }
#jobfair4 #sec03 .column-2{ border-right:none; }
#jobfair4 #sec03 .button2{ padding-top: 50px; }

/* =================== Jobfair5 =================== */

#jobfair5{}
#jobfair5 #sec01{}
#jobfair5 #sec01 .container{ max-width:840px; }
#jobfair5 #sec01 .sec-intitle{}
#jobfair5 #sec01 .sec{ padding-top:35px; }
#jobfair5 #sec01 .sec1{}
#jobfair5 #sec01 .sec-subtutle{}
#jobfair5 #sec01 p{}
#jobfair5 #sec01 .sec2{ padding-top:85px; }
#jobfair5 #sec01 .button{ padding-top:35px; text-align:center; }
#jobfair5 #sec01 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; line-height:1.3em; }
#jobfair5 #sec01 .btn br{ display:none; }
#jobfair5 #sec01 .btn1{}
#jobfair5 #sec01 .buttontext{ padding-top:15px; text-align:center; font-weight:bold; }


#jobfair5 #sec02{ padding-top:250px; }
#jobfair5 #sec02 .container{ max-width:840px; }
#jobfair5 #sec02 .sec-intitle{}
#jobfair5 #sec02 .table-responsive{}
#jobfair5 #sec02 .table{}
#jobfair5 #sec02 .sec{}
#jobfair5 #sec02 .sec1{ padding-top:150px; }
#jobfair5 #sec02 .sec-subtutle{ margin-bottom:70px; }
#jobfair5 #sec02 .table-responsive{}
#jobfair5 #sec02 .table{}
#jobfair5 #sec02 .button{ padding-top:70px; text-align:center; }
#jobfair5 #sec02 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; line-height:1.3em; }
#jobfair5 #sec02 .btn br{ display:none; }
#jobfair5 #sec02 .btn1{}
#jobfair5 #sec02 .buttontext{ padding-top:15px; text-align:center; line-height:1.5em; font-weight:bold; }
#jobfair5 #sec02 .column-1{ width:200px; border-left:none; }
#jobfair5 #sec02 .column-2{ border-right:none; }



/* =================== Intership =================== */

#intership{}
#intership #sec01{}
#intership #sec01 .container{ max-width:840px; }
#intership #sec01 .sec-intitle{}
#intership #sec01 .sec{ padding-top:35px; }
#intership #sec01 .sec1{}
#intership #sec01 .sec-subtutle{}
#intership #sec01 p{}
#intership #sec01 .button{ padding-top:35px; text-align:center; }
#intership #sec01 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; }
#intership #sec01 .btn br{ display:none; }
#intership #sec01 .btn1{}
#intership #sec01 .sec2{ padding-top:80px; }
#intership #sec01 .sec-subtutle{}
#intership #sec01 .button1{ padding-top:15px; }
#intership #sec01 .buttontext{ padding-top:15px; text-align:center; font-size:1.2rem; }


#intership #sec02{ padding-top:80px; }
#intership #sec02 .container{ max-width:840px; }
#intership #sec02 .sec-intitle{}
#intership #sec02 .sec{}
#intership #sec02 .sec1{}
#intership #sec02 .table-responsive{}
#intership #sec02 .table{}
#intership #sec02 .sec{}
#intership #sec02 .sec2{ padding-top:100px; }
#intership #sec02 .sec-subtutle{}


#intership #sec02 .sec3{ padding-top:100px; }
#intership #sec02 p{}
#intership #sec02 .tablebox1{ padding-top:40px; }
#intership #sec02 .tablebox2{ padding-top:40px; }
#intership #sec02 .tablebox3{ padding-top:40px; }
#intership #sec02 .tablebox4{ padding-top:40px; }
#intership #sec02 .pdfbutton{ padding-top:5px; }
#intership #sec02 .pdfbtn{  background: url(../images/pdf_icon.svg) 97% 85% no-repeat; max-width:400px; width:100%; padding:37px 35px; border-radius:8px; text-align:left; font-size:1.8rem; justify-content:left; border:1px solid #1A3575; }
#intership #sec02 .button{ padding-top:65px; text-align:center; justify-content:space-between; }
#intership #sec02 .button a{ width:48%; }
#intership #sec02 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; display:block; }
#intership #sec02 .disa .btn{
    background: #929292;
    border: none;
}
#intership #sec02 .btn1{ background: #7FC3ED url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; border-color:#7FC3ED; display:block; }
#intership #sec02 .btn br{ display:none; }
#intership #sec02 .buttontext{ padding-top:25px; text-align:left; line-height:1.5em; font-size:1.2rem; }
#intership #sec02 .column-1{ width:180px; border-left:none; }
#intership #sec02 .column-2{ border-right:none; }

/* =================== Intership1 =================== */

#intership1{}
#intership1 #sec01{}
#intership1 #sec01 .container{ max-width:840px; }
#intership1 #sec01 .sec-intitle{}
#intership1 #sec01 .sec{ padding-top:35px; }
#intership1 #sec01 .sec1{}
#intership1 #sec01 .sec1 a{ margin-top: 15px; text-align: center; line-height: 1.5em; font-weight: bold;text-decoration: underline; }
#intership1 #sec01 .sec-subtutle{}
#intership1 #sec01 p{ margin-bottom: 15px; }
#intership1 #sec01 .sec2{ padding-top:80px; }
#intership1 #sec01 .button{ padding-top:35px; text-align:center; }
#intership1 #sec01 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; }
#intership1 #sec01 .btn1{  background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; }
#intership1 #sec01 .btn br{ display:none; }
#intership1 #sec01 .buttontext{ padding-top:15px; text-align:center; line-height:1.5em; font-weight:bold; }
#intership1 #sec01 .redfont{}


#intership1 #sec02{ padding-top:10px;}
#intership1 #sec02 .container{ max-width:840px; }
#intership1 #sec02 .sec-intitle{ margin-bottom:10px; }
#intership1 #sec02 .sec{ padding-top:35px; }
#intership1 #sec02 .sec1{}
#intership1 #sec02 .table-responsive{}
#intership1 #sec02 .table{}
#intership1 #sec02 .sec2{ padding-top:145px; }
#intership1 #sec02 .sec-subtutle{}
#intership1 #sec02 p{}
#intership1 #sec02 .tablebox1{ padding-top:40px; }
#intership1 #sec02 .tablebox2{ padding-top:40px; }
#intership1 #sec02 .tablebox3{ padding-top:40px; }
#intership1 #sec02 .tablebox4{ padding-top:40px; }
#intership1 #sec02 .button{ padding-top:110px; text-align:center; }
#intership1 #sec02 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; }
#intership1 #sec02 .btn br{ display:none; }
#intership1 #sec02 .buttontext{ text-align:center; padding-top:25px; line-height:1.5em; font-size:1.2rem; }
#intership1 #sec02 .redfont{}
#intership1 #sec02 .column-1{ width:180px; border-left:none; }
#intership1 #sec02 .column-2{ border-right:none; }

/* =================== Intership2 =================== */

#intership2{}
#intership2 #sec01{}
#intership2 #sec01 .container{ max-width:840px; }
#intership2 #sec01 .#intership2 #sec01 .sec-intitle{}
#intership2 #sec01 .subtitle{}
#intership2 #sec01 .button{ padding-top:35px; text-align:center; }
#intership2 #sec01 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; }
#intership2 #sec01 .btn br{ display:none; }

#intership2 #sec02{ padding-top:10px; padding-bottom:60px; }
#intership2 #sec02 .container{ max-width:840px; }
#intership2 #sec02 .sec-subtutle{ font-size:2.5rem; }
#intership2 #sec02 .dayline{ background: url(../images/intership_linebg.png) 30px top no-repeat; background-size:2px 96%; margin-top:60px; }
#intership2 #sec02 .daylinebox{ padding-bottom:65px; }
#intership2 #sec02 .daylineleft{ width:62px;  }
#intership2 #sec02 .daylineright{ width: calc( 100% - 62px ); padding-left:40px; }
#intership2 #sec02 .box{}
#intership2 #sec02 .left{ width:50%; padding-top:20px; padding-right:50px;  }
#intership2 #sec02 .right{ width:50%; padding-top:20px; }
#intership2 #sec02 .timebox{ background:#173173; padding:6px 8px; display:inline-block; font-size:1.8rem; font-weight:bold; color:#fff; }
#intership2 #sec02 .daylineright h4{ margin-top:25px; color:#173173; font-size:1.8rem; font-weight:bold; line-height:1.3em; }
#intership2 #sec02 p{ padding-top:20px; font-size:1.4rem; color:#000000; line-height:1.5em; }

#intership2 #sec02 .checkpoint{ margin-top:40px; border:2px solid #D95F4A; padding:30px 30px 15px;  }
#intership2 #sec02 .titlebox{ margin-top:-45px; padding-bottom:25px; text-align:center;  }
#intership2 #sec02 .title{ background:#ffff; padding:2px 20px; font-size:2rem; color:#D95F4A; font-weight:bold; display:inline-block; text-transform:uppercase;}
#intership2 #sec02 .titlebox img{ width:20px; }
#intership2 #sec02 .text{ font-size:1.4rem; color:#000000; line-height:1.5em; font-weight:600; }

#intership2 #sec02 .bluebox{ background:#F4F7F8; margin-top:20px; padding:20px 45px; }
#intership2 #sec02 .bluebox1{ align-items:center; }
#intership2 #sec02 .bluebox2{ margin-top:50px; }
#intership2 #sec02 .blueboxleft{ width:47%; }
#intership2 #sec02 .blueboxright{ width:53%; padding-left:55px; font-size:1.4rem; line-height:2em; }
#intership2 #sec02 .blueboxbutton{ padding-top:20px; }
#intership2 #sec02 .blueboxbtn{ background:#173173; padding:10px 20px; font-size:1.5rem; color:#fff; text-align:center; display:block; }
#intership2 #sec02 .text{ font-size:1.4rem; color:#000000; line-height:1.8em }
#intership2 #sec02 .list{ flex-wrap:wrap; }
#intership2 #sec02 li{ width:48%; margin-right:4%; margin-bottom:20px; }
#intership2 #sec02 li:nth-child(2n){ margin-right:0; }
#intership2 #sec02 .blueboxlistbox{}
#intership2 #sec02 .blueboxtitle{ font-size:2rem; color:#173173; font-weight:bold; padding-bottom:30px; }
#intership2 #sec02 .imagetext{ padding-top:20px; font-size:1.4rem; color:#000000; line-height:1.5em;}
#intership2 #sec02 .list1{}
#intership2 #sec02 .imagetext1{ padding-top:20px; font-size:1.6rem; color:#000000; font-weight:bold; }
#intership2 #sec02 .rowfive{ width:100%; margin-right:0; }

#intership2 #sec02 .imagebox{ justify-content:space-between; padding:30px 0px; }
#intership2 #sec02 .imageboxleft{ width:48%; }

#intership2 #sec02 .redbox{ margin:10px 0px; padding:25px 20px 10px; border:2px dashed #D95F4A; }
#intership2 #sec02 .redboxleft{ width:80px; }
#intership2 #sec02 .redboxroud{ background:#D95F4A; width:60px; height:60px; border-radius:30px; color:#fff; font-size:1.5rem; text-align:center; padding-top:10px; line-height:1.3em; }
#intership2 #sec02 .redboxright{ width: calc( 100% - 80px ); font-size:1.4rem; color:#000000; line-height:1.5em; font-weight:600; }

#intership2 #sec02 .text1{ padding:30px 0px; font-size:1.5rem; color:#173173; font-weight:bold; line-height:1.5em; }
#intership2 #sec02 .title1{ padding-top:40px; font-size:1.8rem; color:#173173; font-weight:bold; }
#intership2 #sec02 .whitebox{ padding:10px 30px 30px; border:2px solid #173173; font-size:1.4rem; color:#000; line-height:1.5em; border-radius:10px; }
#intership2 #sec02 .whiteboxtext{ padding:20px 0px 10px; font-size:1.6rem; line-height:1.5em; color:#173173; font-weight:bold; }

#intership2 #sec02 .button{ margin-top:-5px; text-align:center; }
#intership2 #sec02 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; }

#intership2 #sec02 .daylinebox1{ padding-bottom:25px; }
#intership2 #sec02 .daylinebox2{}
#intership2 #sec02 .daylinebox3{}
#intership2 #sec02 .daylinebox4{ padding-bottom:120px; }
#intership2 #sec02 .daylinebox5{ padding-bottom:15px; }
#intership2 #sec02 .daylinebox5 .daylineright{ padding-top:10px; }
#intership2 #sec02 .daylinebox6{ padding-bottom:55px; }
#intership2 #sec02 .daylinebox6 .daylineright{ padding-top:20px; }
#intership2 #sec02 .daylinebox7{}
#intership2 #sec02 .daylinebox7 .daylineright{ padding-top:20px; }
#intership2 #sec02 .daylinebox8{ padding-bottom:30px; }
#intership2 #sec02 .daylinebox9{}
#intership2 #sec02 .daylinebox10{}

#intership2 #sec03{ padding-top:60px; }
#intership2 #sec03 .container{ max-width:840px; }
#intership2 #sec03 .sec{ padding-top:95px; }
#intership2 #sec03 .sec1{ padding-top:0px; }
#intership2 #sec03 .sec2{}
#intership2 #sec03 .sec3{}
#intership2 #sec03 .sec4{}
#intership2 #sec03 .sec5{}
#intership2 #sec03 .sec6{}
#intership2 #sec03 .sec-subtutle{ font-size:2.5rem; margin-bottom:30px; }
#intership2 #sec03 p{ font-size:1.6rem; color:#171717; line-height:1.5em; }
#intership2 #sec03 .button{ padding-top:10px; text-align:center; justify-content: space-between;}
#intership2 #sec03 .button a{ width:48%; }
#intership2 #sec03 .btn{ background: #1A3575 url(../images/btn-arrow02.svg) 97% 85% no-repeat; max-width: 520px; width: 100%; padding: 28px 15px; border-radius: 0; color: #fff; text-align: center; font-size: 1.5rem; display:block; }

#about2 .modal { display: none;  position: fixed;  z-index: 1;  padding-top: 100px;  left: 0; top: 0; width: 100%;  height: 100%;   overflow: auto;   background-color: rgb(0,0,0);  background-color: rgba(0,0,0,0.4); }
#about2 .modal-content { background-color: #fefefe; margin: auto; padding: 20px 20px; border: 1px solid #888; width: 80%; max-width:1000px; position:relative; }
#about2 .close { display:none; color: #000; font-size: 40px; position:absolute; top:-40px; right:0px;  }
#about2 .close:hover,
#about2 .close:focus { color: #000; text-decoration: none; cursor: pointer; }
#flow #sec01 .inbox a{ color: #D95F4A; font-size: inherit; font-weight: inherit; text-decoration:underline; }
#flow1 #sec01 .inbox a{ color: #D95F4A; font-size: inherit; font-weight: inherit; text-decoration:underline; }
#flow2 #sec01 .inbox a{ color: #D95F4A; font-size: inherit; font-weight: inherit; text-decoration:underline; }
#meducation #sec04 .listimage-img img{ height: 250px; object-fit: cover; }
#mhospital #sec01 .box{ background:#fff; z-index:9; }
#recruit3 #sec01 .img-box { box-shadow: 15px 15px 14px 6px rgba(0,0,0,0.06); -webkit-box-shadow: 15px 15px 14px 6px rgba(0,0,0,0.06); -moz-box-shadow: 15px 15px 14px 6px rgba(0,0,0,0.06); }

/* add_style */

.design04 {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
}
.design04 tr:nth-child(2n+1) {
 background: #F4F7F8;
}
.design04 th {
 padding: 10px;
 background: #1A3575;
 border-right: solid 1px #CAD2DF;
 color: #ffffff;
}
.design04 th:last-child {
 border-right: none;
}
.design04 td {
 padding: 10px;
 border-right: solid 1px #CAD2DF;
}
.design04 td:last-child {
 border-right: none;
}
.a-img-box {display: flex;justify-content: space-between;}
.a-img-box img{width: 49%;}

.a-img-box2{margin-bottom: 30px;}
.a-img-box2 img{margin-bottom: 10px;width: 100%;}


.int-prof{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.int-prof .left{
  width: 50%;
}
.int-prof .left .name{
  font-size: 32px;
  font-weight: bold;
  line-height: 1.3;
}
.int-prof .left .name span{
  display: block;
  font-size: 12px;
}
.int-prof .left .d-name{
  font-size: 14px;
  line-height: 1.5;
}
.int-prof .right{
  width: 50%;
}
.int-prof .right img{}


#school #sec01{
  position: relative;
}
#school #sec01:after{
position: absolute;
  content: '';
  bottom: -110px;
  right: 0;
  display: block;
  width: 58%;
  height: 570px;
  z-index: -1;
  background-image: url(../images/jap.png) ;
  background-size: contain;
  background-repeat: no-repeat;
}
#school #sec01 .box1 .left{

}
#school #sec01 .box1 .left .bdl{
  border-left: 3px solid #173174;
  padding-left: 20px;
}
#school #sec01 .box1 .left .bdl li{
  margin-bottom: 10px;
}
#school #sec01 .box1 .left .bdl li a{
  font-size: 15px;
}

#school #sec02{}
#school #sec02 .area-box{margin-bottom: 40px;}
#school #sec02 .area-box .area-ttl{
  padding: 15px 18px;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background-color: #1A3575;
}
#school #sec02 .area-box .as-ttl{
  padding: 13px 18px;
  background-color: #7FC3ED;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #fff;
}
#school #sec02 .area-box p{
  font-size: 14px;
  margin-bottom: 37px;
}
#school #sec02 .metalist{ display:flex; margin-bottom:10px; justify-content: flex-end;margin-bottom: 30px;}
#school #sec02 .meta{ position: relative; padding:17px 57px; margin:0 5px; border:1px solid #173173; border-radius:25px; font-size:1.5rem; color:#173173; font-weight:bold; }
#school #sec02 .meta:before{ content: ""; position: absolute; right: 16px; top: 0; bottom: 0; margin: auto; width: 9px; height: 5px; background: url(../images/buttonright_icon.svg) no-repeat center; }
#school #sec01 .container,
#school #sec02 .container{ max-width: 870px; }

.tablepress .row-hover tr:hover td {
    background-color: #fff;
}

.mb{margin-bottom: 30px;}





#about #sec04 .navlist{  justify-content:space-between;  }
#about #sec04 li{ width:33%; }
#about #sec04 .btnlist{ background:  #173173 url(../images/btn-arrow02.svg) 95% 85% no-repeat; padding:25px 10px; margin:0 5px; font-size:1.5rem; color:#fff; line-height:1.5em; font-weight:bold; text-align:center; }
#about #sec04 .btnlist1{ padding:14px 10px; }

div#\38\39 .archive-meta .archive-ttl{display: none;}
div#\38\39 .archive-meta{margin-bottom: 0;}


.kangosi{
  margin-bottom: 10px !important;
  font-weight: bold;
  line-height: 1;
}
.kangosi:first-of-type{
  margin-bottom: 0 !important;
}


.s-table{
    width: 100%;
}
.s-table tr:first-child{
      font-weight: bold;
    border: 1px solid #f0ece3;
    background: #F0ECE4;
    font-size: 14px;
}
.s-table td{
padding: 10px;
    border: 1px solid #f0ece3;
    text-align: center;
}


.disa{
  pointer-events: none;
}
#intership #sec01 .disa .btn{
      background: #929292;
    border: none;
}
/*#jobfair4 #sec01 .disa .btn{
      background: #929292;
    border: none;
}*/

#intership #sec02 .table.gray .tablepress{
  opacity: 0.6;
}
#intership #sec02 .table.gray{margin-top: 40px;}
#jobfair4 #sec02 .table.gray .tablepress{
  opacity: 0.6;
}
#jobfair4 #sec02 .table.gray{margin-top: 40px;}