@media screen and (min-width:641px),
screen and (orientation: landscape){
#main-title { background: url(../images/investment/h2.jpg) no-repeat top center; }

.break { display: block; }

.c_text { width: 735px; color: #0a090a; font-size: 14px; line-height: 2; margin: 0 auto 30px; }

/*.c_text*/

.investment_main{
	width: 800px;
	position: relative;	
	height: 360px;
}

.investment_mainttl{
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
}

.investment_main .txt{
	position: absolute;
	bottom:70px;
	width: 800px;
	font-size: 22px;
	left:0;
	z-index: 12;
	text-align: center;
}

.investment_txt01{
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
	padding: 0 0 26px 0;
}

.investment_txt01 p{
	padding: 0 0 15px 0;
}

.investment_link_frame{
	margin: 0 0 60px 0;
}

.investment_link_frame li{
	width: 390px;
		padding: 1px;
	background-color: #aba17f;
}

.investment_link_frame li .img{
	width: 388px;
	border: 5px solid #01275d;
}

.investment_link_frame li .txt{
background-color: #01275d;
background-image: url("http://localhost/css/../images/investment/investment_link_arrow.png");
background-position: center 33px;
background-repeat: no-repeat;
width: 388px;
text-align: center;
color: #fff;
font-size: 14px;
padding: 10px 0 30px 0;
}

.investment_link_frame li a:hover{
	text-decoration-color:#fff; 
}


.investment_cnt{
	border-left:20px solid #01275d;
	border-right:20px solid #01275d;
	border-bottom:20px solid #01275d;
	margin: 0 0 40px 0;
}

.investment01_link{
	padding: 40px 0 40px 65px;
}

.investment01_link li{
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
	padding: 0 55px 0 0;
}

.investment01_link li .img{
height: 100px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 170px;
}

.investment01_link li .txt{}

.investment_cnt_frame{
	clear: both;
	margin: 0 20px 20px 20px;
	padding: 10px;
	background-color: #f3f2e6;
}

.investment_cnt_frame_innner{
	border: 1px dotted #404040;
	padding: 15px 10px 15px 15px;
}

.investment_cnt_frame h4{
	text-align: center;
	padding: 15px 0 20px 0;
}

.investment_cnt_frame p.txt{
	line-height: 1.8;
	font-size: 14px;
	padding: 0 20px 20px 20px;
}

.investment_cnt_frame p.img{
	text-align: center;
}


.investment_cnt_frame02{}

.investment_cnt_frame02 .img{
	width: 230px;
	float: left;
padding: 30px 0 30px 30px;
}

.investment_cnt02_txt{
	float: right;
	width: 520px;
	padding: 30px 20px 10px 0;
	font-size: 14px;
	line-height: 1.8;
}

.investment_cnt02_txt p{
	padding: 0 0 15px 0;
}



.investment03_cnt{
	background-color: #f3f2e6;
	margin: 0 0 30px 0;
}

.investment03_cnt h3{
	padding: 0 0 40px 0;
}

.investment03_innner{
	padding: 0 20px 10px 20px;
}

.investment03_innner h4{
	padding: 0 0 20px 0;
}


.investment03_innner .img{
	width: 260px;
	padding: 0 10px 50px 0;
}

.investment03_innner .txt{
	width: 470px;
		padding: 0 0 50px 0;
}

.investment03_innner .txt p{
	font-size: 14px;
	line-height: 2;
	padding: 0 0 15px 10px;
}


.last_txt{
	margin: 20px 0 -55px 0;
}

}
@media screen and (orientation: portrait) {
@media screen and (max-width:640px) {

#main-title { background: url(../images/investment/h2.jpg) no-repeat top center; }

.break { display: block; }

.c_text { color: #0a090a; font-size: 14px; line-height: 2; margin: 0 auto 30px; }

/*.c_text*/

.investment_main{
	position: relative;
	background: #f3f2e6;
	padding: 4rem 3% 3rem;
	margin-bottom: 3rem;
}

.investment_mainttl{
	margin-bottom: 1rem;
}

.investment_main .txt{
	font-size: 1.3em;
	line-height: 1.4;
	text-align: center;
}

.investment_txt01{
	font-size: 1em;
	line-height: 1.8;
	padding: 0 4% 26px;
}

.investment_txt01 p{
	padding: 0 0 15px 0;
}

.investment_link_frame{
	margin: 0 0 60px 0;
}

.investment_link_frame li{
	margin: 0px auto 1em;
	max-width: 388px;
	padding: 1px;
	text-align: center;
	background-color: #01275d;
}

.investment_link_frame li .img{
	border: 5px solid #01275d;
}

.investment_link_frame li .txt{
background-color: #01275d;
background-image: url("http://localhost/css/../images/investment/investment_link_arrow.png");
background-position: center 33px;
background-repeat: no-repeat;
text-align: center;
color: #fff;
font-size: 1em;
line-height: 1.3;
padding: 10px 2% 30px;
}

.investment_link_frame li a:hover{
	text-decoration-color:#fff; 
}


.investment_cnt{
	border-left:20px solid #01275d;
	border-right:20px solid #01275d;
	border-bottom:20px solid #01275d;
	margin: 0 0 40px 0;
}

.investment01_link{
	padding: 4rem 0 2rem;
}

.investment01_link li{
	text-align: center;
	font-size: 1em;
	line-height: 1.4;
	padding: 0 0 2rem 0;
}

.investment01_link li .img{
	text-align: center;
	margin-bottom: 1.5rem;
}

.investment01_link li .txt{}

.investment_cnt_frame{
	clear: both;
	margin: 0 4% 3rem;
	padding: 10px;
	background-color: #f3f2e6;
}

.investment_cnt_frame_innner{
	border: 1px dotted #404040;
	padding: 2rem 4%;
}

.investment_cnt_frame h4{
	text-align: center;
	padding: 15px 0 20px 0;
}

.investment_cnt_frame p.txt{
	line-height: 1.8;
	font-size: 1em;
	padding: 0 2% 20px;
}

.investment_cnt_frame p.img{
	text-align: center;
}


.investment_cnt_frame02{}

.investment_cnt_frame02 .img{
	padding: 3rem 0 2rem;
	text-align: center;
}

.investment_cnt02_txt{
	padding: 0 5%;
	font-size: 1em;
	line-height: 1.8;
}

.investment_cnt02_txt p{
	padding: 0 0 15px 0;
}



.investment03_cnt{
	background-color: #f3f2e6;
	margin: 0 0 30px 0;
}

.investment03_cnt h3{
	margin-bottom: 2rem;
	padding: 2rem 0;
	background: #f0e19e;
}
.investment03_cnt h3 img { margin: 0px auto;}

.investment03_innner{
	padding: 0 4% 10px;
}

.investment03_innner h4{
	padding: 0 0 20px 0;
}


.investment03_innner .img{
	padding: 0 0 2rem 0;
	text-align: center;
}

.investment03_innner .txt{
	padding: 0 0 3em;
}

.investment03_innner .txt p{
	font-size: 1em;
	line-height: 2;
	padding: 0 0 15px 10px;
}


.last_txt{
	margin: 5rem 0 -2rem 0;
}
.last_txt img { margin: 0px auto;}

}
}




