@charset "utf-8";

/*--------------------------------------------------------------------
	general
--------------------------------------------------------------------*/

body {
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.5px;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #333;
	background-color: #FFF;
	position: relative;
	overflow-wrap: break-word;
  white-space: normal;
}

.bodyFixed {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}

img {
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 1251px) {


}

@media screen and (max-width: 1250px) {

body {
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0;
	overflow-x: hidden;
}

input,select,textarea {
  font-size: 1.0em;
}

}

@font-face {
	font-family: MeiryoItalic;
	src: local('Meiryo'), local('メイリオ');
}

h1,h2,h3,h4,h5,h6 { font-weight: normal;}
ul { list-style: none; }

a         {text-decoration: none; color: #e57503; }
a:link    {text-decoration: none; color: #e57503; }
a:visited {text-decoration: none; color: #e57503; }
a:hover   {text-decoration: none; color: #1176FF; }
a:active  {text-decoration: none; color: #1176FF; }

header,footer,div,p,ul,li,h1,h2,h3,h4,h5,h6 {
	position: relative;
	box-sizing: border-box;
}

a,span {
	position: relative;
}

.maxWidthFree img {
	max-width: 9999px;
}

@media screen and (min-width: 1251px) {

a,a img,.mouseHover {
	transition-property: background-color,color;
	transition: 0.1s ease-in;
	cursor: pointer;
}

.mouseHoverImg img {
	transition-property: opacity;
	transition: 0.1s ease-in;
	cursor: pointer;
}

a:hover img,.mouseHover:hover,.mouseHoverImg:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

a.noHover:hover,
a.noHover:hover img {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
}

}

@media screen and (max-width: 1250px) {

a:hover,a:hover {
	text-decoration: none !important;
}

}

/*--------------------------------------------------------------------
	h tag
--------------------------------------------------------------------*/

.h1Style01 {
	display: none;
}

/*--------------------------------------------------------------------
	loading
--------------------------------------------------------------------*/

#loading01 {
	width: 100%;
	height: 100%;
	z-index: 1000;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
}

#loading01 > p {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;
}

.loading01Flash01 {
	width: 100%;
	height: 100vh;
	z-index: 1000;
	background-color: #e57503;
	position: fixed;
	top: 100vh;
	left: 0;
	transition: top .8s ease-in-out;
}

.loading01Done .loading01Flash01 {
	top: -100vh;
}

/*--------------------------------------------------------------------
	container
--------------------------------------------------------------------*/

#container01 {
	width: 100%;
	font-size: 0.86em;
	line-height: 1.6em;
	min-height: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

/*--------------------------------------------------------------------
	wrapper
--------------------------------------------------------------------*/

#wrapper01,
#wrapper02,
#wrapper03 {
	background-color: #FFF;
}

@media screen and (min-width: 1251px) {

#wrapper01 {
	padding: 50px 0;
}

.wrapperInner01 {
	padding: 50px 0;
}

#wrapper03 {
	padding: 20px 0;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

#wrapper01 {
	padding: 30px 0;
}

.wrapperInner01 {
	padding: 40px 0;
}

#wrapper03 {
	padding: 20px 0;
}

}

@media screen and (max-width: 767px) {

#wrapper01 {
	padding: 20px 0;
}

.wrapperInner01 {
	padding: 20px 0;
}

#wrapper03 {
	padding: 20px 0;
}

}

/*--------------------------------------------------------------------
	contents
--------------------------------------------------------------------*/

.contents01,
.contents03,
.contents04 {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.contents02,
.contents05 {
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1251px) {

.contents04 {
	padding: 0 15px;
}

}

@media screen and (max-width: 1250px) {

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.contents04 {
	padding: 0;
}

}

@media screen and (min-width: 768px) {

.contents01,
.contents02,
.contents03 {
	padding: 0 15px;
}

}

@media screen and (max-width: 767px) {

.contents01,
.contents02,
.contents04 {
	padding: 0 10px;
}

.contents03 {
	padding: 0 15px;
}

}

/*--------------------------------------------------------------------
	header
--------------------------------------------------------------------*/

#header01 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 101;
	transition-property: background;
	transition: 0.1s ease-in;
}

#header01.styleA {
	background: linear-gradient(rgba(119,119,119,0.2) 0%, rgba(119,119,119,0.2) 62%, rgba(153,153,153,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#00999999',GradientType=0 );
	box-shadow: 0px 7px 16px 0px rgba(153,153,153,0.2);
}

#header01.styleB {
	background: #FFF;
	box-shadow: 0px 7px 16px 0px rgba(153,153,153,0.2);
}

#header01.styleC {
	background: #527AAA;
	box-shadow: 0px 7px 16px 0px rgba(153,153,153,0.2);
}

.header01Logo01 {
	position: absolute;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#header01.styleA .header01Logo01 { background-image: url("../images/common/logo_bw01white.png"); }
#header01.styleB .header01Logo01 { background-image: url("../images/common/logo_bw01.png"); }
#header01.styleC .header01Logo01 { background-image: url("../images/common/logo_bw01white.png"); }

.header01Language01 {
	position: absolute;
	font-size: 0.9em;
}

#header01.styleA .header01Language01 { color: #FFF; }
#header01.styleB .header01Language01 { color: #527AAA; }
#header01.styleC .header01Language01 { color: #FFF; }

.header01Language01Btn01 {
	width: 27px;
	height: 27px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

#header01.styleA .header01Language01Btn01 { background-image: url("../images/common/btn_language01white.png"); }
#header01.styleB .header01Language01Btn01 { background-image: url("../images/common/btn_language01.png"); }
#header01.styleC .header01Language01Btn01 { background-image: url("../images/common/btn_language01white.png"); }

.header01Language01Txt01 {
	padding: 5px 0 0 5px;
	opacity: 0.7;
}

.header01Language01Box01 {
	position: absolute;
	background-color: #FFF;
	border-radius: 5px;
	padding: 12px 16px;
	font-size: 0.9em;
	border: 1px solid #BBCBDE;
	display: none;
}

.header01Search01 {
	position: absolute;
	width: 28px;
	height: 28px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
}

#header01.styleA .header01Search01  { background-image: url("../images/common/btn_search01white.png"); }
#header01.styleB .header01Search01  { background-image: url("../images/common/btn_search01.png"); }
#header01.styleC .header01Search01  { background-image: url("../images/common/btn_search01white.png"); }

.header01Search01Box01 {
	width: 100%;
	height: 60px;
	background-color: #EAEEF4;
	position: absolute;
	left: 0;
	display: none;
}

.header01Search01Box01Btn01 {
	position: absolute;
	right: 0;
}

.header01Link01 {
	position: absolute;
	font-size: 0.9em;
}

.header01Navi01 {
	position: absolute;
}

.header01Navi01 > ul > li {
	transition-property: color;
	transition: 0.1s ease-in;
}

#header01.styleA .header01Navi01 { color: #FFF; }
#header01.styleA .header01Navi01 > ul > li:hover { color: #F5F5F5; }
#header01.styleB .header01Navi01 { color: #e57503; }
#header01.styleB .header01Navi01 > ul > li:hover { color: #1176FF; }
#header01.styleC .header01Navi01 { color: #FFF; }
#header01.styleC .header01Navi01 > ul > li:hover { color: #CCC; }

#header01.styleA .header01Navi01 > ul > li > a         {text-decoration: none; color: #FFF; }
#header01.styleA .header01Navi01 > ul > li > a:link    {text-decoration: none; color: #FFF; }
#header01.styleA .header01Navi01 > ul > li > a:visited {text-decoration: none; color: #FFF; }
#header01.styleA .header01Navi01 > ul > li > a:hover   {text-decoration: none; color: #F5F5F5; }
#header01.styleA .header01Navi01 > ul > li > a:active  {text-decoration: none; color: #F5F5F5; }

#header01.styleC .header01Navi01 > ul > li > a         {text-decoration: none; color: #FFF; }
#header01.styleC .header01Navi01 > ul > li > a:link    {text-decoration: none; color: #FFF; }
#header01.styleC .header01Navi01 > ul > li > a:visited {text-decoration: none; color: #FFF; }
#header01.styleC .header01Navi01 > ul > li > a:hover   {text-decoration: none; color: #CCC; }
#header01.styleC .header01Navi01 > ul > li > a:active  {text-decoration: none; color: #CCC; }

.header01Overlay01 {
	content: '';
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	z-index: 100;
	overflow: hidden;
}

.headerOpen01 .header01Overlay01 {
	visibility: visible;
	cursor: pointer;
	background: rgba(0,0,0,0.4);
}

.headerOpen02 .header01Overlay01 {
	visibility: visible;
	cursor: pointer;
	background: rgba(255,255,255,0.01);
}

.headerOpen03 .header01Overlay01,
.headerOpen04 .header01Overlay01 {
	visibility: visible;
	cursor: default;
	background: rgba(0,0,0,0.4);
	z-index: 500;
}

@media screen and (min-width: 1251px) {

#header01 {
	width: 100%;
	height: 72px;
}

.header01Inner01 {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

.header01Logo01 {
	width: 172px;
	height: 36px;
	background-size: 172px 36px;
	left: 10px;
	top: 18px;
}

.header01Logo01 a {
	width: 172px;
	height: 36px;
	display: block;
}

.header01Language01 {
	right: 10px;
	top: 23px;
}

.header01Language01Box01 {
	right: 50%;
	margin-right: -690px;
	top: 77px;
}

.header01Search01 {
	right: 80px;
	top: 23px;
}

.header01Search01Box01 {
	top: 72px;
}

.header01Search01Box01Inner01 {
	width: 1146px;
	height: 37px;
	margin: 11px auto 0;
}

.header01Link01 {
	right: 130px;
	top: 18px;
}

.header01Navi01 {
	right: 500px;
	top: 5px;
}

.header01Navi01 > ul > li {
	cursor: pointer;
}

.header01Navi01 > ul > li:nth-child(n+2) {
	margin-left: 10px;
}

.header01Navi01 > ul > li > p,
.header01Navi01 > ul > li > a {
	height: 62px;
	line-height: 62px;
	padding: 0 10px 0 10px;
	display: block;
}

.header01Navi01 > ul > li.naviTriggerBtn > p {
	padding: 0 25px 0 10px;
}

.header01Navi01 > ul > li.naviTriggerBtn > p:before {
	content: "▼";
	color: #FFF;
	position: absolute;
	right: 7px;
	font-size: 0.7em;
}

#header01.styleA .header01Navi01 > ul > li.naviTriggerBtn > p:before { color: #FFF; }
#header01.styleB .header01Navi01 > ul > li.naviTriggerBtn > p:before { color: #e57503; }
#header01.styleC .header01Navi01 > ul > li.naviTriggerBtn > p:before { color: #FFF; }

.header01Navi01 > ul > li.naviTriggerBtn.active > p:before {
	content: "▲";
}

/*
.catService .header01Navi01 > ul > li.naviService:before,
.catPeculiarity .header01Navi01 > ul > li.naviPeculiarity:before,
.catSupport .header01Navi01 > ul > li.naviSupport:before,
.catAbout .header01Navi01 > ul > li.naviAbout:before {
	content: "";
	width: 100%;
	height: 7px;
	background-color: #13BAEE;
	position: absolute;
	left: 0;
	bottom: 0;
}
*/

.header01Navi01 > ul > li:hover > p:after,
.header01Navi01 > ul > li:hover > a:after,
.header01Navi01 > ul > li.naviTriggerBtn.active > p:after {
	content: "";
	width: 100%;
	height: 7px;
	background-color: #13BAEE;
	position: absolute;
	left: 0;
	bottom: 0;
}

.header01SubNavi01 {
	width: 770px;
	position: absolute;
	top: 110px;
	left: 50%;
	margin-left: -385px;
}

.header01SubNavi01 > ul > li {
	width: 770px;
	background-color: #FFF;
	padding: 35px;
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}

.header01SubNavi01Title01 {
	color: #e57503;
	font-size: 2.0em;
	margin-bottom: 30px;
}

.header01SubNavi01Main01 {
	width: 420px;
	padding: 0 25px 0 10px;
	vertical-align: top;
	border-right: 1px solid #999999;
	font-size: 1.16em;
}

.header01SubNavi01Sub01 {
	padding: 0 0 5px 25px;
	vertical-align: bottom !important;
}

.header01SubNavi01Close01 {
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	color: #999999;
	font-size: 1.2em;
	background-color: #D3E0EF;
	border-radius: 5px;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

}

@media screen and (max-width: 1250px) {

#header01 {
	width: 100vw;
	height: 50px;
}

.header01Logo01 {
	width: 140px;
	height: 29px;
	background-size: 140px 29px;
	left: 10px;
	top: 11px;
}

.header01Logo01 a {
	width: 140px;
	height: 29px;
	display: block;
}

.header01Language01 {
	right: 55px;
	top: 12px;
}

.header01Language01.styleA {
	right: 12px;
	top: 12px;
}

.header01Language01Box01 {
	right: 50px;
	top: 55px;
}

.header01Language01Box01.styleA {
	right: 7px;
	top: 55px;
}

.header01Search01 {
	right: 115px;
	top: 12px;
}

.header01Search01Box01 {
	top: 50px;
}

.header01Search01Box01Inner01 {
	margin: 11px 10px 0 ;
}

.header01Link01 {
	display: none;
}

.header01Navi01 {
	display: none;
}

.header01SubNavi01 {
	display: none;
}

}

.headerOpen03 {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
}

@media screen and (min-width: 1921px) {

#header01 {
	max-width: 1920px;
	left: 50%;
	margin-left: -960px;
}

}

/*--------------------------------------------------------------------
	sideMenu
--------------------------------------------------------------------*/

.sideMenuHeader01 {
	padding: 15px;
}

.sideMenuList01 {
	padding: 15px 0;
	letter-spacing: 0;
}

.sideMenuList01 > li > p {
	font-size: 1.16em;
	padding: 0 20px 0 45px;
}

.sideMenuList01 > li:not(:nth-child(3)) > p:before {
	content: "▼";
	position: absolute;
	left: 20px;
	margin-top: 1px;
	font-size: 0.7em;
}

.sideMenuList01 > li:not(:nth-child(3)).active > p:before {
	content: "▲";
}

.sideMenuList01 > li > .sideMenuContents{
	display: none;
}

.sideMenuList01 > li > div > ul.listMain01 {
	padding: 10px 0;
	line-height: 1.3em;
}

.sideMenuList01 > li > div > ul.listMain01 > li > a {
	padding: 12px 15px 12px 10px;
	display: block;
}

.sideMenuList01 > li > div > ul.listMain01 > li > a span:last-child {
	padding-top: 3px;
}

.sideMenuList01 > li > div > ul.listSub01 {
	padding: 0 0 10px;
	line-height: 1.3em;
}

.sideMenuList01 > li > div > ul.listSub01 > li > a {
	padding: 10px 15px 10px 45px;
	display: block;
}

.sideMenuList01 > li > div > ul.listSub01 > li > a:before {
	content: "▶";
	position: absolute;
	left: 25px;
	font-size: 0.7em;
}

/*--------------------------------------------------------------------
	totop
--------------------------------------------------------------------*/

.totop01 {
	width: 40px;
	height: 40px;
	background-color: #FFF;
	border: 1px solid #e57503;
	color: #e57503;
	text-align: center;
	cursor: pointer;
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 15;
	display: none;
}

.totop01 a {
	width: 40px;
	height: 40px;
	padding-top: 10px;
	color: #e57503 !important;
	display: block;
}

@media screen and (min-width: 1921px) {

.totop01 {
	right: 50%;
	margin-right: -950px;
}

}

/*--------------------------------------------------------------------
	bottom
--------------------------------------------------------------------*/

#bottom01 {
	width: 100%;
	background-image: url("../images/common/bottom_bg019181.html?2022100701");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-top: 1px solid #DDD;
}

