@charset "utf-8";
/* CSS Document */

/* 介護業界の最新のトレンド */

.trendBox { width: 100%; max-width: 800px; padding: 20px; margin: 40px auto; border: 10px #C8CBD6 solid;}
.trendBox p { text-align: center;}
.trendBox .innerWrap { display: flex; justify-content: space-between; width: 100%; margin: 0 auto 10px auto;}
.trendBox .innerWrap .innerBox { flex: 1; padding: 10px; margin: 0 10px; background: #EEF2FD; border-radius: 9px; color: #3E4C7A; font-size: 20px; font-weight: bold;}

@media screen and (max-width: 768px){
    .trendBox p { text-align: left;}
    .trendBox .innerWrap { display: block; width: 80%;}
    .trendBox .innerWrap .innerBox { margin: 5px;}
}
@media screen and (max-width: 480px){
    .trendBox { padding: 10px; margin: 20px auto; border: 5px #C8CBD6 solid;}

}

/* 経営改善コンサルティングのイメージ */

.imageWrap { width: 100%; padding: 30px; border: 1px #3E4C7A solid; text-align: left;}
.imageWrap h4 { padding-left: 0.5em; margin-bottom: 20px; border-left: 4px #3E4C7A solid; font-size: 16px; font-weight: bold;}
.imageWrap ul { margin: 0 30px; list-style: disc;}
.imageWrap .blueBox { background: #EEF2FD;}
.imageArrow { width: 0; height: 0; margin: 10px auto; border-style: solid; border-width: 30px 100px 0 100px; border-color: #3E4C7A transparent transparent transparent;}

@media screen and (max-width: 480px){
    .imageWrap { padding: 10px;}
}

/* コンサルティングの進め方 */

.h4step { margin-bottom: 20px; text-align: left;}
.h4step h4 { display: inline; border-bottom: 2px #3E4C7A solid; color: #3E4C7A; font-size: 20px; font-weight: bold;}

.stepWrap ul { width: 100%; max-width: 800px; margin: 0 auto 20px auto; list-style: circle; text-align: left;}
.stepWrap ul li { margin-left: 1em;}

.stepProducts { width: 100%; max-width: 400px; padding: 20px; margin: 0 auto 20px auto; border: 5px #C8CBD6 solid; text-align: left;}
.stepProducts h5 { color: #3E4C7A; font-size: 16px; font-weight: bold;}
.stepProducts ol { margin-left: 4em; list-style: decimal}

.stepImageWrap { display: flex; justify-content: space-between; width: 100%; max-width: 800px; margin: 0 auto 40px auto;}
.stepImageWrap .box { flex: 1; margin: 0 10px;}
.stepImageWrap .box img { border: 1px #999 solid;}

.stepPre { width: 100%; max-width: 800px; margin: 0 auto 10px auto; text-align: left;}
.stepPre dl dd { padding: 10px; background: #EEF2FD;}

@media screen and (max-width: 480px){
    .stepProducts { padding: 10px;}
    .stepImageWrap { display: block;}
    .stepImageWrap .box { margin-bottom: 10px;}
}

/* コンサルティング実績 */
.resultList ul li { width: 100%; max-width: 800px; margin: 0 auto 20px auto; padding: 20px; background: #EEF2FD; border: 1px #3E4C7A solid; text-align: left;}
.resultList ul li dl dt { margin-bottom: 20px; color: #3E4C7A; font-size: 16px; font-weight: bold;}
.resultList ul li dl dt span { padding: 0 1em; margin-right: 1em; border: 1px #3E4C7A solid;}

@media screen and (max-width: 480px){
    .resultList ul li { padding: 10px;}
}


/* 執筆・出版物のご紹介 */

.writingList { margin: 40px 0;}
.writingList ul li { display: table; width: 100%; max-width: 800px; margin: 0 auto 20px auto; padding-bottom: 20px; border-bottom: 1px #3E4C7A dotted; text-align: left;}
.writingList ul li dl { display: table-cell; vertical-align: top;}
.writingList ul li dl dt { margin-bottom: 10px; color: #3E4C7A; font-size: 16px; font-weight: bold;}
.writingList ul li .imgBox { display: table-cell; width: 200px; padding-left: 20px;}
.writingList ul li .imgBox img { width: 180px; border: 1px #999 solid; }

@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){

}
@media screen and (max-width: 480px){
    .writingList ul li .imgBox { width: 50%; padding-left: 20px;}
    .writingList ul li .imgBox img { width: auto; }
}

/* コンサルタントのご紹介 */

.memberList { margin: 40px 0;}
.memberList ul li { width: 100%; max-width: 800px; margin: 0 auto 20px auto; padding-bottom: 20px;  text-align: left;}

.memberList ul li .metaWrap { display: table; width: 100%; margin-bottom: 20px;}
.memberList ul li .metaWrap dl { display: table-cell; vertical-align: top;}
.memberList ul li .metaWrap dl dt { margin-bottom: 20px; border-bottom: 1px #3E4C7A solid; color: #3E4C7A; font-size: 20px; font-weight: bold;}
.memberList ul li .metaWrap .imgBox { display: table-cell; width: 200px; padding-left: 20px;}
.memberList ul li .metaWrap .imgBox img { width: 180px; border: 1px #999 solid; }
.memberList ul li table { width: 100%;}
.memberList ul li table tr th { width: 15%; padding: 5px; border: 2px #fff solid; text-align: center;}
.memberList ul li table tr td { width: 85%; padding: 5px 20px; border: 2px #fff solid;}
.memberList ul li table tr:nth-child(odd) th, .memberList ul li table tr:nth-child(odd) td { background: #D9E9F7;}
.memberList ul li table tr:nth-child(even) th, .memberList ul li table tr:nth-child(even) td { background: #E7F3FB;}


@media screen and (max-width: 768px){

}
@media screen and (max-width: 640px){
    .memberList ul li table tr th { width: 80px;}
    .memberList ul li table tr td { width: auto;}
}
@media screen and (max-width: 480px){

}