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

/*************************************
common
*************************************/
body#top{
	display: block;/*reset打消し用*/
}

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:#ffffff;
	-webkit-text-size-adjust:none;
}

body.vi{
	font-family:'Arial';
}
body.cnk{
	font-family : 'FontAwesome','Arial7','Helvetica','PingFang SC','Myriad Pro','Hiragino Sans GB','Microsoft Yahei','微软雅黑','sans-serif';
}

img{
	width: 100%;
	max-width:100%;
	height:auto;
}
p{
	margin-bottom: 0;
}

a:link {
	/*color:#336699;*/
	text-decoration:underline;
}
a:hover,
a:active{
	/*color:#6699CC;*/
	text-decoration:none;
}

.pcOnly {
	display: block; }
.spOnly {
	display: none; }

@media (max-width: 768px) {
.pcOnly {
	display: none; }
.spOnly {
	display: block; }
	}


.float_l {float:left;}
.float_r {float:right;}

.clearfix {*zoom:1;}
.clearfix:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix:after {content:"."; display:block; clear:both; height:0; visibility:hidden;}


.br {margin-bottom:1em;}
.left {float:left;}
.right {float:right;}
.align_c {text-align:center;}
.align_r {text-align:right;}
.w100 {width:100%;}
.indent_1em{
	padding-left: 1em;
	text-indent: -1em;
}
.indent_1halfem/*20181218追加*/{
	padding-left: 1.5em;
	text-indent: -1.8em;
}


.innerContents{
	margin: 0 10px;
}


.border01 {
	background: #ffffff;
	position: relative;
	border: 2px solid #f4a51f; /*左枠線*/
	margin: 0 auto;
	width: 90%;
	padding: 20px 15px 15px 20px;
}
.border01::after{
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border: 2px solid #f4a51f; /*中枠線*/
	bottom: -8px;
	right: -8px;
	z-index: 3;
}
.border01::before {
	background: #ffffff;
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	bottom: -8px;
	right: -8px;
	z-index: -1;
}

