@charset "UTF-8";
*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}


body {
	font-family: 'Roboto', sans-serif !important;
}

#header_top {
	background-image: none;
}
#header_area_sp {
	overflow: hidden;
	min-height: 60px;
}

/* main_category
--------------------------------------------------- */
#main_category {
	background: url(/investment/img/bg_main_visual.jpg) no-repeat left center;
	-webkit-background-size: cover;
	background-size: cover;
}
#main_category .ttl_lv01 {
	padding-top: 56px}


.wrap_box_pg_logo {
	background-image: url(/investment/img/pg_logo.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90% auto;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
}



/* s01 main_visual
--------------------------------------------------- */
#s01 {
	background-image: url(/investment/img/bg_main_visual.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #464646;
}

.topvisual {
	position: absolute; 
	text-align: center; 
	width: 100%; 
	/*z-index: 1; */
	top: calc(50vh - 4rem - 60px);
	color: #ffffff;
	font-size: 2rem;
}

/* #s01 p{
	position: absolute; 
	padding:0 10%; 
	text-align: center; 
	width: 100%; 
	z-index: 1; 
	top: 450px;
	} */

/* our team 
--------------------------------------------------- */
.member{
	display: flex;
}  

.member div{
	flex:1;
}

.profile01{
	flex-direction: row-reverse;
}

.profile02{
	margin-top:60px;
}

.profile03{
	flex-direction: row-reverse;
	margin-top:60px;
}

.member h3{
	font-size:170%; 
	margin-top:15px;
	padding-bottom:20px;
} 

.member img{
	padding-top:10px;
}

.modal_btn a {
	color: initial;
	text-decoration: none;
}


/* Portfolio list
--------------------------------------------------- */
.japan{
	color: #EF8B1E;
}

.global{
	color: #2CC4C4;
}

#Portfolio_list hr{
	height: 1px;
	background-color: #ccc;
	border: none;
	color: #ddd;
}

/* pc
--------------------------------------------------- */
@media screen and (min-width: 1024px) {
#main_category .wrap {
	max-width: 100%;
}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
.content_area .pic_item .img_resize, .content_area .pic_item02 .img_resize {
	hight: 160px;
	width: 236px;
}
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
.container12 {
	width: 90%;
}
}

/* tablet
--------------------------------------------------- */
@media screen and (min-device-width: 768px) and (max-device-width: 1023px) and (-webkit-min-device-pixel-ratio: 2) {
#service_area {
	max-width: 1004px;
	padding: 0 10px;
	box-sizing: border-box;
}
#service_area .container12 {
	width: 100%;
}

#s01 p{
	top: 550px;
}

}

/* sp
--------------------------------------------------- */
@media screen and (max-width: 767px) {
#main_category .ttl_lv01 {
	padding-top: 12px;
}

#s01 {
	background-image: url(/investment/img/bg_main_visual_sp.jpg);
}

#s01 h1{
	top: 240px;
}


#s01 h1 img{
	height: 30px;
}

#s01 p{
	padding: 0 15%;
	top: 400px;
}

.container12.section_box:last-child, .wrap_content02:last-child {
    padding-bottom: 50px;
}

.member{
	display: block;
}

}










.wrap_box_pg_logo .ttl_lv02 h2 {
	color: #5a5858;
	font-weight: normal;
}



.container12.section_box:last-child, .wrap_content02:last-child {
    padding-bottom: 100px;
}



.media .ttl_lv02 h2 {
    color: #5a5858;
    font-weight: normal;
    font-size: 36px;
}


.ttl_lv02 h2 {
    color: #5a5858;
    font-size: 165%;
    font-weight: normal;
    line-height: 1.4;
    padding-bottom: 20px;
}



.wrap_content .ttl_lv03 h3, .wrap_content02 .ttl_lv03 h3 {
    border-left: 0 none;
    color: #5a5858;
    display: inline-block;
    font-weight: bold;
    padding-bottom: 20px;
    padding-left: 0px;
}


.list_box.space li {
	background-image: url(/investment/img/list_mark.jpg);
	background-repeat: no-repeat;
	padding-bottom: 30px;
	line-height: 1.8;
	padding-left: 1.7em;
	text-indent: 0;
}


.txt_item p:last-child {
	/* line-h.wrap_content02:last-child {
		eight: 1.6;
		padding-bottom: 0;
} */
}

/* 1文字分インデント */
.codicil p,
.codicil ul > li,
.codicil > li {
		padding-left: 1.4em;
		line-height: 1.2;
}



.container12.section_last,
.container12.section_box,
.container12.section_topic_path,
.container12.section_topic_path_bottom,
.container12.section_short,
.content_area.container12,
.container12.section_only {
		max-width: 1000px;
		margin: 0 auto;
		padding: 100px 0;
}


#main_category .ttl_lv01 h1 {
		display: inline-block;
		/*text-indent: 100%;*/
		/*white-space: nowrap;*/
		overflow: hidden;
}



.wrap_box_pg_logo .lead_extreme {
		font-size: 28px;
}




#main_category .ttl_lv01 h1 {
		/*font-size: 1.4rem;*/
}



.container12.section_last,
.container12.section_topic_path,
.container12.section_topic_path_bottom,
.container12.section_short,
.container12.section_box,
.container12.section_only {
		width: 94%;
		margin: 0 auto;
		background-color: transparent;
		padding: 100px 0;
}




/* tablet low-level　common
--------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.container12.section_last,
.container12.section_box,
.container12.section_topic_path,
.container12.section_topic_path_bottom,
.container12.section_short,
.content_area.container12,
.container12.section_only {
		max-width: 960px;
		margin: 0 auto;
		padding-left: 3%;
		padding-right: 3%;
		box-sizing: border-box;
		padding: 100px 0;
}

#main_category .ttl_lv01 h1 {
		/*width: 200px;*/
		height: 86px;
}

}



.modal_title {
	font-weight: 700;
	margin-bottom: 20px;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pconly {
	display: -webkit-box !important;
}

.sponly {
	display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 780px) {
	.pconly {
		display: none !important;
	}

	.sponly {
		display: -webkit-box !important;
	}
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
	.pconly {
		display: block !important;
	}

	.sponly {
		display: none !important;
	}
}

@media all and (max-width: 768px) and (-ms-high-contrast: none) {

	*::-ms-backdrop,
	.pconly {
		display: none !important;
	}

	*::-ms-backdrop,
	.sponly {
		display: block !important;
	}
}

.container12.section_box.worldporfolio {
	width: 100%;
}