@charset "utf-8";

/*****************************************************************

下階層ページ用CSS

*****************************************************************/

/*============================================================
Common
============================================================*/

#main .change{
text-align: center;
margin: 0;
}

/*============================================================
sec page set
============================================================*/
#main .list__disc {
margin-left: 1em;
}

#main .list__disc li {
text-indent: -1.5em;
padding-left: 1em;
line-height: 1.75;
list-style: inside;
}

#main .redline,#main .blueline {
font-weight: bold;
}

#main .redline {
color: #d74c86;
}

#main .blueline {
color: #3684c6;
}

#main .img_r {
float: right;
margin: 0 0 1em 1em;
}

#main .img_l {
float: left;
margin: 0 1em 1em 0;
}

figure {
background: #fff;
width: 100%;
padding: 20px;
max-width: 740px;
margin: 1em auto;
}

figure img {
display: block;
max-width: 700px;
width: 100%;
margin: auto;
}

figure .fig_title {
font-size: 120%;
text-align: center;
font-weight: bold;
margin: 1em;
color: #3684c6;
}

figcaption.fig_cap {
font-size: 80%;
text-align: right;
font-weight: unset;
margin: 1em;
}

/*============================================================
youtube
============================================================*/

.video_area{
position:relative;
padding-bottom: 56.25%;
height:0;
overflow:hidden;
}
.video_area iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/*============================================================
social welfare page
============================================================*/
#main .simple_table {
border-collapse: collapse;
table-layout: fixed;
text-align: center;
}
#main .simple_table th, #main .simple_table td {
border: 2px solid #e0f2ff;
padding: 0.5em;
width: auto;
background: #fff;
vertical-align: middle;
min-width: 130px;
}
#main .simple_table thead th {
background-color: #0069a9;
color: #fff;
border: 2px solid #0069a9;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
width: auto;
text-align: center;
}
#main .simple_table thead th:last-of-type {
border-right: 2px solid #0069a9;
}
#main .simple_table tbody th {
color: #0069a9;
font-weight: bold;
text-align: center;
}

#main .simple_flow {
max-width: 600px;
margin: auto;
width: auto;
}

#main .simple_flow .flow_stepbox {
position: relative;
}

#main .simple_flow .flow_stepbox .flow_steptitle {
display: inline-block;
background: #fff;
text-align: center;
padding: 1em;
margin: 2em auto;
width: 100%;
min-width: 200px;
border-radius: 20px;
font-weight: 700;
background: #587ac6;
color: #fff;
}

#main .simple_flow .flow_steptitle span {
display: block;
text-align: left;
font-size: 90%;
background: #fff;
color: #333;
padding: 10px;
margin-top: 10px;
border-radius: 10px;
}

#main .simple_flow .flow_branch {
display: flex;
justify-content: space-around;
}

#main .simple_flow .flow_stepbox.top_arrow::before ,#main .simple_flow .flow_stepbox.bottom_arrow::after {
content: "";
position: absolute;
width: 23.1px;
height: 43px;
background: #587ac6;
clip-path: polygon(0 67.9%, 39.2% 67.9%, 39.2% 0, 60.8% 0, 60.8% 67.9%, 100% 67.9%, 50% 100%);
left: 50%;
transform: translate(-50%, -50%);
}

#main .simple_flow .flow_stepbox.bottom_arrow::after {
transform: translate(-50%, 220%);
}

#main .simple_flow.stepcomment .flow_stepbox.bottom_arrow::after {
transform: translate(-50%, -50%);
}

#main .levelchart {
background: #fff;
padding: 1em;
max-width: 450px;
width: auto;
margin: auto;
border: 2px dotted #D74C86;
display: flex;
justify-content: center;
}

#main .levelchart .chartbox_arrow{
content: "";
display: inline-block;
width: 38.6px;
height: 250px;
background: linear-gradient(180deg, #ffffff 0%, #d74c86 100%);
clip-path: polygon(0 88.5%, 31.8% 88.5%, 31.8% 0, 68.2% 0, 68.2% 88.5%, 100% 88.5%, 50% 100%);
margin: 1em 2em;
}

