@charset "utf-8";
/*----------------------------------------------------
creation date 2016.5
http://www.sevenbank.co.jp/soukin/
Copyright (C) Seven Bank,Ltd. All Rights Reserved.
----------------------------------------------------*/

/*------------------------------------
    base
====================================*/
body {
	font-size:12px;
	font-size:75%\9;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height:1.5;
	color:#333333;
	background:#EEE;
	-webkit-text-size-adjust:none;
}

a:link {
	color:#336699;
	text-decoration:underline;
}
a:hover,
a:active{
	color:#6699CC;
	text-decoration:none;
}
sup {
    font-size: 55%;
    vertical-align: super;
}
.img100 {
	max-width:100%;
}
.clearfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.clearfix {zoom:1;}

.left {float:left;}
.right {float:right;}
.align_c {text-align:center;}
.align_r {text-align:right;}

.ml1em {margin-left:1em;}

.tIndent3em, .tIndent3em>li {
	text-indent:-3em;
	padding-left:3em;
}


/*------------------------------------
====================================*/
.contentWrap{
	max-width:900px;
	background:#eeeeee;
	margin:0 auto;
	-webkit-box-shadow: 0px 0px 30px #808080;
	-moz-box-shadow: 0px 0px 30px #808080;
	box-shadow: 0px 0px 30px #808080;
}

@media (max-width:768px){
.contentWrap{
	width:100%;
	margin:0 auto;
}
}
/* header
------------------------------------*/
header{
	max-width:900px;
	margin:0 auto;
	background:#ffffff;
	text-align:left;
	padding-bottom:10px;
}
/* logo */
header #site_ttl {
	padding-top:10px;
	float:left;
}
header #site_ttl a {
	color:#333;
	text-decoration:none;
	cursor:pointer;
}
header #site_ttl img {
	margin:0 10px;
}
@media (max-width: 519px) {
header #site_ttl img {
	width:120px;
}
}


/* content
------------------------------------*/
.content{
	width:100%;
	margin:0 auto;
	text-align:left;
	background:#FFF;
}
@media (max-width:768px){
.content{
	width:100%;
	margin:0 auto;
}
}
.content .mainVisual{
	width:100%;
	background:url(/soukin/jp/lp/lp_02/shared/img/lp_02_bg_main.jpg) no-repeat;
	background-size:contain;
}
.content .mainVisual img{
	max-width:100%;
	height:auto;
}

.content .contentInner{
	max-width:100%;
}
@media (max-width:768px){
.content .contentInner{
	padding: 0 5px;
}
}

.txtImg {
	margin:7px 10px 15px 0;
}


/* langArea
------------------------------------*/
.langArea {
	background:#ffffe0 url(/soukin/jp/lp/lp_02/shared/img/lp_02_bg_001.png) no-repeat center;
	background-size:contain;
	padding:50px 10px;
}
@media (max-width: 519px) {
.langArea {
	padding:30px 10px;
}
}
.langArea ul.langBtn {
	max-width:435px;
	font-size:0;
	text-align:center;
	margin:15px auto 0;
}
.langArea ul.langBtn li {
	position:relative;
	width:134px;
	font-size:12px;
	display:inline-block;
	background:#333333;
	border:solid 2px #333333;
	margin:7px 7px 0 0;
	vertical-align:top;
}
.langArea ul.langBtn li:hover {
	margin-top:5px;
}
.langArea ul.langBtn li:before {
	content:"";
	display:block;
	position:absolute;
	top:50%;
	left: 5px;
	box-sizing: border-box;
	width: 8px;
	height: 6px;
	border: 6px solid transparent;
	border-left: 8px solid #ffffff;
	margin-top:-6px;
}
.langArea ul.langBtn li a {
	color:#ffffff;
	display:table-cell;
	text-decoration:none;
	height:inherit;
	width:inherit;
	vertical-align:middle;
	border:solid 1px #ffffff;
	padding:8px 8px 8px 15px;
}

