<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


/* -------------------------- */
/* --------top main-------- */
/* -------------------------- */

#brain-dock .brain-dock_bg{
background-image: url(../img/brain-dock_main.jpg);
background-color: #DBE0E6;
background-size: auto 100%;
background-repeat: no-repeat;
background-position: top right;
width: 100%;
margin-bottom: 50px;
}
.brain-dock_main{
width: min(80%, 1000px);
margin: 0 auto 100px auto;
}

/* 緑背景囲み */
.brain-dock_main_detail_pc,
.brain-dock_main_detail_sp{
width: 55%;
background: url(../img/brain-dock_item_bg.jpg);
background-position: center;
background-size: auto;
background-repeat: repeat;
box-sizing: border-box;
padding: 50px 35px 35px 35px;
margin-bottom: -150px;
box-sizing: border-box;
}

.brain-dock_main_detail_sp{display: none;}


@media screen and (max-width: 1200px) {
#brain-dock .brain-dock_bg{
background-image: url(../img/brain-dock_main_sp.jpg);
background-color:#fff;
height: 40vw;
}
/* 緑背景囲み */
.brain-dock_main_detail_sp{
width: 60%;
display:block;
margin:-35vw auto 50px 5%;
}
.brain-dock_main{display: none;}
.brain-dock_title{font-size: 1.5rem;}
.brain-dock_main_detail_sp h2{font-size: 1.2rem;}
}



/* タイトルh1 */
.brain-dock_title{
background-repeat: no-repeat;
background-position: top right;
background-size: 70%;
font-size: 1.7rem;
letter-spacing: 2px;
margin-bottom: 40px;
}
.brain-dock_title &gt; span{
display: block;
background-color: #11BA71;
background-image: url(../../common/img/back_pattern_02.svg);
background-size: 7%;
color: #fff;
text-align: center;
box-sizing: border-box;
}
.brain-dock_title &gt; span &gt; span {
position: relative;
padding: 15px 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.brain-dock_title &gt; span &gt; span::before,
.brain-dock_title &gt; span &gt; span::after {
position: absolute;
top: 0;
content: '';
width: 20px;
height: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.brain-dock_title &gt; span &gt; span::before {
left: 0;
border-left: 1px solid #fff;
}
.brain-dock_title &gt; span &gt; span::after {
right: 0;
border-right: 1px solid #fff;
}



/* タイトルh2 */
.brain-dock_main_detail_pc h2,
.brain-dock_main_detail_sp h2{
font-size: 1.4rem;
display: block;
margin: 0px 0 20px 0;
color:#fff;
font-weight: 600;
}
/* Android対策 */
.android .brain-dock_main_detail_pc h2,
.android .brain-dock_main_detail_sp h2{font-weight: 700;}


.brain-dock_main_detail_pc h2::before,
.brain-dock_main_detail_sp h2::before{
content: "";
display: block;
width: 6px;
height: 12%;
background: #fff;
position: absolute;
left: 0;
margin: 1% 0 0 0;
}

/* 本文 */
.brain-dock_main_detail_pc p,
.brain-dock_main_detail_sp p{
font-size: 0.9rem;
font-weight: normal;
line-height: 1.5rem;
color:#fff;
}


/* -------------------------- */
/* --------脳ドック受診-------- */
/* -------------------------- */

.dock_01{background: url(../img/maru.png) no-repeat; background-position: center; background-size: 30%; margin: 0 auto 55px auto;}
.dock_02{background: url(../img/batu.png) no-repeat; background-position: center; background-size: 30%;}

.dock_01 .dock_item,.dock_02 .dock_item{width: min(100%, 515px); margin: 0 auto;}
.dock_01 h2,.dock_02 h2 { margin: 0 0 5px 0; text-align: center; font-weight: 600;}
/* Android対策 */
.android .dock_01 h2,.android .dock_02 h2 {font-weight: 700;}

.dock_01 p.center,.dock_02 p.center{text-align: center;}
.dock_01 p,.dock_02 p{font-size: 0.9rem; margin: 10px 0;}
.dock_01 ul{width: min(100%, 390px);margin: 10px auto;}
.dock_02 ul{width: min(100%, 450px); margin: 10px auto;}
.dock_01 li:nth-child(odd){width:65%;}
.dock_01 li:nth-child(even){width:35%;}
.dock_02 li{width: 100%;}
.dock_01 li,.dock_02 li{font-size: 0.9rem; text-indent: -1.2rem; padding-left: 1.2rem; box-sizing: border-box;}
.dock_01 li::before,
.dock_02 li::before{
    content: "";
    background: url(../img/check_icon.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0 5px 0 0;
    vertical-align: -2px;
}



/* -------------------------- */
/* ----脳ドックで見つかる病気---- */
/* -------------------------- */
.found_bg{
    width: 100%;
    background: url(../img/brain-dock_item_bg02.jpg);
    background-position: center;
    background-size: auto;
    background-repeat: repeat;
    margin: 0 0 150px 0;
}

.found_content{
    width: min(80%, 1000px);
    margin: 50px auto;
    padding:0;
    box-sizing: border-box;
    }

.found_content p{
    font-size: 0.9rem;
    line-height: 1.5rem;
}

.found_content ul{
    width: 100%;
    margin: 60px 0;
    align-items: stretch;
}

.found_content ul li{
    position: relative;
    box-sizing: border-box;
    padding: 32px;
    background: #fff;
    border: solid 1px #11BA71;
    margin: 0 0 30px 0;
}

.found_content ul li:nth-child(1),
.found_content ul li:nth-child(2),
.found_content ul li:nth-child(4),
.found_content ul li:nth-child(5){width: 48%;}
.found_content ul li:nth-child(3){width: 100%;}

.found_content ul li::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 150px;
    height: 6px;
    background: #11BA71;
}


.found_content ul li h3{ text-align: center; font-weight: 600;}
/* Android対策 */
.android .found_content ul li h3{ text-align: center; font-weight: 700;}

.found_content ul li p{margin: 0 0 15px 0;}
.found_content ul li img{ text-align: center; display: block; margin: 0 auto;}

.found_table{margin: 30px 0 0 0;}
.found_table h4{ text-align: center; font-size: 1.1rem; line-height: 1.4rem; margin: 0 0 15px 0; font-weight: 600;}
/* Android対策 */
.android .found_table h4{font-weight: 700;}

.found_table h4 span{font-size: 1rem;}
.found_table table caption{text-align: right; caption-side: bottom; margin: 6px 0 0 0; font-size: 0.75rem;}
.found_table .table_02 tr.table_line th{text-align: left;}
.found_table table td{text-align: center;}


.red{display: none;}</pre></body></html>