#main .levelchart .chartbox_title {
text-align: center;
font-weight: bold;
color: #d74c86;
}

#main .levelchart .chartbox ul li {
margin: 12px auto;
font-size: 80%;
text-align: center;
font-weight: bold;
}

#main .sideflow {
padding-left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 60px;
margin: 3em auto !important;
}

#main .sideflow #main .sideflow_title {
text-align: center;
}

#main .sideflow > li {
list-style-type: none;
width: 100%;
max-width: 230px;
display: flex;
background: #fff;
border-radius: 10px;
}

#main .sideflow > li .sideflow_icon {
line-height: 2;
width: 2em;
height: 2em;
text-align: center;
color: #fff;
background: #36c190;
margin: 0 auto 10px;
display: block;
border-radius: 100vh;
position: relative;
}

#main .sideflow > li dl {
padding: 0.7em;
margin: 0;
border: 3px solid #36c190;
position: relative;
border-radius: 10px;
}

#main .sideflow > li:not(:first-child) dl::before {
content: "";
width: 14px;
height: 14px;
margin-right: 10px;
display: inline-block;
border-top: 4px solid #36c190;
border-right: 4px solid #36c190;
position: absolute;
top: calc(50% - 14px);
left: -45px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

#main .sideflow > li dl dt {
font-size: 105%;
font-weight: 600;
color: #36c190;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
margin-bottom: 10px;
text-align: center;
}

#main .sideflow > li dl dd {
margin-left: 0;
font-size: 95%;
}

/*============================================================
socialwelfare Page
============================================================*/
#main .catpage_list {
display: flex;
flex-wrap: wrap;
}

#main .catpage_list li {
margin-bottom: 0.5em;
margin-right: 0.5em;
flex: 0 0 47%;
}

#main .catpage_list li a {
display: flex;
padding: 1em;
text-decoration: none;
background: #fff;
color: #3684c6;
font-weight: bold;
border: 2px solid;
height: 100%;
align-items: center;
}

/*============================================================
flow_list
============================================================*/
#main .flow_list li {
display: flex;
position: relative;
align-items: stretch;
padding: 0 0 1.5em;
margin: 0 0 1em;
}

#main .flow_list li:before {
position: absolute;
content: '';
background: url('/images/img_arrow_f_b.png') no-repeat;
width: 15px;
height: 13px;
left: 1em;
bottom: 0;
}

#main .flow_list li:last-child:before{
position: relative;
background: none;
left: 0;
bottom: 0;
display: none;
}
#main .flow_list em{
display: flex;
justify-content: center;
align-items: center;
font-size: 125%;
font-weight: bold;
border-radius: 10px;
padding: 0.2em;
width: auto;
min-width: 50px;
max-width: 50px;
height: auto;
text-align: center;
margin-right: 0.5em;
background: #fff;
color: #2d498a;
border: solid 2px #2d498a;
}
#main .flow_list p{
font-weight: bold;
}
#main .flow_list span{
margin-left: 1em;
display: inline-block;
font-weight: normal;
font-size: 77.77777%;
}
#main .floor_list{
display: flex;
margin: 0 0 70px;
}
#main .floor_list li{
width: 30%;
text-align: center;
margin-right: 5%;
}
#main .floor_list li:nth-child(3n){
margin-right: 0;
}
#main .floor_list p,
#main .tree_box p{
font-size: 88%;
text-align: left;
}
#main .floor_list img{
margin-bottom: 10px;
}

#main .flow_list.green_flow_list em {
color: #36c190;
border: solid 2px #36c190;
}

#main .flow_list.green_flow_list li:before {
position: absolute;
content: '';
background: url('/images/img_arrow_f.png') no-repeat;
width: 15px;
height: 13px;
left: 1em;
bottom: 0;
}

#main .flow_list.green_flow_list h4 {
margin-bottom: 0;
}

/*============================================================
about Page
============================================================*/