.langArea ul.langBtn li.langBtn_jp {
	background:#0075c2;
	border:solid 2px #0075c2;
	border-right:solid 2px #003c81;
	border-bottom:solid 2px #003c81;
}
@media (max-width: 519px) {
.langArea ul.langBtn {
	max-width:294px;
}
.langArea ul.langBtn li.langBtn_jp {
	width:279px;
}
}
@media (max-width: 319px) {
.langArea ul.langBtn li {
	width:100%;
	margin:7px 0 0 0;
}
.langArea ul.langBtn li.langBtn_jp {
	width:100%;
}
.langArea ul.langBtn li a {
	width:999999px;
}
}
.langArea ul.langBtn li.langBtn_en {
	background:#00983d;
	border:solid 2px #2eaf52;
	border-right:solid 2px #006a0f;
	border-bottom:solid 2px #006a0f;
}
.langArea ul.langBtn li.langBtn_cnk {
	background:#7e318e;
	border:solid 2px #9a4cab;
	border-right:solid 2px #570569;
	border-bottom:solid 2px #570569;
}
.langArea ul.langBtn li.langBtn_ph {
	background:#f18d00;
	border:solid 2px #ff9f22;
	border-right:solid 2px #b05700;
	border-bottom:solid 2px #b05700;
}
.langArea ul.langBtn li.langBtn_pt {
	background:#009fb9;
	border:solid 2px #38b7d2;
	border-right:solid 2px #006e87;
	border-bottom:solid 2px #006e87;
}
.langArea ul.langBtn li.langBtn_es {
	background:#e60020;
	border:solid 2px #ff3333;
	border-right:solid 2px #930000;
	border-bottom:solid 2px #930000;
}
.langArea ul.langBtn li.langBtn_ti {
	background:#171c61;
	border:solid 2px #3d3882;
	border-right:solid 2px #000014;
	border-bottom:solid 2px #000014;
}
.langArea ul.langBtn li.langBtn_vi {
	background:#f3d700;
	border:solid 2px #ffef26;
	border-right:solid 2px #faba06;
	border-bottom:solid 2px #faba06;
}
.langArea ul.langBtn li.langBtn_id {
	background:#a40b5d;
	border:solid 2px #b8296e;
	border-right:solid 2px #66002b;
	border-bottom:solid 2px #66002b;
}
.langArea ul.langBtn li.langBtn_jp:hover {
	color:#0075c2;
	background:#8dd0eb;
	border:solid 2px #0075c2;
	border-bottom:solid 4px #0075c2;
}
.langArea ul.langBtn li.langBtn_en:hover {
	color:#00983d;
	background:#8ddd91;
	border:solid 2px #00983d;
	border-bottom:solid 4px #00983d;
}
.langArea ul.langBtn li.langBtn_cnk:hover {
	color:#7e318e;
	background:#cbaed2;
	border:solid 2px #7e318e;
	border-bottom:solid 4px #7e318e;
}
.langArea ul.langBtn li.langBtn_ph:hover {
	color:#ff6a15;
	background:#fbc171;
	border:solid 2px #f18d00;
	border-bottom:solid 4px #f18d00;
}
.langArea ul.langBtn li.langBtn_pt:hover {
	color:#009fb9;
	background:#96e1e2;
	border:solid 2px #009fb9;
	border-bottom:solid 4px #009fb9;
}
.langArea ul.langBtn li.langBtn_es:hover {
	color:#e60020;
	background:#f59fab;
	border:solid 2px #e60020;
	border-bottom:solid 4px #e60020;
}
.langArea ul.langBtn li.langBtn_ti:hover {
	color:#171c61;
	background:#9e9ecd;
	border:solid 2px #171c61;
	border-bottom:solid 4px #171c61;
}
.langArea ul.langBtn li.langBtn_vi:hover {
	color:#ed8d00;
	background:#ffe940;
	border:solid 2px #ed8d00;
	border-bottom:solid 4px #ed8d00;
}
.langArea ul.langBtn li.langBtn_id:hover {
	color:#a40b5d;
	background:#d895ca;
	border:solid 2px #a40b5d;
	border-bottom:solid 4px #a40b5d;
}


.langArea ul.langBtn li.langBtn_jp a:hover {
	color:#0075c2;
}
.langArea ul.langBtn li.langBtn_en a:hover {
	color:#00983d;
}
.langArea ul.langBtn li.langBtn_cnk a:hover {
	color:#7e318e;
}
.langArea ul.langBtn li.langBtn_ph a:hover {
	color:#ff6a15;
}
.langArea ul.langBtn li.langBtn_pt a:hover {
	color:#009fb9;
}
.langArea ul.langBtn li.langBtn_es a:hover {
	color:#e60020;
}
.langArea ul.langBtn li.langBtn_ti a:hover {
	color:#171c61;
}
.langArea ul.langBtn li.langBtn_vi a {
	color:#4F4A2B;
}
.langArea ul.langBtn li.langBtn_vi a:hover {
	color:#ed8d00;
}
.langArea ul.langBtn li.langBtn_id a:hover {
	color:#a40b5d;
}


/* footer
------------------------------------*/
#footerWrap{
	width:100%;
	text-align:center;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #3d3d3d 6%, #666666 41%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(6%,#3d3d3d), color-stop(41%,#666666), color-stop(100%,#666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#3d3d3d 6%,#666666 41%,#666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#3d3d3d 6%,#666666 41%,#666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#3d3d3d 6%,#666666 41%,#666666 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #333333 0%,#3d3d3d 6%,#666666 41%,#666666 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
}
#footer{
	width:100%;
	margin:0 auto;
	text-align:left;
	font-size:77%;
	color:#FFF;
}
#footer p{
	padding:15px 10px 20px 0;
	text-align:right;
}