.band01{
	background-image: -webkit-linear-gradient(-45deg, #009944 25%, #04a458 25%, #04a458 50%, #009944 50%, #009944 75%, #04a458 75%, #04a458);
	background-image: linear-gradient(-45deg, #009944 25%, #04a458 25%, #04a458 50%, #009944 50%, #009944 75%, #04a458 75%, #04a458);
	-webkit-background-size: 12px 12px;
	background-size: 12px 12px;
	height: 45px;
}


@media (max-width:768px){
	.border01 {
		margin: 0 auto;
	}
	.band01{
	height: 20px;
}
}


/*shapes*/
.triangleB,
.triangleR{
	width: 0;
	height: 0;
}
.triangleB{
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 40px solid  #009944;
	margin: 0 auto;
}
.triangleR{
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 40px solid  #f39800;
	margin: auto;
}

.balloonBlue,
.balloonYellow{
	border-radius: 15px;
	display: inline-block;
	margin-left: 26px;
	position: relative;
}
.balloonBlue::after,
.balloonYellow::after{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
}

.balloonBlue{
	background: #004077;
	color: #fff;
	font-size: 2.0em;
	height: auto;
	margin: 18px 0;
	padding: 15px 30px 30px;
	width: 126px;
}
.balloonBlue::after{
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-right: 21px solid  #004077;
	top:36px;
	right: 186px;
}
.balloonYellow{
	background: #ffef96;
	font-size: 1.6em;
	height: 100%;
	line-height: 1.3em;
	padding: 22px 15px 24px;
	width: 156px;
}
.balloonYellow::after{
	border-bottom: 31px solid transparent;
	border-right: 61px solid transparent;
	border-left: 62px solid  #ffef96;
	bottom:-28px;
	transform: rotate(151deg);
	right: 125px;
}
.btnOrange{
	background: #f39800;
	border-radius: 20px;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	margin: 50px auto 20px;
	max-width:693px;
}
.btnOrange a{
	color: #fff;
	display: block;
	font-size: 1.92rem;
	font-weight: bold;
	padding: 33px 35px 26px 36px;
	text-align: center;
	text-decoration: none;
	width:-moz-fit-content;
	width: fit-content;
}
.btnOrange a.en{
	padding: 33px 140px 26px;
}
.btnOrange a.cnk{
	padding: 33px 101px 26px 100px;
}
.btnOrange:hover{
	opacity: 0.9;
}
/*a.btnOrengeLink{
	color: #fff;
	text-decoration: none;
}*/


@media (max-width:768px){
	.border01 {
		width: 86%;
		padding: 10px 10px 5px 10px;
	}
	
	.triangleB{
		border-left: 7vw solid transparent;
		border-right: 7vw solid transparent;
		border-top: 6vw solid  #009944;
		margin: 0 auto;
	}
	.triangleR{
		border-top: 7vw solid #f39800;
		border-bottom: none;
		border-left: 7vw solid transparent;
		border-right: 7vw solid transparent;
		margin: auto;
	}
	.balloonBlue,
	.balloonYellow{
		font-size: 1.0rem;
	}
	.balloonBlue{
		height: auto;
		padding: 5px;
		width: auto;
	}
	.balloonBlue::after{
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-right: 10px solid  #004077;
		top:40%;
		right: 100%;
	}
	.balloonYellow{
		margin: 0 0 0 10px;
		padding: 10px;
	}
	.balloonYellow::after{
		border-top: 6px solid transparent;
		border-bottom: 6px solid transparent;
		border-right: 10px solid #ffef96;
		border-left: none;
		bottom:40%;
		transform: none;
		right: 100%;
	}
	.btnOrange{
		font-size: 1.2rem;
		max-width: 345px;
	}
	.btnOrange a,
	.btnOrange a.en,
	.btnOrange a.cnk{
		padding: 10px;
	}
}

/*------------------------------------
margin
====================================*/
/*---------------
margin
------------------*/
.firstBlock{margin-top:0 !important;}
.m0auto{margin:0 auto !important;}
.m0{margin:0px !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}
.m35{margin:35px !important;}
.m40{margin:40px !important;}
.m45{margin:45px !important;}
.m50{margin:50px !important;}
.m55{margin:55px !important;}
.m60{margin:60px !important;}
.m65{margin:65px !important;}
.m70{margin:70px !important;}
.m75{margin:75px !important;}
.m80{margin:80px !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml35{margin-left:35px !important;}
.ml40{margin-left:40px !important;}
.ml45{margin-left:45px !important;}
.ml50{margin-left:50px !important;}
.ml55{margin-left:55px !important;}
.ml60{margin-left:60px !important;}
.ml65{margin-left:65px !important;}
.ml70{margin-left:70px !important;}
.ml75{margin-left:75px !important;}
.ml80{margin-left:80px !important;}
.ml85{margin-left:85px !important;}
.ml90{margin-left:90px !important;}


.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr18{margin-right:18px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr35{margin-right:35px !important;}
.mr40{margin-right:40px !important;}
.mr45{margin-right:45px !important;}
.mr50{margin-right:50px !important;}
.mr55{margin-right:55px !important;}
.mr60{margin-right:60px !important;}
.mr65{margin-right:65px !important;}
.mr70{margin-right:70px !important;}
.mr75{margin-right:75px !important;}
.mr80{margin-right:80px !important;}


/*---------------
padding
------------------*/
.p0{padding:0px !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}
.p35{padding:35px !important;}
.p40{padding:40px !important;}
.p45{padding:45px !important;}
.p50{padding:50px !important;}
.p55{padding:55px !important;}
.p60{padding:60px !important;}
.p65{padding:65px !important;}
.p70{padding:70px !important;}
.p75{padding:75px !important;}
.p80{padding:80px !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}
.pt55{padding-top:55px !important;}
.pt60{padding-top:60px !important;}
.pt65{padding-top:65px !important;}
.pt70{padding-top:70px !important;}
.pt75{padding-top:75px !important;}
.pt80{padding-top:80px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}
.pb55{padding-bottom:55px !important;}
.pb60{padding-bottom:60px !important;}
.pb65{padding-bottom:65px !important;}
.pb70{padding-bottom:70px !important;}
.pb75{padding-bottom:75px !important;}
.pb80{padding-bottom:80px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl35{padding-left:35px !important;}
.pl40{padding-left:40px !important;}
.pl45{padding-left:45px !important;}
.pl50{padding-left:50px !important;}
.pl55{padding-left:55px !important;}
.pl60{padding-left:60px !important;}
.pl65{padding-left:65px !important;}
.pl70{padding-left:70px !important;}
.pl75{padding-left:75px !important;}
.pl80{padding-left:80px !important;}
.pl150{padding-left:150px !important;}
.pl230{padding-left:230px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr35{padding-right:35px !important;}
.pr40{padding-right:40px !important;}
.pr45{padding-right:45px !important;}
.pr50{padding-right:50px !important;}
.pr55{padding-right:55px !important;}
.pr60{padding-right:60px !important;}
.pr65{padding-right:65px !important;}
.pr70{padding-right:70px !important;}
.pr75{padding-right:75px !important;}
.pr80{padding-right:80px !important;}
.pr125{padding-right:125px !important;}

/*---------------
width
------------------*/
.wAuto{width:auto !important;}
.w1{width:1% !important;}
.w5{width:5% !important;}
.w7{width:7% !important;}
.w8{width:8% !important;}
.w9{width:9% !important;}
.w10{width:10% !important;}
.w12{width:12% !important;}
.w14{width:14% !important;}
.w15{width:15% !important;}
.w17{width:17% !important;}
.w20{width:20% !important;}
.w25{width:25% !important;}
.w26{width:26% !important;}
.w28{width:28% !important;}
.w29{width:29% !important;}
.w30{width:30% !important;}
.w33{width:33% !important;}
.w34{width:34% !important;}
.w35{width:35% !important;}
.w40{width:40% !important;}
.w45{width:45% !important;}
.w48{width:48% !important;}
.w50{width:50% !important;}
.w55{width:55% !important;}
.w60{width:60% !important;}
.w65{width:65% !important;}
.w70{width:70% !important;}
.w75{width:75% !important;}
.w80{width:80% !important;}
.w85{width:85% !important;}
.w90{width:90% !important;}
.w95{width:95% !important;}
.w100{width:100% !important;}

.w100p{width:100px !important;}
.w200p{width:200px !important;}
.w300p{width:300px !important;}
.w400p{width:400px !important;}
.w500p{width:500px !important;}





/*------------------------------------
header
-------------------------------------*/
/* lang */
header #lang {
	width:auto;
	font-size:93%;
	margin:10px 10px 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index:1000;
}

@media (max-width: 519px) {
header #lang {
	clear:both;
	float:right;
	position: static;
	}
}

header #lang p,
header #lang dl {
display:inline-block;
}
header #lang p {
min-height:14px;
margin-right:1px;
padding:10px 20px 9px;
font-weight:bold;
background:#FFE351;
float: left;
}
header #lang dl dt {
display:inline-block;
min-height:14px;
padding:10px 27px 9px 30px;
font-weight:bold;
background-color:#DDD;
background-image:url(/soukin/shared/image/icon_arrow_b_s.png);
background-position:14px 15px;
background-repeat:no-repeat;
cursor:pointer;
}
header #lang dl dt.open {
background-image: url(/soukin/shared/image/icon_menu_close.gif);
background-position:10px 11px;
}
header #lang dl dd {
position:absolute;
display:none;
padding:0 10px 10px;
background:#DDD;
z-index:1000;
}
header #lang dl dd ul li {
float:none;
margin-bottom:1px;
padding:5px 10px;
border:1px solid #CCC;
background:#FFF;
}

