@charset "UTF-8";
/*keyframe=--------------------------------------------------------------*/
@-webkit-keyframes fadeinup {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }
@keyframes fadeinup {
  from {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0); } }

@-webkit-keyframes fadeZoom {
  0% {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    opacity: 0;
    transform: scale3d(1.05, 1.05, 1); }
  to {
    -webkit-transform: none;
    opacity: 1;
    transform: none; } }

@keyframes fadeZoom {
  0% {
    -webkit-transform: scale3d(1.05, 1.05, 1);
    opacity: 0;
    transform: scale3d(1.05, 1.05, 1); }
  to {
    -webkit-transform: none;
    opacity: 1;
    transform: none; } }

@-webkit-keyframes fadeUp {
  0% {
    -webkit-transform: translateY(20px);
    opacity: 0;
    transform: translateY(20px); }
  to {
    -webkit-transform: none;
    opacity: 1;
    transform: none; } }

@keyframes fadeUp {
  0% {
    -webkit-transform: translateY(20px);
    opacity: 0;
    transform: translateY(20px); }
  to {
    -webkit-transform: none;
    opacity: 1;
    transform: none; } }

@-webkit-keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0); }
  50% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0); } }

@keyframes elasticus {
  0% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0); }
  50% {
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  50.1% {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0); } }

/*view all button------------------------------------------------------------*/
.mod-button_outer {
  text-align: center; }

.mod-button.mod-button_02 {
  color: #333333;
  border: 2px solid #cacbcf;
  margin: 50px auto 0; }
  @media screen and (max-width: 767px) {
    .mod-button.mod-button_02 {
      margin: 30px auto 0; } }

