@charset "utf-8";
/* CSS Document */
body#diagnostic #topicpath_wrap {
}

body#diagnostic #topicpath {
}
section.autumn {
}

section.autumn h3 {
}
section.autumn h2 {
}
section.autumn .pic_bx {
}
section.autumn .pic_bx:before {
}
section.autumn .pic_bx .bx_left {
}
section.autumn .pic_bx .bx_left >  li {
}
section.autumn .pic_bx .bx_left >li:last-child  {
}

section.autumn .pic_bx .bx_left li h4 {
}

section.autumn .pic_bx .bx_left .list_bx .list_left {
}
section.autumn .pic_bx .bx_left .list_bx .list_left p span {

}
section.autumn .pic_bx .bx_left .list_bx .list_left p span:after {
    content: "";
    background-color: #f9d2c4;
    width: 26px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
section.autumn .pic_bx .bx_left .list_bx .list_left p span.green:after {
    background-color: #67654b;
}
section.autumn .pic_bx .bx_left .list_bx .list_left p span.blue:after {
    background-color: #6398b1;
}
section.autumn .pic_bx .bx_left .list_bx .list_left p span.brown:after {
    background-color: #6a382d;
}
section.autumn .pic_bx .bx_left .list_bx .list_right {
}
section.autumn .txt   {
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

PC Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (min-width:768px), print {
body#diagnostic #topicpath_wrap {
    background-image: url(../../images/diagnostic/pic_diagnostic_01.jpg);
    background-repeat: no-repeat;
    width: 100%;
    height: 283px;
    background-size: cover;
    background-position: center top;
    position: relative;
}
body#diagnostic #topicpath {
    padding-top: 15px;
}
section.autumn {
    padding-top: 40px;
}
section.autumn .sp_img {
    display: none;
}

section.autumn h3 {
    text-align: center;
    margin-bottom: 30px;
}
section.autumn h2 {
    text-align: center;
    margin-bottom: 35px;
}
section.autumn .pic_bx {
    background-image: url(../../images/diagnostic/autumn/bg_autumn_02.jpg);
    background-repeat: no-repeat;
    min-height: 850px;
    display: block;
    width: 1130px;
    margin: 0 auto;
}
/*section.autumn .pic_bx:before {
    content: "";
    display: block;
    background-image: url(../../images/diagnostic/autumn/bg_autumn_01.jpg);
    width: 999px;
    height: 58px;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 45px;
}*/
section.autumn .pic_bx .bx_left {
    width: 570px;
	color: #40220f;
	padding-top: 90px;
	margin-left: 30px;
}
section.autumn .pic_bx .bx_left >  li {
    margin-bottom: 50px;
}
section.autumn .pic_bx .bx_left >li:last-child  {
    margin-bottom: 0px;
}
section.autumn .pic_bx .bx_left li h4 {
    margin-bottom: 20px;
}
section.autumn .pic_bx .bx_left .list_bx .list_left {
    width: 57%;
    float: left;
    padding-right: 5%;
}
section.autumn .pic_bx .bx_left .list_bx .list_right {
    width: 37%;
    float: right;
}
section.autumn .txt   {
    text-align: right;
}

}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

TABLET Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

@media (max-width: 1079px) and (min-width: 768px) {
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SP Setting

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (max-width: 767px) {
body#diagnostic #topicpath_wrap {
    display: none;
}
body#diagnostic #topicpath {
}
section.autumn {
}
section.autumn .sp_img {
    display: block;
}

section.autumn h3 {
    margin-bottom: 30px;
}
section.autumn h2 {
    display: none;
}
section.autumn .pic_bx {
}
section.autumn .pic_bx:before {
}
section.autumn .pic_bx .bx_left {
}
section.autumn .pic_bx .bx_left >  li {

}
section.autumn .pic_bx .bx_left >li:last-child  {
}
section.autumn .pic_bx .bx_left li h4 {
    margin-bottom: 15px;
}
section.autumn .pic_bx .bx_left li h4 img {
    width: auto;
}
section.autumn .pic_bx .bx_left li p {
    margin-bottom: 30px;
}


section.autumn .pic_bx .bx_left .list_bx .list_left {
}
section.autumn .pic_bx .bx_left .list_bx .list_right {
}
section.autumn .txt   {
    margin-bottom: 30px;
}

}