header #lang dl dd ul li a {
display:block;
width:55px;
height:24px;
margin:0 1px 1px 0;
text-indent:-9999px;
overflow:hidden;
background-image:url(/soukin/shared/image/lang.png);
background-repeat:no-repeat;
}
header #lang li.btn01 a {background-position:0 0;}
header #lang li.btn01 a:hover {background-position:0 -24px;}
header #lang li.btn01 a.current {background-position:0 -48px;}
header #lang li.btn02 a {background-position:-60px 0;}
header #lang li.btn02 a:hover {background-position:-60px -24px;}
header #lang li.btn02 a.current {background-position:-60px -48px;}
header #lang li.btn03 a {background-position:-120px 0;}
header #lang li.btn03 a:hover {background-position:-120px -24px;}
header #lang li.btn03 a.current {background-position:-120px -48px;}
header #lang li.btn04 a {background-position:-180px 0;}
header #lang li.btn04 a:hover {background-position:-180px -24px;}
header #lang li.btn04 a.current {background-position:-180px -48px;}
header #lang li.btn05 a {background-position:-240px 0;}
header #lang li.btn05 a:hover {background-position:-240px -24px;}
header #lang li.btn05 a.current {background-position:-240px -48px;}
header #lang li.btn06 a {background-position:-300px 0;}
header #lang li.btn06 a:hover {background-position:-300px -24px;}
header #lang li.btn06 a.current {background-position:-300px -48px;}
header #lang li.btn07 a {background-position:-360px 0;}
header #lang li.btn07 a:hover {background-position:-360px -24px;}
header #lang li.btn07 a.current {background-position:-360px -48px;}
header #lang li.btn08 a {background-position:-420px 0;}
header #lang li.btn08 a:hover {background-position:-420px -24px;}
header #lang li.btn08 a.current {background-position:-420px -48px;}
header #lang li.btn09 a {background-position:-480px 0;}
header #lang li.btn09 a:hover {background-position:-480px -24px;}
header #lang li.btn09 a.current {background-position:-480px -48px;}
header #lang li.btn10 a {background-position:-540px 0;}
header #lang li.btn10 a:hover {background-position:-540px -24px;}
header #lang li.btn10 a.current {background-position:-540px -48px;}