.mod-button.mod-button_02:hover {
  color: #c0191f;
  border-color: #c0191f; }

.mod-button {
  max-width: 400px;
  min-width: 250px;
  padding: 17px 30px;
  font-size: 0.95rem; }
  @media screen and (max-width: 767px) {
    .mod-button {
      min-width: 200px;
      padding: 15px 40px; } }

.mod-button {
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  border-radius: 4px;
  transition: all 0.2s ease; }

.mod-button span {
  position: relative;
  display: inline-block;
  transition: all 0.2s ease; }

.mod-button span:after {
  width: 6px;
  height: 12px;
  top: calc(50% - 6px);
  right: -14px;
  opacity: 0;
  position: absolute;
  content: '';
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center; }

.mod-button.mod-button_02 span:after {
  right: -8px;
  background-image: url(../../img/module/ico_arrow_btn_b.svg);
  transition: all 0.2s ease; }

.mod-button.mod-button_02:hover span:after {
  opacity: 1;
  right: -16px; }

.mod-button.mod-button_02:hover span {
  -webkit-transform: translateX(-4px);
          transform: translateX(-4px); }

body {
  font-weight: normal;
  color: #000000; }
  @media screen and (max-width: 767px) {
    body {
      min-width: 375px; } }


.section-title_wrap {
  text-align: center; }
  @media screen and (min-width: 768px) {
    .section-title_wrap {
      padding-top: 130px; } }
  @media screen and (max-width: 767px) {
    .section-title_wrap {
      padding-top: 59px; } }
  .section-title_wrap h2.section-title {
    line-height: 1.2;
    font-family: 'kollektif Medium';
    letter-spacing: .08em; }
    @media screen and (min-width: 768px) {
      .section-title_wrap h2.section-title {
        font-size: 32px; } }
    @media screen and (max-width: 767px) {
      .section-title_wrap h2.section-title {
        font-size: 24px; } }
  .section-title_wrap p {
    line-height: 1.75;
    color: #666666; }
    @media screen and (min-width: 768px) {
      .section-title_wrap p {
        margin-top: 10px;
        font-size: 17px; } }
    @media screen and (max-width: 767px) {
      .section-title_wrap p {
        margin-top: 5px;
        font-size: 0.95rem; } }

@media screen and (min-width: 768px) {
  .view-all_button {
    margin: 50px auto 0;
    padding-bottom: 130px;
    width: 250px; } }

@media screen and (max-width: 767px) {
  .view-all_button {
    padding-bottom: 60px;
    width: 200px;
    margin: 60px auto 0; } }

.view-all_button a {
  display: block;
  color: #666666;
  padding: 20px;
  border: 2px solid #cacbcf;
  border-radius: 4px;
  margin: 0 auto;
  font-size: 14px;
  transition: .15s;
  text-align: center;
  letter-spacing: 0.16em;
  font-family: 'kollektif Medium'; }
  @media screen and (min-width: 768px) {
    .view-all_button a:hover {
      border-color: #c0191f;
      color: #c0191f; } }

.department-top-hed {
    padding: 53px 0 49px;
}
.department-top-hed .w-title1 {
    margin: 0;
	color:#fff;
}

.department-top-link {
    margin: 0 0 52px;
	padding-top:50px;
}
.department-top-link .w-title3 {
    margin: 0;
}

.is-department-top #dept {
    margin-top: -96px;
    padding-top: 96px;
}
.l-container--center {
    position: relative;
    margin-right: auto;
    margin-left: auto;
}
.l-container-with-sidebar {
    display:flex;
	position: relative;
	margin-right: auto;
    margin-left: auto;
}
.with-sidebar{width:300px;}
.with-sidebar-container{width:calc(100% - 300px)}
.sidebar-menu{width:100%;list-style:none;}
.sidebar-menu ul li{padding:0px; border-bottom:1px solid #ccc;}
.sidebar-menu ul li a{padding:13px 20px;display:block}
.sidebar-menu ul li a:hover{background:#ebebeb;}
.sidebar-menu ul li h3{padding:13px 20px; color:#fff;}
@media only screen and (min-device-width: 768px) and (min-width: 641px){

p {
    line-height: 1.8;
	font-size:1.2rem;
}
.l-container-with-sidebar{width:90%}
.sidebar-menu{max-width:260px;}
}
.department-top-mes {
    padding: 0 0 0 74px;
    margin: 0 0 28px;
    color: #666;
    font-size: 1rem;
    font-size: 1.14286rem;
}
.department-top-list {
    text-align: center;
    letter-spacing: -.40em;
}
.department-top-list li {
    display: inline-block;
	padding: 5px 10px 5px 5px;
    letter-spacing: normal;
}
.department-top-list li a {
    display: block;
	float:left;
    position: relative;
    z-index: 1;
    padding: 17px 0 21px 0;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
.department-top-list a:hover {
    box-shadow: 0px 0px 12px 5px #e8e8e8;
    -moz-box-shadow: 0px 0px 12px 5px #e8e8e8;
    -webkit-box-shadow: 0px 3px 11px 5px #e8e8e8;
}
.department-top-list a:before {
    content: "";
    z-index: 1;
    position: absolute;
    background-color: #b61d22;
    height: 4px;
    bottom: 2px;
    right: 2px;
    left: 2px;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    opacity: 0;
}
.department-top-list a:hover:before {
  opacity: 1;
}
.department-top-title {
    position: absolute;
    z-index: 1;
    top: 51px;
    left: 4px;
	margin-right:9px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 1.3rem;
	border-left:4px solid #b61d22;
	color:#000;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.department-top-no {
    font-size: 1rem;
	color:#000;
	font-weight:bold;
    padding: 0 0 0 8px;
    margin: 0 0 77px;
    position: relative;
    z-index: 1;
    text-align: left;
}

.department-top-no:before {
    font-family: 'icomoon' !important;
    content: '\e905';
    font-size: 28px;
    font-weight:normal;
	color:#bab3a1;
    z-index: 1;
    position: absolute;
    top: 1px;
    left: 24px;
    line-height: 20px;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}

.department-top-list a:hover .department-top-no:before {
  color: #000;
}

.department-top-color {
    padding: 0 1px 0 38px;
}

.clr {
    display: block;
    min-height: 1%;
    height: 1%;
    display: block;
}
.department-top-color span {
    display: block;
    width: 8px;
    height: 229px;
    float: left;
    margin: 0 3px;
    background: #ccc;
    background-image: url(../../img/bg_line.png);
    background-size: 108px auto;
}
.department-top-color .theme1-1 {
    background-position: -1x 0px;
}
.department-top-color .theme1-2 {
    background-position: -17px 0;
}
.department-top-color .theme1-3 {
    background-position: -33px 0;
}
.department-top-color .theme1-4 {
    background-position: -49px 0;
}
.department-top-color .theme1-5 {
    background-position: -65px 0;
}
.department-top-color .theme1-6 {
    background-position: -81px 0;
}
.department-top-color .theme2-1 {
  background-position: -1px -250px;
}
.department-top-color .theme2-2 {
  background-position: -17px -250px;
}
.department-top-color .theme2-3 {
  background-position: -33px -250px;
}
.department-top-color .theme2-4 {
  background-position: -49px -250px;
}
.department-top-color .theme2-5 {
  background-position: -65px -250px;
}
.department-top-color .theme2-6 {
  background-position: -81px -250px;
}
.department-top-color .theme3-1 {
  background-position: -1px -500px;
}
.department-top-color .theme3-2 {
  background-position: -17px -500px;
}
.department-top-color .theme3-3 {
  background-position: -33px -500px;
}
.department-top-color .theme3-4 {
  background-position: -49px -500px;
}
.department-top-color .theme3-5 {
  background-position: -65px -500px;
}
.department-top-color .theme4-1 {
  background-position: -1px -750px;
}
.department-top-color .theme4-2 {
  background-position: -17px -750px;
}
.department-top-color .theme4-3 {
  background-position: -33px -750px;
}
.department-top-color .theme4-4 {
  background-position: -49px -750px;
}
.department-top-color .theme5-1 {
  background-position: -1px -1000px;
}

.department-top-color .theme5-2 {
  background-position: -17px -1000px;
}

.department-top-color .theme5-3 {
  background-position: -33px -1000px;
}

.department-top-color .theme5-4 {
  background-position: -49px -1000px;
}

.department-top-color .theme6-1 {
  background-position: -1px -1250px;
}

.department-top-color .theme6-2 {
  background-position: -17px -1250px;
}

.department-top-color .theme6-3 {
  background-position: -33px -1250px;
}

.department-top-color .theme7-1 {
  background-position: -1px -1500px;
}

.department-top-color .theme7-2 {
  background-position: -17px -1500px;
}

.department-top-color .theme7-3 {
  background-position: -33px -1500px;
}

.department-top-color .theme8-1 {
  background-position: -1px -1750px;
}

.department-top-color .theme8-2 {
  background-position: -17px -1750px;
}

.department-top-color .theme9-1 {
  background-position: -33px -2000px;
}

.department-top-color .theme9-2 {
  background-position: -17px -2000px;
}

.department-top-color .theme9-3 {
  background-position: -1px -2000px;
}

.department-top-color .theme10-1 {
  background-position: -17px -2250px;
}

.department-top-color .theme10-2 {
  background-position: -1x -2250px;
}

.department-top-color .theme11-1 {
  background-position: -1px -2500px;
}
.center{text-align:center}
.btn-divi01, .btn-divi03, .btn-divi{
	display:flex; 
	border:0; 
	padding-bottom:10px;
	padding-top:10px;
}


.department-list li {
    background: #Fafafa;
}
.department-btn {
    background-color: #fff;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    cursor: pointer;
}
.accordion-btn:hover, .accordion-btn-on {
    background-color: #d1deef;
}
.department-btn-inner {
    position: relative;
    z-index: 1;
    display: table;
    table-layout: fixed;
}
.department-btn h2 {
    display: table-cell;
    font-size: 22px;
    width: 30%;
    vertical-align: middle;
    padding: 0 0 0 4px;
}
.department-btn-inner .divlist a{
	display:inline-block;
	padding-left:20px;
	margin:3px 5px;
	position:relative;
}
.department-btn-inner .divlist a:before{
	content:"";
    position:absolute;
	border-left: 5px solid #4896ba;
    border-right: 3px solid #ccc;
	width: 0px;
    height: 8px;
    top: 9px;
    left: 0;
}
.department-btn-inner .divlist a:hover{color:#000;}
.department-btn p {
    display: table-cell;
    width: 70%;
    vertical-align: middle;
    padding: 30px 107px 30px 17px;
    position: relative;
    z-index: 1;
}
.department-btn p:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: url(../../img/icon01_on.png) 0 50% no-repeat;
    background-size: 40px auto;
    width: 40px;
    top: 0;
    bottom: 0;
    right: 9px;
}
.accordion-btn-on p:before {
    background-image: url(../../img/icon01_off.png);
}
.department-btn-inner:after {
    content: "";
    z-index: 1;
    position: absolute;
    background: #00587c;
    height: 4px;
    top: -4px;
    right: 0;
    left: 0;
}
.department-list li:last-child .department-btn-inner:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: #00587c;
    height: 4px;
    bottom: -4px;
    right: 0;
    left: 0;
}
.btn-divi01.list-open, .btn-divi03.list-open, .btn-divi.list-open{ border-bottom:0;}
.list-open.w-title3 span:before{content:""; display:none}
.department-dept{display:none; padding:30px 0}

.department-field {
    background: #DCDCDC;
    border-radius: 4px;
    padding: 2px 2px 1px;
    position: relative;
    z-index: 1;
	overflow:hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display:block;
}
.department-field li {
    float: left;
    background: #fff;
    border-radius: 4px;
    margin: 0 0 2px 2px;
    width: 226px;
	height:419px;
}
.department-field li:nth-child(5n+1) {
    margin-left: 0;
}
.department-field a {
    display: block;
    padding: 16px 17px 35px;
	color:#000;
}
.department-field-name1 {
    font-size: 1rem;
    margin: 0 0 6px;
}
.department-field-name2 {
    font-size: 1.1rem;
    font-weight: 700;
    min-height: 69px
}
.department-field-mes {
    color: #666;
    line-height: 1.4;
    margin: 0 0 15px;
	width:100%;
	height:105px;
    font-size: 0.95rem;
    position: relative;
    z-index: 1;
	overflow: hidden;
	text-overflow: ellipsis;
}

.department-field span, .sub-title-en01.business-en span {
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: block;
    width: 134px;
    height: 134px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    border-radius: 150px;
}
.department-field span img, .sub-title-en01.business-en .depsign img{position:absolute; top:50%; left:50%;margin-left:-32px;margin-top:-32px;z-index:9;}
.department-field a:hover span span, .sub-title-en01.business-en .depsign a:hover span span {
    -moz-transform: rotate(310deg);
    -webkit-transform: rotate(310deg);
    -o-transform: rotate(310deg);
    -ms-transform: rotate(310deg);
    transform: rotate(310deg);
}
.department-field span span:before, .sub-title-en01.business-en .depsign span:before{
    content: "";
    z-index: 1;
    position: absolute;
    background: #fff;
    top: 5px;
    bottom: 5px;
    right: 5px;
    left: 5px;
    border-radius: 150px;
}


@media screen and (max-width: 640px){
.department-btn {
    -webkit-tap-highlight-color: transparent;
    margin: 0 0 59px;
}
.department-btn-inner {
    display: block;
    padding: 16px 0 12px;
}
.department-btn h3 {
    display: block;
    width: auto;
    padding: 0;
    font-size: 1.3rem;
	font-weight:bold;
    margin: 0 0 12px;
    line-height: inherit;
}
.department-btn p {
    display: block;
    width: auto;
    padding: 0;
    font-size: 0.95rem;
    line-height: 1.55;
}
.department-btn-inner:after {
    height: 2px;
    top: -2px;
}
.department-btn p:before {
    top: auto;
    bottom: -53px;
    width: auto;
    height: 40px;
    left: 0;
    right: 0;
    background-position: 50% 0;
}
.department-btn.accordion-btn-on p:before{bottom: -63px;}
.department-dept{padding-top:0}
.department-field {
    position: relative;
    z-index: 1;
    margin: 30px 0 0;
    left: -6%;
    width: 112%;
}
.department-field-data {
    right: 4px;
}

.department-field li {
    float: none;
    margin: 0 0 5px;
    width: auto;
	height:auto;
}
.department-field li.back-link {
    position: absolute;
    z-index: 1;
    bottom: -2px;
    left: 0;
    right: 0;
}
.department-field li a {
    padding: 22px 97px 22px 17px;
    position: relative;
    z-index: 1;
}
.department-field-name2 {
    min-height: 0;
    margin: 0 0 10px;
}
.department-field-mes {
    font-size: 0.95rem;
    margin: 0;
}
.department-field span {
    position: absolute;
    z-index: 1;
    width: 74px;
    height: 74px;
    right: 16px;
    top: 24px;
}
.department-field span span{
	position:relative;
	top:0;
	right:0;
}
.department-field span img{
	width:40px;
	height:40px;
	margin-top:-20px;
	margin-left:-20px;
}
.department-field a:hover span {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.department-field span:before {
    top: 4px;
    bottom: 4px;
    right: 4px;
    left: 4px;
}

}

.a-hed {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 253px 0 157px;
    text-align: center;
}

.a-hed1 {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 350px 0 157px;
    text-align: center;
}
.a-hed-inner {
    background: #fff;
    min-width: 264px;
    margin: 0 auto;
    padding: 0 35px 12px;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.a-hed-inner:before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 4px;
    top: 2px;
    right: 2px;
    left: 2px;
}
.a-hed-title {
    color: #0a0a0b;
    font-size: 50px;
    text-align: center;
    padding: 22px 0 0;
    margin: 0 0 21px;
}
.a-hed-title-en {
    letter-spacing: 0.5px;
    color: #cccccc;
    font-size: 1rem;
    font-weight: 400;
    text-align: center;
    display: block;
    padding: 17px 0 0;
}
.a-hed-title-en:after {
    content: "";
    background-color: #cccccc;
    height: 4px;
    display: block;
    margin: 23px auto 0;
    width: 50px;
}
.a-hed-title-name {
    color: #666666;
    font-size: 24px;
    text-align: center;
    display: block;
}

.bread_wrap {
    position: relative;
	width:100%;
	border-bottom:1px solid #ccc;
}
ul.breadcrumbs{padding:10px 0;width: calc(100% - 7vw);
    margin: 0 auto;}
.p-gh .p-bread li:first-child { margin: 0;}
ul.breadcrumbs li{font-size:14px;display:inline-block;vertical-align: top; margin: 0 0 0 22px; position: relative;z-index: 1;}
ul.breadcrumbs li:before {
    content: " / ";
    z-index: 1;
    position: absolute;
    top: 5px;
    left: -18px;
	font-size:12px;
}
ul.breadcrumbs li.home:before{content:"";}
ul.breadcrumbs li a{color:#b61d22}
ul.breadcrumbs li a:hover {
    text-decoration: underline;
}
.objective {
    padding: 51px 0 60px;
}
.sub-title-en01 {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0 0 19px;
    color: #cccccc;
}
.is-academics.cl3000 .sub-title-en01 {
    color: #87abda;
}

.department {
    background-color: #f5f5f5;
    padding: 65px 0 60px;
}

.objective-mes {
    color: #000000;
    font-size: 32px;
}

.department-box {
    margin: -33px 0 0 -33px;
	display:flex;
	flex-wrap:wrap;
}

.department-block {
    display: block;
    float: left;
    margin: 33px 0 0 33px;
    width: 45%;
    background: #fff;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}

.department-block:hover {
  box-shadow: 0px 3px 11px 5px #e8e8e8;
  -moz-box-shadow: 0px 3px 11px 5px #e8e8e8;
  -webkit-box-shadow: 0px 3px 11px 5px #e8e8e8;
}

.department-block ul {
  margin: 0 0 23px;
  font-size: 16px
}

.department-block li {
  margin: 0 0 7px;
}

.department-title {
    background: #fff;
    display: inline-block;
    font-size: 28px;
    padding: 22px 37px 22px;
}

.department-title.mains{
	padding: 22px 37px 22px 0px;
}
.department-title.mains::before{border-left:4px solid #b61d22; content:""; padding-right:22px;}
.department-title.mains span{padding-left:27px;}

.department-title span {
    display: block;
    letter-spacing: 1px;
    color: #cccccc;
    font-size: 14px;
    font-weight: 400;
}

.department-title small {
  margin: 0 0 0 15px;
}

.department-hed {
    padding: 32px 0 60px;
    border-bottom: #f5f5f5 solid 4px;
    -moz-background-size: cover;
    background-size: cover;
}

.department-foot {
    padding: 20px 39px 30px;
	display:flex;
	flex-direction:column;
}

.department-link {
    text-align: right;
	margin-top:15px;
}
.sub-link1 {
    display: inline-block;
    padding: 8px 40px;
    border: 1px solid #cccccc;
    background: #fff;
    font-size: 14px;
}
.sub-link1:hover{border: 1px solid #b61d22;}
.sub-link1:hover span {
    color:#b61d22;
}



.page_title{
	padding: 82px 0 64px;
	display:flex;
	background-color:#F9F9F9;
}
.page_title .breadcrumbs{    padding: 15px 0 30px 0;}
.page_section {
    padding: 70px 0 70px;
	background: #F9F8F6;
    border-top: 5px solid #ccc;
}
.page-hed-block {
    padding: 50px 62px 58px;
    border-left: #337996 solid 5px;
    background-color: #FFF;
}
.page-hed-block .event-hed-footer {
    padding: 0 10px;
}
.event-hed-block {
    padding: 50px 62px 20px;
    border-left: #337996 solid 5px;
    background-color: #FFF;
	display:flex;
	justify-content:space-between;
	width:90%;
}
.event-hed-title {
    font-size: 36px;
    font-weight: bold;
    line-height: 1.05;
	margin-bottom:5px;
}
.event-hed-writer{font-size:15px;color:#666; padding:9px 0}
.event-hed-poster{font-size:14px;color:#666; padding:9px 0; border-top:1px dotted #ccc}
.event-hed-poster strong a{font-size:18px; padding-right:5px;color:#337996}
.event-hed-sponsor{margin-bottom:10px;}
.event-hed-footer{padding-top:15px;}
.event-time {
    padding: 42px 0 50px;
}
.event-time-title {
    color: #00587c;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 0 0 22px;
}
.event-ch-title{
	color:#00587c;
	font-size:24px;
	font-weight:bold;
	margin-bottom:5px;
}
.two-column{display:flex; flex-wrap:wrap;justify-content:space-between}

.two-column li {
    border-top: 3px solid #00587c;
    padding: 16px 0 0 44px;
    margin: 0 0 0 43px;
    font-size: 1.1rem;
    width: 45%;
    position: relative;
    z-index: 1;
    line-height: 1.6;
}
.two-column li:first-child {
    margin-left: 0;
}
.two-column li:before {
    content: "";
    z-index: 1;
    position: absolute;
    background-size: 30px auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    top: 16px;
    left: 0;
}
.two-column.no li{margin:0; padding-left:5px; padding-top:10px; border-top:0;}
.two-column.no li:before {
	display:none;
}
.two-column.no li.center{text-align:center;}
.doctor-head{
	 text-align:center;
	 margin:0 auto;
	 border:1px solid #ebebeb;
	 padding:5px;margin-bottom:15px;
	 display:block;
	 position:relative;
	 max-width:350px;
}
.doctor-info{text-align:center}
.event-time-icon1:before {
    background-image: url(../../img/icon05.png);
}
.event-time-icon2:before {
    background-image: url(../../img/icon06.png);
}
.event-body {
    padding: 2px 0 46px;
}
.event-body.form-inquiry {
    padding: 80px 0 66px;
	background:#fafafa;
	border-top:1px solid #ccc;
}
.event-body-mes{
	   padding:50px; width:calc(100% - 80px);
	   margin:0 auto;
	   font-size:1.2rem;
}

.event-body-mes ul{
	margin-left:30px;
	list-style: disc;
}

.info-list{margin:10px 0 20px 0;border-top: 3px solid #00587c; padding-top:15px;font-size:1.2rem;}
.info-list li{
	border:0;
	border-bottom:1px dotted #ccc;
	padding:10px;
	width:100%;
	margin:0;
	font-size:1.2rem;
}
.w-text{font-size:1.3em; line-height:1.8;padding-bottom:15px;}
.business {
    padding: 62px 0 64px;
	display:flex;
	background:#fafafa;
	border-bottom:1px solid #ccc;
}
.business-block1 {
    float: left;
}

.business-block2 {
    float: right;
    font-size: 1.3rem;
    width: 72%;
    line-height: 1.8;
}

.business-block2 p{ line-height: 1.8;}
.business-block2 strong{ }
.business-block2 ul{ 
   
   line-height: 1.8;
   margin-left:20px;
   list-style-type: disc;
}
.business-block2 li{ line-height: 1.8;}
.feature-block2 ul, .feature-block2 ol{
	margin-left:30px;
}
.feature-block2 ol{	list-style:decimal;}
.feature-block2 ul{	list-style:disc;}
.feature-block2 ul li, .feature-block2 ol li{}
.feature .feature-block2 ul, .feature .feature-block2 ol, .feature .feature-block2 a{color:#fff;}
@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
.doctorimg{width:100px;height:100px;display:block; border-radius:50%;background-size:cover; background-repeat:no-repeat;border:1px solid #ccc}
.department-box{margin:0;}
.department-block{display:flex;margin: 33px 0 0 0;width: 100%; flex-direction:column}
.event-hed-block, .page-hed-block {
    padding: 20px 15px 20px;
    border-bottom-width: 6px;
	border-left:0;
}
.event-hed-title {
    font-size: 26px;
    line-height: 1.05;
	text-align:center
}
.event-body{    padding: 30px 0 36px;}
.event-hed-sponsor{text-align:center}
.event-hed-block{flex-direction:column;justify-content: center;   border-left:0; border-bottom: #337996 solid 5px;}
.event-hed-block div{width:80%;text-align:center; }
.event-hed-block .manface{float:none; text-align:center; margin:10px auto}
.two-column li{width:100%;}


.event-body-mes{
	 width: 80%;
	 padding: 20px 0;
	 font-size: 1.2rem;
}

.department-hed {padding: 15px 0 30px;}
}
/* 次選單*/
.sub-nav{
	padding:10px 0;
	display:flex;
	height:50px;
	position:relative;
	background-color: #f7f7f7;
	width: 100%;
	transition: all 0.4s ease;
	border-bottom:1px solid #ccc;
}
.sub-nav:before{    
    content: "";
    z-index: 1;
    position: absolute;
    height: 4px;
    top: 0px;
    right: 0px;
    left: 0px;
}
.sub-nav.gray{background-color:#e6e2d8}
.sub-nav.snik{position:fixed; top:70px;z-index:5000;}
.sub-nav.snikt{position:fixed; top:110px;z-index:5000;}
.sub-nav_wrap {
    position: relative;
    width: calc(100% - 7vw);
    margin: 0 auto;
    height: 100%;
}
.sub-nav .sub-nav-name {
    width: 15%;
	
}
.sub-nav .sub-nav-name h1 {
    position: absolute;
    width: 300px;
    left: 0px;
	top:10px;
    display: block;
	font-size:24px;
    transition: all 0.4s ease;
}
.sub-nav .sub-nav-menu {
    display: flex;
    justify-content: flex-end;
    width: 85%;
	max-width: 1024px;
    float: right;
    font-size: 0.95rem;
    transition: all 0.4s ease;
}
.sub-nav .sub-nav-menu .sub-nav-pc_main {
    display: flex;
    justify-content: flex-end;
    width: calc(100%);
    bottom: 0;
    right: 0;
    padding: 15px 0px 0px;
    transition: all 0.4s ease;
}
.sub-nav .sub-nav-menu .sub-nav-pc_main li {
    padding: 0 10px;
}
.sub-nav .sub-nav-menu .sub-nav-pc_main li .sub-nav_link {
    position: relative;
    display: block;
    color: #000;
    font-size: 1.3rem;
    padding-bottom: 19px;
    transition: 0.6s cubic-bezier(0.5, 0, 0, 1);
    overflow: hidden;
    font-weight: 500;
    cursor: pointer;
	transition: all 0.4s ease;
	    padding-left: 20px;
}
.sub-nav .sub-nav-menu .sub-nav-pc_main li:hover .sub-nav_link {
		color: #337996;
		transform: translateY(-50%);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
.sub-nav .sub-nav-menu .sub-nav-pc_main li .sub-nav_link:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 0px;
    height: 14px;
    top: 7px;
    left: 0;
}
.sub-nav .sub-nav-menu .sub-nav-pc_main li .sub-nav_link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: 0;
    border-bottom: 5px solid #337996;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
.sub-nav .sub-nav-menu .sub-nav-pc_main li:hover .sub-nav_link:after, .sub-nav .sub-nav-menu .sub-nav-pc_main li.active .sub-nav_link:after  {
		transform: translateY(-50%);
		-webkit-transform: translateY(0);
		transform: translateY(0);
}
@media (min-width: 1024px){
.doctorimg{width:130px;height:130px;display:block; border-radius:50%;background-size:cover; background-repeat:no-repeat;border:1px solid #ccc}
#submobile, #submobile-sticky-wrapper {
    display: none;
}
}

/*更多*/
.btn_target.contentmore{
	padding: 6px 10px;
	margin:0;
	font-size:15px;
	text-align:center;
    min-width: 120px;
    max-width: 150px;
}
.mcontent{height:0; padding-top:30px;display:none;transition: .5s ease-in;}
.mcontent.show{display:block;height:auto;transition: .5s ease-in;}

/*特色*/
.feature{width:100%;padding:10px 0}
.feature-block2 {
    float: right;
    font-size: 1.2rem;
    width: 726px;
    line-height: 1.8;
	color:#000;
	position:relative;
}
.feature .feature-block2, .feature .feature-block2 p, .feature .feature-block2 a{
	color:#fff;
	word-break: break-all;
	}
.organic_circle {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    background-color: ##00587c;
    background-position: center;
    background-size: cover;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    -webkit-animation: morphing 10s infinite;
    animation: morphing 10s infinite;
    overflow: hidden;
}
#slide {
    margin: 0 auto;
    position: relative;
}
@media screen and (min-width: 768px){
.organic_circle {
    width: 30vw;
    height: 23vw;
    min-width: 400px;
    min-height: 300px;
    margin-right: 4vw;
}
#slide {
    width: 30vw;
    height: 23vw;
    min-width: 400px;
    min-height: 300px;
}
.feature .wrap{
    min-width: 1100px;
    max-width: 1600px;
    width: 100%;
    margin: 81px auto 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
}
@media screen and (max-width: 1024px) {
.feature_ul:after{display:none}
}
@media screen and (max-width: 767px) {
    .organic_circle {
      width: 233px;
      height: 203px;
      margin: 30px auto 0;
      -webkit-transform: translateX(-50px);
              transform: translateX(-50px); } }

@-webkit-keyframes morphing {
  0% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
  25% {
    border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
  50% {
    border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; }
  75% {
    border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } }

@keyframes morphing {
  0% {
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
  25% {
    border-radius: 58% 42% 75% 25% / 76% 46% 54% 24%; }
  50% {
    border-radius: 50% 50% 33% 67% / 55% 27% 73% 45%; }
  75% {
    border-radius: 33% 67% 58% 42% / 63% 68% 32% 37%; } }
/**/	
.reference {
    background-color: #fafafa;
	    padding: 55px 0 0px;
}	
.reference-inner {
    border-bottom: #DDD solid 4px;
    padding: 97px 0 89px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display:flex;
	justify-content:space-between;
	width:100%;
}
.reference h3 {
    position: relative;
    z-index: 1;
    margin: 0 50px 6px 50px;
	width:60%;
    line-height: 1.8;
    font-size: 24px;
	font-family:"新細明體";
	font-weight:bold;
}
.reference h3:after, .reference h3:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: url(../../img/icon02.png) 0 0 no-repeat;
    width: 44px;
    height: 29px;
    top: -14px;
    left: -68px;
}
.reference h3:after {
    top: -13px;
    left: auto;
    right: -76px;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.re-txt{margin:0;text-align:left}
.reference .man{
	position:relative;
	width:25%;
	margin-top:30px;
	margin-left:30px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.circular--portrait{
position:relative;
width:160px;
height:160px;
overflow:hidden;
border-radius:50%;
}
.circular--portrait img{
width:100%;
height:auto;
}
.manface{ 
    overflow:hidden;
	float:right; 
    position:relative; 
	width:160px; 
	margin-bottom:20px; 
	text-align:right
}
.reference p {
    color: #999;
    font-size: 1.5rem;
}
.reference span.chief {
    font-size: 1.5rem;
	font-weight:700;
	text-align:center;
	margin-top:15px;
    color: #000;
}
.reference small {
    display: block;
    font-size: 14px;
	text-align:center;
	margin-top:5px;
    color: #999;
}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
	.reference-inner{    padding: 57px 0 49px; flex-direction:column}
	.reference h3{width:77%;font-size:20px;}
	.reference h3:before{left: -45px;}
	.reference h3:after {right:-32px;}
	.reference .man{width:100%;justify-content: center; align-items:center}
}

/*最新消息*/
.news-top-hed-list-area{display:block}
.news-top-hed-list-area .news-top-hed-list {
    margin: 50px 0 10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.news-top-hed-list-area .news-top-hed-list.mp{margin-bottom:50px}

.news-top-hed-list-area .news-top-hed-list:after {
    content: "";
    display: block;
    clear: both;
}
.news-top-hed-list-area .news-top-hed-list li {
    margin: 0 0 0 0;
    padding: 0;
    width: 30%;
    background: none;
}
.news-top-hed-list-area .news-top-hed-list-date {
    margin-bottom: 10px;
    font-size: 1rem;
    font-weight: bold;
}
.news-top-hed-list-area .news-top-hed-list-date {
    margin-bottom: 10px;
    font-size: 1em;
}	
.news-top-hed-list-area .news-top-hed-list-body {
    position: relative;
    transition: all .2s ease;
}
.news-top-hed-list-area .news-top-hed-list-image {
    position: relative;
    width: 340px;
    height: 208px;
    background-position: 50%;
    background-size: cover;
}
.news-top-hed-list-area .news-top-hed-list-text {
    padding: 15px 10px;
}
.news-top-hed-list-area .news-top-hed-list-title {
    font-size: 0.95rem;
    line-height: 1.6;
}
.news-top-hed-list-area .news-top-hed-list-tags {
    margin-top: 10px;
}
.news-top-hed-list-area .news-top-hed-list-tags span {
    background-color: #FFF;
}	
.p-news {
    background: #f0f0f0;
}
.p-news ul {
    width: 100%;
}
.p-news ul .newlist_data {
    background: #fff;
}
.p-news ul .newlist_data article {
    position: relative;
}
.c-title {
    position: relative;
}	
.c-title.c-title--en {
    color: #999;
    font-weight: bold;
    line-height: 1;
}
.c-title.with-border:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 50px;
    height: 4px;
    background: #ccc;
    content: '';
}	

.p-news ul .newlist_data article>div .newlist_data_tag {
    height: 100%;
}
.c-tags {
    margin-top: -3px;
}
.c-tags>a, .c-tags>span {
    display: inline-block;
    margin-top: 3px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.p-news ul .newlist_data article footer time {
    position: relative;
    display: block;
    width: 100%;
    font-weight: bold;
	font-size:14px;
}
.p-news ul.list .newlist_data article footer time {
    position: relative;
    display: block;
    width: 100%;
    font-weight: bold;
	font-size:16px;
}
.p-news ul .newlist_data article footer time h6{
	font-size:12px;
}
.c-icon--arrow1:before {
    content: '\e905';
    font-size: 22px;
	font-family:'icomoon';
}
.c-icon--arrow2:before {
    content: '\e907';
    font-size: 12px;
	font-family:'icomoon';
}
.no-touch .p-news ul .newlist_data article footer a:hover {
    background: #6f24b0;
}
.p-news ul .newlist_data article footer a {
    display: inline-block;
    padding: 0 16px;
    background: #541b86;
    color: #fff;
    font-size: 12px;
}


@media only screen and (min-device-width: 768px) and (min-width: 641px){

.l-section {
    padding: 84px 0 64px 0;
}
.p-news ul {
    margin-top: 20px;
}
.p-news ul .newlist_data {
    padding: 9px;
}
.p-news ul .newlist_data {
    background: #fff;
}
.p-news ul .newlist_data:hover {
    background: #fafafa;
}
.p-news ul .newlist_data+.newlist_data {
    margin-top: 2px;
}
.p-news ul .newlist_data article>div {
    margin-left: 212px;
    padding-right: 156px;
    padding-left: 30px;
    height: 100%;
}

.p-news ul .newlist_data article>div header {
    padding: 20px 0;
}
.p-news ul .newlist_data article>div header a {
    display: block;
}
.p-news ul .newlist_data article>div header h3 {
    font-size:1.2rem; 
}
.p-news ul.list .newlist_data article>div header h3 {
    font-size:1.3rem; 
	font-weight:bold;
}
.p-news ul .newlist_data article>div header h5{
	font-size:14px;
	color:#666;
	font-weight:normal;
	margin-top:5px;
}
.p-news ul .newlist_data article>div .newlist_data_tag {
    position: absolute;
    top: 0;
    right: 30px;
    padding-right: 11px;
    padding-left: 30px;
    width: 85px;
}
.p-news ul .newlist_data article>div .newlist_data_tag a {
    position: absolute;
    top: 50%;
    margin-top: -0.75em;
    width: 83px;
	border-radius:5px;
}

.p-news ul .newlist_data article footer a {
    margin-top: 6px;
}
.p-news ul .newlist_data article footer time .c-icon, .p-news .p-gh .p-slidemenu .p-slidemenu_ul--sub ul .newlist_data article footer time li a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .p-news ul .newlist_data article footer time li a:before, .p-news .p-gh .p-slidemenu .p-slidemenu_ul--sub ul li .newlist_data article footer time a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .p-news ul li .newlist_data article footer time a:before, .p-news ul .newlist_data .p-event .p-event_carousel_main .p-event_carousel_unit article footer time .place:before, .p-event .p-event_carousel_main .p-event_carousel_unit .p-news ul .newlist_data article footer time .place:before {
    position: absolute;
    top: -2px;
    right: 28px;
}
.p-news ul .newlist_data article footer {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 0 11px;
    width: 212px;
    height: 100%;
    background: #fafafa;
}
.p-news ul .newlist_data article footer .newlist_data_l_inner {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.p-news ul .newlist_data article footer:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 4px;
    height: 100%;
    content: '';
}
.c-tags>a, .c-tags>span {
    padding: 5px 14px;
    font-size: 14px;
}
.c-title {
    padding-bottom: 30px;
}
.c-title.c-title--en.c-title--nano {
    font-size: 1.3rem;
	font-weight:500;
}
.c-button {
    padding: 0 60px;
}
}	

@media only screen and (min-width:641px) and (min-device-width:768px){
	.p-news ul .newlist_data+.newlist_data{margin-top:6px}
}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
.l-section {
    padding: 34px 0 34px 0;
}
.p-news ul .newlist_data article>div {
    position: relative;
    padding: 28px 13px 10px 13px;
}
.p-news ul .newlist_data+.newlist_data {
    margin-top: 5px;
}
.p-news ul .newlist_data article>div header h3 {
    padding: 10px 0;
    line-height: 1.3;
    font-size: 1rem;
	word-wrap:break-word; 
}
.p-news ul .newlist_data article>div header h5 {
    padding: 0 0 10px 0;
    line-height: 1.3;
    font-size: 14px;
	word-wrap:break-word; 
}
.p-news ul .newlist_data article>div header a h3 span{text-decoration:none;word-wrap:break-word; }

.p-news ul .newlist_data article>div .newlist_data_tag.c-tags a {
    padding: 0 4px;
    padding: 7px 21px;
    line-height: 100%;
    font-size: 14px;
}
.p-news ul .newlist_data article footer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.p-news ul .newlist_data article footer time {
    padding: 5px 13px;
	font-size:14px;
    width: auto;
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
}
.p-news ul .newlist_data article footer time .c-icon, .p-news .p-gh .p-slidemenu .p-slidemenu_ul--sub ul .newlist_data article footer time li a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .p-news ul .newlist_data article footer time li a:before, .p-news .p-gh .p-slidemenu .p-slidemenu_ul--sub ul li .newlist_data article footer time a:before, .p-gh .p-slidemenu .p-slidemenu_ul--sub .p-news ul li .newlist_data article footer time a:before, .p-news ul .newlist_data .p-event .p-event_carousel_main .p-event_carousel_unit article footer time .place:before, .p-event .p-event_carousel_main .p-event_carousel_unit .p-news ul .newlist_data article footer time .place:before {
    position: absolute;
    top: 4px;
    left: 10em;
}
.p-news ul .newlist_data article footer a{position:absolute;top:0;right:0;pointer-events:all;height:24px;vertical-align:middle;line-height:24px}

.news-top-hed-list-area .news-top-hed-list{ margin-top:10px;}
.news-top-hed-list-area .news-top-hed-list li{width:100%;margin: 0 auto;}
.news-top-hed-list-area .news-top-hed-list-image {
    width: auto;
    height: 204px;
}
.news-top-hed-list-area .news-top-hed-list-text {
    padding: 10px 0;
}
.news-top-hed-list-area .news-top-hed-list-date {
    margin-bottom: 8px;
}
.news-top-hed-list-area .news-top-hed-list-tags {
    margin-top: 8px;
}

.p-news ul .newlist_data article footer time h6{display:block; float:right}
}

@media only screen and (min-device-width:320px) and (max-device-width:767px) and (orientation:landscape){
	.p-news ul .newlist_data article footer time{padding:0 13px;width:auto;height:24px;vertical-align:middle;line-height:24px}
	.p-news ul .newlist_data article footer a{position:absolute;top:0;right:0;pointer-events:all;height:24px;vertical-align:middle;line-height:24px}
}
	.no-touch .p-news ul .newlist_data article footer a:hover{background:#6f24b0}
	.touch .p-news ul .newlist_data article footer a.hover{background:#6f24b0}


/* 學術 */
.dp3010 .department2-inner h2, .dp3010 .department2-obj .department2-obj-mes, .dp3010 .department2-obj .department2-obj-mes2 span, .dp3010 .master-list li, .dp3010 .master-title, .dp3010 .story-vol {
    border-color: #586e9e;
}
.dp3010 .master-list h3 a{color:#586e9e;}
.master-list h3 a:hover{text-decoration:underline}
.master {
    background: #F9F8F4;
    padding: 79px 0 86px;
	display:flex;
}
.master-title:before, .master-list li .master-list-box:before{content:"";position:absolute;height:4px;width:100%; left:0; top:0;z-index:2}
.master-title {
    background: #fff;
    width: 345px;
    padding: 46px 22px;
    float: left;
    position: relative;
    z-index: 1;
}
.master .sub-title02 {
    font-size: 26px;
    line-height: 1.4;
    /* margin: 0 0 13px; */
}
.sub-title02-mes {
    position: relative;
    z-index: 1;
    padding: 0 0 0 72px;
    font-size: 14px;
    font-size: 1rem;
    margin: 0 0 18px;
}
.sub-title02-mes:before {
    content: "";
    z-index: 1;
    position: absolute;
    background-color: #ccc;
    width: 50px;
    height: 4px;
    top: 10px;
    left: 0;
}
.master-top {
    float: right;
    width: 680px;
    margin: 0 0 29px;
}
.master-list {
    text-align: left;
}
.master-list li {
    vertical-align: top;
    display: inline-block;
    text-align: left;
    width: 305px;
    margin: 0 0 20px 29px;
}
.master-list li .master-list-box {
    display: block;
	position:relative;
	background:#fff;
    padding: 20px 15px 20px;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}

.master-list h3 {
    font-size: 1.3rem;
    margin: 0 0 18px;
    color: #000;
}
.master-list p{ line-height:1.8}
.master-list p.paper{margin-top:10px; padding:3px 10px 2px 10px; font-size:12px; border:1px solid #ccc}
.master-bottom {
    float: left;
    width: 100%;
}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
	.master {
    padding: 39px 0 36px;
}
}

/**/
.staff {
    padding: 54px 0 67px;
    background: #fff;
}
.staff-btn {
    font-size: 1.1rem;
    display: block;
    background: #F5F5F5;
    border: 1px solid #ddd !important;
    text-align: center;
    padding: 16px 0;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
.staff-btn span {
    padding: 0 0 0 26px;
    position: relative;
    z-index: 1;
}
.staff-btn span:before {
    content: "";
    z-index: 1;
    position: absolute;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    top: 3px;
    left: -7px;
}
.staff-table table {
    width: 100%;
	margin-top:30px;
	border-top: 1px solid #ddd;
}
.staff-table thead td {
    font-size: 0.95rem;
    background: #949699;
    color: #FFF;
}
.staff-table thead td {
    font-size: 0.95rem;
    background: #949699;
    color: #FFF;
}
.staff-table td, .staff-table th {
    padding: 12px 20px;
    border-bottom: 1px solid #ddd;
}

.staff-table td a{color:#00587c; font-weight:bold;}
.staff-table td.td1 {
    width: 280px;
}
.staff-table thead td.td1 {
    padding-left: 32px;
}

.staff-link {
    position: relative;
    z-index: 1;
    display: inline-block;
	font-size: 14px;
    padding: 7px 7px 7px 43px;
}

.staff-link:before {
    content: "";
    position: absolute;
    z-index: 1;
}
.staff-link:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: solid #CCCCCC 1px;
    display: none;
}
.staff-table td a.staff-linkask{color:#fff !important;}
.staff-table td a.staff-link1{background-color:#c0191f;color:#fff; }
.staff-link1:before {
    content: '\e905';
    font-size: 21px;
    font-family: 'icomoon' !important;
    top: 6px;
    left: 15px;
}
.staff-link2 > span:before {
  position: absolute;
  z-index: 5;
  content: '\e90b';
  font-size: 21px;
  font-family: 'icomoon' !important;
  top: 5px;
  left: 19px;
  line-height: 1;
  overflow: hidden;
  color:#00587c;
}
.staff-linkask{background-color:#00587c; color:#fff; padding-left:7px;}
.staff-link:hover:after {
    display: block;
}
.staff-btn.list-open span:before {
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 9px;
    left: -14px;
}
.staff-table tr:nth-child(even) {
    background: #F5F5F5;
}

@media (min-width: 769px){
.staff-table td.td1 {
    width: 80px;
}
.staff-table td.td2 {
    width: 120px;
}
.staff-table td.td3 {
    width: 340px;
}
}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
.staff-btn {
    padding: 10px 0;
    margin: 0 0 23px;
    background: #F5F5F5;
}
.staff-table td{padding:7px 10px}
.staff-table thead td.td1{    padding-left: 12px;}
.staff-table thead{display: none}
.staff-table td{ display: flex;  padding: .3rem .5rem}
.staff-table td:before{
    content: attr(data-title);
    display: flex;
	flex:0 0 60px;
    width: 20%;
    font-weight: 700;
    padding-right: 10px;
}
.staff-link{margin-bottom:6px; margin-right:6px;}
.business {
    padding: 52px 0 4px;
	border-top:1px solid #ccc;
}
.business-block1 {
    float: none;
	margin:0 auto;
	text-align:center;
}
.sub-title01{width:100%;text-align: center; padding-bottom:20px;}
.sub-title01:after {left:50%; position:absolute; margin:19px 0 10px 0;margin-left:-25px;}
.sub-title-en01.business-en{text-align: center;}
.business-block2{float: none;margin:0 auto;width:auto;}
.organic_circle {
    width: 233px;
    height: 243px;
    margin: 30px auto 20px;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}
#slide {
    width: 233px;
    height: 243px;
}
#slide img {
    width: 233px;
    height: 243px;
}
.feature .feature-block2 {
    float:none;
	display:flex;
	flex-direction:column;
	width: calc(100% - 46px);
    margin: 0 auto 35px;
	position:relative;
	word-break: break-all;
}

}

/*榮譽*/
.award{
    background: #e0dcd1;
    padding: 55px 0 45px;
	display:flex;
}
.story-pickup-inner {
    margin: 0 0 0 169px;
}
.story-pickup-list {
    margin: 0 0 0px;
}
.story-pickup-list li {
    width: 306px;
    float: left;
    margin: 0 0 25px 29px;
}

.story-pickup-list li:hover{
	box-shadow: 0 3px 11px 5px #bfbbaf;
    background-color: #FFF;
	transition: all .4s ease;
}
.story-pickup-list li:nth-child(3n+1) {
    margin-left: 0;
}
.story-pickup-list a {
    display: block;position:relative;
}
.story-pickup-list li a:before{content:"";position:absolute; height:4px;width:100%; left:0; top:0;z-index:2}
.story-pickup-box {
    background: #fff;
    padding: 20px 33px 19px 33px;
    /* height: 59px; */
    z-index: 1;
    border-bottom: 2px solid #ccc;
    position: relative;
}
.story-pickup-box:before {
    font-family: 'icomoon' !important;
    content: '\e905';
    font-size: 28px;
    z-index: 1;
    position: absolute;
    bottom: -1px;
    right: 8px;
    color: #337996;
}
.story-pickup-title {
    font-size: 1.3rem;
    margin: 0 0 3px;
	color:#00587c;
	margin-bottom:10px;
}
.story-pickup-mes {
    color: #434343;
    font-size: 14px;
    line-height: 1.5;
}
.p-news_footer{
    margin-top: 50px;
	padding:50px 0;
    text-align: center;
	justify-content:center;
	display:flex;
	width:100%;
}



/*衛教*/
.health_info{
    background: #f4f4f0;
    padding: 85px 0 85px;
	display:flex;
	position:relative
}

.health_list{display:flex;width:100%; flex-wrap:wrap; justify-content:space-between}
.health_list li{ background-color:#fff;  margin:10px; margin-left:0; position:relative; }
.health_list li:before{content:"";height:4px;width:100%;top:0;left:0;position:absolute;}
.health_list li:hover{
	box-shadow: 0 3px 11px 5px #e9e9e1;
    background-color: #FFF;
	transition: all .4s ease;
}
.health_list li .h_content{padding: 10px 23px 9px 23px;border-bottom: 2px solid #ccc;}
.health_list li h3{font-size:1.2rem; color:#00587c;margin-bottom:7px;}
.health_list li h5{font-size:13px; color:#666}

@media only screen and (max-device-width: 640px) and (min-device-width: 320px), (max-width: 640px){
.health_info{padding:35px 0 35px}
.health_list li .h_content{padding: 4px 10px 6px 10px;}
.health_list li h3{font-size:18px;margin-bottom:5px;}
.health_list li h5{font-size:12px}

.p-news_footer {
    margin-top: 30px;
    padding: 20px 0;
}
}
/*子科*/
.department2 {
    padding: 56px 0 49px;
	display:flex;
}
.department2-inner h2 {
    float: left;
	background: #fff;
    font-size: 3.5rem;
    padding: 13px 23px 13px;
    margin: 42px 0 33px;
}
.department2-mes {
    float: right;
    width: 380px;
    height: 420px;
    position: relative;
    z-index: 1;
    background: #fff;
}
.department-mes {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    position: absolute;
    z-index: 1;
    top: 40px;
	bottom:20px;
    right: 9px;
    font-size: 24px;
}
.dp3010 .department2-mes::before {
    border-top-color: #87abda;
    border-bottom-color: #586e9e;
}
.dp3010 .department2-mes h3, .dp3010 .department2-obj h3 {
    color: #586e9e;
	font-weight:normal;
}
.department2-mes h3 {
    position: absolute;
    z-index: 1;
    top: 39px;
    left: 31px;
}
.department2-mes:before {
    content: "";
    z-index: 1;
    position: absolute;
    height: 8px;
    top: 2px;
    right: 2px;
    left: 2px;
}
.department-text {
    position: absolute;
    z-index: 1;
    bottom: 40px;
	width:100px;
    left: 30px;
}
.department2-mes h4 {
    font-size: 14px;
    position: relative;
	font-weight:normal;
    z-index: 1;
}
.department2-mes h4:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: #ccc;
    width: 50px;
    height: 4px;
    bottom: -17px;
    left: 0;
}
.department-name {
    font-size: 14px;
	padding-top:10px;
}
.department2-obj {
    float: left;
    width: 740px;
}
.department2-obj .department2-obj-mes {
    border-left: 4px solid #fff;
    float: left;
    font-size: 24px;
	line-height:1.5;
    color: #fff;
    padding: 12px 50px 2px 27px;
}

.team{padding:60px 0; display:flex;}
.team-list{margin-top:50px; display:flex; flex-wrap:wrap; justify-content:space-between}
.team-list li {
    float: left;
    width: 30%;
    margin: 0 0 20px 33px;
}
.team-list li:nth-child(3n+1) {
    margin-left: 0;
}
.team-list .team-list-box {
    position: relative;
    z-index: 1;
    padding: 37px 18px 26px;
    border-bottom: 2px solid #E5E5E5;
    display: block;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
}
.team-mes{ min-height:70px}
.team-list li .team-list-box:before {
    content: "";
    z-index: 1;
    position: absolute;
    background-repeat: no-repeat;
    height: 6px;
    top: 0;
    right: 0;
    left: 0;
    background-size: 100% auto;
}
.team-list h3 {
    font-size: 1.3rem;
    line-height: 1.7;
    margin: 0 0 16px;
    color: #000;
	text-align:center;
	}
.team-list h5 {font-size:14px; color:#666;text-align:center;}
.team-img {
    width: 180px;
    margin: 0 auto 11px;
    position: relative;
    z-index: 1;
}
.faceh{background-size:cover; background-repeat:no-repeat; background-position:top center;}
.team-img p {
    overflow: hidden;
	width:180px;
	height:180px;
    border-radius: 90px;
}
.dp3010 .team-list li .team-list-box::before {
    background-image: url(../../img/qo9edr0000000vov.png);
}

.page_dropdown {
    width: auto;
    float: left;
    padding: 0;
    z-index: 999;
	transition: all 0.4s ease;
}
.page_dropdown.min{
	width: 46px;
}
.page_dropdown_btn {
    position: relative;
    display: block;
    cursor: pointer;
    height: 46px;
}
.page_dropdown_btn{padding-bottom:0;min-width: 36px;}
.page_dropdown_btn:before {
    position: relative;
    display: block;
    font-family:icomoon!important;
    content: "\e904";
    font-size: 1.1rem;
    line-height: 30px;
    color: #666;
    margin: 0;
    padding: 0 0 15px;
    top: 0;
    left: 5px;
}
.page_dropdown_content {
    display: none;
    opacity: 0;
    z-index: 9999;
	position:absolute;
    background-color: rgba(255, 255, 255, .95);
    -webkit-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 4px 7px 0 rgba(0, 0, 0, .2);
    -webkit-animation-duration: .4s;
    -ms-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    animation-name: fadeIn;
    clear: both;
    padding: 0;
	min-width:180px;
    margin-left: 0px;
    margin-top: 0px;
}

.last .page_dropdown_content{
	right:0
}
.page_dropdown:hover .page_dropdown_content {
    display: block;
    opacity: 1;
}

.page_dropdown_content li {
    display: block;
	position:relative;
    float: none;
    line-height: 1.8;
    height: auto;
    font-size: 1.3rem;
	overflow:hidden;
}

.page_dropdown_content li a{
	padding: 5px 18px;
	display: block;
	overflow:hidden;
    }

.page_dropdown:hover .page_dropdown_content li:hover a:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    height: 100%;
    width: 0;
    border-left: 5px solid #337996;
    transition: -webkit-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
}
.page_dropdown:hover .page_dropdown_content li:hover a:hover:after {
		transform: translateX(0%);
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
	}
.page_dropdown:hover .page_dropdown_content li.active a {color:#337996;font-weight:bold}	
@media screen and (max-width: 640px){
	.story-pickup-inner {
    margin: 0 0 0 0px;
}
	.story-pickup-list li {
    width: 100%;
    float: none;
    margin: 10px auto;
}
.master-title, .master-top , .master-list li {
    width: auto;
    float: none;
    margin: 10px auto;
}
.a-hed {
    position: relative;
    height: 315px;
    padding: 50px 0 0 0;
}
.a-hed-inner {
    position: relative;
	margin-top:100px;
    left: auto;
    max-width: 100%;
    padding: 8px 18px 8px;
    box-sizing: border-box;
}
.a-hed-title {
    font-size: 28px;
    margin: 0 0 20px;
	padding-top:12px;
}
.a-hed-inner .a-hed-title{
    text-align: center;
}
.a-hed-title-en {
    padding: 5px 0 0;
	text-align: center;
	font-size:12px;
}
.a-hed-title-en:after {
    height: 3px;
	position:absolute;
	left:50%;
    display: block;
    margin: 8px auto 0;
	margin-left:-25px;
    width: 50px;
}
.a-hed-title-name{text-align:center; font-size:16px;}
ul.breadcrumbs{padding:10px 0}
.page_title{ padding: 32px 0 34px;}

.department2 {
    padding: 0 0 33px;
    background: #fff;
    border: none;
}
.department2 .l-container--center {
    width: 100%;
}
.dp3010 .department2-inner, .dp3010 .faq .faq-picture {
    background-image: url(../../img/qo9edr0000000vov.png);
}
.department2-inner {
    padding: 0 5.7%;
    -moz-background-size: cover;
    background-size: cover;
}
.department2-inner h2 {
    -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
    -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
    -ms-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.21);
    color: #fff;
    margin: 20px 0 8px;
    font-size: 30px;
    padding: 6px 8px;
    float: none;
    display: inline-block;
}
.dp3010 .department2-inner h2 {
    background: #bfae72;
}
.department2-mes {
    width: 100%;
    float: none;
    height: 372px;
}
.department2-obj {
    float: none;
    width: auto;
    min-height: 1px;
    padding: 26px 5.7% 0;
}
.department2-obj h3 {
    color: #000 !important;
    padding: 0;
    font-size: 14px;
}
.sp-none {
    display: none;
}
.sp-block {
    display: block;
}
.dp3010 .department2-mes h3, .dp3010 .department2-obj h3 {
    color: #bfae72;
}
.department2-obj .department2-obj-mes {
    border: none;
    padding: 0;
    font-size: 1.2rem;
    color: #fff;
}
.department-text .sub-title-en01 {
    margin: 0 0 21px;
}
.department2-mes h4:before {
    bottom: -12px;
    width: 25px;
    height: 2px;
}
.department-name {
    top: 192px;
}
.department2-mes h4 {
    color: #bfae72;
}
.department2-obj h3 {
    color: #000 !important;
    padding: 0;
    font-size: 12px;
}
.team-list li{width:100%;    margin: 0 0 20px 0;}
.team-list .team-list-box{    padding: 25px 0px 16px;    border-bottom:0}
.d-head{display:flex;margin-bottom:20px; }
.d-head .team-img{width:120px; margin-right:20px;}
.d-head .team-img p { width: 120px; height: 120px;}
.head-info{width: calc(100% - 140px)}
.head-info h3, .head-info h5{text-align:left}
}	

/* tab-切換*/

@media screen and (min-width: 768px) {
	.homenews-selector_container + .mod-sec {
		margin-top: 100px;
	}
}

@media screen and (max-width: 767px) {
	.homenews-selector_container + .mod-sec {
		margin-top: 50px;
	}
}

.homenews-selector_wrap {
	position: relative;
	display: flex;
	justify-content:center;
	margin:0 auto;
}

.homenews-selector_wrap .homenews-selector {
	display: block;
	flex-grow: 1;
	text-align: center;
	cursor: pointer;
	border-bottom: 3px solid #ccc;
	width: calc(100% / 3);
	background-color:#fff;
}

.homenews-selector_wrap .homenews-selector.selected{
	background-color:#d1deef
	
}
@media screen and (min-width: 768px) {
	.homenews-selector_wrap .homenews-selector {
		padding: 27px 7.5px 24px;
		font-size: 1.1rem;
	}
}

@media screen and (max-width: 767px) {
	.homenews-selector_wrap .homenews-selector {
		font-size: 0.95rem;
		padding: 16px 7.5px 22px;
	}
}

.homenews-selector_wrap #sliding-bar {
	content: '';
	position: absolute;
	background-color: #00587c;
	width: 33.3%;
	height: 3px;
	left: 0;
	bottom: 0px;
	transition: left 0.3s ease-out;
}

.prdct-content_area .prdct-content {
	display: none;
	opacity: 0;
	transition: .5s;
	transition-delay: .1s;
}

.prdct-content_area .prdct-content.selected {
	display: block;
	opacity: 1;
}

.prdct-content_area .prdct-content .prdct-newsinfo_wrap {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap {
		margin-top: 60px;
		margin-bottom: 70px;
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap {
		margin-top: 30px;
		margin-bottom: 30px;
	}
}

.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link {
	position: relative;
	background-color: #eff6f9;
	box-sizing: border-box;
	color: #00587c;
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link {
		margin-right: 20px;
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link {
		margin-right: 1.7%;
	}
}

.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link:nth-child(-n+3) {
	margin-top: 0;
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link:nth-child(3n) {
		margin-right: 0px;
	}
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link {
		padding-top: 29px;
		padding-bottom: 30px;
		width: calc(33.3% - 40px / 3);
		margin-top: 20px;
		padding-right: 20px;
	}

	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link:hover {
		box-shadow: 0 10px 45px rgba(84, 133, 174, 0.2);
		background-color: #fff;
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link:hover span:after {
		right: 0;
		opacity: 1;
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link {
		width: calc(96.6% / 3);
		margin-top: 5px;
		min-height: 120px;
		font-size: 12px;
	}
}

.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link .prdct-newsinfo_ico {
	position: absolute;
	width: 60px;
	height: 60px;
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link .prdct-newsinfo_ico {
		top: calc(50%);
		left: 15px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link .prdct-newsinfo_ico {
		top: 10px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link span {
	position: relative;
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link span {
		position: relative;
		display: inline-block;
		padding-left: 88px;
		font-size: 0.95rem;
		padding-right: 15px;
	}

	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link span:after {
		position: absolute;
		content: '';
		background-image: url(/common/img/module/ico_arrow_btn_b.svg);
		background-size: 100%;
		background-position: center;
		width: 6px;
		height: 12px;
		right: 5px;
		top: 4px;
		opacity: 0;
		transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link span {
		display: block;
		font-size: 13px;
		padding: 75px 10px 15px;
		text-align: center;
	}
}

.prdct-content_area .prdct-content .prdct-newsinfo_wrap .prdct-newsinfo_link:nth-child(3n) {
	margin-right: 0;
}

.prdct-content_area .prdct-content .prdct-seminar_wrap {
	display: flex;
	flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-seminar_wrap {
		margin-top: 60px;
		margin-bottom: 70px;
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-seminar_wrap {
		justify-content: space-between;
		margin-top: 30px;
		margin-bottom: 50px;
	}
}

.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link {
	display: block;
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link {
		width: calc(16.6% - 110px / 6);
		margin-top: 50px;
		margin-right: calc(110px / 5);
	}

	.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link:hover .prdct-seminar_ttl {
		color: #0e8bc2;
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link {
		width: calc(50% - 15px / 2);
		margin-top: 30px;
	}
}

.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link:nth-child(6n) {
	margin-right: 0;
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link:hover .prdct-seminar_img {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link:nth-child(-n+6) {
		margin-top: 0;
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link:nth-child(-n+2) {
		margin-top: 0;
	}
}

.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link .prdct-seminar_img {
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	width: 100%;
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link .prdct-seminar_img {
		padding-top: 10px;
	}
}

.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link .prdct-seminar_img img {
	width: 100%;
	height: auto;
}

.prdct-content_area .prdct-content .prdct-seminar_wrap .prdct-seminar_link .prdct-seminar_ttl {
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
	transition: .1s linear;
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-recruitment_wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 60px;
		margin-bottom: 70px;
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-recruitment_wrap {
		margin-top: 30px;
		margin-bottom: 50px;
	}
}

.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link {
	display: block;
	background-color: #eff6f9;
	color: #00587c;
	transition: 0.3s cubic-bezier(0.5, 0, 0, 1);
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link {
		width: calc(50% - 50px);
		padding: 30px 20px;
		margin-top: 20px;
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link {
		width: 100%;
		padding: 15px 0;
		margin-top: 5px;
		font-size: 14px;
	}
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link:nth-child(-n+2) {
		margin-top: 0;
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link:first-child {
		margin-top: 0;
	}
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link:hover {
		box-shadow: 0 10px 45px rgba(84, 133, 174, 0.2);
		background-color: #fff;
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}

	.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link:hover span:after {
		right: 0;
		opacity: 1;
	}
}

.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link span {
	position: relative;
	display: block;
}

@media screen and (min-width: 768px) {
	.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link span {
		display: inline-block;
		margin-right: 30px;
		padding: 0 15px 0 10px;
	}
}

@media screen and (max-width: 767px) {
	.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link span {
		padding: 0 15px;
	}
}

.prdct-content_area .prdct-content .prdct-recruitment_wrap .prdct-recruitment_link span:after {
	position: absolute;
	content: '';
	background-image: url(/common/img/module/ico_arrow_btn_b.svg);
	background-size: 100%;
	background-position: center;
	width: 6px;
	height: 12px;
	right: 5px;
	top: 4px;
	opacity: 0;
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
}

@media screen and (min-width: 768px) {
	.prdct-button_wrap {
		display: flex;
		height: 90px;
	}
}

.prdct-button_wrap .prdct-button {
	position: relative;
	display: block;
}

.prdct-button_wrap .prdct-button:hover img {
	opacity: 0.75;
}

.prdct-button_wrap .prdct-button:hover p {
	opacity: 0.75;
}

@media screen and (min-width: 768px) {
	.prdct-button_wrap .prdct-button:first-child {
		border-left: 1px solid #e6e6e6;
	}
}

@media screen and (max-width: 767px) {
	.prdct-button_wrap .prdct-button:first-child {
		border-top: 1px solid #e6e6e6;
	}
}

@media screen and (min-width: 768px) {
	.prdct-button_wrap .prdct-button {
		border-right: 1px solid #e6e6e6;
	}
}

@media screen and (max-width: 767px) {
	.prdct-button_wrap .prdct-button {
		border-bottom: 1px solid #e6e6e6;
	}
}

@media screen and (min-width: 768px) {
	.prdct-button_wrap .prdct-button {
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 767px) {
	.prdct-button_wrap .prdct-button {
		display: flex;
		padding: 20px 15px;
		align-items: center;
	}
}

.prdct-button_wrap .prdct-button img {
	transition: .1s linear;
}

@media screen and (min-width: 768px) {
	.prdct-button_wrap .prdct-button img {
		position: absolute;
		top: 0;
		left: calc(50% - 25px);
		width: 50px;
		height: 50px;
	}
}

@media screen and (max-width: 767px) {
	.prdct-button_wrap .prdct-button img {
		width: 40px;
		height: 40px;
		margin-right: 20px;
	}
}

.prdct-button_wrap .prdct-button p {
	transition: .1s linear;
}

@media screen and (min-width: 768px) {
	.prdct-button_wrap .prdct-button p {
		position: absolute;
		display: block;
		text-align: center;
		bottom: 0;
		width: 100%;
		font-size: 0.95rem;
	}
}

@media screen and (max-width: 767px) {
	.prdct-button_wrap .prdct-button p {
		display: table-cell;
		vertical-align: middle;
		font-size: 14px;
	}
}

.prdct-button_wrap .prdct-button p span {
	display: inline;
	position: relative;
	padding-right: 18px;
}

.prdct-button_wrap .prdct-button p span:after {
	position: absolute;
	content: '';
	background-image: url("/common/img/ico_blank.svg");
	background-repeat: no-repeat;
	block-size: 100%;
}

@media screen and (min-width: 768px) {
	.prdct-button_wrap .prdct-button p span:after {
		width: 15px;
		height: 15px;
		bottom: 0px;
		right: 0;
	}
}

@media screen and (max-width: 767px) {
	.prdct-button_wrap .prdct-button p span:after {
		width: 15px;
		height: 15px;
		bottom: 0px;
		right: 0;
	}
}

@media screen and (min-width: 768px) {
	.prdct-pickup_wrap {
		display: flex;
		justify-content: space-between;
	}
}

.prdct-pickup_wrap .prdct-pickup {
	display: block;
	position: relative;
}

.prdct-pickup_wrap .prdct-pickup:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	z-index: 1;
}

@media screen and (min-width: 768px) {
	.prdct-pickup_wrap .prdct-pickup:hover img {
		-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0);
		transform: matrix(1.05, 0, 0, 1.05, 0, 0);
	}
}

@media screen and (min-width: 768px) {
	.prdct-pickup_wrap .prdct-pickup {
		width: calc(1070px / 2);
		overflow: hidden;
	}
}

@media screen and (max-width: 767px) {
	.prdct-pickup_wrap .prdct-pickup:first-child {
		margin-bottom: 20px;
	}
}

.prdct-pickup_wrap .prdct-pickup img {
	width: 100%;
	height: auto;
	display: block;
	transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1);
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.prdct-pickup_wrap .prdct-pickup p {
	color: #ffffff;
	position: absolute;
}

.prdct-pickup_wrap .prdct-pickup p.pickup-ttl {
	line-height: 1;
	z-index: 2;
}

@media screen and (min-width: 768px) {
	.prdct-pickup_wrap .prdct-pickup p.pickup-ttl {
		font-size: 36px;
		bottom: 60px;
		left: 40px;
	}
}

@media screen and (max-width: 767px) {
	.prdct-pickup_wrap .prdct-pickup p.pickup-ttl {
		font-size: 26px;
		left: 21px;
		bottom: 41px;
	}
}

.prdct-pickup_wrap .prdct-pickup p.pickup-txt {
	line-height: 1.6;
	z-index: 2;
}

@media screen and (min-width: 768px) {
	.prdct-pickup_wrap .prdct-pickup p.pickup-txt {
		font-size: 0.95rem;
		bottom: 30px;
		left: 40px;
	}
}

@media screen and (max-width: 767px) {
	.prdct-pickup_wrap .prdct-pickup p.pickup-txt {
		font-size: 14px;
		bottom: 14px;
		left: 21px;
	}
}	

/* 醫療項目 */
.featurebox{padding: 84px 0 64px; border-bottom:1px solid #ddd;background-color:#FAF8F5;}
@media screen and (min-width: 1280px) {
.servicebox{ max-width: 80%; margin:0 auto;}
}

.feature_ul {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	padding: 0;
    min-width:80%;
	border-left:1px solid #ddd;
	z-index:1;
	position:relative;
}
.feature_ul .feature_li{width:calc(25% - 2px);position:relative;display:block;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff;}
.feature_ul .feature_li a{
	display:flex;
	flex-direction:column;
	position:relative;
	width:100%;
}
.feature-img{
	overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
	display:block;
}
.feature_ul .feature_li a figure {
    position: relative;
    width: 100%;
	display:block;
	min-height:200px;
	background-position: 50% 50%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
	
}
.feature_ul .feature_li a figure {
    transition: all .5s ease-out;
}
.feature_ul .feature_li:hover a figure{transform:scale(1.1, 1.1);}

.c-icon--arrow1{position:absolute; right:10px; top:10px;transition: all .3s ease-out;}
.feature_ul .feature_li:hover h4{opacity:0.8}
.feature_ul .feature_li:hover .c-icon--arrow1{right:20px;}
.feature_ul .feature_li a .feature_li_desc h4{padding-bottom:10px;}
.feature_ul .feature_li a .feature_li_desc p {
    padding-top: 0px;
	line-height:1.6;
	color:#666;
	font-size:1rem;
	text-align:left;
}
.feature_ul .feature_li a .feature_li_desc {
    padding: 30px 34px 26px 34px;
	position:relative;
	background:#fff;
	display:block;
}

.service-item{display:flex; flex-direction:column}
.service-item .items{margin:15px 0 110px;  display:flex; border-bottom:1px solid #ddd;position:relative; flex-wrap:wrap;}
.serviceimg{
	min-height:400px;
	flex:0 0 70%;overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    display: block;}
.service-item .servicevbox{padding:35px 40px; background:#fff; position:absolute;left:50%; top:70px;}
.servicevbox p, .servicetext p{padding:10px 0; line-height:1.8; width:100%;}
.servicevbox h3{font-size:1.2rem;padding-bottom:20px; position:relative; margin-bottom:30px;}
.servicevbox h3:after{content:""; bottom:0; width:50px; height:4px; left:0; position:absolute; z-index:1}
.service-item .items .serviceimg figure {
    position: relative;
    width: 100%;
	min-height:400px;
    display: block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
}
.service-item .items .serviceimg figure {
    transition: all .5s ease-out;
}
.service-item .items:hover .serviceimg figure{transform:scale(1.1, 1.1);}
.servicetext{display:flex; flex:0 0 100%; width:100%; position:relative; padding:50px; flex-wrap:wrap}

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

.featurebox{padding: 34px 0;}
.feature_ul {width:100%; border:0;padding:0; min-width:auto}
.feature_ul .feature_li {width: calc(50% - 1px);}
.feature_ul:after{display:none;}
.feature_ul .feature_li a figure{min-height:130px;}
.feature_ul .feature_li a .feature_li_desc{padding:15px;}
.c-icon--arrow1{top:5px;}
.service-item .items{margin-bottom:30px;}
.service-item .items .serviceimg figure{min-height:250px;}
.serviceimg{flex:0 0 100%; min-height:250px;}
.service-item .servicevbox{position:relative; left:0 ;top:0;    padding: 15px 0px;}
.servicetext{padding:15px 0; border-top:1px solid #ddd;}
.with-sidebar-container, .with-sidebar{width:100%;}
.device-overview-box{margin-bottom:30px;}
.l-container-with-sidebar{flex-direction:column-reverse;width: 89.3%;}
}
/* 相關連結*/

.link-related {
    padding: 65px 0 50px;
}

.related-link {
    margin: 0 0 55px;
}

.related-link-list{display:flex; flex-wrap:wrap; padding-top:50px;}

.link {
    line-height: 1.5;
	font-size:20px;
    position: relative;
    display: block;
    padding: 8px 25px 8px 52px;
    -webkit-transition: all .2s cubic-bezier(.02,.42,.24,.74);
    -o-transition: all .2s cubic-bezier(.02,.42,.24,.74);
    transition: all .2s cubic-bezier(.02,.42,.24,.74);
    text-decoration: none;
    color: inherit;
	cursor:pointer;
    border: 2px solid #00587c;
	color:#00587c;
	margin:6px;
	
}
.btn_inner {
    position: relative;
    z-index: 10;
	
}
.link:after {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transition: opacity .5s cubic-bezier(0,.58,0,.96),-webkit-transform .5s cubic-bezier(0,.58,0,.96);
    -o-transition: transform .5s cubic-bezier(0,.58,0,.96),opacity .5s cubic-bezier(0,.58,0,.96);
    transition: opacity .5s cubic-bezier(0,.58,0,.96),-webkit-transform .5s cubic-bezier(0,.58,0,.96);
    transition: transform .5s cubic-bezier(0,.58,0,.96),opacity .5s cubic-bezier(0,.58,0,.96);
    transition: transform .5s cubic-bezier(0,.58,0,.96),opacity .5s cubic-bezier(0,.58,0,.96),-webkit-transform .5s cubic-bezier(0,.58,0,.96);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    opacity: 0;
    background: #00587c;
}
.link:hover {
    color: #fff;
}
.link:hover:after{
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    opacity: 1;
}
.link:before {
    font-family: 'icomoon' !important;
    content: '\e905';
    font-size: 28px;
    z-index: 1;
    position: absolute;
    top: 9px;
    left: 15px;
    color: #ccc;
    line-height: 1;
}

.related-link-list a {
    margin: 0 49px 10px 0;
    display: inline-block;
}

/*設備*/
.device-overview-box{margin-bottom:90px; margin-top:70px;}
.device-overview-body {
    display: flex;
    min-height: 250px;
	width:100%;
    border-bottom: solid #DDD 1px;
	border-right: solid #DDD 1px;
}
.device-overview-body:first-child {
    border-top: solid #DDD 1px;
}
.device-overview-img {
    flex:0 0 30%;
    background-position:  center 0;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
}
.device-overview-text {
    display: flex;
	flex-direction:column;
    padding: 49px 49px 49px;
    vertical-align: middle;
}

.device-overview-title1 {
    font-size: 26px;
    margin: 0 0 32px;
	position: relative;
	color: #000;
}

.device-overview-title2 {
    font-size: 1.1rem;
    margin: 0 0 29px;
    position: relative;
    z-index: 1;
	color:#666;
}
.device-overview-title1:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 150px;
    height: 4px;
    bottom: -10px;
    left: 0;
    font-size: 12px;
}

.device-overview-title3 {
    font-size: 1rem;
	line-height:1.8;
    margin: 0 0 33px;
}

.sub-link1 {
    display: inline-block;
    padding: 8px 40px;
    border: 1px solid #cccccc;
    background: #fff;
    font-size: 14px;
}


@media screen and (max-width: 767px) {
.department-top-hed {
    padding: 33px 0 29px;
}
.w-title1 {
    font-size: 28px;
    text-align: center;
    margin: 0 0 39px;
}
.device-overview-body {
    display: block;
    height: auto;
}
.device-overview-img {
    display: block;
    height: 239px;
    width: auto;
    margin: 0 0 13px;
}
.device-overview-text {
    display: block;
    padding: 4px 6% 26px;
}
.device-overview-title1 {
    font-size: 1.3rem;
    margin: 0 0 5px;
}
.device-overview-title2 {
    font-size: 1rem;
	margin-top:15px;
}
.device-overview-title3 {
    margin: 0 0 16px;
    font-size: 0.95rem;
    line-height: 1.55;
}
.device-overview-link {
    text-align: center;
}


}

/*資料下載*/
.download{padding:85px 0 65px; background:#fafafa}
.download-inner {
    margin: 0;
}
.download-list {
    margin: 0;
	display:flex;
	
	flex-wrap:wrap;
}
.download-list li {
   width:calc(50% - 25px);
    margin: 0 0 25px 0;
	margin-right:25px;
}
.download-list li:hover{
	box-shadow: 0 3px 11px 5px #E8E8E8;
    background-color: #FFF;
	transition: all .2s ease;
}

.download-list li:nth-child(2n) {
    margin-right: 0;
}
.download-list a {
    display: block;
	position:relative;
	padding-right:30px;
}
.download-box:before{content:""; position:absolute; top:0; left:0; width:100%; height:4px;}
.download-box {
    position:relative;
    background: #fff;
    padding: 20px 33px 19px 33px;
    border-bottom: 2px solid #ccc;
    position: relative;
}
.download-title {
    font-size: 1.3rem;
    margin: 0 0 3px;
	color:#00587c;
	margin-bottom:10px;
}
.download-boxinfo{display:flex;}
.download-mes {
    color: #434343;
    font-size: 14px;
    line-height: 1.5;
	float:left;
	margin-right:20px;
}
.download-date{float:left;font-size: 14px;}

/**/
.gallery{padding:85px 0 65px; background:#f6f1ea }
.gallery-inner {
    margin: 50px 0;
}
.gallery-inner-body{display:flex;width:100%;flex-wrap:wrap;}
.gallery-overview-body {
    display: flex;
	position:relative;
    min-height: 200px;
    width:calc(50% - 10px);
	margin-right:20px;
	background:#fff;
    border-bottom: solid #DDD 1px;
	padding:0px;
	margin-bottom:20px;
}
.gallery-overview-body:nth-child(2n){margin-right:0;}
.gallery-overview-body:before{content:""; height:100%; width:4px;position:absolute;top:0px; left:0px ;bottom:0px;}
.gallery-img{
	flex: 0 0 50%;
    overflow:hidden;
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.gallery-overview-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    background-size: cover;
	display:flex;
	min-height: 200px;
}
.gallery-overview-img.bg-get{transition: all 1s ease-out;}
.gallery-overview-body:hover .gallery-overview-img{transform:scale(1.1, 1.1);}

.gallery-overview-text {
    display: flex;
    flex-direction: column;
    padding: 22px 19px 22px;
    vertical-align: middle;
}
.gallery-overview-title1 {
    font-size: 1.3rem;
    margin: 0 0 12px;
    position: relative;
    color: #000;
}
.gallery-overview-title2 {
    font-size: 14px;
    margin: 0 0 19px;
    position: relative;
    z-index: 1;
    color: #666;
}
.gallery-overview-title3 {
    font-size: 1rem;
    line-height: 1.8;
    margin: 0 0 33px;
}
.gallery-overview-text .btn_target.small{ width: 100px; min-width: 100px;}


/*聯絡我們*/
.contact{padding:85px 0 65px; }
.contact-inner {
    margin: 0;
}
.contact-inner-body{display:flex;width:100%; flex-wrap:wrap;}
.contact-arrive, .contact-info{width:calc(50% - 80px); padding:50px 80px 50px 0; font-size:1.2em; line-height:1.8;}
.contact-arrive p , .contact-info p{padding-bottom:10px;}
.sub-title{position:relative; width:100%;padding:10px 0;font-size:1.2rem; margin-bottom:30px}
.sub-title:before{content:""; position:absolute; height:4px; width:100%; bottom:0; left:0}

@media screen and (max-width: 767px) {
	.master-list p.paper{width:auto;} 
	.download, .link-related, .gallery, .contact {padding: 35px 0 35px;}
	.download-list li {width: 100%; margin-right: 0;}
	.related-link-list {padding-top: 20px;}
	.related-link {  margin: 0 0 15px;}
	.related-link-list a {margin: 0 10px 10px 0; display: inline-block;}
	.related-link-list .link{font-size:16px; padding:6px 10px;}
	.related-link-list .link:before { display:none}

	.gallery-inner{margin:20px 0}
	.gallery-overview-body{flex:0 0 100%; margin-right:0;min-height: auto; margin-bottom:20px;}
	.gallery-overview-text{padding: 18px 15px 18px;width:calc(100% - 30px);}
	.gallery-overview-img {min-height:150px;}
	.gallery-overview-title1 {font-size:16px;}
	.gallery-overview-title2 {font-size:12px;}
	.gallery-overview-body:before{content:""; height:4px; width:100%;position:absolute;top:0px; left:0px ;top:0px;bottom:aito;}
	.gallery-overview-text .btn_target.small{ display:none;}
	.gallery-img{height:auto;}
	
	.contact-arrive, .contact-info {
      width: 100%;
      padding: 20px 0px;
     }
}


.first-section {
	position: relative;
	width: 100%;
}
@media screen and (min-width: 768px) {
	.first-section .city-slide_container .city-slide_wrap {
		width: 100%;
		margin-top: 0;
	}

	.city-slide_container {
		position: relative;
		z-index: 5;
		width: 100%;
		height: 100%;
		background-color: #bab3a1;
		min-height: 610px;
	}
	.slider-contents{width:100%; min-height:700px; z-index:5;width:100%;height:100%;position:relative;}

}
@media screen and (max-width: 768px) {
.first-section .slider-contents {
    width: calc(100% - 20px);
    margin: 0 auto;	
	padding:0 0 0 0;
	position:relative;
	display:block;
}	
}
.first-section .slick-slide {
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	width: 100vw;
	
	min-height: 750px;
}

.first-section .slick-slide.slider01 {
	background-image: url(../../img/slider-s01.jpg);
}

.first-section .slick-slide.slider02 {
	background-image: url(../../img/slider-s02.jpg);
}

.first-section .center_container .center-slide_wrap.slick-initialized {
	display: block;
}

.first-section .center_container .center-slide_wrap .center-slide {
	position: relative;
}

.first-section .center_container .center-slide_wrap .center-slide:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	opacity: 0.2;
	top: 0;
	z-index: 1;
	pointer-events: none;
}

.first-section .center_container .center-slide_wrap .center-slide .center-slide_img {
	position: relative;
}

.first-section .center_container .center-slide_wrap .center-slide .center-slide_img img {
	width: 100%;
	height: auto;
	opacity: 0.8;
	transition: .2s;
}

.first-section .center_container .center-slide_wrap .center-slide a {
	display: block;
}

.first-section .center_container .center-slide_wrap .center-slide:hover .watch-button {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	border: 2px solid #0e8bc2;
	background: #0e8bc2;
}

.first-section .center_container .center-slide_wrap .center-slide:hover img {
	opacity: 1;
}

.first-section .center_container .center-slide_wrap .center-slide .watch-button {
	position: absolute;
	z-index: 2;
	border-radius: 50%;
	border: 2px solid #fff;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .center-slide_wrap .center-slide .watch-button {
		width: 80px;
		height: 80px;
		top: calc(50% - 40px);
		left: calc(50% - 40px);
		transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .center-slide_wrap .center-slide .watch-button {
		width: 60px;
		height: 60px;
		top: calc(50% - 30px);
		left: calc(50% - 30px);
	}
}

.first-section .center_container .center-slide_wrap .center-slide .watch-button:after {
	display: block;
	content: "";
	position: absolute;
	border: 10px solid transparent;
	border-left: 15px solid #FFF;
	margin-left: -5px;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .center-slide_wrap .center-slide .watch-button:after {
		top: 30px;
		left: 50%;
		width: 0px;
		height: 0px;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .center-slide_wrap .center-slide .watch-button:after {
		top: 20px;
		left: 50%;
		width: 0px;
		height: 0px;
	}
}

.first-section .center_container .center-slide_wrap .center-slide .movie-title {
	z-index: 5;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .center-slide_wrap .center-slide .movie-title {
		position: absolute;
		width: 239px;
		bottom: 113px;
		right: -99px;
		opacity: 0;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .center-slide_wrap .center-slide .movie-title {
		width: calc(100% - 30px);
		margin: 0 auto;
	}
}

.first-section .center_container .center-slide_wrap .center-slide .movie-title .movie-detail {
	color: #999999;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .center-slide_wrap .center-slide .movie-title .movie-detail {
		font-size: 12px;
		margin-left: 31px;
		padding-top: 31px;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .center-slide_wrap .center-slide .movie-title .movie-detail {
		margin-top: 12px;
		font-size: 12px;
	}
}

.first-section .center_container .center-slide_wrap .center-slide .movie-title .movie-ttl {
	color: #333333;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .center-slide_wrap .center-slide .movie-title .movie-ttl {
		font-size: 0.95rem;
		margin-top: 6px;
		margin-left: 31px;
		width: 190px;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .center-slide_wrap .center-slide .movie-title .movie-ttl {
		font-size: 14px;
		margin-top: 4px;
	}
}
.main-box{padding:20px; color:#fff}
@media screen and (min-width: 768px) {
	.first-section .center_container .pagination-wrap {
		position: absolute;
		top: 80px;
		right: 70px;
		width: 460px;
		background:#fff;
	}
	.main-box{padding:30px 31px; display:flex; flex-direction:column}
	.main-box .hed-title{font-size:2.8em; color:#fff}
	.main-box .hed-title-en{font-size:14px; color:#666;display:flex; margin-bottom:10px; color:#fff}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .pagination-wrap {
		position: absolute;
		width: 80%;
		margin: 0 auto;
		left: 10%;
		bottom: -50px;
	}
}


	.first-section .center_container .pagination-wrap .movie-title_bg {
		background-color: #fff;
		width: 100%;
	}


.first-section .center_container .pagination-wrap .movie-title_bg .movie-title {
	z-index: 5;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .pagination-wrap .movie-title_bg .movie-title {
		width: 100%;
		bottom: 100px;
		right: -99px;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .pagination-wrap .movie-title_bg .movie-title {
		width: calc(100% - 30px);
		margin: 0 auto;
		bottom: 100px;
		right: -99px;
	}
}

.first-section .center_container .pagination-wrap .movie-title_bg .movie-title .movie-detail {
	color: #999999;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .pagination-wrap .movie-title_bg .movie-title .movie-detail {
		font-size: 1.3rem;
		color: #c0191f;
		margin-left: 31px;
		padding-top: 31px;
		width: 410px;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .pagination-wrap .movie-title_bg .movie-title .movie-detail {
		padding-top: 21px;
		font-size: 1.1rem;
		color: #c0191f;
	}
}

.first-section .center_container .pagination-wrap .movie-title_bg .movie-title .movie-ttl {
	color: #333333;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .pagination-wrap .movie-title_bg .movie-title .movie-ttl {
		font-size: 1.1rem;
		line-height: 1.5;
		margin-top: 6px;
		margin-left: 31px;
		width: 410px;
		min-height: 100px;
		padding-bottom: 30px;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .pagination-wrap .movie-title_bg .movie-title .movie-ttl {
		font-size: 0.95rem;
		line-height: 1.5;
		margin-top: 6px;
		min-height: 100px;
		width: 100%;
		padding-bottom:15px;
	}
}

.first-section .center_container .pagination-wrap .movie-pagination {
	background-color: #bab3a1;
	color: #c0191f;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .pagination-wrap .movie-pagination {
		width: 100%;
		height: 100px;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .pagination-wrap .movie-pagination {
		height: 52px;
		width: 100%;
	}
}

.first-section .center_container .pagination-wrap .movie-pagination .active-page {
	color: #ffffff;
}
.center_container{position:relative}
@media screen and (min-width: 768px) {
	.first-section .center_container .pagination-wrap .movie-pagination .slick-pagination {
		bottom: 58px;
		left: 95px;
		padding: 35px;
		text-align: center;
		font-size: 22px;
		letter-spacing: .1em;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .pagination-wrap .movie-pagination .slick-pagination {
		font-size: 0.95rem;
		padding-top: 18px;
		margin-left: calc(50% - 28px);
	}
}

.first-section .center_container .slick-prev_movie {
	position: absolute;
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1);
	background-image: url(../../img/ico_arrow_slick_white.svg);
	background-repeat: no-repeat;
	background-size: 7px 13px;
	background-position: center;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .slick-prev_movie {
		width: 30px;
		height: 13px;
		top: 495px;
		right: 395px;
		z-index: 1;
		transition: .1s linear;
		cursor: pointer;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .slick-prev_movie {
		width: 7px;
		height: 12px;
		bottom: -135px;
		left: calc(50% - 52px);
		z-index: 1;
	}
}

@media screen and (min-width: 768px) {
	.first-section .center_container .slick-prev_movie:hover {
		opacity: 0.5;
	}
}

.first-section .center_container .slick-next_movie {
	position: absolute;
	background-image: url(../../img/ico_arrow_slick_white.svg);
	background-repeat: no-repeat;
	background-size: 7px 13px;
	background-position: center;
}

@media screen and (min-width: 768px) {
	.first-section .center_container .slick-next_movie {
		width: 30px;
		height: 13px;
		top: 495px;
		right: 175px;
		z-index: 1;
		transition: .1s linear;
		cursor: pointer;
	}
}

@media screen and (max-width: 767px) {
	.first-section .center_container .slick-next_movie {
		width: 7px;
		height: 12px;
		bottom: -135px;
		right: calc(50% - 52px);
		z-index: 1;
	}
}

@media screen and (min-width: 768px) {
	.first-section .center_container .slick-next_movie:hover {
		opacity: 0.5;
	}
}
@media (max-width: 1023px){
.sub-nav{display:none}
.to-top .bread_wrap{padding-top:0;}
#submobile {
	position:fixed;
	top:111px;
	width:100%;
	height:auto;
	left:0;
 	margin: 0;
 	padding:0;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: height 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-tap-highlight-color: transparent;
    z-index:3000;}
.sticky2 {height:111px;}	
#submobile.sticky2.snikt{top:73px}
.bread_wrap{padding-top:50px;display:flex; }
.submobile_h{height:900px;}
.overview_h_bom {border-bottom:1px solid grey;}
#scroller {
    width: 100%;
    margin: 0 auto;
    height:auto;}
#scroller .overview_h {
    color: #666;
    line-height: 50px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin:0px;
    padding:0px;
    padding-left:14px;
}
#scroller .overview_h h6{padding-left:20px;}
#scroller .overview_h h6:before{
	content: "";
    z-index: 1;
    position: absolute;
    width: 0px;
    height: 16px;
    top: 16px;
    left: 12px;
}
.fa-chevron-down{
	font-family:"FontAwesome";
    color:blackd;
    font-size:0.7em;
    line-height:10px;}
#scroller .overview_scroll{
    height:0;
    margin:0;
    padding:0;}
#submobile.dark #scroller ul.bg li{background-color:rgba(0,0,0,0.5);transition: .5s ease-in-out;}
.submobile_h{
	min-height:700px;
}
.feature .wrap{
	align-items: flex-start;
}
}
@media (max-width: 767px){
#submobile {top:50px;}
.sticky2 {height:51px;}
#submobile.sticky2.snikt{top:51px}
}