@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP&display=swap');

/* reset */
* { padding: 0; margin: 0; box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
section, article { display: block; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-feature-settings : "palt";  word-wrap : break-word; overflow-wrap : break-word; font-kerning: normal; -webkit-font-kerning: normal; font-size: 15px; font-family: 'Sawarabi Mincho',serif; text-align: center; letter-spacing: 0.15em; margin: 0px; box-sizing: border-box; background-color: #f1ede2; color: #333; padding: 0em; }
img { vertical-align: bottom; max-width:100%; height: auto; }
::selection { background: #ca678d; color: #FFF; }
::-moz-selection { background: #ca678d; }
.svg_img path { color: #ffffff; fill: currentColor; }
.no_margin { margin:0 !important; }

/* link */
a:link, a:visited, a:active { color: #ca678d; text-decoration: none; }
a:hover { color: #333; text-decoration: none; transition: color 0.05s linear; -webkit-transition: color 0.05s linear; transition: border-color 0.05s linear; -webkit-transition: border-color 0.05s linear; transition: background-color 0.05s linear; -webkit-transition: background-color 0.05s linear; }
a:link img { transition: 0.2s linear; }
a:hover img { -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -o-filter: brightness(110%); -ms-filter: brightness(110%); filter: brightness(110%); }

/* color */
.tommo #main a { color: #ca678d !important; }
.tommo #main a:hover { color: #333 !important; }
.tommo-child #main a { color: #ca678d !important; }
.tommo-child #main a:hover { color: #333 !important; }
#header .tommo a { color: #ca678d !important; }
.home #header .tommo a { color: #fff !important; }
.home #header .tommo a:hover { color: #333 !important; }
.tommo #header .tommo a,.tommo-child #header .tommo a,#header .tommo a:hover { color: #fff !important; }
#side .tommo a { color: #ca678d !important; }
#side .tommo a:hover { color: #333 !important; }
.home .tommo a { color: #ca678d !important; }
.home .tommo a:hover { color: #333 !important; }

.activity #main a { color: #00a7b2 !important; }
.activity #main a:hover { color: #333 !important; }
.activity-child #main a { color: #00a7b2 !important; }
.activity-child #main a:hover { color: #333 !important; }
#header .activity a { color: #00a7b2 !important; }
.home #header .activity a { color: #fff !important; }
.home #header .activity a:hover { color: #333 !important; }
.activity #header .activity a,.activity-child #header .activity a,#header .activity a:hover { color: #fff !important; }
#side .activity a { color: #00a7b2 !important; }
#side .activity a:hover { color: #333 !important; }
.home .activity a { color: #00a7b2 !important; }
.home .activity a:hover { color: #333 !important; }

.researchers #main a { color: #4593d0 !important; }
.researchers #main a:hover { color: #333 !important; }
.researchers-child #main a { color: #4593d0 !important; }
.researchers-child #main a:hover { color: #333 !important; }
#header .researchers a { color: #4593d0 !important; }
.home #header .researchers a { color: #fff !important; }
.home #header .researchers a:hover { color: #333 !important; }
.researchers #header .researchers a,.researchers-child #header .researchers a,#header .researchers a:hover { color: #fff !important; }
#side .researchers a { color: #4593d0 !important; }
#side .researchers a:hover { color: #333 !important; }
.home .researchers a { color: #4593d0 !important; }
.home .researchers a:hover { color: #333 !important; }

/* gnavi */
.home #header .gnavi .tommo a,
.tommo #header .gnavi .tommo a { color:#fff !important; background-color: #ca678d !important; }
.home #header .gnavi .activity a,
.activity #header .gnavi .activity a { color:#fff !important; background-color: #00a7b2 !important; }
.home #header .gnavi .researchers a,
.researchers #header .gnavi .researchers a { color:#fff !important; background-color: #4593d0 !important; }
.home #header .gnavi .tommo a:hover { color:#ca678d !important; background-color: #fff !important; }
.home #header .gnavi .activity a:hover,
.gnavi #header .activity a:hover { color:#00a7b2 !important; background-color: #fff !important; }
.home #header .gnavi .researchers a:hover,
.gnavi #header .researchers a:hover { color:#4593d0 !important; background-color: #fff !important; }
.tommo #header .gnavi .tommo a,
.tommo-child #header .gnavi .tommo a,
#header .gnavi .tommo a:hover { color:#fff !important; background-color: #ca678d !important; }
.activity #header .gnavi .activity a,
.activity-child #header .gnavi .activity a,
#header .gnavi .activity a:hover { color:#fff !important; background-color: #00a7b2 !important; }
.researchers #header .gnavi .researchers a,
.researchers-child #header .gnavi .researchers a,
#header .gnavi .researchers a:hover { color:#fff !important; background-color: #4593d0 !important; }

/* link_icon */
a[href^="http://"]:after { content:"\f08e"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin:0 0.4em; }
a[href^="https://"]:after { content:"\f08e"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin:0 0.4em; }
a[href^="http://"].banner:after { content:none; }
a[href^="https://"].banner:after { content:none; }
a[href^="http://www.megabank.tohoku.ac.jp/cms/"]:after { content:none; }
a[href^="https://www.megabank.tohoku.ac.jp/cms/"]:after { content:none; }
a[href^="http://www.megabank.tohoku.ac.jp"]:after { content:none; }
a[href^="https://www.megabank.tohoku.ac.jp"]:after { content:none; }
a[href^="http://www.dist.megabank.tohoku.ac.jp"]:after { content:none; }
a[href^="https://www.dist.megabank.tohoku.ac.jp"]:after { content:none; }
a[href^="http://line.me/"]:after { content:none; }
a[href^="https://line.me/"]:after { content:none; }
a[href^="mailto:"]:after { content:"\f003"; font-family: "Font Awesome 6 Free"; font-weight: 400; margin:0 0.4em; }
a[href$=".pdf"]:after { content:"\f1c1"; font-family: "Font Awesome 6 Free"; font-weight: 400; margin:0 0.4em; }

/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; }
.pc { display:block; }
.sp { display:none; }
.pcbr { display:block; }
.spbr { display:inline; }

/* wordpress */
#contents .wp-caption.alignleft { float: left; }
#contents .wp-caption.alignleft img {  }
#contents .wp-caption.alignleft .wp-caption-text { font-size: 0.8em; }
#contents .wp-caption.alignright { float: right; }
#contents .wp-caption.alignright img {  }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 0px; margin: 0.5em 0 2em 3em; display: inline; max-width: 47%; }
img.alignleft { padding: 0px; margin: 0.5em 3em 2em 0; display: inline; max-width: 47%; }
.aligncenter { margin-top: 2em; margin-bottom: 2em; margin-right: auto; margin-left: auto; }
.alignright { float: right; margin-bottom: 2em; margin-left:3em; }
.alignleft { float: left; margin-bottom: 2em; margin-right:3em; }
img.aligncenter { display: block; }

/* youtube */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

/* sp_navi */
#sp_navi { display:none; }

/* wrapper */
#wrapper { width:84%; margin:auto; position: relative; min-width:1200px; max-width:1680px; }

/* contents */
#contents { width:65.75%; float:right; overflow: hidden; }

/* header */
#header .logo { padding:3em 0 2em 0; position: absolute; top:0; left:0; width:31.5%; background-color: #fff; border-radius: 0 0 0.8em 1em; -webkit-border-radius: 0 0 1em 1em; -moz-border-radius: 0 0 1em 1em; }
#header .logo a { display:block; }
#header .logo img { height:auto; width:70%; }
#header .logo .intro { width:74%; border-top:solid 1px #ca678d; margin:2em auto 0 auto; }
#header .logo .intro h2 { font-size: 1.8em; line-height: 1em; padding:1em 0 0.8em 0; vertical-align: middle; color:#ca678d; }
#header .logo .intro p { text-align: justify; font-size: 1.05em; color:#333; line-height:2em; letter-spacing: 0.05em; }

#header .navi { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom:1.6em; }
#header .navi .gnavi { width:100%; overflow: hidden; margin-bottom:1.6em; border-radius: 0 0 1em 1em; -webkit-border-radius: 0 0 1em 1em; -moz-border-radius: 0 0 1em 1em; }
#header .navi .gnavi ul { display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; }
#header .navi .gnavi li { width:33.3333%; align-self: stretch; }
#header .navi .gnavi li a { border-right:solid 1px #f1ede2; background-color: #fff; line-height: 6em; display: block; font-size: 1.5em; letter-spacing: 0.2em; }
#header .navi .gnavi li:last-child a { border-right:none; }
#header .navi .snavi { padding-left: 1em; }
#header .navi .snavi a { background:none !important; }
#header .navi .snavi ul { display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
#header .navi .snavi li { border-right:solid 1px #ca678d; padding-right:0.6em; margin-right:0.6em; line-height: 1em; font-size: 0.9em; letter-spacing: 0.1em; }
#header .navi .snavi li:last-child { border-right:none; padding-right:0; margin-right:0; }
#header .navi .cont {  }
#header .navi .cont li { float:left; margin-right:0.5em; }
#header .navi .cont li a { border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; background-color: #fff; color: #ca678d; text-align: center; display:block; font-size: 1.1em; line-height: 2.4rem; width:2.4rem; text-align: center; }
#header .navi .cont li a:hover { background-color: #ca678d; color: #fff; }
#header .navi .cont li:nth-child(2) a { font-size: 0.9em; }
#header .navi .cont li:nth-child(3) a { color:#ffffff; background-color: #ca678d; }
#header .navi .cont li:nth-child(3) a:hover { color:#ca678d; background-color: #ffffff; }
#header .navi .search { position:relative; width:22%; }
#header .navi .search input#search_keyword { height:2.5em; font-family: 'Sawarabi Mincho',serif; width:100%; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; background-color: #ca678d; color:#fff; border:none; font-size:1em; line-height: 1em; padding:0.5em 1em; }
#header .navi .search input#search_bn { font-family: 'Sawarabi Mincho',serif; position: absolute; top:0; right:0; }
#header .navi .search:before { content:"\f002"; font-family: "Font Awesome 6 Free"; font-weight: 900; color:#ffffff; z-index: 999; position: absolute; top:0.75em; right:0.9em; font-size:1em; line-height:1; }

/* banner_202104 */
#banner_202104 { clear:both; padding:0 0 2.5em 0; }

/* top */
#top_a { clear:both; }
#top_a .activity { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }

#top_a .activity h2 { display:block; color:#fff !important; background-color: #00a7b2; font-size: 1.8em; line-height: 1.4em; padding:1.2em 5%; overflow: hidden; text-align: center; }
#top_a .activity h2 a { color:#fff !important; vertical-align: middle; }
#top_a .activity h2 a.backnumber { font-size: 0.7em; vertical-align: middle; margin-left:2em; }
#top_a .activity h2 a i { font-size: 0.6em; vertical-align: middle; margin-right:0.8em; }

#top_a .activity_left { width:65.75%; background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#top_a .activity_left ul { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#top_a .activity_left li { font-size: 1.3em; line-height: 1.4em; width:50%; padding:2em 5% 1.5em 5%; border-right:solid 1px #f1ede2; }
#top_a .activity_left li:first-child { border-right:solid 1px #f1ede2; }
#top_a .activity_left li p { font-size: 0.8em; line-height: 1.8em; text-align: justify; display: block; margin-top:0.7em; }
#top_a .activity_left li img { margin-bottom:1em; }

#top_a .activity_right { width:31.5%; background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#top_a .activity_right li a { display:block; font-size: 1.4em; line-height: 1em; letter-spacing: 0.05em; padding:1.9em 5% 1.9em 10%; text-align: left; border-bottom:solid 1px #f1ede2; }
#top_a .activity_right li a:before { content:"\f10c"; font-family:"Font Awesome 6 Free"; font-weight: 400; margin-right:0.5em; }
#top_a .activity_right li:last-child a { border-bottom:none; }

#top_b { width:65.75%; float:left; }
#top_b .researchers { background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#top_b .researchers h2 a { display:block; color:#fff !important; background-color: #4593d0; font-size: 1.8em; line-height: 1.4em; padding:1.2em 10%; }
#top_b .researchers ul { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#top_b .researchers li { width:50%; font-size: 1.3em; text-align: left; border-right:solid 1px #f1ede2; border-bottom:solid 1px #f1ede2; padding:3em 5% 1.5em 5%; }
#top_b .researchers li.two { width:100%; border-right:none; border-bottom:solid 1px #f1ede2; padding:3em 5% 1.5em 5%; }
#top_b .researchers li img { margin-bottom:1em; }
#top_b .researchers li:nth-child(2n) { border-right:solid none; }
#top_b .researchers li:nth-child(2n+1) { clear:both; }
#top_b .researchers li:nth-child(8) { clear:none; }
#top_b .researchers li:nth-child(6),
#top_b .researchers li:nth-child(7),
#top_b .researchers li:nth-child(8),
#top_b .researchers li:nth-child(9) { width:25%; padding:2em 0 2em 0; text-align: center;  }
#top_b .researchers li:nth-child(6) a:before,
#top_b .researchers li:nth-child(7) a:before,
#top_b .researchers li:nth-child(8) a:before,
#top_b .researchers li:nth-child(9) a:before { content:"\f10c"; font-family:"Font Awesome 6 Free"; font-weight: 400; margin-right:0.5em; }

#top_c { width:31.5%; float:right; }
#top_c .tommo { background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; margin-bottom:2em; }
#top_c .tommo h2 a { display:block; color:#fff !important; background-color: #ca678d; font-size: 1.8em; line-height: 1.4em; padding:1.2em 10%; }
#top_c .tommo li a { display:block; font-size: 1.4em; line-height: 1em; padding:1.6em 15%; text-align: left; border-bottom:solid 1px #f1ede2; }
#top_c .tommo li a:before { content:"\f10c"; font-family:"Font Awesome 6 Free"; font-weight: 400; margin-right:0.5em; }
#top_c .tommo li:last-child { border-bottom:none; }
#top_c .banner ul { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden;  margin-bottom:2em; border:solid 1px #ca678d; }
#top_c .banner li { width:50%; }
#top_c .banner li a { display:block; color:#ca678d; background-color: #fff; font-size: 1.3em; line-height: 1em; padding:1.25em 0; text-align: center;  }
#top_c .banner li a:hover { background-color: #ca678d; color:#fff; }
#top_c .banner li:last-child { border-left:solid 1px #ca678d; }
#top_c .nakaba { background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#top_c .nakaba dt { background-color: #ca678d; padding:1.5em 6em; }
#top_c .nakaba dt a { display:block; color:#fff; }
#top_c .nakaba dt img { width:100%; height:auto; }
#top_c .nakaba dd { text-align: justify; padding:1.75em 3em; font-size: 1em;  line-height: 2em; }
#top_c .kikin_bn { margin:2em 0 0 0; border-radius: 2em 0 2em 0; overflow: hidden; border:solid 1.5em #fff; background-color: #fff; }
#top_c .kikin_bn a { background-color: #ca678d; color:#fff; display:block; z-index: 1; font-size: 1.6em; line-height: 1; padding:1em 0.4em; border-radius: 1em 0 1em 0; overflow: hidden; border:solid 1em #ca678d; }
#top_c .kikin_bn a:hover { background-color: #fff; border:solid 1em #fff; color:#ca678d; }

/* main */
#main main { background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; text-align: left; overflow: hidden; }
#main .slide { margin-bottom:3em; }
#main h2 { font-size: 2em; line-height: 1.4em; padding:1.6em 10%; border-bottom:solid 1px #f1ede2; color: #D57B96; }
#main .pankuzu { font-size: 1em; line-height: 1.4em; padding:1em 10%; border-bottom:solid 1px #f1ede2; }
#main .pankuzu li { display:inline-block; border-right:solid 1px #f1ede2; padding-right:1em; margin-right:1em; color: #D57B96; }
#main .entrybody { padding:4em 10% 2em 10%; }
#main .entrybody h3 { font-size: 1.6em; line-height: 1.5em; color: #D57B96; margin: 0 0 1em 0; clear: both; }
#main .entrybody h4 { font-size: 1.2em; line-height: 1.5em; color: #FFFFFF; background-color: #D57B96; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; padding:1.4em 1.5em; margin: 0 0 2em 0; clear: both; }
#main .entrybody h4 a { color:#fff; }
#main .entrybody h5 { font-size: 1.2em; line-height: 1.5em; border:solid 0.3em #D57B96; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; padding:0.8em 1.5em; margin: 0 0 2em 0; clear: both; }
#main .entrybody h6 { font-size: 1.2em; line-height: 1.5em; color: #000;  margin: 0 0 1em 0; padding:0.5em 1em; border-left: 0.5em solid #D37D99; clear: both; }
#main .entrybody p { font-size: 1.2em; line-height: 2em; margin: 0 0 2em 0; text-align: left; }
#main .entrybody em { font-style: italic; }
#main .entrybody blockquote { padding:3em; background-color: #f8f5f0; margin: 0 0 3em 0; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#main .entrybody blockquote p:last-child { margin: 0 0 0 0; }
#main .entrybody p.caption { font-size: 0.8em; color: #D57B95; line-height: 1.6em; margin: 0 0 1em 0; }
#main .entrybody h3+h3,#main .entrybody h3+h4,#main .entrybody h3+h5,#main .entrybody h3+h6,
#main .entrybody h4+h3,#main .entrybody h4+h4,#main .entrybody h4+h5,#main .entrybody h4+h6,
#main .entrybody h5+h3,#main .entrybody h5+h4,#main .entrybody h5+h5,#main .entrybody h5+h6,
#main .entrybody h6+h3,#main .entrybody h6+h4,#main .entrybody h6+h5,#main .entrybody h6+h6,
#main .entrybody p+h3,#main .entrybody p+h4,#main .entrybody p+h5,#main .entrybody p+h6 { margin-top: 4em; }
#main .entrybody table { width: 100%; margin-bottom: 2em; margin-top: 2em; }
#main .entrybody th { font-size: 0.9em; line-height: 1.5em; padding: 1em; }
#main .entrybody td { font-size: 0.9em; line-height: 1.5em; padding: 1em; border-right: solid 1px #F1EDE2; }
#main .entrybody table.table_links { width: 100%; margin-bottom: 2em; margin-top: 2em; }
#main .entrybody table.table_links th { padding: 0.7em; }
#main .entrybody table.table_links td { padding: 0.7em; border-right: none; }
#main .entrybody table.table_links th img,#main .entrybody table.table_links td img { padding: 0; margin:0; }
#main .entrybody td:last-child { border-right: none; }
#main .entrybody table.line { width: 100%; margin-bottom: 2em; margin-top: 2em; border-top-width: 1px; border-top-style: solid; border-top-color: #F1EDE2; }
#main .entrybody .line th { font-size: 0.9em; line-height: 1.5em; padding: 1em 2em; border-left:solid 1px #F1EDE2; border-bottom: solid 1px #ffffff; border-right: solid 1px #ffffff; background-color: #F5F0E7; }
#main .entrybody .line tr:first-child th:last-child { border-right:solid 1px #F1EDE2; }
#main .entrybody .line tr:last-child th { border-bottom: solid 1px #F1EDE2; border-left:solid 1px #F1EDE2; }
#main .entrybody .line td { font-size: 0.9em; line-height: 1.5em; padding: 1em; border-right:solid 1px #F1EDE2; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F1EDE2; }
#main .entrybody .line td:first-child { border-left:solid 1px #F1EDE2; }
#main .entrybody ul { margin: 3em 0; }
#main .entrybody h3+ul,#main .entrybody h4+ul,#main .entrybody h5+ul,#main .entrybody h6+ul { margin: 0 0 5em 0; }
#main .entrybody li { font-size: 1.1em; line-height: 1.5em; padding-top: 1em; padding-right: 1em; padding-bottom:1em; padding-left: 2em; background-image: url(../images/arrow_a.png); background-repeat: no-repeat; background-position: 15px 1em; background-color: #F1EDE2; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; margin-top: 15px; }
#main .entrybody li a {  }
#main .entrybody li a:before { content:"\f0da"; font-family:"Font Awesome 6 Free"; font-weight: 900; margin:0 0.5em; }
#main .entrybody dt { font-size: 1.1em; line-height: 1.5em; display: block; margin-bottom: 1.5em; }
#main .entrybody dd { font-size: 1.1em; line-height: 1.5em; display: block; margin-bottom: 1.5em; }
#main .entrybody img { max-width: 100%; height: auto; }
#main .entrybody .researchers_ul { overflow: hidden; }
#main .entrybody .researchers_ul li { background-color: #fff; text-align: left; padding:0; margin:0 4% 3em 0; width:48%; float:left; }
#main .entrybody .researchers_ul li.two { margin:0 0 3em 0; width:100%; }
#main .entrybody .researchers_ul li:nth-child(2n+1) { margin-right:0; }
#main .entrybody .researchers_ul li:nth-child(2n+2) { clear: both; }
#main .entrybody .researchers_ul li a:before { content:none; }
#main .entrybody .researchers_ul li img { margin-bottom:1em; }

/* main */
#main h2 { color: #D57B96; }
#main .pankuzu li { color: #D57B96; }
#main .entrybody h3 { color: #D57B96; }
#main .entrybody h4 { background-color: #D57B96; }
#main .entrybody h4 a,#main .entrybody h4 a:hover { color: #ffffff !important; }
#main .entrybody h5 { border:solid 0.3em #D57B96; }
#main .entrybody h6 { border-left: 0.5em solid #D37D99; }
#main .entrybody p.caption { color: #D57B95; }

.activity #main h2 { color: #00a7b2; }
.activity #main .pankuzu li { color: #00a7b2; }
.activity #main .entrybody h3 { color: #00a7b2; }
.activity #main .entrybody h4 { background-color: #00a7b2; }
.activity #main .entrybody h4 a,.activity #main .entrybody h4 a:hover { color: #ffffff !important; }
.activity #main .entrybody h5 { border:solid 0.3em #00a7b2; }
.activity #main .entrybody h6 { border-left: 0.5em solid #00a7b2; }
.activity #main .entrybody p.caption { color: #00a7b2; }
.activity-child #main h2 { color: #00a7b2; }
.activity-child #main .pankuzu li { color: #00a7b2; }
.activity-child #main .entrybody h3 { color: #00a7b2; }
.activity-child #main .entrybody h4 { background-color: #00a7b2; }
.activity-child #main .entrybody h5 { border:solid 0.3em #00a7b2; }
.activity-child #main .entrybody h6 { border-left: 0.5em solid #00a7b2; }
.activity-child #main .entrybody p.caption { color: #00a7b2; }

.researchers #main h2 { color: #4593d0; }
.researchers #main .pankuzu li { color: #4593d0; }
.researchers #main .entrybody h3 { color: #4593d0; }
.researchers #main .entrybody h4 { background-color: #4593d0; }
.researchers #main .entrybody h4 a,.researchers #main .entrybody h4 a:hover { color: #ffffff !important; }
.researchers #main .entrybody h5 { border:solid 0.3em #4593d0; }
.researchers #main .entrybody h6 { border-left: 0.5em solid #4593d0; }
.researchers #main .entrybody p.caption { color: #4593d0; }
.researchers-child #main h2 { color: #4593d0; }
.researchers-child #main .pankuzu li { color: #4593d0; }
.researchers-child #main .entrybody h3 { color: #4593d0; }
.researchers-child #main .entrybody h4 { background-color: #4593d0; }
.researchers-child #main .entrybody h5 { border:solid 0.3em #4593d0; }
.researchers-child #main .entrybody h6 { border-left: 0.5em solid #4593d0; }
.researchers-child #main .entrybody p.caption { color: #4593d0; }

/* sns */
#main .sns { background-color: #FFF; text-align: left; margin: 0px; padding: 0 0 0 10%; display: block; position: static; border-bottom-left-radius: 0.4em; -webkit-border-bottom-left-radius: 0.4em; -moz-border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em; -webkit-border-bottom-right-radius: 0.4em; -moz-border-bottom-right-radius: 0.4em; min-height: 1em; clear: both; }
#main .sns li { float: left; margin-right: 1em; margin-bottom: 0px; }
#main .sns .facebook { width: 100px; }
#main .sns .twitter { width: 100px; }
#main .sns .line { display: none; margin-right: 0px; }

/* entrynews */
#main .entrybody.entrynews_list { padding:0; }
#main .entrybody.entrynews_list .entrynews { border-bottom:solid 1px #F1EDE2; padding:3em 10%; }
#main .entrybody .entrynews { padding-bottom:3em; }
#main .entrybody .entrynews li, #main .entrybody .entrynews dt { font-size: 1.1em; line-height: 1.8em; }
#main .entrybody .entrynews dd { font-size: 1.1em; line-height: 1.8em; margin-bottom: 1em; }
#main .entrybody .entrynews .title { clear: both; font-size: 1.4em; line-height: 1.5em; margin-bottom: 0.5em; }
#main .entrybody .entrynews .date { float: left; margin-right: 1em; margin-bottom: 1.5em; line-height: 1em; font-size: 0.9em; }
#main .entrybody .entrynews .category { padding: 0px; margin: 0px; float: left; font-size: 0.9em; line-height: 1em; }
#main .entrybody .entrynews .category .post-categories { margin: 0px; padding: 0px; }
#main .entrybody .entrynews .category .post-categories li { background-image: none; background-color: transparent; margin: 0px; padding: 0px; height: auto; line-height: 1em; font-size: 1em; float:left; border-left:solid 1px #999; padding:0 1em; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#main .entrybody .entrynews .category .post-categories li a:before { content:none; }
#main .entrybody .entrynews .category .post-categories li:last-child { border-right:solid 1px #999; }
#main .entrybody .entrynews .excerpt { clear: both; margin: 0px; padding: 0px; }
#main .entrybody .alignright { float: right; margin-bottom: 2em; margin-left: 3em; }
#main .entrybody .alignleft { float: left; margin-bottom: 2em; margin-right: 3em; clear: both; }
#main .entrybody .wp-caption.aligncenter { float: none; margin:3em auto 3em auto; width:77% !important; clear: both; }
#main .entrybody .wp-caption .wp-caption-text { font-size: 0.8em; margin:1em 0; }

/* archives */
#main .archives { text-align: center; padding:1em; border-bottom:solid 1px #F1EDE2; }
#main .archives dl { margin: 0px; display:flex; flex-direction: row; justify-content: center; align-items: center; }
#main .archives dt { font-size: 1em; line-height: 1em; padding: 0 1em; }
#main .archives dd { font-size: 1em; line-height: 1em; border-left: solid 1px #999; padding: 0 1em; }
#main .archives ul { margin: 0px; display:flex; flex-direction: row; justify-content: center; align-items: center; }
#main .archives li { font-size: 1em; line-height: 1em; border-left: solid 1px #999; padding: 0 1em; }
#main .archives li:last-child { border-right:solid 1px #999; }

/* pagenavi */
.wp-pagenavi { clear: both; text-align: center; letter-spacing: 0em; margin:1.5em 0; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; font-size: 1.2em; line-height: 1em; color: #CE7F9C; background-color: #F1EDE2; display: inline-block; text-align: center; padding: 0.8em; margin: 0.2em; min-width: 2.5em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-bottom: 1em; letter-spacing: 0em; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { color: #FFF; background-color: #CE7F9C; letter-spacing: 0em; }
.wp-pagenavi span.current { font-weight: normal; letter-spacing: 0em; }

/* sep */
#main .entrybody h3.sep { margin-top: 2.5em; padding-top: 2.5em; border-top-width: 1px; border-top-style: solid; border-top-color: #F1EDE2; }
#main .entrybody h4.sep { margin-top: 40px; }

/* qa */
#main .entrybody .qa dt { background-image: url(../images/q.png); background-repeat: no-repeat; background-position: left top; padding-left: 60px; font-size: 120%; line-height: 1.5em; color: #CE7F9C; margin-top: 3em; min-height: 30px; }
#main .entrybody .qa dd { font-size: 90%; line-height: 2em; background-image: url(../images/a.png); background-repeat: no-repeat; background-position: left top; padding-left: 60px; }

/* org */
#main .entrybody #org { text-align: center; background-position: top; padding-bottom: 0; margin-bottom: 0; }
#main .entrybody #org.line_center { background-image: url(../images/line_h.png); background-repeat: repeat-y; background-position: center top; overflow: hidden; }
#main .entrybody #org.line_left { background-image: url(../images/line_h.png); background-repeat: repeat-y; background-position: 1em top; padding-top: 2em; margin-top:0; }
#main .entrybody #org li { background-image: none; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 2em; margin-left: auto; text-align: center; width: auto; float: none; clear: both; }
#main .entrybody #org .outside { margin-top: 2em; }
#main .entrybody #org .outside li { background-color: #F1EEE2; color: #333; }
#main .entrybody #org .org_a { font-size: 1.5em; background-color: #666699; color: #FFF; padding: 1em; width: 50%; }
#main .entrybody #org .org_b { color: #FFF; background-color: #D57B95; padding: 1em;font-weight: 600; clear: both; font-size: 1.3em; width: 100%; margin-bottom: 0px; }
#main .entrybody #org .org_c { background-image: url(../images/line_w.png); background-repeat: no-repeat; background-position: center center; background-color: transparent; }
#main .entrybody #org .org_c li { display: inline-block; margin: 0; padding: 1em 2em; }
#main .entrybody #org .org_c li:first-child { margin: 0 5em 0 0;  }
#main .entrybody #org .org_left { display: inline-block; float: left; clear: none; background-color: transparent; width: 48%; }
#main .entrybody #org .org_right { display: inline-block; float: right; clear: none; background-color: transparent; width: 48%; }
#main .entrybody #org ul li { margin-bottom: 1.2em; color: #FFF; padding: 1em; text-align: center; }
#main .entrybody #org .org_box { background-image: url(../images/line_w.png); background-repeat: no-repeat; background-position: 1em 2em; overflow: hidden; background-color: transparent; }
#main .entrybody #org .org_box_bottom { background-image: url(../images/line_w_org.png); background-repeat: no-repeat; background-position: 0.9em 2em; overflow: hidden; background-color: transparent; }
#main .entrybody #org .org_box .org_in_box { border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; background-color: #F1EDE2; padding: 2em; overflow: hidden; margin-bottom: 0px; margin-left: 3em; }
#main .entrybody #org .org_box h3 { text-align: left; font-size: 1.3em; line-height: 1.5em; }
#main .entrybody #org .org_box h3 i { margin-right: 0.4em; margin-bottom: 0.4em; }
#main .entrybody #org .org_box ul { width: 100%; }
#main .entrybody #org .org_box a:before { content:""; margin:0; }
#main .entrybody #org li a:link, #main .entrybody #org li a:visited, #main .entrybody #org li a:active { padding:1em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; background-color: #D57B95; display: block; color: #FFF; }
#main .entrybody #org li a:hover { border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; background-color: #FFFFFF; display: block; color: #D57B95; }
#main .entrybody #org li { border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; background-color: #D57B95; }
#main .entrybody #org li.org_box li { font-size: 1em; text-align: left; float: left; width: 48%; clear: none; margin-right: 4%; }
#main .entrybody #org li.org_box li:nth-child(2n) { margin-right: 0; }
#main .entrybody #org li.org_box li a { position: relative; display:block; padding-left:2.2em; }
#main .entrybody #org li.org_box .spbr { display: block; }
#main .entrybody #org li.org_box li i { position: absolute; top:1.5em; left:1.2em; font-size: 0.9em; }
#main .entrybody #org li.org_box li.l2 i { margin-right: 0.2em; margin-top:1em; }
#main .entrybody #org h3 a { padding:0 !important; }
#main .entrybody #org h3.bumon_1 { color: #696; }
#main .entrybody #org .bumon_1 li a:link, #main .entrybody #org .bumon_1 li a:visited, #main .entrybody #org .bumon_1 li a:active { color: #fff !important; background-color: #696; }
#main .entrybody #org .bumon_1 li a:hover { background-color: #FFF; color: #696 !important; }
#main .entrybody #org .bumon_1 li { background-color: #696; padding: 0px; }
#main .entrybody #org h3.bumon_2 { color: #35B2B2; }
#main .entrybody #org .bumon_2 li { background-color: #35B2B2; padding: 0px; }
#main .entrybody #org .bumon_2 li a:link,#main .entrybody #org .bumon_2 li a:visited,#main .entrybody #org .bumon_2 li a:active { color: #fff !important; background-color: #35B2B2; }
#main .entrybody #org .bumon_2 li:last-child { color: #fff !important; background-color: #35B2B2; padding:1em; }
#main .entrybody #org .bumon_2 li a:hover { color: #35B2B2 !important; background-color: #FFF; }
#main .entrybody #org .bumon_2 li:nth-child(2) { text-indent: 1em; }
#main .entrybody #org h3.bumon_3 { color: #69C; }
#main .entrybody #org h3.bumon_3 a { background-color: transparent; color: #69C !important; }
#main .entrybody #org .bumon_3 li { background-color: #69C; padding: 0px; }
#main .entrybody #org .bumon_3 li a:link, #main .entrybody #org .bumon_3 li a:visited, #main .entrybody #org .bumon_3 li a:active { color: #fff !important; background-color: #69C; }
#main .entrybody #org .bumon_3 li a:hover { background-color: #FFF; color: #69C !important; }
#main .entrybody #org h3.bumon_4 { color: #963; }
#main .entrybody #org h3.bumon_4 a { background-color: transparent; color: #963 !important; }
#main .entrybody #org h3.bumon_4.nowrap { width: auto; margin-bottom: 2em; }
#main .entrybody #org .org_box h3.bumon_4.nowrap i { display: inline; margin-bottom: 2em; }
#main .entrybody #org .bumon_4 li { padding: 0px; }
#main .entrybody #org .bumon_4 li a:link, #main .entrybody #org .bumon_4 li a:visited, #main .entrybody #org .bumon_4 li a:active { color: #fff !important; background-color: #963; }
#main .entrybody #org .bumon_4 li a:hover { background-color: #FFF; color: #963 !important; }

/* pr */
#main .entrybody .pr dl { margin-bottom: 60px; }
#main .entrybody .pr dt { float: left; clear: both; margin-right: 30px; margin-bottom: 40px; }
#main .entrybody .pr dd { float: left; vertical-align: middle; }

/* news */
#news { background-color: #FFF; text-align: left; width:100%; padding:3em 4%; margin:2.5em auto 2.5em auto; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#news .news_navi { margin:0 0 2em 0;  display:flex; flex-direction: row; justify-content: space-between; align-items: center; }
#news h2 { font-size: 1.7em; line-height: 1em; }
#news h2 a { color: #D57B95; }
#news h2 a:hover { color: #333; }
#news .category { display:flex; flex-direction: row; justify-content: left; align-items: center; }
#news .category li { font-size: 0.9em; padding:0 2em; border-left:solid 1px #333; line-height: 1em; }
#news .category li:last-child { border-right:solid 1px #333; line-height: 1em; }
#news .news_box { clear:both; display:block; }
#news .news_box li { font-size: 1em; margin-top:1.3em; line-height: 1.2em; }
#news .news_box li dl { display:flex; flex-direction: row; justify-content: space-between; align-items: center; }
#news .news_box li dt { font-size: 0.8em; padding-left:0.5em; color:#333; text-align: left; width:8%; }
#news .news_box li dd.cat { font-size: 0.8em; width:10%; text-align: center; border-left:solid 1px #333; border-right:solid 1px #333; }
#news .news_box li dd.title { width:78%; font-size: 1.2em; }

/* michi */
#michi header { background-color: #ca678d; display:flex; flex-direction: row; justify-content: space-between; align-items: center; }
#michi header h2 { border:none; padding:2em; margin:0; width:55%; }
#michi header p { color:#ffffff; padding:0 3em 0 0; margin:0; width:45%; font-size: 1.2em; text-align: justify; line-height: 2em; }
#michi .michi_list { display:flex; flex-direction: row; justify-content: space-between; align-items: center; padding:5em; border-bottom:solid 1px #f1ede2; }
#michi .michi_list.none { border-bottom:none; }
#michi .michi_list .logo { width:25%; text-align: center; }
#michi .michi_list .logo img { width:60%; display:block; margin:0 auto 1em auto; }
#michi .michi_list dl { width:75%; padding-left:3em; }
#michi .michi_list dl dt { margin-bottom:1.5em; }
#michi .michi_list dl dt span { background-color: #ca678d; color:#ffffff; padding:0.4em 1em; line-height: 1em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#michi .michi_list dl dd.title { margin-bottom:0.5em; font-size: 1.6em; }
#michi .michi_list dl dd.ex { line-height: 1.8em; }
#michi_ex header { padding:0; margin:0; }
#michi_ex header h2 { display:flex; flex-direction: row; justify-content: space-between; align-items: center; padding:1em 10%; margin:0; width:100%; font-size: 2.4em; }
#michi_ex header h2:after { content:none; padding:0; margin:0; }
#michi_ex header h2 img { width:10%; }
#michi_ex .michi_tag { margin-bottom:3em; }
#michi_ex .michi_tag span { background-color: #ca678d; color:#ffffff; padding:0.4em 1em; line-height: 1em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#michi_ex .michi_list select { width:100% !important; font-size:1em; color:#000; }

/* side */
#side { width:31.5%; float:left; text-align: left; display:flex; flex-direction: column; }
.activity #side .logo,.activity-child #side .logo { order: 1; }
.activity #side aside,.activity-child #side aside { order: 2; }
.activity #side .researchers,.activity-child #side .researchers { order: 4; }
.activity #side .activity,.activity-child #side .activity { order: 3; }
.activity #side .tommo,.activity-child #side .tommo { order: 5; }

.researchers #side .logo,.researchers-child #side .logo { order: 1; }
.researchers #side aside,.researchers-child #side aside { order: 2; }
.researchers #side .researchers,.researchers-child #side .researchers { order: 3; }
.researchers #side .activity,.researchers-child #side .activity { order: 4; }
.researchers #side .tommo,.researchers-child #side .tommo { order: 5; }

.tommo #side .logo,.tommo-child #side .logo { order: 1; }
.tommo #side aside,.tommo-child #side aside { order: 2; }
.tommo #side .researchers,.tommo-child #side .researchers { order: 4; }
.tommo #side .activity,.tommo-child #side .activity { order: 5; }
.tommo #side .tommo,.tommo-child #side .tommo { order: 3; }

#side .logo { padding:3em 0; margin:0 0 2em 0; text-align: center; background-color: #fff; border-radius: 0 0 0.8em 1em; -webkit-border-radius: 0 0 1em 1em; -moz-border-radius: 0 0 1em 1em; }
#side .logo a { display:block; }
#side .logo img { height:auto; width:70%; }
#side aside dl { overflow: hidden; margin-bottom:2em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#side aside dt { width:25%; text-align: center; float:left; height:3em; background-color: #ca678d; color:#fff; font-size: 1em; line-height: 1em; padding:1em 0; }
#side aside dt a { color:#fff !important; }
#side aside dd { width:75%; float:right; height:3em; background-color: #fff; font-size: 1em; letter-spacing: 0.05em; line-height: 1em; overflow: hidden; padding:1em 1em; white-space: nowrap; }
#side aside dd .date { border-right:solid 1px #f1ede2; padding-right:0.5em; margin-right:0.5em; display: inline-block; }
#side aside dd a { display: inline-block; margin-right:3em; }
#side nav { clear: both; background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; margin-bottom:2em; }
#side nav .nav_title a { display:block; font-size: 1.4em; color:#fff !important; line-height: 1em; padding:1.5em 15%; }
#side nav ul { padding:2em 0 2.5em 10%; }
#side nav li { font-size: 1.3em; line-height: 1em; padding:0.7em 0; }
#side nav li a:before { content:"\f10c"; font-family:"Font Awesome 6 Free"; font-weight: 400; margin-right:0.5em; }
#side nav.tommo .nav_title a { color:#fff !important; background-color: #ca678d; }
#side nav.activity .nav_title a { color:#fff !important; background-color: #00a7b2; }
#side nav.researchers .nav_title a { color:#fff !important; background-color: #4593d0; }
#side .banner li { margin-bottom:1.5em; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#side .banner li a { display:block; font-size: 1.3em; line-height: 1em; padding:1.5em 15%; text-align: left; color:#fff !important; background-color: #ca678d;  }
#side .banner li a:before { content:"\f10c"; font-family:"Font Awesome 6 Free"; font-weight: 400; margin-right:0.5em; }
#side .banner li:last-child { border-bottom:none; }

/* footer */
#footer { position:relative; width:100%; clear: both; padding:5em 0; }
#footer a { display:block; }
#footer img { width:35%; height:auto; }
#footer .snss { position: absolute; top:5em; right:0; }
#footer .snss li { display: inline-block; }
#footer .snss li a { background:none; font-size: 2.4em; padding:0; line-height: 1em; margin: 0 0.3em; }
#footer .snss li a .fa-facebook { color:#0866ff; }
#footer .snss li a .fa-x-twitter { color:#000000; }

/* tab */
.tab-container .tab-toggle { display: none; }
.tab-container { position: relative; height:10em; width:100%; }
.tab-container .tab-content-container { height: 0; opacity: 0; overflow: hidden; position: absolute; width:100%; }
.tab-container .tab-content-container .tab-content { opacity: 0; padding: 0; transition: opacity 0.1s ease-in; }
.tab-container .tab { cursor: pointer; opacity: 1; display: block; position: relative; }
.tab-container .tab-toggle { display: none; }
.tab-container .tab-toggle.active + .tab, .tab-container .tab-toggle:checked + .tab { }
.tab-container .tab-toggle.active ~ .tab-content-container, .tab-container .tab-toggle:checked ~ .tab-content-container { height: auto; opacity: 1; }
.tab-container .tab-toggle.active ~ .tab-content-container .tab-content, .tab-container .tab-toggle:checked ~ .tab-content-container .tab-content { opacity: 1; }
.tab-container .tab-toggle.active ~ .tab-content-container .tab-content label, .tab-container .tab-toggle:checked ~ .tab-content-container .tab-content label { opacity: 1; }

/* styles */

/* sp */
body { }
body { }
body { }
body { }
body { }
body { }
body { }

@media screen and (max-width: 599px) {
body { font-size: 12px; }

/* option */
.pc { display:none; }
.sp { display:block; }
.pcbr { display:inline; }
.spbr { display:block; }

/* wrapper */
#wrapper { width:94%; margin:auto; position: relative; min-width:0; }

/* sp_navi */
#sp_navi { display:block; text-align: left; }
#sp_navi .drawer-nav { padding:5em 3em 1em 8em; }
#sp_navi .drawer-hamburger { left:0; top:0; width:6%; background-color:#ca678d; color:#fff; }
#sp_navi .drawer-menu li { font-size:1.8em; line-height:1em; margin-bottom:1em;  }
#sp_navi .drawer-menu li.logo { margin-bottom:3em; }
#sp_navi .drawer-menu li.sub_top { margin-top:2em; }
#sp_navi .drawer-menu li.sub { font-size:1.2em; }
#sp_navi .drawer-menu li span { font-family: A1 Gothic M; font-size:0.5em; line-height:1em; display:block; color:#ca678d; margin-top:0.7em; }

/* contents */
#contents { width:100%; float:none; overflow: hidden; margin-bottom:2em; }

/* header */
#header .logo { padding:1.2em 4% 1.2em 18%; position: static; width:100%; background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; margin:1em 0 1em 0; }
#header .logo img { height:auto; width:100%; }
.home #header .logo { padding:5em 0 3em 0; }
.home #header .logo img { height:auto; width:80%; }
#header .logo .intro { width:80%; border-top:solid 1px #ca678d; margin:3em auto 0 auto; }
#header .logo .intro h2 { font-size: 1.8em; line-height: 1em; padding:1.2em 0; vertical-align: middle; color:#ca678d; }
#header .logo .intro p { text-align: justify; font-size: 1.25em; color:#333; line-height:1.8em; }
#header .navi { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom:1.2em; }
#header .navi .gnavi { width:100%; overflow: hidden; margin-bottom:1.5em; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; }
#header .navi .gnavi li { width:33.3333%; }
#header .navi .gnavi li a { border-right:solid 1px #f1ede2; background-color: #fff; line-height: 5em; padding:0; display: block; font-size: 1em; letter-spacing: 0em; }
#header .navi .gnavi li:nth-child(1) a { background-color: #4593d0; color:#fff !important; }
#header .navi .gnavi li:nth-child(2) a { background-color: #00a7b2; color:#fff !important; }
#header .navi .gnavi li:nth-child(3) a { background-color: #ca678d; color:#fff !important; }
#header .navi .gnavi li:last-child a { border-right:none; }
#header .navi .snavi { width:100%; padding:0; margin-bottom:1.5em; }
#header .navi .snavi a { background:none !important; }
#header .navi .snavi ul { display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
#header .navi .snavi li { border-right:solid 1px #ca678d; padding-right:0.8em; margin-right:0.8em; line-height: 1em; font-size: 0.75em; letter-spacing: 0.1em; }
#header .navi .snavi li:last-child { border-right:none; padding-right:0; margin-right:0; }
#header .navi .cont {  }
#header .navi .cont li { float:left; margin-right:0.5em; }
#header .navi .cont li a { border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; background-color: #fff; color: #ca678d; text-align: center; display:block; font-size: 1.1em; line-height: 2.4rem; width:2.4rem; text-align: center; }
#header .navi .cont li a:hover { background-color: #ca678d; color: #fff; }
#header .navi .cont li:nth-child(2) a { font-size: 0.77em; }
#header .navi .cont li:nth-child(3) a { color:#ffffff; background-color: #ca678d; }
#header .navi .cont li:nth-child(3) a:hover { color:#ca678d; background-color: #ffffff; }
#header .navi .search { position:relative; width:45%; }
#header .navi .search input#search_keyword { font-family: 'Sawarabi Mincho',serif; width:100%; border-radius: 0.4em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; background-color: #ca678d; color:#fff; border:none; font-size:1em; line-height: 1em; padding:0.8em 1em; }
#header .navi .search input#search_bn { font-family: 'Sawarabi Mincho',serif; position: absolute; top:0; right:0; }
#header .navi .search:before { content:"\f002"; font-family: "Font Awesome 6 Free"; font-weight: 900; color:#ffffff; z-index: 999; position: absolute; top:0.75em; right:0.9em; }

/* banner_202104 */
#banner_202104 { clear:both; padding:0 0 1.5em 0; }

/* top */
#top_a { clear:both; }
#top_a .activity { display:flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }

#top_a .activity h2 { display:block; color:#fff !important; background-color: #00a7b2; font-size: 1.6em; line-height: 1.4em; padding:0.8em 5%; overflow: hidden; text-align: center; }
#top_a .activity h2 a { color:#fff !important; vertical-align: middle; }
#top_a .activity h2 a.backnumber { font-size: 0.7em; vertical-align: middle; margin-left:2em; }
#top_a .activity h2 a i { font-size: 0.6em; vertical-align: middle; margin-right:0.8em; }

#top_a .activity_left { width:100%; margin-bottom:2em; background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#top_a .activity_left ul { display:flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#top_a .activity_left li { font-size: 1.3em; line-height: 1.4em; width:100%; padding:2em 5% 1.5em 5%; border-right:solid 1px #f1ede2; }
#top_a .activity_left li:first-child { border-bottom:solid 1px #f1ede2; border-right:none; }
#top_a .activity_left li p { font-size: 0.8em; line-height: 1.8em; text-align: justify; display: block; margin-top:0.7em; }
#top_a .activity_left li img { margin-bottom:1em; }

#top_a .activity_right { width:100%; margin-bottom:2em; background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#top_a .activity_right li a { display:block; font-size: 1.4em; line-height: 1em; padding:1.9em 10%; text-align: left; border-bottom:solid 1px #f1ede2; }
#top_a .activity_right li a:before { content:"\f10c"; font-family:"Font Awesome 6 Free"; font-weight: 400; margin-right:0.5em; }
#top_a .activity_right li:last-child a { border:none; padding:1.9em 10%; border-bottom:none; }

#top_b { width:100%; float:none; margin-bottom:2em; }
#top_b .researchers { background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#top_b .researchers h2 a { color:#fff; background-color: #4593d0; font-size: 1.6em; line-height: 1.4em; padding:0.8em 10%; }
#top_b .researchers ul { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#top_b .researchers li { float:none; width:100%; border-right:none; border-bottom:solid 1px #f1ede2; padding:1em; }
#top_b .researchers li img { margin-bottom:1em; }
#top_b .researchers li:nth-child(2n) { border-right:solid none; }
#top_b .researchers li:nth-child(6),
#top_b .researchers li:nth-child(7),
#top_b .researchers li:nth-child(8),
#top_b .researchers li:nth-child(9) { width:100%; padding:1.2em 10% 1.2em 10%; text-align: left; }
#top_b .researchers li:nth-child(6):before,
#top_b .researchers li:nth-child(7):before,
#top_b .researchers li:nth-child(8):before,
#top_b .researchers li:nth-child(9):before { margin-right:0.5em; }

#top_c { width:100%; float:none; }
#top_c .tommo { background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; margin-bottom:2em; }
#top_c .tommo h2 a { color:#fff; background-color: #ca678d; font-size: 1.6em; line-height: 1.4em; padding:1em 10%; }
#top_c .tommo li a { font-size: 1.3em; line-height: 1em; padding:1.2em 10%; text-align: left; border-bottom:solid 1px #f1ede2; }
#top_c .tommo li a:before { margin-right:0.5em; }
#top_c .tommo li:last-child a { border-bottom:none; }
#top_c .banner ul { display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden;  margin-bottom:2em; border:solid 1px #ca678d; }
#top_c .banner li { width:50%; }
#top_c .banner li a { display:block; color:#ca678d; background-color: #fff; font-size: 1.3em; line-height: 1em; padding:1.25em 0; text-align: center;  }
#top_c .banner li a:hover { background-color: #ca678d; color:#fff; }
#top_c .banner li:last-child { border-left:solid 1px #ca678d; }
#top_c .nakaba { background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#top_c .nakaba dt { background-color: #ca678d; padding:1.5em 6em; }
#top_c .nakaba dt a { display:block; color:#fff; }
#top_c .nakaba dt img { width:100%; height:auto; }
#top_c .nakaba dd { text-align: justify; padding:1.75em 3em; font-size: 1em;  line-height: 2em; }
#top_c .kikin_bn { margin:2em 0 0 0; border-radius: 2em 0 2em 0; overflow: hidden; border:solid 1.5em #fff; background-color: #fff; }
#top_c .kikin_bn a { background-color: #ca678d; color:#fff; display:block; z-index: 1; font-size: 1.6em; line-height: 1; padding:1em 0.4em; border-radius: 1em 0 1em 0; overflow: hidden; border:solid 1em #ca678d; }
#top_c .kikin_bn a:hover { background-color: #fff; border:solid 1em #fff; color:#ca678d; }

/* main */
#main main { background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; text-align: left; overflow: hidden; }
#main .slide { margin-bottom:1em; }
#main h2 { font-size: 1.8em; line-height: 1.4em; padding:1.5em 7%; border-bottom:solid 1px #f1ede2; }
#main .pankuzu { font-size: 1em; line-height: 1.4em; padding:1em 7%; border-bottom:solid 1px #f1ede2; }
#main .entrybody { font-size: 1.2em; line-height: 1.8em; padding:2em 7%; }
#main .entrybody h3 { font-size: 1.4em; line-height: 1.5em; color: #D57B96; margin: 0 0 1em 0; clear: both; }
#main .entrybody h4 { font-size: 1.2em; line-height: 1.5em; color: #FFFFFF; background-color: #D57B96; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; padding:1.4em 1.5em; margin: 0 0 2em 0; clear: both; }
#main .entrybody h4 a { color:#fff; }
#main .entrybody h5 { font-size: 1.2em; line-height: 1.5em; border:solid 0.3em #D57B96; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; padding:0.8em 1.5em; margin: 0 0 2em 0; clear: both; }
#main .entrybody h6 { font-size: 1.2em; line-height: 1.5em; color: #000;  margin: 0 0 1em 0; padding:0.5em 1em; border-left: 0.5em solid #D37D99; clear: both; }
#main .entrybody p { font-size: 1em; line-height: 1.8em; margin: 0 0 2em 0; text-align: left; }
#main .entrybody p.caption { font-size: 0.8em; color: #D57B95; line-height: 1.6em; margin: 0 0 1em 0; }
#main .entrybody h3+h3,#main .entrybody h3+h4,#main .entrybody h3+h5,#main .entrybody h3+h6,
#main .entrybody h4+h3,#main .entrybody h4+h4,#main .entrybody h4+h5,#main .entrybody h4+h6,
#main .entrybody h5+h3,#main .entrybody h5+h4,#main .entrybody h5+h5,#main .entrybody h5+h6,
#main .entrybody h6+h3,#main .entrybody h6+h4,#main .entrybody h6+h5,#main .entrybody h6+h6,
#main .entrybody p+h3,#main .entrybody p+h4,#main .entrybody p+h5,#main .entrybody p+h6 { margin-top: 4em; }
#main .entrybody table { width: 100%; margin-bottom: 2em; margin-top: 2em; }
#main .entrybody th { font-size: 0.9em; line-height: 1.5em; padding: 1em; }
#main .entrybody td { font-size: 0.9em; line-height: 1.5em; padding: 1em; border-right: solid 1px #F1EDE2; }
#main .entrybody table { width:100%; display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; }
#main .entrybody table tbody { width:100%; display: block; }
#main .entrybody table td { max-width: 20em !important; width:20em !important; white-space: normal; }
#main .entrybody table.table_links { width: 100%; margin-bottom: 2em; margin-top: 2em; }
#main .entrybody table.table_links th { padding: 0.7em; }
#main .entrybody table.table_links td { padding: 0.7em; border-right: none; }
#main .entrybody table.table_links th img,#main .entrybody table.table_links td img { padding: 0; margin:0; }
#main .entrybody td:last-child { border-right: none; }
#main .entrybody table.line { width: 100%; margin-bottom: 2em; margin-top: 2em; border-top-width: 1px; border-top-style: solid; border-top-color: #F1EDE2; }
#main .entrybody .line th { font-size: 0.9em; line-height: 1.5em; padding: 1em 2em; border-left:solid 1px #F1EDE2; border-bottom: solid 1px #ffffff; border-right: solid 1px #ffffff; background-color: #F5F0E7; }
#main .entrybody .line tr:first-child th:last-child { border-right:solid 1px #F1EDE2; }
#main .entrybody .line tr:last-child th { border-bottom: solid 1px #F1EDE2; border-left:solid 1px #F1EDE2; }
#main .entrybody .line td { font-size: 0.9em; line-height: 1.5em; padding: 1em; border-right:solid 1px #F1EDE2; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #F1EDE2; }
#main .entrybody .line td:first-child { border-left:solid 1px #F1EDE2; }
#main .entrybody ul { margin: 2em 0; }
#main .entrybody h3+ul,#main .entrybody h4+ul,#main .entrybody h5+ul,#main .entrybody h6+ul { margin: 0 0 5em 0; }
#main .entrybody li { font-size: 1em; line-height: 1.5em; padding: 1em; background-image: url(../images/arrow_a.png); background-repeat: no-repeat; background-position: 15px 1em; background-color: #F1EDE2; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; margin-top: 15px; }
#main .entrybody li a {  }
#main .entrybody li a:before { content:"\f0da"; font-family:"Font Awesome 6 Free"; font-weight: 900; margin:0 0.5em; }
#main .entrybody dt { font-size: 1.1em; line-height: 1.5em; display: block; margin-bottom: 1.5em; }
#main .entrybody dd { font-size: 1.1em; line-height: 1.5em; display: block; margin-bottom: 1.5em; }
#main .entrybody img { max-width: 100%; height: auto; }
#main .entrybody .researchers_ul li { margin:0 0 3em 0; width:100%; float:none; }
#main .entrybody .researchers_ul li img { margin-bottom:1em; }

.activity #main h2 { color: #00a7b2; }
.activity #main .pankuzu li { color: #00a7b2; }
.activity #main .entrybody h3 { color: #00a7b2; }
.activity #main .entrybody h4 { background-color: #00a7b2; }
.activity #main .entrybody h4 a,.activity #main .entrybody h4 a:hover { color: #ffffff !important; }
.activity #main .entrybody h5 { border:solid 0.3em #00a7b2; }
.activity #main .entrybody h6 { border-left: 0.5em solid #00a7b2; }
.activity #main .entrybody p.caption { color: #00a7b2; }
.activity-child #main h2 { color: #00a7b2; }
.activity-child #main .pankuzu li { color: #00a7b2; }
.activity-child #main .entrybody h3 { color: #00a7b2; }
.activity-child #main .entrybody h4 { background-color: #00a7b2; }
.activity-child #main .entrybody h5 { border:solid 0.3em #00a7b2; }
.activity-child #main .entrybody h6 { border-left: 0.5em solid #00a7b2; }
.activity-child #main .entrybody p.caption { color: #00a7b2; }

.researchers #main h2 { color: #4593d0; }
.researchers #main .pankuzu li { color: #4593d0; }
.researchers #main .entrybody h3 { color: #4593d0; }
.researchers #main .entrybody h4 { background-color: #4593d0; }
.researchers #main .entrybody h4 a,.researchers #main .entrybody h4 a:hover { color: #ffffff !important; }
.researchers #main .entrybody h5 { border:solid 0.3em #4593d0; }
.researchers #main .entrybody h6 { border-left: 0.5em solid #4593d0; }
.researchers #main .entrybody p.caption { color: #4593d0; }
.researchers-child #main h2 { color: #4593d0; }
.researchers-child #main .pankuzu li { color: #4593d0; }
.researchers-child #main .entrybody h3 { color: #4593d0; }
.researchers-child #main .entrybody h4 { background-color: #4593d0; }
.researchers-child #main .entrybody h5 { border:solid 0.3em #4593d0; }
.researchers-child #main .entrybody h6 { border-left: 0.5em solid #4593d0; }
.researchers-child #main .entrybody p.caption { color: #4593d0; }

/* sns */
#main .sns { background-color: #FFF; text-align: left; margin: 0px; padding: 0 0 0 7%; display: block; position: static; border-bottom-left-radius: 0.4em; -webkit-border-bottom-left-radius: 0.4em; -moz-border-bottom-left-radius: 0.4em; border-bottom-right-radius: 0.4em; -webkit-border-bottom-right-radius: 0.4em; -moz-border-bottom-right-radius: 0.4em; min-height: 1em; clear: both; }
#main .sns li { float: left; margin-right: 10px; margin-bottom: 0px; }
#main .sns .facebook { width: 100px; }
#main .sns .twitter { width: 100px; }
#main .sns .line { display: none; margin-right: 0px; }

/* entrynews */
#main .entrybody.entrynews_list { padding:0; }
#main .entrybody.entrynews_list .entrynews { border-bottom:solid 1px #F1EDE2; padding:2em 10%; }
#main .entrybody .entrynews li, #main .entrybody .entrynews dt { font-size: 1.1em; line-height: 1.8em; }
#main .entrybody .entrynews dd { font-size: 1em; line-height: 1.8em; margin-bottom: 1em; }
#main .entrybody .entrynews .title { clear: both; font-size: 1.3em; line-height: 1.5em; margin-bottom: 0.5em; }
#main .entrybody .entrynews .date { float: none; margin-right: 1em; margin-bottom: 1em; line-height: 1em; font-size: 0.9em; }
#main .entrybody .entrynews .category { padding: 0px; margin: 0px; float: left; font-size: 0.9em; line-height: 1em; margin-bottom: 1.5em; }
#main .entrybody .entrynews .category .post-categories { margin: 0px; padding: 0px; }
#main .entrybody .entrynews .category .post-categories li { background-image: none; background-color: transparent; margin: 0px; padding: 0px; height: auto; line-height: 1em; font-size: 1em; float:left; border-left:solid 1px #999; padding:0 1em; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; }
#main .entrybody .entrynews .category .post-categories li a:before {  content:none;  }
#main .entrybody .entrynews .excerpt { clear: both; margin: 0px; padding: 0px; }
#main .entrybody .alignright { float: right; margin-bottom: 2em; margin-left: 3em; }
#main .entrybody .alignleft { float: left; margin-bottom: 2em; margin-right: 3em; clear: both; }
#main .entrybody .wp-caption.aligncenter { float: none; margin:3em auto 3em auto; width:77% !important; clear: both; }
#main .entrybody .wp-caption .wp-caption-text { font-size: 0.8em; margin:1em 0; }

/* archives */
#main .archives { text-align: center; padding:1em; border-bottom:solid 1px #F1EDE2; }
#main .archives dl { margin: 0px; display:flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; }
#main .archives dt { font-size: 1em; line-height: 1em; padding: 0 1em; margin:1em 0; }
#main .archives dd { font-size: 1em; line-height: 1em; border-left: solid 1px #999; padding: 0 1em; margin:1em 0;  }
#main .archives ul { margin: 0px; display:flex; flex-direction: row; justify-content: center; align-items: center; }
#main .archives li { font-size: 1em; line-height: 1em; border-left: solid 1px #999; padding: 0 1em; }
#main .archives li:last-child { border-right:solid 1px #999; }

/* pagenavi */
.wp-pagenavi { clear: both; text-align: center; letter-spacing: 0em; margin-bottom:1.5em; }
.wp-pagenavi a, .wp-pagenavi span { text-decoration: none; font-size: 1.2em; line-height: 1em; color: #CE7F9C; background-color: #F1EDE2; display: inline-block; text-align: center; padding: 0.8em; margin: 0.2em; min-width: 2.5em; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; letter-spacing: 0em; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { color: #FFF; background-color: #CE7F9C; letter-spacing: 0em; }
.wp-pagenavi span.current { font-weight: normal; letter-spacing: 0em; }

/* sep */
#main .entrybody h3.sep { margin-top: 2.5em; padding-top: 2.5em; border-top-width: 1px; border-top-style: solid; border-top-color: #F1EDE2; }
#main .entrybody h4.sep { margin-top: 40px; }

/* qa */
#main .entrybody .qa dt { background-image: url(../images/q.png); background-repeat: no-repeat; background-position: left top; padding-left: 60px; font-size: 120%; line-height: 1.5em; color: #CE7F9C; margin-top: 3em; min-height: 30px; }
#main .entrybody .qa dd { font-size: 90%; line-height: 2em; background-image: url(../images/a.png); background-repeat: no-repeat; background-position: left top; padding-left: 60px; }

/* org */
#main .entrybody #org { text-align: center; background-position: top; padding-bottom: 0; margin-bottom: 0; }
#main .entrybody #org.line_center { background-image: url(../images/line_h.png); background-repeat: repeat-y; background-position: center top; overflow: hidden; }
#main .entrybody #org.line_left { background-image: url(../images/line_h.png); background-repeat: repeat-y; background-position: 1em top; padding-top: 2em; margin-top:0; }
#main .entrybody #org li { background-image: none; padding: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 2em; margin-left: auto; text-align: center; width: auto; float: none; clear: both; }
#main .entrybody #org .outside { margin-top: 2em; }
#main .entrybody #org .outside li { background-color: #F1EEE2; color: #333; }
#main .entrybody #org .org_a { font-size: 1.2em; background-color: #666699; color: #FFF; padding: 1em; width: 80%; }
#main .entrybody #org .org_b { color: #FFF; background-color: #D57B95; padding: 1em;font-weight: 600; clear: both; font-size: 1.1em; width: 100%; margin-bottom: 0px; }
#main .entrybody #org .org_c { background-image: none; background-color: transparent; }
#main .entrybody #org .org_c li { display: block; margin: 0 auto 0 auto; width:80%; padding: 1em 2em; }
#main .entrybody #org .org_c li:first-child { margin: 0 auto 1em auto; width:80%; }
#main .entrybody #org .org_left { display: inline-block; float: left; clear: none; background-color: transparent; width: 48%; }
#main .entrybody #org .org_right { display: inline-block; float: right; clear: none; background-color: transparent; width: 48%; }
#main .entrybody #org h3+ul { margin:0; }
#main .entrybody #org ul li { margin-bottom: 0.8em; color: #FFF; padding: 1em; text-align: center; }
#main .entrybody #org .org_box { background-image: url(../images/line_w.png); background-repeat: no-repeat; background-position: 1em 2em; overflow: hidden; background-color: transparent; }
#main .entrybody #org .org_box_bottom { background-image: url(../images/line_w_org.png); background-repeat: no-repeat; background-position: 0.9em 2em; overflow: hidden; background-color: transparent; }
#main .entrybody #org .org_box .org_in_box { border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; background-color: #F1EDE2; padding: 1em; overflow: hidden; margin-bottom: 0px; margin-left: 3em; }
#main .entrybody #org .org_box h3 { text-align: left; font-size: 1.3em; line-height: 1.5em; }
#main .entrybody #org .org_box h3 i { margin-right: 0.4em; margin-bottom: 0.4em; }
#main .entrybody #org .org_box ul { width: 100%; }
#main .entrybody #org .org_box a:before { content:""; margin:0; }
#main .entrybody #org li a:link, #main .entrybody #org li a:visited, #main .entrybody #org li a:active { padding:0.5em 1em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; background-color: #D57B95; display: block; color: #FFF; }
#main .entrybody #org li a:hover { border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; background-color: #FFFFFF; display: block; color: #D57B95; }
#main .entrybody #org li { border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; background-color: #D57B95; }
#main .entrybody #org li.org_box li { font-size: 1em; text-align: left; float: none; width: 100%; clear: none; margin-right: 0; }
#main .entrybody #org li.org_box li:nth-child(2n) { margin-right: 0; }
#main .entrybody #org li.org_box li a { position: relative; display:block; padding-left:2.2em; }
#main .entrybody #org li.org_box .spbr { display: block; }
#main .entrybody #org li.org_box li i { position: absolute; top:1em; left:1.2em; font-size: 0.9em; }
#main .entrybody #org li.org_box li.l2 i { margin-right: 0.2em; margin-top:0.8em; }
#main .entrybody #org h3 a { padding:0 !important; }
#main .entrybody #org h3.bumon_1 { color: #696; }
#main .entrybody #org .bumon_1 li a:link, #main .entrybody #org .bumon_1 li a:visited, #main .entrybody #org .bumon_1 li a:active { color: #fff !important; background-color: #696; }
#main .entrybody #org .bumon_1 li a:hover { background-color: #FFF; color: #696 !important; }
#main .entrybody #org .bumon_1 li { background-color: #696; padding: 0px; }
#main .entrybody #org h3.bumon_2 { color: #35B2B2; }
#main .entrybody #org .bumon_2 li { background-color: #35B2B2; padding: 0px; }
#main .entrybody #org .bumon_2 li:last-child, #main .entrybody #org .bumon_2 li a:link, #main .entrybody #org .bumon_2 li a:visited, #main .entrybody #org .bumon_2 li a:active { color: #fff !important; background-color: #35B2B2; padding-top: 10px; padding-bottom: 10px; }
#main .entrybody #org .bumon_2 li a:hover { color: #35B2B2 !important; background-color: #FFF; }
#main .entrybody #org .bumon_2 li:nth-child(2) { text-indent: 1em; }
#main .entrybody #org h3.bumon_3 { color: #69C; }
#main .entrybody #org h3.bumon_3 a { background-color: transparent; color: #69C !important; }
#main .entrybody #org .bumon_3 li { background-color: #69C; padding: 0px; }
#main .entrybody #org .bumon_3 li a:link, #main .entrybody #org .bumon_3 li a:visited, #main .entrybody #org .bumon_3 li a:active { color: #fff !important; background-color: #69C; }
#main .entrybody #org .bumon_3 li a:hover { background-color: #FFF; color: #69C !important; }
#main .entrybody #org h3.bumon_4 { color: #963; }
#main .entrybody #org h3.bumon_4 a { background-color: transparent; color: #963 !important; }
#main .entrybody #org h3.bumon_4.nowrap { width: auto; margin-bottom: 2em; }
#main .entrybody #org .org_box h3.bumon_4.nowrap i { display: inline; margin-bottom: 2em; }
#main .entrybody #org .bumon_4 li { padding: 0px; }
#main .entrybody #org .bumon_4 li a:link, #main .entrybody #org .bumon_4 li a:visited, #main .entrybody #org .bumon_4 li a:active { color: #fff !important; background-color: #963; }
#main .entrybody #org .bumon_4 li a:hover { background-color: #FFF; color: #963 !important; }

/* pr */
#main .entrybody .pr dl { margin-bottom: 60px; }
#main .entrybody .pr dt { float: left; clear: both; margin-right: 30px; margin-bottom: 40px; }
#main .entrybody .pr dd { float: left; vertical-align: middle; }

/* news */
#news { background-color: #FFF; text-align: center; width:100%; padding:3em 0; margin:0 auto 2.5em auto; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#news .news_navi { margin:0 0 2em 0;  display:flex; flex-direction: column; justify-content: space-between; align-items: center; }
#news h2 { font-size: 2em; line-height: 1em; margin-bottom:1.5em; }
#news h2 a { color: #D57B95; }
#news h2 a:hover { color: #333; }
#news .category { display:flex; flex-direction: row; justify-content: left; align-items: center; margin-bottom:1.5em; }
#news .category li { font-size: 0.9em; padding:0 1em; border-left:solid 1px #333; line-height: 1em; }
#news .category li:first-child { border-left:none; }
#news .category li:last-child { border-right:none; }
#news .news_box { clear:both; display:block; padding:0 8%; }
#news .news_box li { font-size: 1em; margin-top:1.3em; line-height: 1.2em; text-align: left; }
#news .news_box li dl { display:flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }
#news .news_box li dt { width:50%; font-size: 0.8em; padding-left:0.5em; color:#333; text-align: left; }
#news .news_box li dd.cat { width:30%; font-size: 0.8em; line-height: 1em; text-align: center; border-left:solid 1px #333; border-right:solid 1px #333; }
#news .news_box li dd.title { width:100%; font-size: 1.3em; line-height: 1.4em; margin-top:0.5em; }

/* michi */
#michi header { background-color: #ca678d; display:flex; flex-direction: column; justify-content: space-between; align-items: center; }
#michi header h2 { border:none; padding:1.5em; margin:auto; width:100%; }
#michi header p { color:#ffffff; padding:0em 2em 1.5em 2em; margin:auto; width:100%; font-size: 1.1em; text-align: justify; line-height: 1.8em; }
#michi .michi_list { display:flex; flex-direction: column; justify-content: space-between; align-items: center; padding:2em; border-bottom:solid 1px #f1ede2; }
#michi .michi_list.none { border-bottom:none; }
#michi .michi_list .logo { width:45%; text-align: center; margin:1em auto 2em auto; }
#michi .michi_list .logo img { width:60%; display:block; margin:0 auto 1em auto; }
#michi .michi_list dl { width:100%; padding-left:0; }
#michi .michi_list dl dt { margin-bottom:1.5em; }
#michi .michi_list dl dt span { background-color: #ca678d; color:#ffffff; padding:0.4em 1em; line-height: 1em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#michi .michi_list dl dd.title { margin-bottom:0.5em; font-size: 1.6em; }
#michi .michi_list dl dd.ex { line-height: 1.8em; }
#michi_ex header { padding:0; margin:0; }
#michi_ex header h2 { display:flex; flex-direction: column; justify-content: space-between; align-items: center; padding:1.5em; margin:0; width:100%; font-size: 2em; }
#michi_ex header h2:after { content:none; padding:0; margin:0; }
#michi_ex header h2 img { width:25%; margin:0.5em 0; }
#michi_ex .michi_tag { margin-bottom:3em; }
#michi_ex .michi_tag span { background-color: #ca678d; color:#ffffff; padding:0.4em 1em; line-height: 1em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }

/* side */
#side { width:100%; float:left; text-align: left; }
#side .logo { padding:3em 0; margin:0 0 2em 0; text-align: center; background-color: #fff; border-radius: 0 0 0.8em 1em; -webkit-border-radius: 0 0 1em 1em; -moz-border-radius: 0 0 1em 1em; }
#side .logo a { display:block; }
#side .logo img { height:auto; width:70%; }
#side aside dl { overflow: hidden; margin-bottom:2em; border-radius: 0.5em; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; }
#side aside dt { width:25%; text-align: center; float:left; height:3em; background-color: #ca678d; color:#fff; font-size: 1em; line-height: 1em; padding:1em 0; }
#side aside dt a { color:#fff !important; }
#side aside dd { width:75%; float:right; height:3em; background-color: #fff; font-size: 1em; letter-spacing: 0.05em; line-height: 1em; overflow: hidden; padding:1em 1em; white-space: nowrap; }
#side aside dd .date { border-right:solid 1px #f1ede2; padding-right:0.5em; margin-right:0.5em; display: inline-block; }
#side aside dd a { display: inline-block; margin-right:3em; }
#side nav { clear: both; background-color: #fff; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; margin-bottom:1em; }
#side nav .nav_title a { display:block; font-size: 1.4em; color:#fff !important; line-height: 1em; padding:1.5em 10%; }
#side nav ul { padding:1.5em 0 2em 10%; }
#side nav li { font-size: 1.3em; line-height: 1em; padding:0.8em 0; }
#side nav li a:before { content:"\f10c"; font-family:"Font Awesome 6 Free"; font-weight: 400; margin-right:0.5em; }
#side nav.tommo .nav_title a { color:#fff !important; background-color: #ca678d; }
#side nav.activity .nav_title a { color:#fff !important; background-color: #00a7b2; }
#side nav.researchers .nav_title a { color:#fff !important; background-color: #4593d0; }
#side .banner li { margin-bottom:1.5em; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; overflow: hidden; }
#side .banner li a { display:block; font-size: 1.3em; line-height: 1em; padding:1.5em 15%; text-align: left; color:#fff !important; background-color: #ca678d;  }
#side .banner li a:before { content:"\f10c"; font-family:"Font Awesome 6 Free"; font-weight: 400; margin-right:0.5em; }
#side .banner li:last-child { border-bottom:none; }

/* footer */
#footer { position:relative; width:100%; clear: both; padding:3em 0; }
#footer a { display:block; }
#footer img { width:90%; height:auto; }
#footer .snss { position: static; margin-bottom:3em; }
#footer .snss li { display: inline-block; }
#footer .snss li a { background:none; font-size: 2.5em; padding:0; line-height: 1em; margin: 0 0.3em; }
#footer .snss li a .fa-facebook { color:#0866ff; }
#footer .snss li a .fa-x-twitter { color:#000000; }

/* tab */
.tab-container .tab-toggle { display: none; }
.tab-container { position: relative; height:18em; width:100%; }
.tab-container .tab-content-container { height: 0; opacity: 0; overflow: hidden; position: absolute; width:100%; }
.tab-container .tab-content-container .tab-content { opacity: 0; padding: 0; transition: opacity 0.1s ease-in; }
.tab-container .tab { cursor: pointer; opacity: 1; display: block; position: relative; }
.tab-container .tab-toggle { display: none; }
.tab-container .tab-toggle.active + .tab, .tab-container .tab-toggle:checked + .tab { }
.tab-container .tab-toggle.active ~ .tab-content-container, .tab-container .tab-toggle:checked ~ .tab-content-container { height: auto; opacity: 1; }
.tab-container .tab-toggle.active ~ .tab-content-container .tab-content, .tab-container .tab-toggle:checked ~ .tab-content-container .tab-content { opacity: 1; }
.tab-container .tab-toggle.active ~ .tab-content-container .tab-content label, .tab-container .tab-toggle:checked ~ .tab-content-container .tab-content label { opacity: 1; }

}
@media screen and (max-width: 374px) {
body { font-size: 11px; }
}
@media screen and (min-width: 600px) and (max-width: 1280px) {
body { font-size: 12px; }
}
@media screen and (min-width: 1281px) and (max-width: 1300px) {
body { font-size: 12.18px; }
}
@media screen and (min-width: 1301px) and (max-width: 1325px) {
body { font-size: 12.36px; }
}
@media screen and (min-width: 1326px) and (max-width: 1350px) {
body { font-size: 12.54px; }
}
@media screen and (min-width: 1351px) and (max-width: 1375px) {
body { font-size: 12.72px; }
}
@media screen and (min-width: 1376px) and (max-width: 1400px) {
body { font-size: 12.9px; }
}
@media screen and (min-width: 1401px) and (max-width: 1425px) {
body { font-size: 13.08px; }
}
@media screen and (min-width: 1426px) and (max-width: 1450px) {
body { font-size: 13.26px; }
}
@media screen and (min-width: 1451px) and (max-width: 1475px) {
body { font-size: 13.44px; }
}
@media screen and (min-width: 1476px) and (max-width: 1500px) {
body { font-size: 13.62px; }
}
@media screen and (min-width: 1501px) and (max-width: 1525px) {
body { font-size: 13.8px; }
}
@media screen and (min-width: 1526px) and (max-width: 1550px) {
body { font-size: 13.98px; }
}
@media screen and (min-width: 1551px) and (max-width: 1575px) {
body { font-size: 14.16px; }
}
@media screen and (min-width: 1576px) and (max-width: 1600px) {
body { font-size: 14.34px; }
}
@media screen and (min-width: 1601px) and (max-width: 1625px) {
body { font-size: 14.52px; }
}
@media screen and (min-width: 1626px) and (max-width: 1650px) {
body { font-size: 14.7px; }
}
@media screen and (min-width: 1651px) and (max-width: 1675px) {
body { font-size: 14.88px; }
}
@media screen and (min-width: 1676px) and (max-width: 1700px) {
body { font-size: 15px; }
}