.bottom01Title01 {
	font-weight: bold;
	line-height: 1.4em;
	border-bottom: 1px solid #999999;
}

@media screen and (min-width: 1251px) {

#bottom01 {
	height: 490px;
}

.bottom01Inner01 {
	width: 450px;
	padding-top: 110px;
	margin: 0 0 0 200px;
}

.bottom01Title01 {
	font-size: 2.0em;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

#bottom01 {
	min-height: 400px;
}

.bottom01Title01 {
	font-size: 1.7em;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.bottom01Inner01 {
	width: 400px;
	padding-top: 80px;
	margin: 0 0 0 20px;
}

}

@media screen and (max-width: 767px) {

#bottom01 {
	background-position: left center;
	text-align: center;
}

.bottom01Title01 {
	font-size: 1.4em;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.bottom01Inner01 {
	padding: 25px 10px;
}

}

/*--------------------------------------------------------------------
	crumb
--------------------------------------------------------------------*/

#crumb01 {
	z-index: 3;
}

#crumb01 ul {
	display: table;
}

#crumb01 ul li {
	display: table-cell;
	padding-right: 7px;
}

#crumb01 ul li:after {
	content: ">";
	padding: 0 0 0 7px;
	font-weight: 400;
	color: #FFF;
}

#crumb01 ul li:last-child:after {
	content: none;
}


@media screen and (min-width: 1251px) {

#crumb01 {
	height: 50px;
	background-color: #16203B;
}

#crumb01 a         {text-decoration: none; color: #FFF; }
#crumb01 a:link    {text-decoration: none; color: #FFF; }
#crumb01 a:visited {text-decoration: none; color: #FFF; }
#crumb01 a:hover   {text-decoration: none; color: #BBB; }
#crumb01 a:active  {text-decoration: none; color: #BBB; }

.crumb01Inner {
	max-width: 1400px;
	margin-left: auto;
	margin-right: auto;
}

#crumb01 ul > li {
	white-space: nowrap;
	height: 50px;
	line-height: 50px;
}

#crumb01 ul > li:first-child {
	padding-left: 20px;
}

#crumb01 ul > li:last-child {
	max-width: 45em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
}

}

@media screen and (max-width: 1250px) {

#crumb01 {
	width: 100%;
	height: 39px;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	overflow: hidden;
	overflow-x: auto;
	background-color: #F4F4F4;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-size: 0.9em;
}

#crumb01::-webkit-scrollbar {
	display: none;
}

#crumb01 ul {
	height: 39px;
}

#crumb01 ul li {
	padding-right: 30px;
}

#crumb01 ul li:last-child {
	padding-right: 0;
}

#crumb01 ul li:after {
	content: none;
	padding: 0;
	font-weight: 0;
}

#crumb01 ul li:last-child:after {
	content: none;
}

#crumb01 ul li a {
	display: block;
	height: 39px;
	padding: 0 0 0 5px;
	line-height: 39px;
	position: relative;
	color: #666;
	text-decoration: none !important;
}

#crumb01 ul li:first-child a {
	padding: 0 0 0 15px;
}

#crumb01 ul li:last-child a {
	padding: 0 20px 0 5px;
}

#crumb01 ul li a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 20px solid #F4F4F4;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	left: 100%;
	z-index: 2;
}

#crumb01 ul li a:before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 20px solid #CCC;
	position: absolute;
	top: 50%;
	margin-top: -50px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

#crumb01 ul li:last-child a:after,#crumb01 ul li:last-child a:before {
	content: none;
}

}

/*--------------------------------------------------------------------
	fnavi
--------------------------------------------------------------------*/

#fnavi01 {
	font-size: 0.96em;
	background-color: #F7F7F7;
}

#fnavi01 a         {text-decoration: none; color: #333; }
#fnavi01 a:link    {text-decoration: none; color: #333; }
#fnavi01 a:visited {text-decoration: none; color: #333; }
#fnavi01 a:hover   {text-decoration: none; color: #BBB; }
#fnavi01 a:active  {text-decoration: none; color: #BBB; }

.fnaviFlex01 {
	justify-content: space-around;
}

.fnaviChapter01 {
	font-size: 1.1em;
	padding: 0 3px 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #BBCBDE;
}

.fnaviList01 {
	padding: 0 4px;
}

@media screen and (min-width: 1251px) {

#fnavi01 {
	padding: 20px 0;
}

}

@media screen and (max-width: 1250px) {

#fnavi01 {
	display: none;
}

}


/*--------------------------------------------------------------------
	footer
--------------------------------------------------------------------*/

#footer01 {
	font-size: 0.96em;
}

@media screen and (min-width: 768px) {

#footer01 {
	padding: 20px 0;
}

}

@media screen and (max-width: 767px) {

#footer01 {
	padding: 15px 0;
}

}

/*--------------------------------------------------------------------
	copyright
--------------------------------------------------------------------*/

#copyright01 {
	background-color: #15305B;
	color: #FFF;
	padding: 5px;
	font-size: 0.96em;
}

/*--------------------------------------------------------------------
	effect
--------------------------------------------------------------------*/

.effect01 {
	animation-duration: 0.4s;
}

.effectOff { opacity: 0; }

.effect01.styleA.effectOn { animation-name: effectAnime01; }
.effect01.styleB.effectOn { animation-name: effectAnime02; }

@keyframes effectAnime01 {
  from {
    opacity: 0;
		left: -30px;
  }

  to {
    opacity: 1;
		left: 0;
  }
}

@keyframes effectAnime02 {
  from {
    opacity: 0;
		right: -30px;
  }

  to {
    opacity: 1;
		right: 0;
  }
}

/*--------------------------------------------------------------------
	index
--------------------------------------------------------------------*/

.personalQuality01#indexQuality01 {
	border-bottom: 15px solid #e79808;
}

.indexPersonalSlider01 {
  display: none !important;
}

.indexPersonalSlider01.slick-initialized {
  display: block !important;
}

.indexPersonalSlider01Thumbnail01 {
	width: 310px;
}

.indexPersonalSlider01Thumbnail01 .slick-track {
	transform: translate3d(0,0,0) !important;
}

.indexPersonalSlider01Thumbnail01 .indexPersonalSlider01Thumbnail01Parts01 {
	width: 100%;
	height: 70px;
	background-color: #fdb060;
	color: #FFF;
	font-size: 0.7rem;
	cursor: pointer;
	transition: 0.1s ease-in;
	padding: 10px;
	line-height: 1.5em;
	letter-spacing: 0;
	border-right: 1px solid #FFF;
}

.indexPersonalSlider01Thumbnail01 .slick-current .indexPersonalSlider01Thumbnail01Parts01 {
	background-color: #b56d14;
}

