@charset "utf-8";
.transaction_topimg {
	background: url(../images/transaction/transaction_mainimg.png);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 350px 0 0;
	background-position: center;
}
.contentes_transaction{
	background: #f2f2f2;
	margin-top: -50px;
	padding-bottom: 30px;
}
.transactionarea{
	padding-top: 70px;
	padding-bottom: 50px;
}
.tlead1 {
	text-align: center;
	font-weight: bold;
	font-size: 1.8em;;
	line-height: 1.5;
	color: #F39800;
}
.tlead2 {
	text-align: center;
	font-size: 1.2em;
	line-height: 1.7;
	margin-top: 20px;
}
.fuaturenarea_text{
	font-size: 1.4em;
	font-weight: bold;
	padding-top: 50px;
}
.transactin_cont{
	padding: 30px 0 50px;
}
.fuature {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 35px;
}
.fuature01, .fuature02, .fuature03, .fuature04 {
	margin-bottom: 25px;
	width: 48%;
	padding: 170px 5px;
}
.fuature01 {
	background: url(../images/transaction/future01.png) center center no-repeat;
	background-size: cover;
}
.fuature01::before {
	content: '';
	background-image: url(../images/transaction/future01_m.png) ;
}
.fuature01:hover {
	background-image: url(../images/transaction/future01_m.png);
}
.fuature02 {
	background: url(../images/transaction/future02.png) center center no-repeat;
	background-size: cover;
}
.fuature02::before {
	content: '';
	background-image: url(../images/transaction/future02_m.png) ;
}
.fuature02:hover {
	background-image: url(../images/transaction/future02_m.png);
}
.fuature03 {
	background: url(../images/transaction/future03.png) center center no-repeat;
	background-size: cover;
}
.fuature03::before {
	content: '';
	background-image: url(../images/transaction/future03_m.png) ;
}
.fuature03:hover {
	background-image: url(../images/transaction/future03_m.png);
}
.fuature04 {
	background: url(../images/transaction/future04.png) center center no-repeat;
	background-size: cover;
}
.fuature04::before {
	content: '';
	background-image: url(../images/transaction/future04_m.png) ;
}
.fuature04:hover {
	background-image: url(../images/transaction/future04_m.png);
}
.futuretxt01,.futuretxt02,.futuretxt03,.futuretxt04 {
	color: #fff;
	text-align: center;
}
.future_midasi {
	font-size: 1.2em;
}
.future_yajirusi {
	padding-top: 10px;
	font-size: 1.2em;
}
.future_title {
	font-weight: bold;
	line-height: 2em;
	color: #F39800;
	font-size: 2em;
}
.future_txt {
	font-size: 1.2em;
	line-height: 1.7em;
	padding-top: 30px;
}

@media only screen and (max-width: 768px){
.transaction_topimg  {
	padding: 230px 0 0;
}
.contentes_transaction{
	padding-bottom: 10px;
	margin-top: 0;
}
.transactionarea {
	padding-top: 50px;
	padding-bottom: 30px;
}
.tlead1 {
	font-size: 1.5em;
}
.tlead2 {
	font-size: 1.1em;
	line-height: 1.9;
	margin-top: 10px;
}
.transactin_cont {
	padding: 20px 0 50px;
}
.fuature01, .fuature02, .fuature03, .fuature04{
	width: 47%;
	padding: 120px 5px;
}
.future_midasi {
	font-size: 1em;
}
.future_title{
	font-size: 1.8em;
}
}
@media only screen and (max-width: 599px){
.transaction_topimg  {
	padding: 150px 0 0;
}
.tlead1 {
	font-size: 1.2em;
}
.tlead2 {
	line-height: 1.7;
}
.fuaturenarea_text{
	font-size: 1.3em;
	text-align: center;
}
.transactin_cont {
	padding: 0px 0 50px;
}
.fuature01, .fuature02, .fuature03, .fuature04{
	width: 90%;
	margin: 0 auto 30px;
}
}
@media only screen and (max-width: 380px){
.fuature01, .fuature02, .fuature03, .fuature04{
	padding: 100px 5px;
}
}
.future_title {
	font-size: 1.6em;
}
.future_txt {
	font-size: 1.1em;
	line-height: 1.5em;
	padding-top: 20px;
}
}