@charset "utf-8";
/* ============================================================
	研究所共通
	============================================================ */

/**
 * ページ全体に関わる要素のみ記載
 */

html,
body {
    /* height: 100%; */
    padding: 0;
    margin: 0;
    color: #000000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

body {
    height: inherit;
}

/* Font
	============================================================ */

@media screen and (min-width: 751px) {
    body {
        -webkit-text-size-adjust: 100%;
        font-size: 12.5px;
    }
}

@media screen and (max-width: 750px) {
    body {
        -webkit-text-size-adjust: none;
    }
}

/* bulma generic.sassの色指定を相殺 */

strong,
em {
    color: inherit !important;
}

a {
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    text-decoration: none;
}

a:hover {
    opacity: 0.6;
}

img {
    border: none;
}

ul,
ol {
    list-style-type: none;
}

/* 汎用属性
	============================================================ */

@media screen and (max-width: 750px) {
    .s90 img {
        max-width: 90%;
    }
    .s80 img {
        max-width: 80%;
    }
    .s70 img {
        max-width: 70%;
    }
    .s60 img {
        max-width: 60%;
    }
    .s50 img {
        max-width: 50%;
    }
    .s40 img {
        max-width: 40%;
    }
    .s30 img {
        max-width: 30%;
    }
    .s20 img {
        max-width: 20%;
    }
    .s10 img {
        max-width: 10%;
    }
}

@media screen and (min-width: 751px) {
    .w1000 img {
        max-width: 1000px;
    }
    .w800 img {
        max-width: 800px;
    }
    .w790 img {
        max-width: 790px;
    }
    .w780 img {
        max-width: 780px;
    }
    .w770 img {
        max-width: 770px;
    }
    .w760 img {
        max-width: 760px;
    }
    .w750 img {
        max-width: 750px;
    }
    .w740 img {
        max-width: 740px;
    }
    .w730 img {
        max-width: 730px;
    }
    .w720 img {
        max-width: 720px;
    }
    .w710 img {
        max-width: 710px;
    }
    .w700 img {
        max-width: 700px;
    }
    .w690 img {
        max-width: 690px;
    }
    .w680 img {
        max-width: 680px;
    }
    .w670 img {
        max-width: 670px;
    }
    .w660 img {
        max-width: 660px;
    }
    .w650 img {
        max-width: 650px;
    }
    .w640 img {
        max-width: 640px;
    }
    .w630 img {
        max-width: 630px;
    }
    .w620 img {
        max-width: 620px;
    }
    .w610 img {
        max-width: 610px;
    }
    .w600 img {
        max-width: 600px;
    }
    .w590 img {
        max-width: 590px;
    }
    .w580 img {
        max-width: 580px;
    }
    .w570 img {
        max-width: 570px;
    }
    .w560 img {
        max-width: 560px;
    }
    .w550 img {
        max-width: 550px;
    }
    .w540 img {
        max-width: 540px;
    }
    .w530 img {
        max-width: 530px;
    }
    .w520 img {
        max-width: 520px;
    }
    .w510 img {
        max-width: 510px;
    }
    .w500 img {
        max-width: 500px;
    }
    .w490 img {
        max-width: 490px;
    }
    .w480 img {
        max-width: 480px;
    }
    .w470 img {
        max-width: 470px;
    }
    .w460 img {
        max-width: 460px;
    }
    .w450 img {
        max-width: 450px;
    }
    .w440 img {
        max-width: 440px;
    }
    .w430 img {
        max-width: 430px;
    }
    .w420 img {
        max-width: 420px;
    }
    .w410 img {
        max-width: 410px;
    }
    .w400 img {
        max-width: 400px;
    }
    .w390 img {
        max-width: 390px;
    }
    .w380 img {
        max-width: 380px;
    }
    .w370 img {
        max-width: 370px;
    }
    .w360 img {
        max-width: 360px;
    }
    .w350 img {
        max-width: 350px;
    }
    .w340 img {
        max-width: 340px;
    }
    .w330 img {
        max-width: 330px;
    }
    .w320 img {
        max-width: 320px;
    }
    .w310 img {
        max-width: 310px;
    }
    .w300 img {
        max-width: 300px;
    }
    .w290 img {
        max-width: 290px;
    }
    .w280 img {
        max-width: 280px;
    }
    .w270 img {
        max-width: 270px;
    }
    .w260 img {
        max-width: 260px;
    }
    .w250 img {
        max-width: 250px;
    }
    .w240 img {
        max-width: 240px;
    }
    .w230 img {
        max-width: 230px;
    }
    .w220 img {
        max-width: 220px;
    }
    .w210 img {
        max-width: 210px;
    }
    .w200 img {
        max-width: 200px;
    }
    .w190 img {
        max-width: 190px;
    }
    .w180 img {
        max-width: 180px;
    }
    .w170 img {
        max-width: 170px;
    }
    .w160 img {
        max-width: 160px;
    }
    .w150 img {
        max-width: 150px;
    }
    .w140 img {
        max-width: 140px;
    }
    .w130 img {
        max-width: 130px;
    }
    .w120 img {
        max-width: 120px;
    }
    .w110 img {
        max-width: 110px;
    }
    .w100 img {
        max-width: 100px;
    }
    .w50 img {
        max-width: 50px;
    }
}

.ml0 {
    margin-left: 0 !important;
}

.ml01 {
    margin-left: 1px !important;
}

.ml05 {
    margin-left: 5px !important;
}

.ml08 {
    margin-left: 8px !important;
}

.ml13 {
    margin-left: 13px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml24 {
    margin-left: 24px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml32 {
    margin-left: 32px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml53 {
    margin-left: 53px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.mb03 {
    margin-bottom: 3px !important;
}

.mb00 {
    margin-bottom: 0px !important;
}

.mb05 {
    margin-bottom: 5px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mr20 {
    margin-right: 20px;
}

.mt01 {
    margin-top: 1px !important;
}

.mt05 {
    margin-top: 5px !important;
}

/* ラッパー
	============================================================ */

#wrapper {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 751px) {
    #wrapper {
        min-width: 1000px;
    }
}

/* ラッパー２（ラッパーの内側にある）
	============================================================ */

#wrapper2 {
    position: relative;
    max-width: 1000px;
}

/* TOPへ戻るボタン
	============================================================ */

@media screen and (min-width: 751px) {
    #gotop {
        display: none !important;
    }
}

@media screen and (max-width: 750px) {
    #gotop {
        margin: 0;
        padding: 10px 15px;
    }
    #gotop:after {
        content: "";
        display: block;
        clear: both;
    }
    #gotop a {
        display: block;
        float: right;
        width: 37px;
        height: 0;
        padding-top: 37px;
        overflow: hidden;
        background: url(/lab/common/img/gotop.gif) no-repeat center center;
        background-size: 100%;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }
}