#main .about_introphoto {
background: unset;
float: right;
text-align: center;
min-width: 250px;
}
@media screen and (max-width: 768px) {
#main .about_introphoto {
float: unset;
}

}


#main .about_introphoto img {
max-width: 200px;
}

#main .about_introphoto .caption {
text-align: center;
}



/*============================================================
document page
============================================================*/

#main .book_box {
display: flex;
}

#main .container {
padding: 20px;
margin: 20px auto;
}

#main .bg_gray {
background: #fff;
}

#main .book_img {
max-width: 170px;
min-width: 170px;
padding-right: 3%;
}

#main .tit_s {
font-weight: bold;
font-size: 120%;
color: #2d498a;
}

#main .book_img img {
border: 0.5px solid #ccc;
}

/*============================================================
clinicalresearch Page
============================================================*/

#main .menu_list_repo {
padding: 2em;
background: #fff;
box-shadow: 4px 5px 10px -5px #999;
margin: 15px 0 50px;
}

#main .menu_list_repo .btn_file a {
display: block;
text-align: center;
width: max-content;
background: #36c190;
color: #fff;
border: solid 1px #36c190;
padding: 0.5em 1em;
margin: auto;
text-decoration: none;
font-weight: bold;
}

#main .main_content h3.repo_tit {
margin: 0;
color: #3684c6;
font-size: 120%;
margin-bottom: 0.5em;
}

#main .main_content h4.tit_s {
font-weight: bold;
color: #2d498a;
margin-bottom: 1em;
}

/*============================================================
research Page
============================================================*/

#main .menu_box {
border: solid 4px #12c555;
}

#main .text_right {
display: block;
text-align: right;
margin: 20px auto;
}

#main .list_3 .box_size {
width: 80%;
margin: 1em auto;
}

#main .menu_box {
border-radius: 15px;
background: #fff;
margin-bottom: 4%;
}

#main .menu_box h3 {
font-size: 125%;
color: #fff;
padding: 16px 16px;
min-height: 4.5em;
text-align: center;
margin: 0 0 0.5em;
background: #12c555;

}

#main .menu_list {
width: 91.27518%;
margin: 0 auto 1em;
}

#main .menu_list li {
border-bottom: dotted 1px #b0b0b0;
font-size: 88%;
}

#main .menu_list li a {
display: block;
position: relative;
padding: 0.8em 1em 0.8em 0;
text-decoration: none;
}

#main .menu_list li a:before {
position: absolute;
content: '';
right: 0;
top: 50%;
width: 8px;
height: 8px;
border: 2px solid;
border-color: transparent transparent #9d9d9d #9d9d9d;
transform: rotate(-135deg);
margin-top: -4px;
}

/*============================================================
ページング
============================================================*/
#main .pageing{
margin: 0;
text-align: center;
font-size: 100%;
font-weight: bold;
}
#main .pageing a {
display: inline-block !important;
height: 2em;
width: 2em;
line-height: 2em;
text-align: center;
vertical-align: middle;
position: relative;
text-decoration: none;
color: #666;
background: #fff;
border-radius: 50%;
border: 1px solid #666;
margin: 0 4px;
}
#main .pageing a.previous_link,
#main .pageing a.next_link{
background: #bbb;
color: #fff;
border: 1px solid #bbb;
}
#main .pageing a.active_page{
background: #300;
color: #fff;
border: 1px solid #300;
}


/*============================================================
medics Page
============================================================*/
.literature_box {
margin: 2em 1em;
background: #f5f5f5;
padding: 2em;
}

.literature_box ul li {
margin-bottom: 0.5em;
padding-top: 60px;
margin-top: -60px;
margin-left: 2.5em;
text-indent: -2em;
font-size: 80%;
}

.book_area.bg_yellow {
background: #fffeed;
padding: 1em;
margin: 1em;
}

.circle_number {
display: inline-block;
width: 50px;
height: 50px;
padding-top: 8px;
background-color: #3684c6;
color: #fff;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
margin-right: 10px;
}

/*============================================================
XXX Page
============================================================*/


/*============================================================
XXX Page
============================================================*/