.indexPeculiarity01 {
	background-image: url("../images/index/peculiarity_bg01.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 15px solid #e79808;
}

.indexPeculiarity01Visual01 {
	border: 1px solid #972300;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.personal .indexPeculiarity01Visual01 { background-image: url("../images/peculiarity/personal_visual019181.jpg?2022100701"); }
.business .indexPeculiarity01Visual01 { background-image: url("../images/peculiarity/business_visual019181.jpg?2022100701"); }
.merchant .indexPeculiarity01Visual01 { background-image: url("../images/peculiarity/merchant_visual019181.jpg?2022100701"); }

.indexPeculiarity01Visual01 .indexPeculiarity01Visual01Flash01 {
	width: 100%;
	height: 100%;
	background-color: #e57503;
}

.indexPeculiarity01Btn01 a {
	color: #FFF;
	background-color: #815c24;
	background-image: url("../images/common/arrow04_left.png");
	background-repeat: no-repeat;
	border: 1px solid #815c24;
	display: block;
	position: relative;
	box-sizing: border-box;
}

.indexService01 {
	background-color: #E8E8E8;
}

.indexContentsCommon01 .indexTitleCommon01:before {
	position: absolute;
	font: bold italic 700% MeiryoItalic, sans-serif;
}

.indexService01 .indexTitleCommon01:before {
	content: "Service";
	color: rgba(255,255,255,0.4);
}

.indexPeculiarity01 .indexTitleCommon01:before {
	content: "Account";
	color: rgba(255,255,255,0.15);
}

.indexNews01 .indexTitleCommon01:before {
	content: "News";
	color: rgba(223,230,242,0.5);
}

.indexService01Tab01 {
	width: auto;
}

.indexService01Tab01Thumnail01 > ul > li {
	background-color: #FFF;
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.15);
	background-repeat: no-repeat;
	cursor: pointer;
	transition: .1s ease-in;
	text-align: center;
	line-height: 1.2em;
}

.indexService01Tab01Thumnail01 > ul > li:nth-child(1) { background-image: url("../images/common/icon_pay_deposit02a.html"); }
.indexService01Tab01Thumnail01 > ul > li:nth-child(2) { background-image: url("../images/common/icon_pay_withdraw02a.png"); }
.indexService01Tab01Thumnail01 > ul > li:nth-child(3) { background-image: url("../images/common/icon_pay_transfer02a.png"); }
.indexService01Tab01Thumnail01 > ul > li:nth-child(4) { background-image: url("../images/common/icon_pay_exchange02a.png"); }

.indexService01Tab01Thumnail01 > ul > li.current {
	background-color: #e57503;
	color: #FFF;
}

.indexService01Tab01Thumnail01 > ul > li.current:nth-child(1) { background-image: url("../images/common/icon_pay_deposit02b.png"); }
.indexService01Tab01Thumnail01 > ul > li.current:nth-child(2) { background-image: url("../images/common/icon_pay_withdraw02b.html"); }
.indexService01Tab01Thumnail01 > ul > li.current:nth-child(3) { background-image: url("../images/common/icon_pay_transfer02b.html"); }
.indexService01Tab01Thumnail01 > ul > li.current:nth-child(4) { background-image: url("../images/common/icon_pay_exchange02b.html"); }

.indexService01Tab01Main01 {
	width: auto;
}

.indexService01Tab01Main01 .slick-prev,
.indexService01Tab01Main01 .slick-next {
	z-index: 2;
	top: 50%;
}

.indexService01Tab01Main01 .slick-prev.slick-disabled,
.indexService01Tab01Main01 .slick-next.slick-disabled {
	display: none !important;
}

.indexService01Tab01Main01 .slick-prev {
	background: url("../images/common/arrow05_left.html") center top no-repeat;
}

.indexService01Tab01Main01 .slick-next {
	background: url("../images/common/arrow05_right.png") center top no-repeat;
}

.indexService01Tab01Main01 > ul > li:nth-child(n+2) {
	display: none;
}

.indexService01Tab01Main01Box01 {
	background-color: #FFF;
}

.indexService01Tab01Main01Box01Inner01Memo01 {
	line-height: 1.4em;
	font-size: 0.8rem;
}

.indexService01Tab01Main01Box01Inner01Icon01 {
	text-align: center;
}

.indexService01Tab01Main01Box01Inner01Memo02 {
	line-height: 1.4em;
	font-size: 0.8rem;
}

.indexNews01 {
	background-color: #FFF;
	border-bottom: 1px solid #BBBBBB;
}

.indexNews01 .slick-prev,
.indexNews01 .slick-next {
	z-index: 2;
	top: 50%;
}

.indexNews01 .slick-prev.slick-disabled,
.indexNews01 .slick-next.slick-disabled {
	display: none !important;
}

.indexNews01 .slick-prev {
	background: url("../images/common/arrow05_left.html") center top no-repeat;
}

.indexNews01 .slick-next {
	background: url("../images/common/arrow05_right.png") center top no-repeat;
}

@media screen and (min-width: 1251px) {

.personalQuality01#indexQuality01 {
	padding: 60px 0 0;
}

.indexPersonalSlider01Thumbnail01 {
	margin: 30px auto 0;
}

.indexPeculiarity01 {
	padding: 60px 0;
}

.indexPeculiarity01 .listLayoutCommon04 > li {
	width: 100%;
	height: 310px;
}

.indexPeculiarity01Box01 {
	width: 1086px;
	height: 310px;
	position: absolute;
	top: 0;
}

.personal .indexPeculiarity01Box01 { left: 0; }
.business .indexPeculiarity01Box01 { right: 0; }
.merchant .indexPeculiarity01Box01 { left: 0; }

.indexPeculiarity01Visual01 {
	width: 800px;
	height: 210px;
	position: absolute;
	top: 0;
}

.personal .indexPeculiarity01Visual01 { right: 0; }
.business .indexPeculiarity01Visual01 { right: 0; }
.merchant .indexPeculiarity01Visual01 { left: 0; }

.indexPeculiarity01Txt01 {
	width: 650px;
	height: 240px;
	position: absolute;
	bottom: 0;
	border: 1px solid #3E6EB2;
	background-color: rgba(255,255,255,0.9);
	display: table;
}

.personal .indexPeculiarity01Txt01 { left: 0; border-left: 9px solid #972300; }
.business .indexPeculiarity01Txt01 { left: 0; border-left: 9px solid #972300; }
.merchant .indexPeculiarity01Txt01 { right: 0; border-right: 9px solid #972300; }

.indexPeculiarity01Txt01 > div {
	width: 650px;
	height: 240px;
	display: table-cell;
	padding: 30px;
	vertical-align: middle;
}

.indexPeculiarity01Name01 {
	font-weight: bold;
	font-size: 1.6rem;
	margin-bottom: 20px;
}

.indexPeculiarity01Btn01 {
	width: 100px;
	height: 100px;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 0.7rem;
}

.personal .indexPeculiarity01Btn01 { left: 650px; }
.business .indexPeculiarity01Btn01 { right: 336px; }
.merchant .indexPeculiarity01Btn01 { left: 336px; }

.indexPeculiarity01Btn01 a {
	width: 100px;
	height: 100px;
	position: absolute;
	border-top: none;
	line-height: 1.6em;
	padding: 8px;
	background-position: right 10px bottom 10px;
}

.personal .indexPeculiarity01Btn01 a { border-left: none; }
.business .indexPeculiarity01Btn01 a { border-left: none; }
.merchant .indexPeculiarity01Btn01 a { border-right: none; }

.indexPeculiarity01Btn01 a:hover {
	background-color: #FFF;
	color: #815c24;
	background-image: url("../images/common/arrow04a_left.html");
}

.indexContentsCommon01 .indexTitleCommon01:before {
	top: -60px;
	right: 0;
	font-size: 7em;
}

.indexService01 {
	padding: 60px 0;
}

.indexService01Tab01Thumnail01 {
	width: 270px;
}

.indexService01Tab01Thumnail01 > ul > li {
	width: 185px;
	height: 155px;
	background-position: center top 22px;
	padding-top: 112px;
}

.indexService01Tab01Thumnail01 > ul > li.current {
	margin-left: 25px;
}

.indexService01Tab01Thumnail01 > ul > li.current:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: -15px;
	top: 50%;
	margin-top: -8px;
	border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #2BC0EF;
}

.indexService01Tab01Thumnail01 > ul > li:nth-child(n+2) {
	margin-top: 15px;
}

.indexService01Tab01Main01 {
	width: calc(100% - 270px);
}

.indexService01Tab01Main01 .slick-prev,
.indexService01Tab01Main01 .slick-next {
	width: 69px;
	height: 87px;
	margin-top: -42px;
}

.indexService01Tab01Main01 .slick-prev {
	left: -20px;
}

.indexService01Tab01Main01 .slick-next {
	right: -20px;
}

.indexService01Tab01Main01Box01 {
	padding: 30px;
	min-height: 670px;
}

.indexService01Tab01Main01Box01Inner01 {
	padding: 0 50px;
}

.indexService01Tab01Main01Box01Inner01Memo01 {
	width: 300px;
	position: absolute;
	right: 10px;
	bottom: -20px;
}

.indexService01Tab01Main01Box01Inner01Icon01 {
	width: 90px;
}

.indexService01Tab01Main01Box01Inner01Memo02 {
	width: 300px;
	position: absolute;
	right: 10px;
	bottom: 15px;
}

.indexServiceFlex01 > li {
	width: calc((100% - 51px) / 5);
}

.indexServiceFlex01 > li:not(:nth-child(5n)) { margin-right: 10px; }
.indexServiceFlex01 > li:nth-child(n+6) { margin-top: 10px; }

.indexServiceFlex02 > li {
	width: calc((100% - 41px) / 4);
}

.indexServiceFlex02 > li:not(:nth-child(4n)) { margin-right: 10px; }
.indexServiceFlex02 > li:nth-child(n+5) { margin-top: 10px; }

.indexNews01 {
	padding: 60px 0;
}

.indexNews01 .slick-prev,
.indexNews01 .slick-next {
	width: 69px;
	height: 87px;
	margin-top: -42px;
}

.indexNews01 .slick-prev {
	left: -50px;
}

.indexNews01 .slick-next {
	right: -50px;
}

.indexNews01 .slick-slide {
	padding: 0 10px;
}

.indexNews01Title01 {
	min-height: 3.8em;
}

.indexNews01Txt01 {
	min-height: 7.2em;
}

.indexNewsSlider01 .slick-slide {
	padding-bottom: 10px;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.personalQuality01#indexQuality01 {
	padding: 30px 0 0;
}

.indexPersonalSlider01Thumbnail01 {
	margin: 20px auto 0;
}


.indexPeculiarity01 {
	padding: 30px 20px;
}

.indexPeculiarity01Visual01 {
	width: 100%;
	height: 210px;
}

.indexPeculiarity01Txt01 {
	padding: 20px;
	border: 1px solid #3E6EB2;
	background-color: rgba(255,255,255,0.9);
	border-left: 9px solid #972300;
	margin: -20px 10px 0;
}

.indexPeculiarity01Name01 {
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: 15px;
}

.indexPeculiarity01Btn01 {
	width: 400px;
	height: 50px;
	margin: 20px auto 0;
}

.indexPeculiarity01Btn01 a {
	width: 400px;
	height: 50px;
	line-height: 48px;
	padding: 0 10px;
	text-align: center;
	background-position: right 10px center;
	background-size: 18px 15px;
}

.indexContentsCommon01 .indexTitleCommon01:before {
	top: -25px;
	right: 0;
	font-size: 4em;
}

.indexService01 {
	padding: 30px 20px;
}

.indexService01Tab01Thumnail01 {
	width: 100%;
	height: 140px;
}

.indexService01Tab01Thumnail01 > ul {
	position: relative;
  display: flex;
  flex-wrap: wrap;
}

.indexService01Tab01Thumnail01 > ul > li {
	width: calc((100% - 46px) / 4);
	height: 100px;
	background-position: center top 15px;
	padding-top: 65px;
}

.indexService01Tab01Thumnail01.styleA > ul > li {
	height: 110px;
}

.indexService01Tab01Thumnail01 > ul > li:nth-child(1) { background-size: 61px 40px; }
.indexService01Tab01Thumnail01 > ul > li:nth-child(2) { background-size: 61px 40px; }
.indexService01Tab01Thumnail01 > ul > li:nth-child(3) { background-size: 61px 40px; }
.indexService01Tab01Thumnail01 > ul > li:nth-child(4) { background-size: 77px 40px; }

.indexService01Tab01Thumnail01 > ul > li:nth-child(n+2) {
	margin-left: 15px;
}

.indexService01Tab01Thumnail01 > ul > li.current {
	margin-top: 5px;
}

.indexService01Tab01Thumnail01 > ul > li.current:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -8px;
	border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #2BC0EF;
}

.indexService01Tab01Main01 {
	width: 100%;
}

.indexService01Tab01Main01 .slick-prev,
.indexService01Tab01Main01 .slick-next {
	width: 20px;
	height: 25px;
	margin-top: -12px;
}

.indexService01Tab01Main01 .slick-prev {
	left: -5px;
	background-size: 20px 25px;
}

.indexService01Tab01Main01 .slick-next {
	right: -5px;
	background-size: 20px 25px;
}

.indexService01Tab01Main01Box01 {
	padding: 30px;
}

.indexService01Tab01Main01Box01Inner01Icon01 {
	width: 60px;
}

.indexServiceFlex01 > li {
	width: calc((100% - 51px) / 5);
}

.indexServiceFlex01 > li:not(:nth-child(5n)) { margin-right: 10px; }
.indexServiceFlex01 > li:nth-child(n+6) { margin-top: 10px; }

.indexServiceFlex02 > li {
	width: calc((100% - 41px) / 4);
}

.indexServiceFlex02 > li:not(:nth-child(4n)) { margin-right: 10px; }
.indexServiceFlex02 > li:nth-child(n+5) { margin-top: 10px; }

.indexNews01 {
	padding: 30px 20px;
}

.indexNews01 .slick-prev,
.indexNews01 .slick-next {
	width: 20px;
	height: 25px;
	margin-top: -12px;
}

.indexNews01 .slick-prev {
	left: -5px;
	background-size: 20px 25px;
}

.indexNews01 .slick-next {
	right: -5px;
	background-size: 20px 25px;
}

.indexNews01 .slick-slide {
	padding: 0 5px 10px;
}

.indexNews01Title01 {
	min-height: 4.7em;
}

.indexNews01Txt01 {
	min-height: 9.2em;
}

}

@media screen and (max-width: 767px) {

.personalQuality01#indexQuality01 {
	padding: 30px 0 0;
}

.indexPersonalSlider01Thumbnail01 {
	margin: 20px auto 0;
}

.indexPeculiarity01 {
	padding: 30px 15px;
}

.indexPeculiarity01Visual01 {
	width: 100%;
	height: 200px;
}

.indexPeculiarity01Txt01 {
	padding: 15px;
	border: 1px solid #3E6EB2;
	background-color: rgba(255,255,255,0.9);
	border-left: 5px solid #972300;
	margin: -20px 10px 0;
}

.indexPeculiarity01Name01 {
	font-weight: bold;
	font-size: 1.06rem;
	margin-bottom: 10px;
}

.indexPeculiarity01Btn01 {
	max-width: 400px;
	height: 50px;
	margin: 15px auto 0;
}

.indexPeculiarity01Btn01 a {
	width: 100%;
	height: 50px;
	line-height: 48px;
	padding: 0 10px;
	text-align: center;
	background-position: right 10px center;
	background-size: 18px 15px;
}

.indexContentsCommon01 .indexTitleCommon01:before {
	top: -25px;
	right: 0;
	font-size: 3.4em;
}

.indexService01 {
	padding: 30px 15px;
}

.indexService01Tab01Thumnail01 {
	width: 100%;
	height: 120px;
}

.indexService01Tab01Thumnail01.styleA {
	height: 130px;
}

.indexService01Tab01Thumnail01 > ul {
	position: relative;
  display: flex;
  flex-wrap: wrap;
}

.indexService01Tab01Thumnail01 > ul > li {
	width: calc((100% - 22px) / 4);
	height: 90px;
	background-position: center top 10px;
	padding-top: 50px;
	font-size: 0.76rem;
}

.indexService01Tab01Thumnail01.styleA > ul > li {
	height: 100px;
}

.indexService01Tab01Thumnail01 > ul > li:nth-child(1) { background-size: 46px 30px; }
.indexService01Tab01Thumnail01 > ul > li:nth-child(2) { background-size: 46px 30px; }
.indexService01Tab01Thumnail01 > ul > li:nth-child(3) { background-size: 46px 30px; }
.indexService01Tab01Thumnail01 > ul > li:nth-child(4) { background-size: 58px 30px; }

.indexService01Tab01Thumnail01 > ul > li:nth-child(n+2) {
	margin-left: 7px;
}

.indexService01Tab01Thumnail01 > ul > li.current {
	margin-top: 5px;
}

.indexService01Tab01Thumnail01 > ul > li.current:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -8px;
	border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #2BC0EF;
}

.indexService01Tab01Main01 {
	width: 100%;
}

.indexService01Tab01Main01 .slick-prev,
.indexService01Tab01Main01 .slick-next {
	width: 20px;
	height: 25px;
	margin-top: -12px;
}

.indexService01Tab01Main01 .slick-prev {
	left: -5px;
	background-size: 20px 25px;
}

.indexService01Tab01Main01 .slick-next {
	right: -5px;
	background-size: 20px 25px;
}

.indexService01Tab01Main01Box01 {
	padding: 20px 25px;
}

.indexService01Tab01Main01Box01Inner01Icon01 {
	width: 50px;
	position: absolute;
	top: -44px;
	left: 130px;
}

.indexServiceFlex01 > li {
	width: calc((100% - 21px) / 2);
}

.indexServiceFlex01 > li:not(:nth-child(2n)) { margin-right: 10px; }
.indexServiceFlex01 > li:nth-child(n+3) { margin-top: 10px; }

.indexServiceFlex02 > li {
	width: calc((100% - 21px) / 2);
}

.indexServiceFlex02 > li:not(:nth-child(2n)) { margin-right: 10px; }
.indexServiceFlex02 > li:nth-child(n+3) { margin-top: 10px; }

.indexNews01 {
	padding: 30px 15px;
}

.indexNews01 .slick-prev,
.indexNews01 .slick-next {
	width: 20px;
	height: 25px;
	margin-top: -12px;
}

.indexNews01 .slick-prev {
	left: -5px;
	background-size: 20px 25px;
}

.indexNews01 .slick-next {
	right: -5px;
	background-size: 20px 25px;
}

.indexNews01 .slick-slide {
	padding: 0 5px 10px;
}

.indexNews01Title01 {
	min-height: 3.3em;
}

.indexNews01Txt01 {
	min-height: 8em;
}

}

@media screen and (max-width: 600px) {

.personal .indexPeculiarity01Visual01 { background-position: right -120px center; }
.business .indexPeculiarity01Visual01 { background-position: right -120px center; }
.merchant .indexPeculiarity01Visual01 { background-position: left -120px center; }

}

/*--------------------------------------------------------------------
	index-renewal
--------------------------------------------------------------------*/

