/*--------------------------------------------
メインイメージ
--------------------------------------------*/
.doc-mv {
 background: url(/document/images/doc_mv.png) no-repeat;
	background-size: cover;
	background-position: center bottom;
	overflow: hidden;
	position: relative;
	height: 560px;
	width: 100%;
	}
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-mv {
	background: url(/document/images/doc_mv_sp.png) no-repeat;
	background-size: cover;
	background-position: left top;
	height: 450px;
	}
}

.doc-mv--inner {
	max-width: 1100px;
	margin: 0 auto;
	height: 560px;
	width: 86%;
	position: relative;
	}

.doc-mv--txtbox {
	padding-top: 200px;
	}
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-mv--txtbox {
	padding-top: 240px;
	}
}

.doc-mv p {
	color: #fff;
	letter-spacing: 0.35em;
	padding: 0 15px 30px 15px;
	position: relative;
	text-shadow: 1px 1px 3px #73767a;
	}
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-mv p {
	padding: 0 0 20px 0;
	}
}

.doc-mv p::before {
	position: absolute;
	left: 0;
 bottom: 0;
 content: "";
 display: inline-block;
 height: 1px;
 background: #d23056;
 width: 400px;
	}
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-mv p::before {
	position: absolute;
	left: 0;
 bottom: 0;
 content: "";
 display: inline-block;
 height: 1px;
 background: #d23056;
 width: 90%;
	}
}

.doc-mv p::after {
	position: absolute;
	left: 400px;
 bottom: 0;
 content: "";
 display: inline-block;
 height: 1px;
 background: #fff;
 width: 40px;
	}
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-mv p::after {
	position: absolute;
	left: 90%;
 bottom: 0;
 content: "";
 display: inline-block;
 height: 1px;
 background: #fff;
 width: 10%;
	}
}

.doc-mv h1 {
	padding: 0 15px;
	}
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-mv h1 {
	padding: 0;
	}
}


/*--------------------------------------------
CONTENT
--------------------------------------------*/
.doc-content {
	background: url(/investment/images/inv_content_bg.png) repeat-x;
	background-position: left top 340px;
 padding: 60px 0 100px 0;
	}
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-content {
	background: none;
 padding: 40px 0 40px 0;
	}
}

.doc-content--inner {
	margin: 0 auto;
	max-width: 1110px;
	width: 86%;
	}

/*
phbox
*/
.doc-phbox {
	overflow: hidden;
	margin: 50px auto 0 auto;
	max-width: 1110px;
	width: 86%;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-phbox {
	width: 100%;
 }
}

.doc-phbox--left {
	float: left;
	width: 37%;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-phbox--left {
	float: none;
	width: 100%;
 }
}

.doc-phbox--right {
	float: right;
	width: 63%;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-phbox--right {
	float: none;
	width: 100%;
 }
}

.doc-phbox--right--ttl {
	background: #96a1a3 url(/investment/images/inv_ic_i.png) no-repeat;
	background-size: 44px;
	background-position: top 40px right 60px;
	min-height: 190px;
	padding: 30px 60px 0 60px;
	position: relative;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-phbox--right--ttl {
	background: #96a1a3 url(/investment/images/inv_ic_i.png) no-repeat;
	background-size: 44px;
	background-position: top 40px right 25px;
	min-height: auto;
	padding: 25px 80px 30px 7%;
 }
}

.doc-phbox--right--ttl h3 {
	position: relative;
	padding-bottom: 35px;
	padding-right: 60px;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-phbox--right--ttl h3 {
	padding-bottom: 20px;
	padding-right: 10px;
 }
}

.doc-phbox--right--ttl h3::before {
	position: absolute;
	left: 0;
 bottom: 0;
 content: "";
 display: inline-block;
 height: 1px;
 background: #d23056;
 width: 190px;
	}
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-phbox--right--ttl h3::before {
	position: absolute;
	left: 0;
 bottom: 0;
 content: "";
 display: inline-block;
 height: 1px;
 background: #d23056;
 width: 95px;
	}
}

