@charset "utf-8";

#ttlBox h1 {
    color: #0a76c8;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

#adviser .areaAdviserList {
    display: block;
}

#adviser .areaAdviserList li a {
    background: url(/include/contents/htdocs/contents/rdc/adviser/common/img/list_btn.png) no-repeat 90% 96%;
    cursor: pointer;
    display: block;
    padding: 0 0 25px;
    text-decoration: none;
}
#adviser .areaAdviserList li a .data {
    padding-top: 1em;
}
#detailBox {
    padding-top: 2em;
}
#detailBox h2 {
    border-bottom: 2px solid #ccc;
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 21px;
    margin-bottom: 15px;
    padding-bottom: 11px;
    position: relative;
}

#detailBox h2.q {
    padding-left: 38px;
}

#detailBox h2.q:before {
    position: absolute;
    left: 0;
    top: 0;
}

#detailBox h2.q1:before {
    content: "Q1";
}

#detailBox h2.q2:before {
    content: "Q2";
}

#detailBox h2.q3:before {
    content: "Q3";
}

h2.listTtl {
    background: #0a76c8;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 8px 16px 6px;
}


.adviserMain {
    display: flex;
    align-items: center;
}
.adviserThumb {
    width: 140px;
    flex-shrink: 0;
}
.adviserThumb img {
    width: 100%;
    vertical-align: bottom;
}
.adviserCatch {
    padding-left: 2em;
}
.adviserCatch span {
    background: rgba(10,118,200,0.76);
    display: inline-block;
    margin-bottom: 8px;
    padding: 0 10px;
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

@media screen and (max-width: 500px) {
    .adviserCatch {
        padding-left: 1em;
    }
    .adviserCatch span {
        font-size: 18px;
    }
}
@media (min-width: 501px){
    .pcdn {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    img {
        width: 100%;
        height: auto;
    }

	#ttlBox h1 {
		font-size: 16px;
		margin-bottom: 9px;
	}

	#ttlBox p {
		font-size: 12px;
	}

	#ttlBox .catch {
		font-size: 14px;
	}

    #Wrapper {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        box-sizing: border-box;
        font-size: 14px;
    }

    .spdn {
        display: none;
    }

    .breadcrumbs {
        width: 100%;
    }

    .breadcrumbs ul li {
        font-size: 12px;
    }

    #CareerBox {
        float: none;
        width: 100%;
    }

	#ttlBox {
		    padding: 20px 18px 10px;
	}

	#ttlBox .catch {
		margin-bottom: 8px;
	}

    .col-left {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    div.header {
        padding: 20px;
        padding-right: 0;
        padding-left: 0;
        border-top: 5px solid #60BB46;
        border-bottom: 1px solid #60BB46;
    }

    .section {
        padding-right: 0;
        padding-left: 0;
    }
	.areaNav > ul {
		border: 1px solid #0a76c8;
		box-sizing: border-box;
	}

	.areaNav > ul > li:first-child {
		border-right: 1px solid #0a76c8;
	}

	.areaNav > ul > li:first-child + li {
		border-right: 1px solid #0a76c8;
	}

	.areaNav li {
		margin-right: 0;
        width: 33.333%;
        box-sizing: border-box;
	}

    .areaNav li a {
		font-size: 10px;
        width: 100%;
		padding:  15px 0;
    }

    #actionbox {
        text-align: left;
        padding: 20px;
        margin-bottom: 20px;
    }

    /* ------------------------------------------
       /adviser/01〜/index.html
    ------------------------------------------ */
    #mainBox p {
        font-size: 16px;
        line-height: 35px;
        left: 10px;
        top: 60%;
    }

    #mainBox p.right {
        left: auto;
        right: 10px;
    }

    #profile .name {
        margin: 0;
    }

    #profile .text {
        width: 100%;
        margin-top: 0;
        padding-left: 12px;
        box-sizing: border-box;
    }

    #profile .area {
        width: 100%;
        margin-top: 15px;
        box-sizing: border-box;
    }

	.areaAdviserList {
		display: block;
		border: none;
	}

    .areaAdviserList ul {
        margin-bottom: 0;
    }

    .areaAdviserList li {
        width: 100%;
		float: none;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
		margin-bottom: 0;
		position: relative;
    }
    .areaAdviserList li + li {
        margin-top: 1em;
    }

    .areaAdviserList li:nth-child(odd) {
        margin-right: 10%;
    }

	.areaAdviserList li a {
		background: none;
		padding: 7px 9px 7px 5px;
	}

    .areaAdviserList li a p {
        color: #333;
        margin-bottom: 8px;
        padding-right: 30px;
        font-size: 12px;
    }

	.areaAdviserList ul > li .img {
		width: 35%;
		display: table-cell;;
	}

	.areaAdviserList ul > li .data {
		width: 55%;
		display: table-cell;
		vertical-align: middle;
		margin-left: 7px;
        padding-left: 7px;
	}

	.areaAdviserList ul > li .data:after {
		content: "";
		display: block;
		width: 10px;
		height: 10px;
		border-top: 2px solid #0a76c8;
		border-right: 2px solid #0a76c8;
		transform: rotate(45deg);
		-webkit-trasform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		position: absolute;
		top: 46%;
		left: 94%;
	}

	.areaAdviserList li a .name {
		width: 80%;
		height: auto;
		margin: 0;
	}
}

/*201705_キャリアアドバイザー下部一覧レイアウト変更*/
.adviserList .relationLinks_article > dt{
	padding: 15px 0 10px 10px;
	box-sizing: border-box;
	font-size: 11px;
}
.adviserList .relationLinks_article dt img.relationNameimg{
	padding-top:5px;
	width:138px;
	height:auto;
}
.adviserList .relationLinks_article > dd a{
	display: block;
	padding: 10px;
	color: #333;
	font-weight: bold;
	box-sizing: border-box;
	line-height: 1.5;
}
.adviserList .relationLinks_article > dd{
	padding: 0px;
}