header #lang dl dd ul li a {
display:block;
width:auto;
height:auto;
padding-left:16px;
text-indent:0;
text-align:left;
background-image:url(/soukin/shared/image/icon_arrow_r_s.png) !important;
background-repeat:no-repeat;
background-position:0 5px !important;
}
header #lang dl dd ul li a.current {
color:#333;
text-decoration:none;
}

/* 言語 */
header #lang p#lang_jpn {
	color: #fff;
	background: #0089ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #0089ff 0%, #0069ff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0089ff), color-stop(100%,#0069ff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0089ff 0%,#0069ff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0089ff 0%,#0069ff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0089ff 0%,#0069ff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0089ff 0%,#0069ff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0089ff', endColorstr='#0069ff',GradientType=0 ); /* IE6-9 */
}

header #lang p#lang_tlg {
	color: #fff;
	background: #ff6300; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff6300 0%, #e94000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff6300), color-stop(100%,#e94000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff6300 0%,#e94000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff6300 0%,#e94000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff6300 0%,#e94000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff6300 0%,#e94000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6300', endColorstr='#e94000',GradientType=0 ); /* IE6-9 */
}

header #lang p#lang_chi {
	color: #fff;
	background: #4420ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #4420ff 0%, #1a05d3 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4420ff), color-stop(100%,#1a05d3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4420ff 0%,#1a05d3 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4420ff 0%,#1a05d3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4420ff 0%,#1a05d3 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4420ff 0%,#1a05d3 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4420ff', endColorstr='#1a05d3',GradientType=0 ); /* IE6-9 */
}
header #lang p#lang_eng {
	color: #fff;
	background: #19e300; /* Old browsers */
	background: -moz-linear-gradient(top,  #19e300 0%, #19e300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#19e300), color-stop(100%,#19e300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #19e300 0%,#19e300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #19e300 0%,#19e300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #19e300 0%,#19e300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #19e300 0%,#19e300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19e300', endColorstr='#19e300',GradientType=0 ); /* IE6-9 */
}
header #lang p#lang_ptg {

	color: #fff;
	background: #00fd9f; /* Old browsers */
	background: -moz-linear-gradient(top,  #00fd9f 0%, #09d473 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00fd9f), color-stop(100%,#09d473)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00fd9f 0%,#09d473 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00fd9f 0%,#09d473 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00fd9f 0%,#09d473 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #00fd9f 0%,#09d473 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fd9f', endColorstr='#09d473',GradientType=0 ); /* IE6-9 */
}
header #lang p#lang_spn {
	color: #fff;
	background: #ff1d0e; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff1d0e 0%, #cb0300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff1d0e), color-stop(100%,#cb0300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff1d0e 0%,#cb0300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff1d0e 0%,#cb0300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff1d0e 0%,#cb0300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff1d0e 0%,#cb0300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1d0e', endColorstr='#cb0300',GradientType=0 ); /* IE6-9 */
}
header #lang p#lang_thi {
	color: #fff;
	background: #0108a5; /* Old browsers */
	background: -moz-linear-gradient(top,  #0108a5 0%, #000363 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0108a5), color-stop(100%,#000363)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0108a5 0%,#000363 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0108a5 0%,#000363 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0108a5 0%,#000363 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0108a5 0%,#000363 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0108a5', endColorstr='#000363',GradientType=0 ); /* IE6-9 */
}
header #lang p#lang_vnm {
	color: #fff;
	background: #ffdf00; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffdf00 0%, #ecc300 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffdf00), color-stop(100%,#ecc300)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffdf00 0%,#ecc300 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffdf00 0%,#ecc300 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffdf00 0%,#ecc300 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffdf00 0%,#ecc300 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdf00', endColorstr='#ecc300',GradientType=0 ); /* IE6-9 */
}
header #lang p#lang_ind {
	color: #fff;
	background: #830f86; /* Old browsers */
	background: -moz-linear-gradient(top,  #830f86 0%, #650869 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#830f86), color-stop(100%,#650869)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #830f86 0%,#650869 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #830f86 0%,#650869 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #830f86 0%,#650869 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #830f86 0%,#650869 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#830f86', endColorstr='#650869',GradientType=0 ); /* IE6-9 */
}



