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

/* ====================================
END----650px
====================================== */
@media only screen and (max-width: 1120px) {
/*コンサルタント紹介-詳細
**********************************/	
.consul-blue-bg-block .tmtimeline dt{
	width: 25%;
	border-right: 1px #fff solid;
	padding: 12px 25px 12px 0;
}
.consul-blue-bg-block .tmtimeline dd{
	width: 75%;
	padding: 12px 0 12px 25px;

}	
}



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

/*コンサルタント紹介-詳細
**********************************/	
.consul-blue-bg-block .tmtimeline dt{
	width: 100%;
	border-right: 0px;
	padding: 5% 0 0;
	font-size: 1.2rem;
}
.consul-blue-bg-block .tmtimeline dd{
	width: 100%;
	padding: 0 0 5%;
}
.detail-left-boder {
    font-size: 2rem;
    color: #0586cc;
    font-weight: bold;
    position: relative;
    padding: 0 0 1rem;
}	
	
.detail-blu-dt {
    font-size: 2rem;
    color: #0586cc;
    font-weight: bold;
    padding: 0 0 1rem;
}
	
.consal-detail-achieve-block {
    margin: 0 0 0rem;
}

.news-head-title-holder.common-sub-page-holder h2::before {
    content: "";
    display: inline-block;
    width: 46px;
    height: 53px;
    background: url(../img/common/subpage-title-bg01.png) no-repeat center/contain;
    position: absolute;
    right: -30px;
    top: -45px;
}

.news-head-title-holder.common-sub-page-holder h2::after {
    content: "";
    display: inline-block;
    width: 46px;
    height: 53px;
    background: url(../img/common/subpage-title-bg02.png) no-repeat center/contain;
    position: absolute;
    left: -40px;
    bottom: -45px;
}	
	
.com-blue-box-ul {
    display: block;
    justify-content: center;
    border: solid 1px #0887cd;
    width: 100%;
    padding: 30px 2%;
    margin: 0 0 4rem;
}
	
.com-blue-box-ul li {
    padding: 0 8px;
	display: block;
	width: 100%;
	text-align: center;
}	

/*セミナー案内
**********************************/	
.seminar-links-box figure {
    margin-bottom: 30px;
}
.seminar-links-box figcaption a {
    margin-top: 1em;
}
	
	
}
/* ====================================
END----600px
====================================== */

@media only screen and (max-width: 1233px) {
    .seminar-links-box {
        max-width: 720px;
    }
}
/* ====================================
END----1233px
====================================== */

@media only screen and (max-width: 799px) {
    .seminar-links-box {
        max-width: 330px;
    }
}
/* ====================================
END----799px
====================================== */