.doc-phbox--right--ttl h3::after {
	position: absolute;
	left: 190px;
 bottom: 0;
 content: "";
 display: inline-block;
 height: 1px;
 background: #fff;
 width: 40px;
	}
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-phbox--right--ttl h3::after {
	position: absolute;
	left: 95px;
 bottom: 0;
 content: "";
 display: inline-block;
 height: 1px;
 background: #fff;
 width: 21px;
	}
}

.doc-phbox--right--txt {
	background: #fff;
	padding: 30px 60px 60px 60px;
	min-height: 370px;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-phbox--right--txt {
	padding: 30px 7% 0 7%;
	min-height: auto;
 }
}

/*
linkbox
*/
.doc-linkbox {
	display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
	max-width: 1050px;
	margin: 70px auto 0 auto;
	width: 86%;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-linkbox {
	background: #f1f2f2;
 display: block;
	width: 100%;
	padding: 40px 7% 50px 7%;
 }
}

.doc-linkbox li {
	background: #fff;
	margin: 0.38%;
	width: 32.57%;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-linkbox li {
	background: #fff;
	margin: 10px 0 0 0;
	width: 100%;
 }
}

.doc-linkbox li a {
	background: url(/assets/images/ic_arrow_red.png) no-repeat;
	background-size: 9px;
	background-position: right 19px center;
	display: block;
	overflow: hidden;
	padding: 35px 7% 0 7%;
	position: relative;
	min-height: 220px;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-linkbox li a {
	background: url(/assets/images/ic_arrow_red.png) no-repeat;
	background-size: 9px;
	background-position: right 15px center;
	padding: 25px 7%;
	min-height: 120px;
 }
}

.doc-linkbox--ic {
	float: left;
	padding-right: 0.5em;
	width: 46%;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-linkbox--ic {
	float: left;
	padding-right: 0.5em;
	width: 30%;
 }
}

.doc-linkbox--ic img {
	max-width: 100%;
	width: auto;
 }

.doc-linkbox--name {
	padding-bottom: 20px;
	position: relative;
	float: right;
	width: 54%;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-linkbox--name {
	padding-bottom: 0;
	width: 65%;
 }
}

.doc-linkbox--name::before {
	position: absolute;
	left: 0;
 bottom: 0;
 content: "";
 display: inline-block;
 height: 1px;
 background: #d23056;
 width: 40px;
	}

.doc-linkbox--name::after {
	position: absolute;
	left: 40px;
 bottom: 0;
 content: "";
 display: inline-block;
 height: 1px;
 background: #ccc;
 width: 20px;
	}

/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-linkbox--name::before,
.doc-linkbox--name::after {
 background: none;
	}
}


.doc-linkbox--tag {
	background: #ce365a url(../../investment/images/inv_ic_i.png) no-repeat;
	background-size: 26px;
	background-position: right 13px center;
	color: #fff;
	padding: 0.58em 2em 0.45em 2em;
	position: absolute;
	left: 0;
	bottom: 25px;
	width: 77%;
 }
/********* sp *********/
@media only screen and (max-width: 750px) {
.doc-linkbox--tag {
	background: #ce365a url(../../investment/images/inv_ic_i.png) no-repeat;
	background-size: 18px;
	background-position: right 10px center;
	padding: 0.42em 2em 0.35em 1em;
	position: absolute;
	left: 37%;
	bottom: 0;
	width: 54%;
 }
}


.tap_personal {
    color: #fff;
    background-color: #96a1a3;
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 3px 10px;
    position: absolute;
    /*width: 10%;*/
}

@media only screen and (max-width: 750px) {
  .tap_personal {
    font-size: 10px;
    padding: 3px 10px;
   }
}

.inv-linkbox--name_dt {
    width: 98%;
    display: inline-block;
    margin: 30px 0;
}
/********* sp *********/
@media only screen and (max-width: 750px) {
    .inv-linkbox--name_dt{
        margin: 10px 0 0 0;
        width: 98%;
    }
}