@charset "utf-8";
/*
Theme Name: 九州大学薬学部生理学分野
Theme URI: 
Description: 九州大学薬学部生理学分野
*/

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

/* basic setting */
:root{
  --font-family-root: 'Noto Sans JP', Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic,  "メイリオ", Meiryo, sans-serif;
}
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-weight:400;
  line-height:1.5;
  color:#1c1c1c;
  letter-spacing:.03em;
  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}
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:#0884b5}
/*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;}
*, *::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}
.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;
}
header.appear_active{
  margin-top:-130px;
}

header .inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:25px 25px;
}
header h1{
  width:254px;
}
header .gnavi{
  padding:20px 20px 0 0;
}
header .gnavi ul{
  display:flex;
  gap:0 51px;
}
header .gnavi li{
  font-size:17px;
  line-height:1.3;
  text-align:center;
}
header .gnavi li a, header .gnavi li a:visited{
  display:inline-block;
  color:#1c1c1c;
  position:relative;
}
header .gnavi li a::after{
  content:"";
  display:block;
  width:0;
  height:2px;
  background:#51C2BE;
  position:absolute;
  top:100%;
  right:0;
  transition:.3s;
}
header .gnavi li a span{
  display:block;
  font-size:12px;
  color:#50BFBB;
  padding-bottom:3px;
}
@media screen and (min-width:1061px){
  header .gnavi li a:hover{
    opacity:1;
  }
  header .gnavi li a:hover::after{
    width:100%;
    left:0;
  }
}
@media screen and (max-width:1100px){
  header .gnavi li a span{
    color:#2B8682;
  }
}

header .menu{
  display:none;
}

@media screen and (max-width:1100px){
  header .inner{
    padding:15px 15px;
  }
  header h1{
    width:180px;
  }
  header .menu{
    display:block;
  }
  header .menu button{
    width:40px;
    height:40px;
    position:relative;
  }
  header .menu button span,
  header .menu button::before,
  header .menu button::after{
    content:"";
    display:block;
    width:100%;
    height:2px;
    background:#1c1c1c;
    position:absolute;
    left:0;
    transition:.3s;
  }
  header .menu button span{
    top:calc(50% - 1px);
  }
  header .menu button::before{
    top:calc(25% - 1px);
  }
  header .menu button::after{
    top:calc(75% - 1px);
  }
  header .menu.active button span{
    opacity:0;
  }
  header .menu.active button::before{
    top:calc(50% - 1px);
    transform:rotate(45deg);
  }
  header .menu.active button::after{
    top:calc(50% - 1px);
    transform:rotate(-45deg);
  }
  header .gnavi{
    position:fixed;
    width:100%;
    max-height:calc(100% - 82px);
    top:82px;
    left:0;
    background:#D1E9E1;
    padding:0;
    opacity:0;
    visibility:hidden;
    transition:.4s;
  }
  header .gnavi.active{
    opacity:1;
    visibility:visible;
  }
  header .gnavi ul{
    flex-direction:column;
    align-items:center;
    gap:17px 0;
    padding:32px 15px;
  }
  header .gnavi li a::after{
    width:100%;
    left:0;
  }
}

/* footer
------------------------------------------------------------------------------------------------------------------- */
footer{
  background:#19706A;
}
footer .inner{
  max-width:1460px;
  margin:0 auto 100px;
  padding:85px 30px 0;
  display:flex;
  justify-content:space-between;
  gap:0 40px;
}
footer .inner .info{
  width:calc(100% - 284px);
  max-width:948px;
  display:flex;
  justify-content:space-between;
  align-items:start;
}
footer .inner .info .txt{
  width:49.5%;
}
footer .inner .info .txt h3,
footer .inner .info .txt h4,
footer .inner .info .txt p{
  color:#fff;
}
footer .inner .info .txt h3{
  font-size:24px;
  margin-bottom:5px;
}
footer .inner .info .txt h4{
  font-size:18px;
  margin-bottom:5px;
}
footer .inner .info .txt p{
  font-size:16px;
}
footer .inner .info .txt p.name{
  font-size:21px;
  margin-top:6px;
}
footer .inner .info .txt hr{
  height:0;
  border:none;
  border-top:solid 1px #4D9278;
  margin:22px 0 17px;
}
footer .inner .info .map{
  width:45.9%;
  border:solid 1px #4D9278;
  position:relative;
}
footer .inner .info .map::before{
  content:"";
  display:block;
  padding-top:57.93%;
}
footer .inner .info .map iframe{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
footer .inner .banner{
  width:254px;
}
footer .inner .banner li + li{
  margin-top:11px;
}

@media screen and (max-width:1240px){
  footer .inner .info{
    width:calc(100% - 230px);
  }
  footer .inner .banner{
    width:200px;
  }
  footer .inner .info .txt{
    width:52%;
  }
  footer .inner .info .txt h3{
    font-size:20px;
  }
  footer .inner .info .txt h4{
    font-size:15px;
  }
  footer .inner .info .txt p{
    font-size:13px;
  }
  footer .inner .info .txt p.name{
    font-size:18px;
  }
}

@media screen and (max-width:1060px){
  footer .inner{
    flex-direction:column-reverse;
    margin-bottom:60px;
    padding-top:50px;
  }
  footer .inner .info{
    width:100%;
  }
  footer .inner .banner{
    width:100%;
    margin-bottom:30px;
  }
  footer .inner .banner ul{
    display:flex;
    justify-content:center;
    gap:0 20px;
  }
  footer .inner .banner li{
    width:200px;
  }
  footer .inner .banner li + li{
    margin-top:0;
  }
}

@media screen and (max-width:480px){
  footer .inner{
    margin-bottom:40px;
    padding:40px 15px 0;
  }
  footer .inner .info{
    flex-direction:column;
    gap:25px 0;
  }
  footer .inner .info .txt, footer .inner .info .map{
    width:100%;
  }
  footer .inner .info .txt h3{
    font-size:18px;
  }
  footer .inner .banner ul{
    flex-direction:column;
    align-items:center;
    gap:14px 20px;
  }
}

footer .copyright{
  padding:0 30px 10px;
  color:#fff;
  letter-spacing:.03em;
  text-align :center;
}
footer .copyright p{
  font-size:14px;
}
@media screen and (max-width:480px){
  footer .copyright{
    padding:0 20px 5px;
  }
  footer .copyright p{
    font-size:12px;
  }
}

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

/* top page
------------------------------------------------------------------------------------------------------------------- */
.top_visual{
  position:relative;
  max-width:1920px;
  margin:0 auto 82px;
}
.top_visual .top_slide,
.top_visual .top_slide .screen{
  position:relative;
}
.top_visual .top_slide .screen{
  overflow:hidden;
}

.top_visual .top_slide .screen::before{
  content:"";
  display:block;
  height:0;
  padding-top:37.5%;
}
@media screen and (max-width:480px){
  .top_visual{
    margin-bottom:45px;
  }
  .top_visual .top_slide .screen::before{
    padding-top:93.14%;
  }
}

.top_visual .top_slide .screen div{
  position:absolute;
  width:100%;
  top:0;
  left:0;
  z-index:10;
  opacity:0;
}

.top_visual .top_slide .dots{
  position:absolute;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  z-index:40;
  display:flex;
  gap:0 10px;
}
.top_visual .top_slide .dots button{
  width:72px;
  height:10px;
  background:#fff;
  line-height:0;
  text-indent:-999px;
  overflow:hidden;
}
.top_visual .top_slide .dots button.active{
  background:rgba(76,186,186,.7);
}
@media screen and (max-width:1060px){
  .top_visual .top_slide .dots button{
    width:50px;
    height:6px;
  }
}
@media screen and (max-width:480px){
  .top_visual .top_slide .dots{
    bottom:10px;
  }
  .top_visual .top_slide .dots button{
    width:35px;
  }
}

.top_visual .catch_copy{
  position:absolute;
  top:20%;
  left:63.5%;
  z-index:50;
}
.top_visual .catch_copy p{
  font-size:54px;
  color:#fff;
  letter-spacing:0.1em;
  line-height:1.66;
}
@media screen and (max-width:1920px){
  .top_visual .catch_copy p{
    font-size:2.8vw;
  }
}
@media screen and (max-width:480px){
  .top_visual .catch_copy{
    width:100%;
    padding:0 3%;
    top:auto;
    bottom:9%;
    left:auto;
    display:flex;
    justify-content:end;
  }
  .top_visual .catch_copy p{
    font-size:5.4vw;
  }
}

.top_sttl{
  font-size:32px;
  font-weight:500;
  color:#256563;
  letter-spacing:.03em;
  margin-bottom:15px;
}
.top_sttl .eiji{
  display:inline-block;
  margin-left:18px;
  font-size:20px;
  color:#9DCBC9;
  letter-spacing:.08em;
}
@media screen and (max-width:480px){
  .top_sttl{
    font-size:26px;
  }
  .top_sttl .eiji{
    margin-left:10px;
    font-size:14px;
  }
}

.top_news{
  max-width:1060px;
  margin:0 auto 114px;
  padding:0 30px;
}
.top_news .btn{
  text-align:center;
  margin-top:68px;
}
@media screen and (max-width:480px){
  .top_news{
    margin-bottom:80px;
    padding:0 15px;
  }
  .top_news .btn{
    margin-top:52px;
  }
}

.top_block_01{
  max-width:1400px;
  margin:0 auto 142px;
  position:relative;
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between;
}
.top_block_01::before{
  content:"";
  display:block;
  width:calc(50vw + 29.21%);
  height:100%;
  background:#2E807D;
  position:absolute;
  top:0;
  right:20.79%;
}
.top_block_01 figure{
  width:50%;
  position:relative;
  margin-top:-29px;
}
.top_block_01 .txt{
  width:47.57%;
  padding:58px 0;
  position:relative;
}
.top_block_01 .txt p{
  font-size:22px;
  line-height:1.9;
  color:#fff;
  letter-spacing:.01em;
}
@media screen and (max-width:1060px){
  .top_block_01{
    margin-bottom:100px;
    flex-direction:column;
  }
  .top_block_01::before{
    display:none;
  }
  .top_block_01 figure{
    width:70%;
    max-width:500px;
    margin-top:0;
    margin-left:auto;
    z-index:20;
  }
  .top_block_01 .txt{
    width:90%;
    max-width:680px;
    background:#2E807D;
    padding:70px 30px 50px;
    margin-top:-40px;
    z-index:10;
  }
  .top_block_01 .txt p{
    font-size:20px;
  }
}
@media screen and (max-width:480px){
  .top_block_01{
    margin-bottom:50px;
  }
  .top_block_01 figure{
    width:calc(100% - 27px);
  }
  .top_block_01 .txt{
    width:calc(100% - 27px);
    padding:50px 15px 35px;
    margin-top:-30px;
  }
  .top_block_01 .txt p{
    font-size:16px;
  }
}

.top_block_02{
  max-width:1285px;
  margin:0 auto 197px;
  padding:0 30px;
  display:flex;
  justify-content:space-between;
}
.top_block_02 .box_1{
  width:58.36%;
  display:flex;
  justify-content:space-between;
}
.top_block_02 .box_1 figure{
  width:55.1%;
}
.top_block_02 .box_1 .txt{
  width:40.13%;
}
.top_block_02 .box_1 .txt p{
  font-size:16px;
  line-height:1.6;
  letter-spacing:.01em;
  margin-bottom:40px;
}
.top_block_02 .box_2{
  width:35.75%;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:start;
  gap:20px 7.22%;
}
.top_block_02 .box_2 a{
  display:flex;
  flex-direction:column;
  align-items:center;
  background:#16A19C;
  padding:23px 10px 7px;
}
.top_block_02 .box_2 a figure{
  width:33.33%;
  margin-bottom:10px;
}
.top_block_02 .box_2 a p{
  font-size:16px;
  color:#fff;
  line-height:1.2;
  text-align:center;
}
.top_block_02 .box_2 a p .eiji{
  display:block;
  font-size:10px;
  color:#77D8D4;
}
@media screen and (max-width:1150px){
  .top_block_02{
    max-width:775px;
    flex-direction:column;
    align-items:center;
  }
  .top_block_02 .box_1{
    width:100%;
    margin-bottom:40px;
  }
  .top_block_02 .box_2{
    width:100%;
    max-width:415px;
  }
}
@media screen and (max-width:1060px){
  .top_block_02{
    margin-bottom:100px;
  }
}
@media screen and (max-width:480px){
  .top_block_02{
    padding:0 15px;
    margin-bottom:60px;
  }
  .top_block_02 .box_1{
    flex-direction:column;
    gap:30px 0;
  }
  .top_block_02 .box_1 figure,
  .top_block_02 .box_1 .txt{
    width:100%;
  }
  .top_block_02 .box_1 .txt p{
    font-size:14px;
    margin-bottom:25px;
  }
  .top_block_02 .box_1 .txt .btn{
    text-align:center;
  }
}

.top_block_03{
  max-width:1400px;
  margin:0 auto 125px;
  display:flex;
  justify-content:space-between;
  position:relative;
}
.top_block_03::before{
  content:"";
  display:block;
  width:calc(50vw + 27.78%);
  height:100%;
  background:#E8EEEC;
  position:absolute;
  top:0;
  left:22.22%;
}
.top_block_03 figure{
  width:42.5%;
  position:relative;
  margin-top:-50px;
}
.top_block_03 .txt{
  width:52.07%;
  padding:40px 30px 70px 0;
  position:relative;
}
.top_block_03 .txt p{
  font-size:16px;
  line-height:2;
  max-width:610px;
  margin-bottom:36px;
}
.top_block_03 .txt h4{
  font-size:20px;
  color:#256563;
  letter-spacing:.01em;
  margin-bottom:7px;
}
.top_block_03 .txt ul li{
  display:flex;
  align-items:center;
  gap:0 10px;
}
.top_block_03 .txt ul li + li{
  margin-top:2px;
}
.top_block_03 .txt ul li::before{
  content:"";
  display:inline-block;
  width:24px;
  height:19px;
}
.top_block_03 .txt ul li:nth-child(1)::before{
  background:url(images/top/ico_phone.png) no-repeat 50% 50% / 16.45px auto;
}
.top_block_03 .txt ul li:nth-child(2)::before{
  background:url(images/top/ico_mail.png) no-repeat 50% 50% / 23.36px auto;
}
@media screen and (max-width:1060px){
  .top_block_03{
    margin-bottom:80px;
    flex-direction:column;
  }
  .top_block_03::before{
    display:none;
  }
  .top_block_03 figure{
    width:70%;
    margin-top:0;
    z-index:20;
  }
  .top_block_03 .txt{
    width:90%;
    max-width:680px;
    background:#E8EEEC;
    padding:70px 30px 50px;
    margin-top:-40px;
    margin-left:auto;
    z-index:10;
  }
}
@media screen and (max-width:480px){
  .top_block_03{
    margin-bottom:50px;
  }
  .top_block_03 figure{
    width:calc(100% - 27px);
  }
  .top_block_03 .txt{
    width:calc(100% - 27px);
    padding:50px 15px 35px;
    margin-top:-30px;
  }
  .top_block_03 .top_sttl .eiji{
    display:block;
    margin:0;
  }
}

/* common style
------------------------------------------------------------------------------------------------------------------- */
.news_list{
  display:grid;
  grid-template-columns:131px 1fr;
}
.news_list dt{
  font-size:16px;
  color:#5F8172;
  padding:27px 0 25px;
  border-bottom:solid 1px #C1C1C1;
}
.news_list dd{
  font-size:18px;
  font-weight:500;
  padding:25px 0;
  border-bottom:solid 1px #C1C1C1;
}
.news_list dd a, .news_list dd a:visited{
  color:#000;
  text-decoration:none;
}
@media screen and (max-width:480px){
  .news_list{
    grid-template-columns:1fr;
  }
  .news_list dt{
    font-size:13px;
    padding:20px 0 0;
    border-bottom:none;
  }
  .news_list dd{
    font-size:15px;
    padding:0 0 22px;
  }
}

.under_ttl{
  display:flex;
  height:200px;
  justify-content:center;
  align-items:center;
  background-color:#51C2BE;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:cover;
  margin-bottom:99px;
}
.under_ttl h2{
  font-size:32px;
  color:#fff;
  text-align:center;
  line-height:1.4;
  margin-top:20px;
}
.under_ttl h2 .eiji{
  display:block;
  font-size:18px;
  font-weight:400;
  color:#C2F8F5;
  letter-spacing:.08em;
}
@media screen and (max-width:1060px){
  .under_ttl{
    height:160px;
    margin-bottom:80px;
  }
  .under_ttl h2{
    font-size:26px;
  }
  .under_ttl h2 .eiji{
    font-size:16px;
  }
}
@media screen and (max-width:480px){
  .under_ttl{
    height:100px;
    margin-bottom:50px;
  }
  .under_ttl h2{
    font-size:20px;
    margin-top:10px;
  }
  .under_ttl h2 .eiji{
    font-size:14px;
  }
}

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

.under_page_wrap h3{
  font-size:28px;
  font-weight:700;
  color:#256563;
  margin-bottom:35px;
  padding-bottom:5px;
  border-bottom:solid 2px #c1c1c1;
}
.under_page_wrap * + h3{
  margin-top:80px;
}
.under_page_wrap h4{
  font-size:20px;
  font-weight:700;
  color:#256563;
  margin-bottom:16px;
}
.under_page_wrap * + h4:not(.head_bg_fill){
  margin-top:40px;
}
.under_page_wrap h4.head_bg_fill{
  background:#E8EEEC;
  margin-bottom:30px;
  padding:6px 11px;
}

.under_page_wrap p{
  font-size:18px;
  line-height:2;
  margin-bottom:25px;
}
@media screen and (max-width:480px){
  .under_page_wrap h3{
    font-size:20px;
    margin-bottom:20px;
  }
  .under_page_wrap * + h3{
    margin-top:50px;
  }
  .under_page_wrap h4{
    font-size:17px;
    margin-bottom:10px;
  }
  .under_page_wrap p{
    font-size:16px;
  }
}

.under_page_wrap ul:not(.switch_list,.student_list,.memory_gallery){
  padding-left:32px;
}
.under_page_wrap ul:not(.switch_list,.student_list,.memory_gallery) li{
  font-size:16px;
  line-height:1.5;
  position:relative;
}
.under_page_wrap ul:not(.switch_list,.student_list,.memory_gallery) li + li{
  margin-top:16px;
}
.under_page_wrap ul:not(.switch_list,.student_list,.memory_gallery) li::before{
  content:"";
  display:block;
  width:8px;
  height:8px;
  background:#16A19C;
  border-radius:50%;
  position:absolute;
  top:0.55em;
  left:-20px;
}
.under_page_wrap ul.links_list li{
  font-size:18px;
}
.under_page_wrap ul.links_list li::before{
  top:0.6em;
}
.under_page_wrap ul.aligncenter{
  display:table;
  margin:0 auto;
}
@media screen and (max-width:480px){
  .under_page_wrap ul:not(.switch_list,.student_list,.memory_gallery){
    padding-left:18px;
  }
  .under_page_wrap ul:not(.switch_list,.student_list,.memory_gallery) li{
    font-size:14px;
  }
  .under_page_wrap ul:not(.switch_list,.student_list,.memory_gallery) li + li{
    margin-top:14px;
  }
  .under_page_wrap ul:not(.switch_list,.student_list,.memory_gallery) li::before{
    width:6px;
    height:6px;
    top:0.65em;
    left:-14px;
  }
  .under_page_wrap ul.links_list li{
    font-size:16px;
  }
}

.under_page_wrap a, .under_page_wrap a:visited{
  color:#153327;
  text-decoration:underline;
}

.wp-block-columns{
  margin:30px 0 40px;
}
.wp-block-image{
  margin-bottom:90px;
}
* + .wp-block-image{
  margin-top:90px;
}
div.wp-block-image .alignright{
  margin:0 0 40px 30px;
}
div.wp-block-image .alignleft{
  margin:0 30px 40px 0;
}
div.wp-block-image .aligncenter{
  text-align:center;
  margin:0 auto;
}
.wp-block-columns figure.wp-block-image.size-full,
.wp-block-columns div.wp-block-image .aligncenter,
.wp-block-columns div.wp-block-image .alignright,
.wp-block-columns div.wp-block-image .alignleft{
  margin:0;
}

.wp-block-gallery,
.wp-block-table{
  margin-bottom:30px;
}
.wp-block-gallery figure.wp-block-image{
  margin:0;
}
* + .wp-block-gallery,
* + .wp-block-table{
  margin-top:30px;
}
.wp-block-table figcaption,
.wp-block-image figcaption{
  font-size:13px;
  margin-top:3px;
}

.wp-block-table table{
  border-collapse:collapse;
}
.wp-block-table table td{
  border:solid 1px #ccc;
  padding:10px 17px;
  font-size:16px;
  line-height:1.4;
}

.under_page_wrap .wp-block-separator{
  border:none;
  border-top:solid 1px #C1C1C1;
  margin:90px 0;
}

@media screen and (max-width:480px){
  .wp-block-image{
    margin-bottom:45px;
  }
  * + .wp-block-image{
    margin-top:45px;
  }
  div.wp-block-image .alignright,
  div.wp-block-image .alignleft{
    float:none;
    margin:0 auto 40px;
    text-align:center;
  }
  .wp-block-table table td{
    padding:7px 12px;
    font-size:13px;
  }
  .under_page_wrap hr{
    margin:45px 0;
  }
}

.own_block_image_center{
  margin:90px 0;
}
.own_block_image_center .cap_figure{
  font-size:20px;
  font-weight:700;
  color:#256563;
  line-height:1.5;
  text-align:center;
  margin-bottom:15px;
}
.own_block_image_center figure{
  text-align:center;
}
.own_block_image_center figure img{
  width:45%;
  max-width:382px;
  margin:0 18px;
}
@media screen and (max-width:480px){
  .own_block_image_center{
    margin:45px 0;
  }
  .own_block_image_center .cap_figure{
    font-size:18px;
    text-align:left;
    margin-bottom:10px;
  }
  .own_block_image_center figure img{
    width:100%;
    margin:0;
  }
  .own_block_image_center figure * + img{
    margin-top:20px;
  }
}

/* .btn_link
------------------------------------------------------------------------------------------------------------------- */
.btn_link, .btn_link:visited{
  display:inline-block;
  min-width:260px;
  font-size:18px;
  font-weight:700;
  color:#fff !important;
  text-align:center !important;
  text-decoration:none !important;
  letter-spacing:.03em;
  background:#16A19C;
  border-radius:50px;
  padding:16px 15px;
}
@media screen and (max-width:480px){
  .btn_link, .btn_link:visited{
    min-width:180px;
    font-size:16px;
    border-radius:40px;
    padding:12px 15px;
  }
}

/* news
------------------------------------------------------------------------------------------------------------------- */
.post_ttl{
  margin-bottom:60px;
}
.post_ttl .date{
  font-size:16px;
  color:#5F8172;
  line-height:1.3;
  margin:0;
}
.post_ttl h3{
  font-size:28px;
  color:#000;
  line-height:1.3;
  border-bottom:none;
  margin:0;
  padding:0;
}
.post_ttl * + h3{
  margin-top:0;
}
.post_body{
  margin-bottom:65px;
}
.post_body p{
  font-size:18px;
  line-height:1.8;
  margin-bottom:25px;
}
.post_wrap .return_btn{
  text-align:center;
}
@media screen and (max-width:480px){
  .post_ttl{
    margin-bottom:30px;
  }
  .post_ttl .date{
    font-size:13px;
  }
  .post_ttl h3{
    font-size:20px;
  }
  .post_body{
    margin-bottom:40px;
  }
  .post_body p{
    font-size:16px;
    margin-bottom:16px;
  }
}

/* wp-pagenavi
------------------------------------------------------------------------------------------------------------------- */
.wp-pagenavi{
  display:flex;
  gap:7px 10px;
  margin-top:55px;
}
.wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi span{
  display:block;
  width:50px;
  font-size:18px;
  font-weight:bold;
  line-height:50px;
  color:#fff;
  text-align:center;
  text-decoration:none;
  background:#16A19C;
  border-radius:50%;
}
.wp-pagenavi span{
  color:#0F8782;
  background:#CCD5D5;
}
.wp-pagenavi span.dots{
  display:none;
}
@media screen and (max-width:480px){
  .wp-pagenavi{
    gap:5px 6px;
    margin-top:30px;
  }
  .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi span{
    width:32px;
    font-size:14px;
    line-height:32px;
  }
}

/* member
------------------------------------------------------------------------------------------------------------------- */
.member_staff{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:82px 30px;
  margin:60px 0 80px;
}
.member_staff .item{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:0 29px;
}
.member_staff.seiriken{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:50px 30px;
}
.member_staff.seiriken .item{
  display:block;
}
.member_staff .item p{
  line-height:1.4;
}
.member_staff .item .post{
  font-size:14px;
  margin-bottom:7px;
}
.member_staff .item .name{
  font-size:20px;
  font-weight:700;
  margin:0;
}
.member_staff .item .name .dept{
  display:inline-block;
  font-size:16px;
  margin-left:6px;
}
.member_staff .item .name .eiji{
  display:block;
  font-size:15px;
}
.member_staff .item .email{
  font-size:14px;
  margin:10px 0 0;
}
.member_staff .item .bnr{
  margin:5px 0 0;
  display:flex;
  height:14px;
  gap:0 14px;
}
.member_staff .item .bnr p{
  line-height:0;
}
.member_staff .item .bnr p img{
  display:block;
  height:14px;
  width:auto;
}
.member_staff .item .relation_url{
  font-size:13px;
  margin:3px 0 0;
}
@media screen and (max-width:1060px){
  .member_staff{
    margin:50px 0 70px;
  }
  .member_staff .item{
    grid-template-columns:115px 1fr;
    gap:0 20px;
  }
  .member_staff .item .post{
    font-size:13px;
    margin-bottom:5px;
  }
  .member_staff .item .name{
    font-size:18px;
  }
  .member_staff .item .name .dept{
    font-size:15px;
    margin-left:5px;
  }
  .member_staff .item .name .eiji{
    font-size:14px;
  }
  .member_staff .item .email{
    font-size:13px;
  }
}
@media screen and (max-width:480px){
  .member_staff, .member_staff.seiriken{
    grid-template-columns:1fr;
    gap:30px 0;
    margin:40px 0 60px;
  }
  .member_staff .item .post{
    font-size:12px;
  }
  .member_staff .item .name .dept{
    font-size:14px;
  }
  .member_staff .item .email{
    font-size:12px;
  }
  .member_staff .item .relation_url{
    font-size:12px;
  }
}

.member_student ul.student_list{
  display:flex;
  flex-wrap:wrap;
  gap:20px 22px;
}
.member_student ul.student_list li{
  width:182px;
  font-size:20px;
  font-weight:700;
  line-height:1.4;
}
.member_student ul.student_list li .dept{
  display:block;
  font-size:14px;
  font-weight:400;
}
.member_student ul.student_list li .eiji{
  display:block;
  font-size:15px;
}
@media screen and (max-width:1060px){
  .member_student ul.student_list li{
    width:170px;
    font-size:18px;
  }
  .member_student ul.student_list li .dept{
    font-size:13px;
  }
  .member_student ul.student_list li .eiji{
    font-size:14px;
  }
}
@media screen and (max-width:480px){
  .member_student ul.student_list{
    justify-content:space-between;
    gap:20px 0;
  }
  .member_student ul.student_list li{
    width:48%;
    font-size:17px;
  }
  .member_student ul.student_list li .dept{
    font-size:12px;
  }
  .member_student ul.student_list li .eiji{
    font-size:13px;
  }
}

/* publication
------------------------------------------------------------------------------------------------------------------- */
.tab_switch{
  margin-top:40px;
}
.tab_switch .switch_list{
  display:flex;
  flex-wrap:wrap;
  gap:12px 10px;
}
.tab_switch .switch_list li{
  width:130px;
  font-size:18px;
  font-weight:700;
  color:#fff;
  text-align:center;
  background:#16A19C;
  border-radius:40px;
  padding:9px 15px;
  cursor:pointer;
}
@media screen and (max-width:480px){
  .tab_switch .switch_list{
    gap:10px 7px;
  }
  .tab_switch .switch_list li{
    width:110px;
    font-size:15px;
    padding:6px 10px;
  }
}

.tab_content .item{
  display:none;
  opacity:0;
}

/* photo
------------------------------------------------------------------------------------------------------------------- */
.under_page_wrap .photo_gallery p{
  line-height:1.5;
  margin-bottom:0;
}
.photo_gallery .item{
  margin-bottom:10px;
}
.memory_gallery{
  display:flex;
  flex-wrap:wrap;
  gap:6px 6px;
  align-items:center;
  justify-content:center;
  margin-bottom:10px;
}
* + .memory_gallery{
  margin-top:10px;
}
.memory_gallery li{
  width:calc((100% - 18px) / 4);
}
.memory_gallery img{
  width:100%;
}
@media screen and (max-width:480px){
  .memory_gallery li{
    width:calc((100% - 12px) / 2);
  }
}

/* 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}

/* spair
------------------------------------------------------------------------------------------------------------------- */