@charset "UTF-8";

.pc_no{display: none;}

/* ----------------------- */
/* -----共通------ */
/* ----------------------- */
/* 比較 */
.subject{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content:space-between;
}
.subject .shadow_box{
width: 49%;
border-top: 5px solid;
display: flex;
flex-direction: column;
}
.subject .shadow_box.physician{border-color: #009245;}
.subject .shadow_box.instructor{border-color: #2a899d;}

.subject .shadow_box h5{font-size: 1.5rem; text-align: center; margin-bottom: 20px;}
.subject .shadow_box.physician h5{color: #009245;}
.subject .shadow_box.instructor h5{color: #2a899d;}

.subject .shadow_box h6{font-size: 1.3rem; margin-top: 20px;}
.subject .shadow_box.physician h6{color: #009245;}
.subject .shadow_box.instructor h6{color: #2a899d;}

.subject .shadow_box > ul{margin-bottom: 20px;}
.subject .shadow_box > ul > li{list-style:circle; margin-left: 15px; margin-bottom: 7px;}

.subject .shadow_box > ul > li span{display: inline-block;margin: 0 3px;}
.subject .shadow_box > ul > li span::before{
content: "Web DL";
color: #fff;
font-size: 0.7rem;
padding: 3px 5px;
line-height: 0;
vertical-align:middle;
}
.subject .shadow_box.physician > ul > li span{background-color: #009245;}
.subject .shadow_box.instructor > ul > li span{background-color: #2a899d;}

.subject .shadow_box .shadow_box__dl{
background-color: #f2f2f2;
text-align: center;
padding: 20px;
margin-top: auto;
}
.subject .shadow_box .bt_02{margin: 5px auto; font-size: 0.8rem;}
.subject .shadow_box.physician .bt_02{background-color: #009245;}
.subject .shadow_box.instructor .bt_02{background-color: #2a899d;}
.subject .shadow_box .shadow_box__dl .bt_02{width: 80%;}

@media screen and (max-width: 900px) {
.subject .shadow_box{width: 100%; margin-bottom: 20px;}
}





/* -------------------------- */
/* --------title-------- */
/* -------------------------- */
#certification .p_title{background-image: url(../img/certification_main.jpg);}
#certification .p_title.img_no{background-image: none;}
/*
#certification .p_title > span > span > span::after{
content: "（2024年度からスタート）";
font-size: 0.7rem;
position: absolute;
bottom:-5px;
left:0;
width: 100%;
}
*/




/* -------------------------- */
/* -----脳ドック認定医------ */
/* -------------------------- */
.certification_info{padding-top: 70px;}

.certification_info .title_01 span{display: block; font-size: 1.0rem;}

.certification_info .certification_info_attention{
border: 1px solid;
border-width: 1px 0;
padding: 20px;
margin-bottom: 40px;
background-color: #f5f4f4;
}

.certification_info div{margin-bottom: 20px;}
.certification_info ol{
margin-left: 1.2rem;
margin-bottom: 15px;
list-style: none;
counter-reset: num;
border-bottom: 1px dotted #cccccc;
}
.certification_info ol li{
margin-bottom: 7px;
border-top: 1px dotted #cccccc;
padding-top: 5px;
}
.certification_info ol li::before{
margin-left: -1.2rem;
counter-increment:num;
content: counter(num)". ";
color: #00a79b;
}

.certification_info .txt_img figure{width: 363px; word-wrap: break-word;}
.certification_info .txt_img figure img{width: 100%;}
.certification_info .txt_img figure figcaption{margin-top: 10px;}
@media screen and (max-width: 960px) {.certification_info .txt_img figure{width: 45%;}}




/* ----------------------- */
/* -----認定医・認定指導士------ */
/* ----------------------- */
.certification_d_i{
width: 100%;
background-image: url(../img/brain-dock_item_bg02.jpg);
background-position: center;
background-size: auto;
background-repeat: repeat;
}

/* テーブル */
.c_d_i_table{border-collapse:collapse;}
.c_d_i_table th{
padding: 5px 10px;
white-space: nowrap;
vertical-align: top;
}
.c_d_i_table td{padding: 15px 15px; vertical-align: top;}
/* th 横 */
.c_d_i_table tr:nth-child(1) th{color: #fff;}
.c_d_i_table tr:nth-child(1) th:nth-child(2){background-color: #009245; width: 45%;}
.c_d_i_table tr:nth-child(1) th:nth-child(3){background-color: #2a899d; width: 45%;}
/* th 縦 */
.c_d_i_table tr:nth-child(2) th:first-child,
.c_d_i_table tr:nth-child(4) th:first-child{background-color: #fff; padding: 15px 15px;}
.c_d_i_table tr:nth-child(3) th:first-child,
.c_d_i_table tr:nth-child(5) th:first-child{background-color: #f2f2f2; padding: 15px 15px;}
/* td 認定医 */
.c_d_i_table tr:nth-child(2) td:nth-child(2),
.c_d_i_table tr:nth-child(4) td:nth-child(2){background-color: #ebf7f2;}
.c_d_i_table tr:nth-child(3) td:nth-child(2),
.c_d_i_table tr:nth-child(5) td:nth-child(2){background-color: #dcefe7; text-align: center;}
/* td 認定指導士 */
.c_d_i_table tr:nth-child(2) td:nth-child(3),
.c_d_i_table tr:nth-child(4) td:nth-child(3){background-color: #f0feff;}
.c_d_i_table tr:nth-child(3) td:nth-child(3),
.c_d_i_table tr:nth-child(5) td:nth-child(3){background-color: #e2f4f7; text-align: center;}
/* 太文字 */
.c_d_i_table tr td:nth-of-type(1) strong{color: #11ba71; font-size: 1.3rem;}
.c_d_i_table tr td:nth-of-type(2) strong{color: #2a899d; font-size: 1.3rem;}

/* 強制背景白 */
.b_w{background-color: #fff!important;}
.b_g_r{background-color: #ebf7f2!important;}
.b_b_r{background-color: #f0feff!important;}


/* テーブル内リスト */
.c_d_i_table td:nth-of-type(1) > ul > li{color: #009245;}
.c_d_i_table td:nth-of-type(2) > ul > li{color: #2a899d;}
.c_d_i_table td > ul > li::before{
content: "";
width: 10px;
height: 10px;
display:inline-block;
margin-right: 3px;
margin-left: -13px;
}
.c_d_i_table td > ul > li{margin: 0 0 15px 13px;}
.c_d_i_table td:nth-of-type(1) li::before{background-image: url(/certification/img/certification_icon_10.svg);}
.c_d_i_table td:nth-of-type(2) li::before{background-image: url(/certification/img/certification_icon_11.svg);}

/* テーブル内リスト内リスト */
.c_d_i_table td > ul > li > ul > li{
color: #000;
list-style:circle;
margin: 0 0 0 13px;
font-size: 0.9rem;
}
.c_d_i_table td > ul > li > ul.flex{justify-content: flex-start;}
.c_d_i_table td > ul > li > ul.flex li{margin-right: 10px;}




/* ----------------------- */
/* -----認定までの流れ------ */
/* ----------------------- */
.certification_flow{margin-top: 100px;}
.certification_flow .flow{margin: 30px 0 10px 0;}
.certification_flow .flow li{display: flex;flex-direction: column;}
.certification_flow .flow li img{
height: 4vmax;
display: block;
margin: 20px auto;
}
.certification_flow .flow li .bt_02{
font-size: 0.8rem;
letter-spacing: -1px;
margin-top: auto;
}



/* ----------------------- */
/* -----費用・審査1・審査2 共通------ */
/* ----------------------- */
.certification_d_i_info{margin-top: 100px;}
.certification_d_i_info .certification_d_i_info__wrap{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-grid;
display: grid;
column-gap: 30px;
grid-template-columns: 150px 1fr;
margin-top: 30px;
}
.certification_d_i_info__content p{margin: 0 0 10px 0;}
.certification_d_i_info__content > ol{margin: 0 0 20px 25px;}

.certification_d_i_info__content .bt_02{border: 2px dotted #000; padding: 20px 0;}

.certification_d_i_info__content .flex > ul{width: 48%;}
.certification_d_i_info__content .flex > ul > li{
border-left: 5px solid #11ba71;
padding: 0 0 0 20px;
margin-bottom: 20px;
box-sizing: border-box;
}
.certification_d_i_info__content .flex > ul > li::after{
content: "";
display:inline-block;
width: 100%;
border-bottom: 1px solid #11ba71;
}
.certification_d_i_info__content .flex > ul > li h5{color: #11ba71;font-size: 1.1rem;}
.certification_d_i_info__content .flex > ul > li ol{margin-left: 20px;}
.certification_d_i_info__content strong{font-size: 1.2rem;}

.certification_d_i_info__content .flex table th{white-space:nowrap; vertical-align: top;}

.certification_d_i_info__content .table_02{margin-bottom: 20px;}
.certification_d_i_info__content .table_02 th{background-color: #e6e6e6; white-space:nowrap;}
.certification_d_i_info__content .table_02 td{background-color: #fff;}
.certification_d_i_info__content .table_02 tr:first-child th:first-child{background-color: #808080; color: #fff;}

@media screen and (max-width: 900px) {
.certification_d_i_info__content .flex > ul{width: 100%;}
}

.back_red{
background-color: #D84848;
color: #fff;
margin-bottom:20px;
padding: 5px;
text-align: center;
}



/* ----------------------- */
/* -------- 審査2 -------- */
/* ----------------------- */
.certification_d_i_info .nagare{margin: 40px 0 50px 0;}
.certification_d_i_info .nagare h5.title_02{text-align: center;}

.certification_d_i_info .nagare .flow li{margin: 0 10px 50px 10px;}

.certification_d_i_info .nagare .flow li:last-child{
border: 0;
font-size: 1.7rem;
display: flex;
align-items:center;
align-self: center;
flex-direction:column; /* 無理矢理1列に行がえ */
}
.certification_d_i_info .nagare .flow li:nth-child(1)::before,
.certification_d_i_info .nagare .flow li:nth-child(3)::before{
content: "1日";
width:calc(200% + 21px);
color: #fff;
background-color: #000;
padding: 2px 10px;
box-sizing: border-box;
position: absolute;
bottom:-40px;
left: 0;
}

@media screen and (max-width: 1100px) {
.certification_d_i_info .nagare .flow li{width: 48%; margin: 0 10px 70px 0;}
.certification_d_i_info .nagare .flow li:nth-of-type(3n){margin: 0 10px 20px 0;}
.certification_d_i_info .nagare .flow li:nth-of-type(3n)::after{background-image: url(../../common/img/bt_icon_06.svg);}
.certification_d_i_info .nagare .flow li:nth-of-type(4n){margin: 0 10px 70px 0;}
.certification_d_i_info .nagare .flow li:last-child::after{background-image: none;}
.certification_d_i_info .nagare .flow li:last-child{width: 100%; margin: 0 10px 0px 0;}
}










/* ----------------------- */
/* -----臨床業務（脳ドック関連）------ */
/* ----------------------- */
.clinical{}
.clinical h4{font-size: 1.3rem; margin: 20px 0 5px 0;}
.clinical h4:first-child{border-bottom: 1px solid; margin: 0 0 10px 0;}
.clinical ul{margin-bottom: 10px;}
.clinical ul li{list-style:disc; margin-left: 15px;}




/* ----------------------- */
/* -----更新------ */
/* ----------------------- */
.update{}
.update h4{font-size: 1.3rem; margin: 20px 0 5px 0;}
.update h4:first-child{border-bottom: 1px solid; margin: 0 0 10px 0;}
.update .flex > div:first-child{width: 40%;}
.update .flex > div:last-child{width: 58%;}

.update .flex .table_02{margin-bottom: 5px;}
.update .flex .table_02 th{background-color: #e6e6e6; text-align: left;}
.update .flex .table_02 tr:nth-child(1) th{
color: #fff;
background-color: #808080;
text-align: center;
}
.update .flex .table_02 td{text-align: center;}
.update .flex small{display: block;}

.update .flex ul{list-style: none; border-bottom: 1px dotted #cccccc;}
.update .flex ul li{
margin-bottom: 7px;
border-top: 1px dotted #cccccc;
padding-top: 5px;
}
.update .flex ul li strong{font-size: 1.3rem;}
.update .subject{margin-top: 30px;}

@media screen and (max-width: 900px) {
.update .flex > div:first-child{width: 100%;}
.update .flex > div:last-child{width: 100%;}
.update .flex .table_02{margin-top: 30px;}
}







/* ----------------------- */
/* --理事・評議員の暫定認定について-- */
/* ----------------------- */
.temporary{}
.temporary ol{
margin: 20px 0;
border: 1px solid;
border-width: 1px 0;
padding: 10px 0;
}
.temporary ol li{margin: 0 0 5px 20px;}
.temporary .shadow_box{margin-top: 40px;}
.temporary .shadow_box .li_maru li span{
display: inline-block;
margin: 0 3px;
background-color: #009245;
}
.temporary .shadow_box .li_maru li span::before{
content: "Web DL";
color: #fff;
font-size: 0.7rem;
padding: 3px 5px;
line-height: 0;
vertical-align:middle;
}
.temporary .back_red{
margin-top: 10px;
}









/* --------------------- */
/* -----フロウチャート------ */
/* --------------------- */
.flow{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: nowrap;
justify-content:space-between;
}
.flow li{
position: relative;
border: 1px solid;
flex: 1;
margin: 0 10px;
word-wrap: break-word;
min-width: 0;
text-align: center;
padding: 0 10px 10px 10px;
box-sizing: border-box;
background-color: #fff;
}
.flow li:first-child{margin: 0 10px 0 0;}
.flow li:last-child{margin: 0 0 0 10px;}

.flow li::after{
content: "";
position: absolute;
background-image: url(../../common/img/bt_icon_06.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
top:50%;
right: -15px;
width: 7px;
height: 9px;
}
.flow li:last-child::after{background-image: none;}
/* ナンバー */
.flow li .number{color: #11BA71;}
/* 縦線 */
.flow li div{
margin-left: 50%;
width: 1px;
height: 8px;
background-color: #666666;
}
.flow li p{line-height:1.3rem;}
/* 日付 */
.flow li b{color: #D84848; font-size: 0.9rem;}

/* ボタン */
.flow li .bt_02{font-size: 0.8em; padding: 5px;}


@media screen and (max-width: 1100px) {
.flow{
flex-direction:none;
flex-wrap:wrap;
align-items:stretch;
height: 100%;
}
.flow li{
align-self: stretch;
flex:none;
width: 30%;
margin-bottom: 20px;
}
.flow li br{display:none;}
.flow li:first-child{margin: 0 10px 20px 0;}
.flow li:nth-of-type(3n){margin: 0 0 20px 10px;}
.flow li:nth-of-type(3n)::after{background-image: none;}
.flow li:nth-of-type(4n){margin: 0 10px 20px 0;}
.flow li:last-child{margin: 0 0 0 0;}
}




/* --------------------- */
/* -----よくあるご質問------ */
/* --------------------- */
.faq .p_menu{
border: none;
background-color:#EBEFEA;
padding: 10px 20px;
box-sizing: border-box;
}
.faq .accordion h3.title_02{margin-top: 30px;}