@charset "utf-8";
/*
Theme Name: 九州大学病院 別府病院 臨床倫理委員会
Theme URI: 
Description: 九州大学病院 別府病院 臨床倫理委員会
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* basic setting */
:root{
  --font-family-root: "Noto Sans JP", sans, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic;
}
html{ font-size:62.5%; }
html, body{ position:relative; width:100%; height:100%; }
body{
  -webkit-text-size-adjust: 100%;
  margin:0;
  padding:0;
  font-size:16px;
  font-family: var(--font-family-root);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  line-height:1.5;
  color:#000;
  background:#fff;
  word-break:break-word;
  font-feature-settings:"palt";
}
h1,h2,h3,h4,h5,h6,p,em,pre,th,td,blockquote{margin:0; padding:0; font-size:16px}
mark{color:#5e7086;}
h1,h2,h3,h4,h5,h6{font-weight:700}
em{font-style:italic;font-weight:normal;}
img,table{border:0; vertical-align:bottom}
img{max-width:100%; height:auto; image-rendering: auto; image-rendering: -webkit-optimize-contrast;}
form,ul,dl,ol{margin:0; padding:0}
li{list-style:none}
li,dt,dd{font-size:16px; margin:0; padding:0;}
a,a:visited{text-decoration:none;color:#2C86D6}
/*a:hover{color:inherit}*/
input[type="submit"],input[type="button"],button{cursor:pointer}
@media screen and (min-width:1061px){
  a,input[type="submit"],input[type="button"],button{transition:.3s ease-out;}
  a:hover,input[type="submit"]:hover,input[type="button"]:hover,button:hover{opacity:0.72}
  a[href^="tel"]{pointer-events:none}
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{display: block; margin:0; padding:0}
.clr{clear:both}
.cf:after{content:""; display:table; clear:both}
input[type="submit"]{-webkit-appearance: none}
input,textarea,select,button{font-family:var(--font-family-root);margin:0;padding:0}
input:invalid, input:focus, textarea:focus{outline:none; box-shadow:none;}
fieldset{ margin:0; padding:0; border:none; position:relative; }
legend{ position:static; margin:0; padding:0; }
button{border:none;background:none;vertical-align:bottom;}
*, *::before, *::after{box-sizing:border-box}

/* text style */
.fbold{font-weight:700 !important}
.fnormal{font-weight:normal !important}
.talcnt{text-align:center !important}
.tallf{text-align:left !important}
.talrg{text-align:right !important}
.fcolor_red{color:#f00 !important}
.fcolor_green{color:#076f26 !important}
.fcolor_lightblue{color:#0884b5 !important}
.fslarge{font-size:125%}

.spinline, .spblock{
  display:none;
}
@media screen and (max-width:480px){
  .pcinline, .pcblock{
    display:none;
  }
  .spinline{
    display:inline;
  }
  .spblock{
    display:block;
  }
}

/* Basic setting end ---------------------------------------------------------------------------------------------- */

/* header
------------------------------------------------------------------------------------------------------------------- */
header{
  position:fixed;
  width:100%;
  background:#fff;
  z-index:600;
  transition:0.4s;
}
@media screen and (max-width:480px){
  header.appear_active{
    margin-top:-140px;
  }
}
header .inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-left:30px;
}
header h1{
  width:246px;
}
header .navigation{
  display:flex;
  justify-content:end;
}
header .navigation .rinsho{
  padding:23px 45px 19px 0;
}
header .navigation .navi_aside{
  display:flex;
  justify-content:end;
  align-items:center;
  gap:16px;
  margin-bottom:19px;
}
header .navigation .navi_aside ul{
  display:flex;
  align-items:center;
  gap:0 12px;
}
header .navigation .navi_aside ul li{
  font-size:14px;
}
header .navigation .navi_aside ul li:not(:first-child){
  padding-left:12px;
  border-left:solid 1px #000;
}

header .navigation .search_frame{
  width:180px;
  border-bottom:solid 1px #7d7d7d;
}
header .navigation .search_frame input[type="text"]{
  width:calc(100% - 22px);
  font-size:14px;
  border:none;
  padding:5px 4px 5px 0;
  background:transparent;
}
header .navigation .search_frame ::placeholder{
  color:#c9c9c9;
}
header .navigation .search_frame input[type="submit"]{
  width:18px;
  height:18px;
  text-indent:-999em;
  background:url(images/ico_loope.png) no-repeat 0 0 / contain;
  border:none;
}
header .navigation .gnavi ul{
  display:flex;
  gap:0 45px;
}
@media screen and (max-width:1274px){
  header .navigation .rinsho{
    padding:23px 25px 19px 0;
  }
  header .navigation .gnavi ul{
    gap:0 15px;
  }
}
header .navigation .gnavi ul li{
  font-size:16px;
  font-weight:500;
}
header .navigation a, header .navigation a:visited{
  color:#000;
}
header .navigation .beppu{
  width:262px;
  flex-shrink:0;
}
header .navigation .beppu a, header .navigation .beppu a:visited{
  display:flex;
  justify-content:center;
  align-items:center;
  height:100%;
  background:linear-gradient(130deg,#df6262,#df6262 20%,#ee7777 90%,#ee7777);
  padding-left:20px;
  position:relative;
}
header .navigation .beppu a::before{
  content:"";
  display:block;
  width:24px;
  height:24px;
  background:url(images/arrow_right_whred.png) no-repeat 0 0 / contain;
  position:absolute;
  top:calc(50% - 12px);
  left:24px;
}
header .navigation .beppu a p{
  font-size:18px;
  font-weight:500;
  color:#fff;
  letter-spacing:.07em;
  line-height:1.2;
}
header .navigation .beppu a p span{
  display:block;
  font-size:12px;
  letter-spacing:.05em;
}
header .menu{
  display:none;
}

@media screen and (max-width:1120px){
  header .inner{
    padding:15px 20px;
  }
  header .menu{
    display:block;
  }
  header .menu button{
    width:34px;
    height:20px;
    position:relative;
  }
  header .menu button::before,
  header .menu button::after{
    content:"";
  }
  header .menu button::before,
  header .menu button::after,
  header .menu button span{
    display:block;
    width:100%;
    height:2px;
    background:#000;
    position:absolute;
    left:0;
    transition:0.4s;
  }
  header .menu button span{
    top:calc(50% - 1px);
  }
  header .menu button::before{
    top:0;
  }
  header .menu button::after{
    top:calc(100% - 2px);
  }
  header .menu.active button span{
    opacity:0;
  }
  header .menu.active button::before{
    top:calc(50% - 1px);
    transform:rotate(135deg);
  }
  header .menu.active button::after{
    top:calc(50% - 1px);
    transform:rotate(225deg);
  }
  header .navigation{
    position:fixed;
    width:100%;
    top:82px;
    left:0;
    background:rgba(255,255,255,.98);
    flex-direction:column;
    align-items:center;
    visibility:hidden;
    opacity:0;
    transition:0.4s;
  }
  header .navigation.active{
    visibility:visible;
    opacity:1;
  }
  header .navigation .rinsho{
    padding:0;
  }
  header .navigation .navi_aside{
    flex-direction:column;
    padding-top:20px;
    margin-bottom:30px;
  }
  header .navigation .gnavi{
    padding-bottom:30px;
  }
  header .navigation .gnavi ul{
    flex-direction:column;
    align-items:center;
    gap:16px 0;
  }
  header .navigation .search_frame{
    width:200px;
  }
  header .navigation .beppu{
    width:100%;
    max-width:262px;
    padding-bottom:40px;
  }
  header .navigation .beppu a, header .navigation .beppu a:visited{
    height:70px;
    padding-left:20px;
  }
}

@media screen and (max-width:480px){
  header .inner{
    padding:10px 15px;
  }
  header h1{
    width:170px;
  }
  header .navigation{
    top:56px;
  }
  header .navigation .beppu a::before{
    width:20px;
    height:20px;
    top:calc(50% - 10px);
  }
}

/* arrow_link
------------------------------------------------------------------------------------------------------------------- */
.arrow_link{
  margin:20px 0;
}
.arrow_link, .arrow_link:visited{
  display:inline-block;
  font-size:16px;
  font-weight:500;
  color:#53707b;
  line-height:1.3;
  padding:0 0 0 33px;
  background:url(images/arrow_right_bl.png) no-repeat 0 50% / 28px auto;*/
  border:none;
}
@media screen and (max-width:480px){
  .arrow_link, .arrow_link:visited{
    min-height:26px;
    font-size:14px;
    padding:0 0 0 31px;
    background-size:26px auto;
  }
}

/* footer
------------------------------------------------------------------------------------------------------------------- */
footer{
  background:#f5f5f5;
  padding:80px 30px 18px;
}
footer .inner{
  max-width:1200px;
  margin:0 auto;
}
footer .inner .contact{
  max-width:584px;
  padding-bottom:60px;
  margin:0 auto;
}
footer .inner .contact h3{
  font-size:16px;
  border-bottom:solid 1px #464646;
  padding-bottom:4px;
  margin-bottom:13px;
}
footer .inner .contact h4{
  font-size:17px;
  margin-bottom:7px;
}
footer .inner .contact p{
  font-size:15px;
  letter-spacing:.03em;
}
footer .inner .contact .flex_box{
  display:flex;
  flex-wrap:wrap;
  gap:25px 45px;
}
footer .inner .contact .flex_box li{
  font-size:15px;
  font-weight:500;
  padding-left:27px;
  position:relative;
}
footer .inner .contact .flex_box li + li{
  margin-top:4px;
}
footer .inner .contact .flex_box li::before{
  content:"";
  display:block;
  width:23px;
  height:18px;
  position:absolute;
  top:.2em;
  left:0;
}
footer .inner .contact .flex_box ul li:nth-child(1)::before{
  background:url(images/ico_phone.png) no-repeat 50% 0 / contain;
}
footer .inner .contact .flex_box ul li:nth-child(2)::before{
  background:url(images/ico_mail.png) no-repeat 50% 0 / contain;
}
footer .inner .banner{
  border-top:solid 1px #aaa;
  padding-top:40px;
}
footer .inner .banner ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:23px 30px;
}
footer .inner .banner ul li{
  height:37px;
  display:flex;
  align-items:center;
}
footer .inner .banner ul li a:not(.arrow_link){
  display:block;
  height:100%;
}
footer .inner .banner ul li img{
  max-height:100%;
  width:auto;
}
footer .inner .banner .arrow_link, footer .inner .banner .arrow_link:visited{
  margin:0;
  font-size:14px;
  line-height:1.1;
  color:#232323;
}
footer .copyright{
  margin-top:90px;
}
footer .copyright p{
  font-size:13px;
  text-align:center;
  color:#000;
  font-weight:500;
}

@media screen and (max-width:480px){
  footer{
    padding:30px 15px 12px;
  }
  footer .inner .contact{
    padding-bottom:40px;
  }
  footer .inner .contact h3{
    font-size:14px;
  }
  footer .inner .contact h4{
    font-size:15px;
  }
  footer .inner .contact p{
    font-size:13px;
  }
  footer .inner .contact .flex_box li{
    font-size:13px;
    padding-left:25px;
  }
  footer .inner .contact .flex_box li::before{
    width:20px;
    height:16px;
    top:.2em;
  }
  footer .inner .banner{
    padding-top:30px;
  }
  footer .inner .banner ul{
    justify-content:normal;
  }
  footer .copyright{
    margin-top:45px;
  }
  footer .copyright p{
    font-size:11px;
  }
}

/* main
------------------------------------------------------------------------------------------------------------------- */
.container{
  position:relative;
  padding-top:116px;
}
@media screen and (max-width:1120px){
  .container{
    padding-top:82px;
  }
}
@media screen and (max-width:480px){
  .container{
    padding-top:56px;
  }
}

/* top page
------------------------------------------------------------------------------------------------------------------- */
.top_visual{
  max-width:1920px;
  margin:0 auto;
}

.top_block_1{
  background:linear-gradient( #8faabf, #9fcef2 );
  padding:74px 30px;
}
.top_block_1 .inner{
  max-width:1174px;
  margin:0 auto;
  display:flex;
  flex-wrap:wrap;
/*  justify-content:space-between;*/
  justify-content:center;
  gap:36px 0;
}
.top_block_1 .inner .txt{
  width:44.93%;
  background:rgba(255,255,255,.77);
  border-radius:20px;
  padding:69px 30px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.top_block_1 .inner .txt p{
  font-size:20px;
  font-weight:500;
  line-height:2;
  color:#1d343e;
  letter-spacing:.12em;
}
.top_block_1 .inner .flex_box{
  width:52.47%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px 36px;
}
.top_block_1 .flex_box .item a{
  display:block;
  height:100%;
  padding:17px 15px 55px;
  border:solid 5px #759aae;
  background:#fff;
  box-shadow:0 1px 8px rgba(0,0,0,.12);
  position:relative;
}
.top_block_1 .flex_box .item figure{
  width:66px;
  margin:0 auto 10px;
}
.top_block_1 .flex_box .item .ttl{
  font-size:16px;
  font-weight:700;
  color:#3e696e;
  text-align:center;
  line-height:1.4;
}
.top_block_1 .flex_box .item .btn{
  font-size:12px;
  font-weight:500;
  text-align:center;
  color:#fff;
  line-height:1;
  background:#53787b;
  width:110px;
  border-radius:5px;
  padding:8px 0;
  position:absolute;
  bottom:9px;
  left:calc(50% - 55px);
}
@media screen and (max-width:1060px){
  .top_block_1{
    padding:60px 2.77vw;
  }
  .top_block_1 .inner{
    flex-direction:column;
    gap:30px 0;
    max-width:600px;
    margin:0 auto;
  }
  .top_block_1 .inner .txt{
    width:100%;
    border-radius:15px;
    padding:6.5vw 2.83vw;
  }
  .top_block_1 .inner .txt p{
    font-size:18px;
  }
  .top_block_1 .inner .flex_box{
    width:100%;
    gap:2vw 2.2vw;
  }
  .top_block_1 .flex_box .item a{
    padding:.94vw .94vw calc(1.5vw + 28px);
  }
  .top_block_1 .flex_box .item .ttl{
    font-size:1.9vw;
  }
  .top_block_1 .flex_box .item .btn{
    font-size:10px;
    width:90px;
    padding:6px 0;
    bottom:6px;
    left:calc(50% - 45px);
  }
}

@media screen and (max-width:480px){
  .top_block_1{
    padding:30px 15px;
  }
  .top_block_1 .inner{
    gap:17px 0;
  }
  .top_block_1 .inner .txt p{
    font-size:15px;
  }
  .top_block_1 .flex_box .item a{
    border:solid 3px #759aae;
    padding:2vw 1vw calc(3vw + 28px);
  }
  .top_block_1 .flex_box .item figure{
    width:16vw;
  }
  .top_block_1 .flex_box .item .ttl{
    font-size:3vw;
  }
  .top_block_1 .flex_box .item .btn{
    width:90px;
    padding:6px 0;
    bottom:6px;
    left:calc(50% - 45px);
  }
}

/* common style
------------------------------------------------------------------------------------------------------------------- */
.under_page_ttl{
  display:flex;
  justify-content:center;
  align-items:center;
  height:180px;
  background:linear-gradient( #8faabf, #9fcef2 );
}
.under_page_ttl h2{
  font-size:25px;
  font-weight:500;
  color:#fff;
  letter-spacing:.05em;
}
@media screen and (max-width:1060px){
  .under_page_ttl{
    height:130px;
  }
  .under_page_ttl h2{
    font-size:21px;
  }
}
@media screen and (max-width:480px){
  .under_page_ttl{
    height:80px;
  }
  .under_page_ttl h2{
    font-size:16px;
  }
}

.breadcrumb{
  max-width:1260px;
  margin:0 auto 70px;
  padding:5px 30px 0;
}
.breadcrumb ul{
  display:flex;
  flex-wrap:wrap;
  gap:5px 12px;
}
.breadcrumb ul li{
  font-size:12px;
}
.breadcrumb ul li:not(:first-child)::before{
  content:"＞　";
  display:inline;
}
.breadcrumb ul li a, .breadcrumb ul li a:visited{
  color:#000;
}
@media screen and (max-width:480px){
  .breadcrumb{
    margin-bottom:35px;
    padding:3px 15px 0;
  }
  .breadcrumb ul{
    gap:5px 10px;
  }
  .breadcrumb ul li{
    font-size:10px;
  }
}

.under_page_wrap{
  max-width:960px;
  margin:0 auto 120px;
  padding:0 30px;
}
@media screen and (max-width:1060px){
  .under_page_wrap{
    margin-bottom:70px;
  }
}
@media screen and (max-width:480px){
  .under_page_wrap{
    margin-bottom:40px;
    padding:0 15px;
  }
}

.under_page_wrap h3{
  font-size:20px;
  font-weight:700;
  letter-spacing:.03em;
  margin-bottom:40px;
}
.under_page_wrap h3.page_content_ttl{
  font-size:22px;
  color:#fff;
  background:linear-gradient(90deg, #75a9d0, #8faabf);
  border-radius:5px;
  padding:10px 22px;
}
.under_page_wrap h4{
  font-size: 20px;
  font-weight: 700;
  color: #20556a;
  border-bottom:solid 1px #55789d;
  padding-bottom: 4px;
  margin-bottom: 28px;
}
.under_page_wrap h5{
  font-size: 18px;
  font-weight: 500;
  color: #20556a;
  line-height: 1.2;
  padding-left: 14px;
  margin-bottom: 18px;
  position: relative;
}
.under_page_wrap h5::before{
  content: "";
  display: block;
  width: 5px;
  height: 80%;
  background:#8AB8CE;
  border-radius:2px;
  position: absolute;
  top: calc(10% + 0.05em);
  left: 0;
}
.under_page_wrap p{
  font-size:16px;
  letter-spacing:.02em;
  line-height:1.8;
  margin-bottom:1.5em;
  margin-left:10px;
}
.under_page_wrap p.kome{
  text-indent:-1em;
  padding-left:1em;
}

@media screen and (max-width:480px){
  .under_page_wrap h3{
    font-size:18px;
    margin-bottom:26px;
  }
  .under_page_wrap h3.page_content_ttl{
    font-size:16px;
    border-radius:5px;
    padding:9px 10px;
  }
  .under_page_wrap h4{
    font-size:17px;
    margin-bottom:20px;
  }
  .under_page_wrap h5{
    font-size:15px;
    padding-left: 10px;
    margin-bottom:9px;
  }
  .under_page_wrap p{
    font-size:14px;
    margin-left:0;
  }
}

.under_page_wrap ul:not(.side_list, .side_inner_list, .news_tab),
.under_page_wrap ol{
  padding-left:30px;
  margin:0 0 24px;
}
.under_page_wrap ul:not(.side_list, .side_inner_list, .news_tab) li{
  position:relative;
}
.under_page_wrap ul:not(.side_list, .side_inner_list, .news_tab) li::before{
  content:"";
  display:block;
  width:6px;
  height:6px;
  background:#7191a4;
  border-radius:50%;
  position:absolute;
  top:0.8em;
  left:-15px;
}
.under_page_wrap ol li{
  list-style:numeric;
}
.under_page_wrap ul:not(.side_list, .side_inner_list, .news_tab) li,
.under_page_wrap ol li{
  font-size:16px;
  line-height:1.7;
  letter-spacing:.02em;
}
.under_page_wrap ul:not(.side_list, .side_inner_list, .news_tab) li + li,
.under_page_wrap ol li + li{
  margin-top:.6em;
}
@media screen and (max-width:480px){
  .under_page_wrap ul:not(.side_list, .side_inner_list, .news_tab),
  .under_page_wrap ol{
    padding-left:19px;
  }
  .under_page_wrap ul:not(.side_list, .side_inner_list, .news_tab) li,
  .under_page_wrap ol li{
    font-size:14px;
  }
}

.under_page_wrap * + h3{
  margin-top:80px;
}
.under_page_wrap *:not(h3) + h4{
  margin-top:60px;
}
.under_page_wrap *:not(h3) + h5{
  margin-top:30px;
}
@media screen and (max-width:480px){
  .under_page_wrap * + h3{
    margin-top:60px;
  }
  .under_page_wrap *:not(h3) + h4{
    margin-top:44px;
  }
  .under_page_wrap *:not(h3) + h5{
    margin-top:28px;
  }
}

.under_page_wrap .wp-block-columns{
  margin:40px 0 50px;
}
.under_page_wrap div.wp-block-image,
.under_page_wrap figure.wp-block-image{
  margin:0;
}
.under_page_wrap figure.wp-block-image.size-full{
  margin:40px 0 50px;
}
.under_page_wrap div.wp-block-image .alignright{
  margin:0 0 30px 30px;
}
.under_page_wrap div.wp-block-image .alignleft{
  margin:0 30px 30px 0;
}
.under_page_wrap div.wp-block-image .aligncenter{
  text-align:center;
  margin-top:40px;
  margin-bottom:50px;
}
.under_page_wrap .wp-block-columns figure.wp-block-image.size-full,
.under_page_wrap .wp-block-columns div.wp-block-image .aligncenter,
.under_page_wrap .wp-block-columns div.wp-block-image .alignright,
.under_page_wrap .wp-block-columns div.wp-block-image .alignleft{
  margin:0;
}
@media screen and (max-width:480px){
  .under_page_wrap .wp-block-columns{
    margin:20px 0 25px;
  }
  .under_page_wrap div.wp-block-image,
  .under_page_wrap figure.wp-block-image{
    margin:0;
  }
  .under_page_wrap figure.wp-block-image.size-full{
    margin:20px 0 25px;
  }
  .under_page_wrap div.wp-block-image .alignright,
  .under_page_wrap div.wp-block-image .alignleft{
    margin:0 0 15px;
  }
  .under_page_wrap div.wp-block-image .aligncenter{
    margin-top:20px;
    margin-bottom:25px;
  }
}

.under_page_wrap .wp-block-gallery{
  margin-bottom:30px;
}
.under_page_wrap .wp-block-gallery figure.wp-block-image{
  margin:0;
}
.under_page_wrap .wp-block-table figcaption,
.under_page_wrap .wp-block-image figcaption{
  font-size:14px;
  margin-top:3px;
  color:#5e7086;
}

.under_page_wrap a, .under_page_wrap a:visited{
  text-decoration:underline;
}
.under_page_wrap a[href$=".pdf"]::after{
  content:"";
  display:inline-block;
  width:1em;
  height:1.25em;
  background:url(images/ico_pdf.png) no-repeat 0 0 / contain;
  margin-left:6px;
  vertical-align:-.25em;
  flex-shrink:0;
}

/* table
------------------------------------------------------------------------------------------------------------------- */
.wp-block-table table{
  width:calc(100% - 10px);
  border-collapse:collapse;
  margin-left:10px;
}
.wp-block-table table td{
  font-size:15px;
  line-height:1.6;
  border:solid 1px #999;
  padding:10px 15px;
}
@media screen and (max-width:480px){
  .wp-block-table table{
    width:100%;
    margin-left:0;
  }
  .wp-block-table table td{
    font-size:13px;
    padding:6px 10px;
  }
}

.bioethics_tbl{
  width:calc(100% - 10px);
  border-collapse:collapse;
  margin-left:10px;
}
.bioethics_tbl th, .bioethics_tbl td{
  font-size:15px;
  line-height:1.6;
  border:solid 2px #999;
  padding:10px 15px;
}
.bioethics_tbl th{
  font-weight:500;
  text-align:center;
  white-space:nowrap;
  background:#f0f0f0;
}
.bioethics_tbl td.bg{
  background:#b1b1b1;
}
.bioethics_tbl .wd2em{
  width:2em;
}
.bioethics_tbl .wd2em::before{
  content:"";
  display:block;
  width:2em;
  height:0;
}
.bioethics_tbl .wd220px{
  width:220px;
}
.bioethics_tbl .wd220px::before{
  content:"";
  display:block;
  width:220px;
  height:0;
}
@media screen and (max-width:480px){
  .bioethics_tbl{
    width:100%;
    margin-left:0;
  }
  .bioethics_tbl th, .bioethics_tbl td{
    font-size:13px;
    padding:6px 10px;
    border-width:1px;
  }
}

@media screen and (max-width:1060px){
  .tbl_wrap{
    overflow:auto;
    padding:0 0 8px;
  }
  .tbl_wrap::-webkit-scrollbar{
    height:4px;
  }
  .tbl_wrap::-webkit-scrollbar-track-piece{
    background:#f1f1f1;
    border-radius:4px;
  }
  .tbl_wrap::-webkit-scrollbar-thumb {
    background:#999;
  }
  .tbl_wrap table:not(.allow_wrap) td{
    white-space:nowrap;
  }
  .bioethics_tbl .minwd350px::before{
    content:"";
    display:block;
    width:350px;
    height:0;
  }
}

/* wp-pagenavi
------------------------------------------------------------------------------------------------------------------- */
.wp-pagenavi{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:6px 8px;
  margin-top:64px;
}
.wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi span{
  display:block;
  width:36px;
  font-size:15px;
  line-height:34px;
  color:#fff;
  text-align:center;
  text-decoration:none;
  background:#53707b;
  border:solid 1px #53707b;
  border-radius:50%;
}
.wp-pagenavi span{
  color:#53707b;
  background:#efefef;
}
.wp-pagenavi span.dots{
  width:16px;
  border:none;
  background:none;
}
@media screen and (max-width:480px){
  .wp-pagenavi{
    margin-top:50px;
    gap:5px 4px;
  }
  .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi span{
    width:30px;
    font-size:13px;
    line-height:28px;
  }
  .wp-pagenavi span.dots{
    width:10px;
  }
}

/* single post
------------------------------------------------------------------------------------------------------------------- */
.single_post_wrap{
  max-width:960px;
  margin:0 auto 120px;
  padding:0 30px;
}
.single_post_title{
  margin-bottom:40px;
}
.single_post_title h3.single_ttl{
  font-size:28px;
  font-weight:500;
  line-height:1.4;
  margin-bottom:6px;
}
.single_post_title .date_cat{
  font-size:14px;
  color:#666;
}
.single_post_title .date_cat .cat{
  display:inline-block;
  width:100px;
  font-size:12px;
  color:#fff;
  line-height:1;
  letter-spacing:.03em;
  text-align:center;
  background:#1c3c40;
  border-radius:4px;
  padding:6px 0;
  margin-left:15px;
}
.single_post_body{
  margin-bottom:70px;
}
.single_post_body::after{
  content:"";
  display:block;
  clear:both;
}
.single_post_body p{
  margin-bottom:1.5em;
}
.single_post_wrap .btn{
  text-align:center;
}

/* search result
------------------------------------------------------------------------------------------------------------------- */
.search_results{
  max-width:880px;
  margin:0 auto;
}
.search_results .item{
  padding-bottom:30px;
  margin-bottom:30px;
  border-bottom:solid  1px #ccc;
}
.search_results .item h3{
  font-size:19px;
  font-weight:500;
  margin-bottom:10px;
}
.search_results .item a, .search_results .item a:visited{
  color:#000;
}
.search_results .item p{
  padding-left:12px;
  margin:0;
  font-size:15px;
}

/* margin & padding
------------------------------------------------------------------------------------------------------------------- */
.mgt0px {margin-top:0px !important}
.mgt5px {margin-top:5px !important}
.mgt10px{margin-top:10px !important}
.mgt15px{margin-top:15px !important}
.mgt20px{margin-top:20px !important}
.mgt25px{margin-top:25px !important}
.mgt30px{margin-top:30px !important}
.mgt35px{margin-top:35px !important}
.mgt40px{margin-top:40px !important}
.mgt50px{margin-top:50px !important}
.mgt60px{margin-top:60px !important}
.mgt70px{margin-top:70px !important}
.mgt80px{margin-top:80px !important}
.mgt90px{margin-top:90px !important}
.mgt100px{margin-top:100px !important}

.mgb0px {margin-bottom:0px !important}
.mgb5px {margin-bottom:5px !important}
.mgb10px{margin-bottom:10px !important}
.mgb15px{margin-bottom:15px !important}
.mgb20px{margin-bottom:20px !important}
.mgb25px{margin-bottom:25px !important}
.mgb30px{margin-bottom:30px !important}
.mgb35px{margin-bottom:35px !important}
.mgb40px{margin-bottom:40px !important}
.mgb50px{margin-bottom:50px !important}
.mgb60px{margin-bottom:60px !important}
.mgb70px{margin-bottom:70px !important}
.mgb80px{margin-bottom:80px !important}
.mgb90px{margin-bottom:90px !important}
.mgb100px{margin-bottom:100px !important}