/* 汎用
	============================================================ */

.c_text {
    text-align: center;
}

.blockTemplateArea .s_list ul li {
    margin: 0;
}

.blockTemplateArea .chushaku ul li {
    font-size: 14px;
    line-height: 20px;
    color: #666;
}

.blockTemplateArea .chushaku {
    margin-top: 5px;
    margin-bottom: 1.5em;
}

.blockTemplateArea .chushaku .marker {
    margin: 0 !important;
    font-weight: normal !important;
    font-size: 1em;
}

.divide-block.column-layout-2.column_2box>.divide-block-inner {
    display: flex;
    align-items: flex-start;
}

.divide-block.column-layout-2.column_2box>.divide-block-inner .item-divide:first-child {
    margin-right: 1em;
    padding: 0 0 10px 20px;
}

#article .divide-block.column-layout-2.column_2box>.divide-block-inner .item-divide:first-child .figureBlock {
    margin: 0;
}

/* 行き場のない汎用っぽいもの
	============================================================ */

@media screen and (max-width: 750px) {
    .date {
        font-size: 12px;
        border-width: 2px;
    }
    .divide-block.column-layout-2.column_2box>.divide-block-inner {
        display: block;
    }
    .divide-block.column-layout-2.column_2box>.divide-block-inner .item-divide:first-child {
        padding: 0 0 1.5em;
        margin: 0;
    }
}