.indexFlex02 > li {
	border: 1px solid #BBCBDE;
	border-radius: 10px;
}

.indexFlex02 > li:nth-child(1) { background-color: #F8F8F8; }
.indexFlex02 > li:nth-child(2) { background-color: #E9FAFE; }
.indexFlex02 > li:nth-child(3) { background-color: #F0F7FF; }
.indexFlex02 > li:nth-child(4) { background-color: #D7E3F7; }

.indexFlex02Txt01 {
	background-color: #FFF;
	border-bottom: 1px solid #BBCBDE;
	padding: 15px;
}

@media screen and (min-width: 1251px) {

.indexFlex01 > li:first-child { width: 680px; }
.indexFlex01 > li:last-child { width: calc(100% - 700px); margin-left: 20px; }

.indexFlex02 {
	margin-left: 100px;
	margin-right: 100px;
}

.indexFlex02 > li {
	width: calc((100% - 61px) / 4);
	padding-bottom: 20px;
}

.indexFlex02 > li:not(:nth-child(4n)) {
	margin-right: 20px;
}

.indexFlex02Txt01 {
	font-size: 0.96rem;
}

.indexCalculator01 {
	padding-right: 100px;
}

}


@media screen and (max-width: 1250px) and (min-width: 768px)  {

.indexFlex01 > li { width: 100%; }
.indexFlex01 > li:nth-child(n+2) { margin-top: 20px; }

.indexFlex02 > li {
	width: calc((100% - 31px) / 4);
	padding-bottom: 15px;
}

.indexFlex02 > li:not(:nth-child(4n)) {
	margin-right: 10px;
}

.indexCalculator01 {
	margin-bottom: 40px;
}

}

@media screen and (max-width: 767px) {

.indexFlex01 > li { width: 100%; }
.indexFlex01 > li:nth-child(n+2) { margin-top: 15px; }

.indexFlex02 > li {
	width: 100%;
	padding-bottom: 10px;
}

.indexFlex02 > li:nth-child(n+2) {
	margin-top: 15px;
}

.indexFlex02 .statusTable01Header01Name01 {
	font-size: 1.0rem;
	padding: 7px;
}

.indexCalculator01 {
	margin-bottom: 30px;
}

}

/*--------------------------------------------------------------------
	service
--------------------------------------------------------------------*/

@media screen and (min-width: 1251px) {

.serviceLayout01 {
	width: auto;
}

.serviceLayout01Main01,
.serviceLayout01Main02 {
	width: 620px;
}

.serviceLayout01Sub01,
.serviceLayout01Sub02 {
	width: calc(100% - 620px);
	padding-left: 30px;
}

.serviceBox01 {
	padding: 0 80px;
}

.serviceFlex01 > li {
	width: calc((100% - 11px) / 2);
}

.serviceFlex01 > li:nth-child(odd) { margin-right: 10px; }
.serviceFlex01 > li:nth-child(n+3) { margin-top: 10px; }

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.serviceLayout01 {
	width: auto;
}

.serviceLayout01Main01 {
	width: calc(100% - 200px);
}

.serviceLayout01Sub01 {
	width: 200px;
	padding-left: 20px;
}

.serviceLayout01Main02 {
	width: calc(100% - 300px);
}

.serviceLayout01Sub02 {
	width: 300px;
	padding-left: 20px;
}

.serviceFlex01 > li {
	width: calc((100% - 21px) / 3);
}

.serviceFlex01 > li:not(:nth-child(3n)) { margin-right: 10px; }
.serviceFlex01 > li:nth-child(n+4) { margin-top: 10px; }

}

@media screen and (max-width: 767px) {

.serviceLayout01 {
	flex-direction: column-reverse;
}

.serviceLayout01Main01,
.serviceLayout01Main02 {
	width: 100%;
}

.serviceLayout01Sub01,
.serviceLayout01Sub02 {
	width: 100%;
	margin-bottom: 20px;
}

.serviceFlex01 > li {
	width: calc((100% - 11px) / 2);
}
.serviceFlex01 > li:nth-child(odd) { margin-right: 10px; }
.serviceFlex01 > li:nth-child(n+3) { margin-top: 10px; }

}

/*--------------------------------------------------------------------
	payin
--------------------------------------------------------------------*/

.payinBox01 {
	background-image: url("../images/service/payin_bg01.html");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	text-shadow: 0px 0px 25px #000;
}

@media screen and (min-width: 1251px) {

.payinBox01 {
	padding: 60px 0;
}

.payinBox01Title01 {
	font-size: 2.0em;
	margin-bottom: 40px;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.payinBox01 {
	padding: 40px 10px;
}

.payinBox01Title01 {
	font-size: 1.5em;
	margin-bottom: 20px;
}

}

@media screen and (max-width: 767px) {

.payinBox01 {
	padding: 30px 0;
}

.payinBox01Title01 {
	font-size: 1.2em;
	margin-bottom: 20px;
}

}

/*--------------------------------------------------------------------
	payout
--------------------------------------------------------------------*/

.payoutBox01 {
	background-image: url("../images/service/payout_bg01.html");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	text-shadow: 0px 0px 25px #000;
}

@media screen and (min-width: 1251px) {

.payoutBox01 {
	padding: 60px 0;
}

.payoutBox01Title01 {
	font-size: 2.0em;
	margin-bottom: 40px;
}

.flexPayout01 > li {
	width: calc((100% - 21px) / 2);
}

.flexPayout01 > li:nth-child(odd) { margin-right: 20px; }

}

@media screen and (max-width: 1250px)  {

.flexPayout01 > li {
	width: 100%;
}

.flexPayout01 > li:nth-child(n+2) { margin-top: 20px; }

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.payoutBox01 {
	padding: 40px 10px;
}

.payoutBox01Title01 {
	font-size: 1.5em;
	margin-bottom: 20px;
}

}

@media screen and (max-width: 767px) {

.payoutBox01 {
	padding: 30px 0;
}

.payoutBox01Title01 {
	font-size: 1.2em;
	margin-bottom: 20px;
}

}

/*--------------------------------------------------------------------
	transfer
--------------------------------------------------------------------*/

.transferBox01 {
	background-image: url("../images/service/transfer_bg019181.html?2022100701");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	text-shadow: 0px 0px 25px #000;
}

@media screen and (min-width: 1251px) {

.transferBox01 {
	padding: 60px 0;
}

.transferBox01Title01 {
	font-size: 2.0em;
	margin-bottom: 40px;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.transferBox01 {
	padding: 40px 10px;
}

.transferBox01Title01 {
	font-size: 1.5em;
	margin-bottom: 20px;
}

}

@media screen and (max-width: 767px) {

.transferBox01 {
	padding: 30px 0;
}

.transferBox01Title01 {
	font-size: 1.2em;
	margin-bottom: 20px;
}

}

/*--------------------------------------------------------------------
	exchange
--------------------------------------------------------------------*/

.exchangeBox01 {
	background-image: url("../images/service/exchange_bg01.html");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	text-shadow: 0px 0px 25px #000;
}

.exchangeBox02 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1251px) {

.exchangeBox01 {
	padding: 60px 0;
}

.exchangeBox01Title01 {
	font-size: 2.0em;
	margin-bottom: 40px;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.exchangeBox01 {
	padding: 40px 10px;
}

.exchangeBox01Title01 {
	font-size: 1.5em;
	margin-bottom: 20px;
}

}

@media screen and (max-width: 767px) {

.exchangeBox01 {
	padding: 30px 0;
}

.exchangeBox01Title01 {
	font-size: 1.2em;
	margin-bottom: 20px;
}

}

/*--------------------------------------------------------------------
	status
--------------------------------------------------------------------*/

.statusTable01 {
	line-height: 1.4em;
}

.statusTable01Header01 > div {
	width: 215px;
	border-left: 1px solid #BBCBDE;
	border-right: 1px solid #BBCBDE;
	border-top: 1px solid #BBCBDE;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.statusTable01Header01 > div:nth-child(1) {
	margin-left: 270px;
}

.statusTable01Header01 > div:nth-child(n+2) {
	margin-left: 20px;
}

.statusTable01Header02 > div {
	width: 450px;
	border-left: 1px solid #BBCBDE;
	border-right: 1px solid #BBCBDE;
	border-top: 1px solid #BBCBDE;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.statusTable01Header02 > div:nth-child(1) {
	margin-left: 270px;
}

.statusTable01Header02 > div:nth-child(n+2) {
	margin-left: 20px;
}

.statusTable01Header01Name01,
.statusTable01Header01Name02 {
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	text-align: center;
	font-size: 1.1rem;
}

.statusTable01Header01Name01 {
	border-bottom: 1px solid #BBCBDE;
	padding: 10px 5px;
}

.statusTable01Header01Name02 {
	padding: 30px 5px;
}

.statusTrial01 .statusTable01Header01Name01,
.statusTrial01 .statusTable01Header01Name02 {
	background-color: #F8F8F8;
	color: #e57503;
}

.statusBasic01 .statusTable01Header01Name01,
.statusBasic01 .statusTable01Header01Name02 {
	background-color: #13BAEE;
	color: #FFF;
}

.statusPro01 .statusTable01Header01Name01,
.statusPro01 .statusTable01Header01Name02 {
	background-color: #972300;
	color: #FFF;
}

.statusUnlimited01 .statusTable01Header01Name01,
.statusUnlimited01 .statusTable01Header01Name02 {
	background-color: #15305B;
	color: #FFF;
}

.statusCurrent01 .statusTable01Header01Name01,
.statusCurrent01 .statusTable01Header01Name02 {
	background-color: #F8F8F8;
	color: #e57503;
}

.statusRenewal01 .statusTable01Header01Name01,
.statusRenewal01 .statusTable01Header01Name02 {
	background-color: #13BAEE;
	color: #FFF;
}

.statusTable01Header01Txt01 {
	padding: 10px;
	font-size: 0.9rem;
}

.statusTable01Header01Txt02 {
	padding: 20px 10px;
	text-align: center;
}

.statusTable01Body01Inner03,
.statusTable01Body02Inner01 {
	padding-bottom: 30px;
}

.statusTable01Body01:before,
.statusTable01Body01Inner01:before,
.statusTable01Body01Inner02:before,
.statusTable01Body01Inner03:before {
	content: "";
	width: 215px;
	height: 100%;
	display: block;
	box-sizing: border-box;
	position: absolute;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: 1px solid #BBCBDE;
	border-right: 1px solid #BBCBDE;
	border-bottom: 1px solid #BBCBDE;
}

.statusTable01Body01:before { background-color: #F8F8F8; left: 270px; }
.statusTable01Body01Inner01:before { background-color: #E9FAFE; left: 505px;}
.statusTable01Body01Inner02:before { background-color: #F0F7FF; left: 740px; }
.statusTable01Body01Inner03:before { background-color: #D7E3F7; left: 975px; }

.statusTable01Body02:before,
.statusTable01Body02Inner01:before {
	content: "";
	width: 450px;
	height: 100%;
	display: block;
	box-sizing: border-box;
	position: absolute;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-left: 1px solid #BBCBDE;
	border-right: 1px solid #BBCBDE;
	border-bottom: 1px solid #BBCBDE;
}

.statusTable01Body02:before { background-color: #F8F8F8; left: 270px; }
.statusTable01Body02Inner01:before { background-color: #E9FAFE; left: 740px;}

.statusTable01Tbody01Name01 {
	position: absolute;
	left: 0;
	top: -40px;
	width: 270px;
}

.statusTable01Tbody01Name02 {
	position: absolute;
	left: 0;
	top: -60px;
	width: 270px;
}

.statusTable01Tr01 {
	min-height: 60px;
	border: 1px solid #DDE5EF;
	background-color: rgba(237,249,251,0.5);
	border-radius: 10px;
	z-index: 2;
	overflow: hidden;
}

.statusTable01Tr01.styleA {
	min-height: 80px;
}

.statusTable01Tr01Name01 {
	width: 270px;
	height: 60px;
	border-top-left-radius: 9px;
	border-bottom-left-radius: 9px;
	border-left: 25px solid #CCC;
	font-size: 0.9rem;
	display: table;
}

.statusTable01Tr01.styleA .statusTable01Tr01Name01 {
	height: 80px;
}

.statusTable01Information01 .statusTable01Tr01Name01 { border-color: #7D9ECA; }
.statusTable01Service01 .statusTable01Tr01Name01 { border-color: #972300; }

.statusTable01Tr01Name01 > p {
	width: 270px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	padding: 5px 10px;
}

.statusTable01Td01 {
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #FFF;
	font-size: 0.86rem;
	background: url("../images/common/bg_common01.html") left top repeat;
	position: absolute;
	top: 50%;
	margin-top: -16px;
}

.statusTable01Td02 {
	text-align: center;
	position: absolute;
	top: 0;
	font-size: 0.96rem;
	height: 80px;
	display: table;
}

.statusTable01Td02 > div {
	width: 100%;
	height: 80px;
	display: table-cell;
	vertical-align: middle;
}

.tdColspan1 { width: 215px; }
.tdColspan2 { width: 450px; }
.tdColspan3 { width: 685px; }
.tdColspan4 { width: 920px; }

.tdStart1 { left: 269px; }
.tdStart2 { left: 504px;}
.tdStart3 { left: 739px; }
.tdStart4 { left: 974px; }

@media screen and (max-width: 1250px) {

.statusTable01Layout01 {
	width: 1210px;
}

}

/*--------------------------------------------------------------------
	personal
--------------------------------------------------------------------*/

.personalMerit01 {
	background-color: #F7F7F7;
	border-top: 7px solid #e57503;
	overflow: hidden;
}

.personalQuality01 .slick-prev {
	top: 50%;
	margin-top: -35px;
	background: url("../images/common/arrow01_left.png") center top no-repeat;
}

.personalQuality01 .slick-next {
	top: 50%;
	margin-top: -35px;
	background: url("../images/common/arrow01_right.png") center top no-repeat;
}

.personalAnime01,
.personalAnime02,
.personalAnime03,
.personalAnime04 {
	opacity: 0;
	transition-duration: 1.3s;
	transform: translateX(60px);
}

.personalAnime02 { transition-delay: .2s; }
.personalAnime03 { transition-delay: .4s; }
.personalAnime04 { transition-delay: .6s; }

.slick-active .personalAnime01,
.slick-active .personalAnime02,
.slick-active .personalAnime03,
.slick-active .personalAnime04 {
	opacity: 1;
	transform: translateX(0);
}

.personalStep01 {
	background-color: #FFF;
}

.personalStep01Title01 {
	font-weight: bold;
	text-align: center;
}

.personalStep01Flex01 {
	width: auto;
}

.personalStep01Icon01 {
	width: 130px;
	height: 130px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #00468C;
}

.personalStep01Icon01.styleA {
	padding: 38px 0 0 12px;
}

.personalStep01Icon01.styleB {
	padding: 32px 0 0 5px;
}

.personalStep01Icon01.styleC {
	padding: 24px 0 0 1px;
}

.personalStep01Icon01.styleD {
	padding: 27px 0 0 3px;
}

.personalMessage01 {
	background-color: #FFF;
}

.personalMessage01Catch01 {
	text-align: center;
	font-size: 1.0em;
	padding: 0 15px;
}

.personalMessage01Title01 {
	padding: 0 15px;
	text-align: center;
}

.personalMessage01Box01 > div {
	width: 50%;
	color: #FFF;
}

.personalMessage01Box01 > div:first-child {
	background-color: #e57503;
}

.personalMessage01Box01 > div:last-child {
	background-color: #2BC0EF;
}

.personalCharm01 {
	box-shadow: 0px 3px 12px 0px rgba(0,0,0,0.1);
	background-repeat: no-repeat;
}

.personalCharm01.charm01 { background-image: url("../images/peculiarity/personal_charm01_bg9181.html?2022100701"); z-index: 4; }
.personalCharm01.charm02 { background-image: url("../images/peculiarity/personal_charm02_bg9181.html?2022100701"); z-index: 3; }
.personalCharm01.charm03 { background-image: url("../images/peculiarity/personal_charm03_bg9181.html?2022100701"); z-index: 2; }

@media screen and (min-width: 1251px) {

.personalQuality01 {
	padding: 60px 0;
}

.personalQuality01 .slick-prev {
	left: -49px;
}

.personalQuality01 .slick-next {
	right: -49px;
}

.personalFlex01Visual01 {
	width: 610px;
}

.personalFlex01Txt01 {
	width: calc(100% - 610px);
}

.personalFlex01Visual02 {
	width: 690px;
}

.personalFlex01Txt02 {
	width: calc(100% - 690px);
}

.personalFlex02 > li img {
	height: 25px;
}

.personalFlex02 > li:nth-child(3) img {
	height: 20px;
}

.personalFlex03 > li img {
	height: 30px;
}

.personalMerit01 {
	padding: 60px 0;
}

.personalStep01 {
	min-height: 500px;
	padding: 60px 0;
	background-attachment: fixed;
}

.personalStep01Title01 {
	font-size: 1.5rem;
	margin-bottom: 50px;
}

.personalStep01Flex01 > li {
	width: 300px;
}

.personalStep01Flex01 > li:nth-child(n+2) {
	border-left: 1px solid #00468C;
}

.personalStep01Flex01 > li > div {
	padding: 0 30px;
}

.personalStep01Link01 {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: 250px;
}

.personalMessage01 {
	padding: 60px 0;
}

.personalMessage01Catch01 {
	margin-bottom: 40px;
}

.personalMessage01Title01 {
	font-size: 3.0em;
	margin-bottom: 50px;
}

.personalMessage01Box01 > div {
	height: 300px;
	padding: 30px 50px;
}

.personalMessage01Box01 > div:first-child {
	font-size: 3em;
	line-height: 1.6em;
}

.personalMessage01Box01 > div:last-child {
	font-size: 4em;
	line-height: 260px;
}

.personalMessage01Box01 > div:last-child span {
	font-size: 4em;
}

.personalCharm01 {
	height: 525px;
	background-position: center center;
	background-size: cover;
}

.personalCharmTitle01, .personalCharmTitle02 {
	font-size: 2.0em;
	line-height: 1.4em;
	margin-bottom: 30px;
}

.personalCharmTxt01 {
	width: 500px;
	height: 525px;
	display: table;
}

.personalCharmTxt01 > div {
	width: 100%;
	height: 525px;
	display: table-cell;
	vertical-align: middle;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.personalQuality01 {
	padding: 30px 0;
}

.personalQuality01 .slick-prev {
	width: 20px;
	height: 24px;
	left: 0;
	z-index: 2;
	background-size: 20px 24px;
}

.personalQuality01 .slick-next {
	width: 20px;
	height: 24px;
	right: 0;
	z-index: 2;
	background-size: 20px 24px;
}

.personalFlex01Visual01 {
	width: 280px;
}

.personalFlex01Txt01 {
	width: calc(100% - 280px);
}

.personalFlex01Visual02 {
	width: 280px;
}

.personalFlex01Txt02 {
	width: calc(100% - 280px);
}

.personalFlex02 > li img {
	height: 20px;
}

.personalFlex02 > li:nth-child(3) img {
	height: 15px;
}

.personalFlex03 > li img {
	height: 25px;
}

.personalMerit01 {
	padding: 30px 0;
}

.personalStep01 {
	min-height: 500px;
	padding: 30px 0;
}

.personalStep01Title01 {
	font-size: 1.2rem;
	margin-bottom: 30px;
}

.personalStep01Flex01 > li {
	width: 25%;
}

.personalStep01Flex01 > li:nth-child(n+2) {
	border-left: 1px solid #00468C;
}

.personalStep01Flex01 > li > div {
	padding: 0 20px;
}

.personalStep01Link01 {
	text-align: center;
	margin-top: 20px;
}

.personalMessage01 {
	padding: 30px 0;
}

.personalMessage01Catch01 {
	margin-bottom: 20px;
}

.personalMessage01Title01 {
	font-size: 2.4em;
	margin-bottom: 30px;
}

.personalMessage01Box01 > div {
	height: 220px;
	padding: 20px 50px;
}

.personalMessage01Box01 > div:first-child {
	font-size: 2em;
	line-height: 1.6em;
}

.personalMessage01Box01 > div:last-child {
	font-size: 3em;
	line-height: 190px;
}

.personalMessage01Box01 > div:last-child span {
	font-size: 4em;
}

.personalCharm01 {
	height: 400px;
	background-position: center center;
	background-size: cover;
}

.personalCharmTitle01, .personalCharmTitle02 {
	font-size: 1.7em;
	margin-bottom: 30px;
	line-height: 1.4em;
}

.personalCharmTxt01 {
	width: calc(100% - 380px);
	height: 400px;
	display: table;
}

.personalCharmTxt01 > div {
	width: 100%;
	height: 400px;
	display: table-cell;
	vertical-align: middle;
}

}

@media screen and (max-width: 767px) {

.personalQuality01 {
	padding: 30px 0;
}

.personalQuality01 .slick-prev {
	width: 20px;
	height: 24px;
	left: 0;
	z-index: 2;
	background-size: 20px 24px;
}

.personalQuality01 .slick-next {
	width: 20px;
	height: 24px;
	right: 0;
	z-index: 2;
	background-size: 20px 24px;
}

.personalFlex01Visual01 {
	width: 100%;
}

.personalFlex01Txt01 {
	width: 100%;
}

.personalFlex01Visual02 {
	width: 100%;
}

.personalFlex01Txt02 {
	width: 100%;
}

.personalFlex02 > li img {
	height: 20px;
}

.personalFlex02 > li:nth-child(3) img {
	height: 15px;
}

.personalFlex03 > li img {
	height: 25px;
}

.personalMerit01 {
	padding: 30px 0;
}

.personalStep01 {
	min-height: 660px;
	padding: 20px 0;
}

.personalStep01Title01 {
	font-size: 1.0rem;
	margin-bottom: 10px;
}

.personalStep01Flex01 > li {
	width: 100%;
}

.personalStep01Flex01 > li:nth-child(n+2) {
	border-top: 1px solid #FFF;
}

.personalStep01Flex01 > li > div {
	padding: 20px 0;
}

.personalStep01Link01 {
	text-align: center;
	margin-top: 20px;
}

.personalMessage01 {
	padding: 20px 0;
}

.personalMessage01Catch01 {
	margin-bottom: 15px;
}

.personalMessage01Title01 {
	font-size: 2.0em;
	margin-bottom: 30px;
}

.personalMessage01Box01 > div {
	height: 140px;
	padding: 15px 20px;
}

.personalMessage01Box01 > div:first-child {
	font-size: 1.6em;
	line-height: 1.6em;
}

.personalMessage01Box01 > div:last-child {
	font-size: 2em;
	line-height: 120px;
}

.personalMessage01Box01 > div:last-child span {
	font-size: 3.4em;
}

.personalCharm01 {
	padding: 30px 15px;
	background-position: left center;
}

.personalCharmTitle01, .personalCharmTitle02 {
	font-size: 1.3em;
	margin-bottom: 20px;
	line-height: 1.4em;
}

.personalCharmTxt01 {
	width: 100%;
}

.personalCharmTxt01 > div {
	width: 100%;
}

}

/*--------------------------------------------------------------------
	business
--------------------------------------------------------------------*/

.businessQuality01 {
	background-color: #FFF;
	overflow: hidden;
}

.businessQuality01Btn01 {
	margin-bottom: 20px;
}

.businessQuality01Btn01 > li {
	border-radius: 7px;
	overflow: hidden;
	border: 1px solid #DDD;
	background-color: #527AAA;
	color: #FFF;
	cursor: pointer;
}

.businessQuality01Btn01 > li.active {
	background-color: #15305B;
}

.businessQuality01Contents01Box01 {
	background-color: #F7F7F7;
	border: 1px solid #999999;
	border-radius: 7px;
	box-shadow: 2px 2px 4px 0px rgba(50,50,50,0.1);
}

.businessQuality01Contents01Layout01 {
	width: 100%;
}

.businessQuality01Contents01Layout01 > div {
	vertical-align: top;
}

.businessQuality01Btn01Head01 {
	width: 100%;
}

.businessQuality01Btn01Bottom01 {
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.businessQuality01Btn01 > li:nth-child(1) .businessQuality01Btn01Bottom01 { background-image: url("../images/peculiarity/business_quality_photo01_off.html"); }
.businessQuality01Btn01 > li:nth-child(2) .businessQuality01Btn01Bottom01 { background-image: url("../images/peculiarity/business_quality_photo02_off.html"); }
.businessQuality01Btn01 > li:nth-child(3) .businessQuality01Btn01Bottom01 { background-image: url("../images/peculiarity/business_quality_photo03_off.html"); }
.businessQuality01Btn01 > li:nth-child(4) .businessQuality01Btn01Bottom01 { background-image: url("../images/peculiarity/business_quality_photo04_off.html"); }

.businessQuality01Btn01 > li:nth-child(1).active .businessQuality01Btn01Bottom01 { background-image: url("../images/peculiarity/business_quality_photo01_on.html"); }
.businessQuality01Btn01 > li:nth-child(2).active  .businessQuality01Btn01Bottom01 { background-image: url("../images/peculiarity/business_quality_photo02_on.html"); }
.businessQuality01Btn01 > li:nth-child(3).active  .businessQuality01Btn01Bottom01 { background-image: url("../images/peculiarity/business_quality_photo03_on.html"); }
.businessQuality01Btn01 > li:nth-child(4).active  .businessQuality01Btn01Bottom01 { background-image: url("../images/peculiarity/business_quality_photo04_on.html"); }

.businessComparison01Trigger01 {
	cursor: pointer;
}

.businessComparison01Trigger01:before {
	content: "\f078";
	font-family: FontAwesome;
	position: absolute;
	color: #AAAAAA;
	height: 100%;
}

.businessComparison01Trigger01.active:before {
	content: "\f077";
}

.businessComparison01Tip01 {
	background-color: #FFF;
	border: 1px solid #13BAEE;
	position: absolute;
	z-index: 2;
	box-shadow: 0 1px 5px #FFFF73;
	width: 300px;
	left: 200px;
	top: -30px;
}

.businessComparison01Tip01:before {
	content: "";
	width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid #13BAEE;
	position: absolute;
	bottom: -11px;
	left: 50%;
	margin-left: -6px;
}

.businessComparison01Tip01:after {
	content: "";
	width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #FFF;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -5px;
}

.businessComparison01Tip01Close01 {
	width: 17px;
	height: 17px;
	line-height: 17px !important;
	text-align: center;
	background-color: #D3E0EF;
	border-radius: 3px;
	position: absolute;
	top: 7px;
 	right: 7px;
	color: #999999;
	cursor: pointer;
}

.businessMerit01 {
	background-color: #F7F7F7;
	overflow: hidden;
}

.businessMerit01Title01 {
	text-align: center;
}

.businessMerit01List01Title01 {
	text-align: center;
}

.businessMerit01List01 li {
	background-image: url("../images/common/icon_dollar01.html");
	background-position: left top;
	background-repeat: no-repeat;
}

.businessOpen01 {
	background-image: url("../images/peculiarity/business_bg01.html");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
}

.businessOpen01Title01 {
	font-weight: bold;
	text-align: center;
	line-height: 1.4em;
}

.businessCase01 {
	background-image: url("../images/peculiarity/business_bg02.html");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.businessCase01Slider01 {
  display: none !important;
}

.businessCase01Slider01.slick-initialized {
  display: block !important;
}

.businessCase01 .slick-prev {
	top: 50%;
	margin-top: -35px;
	background: url("../images/common/arrow01_left.png") center top no-repeat;
}

.businessCase01 .slick-next {
	top: 50%;
	margin-top: -35px;
	background: url("../images/common/arrow01_right.png") center top no-repeat;
}

.businessStep01 {
	background-image: url("../images/peculiarity/business_bg039181.html?2022100701");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
}

.businessStep01Title01 {
	font-weight: bold;
	text-align: center;
}

.businessStep01Flex01 {
	width: auto;
}

.businessStep01Icon01 {
	width: 130px;
	height: 130px;
	text-align: center;
	border-radius: 50%;
	border: 1px solid #FFF;
}

.businessStep01Icon01.styleA {
	padding: 38px 0 0 12px;
}

.businessStep01Icon01.styleB {
	padding: 32px 0 0 5px;
}

.businessStep01Icon01.styleC {
	padding: 24px 0 0 1px;
}

.businessStep01Icon01.styleD {
	padding: 27px 0 0 3px;
}

@media screen and (min-width: 1251px) {

.businessQuality01 {
	padding: 40px 0;
}

.businessQuality01Btn01Head01 {
	height: 150px;
	padding: 10px 15px;
	font-size: 1.3rem;
	line-height: 1.4em;
	border-bottom: 7px solid #21498D;
}

.businessQuality01Btn01Bottom01 {
	height: 200px;
	transition-property: background-size;
	transition: 0.1s ease-in;
	background-size: auto 100%;
}

.businessQuality01Btn01 > li:hover .businessQuality01Btn01Bottom01 {
	background-size: auto 107%;
}

.businessQuality01Contents01 > li {
	padding-top: 30px;
}

.businessQuality01Contents01Box01:before {
	content: "";
	width: 0;
  height: 0;
  border-left: 31px solid transparent;
  border-right: 31px solid transparent;
  border-bottom: 31px solid #999999;
	position: absolute;
	top: -31px;
	margin-left: -15px;
}

.businessQuality01Contents01Box01:after {
	content: "";
	width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #F7F7F7;
	position: absolute;
	top: -30px;
	margin-left: -14px;
}

.businessQuality01Contents01 > li:nth-child(1) .businessQuality01Contents01Box01:before { left: 23%; }
.businessQuality01Contents01 > li:nth-child(2) .businessQuality01Contents01Box01:before { left: 49%; }
.businessQuality01Contents01 > li:nth-child(3) .businessQuality01Contents01Box01:before { left: 75%; }
.businessQuality01Contents01 > li:nth-child(1) .businessQuality01Contents01Box01:after { left: 23%; }
.businessQuality01Contents01 > li:nth-child(2) .businessQuality01Contents01Box01:after { left: 49%; }
.businessQuality01Contents01 > li:nth-child(3) .businessQuality01Contents01Box01:after { left: 75%; }
/* for 4 itmes
.businessQuality01Contents01 > li:nth-child(1) .businessQuality01Contents01Box01:before { left: 11%; }
.businessQuality01Contents01 > li:nth-child(2) .businessQuality01Contents01Box01:before { left: 35%; }
.businessQuality01Contents01 > li:nth-child(3) .businessQuality01Contents01Box01:before { left: 61%; }
.businessQuality01Contents01 > li:nth-child(4) .businessQuality01Contents01Box01:before { left: 86%; }
.businessQuality01Contents01 > li:nth-child(1) .businessQuality01Contents01Box01:after { left: 11%; }
.businessQuality01Contents01 > li:nth-child(2) .businessQuality01Contents01Box01:after { left: 35%; }
.businessQuality01Contents01 > li:nth-child(3) .businessQuality01Contents01Box01:after { left: 61%; }
.businessQuality01Contents01 > li:nth-child(4) .businessQuality01Contents01Box01:after { left: 86%; }
*/

.businessQuality01Contents01Box01 {
	padding: 30px;
}

.businessQuality01Contents01Layout01 {
	width: 100%;
}

.businessQuality01Contents01Layout01 > div {
	width: 50%;
}

.businessQuality01Contents01Layout01 > div:nth-child(1) {
	padding-right: 30px;
}

.businessQuality01Contents01Layout01 > div:nth-child(2) {
	padding-left: 30px;
	border-left: 1px solid #999999;
}

.businessComparison01 {
	padding: 60px 0;
	background-color: #FFF;
}

.businessComparison01Trigger01:before {
	right: 20px;
	font-size: 1.6em;
	top: 50%;
	margin-top: -15px;
}

.businessComparison01Tip01 {
	width: 300px;
	left: 200px;
	top: -30px;
	padding: 15px 45px 15px 15px;
}

.businessMerit01 {
	padding: 60px 0;
}

.businessMerit01Title01 {
	font-size: 1.6rem;
	margin-bottom: 30px;
}

.businessMerit01List01 li {
	padding: 20px;
}

.businessMerit01List01Title01 {
	padding: 0 0 0 35px;
	margin-bottom: 20px;
}

.businessOpen01 {
	padding: 200px 0 100px;
}

.businessOpen01Title01 {
	font-size: 2.0rem;
	margin-bottom: 80px;
}

.businessCase01 {
	padding: 10px 0 30px;
}

.businessCase01 .slick-prev {
	left: -49px;
}

.businessCase01 .slick-next {
	right: -49px;
}

.businessStep01 {
	min-height: 500px;
	padding: 60px 0;
	background-attachment: fixed;
}

.businessStep01Title01 {
	font-size: 1.5rem;
	margin-bottom: 50px;
}

.businessStep01Flex01 > li {
	width: 300px;
}

.businessStep01Flex01 > li:nth-child(n+2) {
	border-left: 1px solid #FFF;
}

.businessStep01Flex01 > li > div {
	padding: 0 30px;
}

.businessStep01Link01 {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin-left: 250px;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.businessQuality01 {
	padding: 30px 0;
}

.businessQuality01Btn01Head01 {
	height: 100px;
	padding: 10px;
	font-size: 0.86rem;
	line-height: 1.4em;
	border-bottom: 7px solid #21498D;
}

.businessQuality01Btn01Bottom01 {
	height: 90px;
	background-size: cover;
}

.businessQuality01Contents01 > li {
	padding-top: 30px;
}

.businessQuality01Contents01Box01:before {
	content: "";
	width: 0;
  height: 0;
  border-left: 31px solid transparent;
  border-right: 31px solid transparent;
  border-bottom: 31px solid #999999;
	position: absolute;
	top: -31px;
	margin-left: -15px;
}

.businessQuality01Contents01Box01:after {
	content: "";
	width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 30px solid #F7F7F7;
	position: absolute;
	top: -30px;
	margin-left: -14px;
}

.businessQuality01Contents01 > li:nth-child(1) .businessQuality01Contents01Box01:before { left: 15%; }
.businessQuality01Contents01 > li:nth-child(2) .businessQuality01Contents01Box01:before { left: 49%; }
.businessQuality01Contents01 > li:nth-child(3) .businessQuality01Contents01Box01:before { left: 82%; }
.businessQuality01Contents01 > li:nth-child(1) .businessQuality01Contents01Box01:after { left: 15%; }
.businessQuality01Contents01 > li:nth-child(2) .businessQuality01Contents01Box01:after { left: 49%; }
.businessQuality01Contents01 > li:nth-child(3) .businessQuality01Contents01Box01:after { left: 82%; }
/* for 4 itmes
.businessQuality01Contents01 > li:nth-child(1) .businessQuality01Contents01Box01:before { left: 10%; }
.businessQuality01Contents01 > li:nth-child(2) .businessQuality01Contents01Box01:before { left: 35%; }
.businessQuality01Contents01 > li:nth-child(3) .businessQuality01Contents01Box01:before { left: 60%; }
.businessQuality01Contents01 > li:nth-child(4) .businessQuality01Contents01Box01:before { left: 85%; }
.businessQuality01Contents01 > li:nth-child(1) .businessQuality01Contents01Box01:after { left: 10%; }
.businessQuality01Contents01 > li:nth-child(2) .businessQuality01Contents01Box01:after { left: 35%; }
.businessQuality01Contents01 > li:nth-child(3) .businessQuality01Contents01Box01:after { left: 60%; }
.businessQuality01Contents01 > li:nth-child(4) .businessQuality01Contents01Box01:after { left: 85%; }
*/

.businessQuality01Contents01Box01 {
	padding: 20px;
}

.businessQuality01Contents01Layout01 {
	width: 100%;
}

.businessQuality01Contents01Layout01 > div {
	width: 100%;
}

.businessQuality01Contents01Layout01 > div:nth-child(1) {
	padding-bottom: 20px;
}

.businessQuality01Contents01Layout01 > div:nth-child(2) {
	padding-top: 20px;
	border-top: 1px solid #999999;
}

.businessComparison01 {
	padding: 30px 0;
	background-color: #FFF;
}

.businessComparison01Trigger01:before {
	right: 20px;
	font-size: 1.3em;
	top: 50%;
	margin-top: -12px;
}

.businessComparison01Tip01 {
	width: 250px;
	left: 50px;
	top: -5px;
	padding: 15px 45px 15px 15px;
}

.businessMerit01 {
	padding: 30px 0;
}

.businessMerit01Title01 {
	font-size: 1.2rem;
	margin-bottom: 20px;
}

.businessMerit01List01 li {
	padding: 15px;
	background-size: 20px 56px;
	background-position: left top 12px;
}

.businessMerit01List01Title01 {
	margin-bottom: 20px;
}

.businessOpen01 {
	padding: 80px 0 60px;
}

.businessOpen01Title01 {
	font-size: 1.3rem;
	margin-bottom: 40px;
}

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

.businessCase01 .slick-prev {
	left: -15px;
	z-index: 2;
	background-size: 20px 24px;
}

.businessCase01 .slick-next {
	right: -15px;
	z-index: 2;
	background-size: 20px 24px;
}

.businessStep01 {
	min-height: 500px;
	padding: 30px 0;
}

.businessStep01Title01 {
	font-size: 1.2rem;
	margin-bottom: 30px;
}

.businessStep01Flex01 > li {
	width: 25%;
}

.businessStep01Flex01 > li:nth-child(n+2) {
	border-left: 1px solid #FFF;
}

.businessStep01Flex01 > li > div {
	padding: 0 20px;
}

.businessStep01Link01 {
	text-align: center;
	margin-top: 20px;
}

}

@media screen and (max-width: 767px) {

.businessQuality01 {
	padding: 20px 0;
}

.businessQuality01Btn01Head01 {
	height: 65px;
	padding: 10px;
	font-size: 0.9rem;
	line-height: 1.4em;
	border-right: 7px solid #21498D;
}

.businessQuality01Btn01Bottom01 {
	width: 60px;
	height: 65px;
	background-size: cover;
}

.businessQuality01Contents01 > li {
	padding-top: 20px;
}

.businessQuality01Contents01Box01 {
	padding: 20px;
}

.businessQuality01Contents01Box01:before {
	content: "";
	width: 0;
  height: 0;
  border-left: 21px solid transparent;
  border-right: 21px solid transparent;
  border-bottom: 21px solid #999999;
	position: absolute;
	top: -21px;
	left: 50%;
	margin-left: -30px;
}

.businessQuality01Contents01Box01:after {
	content: "";
	width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #F7F7F7;
	position: absolute;
	top: -20px;
	left: 50%;
	margin-left: -29px;
}

.businessQuality01Contents01Layout01 {
	width: 100%;
}

.businessQuality01Contents01Layout01 > div {
	width: 100%;
}

.businessQuality01Contents01Layout01 > div:nth-child(1) {
	padding-bottom: 20px;
}

.businessQuality01Contents01Layout01 > div:nth-child(2) {
	padding-top: 20px;
	border-top: 1px solid #999999;
}

.businessComparison01 {
	padding: 20px 0;
	background-color: #FFF;
}

.businessComparison01Trigger01:before {
	right: 15px;
	font-size: 1.3em;
	top: 50%;
	margin-top: -10px;
}

.businessComparison01Tip01 {
	width: 220px;
	left: 15px;
	top: 10px;
	padding: 7px 30px 7px 7px;
}

.businessComparison01Tip01 > p:first-child {
	font-size: 0.9em;
	line-height: 1.3em;
}

.businessMerit01 {
	padding: 20px 0;
}

.businessMerit01Title01 {
	font-size: 1.0rem;
	margin-bottom: 20px;
}

.businessMerit01List01 li {
	padding: 15px;
	background-size: 20px 56px;
	background-position: left top 12px;
}

.businessMerit01List01Title01 {
	margin-bottom: 20px;
}

.businessOpen01 {
	padding: 40px 0;
}

.businessOpen01Title01 {
	font-size: 1.0rem;
	margin-bottom: 30px;
}

.businessCase01 {
	padding: 10px 0 30px;
}

.businessCase01 .slick-prev {
	left: -10px;
	z-index: 2;
	background-size: 20px 24px;
}

.businessCase01 .slick-next {
	right: -10px;
	z-index: 2;
	background-size: 20px 24px;
}

.businessStep01 {
	min-height: 660px;
	padding: 20px 0;
}

.businessStep01Title01 {
	font-size: 1.0rem;
	margin-bottom: 10px;
}

.businessStep01Flex01 > li {
	width: 100%;
}

.businessStep01Flex01 > li:nth-child(n+2) {
	border-top: 1px solid #FFF;
}

.businessStep01Flex01 > li > div {
	padding: 20px 0;
}

.businessStep01Link01 {
	text-align: center;
	margin-top: 20px;
}

}

/*--------------------------------------------------------------------
	merchant
--------------------------------------------------------------------*/

.merchantService01 {
	background-color: #FFF;
}

.merchantServiceTitle01 {
	color: #14305A;
	text-align: center;
	font-weight: bold;
	line-height: 1.4em;
}

.merchantServiceTop01 > li:not(:last-child):after {
	content: "";
	position: absolute;
	z-index: 10;
}

.merchantServiceTop01 > li:nth-child(1) { z-index: 3; }
.merchantServiceTop01 > li:nth-child(2) { z-index: 2; }
.merchantServiceTop01 > li:nth-child(3) { z-index: 1; }

.merchantServiceBottom01 {
	background-color: #F4F6F9;
	border-radius: 10px;
	border-top: 10px solid #15305B;
}

.merchantServiceTop01Box01Inner,
.merchantServiceBottom01Box01 {
	border: 1px solid #C9C9C9;
	border-radius: 10px;
	background-color: #FFF;
}

.merchantServiceTop01Box01:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 10px;
	background-color: #EBEBEB;
	background-size: 4px 4px;
	background-image: linear-gradient(-45deg, #F8F8F8 25%, transparent 25%,transparent 50%, #F8F8F8 50%, #F8F8F8 75%,transparent 75%, transparent);
	z-index: 0;
}

.merchantPartner01 {
	background-color: #15305B;
	box-shadow: inset 2px 2px 20px 0px rgba(0,0,0,0.4);
}

.merchantContact01 {
	background-image: url("../images/peculiarity/merchant_bg019181.html?2022100701");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
}

.merchantContact01Txt01 {
	text-align: center;
}

@media screen and (min-width: 1251px) {

.merchantService01 {
	padding: 60px 0;
}

.merchantServiceTitle01 {
	font-size: 2.0rem;
	margin-bottom: 40px;
}

.merchantServiceTop01 {
	margin-bottom: 60px;
}

.merchantServiceTop01 > li:not(:last-child):after {
	width: 173px;
	height: 86px;
	top: 50%;
	right: 0;
	margin: -55px -120px 0 0;
	background: url("../images/common/arrow02_right.html") left top no-repeat;
}

.merchantServiceTop01Box01Inner {
	padding: 25px;
}

.merchantServiceTop01Box01:before {
	bottom: -10px;
	right: -10px;
}

.merchantServiceTop01Visual01 {
	height: 209px;
}

.merchantServiceTop01Img01 {
	padding-left: 85px;
}

.merchantServiceBottom01 {
	padding: 20px;
}

.merchantServiceBottomTitle01 {
	width: 320px;
	padding: 50px 20px 0 0;
}

.merchantServiceBottomContents01 {
	width: calc(100% - 320px);
}

.merchantServiceBottom01Box01 {
	padding: 15px;
}

.merchantPartner01 {
	padding: 80px 0;
}

.merchantPartner01List01 > li {
	padding: 20px 20px 0;
}

.merchantPartner01Slider01 {
	margin-top: 60px;
}

.merchantPartner01Slider01 li {
	padding: 0 20px;
}

.merchantContact01 {
	min-height: 300px;
	padding: 80px 0;
	background-attachment: fixed;
}

.merchantContact01Txt01 {
	font-size: 1.5rem;
	margin-bottom: 40px;
}

.merchantContact01Txt01.styleA {
	margin-bottom: 80px;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.merchantService01 {
	padding: 50px 0;
}

.merchantServiceTitle01 {
	font-size: 1.4rem;
	margin-bottom: 20px;
}

.merchantServiceTop01 {
	margin-bottom: 40px;
}

.merchantServiceTop01 > li:not(:last-child):after {
	width: 100px;
	height: 50px;
	top: 50%;
	right: 0;
	margin: -50px -60px 0 0;
	background: url("../images/common/arrow02_right.html") left top no-repeat;
	background-size: 100px 50px;
}

.merchantServiceTop01Box01Inner {
	padding: 20px;
}

.merchantServiceTop01Box01:before {
	bottom: -10px;
	right: -10px;
}

.merchantServiceTop01Visual01 {
	height: 107px;
}

.merchantServiceTop01Img01 {
	padding-left: 42px;
}

.merchantServiceBottom01 {
	padding: 20px;
}

.merchantServiceBottomTitle01 {
	width: 100%;
}

.merchantServiceBottomContents01 {
	width: 100%;
	margin-top: 20px;
}

.merchantServiceBottom01Box01 {
	padding: 15px;
}

.merchantPartner01 {
	padding: 60px 0;
}

.merchantPartner01List01 > li {
	padding: 15px 15px 0;
	max-width: 150px;
}

.merchantPartner01List01 > li img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.merchantPartner01Slider01 {
	margin-top: 40px;
}

.merchantPartner01Slider01 li {
	padding: 0 15px;
}

.merchantPartner01Slider01 li img {
	width: auto;
	height: auto;
	max-width: 150px;
}

.merchantContact01 {
	min-height: 250px;
	padding: 50px 0;
}

.merchantContact01Txt01 {
	font-size: 1.1rem;
	margin-bottom: 20px;
}

.merchantContact01Txt01.styleA {
	margin-bottom: 50px;
}

}

@media screen and (max-width: 767px) {

.merchantService01 {
	padding: 30px 0;
}

.merchantServiceTitle01 {
	font-size: 1.1rem;
	margin-bottom: 20px;
}

.merchantServiceTop01 {
	margin-bottom: 30px;
}

.merchantServiceTop01 > li:not(:last-child):after {
	width: 39px;
	height: 80px;
	bottom: 0;
	left: 50%;
	margin: 0 0 -50px -20px;
	background: url("../images/common/arrow02_bottom.html") left top no-repeat;
	background-size: 39px 80px;
}

.merchantServiceTop01Box01Inner {
	padding: 25px 15px 15px;
}

.merchantServiceTop01Box01:before {
	bottom: -5px;
	right: -5px;
}

.merchantServiceTop01Img01 {
	padding-left: 42px;
}

.merchantServiceBottom01 {
	padding: 15px;
}

.merchantServiceBottomTitle01 {
	width: 100%;
}

.merchantServiceBottomContents01 {
	width: 100%;
	margin-top: 20px;
}

.merchantServiceBottom01Box01 {
	padding: 10px;
}

.merchantPartner01 {
	padding: 40px 0;
}

.merchantPartner01List01 > li {
	padding: 10px 10px 0;
	max-width: 100px;
}

.merchantPartner01List01 > li img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 30px;
}

.merchantPartner01Slider01 {
	margin-top: 30px;
}

.merchantPartner01Slider01 li {
	padding: 0 10px;
}

.merchantPartner01Slider01 li img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 30px;
}

.merchantContact01 {
	min-height: 150px;
	padding: 30px 0;
}

.merchantContact01Txt01 {
	font-size: 1.0rem;
	margin-bottom: 10px;
}

.merchantContact01Txt01.styleA {
	margin-bottom: 30px;
}

}

/*--------------------------------------------------------------------
	guideline
--------------------------------------------------------------------*/

.guidelineLogoLayout01 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (min-width: 1251px) {

.guidelineLogoLayout01 > li:first-child { padding-right: 50px; padding-left: 100px;}
.guidelineLogoLayout01 > li:last-child { padding-right: 50px; }

.guidelineLogoLayout01Visual01 {
	width: 410px;
	height: 195px;
}

.guidelineLogoLayout01 > li:first-child .guidelineLogoLayout01Visual01 {
	padding-top: 75px;
}

.guidelineWrap01 {
	width: 1090px;
	margin-left: auto;
	margin-right: auto;
}

.guidelineFlex01 > li {
	width: calc((100% - 151px) / 4);
	font-size: 0.8rem;
	line-height: 1.6em;
}

.guidelineFlex01 > li:not(:nth-child(4n)) {
	margin-right: 50px;
}

.guidelineFlex01 > li:nth-child(n+5) {
	margin-top: 25px;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.guidelineLogoLayout01 {
	width: 100%;
}

.guidelineLogoLayout01 > li {
	width: 50%;
}

.guidelineLogoLayout01 > li:first-child { padding-right: 15px; }
.guidelineLogoLayout01 > li:last-child { padding-right: 15px; }

.guidelineLogoLayout01 > li:first-child .guidelineLogoLayout01Visual01 img { width: 250px; }
.guidelineLogoLayout01 > li:last-child .guidelineLogoLayout01Visual01 img { width: 150px; }

.guidelineLogoLayout01Visual01 {
	height: 118px;
}

.guidelineLogoLayout01 > li:first-child .guidelineLogoLayout01Visual01 {
	padding-top: 45px;
}

.guidelineFlex01 > li {
	width: calc((100% - 61px) / 4);
	font-size: 0.8rem;
	line-height: 1.6em;
}

.guidelineFlex01 > li:not(:nth-child(4n)) {
	margin-right: 20px;
}

.guidelineFlex01 > li:nth-child(n+5) {
	margin-top: 20px;
}

}

@media screen and (max-width: 767px) {

.guidelineLogoLayout01 {
	width: 100%;
}

.guidelineLogoLayout01 > li {
	width: 100%;
}

.guidelineLogoLayout01 > li:last-child { margin-top: 30px; }

.guidelineLogoLayout01 > li:first-child .guidelineLogoLayout01Visual01 img { width: 200px; }
.guidelineLogoLayout01 > li:last-child .guidelineLogoLayout01Visual01 img { width: 120px; }

.guidelineFlex01 > li {
	width: calc((100% - 21px) / 2);
	font-size: 0.7rem;
	line-height: 1.6em;
}

.guidelineFlex01 > li:not(:nth-child(2n)) {
	margin-right: 20px;
}

.guidelineFlex01 > li:nth-child(n+3) {
	margin-top: 20px;
}

}

/*--------------------------------------------------------------------
	aboutus
--------------------------------------------------------------------*/

.aboutusPack01 {
	border-radius: 10px;
	overflow: hidden;
	background-color: #15305B;
	color: #FFF;
}

.aboutusPack01:before {
  font-family: FontAwesome;
	position: absolute;
	z-index: 10;
	transition: .3s ease-in-out;
}

.aboutusPack01Title01 {
	border-top: 12px solid #21498D;
	text-align: center;
}

.aboutusPack01Visua01 {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	transition: .2s ease-in-out;
	z-index: 2;
}

.aboutus01 .aboutusPack01Visua01 { background-image: url("../images/aboutus/payment_img01_off.html"); }
.aboutus02 .aboutusPack01Visua01 { background-image: url("../images/aboutus/payment_img02_off.html"); }
.aboutus03 .aboutusPack01Visua01 { background-image: url("../images/aboutus/payment_img03_off.html"); }
.aboutus04 .aboutusPack01Visua01 { background-image: url("../images/aboutus/payment_img04_off.html"); }

.aboutus01.aboutusTriggerOn .aboutusPack01Visua01 { background-image: url("../images/aboutus/payment_img01_on.html"); }
.aboutus02.aboutusTriggerOn .aboutusPack01Visua01 { background-image: url("../images/aboutus/payment_img02_on.html"); }
.aboutus03.aboutusTriggerOn .aboutusPack01Visua01 { background-image: url("../images/aboutus/payment_img03_on.html"); }
.aboutus04.aboutusTriggerOn .aboutusPack01Visua01 { background-image: url("../images/aboutus/payment_img04_on.html"); }

.aboutusPack01Visua01Contents01 {
	opacity: 0;
	margin-top: -10px;
	transition: .3s ease-in-out;
}

.aboutusTriggerOn .aboutusPack01Visua01Contents01 {
	margin-top: 0;
	opacity: 1;
}

.aboutusPack01Visua01Contents01Title01 {
	text-align: center;
}

.aboutusPack01Visua01Contents01Btn01 a {
	display: none;
}

.aboutusTriggerOn .aboutusPack01Visua01Contents01Btn01 a {
	display: block;
}

@media screen and (min-width: 1251px) {

.aboutusPack01 {
	height: 410px;
	padding-top: 310px;
}

.aboutusPack01Title01 {
	height: 100px;
	line-height: 88px;
	padding: 0 5px;
	font-size: 1.4rem;
}

.aboutusPack01Visua01 {
	height: 310px;
	background-size: 620px 357px;
	position: absolute;
	top: 0;
	left: 0;
}

.aboutusTriggerOn .aboutusPack01Visua01 {
	height: 390px;
	background-size: 620px 474px;
}

.aboutusPack01Visua01Contents01 {
	height: 390px;
	padding: 40px 30px 5px;
}

.aboutusPack01Visua01Contents01Title01 {
	font-size: 1.6rem;
	margin-bottom: 30px;
}

.aboutusPack01Visua01Contents01Txt01 {
	font-size: 0.96rem;
}

.aboutusPack01Visua01Contents01Btn01 {
	position: absolute;
	width: 100%;
	bottom: 60px;
	left: 0;
}

.aboutusPack01Visua01Contents01Memo01 {
	position: absolute;
	bottom: 10px;
	left: 35px;
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.aboutusPack01 {
	height: 460px;
	padding-top: 360px;
}

.aboutusPack01:before {
	content: "\f107";
	top: 20px;
	right: 20px;
	font-size: 2.6em;
}

.aboutusTriggerOn .aboutusPack01:before {
	content: "\f106";
	top: auto;
	bottom: 30px;
}

.aboutusPack01Title01 {
	height: 100px;
	line-height: 88px;
	padding: 0 5px;
	font-size: 1.2rem;
}

.aboutusPack01Visua01 {
	height: 360px;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.aboutusTriggerOn .aboutusPack01Visua01 {
	height: 440px;
}

.aboutusPack01Visua01Contents01 {
	height: 440px;
	padding: 30px 20px 5px;
}

.aboutusPack01Visua01Contents01Title01 {
	font-size: 1.3rem;
	margin-bottom: 30px;
}

.aboutusPack01Visua01Contents01Txt01 {
	font-size: 0.9rem;
}

.aboutusPack01Visua01Contents01Btn01 {
	position: absolute;
	width: calc(100% - 20px);
	bottom: 60px;
	left: 10px;
}

.aboutusPack01Visua01Contents01Memo01 {
	position: absolute;
	bottom: 10px;
	left: 15px;
}

}

@media screen and (max-width: 767px) {

.aboutusPack01 {
	height: 410px;
	padding-top: 330px;
}

.aboutusPack01:before {
	content: "\f107";
	top: 15px;
	right: 15px;
	font-size: 2.2em;
}

.aboutusTriggerOn .aboutusPack01:before {
	content: "\f106";
	top: auto;
	bottom: 30px;
}

.aboutusPack01Title01 {
	height: 80px;
	line-height: 68px;
	padding: 0 5px;
	font-size: 0.96rem;
}

.aboutusPack01Visua01 {
	height: 330px;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
}

.aboutusTriggerOn .aboutusPack01Visua01 {
	height: 390px;
}

.aboutusPack01Visua01Contents01 {
	height: 390px;
	padding: 20px 15px 5px;
}

.aboutusPack01Visua01Contents01Title01 {
	font-size: 1.0rem;
	margin-bottom: 15px;
}

.aboutusPack01Visua01Contents01Txt01 {
	font-size: 0.86rem;
	line-height: 1.7em;
}

.aboutusPack01Visua01Contents01Btn01 {
	position: absolute;
	width: calc(100% - 20px);
	bottom: 60px;
	left: 10px;
	font-size: 0.86em;
}

.aboutusPack01Visua01Contents01Memo01 {
	position: absolute;
	bottom: 10px;
	left: 15px;
}

}

@media screen and (max-width: 359px) {

.aboutusPack01Visua01Contents01Txt01 {
	font-size: 0.8rem;
}

.aboutusPack01Visua01Contents01Btn01 {
	font-size: 0.8em;
}

}

/*--------------------------------------------------------------------
	calculator
--------------------------------------------------------------------*/

.calculatorModal01 {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 501;
}

.calculatorType01 {
	position: absolute;
	z-index: 2;
	line-height: 1.0em;
}

.calculatorType02 {
	z-index: 2;
	line-height: 1.0em;
}

.headerOpen04 .calculatorType01 {
	z-index: 501 !important;
}

.calculatorContainer01 {
	transition-property: width;
	-webkit-overflow-scrolling: touch;
	transition: 0.2s ease-in;
	padding-bottom: 20px;
}

.calculatorTitle01 {
	border: 2px solid #972300;
	background-color: #FFF;
	overflow: hidden;
	text-align: center;
	border-radius: 100px;
}

.calculatorModal01Close01 {
	background-color: #e57503;
	border: 1px solid #e57503;
	color: #FFF;
	height: 30px;
	line-height: 28px;
	padding: 0 15px;
	border-radius: 5px;
	position: absolute;
	cursor: pointer;
	font-size: 0.9rem;
	transition-property: background-color,color;
	transition: 0.1s ease-in;
}

.calculatorLayout01 {
	line-height: 1.2em;
}

.headerOpen03 .calculatorLayout01Menu01 > ul,
.headerOpen04 .calculatorLayout01Menu01 > ul {
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
}

.calculatorLayout01Menu01 li p {
	overflow: hidden;
	transition-property: background-color,color;
	transition: 0.1s ease-in;
}

.calculatorLayout01Menu01 li.current p {
	background-color: #D3E0EF;
}

.calculatorLayout01Contents01 {
	background-color: #D3E0EF;
	min-height: 308px;
}

.calculatorLayout01Contents01Inner01.styleA {
	min-height: 268px;
	padding-bottom: 70px;
}

.calculatorLayout01Contents01Box01 {
	background-color: #e57503;
	padding: 12px;
	border-radius: 5px;
}

.calculatorLayout01Contents01Box02 {
	background-color: #527AAA;
	padding: 12px;
	border-radius: 5px;
}

.calculatorLayout01Contents01Choice01 {
	height: 40px;
}

.calculatorLayout01Contents01Btn01 {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.calculatorLayout01Contents01Choice01Contents01 > li {
	min-height: 226px;
	padding-bottom: 70px;
}

.calculatorLayout01Contents01Arrow01 {
	height: 33px;
	line-height: 33px;
	text-align: center;
	font-weight: bold;
	font-size: 1.5rem;
}

.calculatorResult01Wrap01 {
	transform-origin: 0 0;
	transition-property: all;
	transition: 0.2s ease-in;
}

.calculatorResult01 {
	border: 1px solid #BBCBDE;
	background-color: #ECF2F9;
	overflow: hidden;
}

.calculatorResult01Header01 {
	width: 100%;
	height: 70px;
}

.calculatorResult01Header01Btn01 {
	width: 105px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	border-bottom: 1px solid #BBCBDE;
	border-left: 1px solid #BBCBDE;
	right: 0;
	background-color: #D3E0EF;
	cursor: pointer;
	position: absolute;
	top: 0;
	font-size: 0.9rem;
	transition-property: background-color,color;
	transition: 0.1s ease-in;
}

.calculatorResult01Memo01 {
	padding: 15px;
}

.calculatorResult01Table01 {
	border-collapse: collapse;
}

.calculatorResult01Table01 thead td,
.calculatorResult01Table01 tbody td {
	border-top: 1px solid #C8D5E4;
	border-bottom: 1px solid #C8D5E4;
	vertical-align: middle;
	line-height: 1.4em;
}

.calculatorResult01Table01 thead tr > td:not(:first-child):not(:last-child),
.calculatorResult01Table01 tbody tr > td:not(:first-child):not(:last-child) {
	border-left: 1px solid #C8D5E4;
	border-right: 1px solid #C8D5E4;
}

.calculatorResult01Table01 thead td {
	background-color: #E3E3E3;
	padding: 8px 5px;
	text-align: center;
	font-size: 0.9em;
}

.calculatorResult01Table01 tbody td {
	background-color: #FFF;
	height: 70px;
	padding: 5px;
}

.calculatorResult01IconList01 > li {
	padding: 5px;
}

@media screen and (min-width: 1251px) {

.calculatorModal01 {
	overflow-y: auto;
	overflow-x: hidden;
}

.calculatorIntro01 {
	padding: 20px 40px 20px 580px;
}

.calculatorType01 {
	width: auto;
}

.calculatorContainer01 {
	padding-top: 100px;
}

.calculatorModal01Close01 {
	left: 0;
	top: 50px;
}

.calculatorModal01Close01:hover {
	border: 1px solid #e57503;
	background-color: #FFF;
	color: #e57503;
}

.open03 .calculatorContainer01,
.headerOpen04 .calculatorContainer01 {
	width: 1210px;
	margin-left: -605px;
}

.open03 .calculatorLayout01Contents01,
.headerOpen04 .calculatorLayout01Contents01 {
	border-top-right-radius: 0;
}

.open03 .calculatorLayout01Contents01.styleB,
.headerOpen04 .calculatorLayout01Contents01.styleB {
	border-bottom-right-radius: 0;
}

.calculatorResult01Wrap01 {
	width: 690px;
	position: absolute;
	top: 0;
	left: 519px;
	transform: scale(0,1);
	opacity: 0;
	padding-bottom: 20px;
}

.calculatorResult01 {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.headerOpen03 .calculatorResult01,
.headerOpen04 .calculatorResult01 {
	box-shadow: 3px 0 2px 2px rgba(0,0,0,0.2);
}

.calculatorResult01Header01Btn01:hover {
	background-color: #99C5FF;
}

.calculatorResult01.styleA {
	border-bottom-left-radius: 10px;
}

.open03 .calculatorResult01Wrap01,
.headerOpen04 .calculatorResult01Wrap01 {
	transform: scale(1,1);
	opacity: 1;
}

.calculatorResult01Table01 {
	width: 100%;
	max-width: 687px !important;
}

}

@media screen and (max-width: 1250px) {

.calculatorModal01 {
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.headerOpen03 .calculatorResult01,
.headerOpen04 .calculatorResult01 {
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
}

}

@media screen and (max-width: 1250px) and (min-width: 768px)  {

.calculatorType01 {
	width: 100vw;
}

.calculatorIntro01 {
	padding: 340px 20px 0;
}

.calculatorContainer01 {
	padding-top: 100px;
}

.open03 .calculatorContainer01 {
	width: 750px;
	margin-left: -375px;
}

.calculatorModal01Close01 {
	left: 50%;
	top: 50px;
	margin-left: -255px;
}

.calculatorLayout01 {
	margin-left: auto;
	margin-right: auto;
}

.calculatorType01 .calculatorLayout01 {
	width: 520px;
	margin-left: auto;
	margin-right: auto;
}

.calculatorResult01Wrap01 {
	margin-top: 20px;
	height: 0;
	transform: scale(1,0);
	opacity: 0;
}

.calculatorResult01 {
	border-radius: 10px;
}

.headerOpen04 .calculatorResult01 {
	width: 750px;
	left: 50%;
	margin-left: -375px;
}

.open03 .calculatorResult01Wrap01,
.headerOpen04 .calculatorResult01Wrap01 {
	height: auto;
	transform: scale(1,1);
	opacity: 1;
}

.calculatorResult01Table01 {
	width: 747px;
}

}

@media screen and (min-width: 768px) {

.calculatorContainer01 {
	width: 520px;
	left: 50%;
	margin-left: -260px;
}

.calculatorWrapper01 {
	width: auto;
}

.calculatorTitle01 {
	padding: 10px 35px;
}

.calculatorLayout01 {
	width: 520px;
	position: relative;
  display: flex;
  flex-wrap: wrap;
}

.calculatorLayout01Menu01 {
	width: 150px;
}

.calculatorLayout01Menu01 > ul {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}

.calculatorType01 .calculatorLayout01Menu01 > ul {
	border-top-left-radius: 0;
}

.calculatorLayout01Menu01 li p {
	width: 100%;
	height: 77px;
	display: table;
	background-color: #F4F4F4;
	text-align: center;
	cursor: pointer;
	color: #e57503;
	border-left: 1px solid #BBCBDE;
	border-bottom: 1px solid #BBCBDE;
}

.calculatorLayout01Menu01 li.disabled p {
	cursor: default;
}

.calculatorLayout01Menu01 li p span {
	width: 100%;
	height: 77px;
	padding: 0 5px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3em;
}

.calculatorLayout01Menu01 li.current:before {
	content: "";
	width: 1px;
	height: 100%;
	position: absolute;
	right: -1px;
	top: 0;
	z-index: 2;
	display: block;
	background-color: #D3E0EF;
}

.calculatorLayout01Menu01 li:not(.current):not(.disabled):hover p {
	background-color: #99C5FF;
}

.calculatorLayout01Menu01 li:first-child p {
	border-top-left-radius: 10px;
	border-top: 1px solid #BBCBDE;
}

.calculatorType01 .calculatorLayout01Menu01 li:first-child p {
	border-top-left-radius: 0;
}

.calculatorLayout01Menu01 li:last-child p {
	border-bottom-left-radius: 10px;
}

.calculatorLayout01Contents01 {
	width: calc(100% - 150px);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #BBCBDE;
	padding: 20px;
}

.calculatorType01 .calculatorLayout01Contents01 {
	border-top-right-radius: 0;
}

.headerOpen03 .calculatorLayout01Contents01,
.headerOpen04 .calculatorLayout01Contents01 {
	box-shadow: 4px 0 2px 2px rgba(0,0,0,0.2);
}

.calculatorLayout01Contents01.styleA {
	border-bottom-left-radius: 10px;
}

.calculatorResult01Table01 {
	table-layout: fixed;
	font-size: 0.8em;
}

}

@media screen and (max-width: 767px) {

.calculatorModal01 {
	font-size: 0.86em;
}

.calculatorType01 {
	width: calc(100vw - 20px);
}

.calculatorIntro01 {
	padding: 430px 5px 0;
}

.calculatorContainer01 {
	width: calc(100vw - 20px);
	margin-left: 10px;
	padding-top: 60px;
}

.calculatorModal01Close01 {
	left: 0;
	top: 20px;
}

.calculatorTitle01 {
	padding: 10px;
}

.calculatorLayout01Menu01 {
	width: 100%;
}

.calculatorLayout01Menu01 ul {
	position: relative;
  display: flex;
  flex-wrap: wrap;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.calculatorLayout01Menu01 ul li {
	width: 50%;
}

.calculatorLayout01Menu01 li p {
	width: 100%;
	height: 50px;
	display: table;
	font-size: 0.86rem;
	background-color: #F4F4F4;
	text-align: center;
	cursor: pointer;
	color: #e57503;
	border-left: 1px solid #BBCBDE;
	border-top: 1px solid #BBCBDE;
}

.calculatorLayout01Menu01 li p span {
	width: 100%;
	height: 50px;
	padding: 0 5px;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.3em;
}

.calculatorLayout01Menu01 li:nth-child(even) p {
	border-right: 1px solid #BBCBDE;
}

.calculatorLayout01Menu01 li:nth-child(1) p {
	border-top-left-radius: 10px;
}

.calculatorType01 .calculatorLayout01Menu01 li:nth-child(1) p {
	border-top-left-radius: 0;
}

.calculatorLayout01Menu01 li:nth-child(2) p {
	border-top-right-radius: 10px;
}

.calculatorType01 .calculatorLayout01Menu01 li:nth-child(2) p {
	border-top-right-radius: 0;
}

.calculatorLayout01Contents01 {
	padding: 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #BBCBDE;
}

.headerOpen03 .calculatorLayout01Contents01,
.headerOpen04 .calculatorLayout01Contents01 {
	box-shadow: 0 4px 2px 2px rgba(0,0,0,0.2);
}

.calculatorResult01Wrap01 {
	margin-top: 20px;
	height: 0;
	transform: scale(1,0);
	opacity: 0;
}

.calculatorResult01 {
	border-radius: 10px;
}

.open03 .calculatorResult01Wrap01,
.headerOpen04 .calculatorResult01Wrap01 {
	height: auto;
	transform: scale(1,1);
	opacity: 1;
}

.calculatorResult01Table01 {
	font-size: 0.9em;
}

}

/*--------------------------------------------------------------------
	Team & Conditions
--------------------------------------------------------------------*/
.teamConditions01Btn01 {
	margin-bottom: 10px;
}

.teamConditions01Btn01 > li {
	border-radius: 0px;
	border: 0px solid #DDD;
	overflow: hidden;
	background-color: #FFF;
	color: #000;
	cursor: pointer;
}

.teamConditions01Btn01 > li.active {
	border-radius: 7px;
	border: 1px solid #DDD;
	background-color: #15305B;
	color: #fff;
	cursor: pointer;
}