/*------------------------------------
h1
-------------------------------------*/
h1 {
	background:none;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content:center;
	justify-content:center;
	padding: 30px 54px 27px;
	margin:0;
}
h1 .circle{
	position: relative;
	display: inline-block;
	width: 198px;
	height: 198px;
	border-radius: 50%;
	background-image: -webkit-linear-gradient(-45deg, #009944 25%, #04a458 25%, #04a458 50%, #009944 50%, #009944 75%, #04a458 75%, #04a458);
	background-image: linear-gradient(-45deg, #009944 25%, #04a458 25%, #04a458 50%, #009944 50%, #009944 75%, #04a458 75%, #04a458);
	-webkit-background-size: 12px 12px;
	background-size: 12px 12px;
	}
h1 .circle span.circleInner {
	position: absolute;
	color: #fff;
	display: inline-block;
	font-size: 2.44rem;
	font-weight: bold;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width :100%;
	text-align:center;
}
h1 .circle span.circleInner.en {
	font-size: 3.44rem;
}
h1 span.tlt {
	font-size: 2.94rem;
	font-weight: bold;
	line-height: 2.94rem;
	margin: auto;
	padding-left: 20px;
	width: fit-content;
}
h1 span.tlt.en {
	line-height: 3.94rem;
}
h1 span.tlt.cnk {
	font-size: 3.4rem;
	line-height: 3.9rem;
}
h1 span.tlt .tltBold {
	font-size: 5.44rem;
	color: #04a458;
	line-height: 7.0rem;
}
h1 span.tlt .tltBold.en {
	font-size: 5.3rem;
}
h1 span.tlt .tltBold.pt, h1 span.tlt .tltBold.es {
	font-size: 4.7rem;
}
h1 span.tlt .tltBold.cnk {
	font-size: 4.44rem;
	line-height: 5.8rem;
}

@media (max-width:768px){
	h1 {
		padding: 20px 10px;
	}
	h1 .circle{
		height: 68px;
		margin: auto 0;
		width: 83px;
	}
	h1 .circle span.circleInner,
	h1 .circle span.circleInner.en{
		font-size: 1.0rem;
	}
	h1 .circle span.circleInner.mini{
		font-size: 0.8rem;
	}
	h1 span.tlt,
	h1 span.tlt.en,
	h1 span.tlt.cnk{
		font-size: 1.6rem;
		line-height: 1.1;
		margin: auto 0 auto 3%;
		padding-left: 0;
	}
	h1 span.tlt .tltBold,
	h1 span.tlt .tltBold.en,
	h1 span.tlt .tltBold.cnk{
		font-size: 2.0rem;
		line-height: 1.3;
	}
}



/*------------------------------------
section
-------------------------------------*/
section .cont.step1,
section .cont.step2,
section .section01,
section .section02 ul,
section .section02 li.chat01 .chatImgBox,
section .section02 li.chat02 .chatImgBox,
section .section02 li .chatStep,
section .section02 h3,
section .section02 .sect2Bottom,
section .section02 .sect2Bottom .appInner,
section .section02 .sect2Bottom .simulationInner{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

section{
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(-45deg, #fff1ad 25%, transparent 25%, transparent 50%, #fff1ad 50%, #fff1ad 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #fff1ad 25%, transparent 25%, transparent 50%, #fff1ad 50%, #fff1ad 75%, transparent 75%, transparent);
	background-size: 12px 12px;
	padding: 30px;
}
section.step{
	margin-bottom: 80px;
}
section.step h2{
	font-size: 2.38rem;
	font-weight: bold;
	color: #f39800;
	line-height: 3.3rem;
	padding: 5px 10px 0;
	text-align: center;
}
section.step h2.en{
	font-size: 2.0rem;
}
section.step h2 span{
	font-size: 3.87rem;
}
section.step h2 span.en{
	font-size: 4.2rem;
}
section.step h2 span.enMiddle{
	font-size: 3rem;
}
section.step h2 span.midText{
	font-size: 2rem;
}
section.step h2 span.cnkSmall{
	font-size: 1.6rem;
}

section .cont{
	background: #fff;
}
section .cont.sect2Inner{
	padding: 30px;
}


section .cont.step1,
section .cont.step2{
	background: none;
	clear: both;
	margin-bottom: 14px;
	position: relative;
}
section .cont.step1.en{
	margin-bottom: 65px;
}
section .cont.step2.en{
	margin-bottom: 34px;
}
section .cont.step2{
	margin-top: 20px;
}
section .cont.step1 .stepScrImg,
section .cont.step2 .stepScrImg{
	z-index: 1;
	width: 118px;
}
section .cont .step1Inner,
section .cont .step2Inner{
	background: #ffffff;
	border-radius: 20px;
	height: auto;
	left: 46px;
	position: absolute;
	top: 13px;
	width: 394px;
}
section .cont.step1 .step1Head,
section .cont.step1 .step1Tlt,
section .cont.step1 .step1Txt,
section .cont.step2 .step2Head,
section .cont.step2 .step2Tlt,
section .cont.step2 .step2Txt{
	display: block;
}
section .cont.step1 .step1Head,
section .cont.step2 .step2Head{
	color: #f39800;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	padding: 14px 38px 8px 104px;
}
section .cont.step1 .step1Tlt,
section .cont.step2 .step2Tlt{
	background: #f39800;
	color: #fff;
	display: block;
	font-size: 1.56rem;
	padding: 2px 38px 2px 104px;
}
section .cont.step1 .step1Tlt.textSmall {
	font-size: 1.35rem;
}
section .cont.step1 .step1Txt,
section .cont.step2 .step2Txt{
	display: block;
	font-size: 1.25rem;
	padding: 10px 38px 10px 104px;
	min-height: 80px;
}


section .cont.step3{
	border-radius: 20px;
	margin-top: 14px;
	width: 441px;
}
section .cont.step3 .step3Head,
section .cont.step3 .step3Tlt,
section .cont.step3 .step3Txt{
	display: block;
}
section .cont.step3 .step3Head{
	color: #f39800;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	padding: 14px 30px 8px 30px;
}
section .cont.step3 .step3Tlt{
	background: #f39800;
	color: #fff;
	display: block;
	font-size: 1.56rem;
	padding: 2px 30px;
}
section .cont.step3 .step3Txt{
	display: block;
	font-size: 1.25rem;
	padding: 10px 30px;
}
section .cont.step3 .stepScrImg{
	max-width: 220px;
	text-align: center;
	margin: 0 auto;
	padding: 0 20px 30px;
}
section .section01{
	margin-top: 50px;
}
section .section01 .stepL{
	margin-right: 30px;
}
section .section01 .stepL .triangleBox{
	width: 440px;
}

section .section02 ul{
	padding: 23px 6px 42px;
}
section .section02 ul li{
	padding: 0 10px;
	width: 76%;
}
section .section02 .chatImgBox{
	margin-bottom: 10px;
	text-align: center;
}
section .section02 .chatScrImg{
	padding: 0 10px;
	width: 72%;
}
section .section02 .chatScrImg img{
	max-width: 199px;
}
section .section02 .chatStep{
	font-size: 1.25rem;
	line-height: 1.7rem;
}
section .section02 .chatStep img{
	max-width: 38px;
	min-width: 38px;
	margin-right: 10px;
}



section .section02 .app,
section .section02 .simulation{
	width: 50%;
}
section .section02 .app .appInner,
section .section02 .simulation .simulationInner{
	margin: 24px 0 18px;
}
section .section02 .app{
	margin-right: 30px;
}

section h2{
	color: #009944;
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
}
section h2.en{
	font-size: 2.5rem;}

section .section02 h3{
	background: #094;
	color: #fff;
	font-size: 1.6rem;
	padding: 3px 19px 3px;
}
section .section02 .app h3{
	background: #004077;
}

section .section02 .app .appInner .appR{
	margin-left: 28px;
}
section .section02 .app .appInner .appR p{
	margin: 5px;
}
section .section02 .appDL{
	background: #ffef96;
	border-radius: 15px;
	font-size: 1.25rem;
	height: auto;
	line-height: 1.7rem;
	padding: 20px 16px 19px 13px;
	width: 157px;
}
section .section02 .appDL img{
	max-width: 74px;
}

section .section02 .simulation h3{
	background: #036eb8;
}

@media (max-width:768px){
	.spBg{
		background-color: #ffffff;
		background-image: -webkit-linear-gradient(-45deg, #fff1ad 25%, transparent 25%, transparent 50%, #fff1ad 50%, #fff1ad 75%, transparent 75%, transparent);
		background-image: linear-gradient(-45deg, #fff1ad 25%, transparent 25%, transparent 50%, #fff1ad 50%, #fff1ad 75%, transparent 75%, transparent);
		background-size: 12px 12px;
	}
	
	section .section01,
	section .section02 ul,
	section .section02 li.chat01 .chatImgBox,
	section .section02 li.chat02 .chatImgBox,
	section .section02 li .chatStep,
	section .section02 .sect2Bottom{
		display: block;
	}
	section .cont.step1,
	section .cont.step2,
	section .section02 ul li{
		-webkit-flex-direction: column;
		flex-direction: column;
	}
	section{
		background-color: transparent;
		background-image: none;
		padding: 20px 10px;
	}
	section.step{
		font-size: 1.9rem;
		line-height: 2.3rem;
		margin-bottom: 40px;
		padding: 10px;
	}
	section.step h2,
	section.step h2.en{
		font-size: 1.4rem;
		line-height: 1.5;
		padding: 5px;
	}
	section.step h2 span,
	section.step h2 span.en,
	section.step h2 span.enMiddle{
		font-size: 1.8rem;
		line-height: initial;
	}
	section.step h2 span.cnkSmall{
		font-size: 1.3rem;
	}
	section.step h2 span{
			font-size: 1.8rem;
		}
	section .section01{
		margin-top: 30px;
	}
	section .section01 .stepL{
		margin-right: 0;
	}
	section .section01 .stepL .triangleBox{
		width: auto;
	}
	section .cont.step1,
	section .cont.step2{
		background: #fff;
		border-radius: 20px;
		padding: 3vw;
	}
	section .cont.step1 .stepScrImg,
	section .cont.step2 .stepScrImg{
		margin: 0 auto;
		max-width: 220px;
		order: 2;
		width: 220px;
	}
	section .cont .step1Inner,
	section .cont .step2Inner{
		background: none;
		border-radius: 0 ;
		height: auto;
		order: 1;
		position: static;
		width: auto;
	}
	section .cont.step1 .step1Head,
	section .cont.step2 .step2Head,
	section .cont.step3 .step3Head,
	section .cont.step1 .step1Tlt,
	section .cont.step2 .step2Tlt,
	section .cont.step3 .step3Tlt,
	section .cont.step1 .step1Txt,
	section .cont.step2 .step2Txt{
		padding: 2px 5px;
	}
	
	section .cont.step1 .step1Head,
	section .cont.step2 .step2Head,
	section .cont.step3 .step3Head,
	section .cont.step1 .step1Tlt,
	section .cont.step2 .step2Tlt,
	section .cont.step3 .step3Tlt,
	section .section02 .app h3{
		font-size: 1.3rem;
	}
	
	section .cont.step3{
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		padding: 30px 0;
		width: auto;
	}
	section .cont.step3 h3{
		padding: 10px 10px 0 10px;
	}
	section .cont.step1 .step1Txt,
	section .cont.step2 .step2Txt,
	section .cont.step3 .step3Txt,
	section .section02 .chatStep,
	section .section02 .appDL{
		font-size: 1.0rem;
	}
	section .cont.step3 .step3Txt{
		padding: 0 10px 10px 10px;
	}
	
	section .cont.step1 .stepScrImg img,
	section .cont.step2 .stepScrImg img,
	section .cont.step3 .stepScrImg img,
	section .section02 .chatScrImg img,
	.section02 .app .appInner .appScrImg,
	section .section02 .simulation .simulationInner img{
		width: 220px;
	}
	
	section h2,
	section h2.en{
		font-size: 1.4rem;
	}
	.function .sect2Inner h3{
		font-size: 1.3rem;
	}
	section .section02 .chatScrImg img{
		min-width: 128px;
	}
	
	section .cont.sect2Inner{
		border-radius: 20px;
		padding: 30px 10px;
	}
	section .section02 ul,
	section .section02 .app .appInner,
	section .section02 .simulation .simulationInner{
		-webkit-justify-content: center;
		justify-content: center;
	}
	section .section02 ul li{
		display: -webkit-flex;
		display: flex;
		margin-bottom: 20px;
		width: auto;
	}
	section .section02 li .chatStep{
		order: 1;
	}
	section .section02 li .chatImgBox{
		order: 2;
	}
	section .section02 .chatStep img{
		min-width: auto;
		width: 28px;
	}
	section .cont.step3 .stepScrImg{
		max-width: none;
		padding: initial;
}
	section .section02 .chatScrImg.first,
	section .section02 .chatScrImg,
	section .section02 .chatScrImg.last,
	section .section02 .app,
	section .section02 .app .appInner .appR{
		margin-left: 10px;
		padding-bottom: 25px;
		width: auto;
	}
	section .section02 .app,
	section .section02 .simulation{
		width: 100%;
	}
	section .section02 .app{
		margin: 0;
	}
	
	section .section02 .app .appInner .appR{
		text-align: left;
	}
	section .section02 .appDL{
		height: auto;
		margin: 0 auto;
		max-width: 157px;
		padding: 5px;
		width: auto;
	}
	section .section02 .appDL img{
		max-width: 74px;
		width: 35%;
	}
}






/*------------------------------------
footer
-------------------------------------*/
#footer_menu{
	text-align:right;
	font-size:100%;
	margin:20px 0 30px;
}
#footer_menu a {
	background:url(/soukin/shared/image/icon_arrow_r_s.png) left no-repeat;
	padding-left:10px;
}
#footer_menu li{
	padding-bottom:8px;
}






















/*------------------------------------
/soukin/lang/lp/lp_06/
====================================*/
/*---------------
contents
------------------*/
#mainVisual{
	line-height:0;
}

/*---------------
18.08.29 追記
------------------*/
.bnr{
	margin: 60px 50px;
}


.cpPeriod{
	background:#e7e7e7;
	margin: 0 105px;
	padding:20px 50px;
}
.tel{
	margin:50px 0 30px;
}

.tel a{
	cursor:text !important;
}


@media (max-width: 768px) {

	.fbArea{
		margin: 20px 10px 30px;
	}
	.cpPeriod{
		margin: 0 10px;
		padding:20px 10px;
	}
	.tel{
	margin:30px 0 20px;
	}
}




/*_layout*/
/*------------------------------------
header
====================================*/
header{
	width:100%;
	max-width:970px;
	margin:0 auto;
	background:#ffffff;
	text-align:left;
	padding-bottom:10px;
	position: relative;
	z-index: 100;
}
/* 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;
}
}



/* footer_menu
------------------------------------*/
#content #footer_menu{
	text-align:right;
	font-size:100%;
	margin:20px 0 30px;
}
#content #footer_menu a {
	background:url(/soukin/shared/image/icon_arrow_r_s.png) left no-repeat;
	padding-left:10px;
}
#content #footer_menu li{
	padding-bottom:8px;
}

/*------------------------------------
footer
====================================*/
#footerWrap{
	width:100%;
}
#footer{
	margin:0 auto;
	text-align:center;
	font-size:77%;
	color:#221815;
}
#footer img{
	max-width: 178px;
}
#footer p{
	padding:15px 10px 20px 0;
}



/*------------------------------------
wrapper
====================================*/
#wrapper{
	width:100%;
	max-width:970px;
	background:#ffffff;
	margin:0 auto;
}

@media (max-width:768px){
	#wrapper{
		width:100%;
		margin:0 auto;
	}
}