@charset "shift_jis";
/*下記ページのみ使用
	https://www.eposcard.co.jp/eposcard/etc_use.html
*/
/* ======================================================
 * /common-files/css/eposcard/eposcard.css
 * ------------------------------------------------------
 * - module
 * - component
 * - @media query:max-width: 750px
 * Clearfix
 * Opening Animation
====================================================== */
/* body
------------------------------------------------------ */
body {
	font-family: 'Heebo', 'Noto Sans CJK JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	overflow-x: hidden;
}
/* override
------------------------------------------------------ */
.qaBox01 .answer a {
	color: #008191;
}
/* mainVisual
------------------------------------------------------ */
.mainVisual .mainVisualMedia {
	display: flex;
	justify-content: space-between;
	margin: 40px 40px 0;
}
.mainVisual .mainVisualMedia .mainVisualMediaHead {
	width: 690px;
	margin-right: 15px;
}
.mainVisual .mainVisualMedia .mainVisualMediaHead >:first-child {
	margin-top: 0 !important;
}
.mainVisual .mainVisualMedia02 {
	position: relative;
	margin-top: 40px;
}
.mainVisual .mainVisualMedia02 .mainVisualMedia02Inner {
	display: flex;
}
.mainVisual .mainVisualMedia02 .mainVisualMedia02Head {
	width: 203px;
	margin-right: 25px;
}
.mainVisual .mainVisualMedia02 .mainVisualMedia02Head >:first-child {
	margin-top: 0 !important;
}
.mainVisual .mainVisualMedia02 .mainVisualMedia02Body >:first-child {
	margin-top: 0 !important;
}
.mainVisual .mainVisualLead {
	margin-top: 20px;
	padding: 15px 0 5px;
	border-bottom: 4px solid #45a2b0;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}
.mainVisual .mainVisualLead .mainVisualLeadText {
	position: relative;
	padding: 0 78px;
}
.mainVisual .mainVisualLead .mainVisualLeadText::before,
.mainVisual .mainVisualLead .mainVisualLeadText::after {
	content: '';
	position: absolute;
	bottom: 5px;
	width: 70px;
	height: 49px;
	background: url("/eposcard/img-files/etc_use_bg01.png") no-repeat 0 0 / contain;
}
.mainVisual .mainVisualLead .mainVisualLeadText::before {
	left: 0;
}
.mainVisual .mainVisualLead .mainVisualLeadText::after {
	right: 0;
	transform: scale(-1, 1);
}
.mainVisual .mainVisualTitleSub {
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.mainVisual .mainVisualText {
	font-size: 2.6rem;
}
.mainVisual .mainVisualText02 {
	margin-top: 20px;
	font-size: 1.8rem;
}
.mainVisual .mainVisualLabel {
	margin-left: 10px;
	padding: 5px 10px 5px 5px;
	border-radius: 10px;
	background-color: #45a2b0;
	font-size: 2rem;
	color: #fff;
}
.mainVisual .mainVisualLabel > .icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	border-radius: 50%;
	background-color: #fff;
	font-size: 1.7rem;
	color: #45a2b0;
	line-height: 1;
}
.mainVisual .mainVisualTitle {
	position: absolute;
	top: 50px;
	left: 228px;
	font-size: 6rem;
	font-weight: bold;
	letter-spacing: -1px;
}

/* module
------------------------------------------------------ */

/* ----- heading ----- */
.etcuse-heading02 {
	position: relative;
	left: 50%;
	width: 1920px;
	margin-top: 40px;
	background-color: #45a2b0;
	transform: translateX(-50%);
}
.etcuse-heading02 .etcuse-heading02Inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 1200px;
	min-height: 80px;
	margin: 0 auto;
	padding: 15px 0;
}
.etcuse-heading02 .etcuse-heading02Title {
	text-align: center;
	font-size: 2.4rem;
	color: #fff;
	font-weight: bold;
}
/* ----- text ----- */
/* color */
.txColor01{
	color: #a5001e;
}

/* section */
.section02.typeWide{
	margin-top: 70px !important;
}
/* paragraph02 */
.paragraph02{
	font-size: 16px;
	font-size: 1.6rem;
}
/* etcLead */
.etcLead{
	color: #1e6372;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
}
.etcLead .etcLeadSub{
	display: block;
	color: #1e6372;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}
/* etcHeadImg */
.heading02 .etcHeadImg{
	width: 52px;
	margin-left: 15px;
}

/* etcInfoHead01 */
.etcInfoHead01{
	padding: 10px 20px 9px;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
	background: #e5eef0;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
}

/* ----- btn ----- */
/* etcBtn01 */
.btnLink01.etcBtn01 > a{
	padding: 0;
	overflow: hidden;
	background: none !important;
}
.btnLink01.etcBtn01 > a img{
	-webkit-border-radius: 9px 9px 5px 5px;
		 -moz-border-radius: 9px 9px 5px 5px;
					border-radius: 9px 9px 5px 5px;
}
.btnLink01.etcBtn01.typeA{
	margin-top: 0;
}
.btnLink01.etcBtn01.typeA > a{
	margin-top: 0;
	border-bottom: 5px solid #1e6372;
}
.btnLink01.etcBtn01.typeB > a{
	border-bottom: 5px solid #939393;
}
.btnLink01.etcBtn01.typeB > a img{
	border: 1px solid #939393;
	border-bottom: none;
}
.btnLink01.etcBtn01 > a:hover{
	border-bottom-width: 1px;
}
.btnLink01.etcBtn01 > a:hover:before {
	content: "";
	display: block;
	height: 4px;
}
.btnLink01.etcBtn01.typeB > a:hover img {
	-webkit-border-radius: 9px;
		 -moz-border-radius: 9px;
					border-radius: 9px;
}
.btnLink01.etcBtn01.typeB > a:hover:before {
	height: 2px;
}
.btnLink01.etcBtn01 a::after{
	display: none !important;
}


/* links */

/* component
------------------------------------------------------ */
/* figureCol typeRevImg */
.figureCol.typeRevImg > .txt {
	float: left;
	width: 62%;
}
.figureCol.typeRevImg > .imgR {
	margin-left: 3%;
	width: 35%;
}
.figureCol.typeRevImg.type02{
	margin-bottom: 50px;
}
.figureCol.typeRevImg.type02 > .txt {
	float: left;
	width: 72%;
}
.figureCol.typeRevImg.type02 > .imgR {
	margin-left: 3%;
	width: 25%;
}
.colLayout .etcCol3Img img{
	width: auto !important;
	height: 89px !important;
}

/* etcLinkBox */
.etcLinkBox{
	margin: 40px 0 50px;
	padding: 30px;
	background: #e0f9ff;
}

/* etcPointBox */
.etcPointBox{
	position: relative;
	margin: 65px 0 0;
	padding: 28px 27px 30px;
	background: #f9f6d4;
	background: -webkit-linear-gradient(left, #f9f6d4 0%,#fffef0 50%,#f9f6d4 100%);
	background: -moz-linear-gradient(left, #f9f6d4 0%, #fffef0 50%, #f9f6d4 100%);
	background: linear-gradient(to right, #f9f6d4 0%,#fffef0 50%,#f9f6d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f6d4', endColorstr='#f9f6d4',GradientType=1 );
}
.etcPointBox .etcHead01{
	position: absolute;
	top: -22px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.etcPointBox .etcPointInner{
	position: relative;
	padding: 55px 20px 20px;
	border: solid 3px #a7c2c5;
	background: #ffffff;
}
.etcPointBox .etcPointInner .etcPointRibbon{
	position: absolute;
	top: 7px;
	left: -9px;
	width: 125px;
}
.etcPointBox .etcPointInner .etcHead02{
	font-size: 26px;
	font-size: 2.6rem;
	font-weight: bold;
}
/* etcColumn */
.etcColumn{
	display: flex;
	justify-content: space-between;
}
.etcBtn02Icon{
	margin-right: 14px;
	flex-shrink: 0;
}
.etcColumnItem .etcBtn02 a{
	display: flex;
	align-items: center;
	min-height: 70px;
	width: 382px;
	color: #000;
	background-color: #fff;
	border: solid 1px #a5a5a5;
	border-bottom: solid 3px #a5a5a5;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	padding: 5px 40px 5px 15px;
	border-radius: 5px;
	font-size: 1.6rem;
}
.etcColumnItem .etcBtn02 a:hover{
	color: #6c6c6c;
	background-color: #ffffff;
	border-bottom: solid 1px #b7b7b7;
	margin-top: 2px;
	min-height: 68px;
}
.etcColumnItem .etcBtn02 a::after{
	position: absolute;
	content: "";
	width: 23px;
	height: 23px;
	top: 50%;
	right: 10px;
	margin-top: -11.5px;
	background: url(/common-files/img/com_btn_ic17.png) no-repeat 0 0 / contain;
}
/* etcArrowBox */
.colLayout.col4 > .col.etcArrowBox {
	position: relative;
	border: solid 1px #2a899d;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
	margin-right: 3.3%;
	width: 22.5%;
}
.colLayout.col4 > .col.etcArrowBox:before{
	position:  absolute;
	content: "";
	top: 0;
	bottom: 0;
	right: -30px;
	margin: auto 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 22.5px 0 22.5px 20px;
	border-color: transparent transparent transparent #bfdbe1;
}
.colLayout.col4 > .col.etcArrowBox.last:before{
	display: none;
}
.colLayout.col4 > .col.etcArrowBox .etcArrowHead01{
	padding: 15px 5px 10px 20px;
	-webkit-border-radius: 5px 5px 0 0;
		 -moz-border-radius: 5px 5px 0 0;
					border-radius: 5px 5px 0 0;
	background: #e5eef0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.4;
}
.colLayout.col4 > .col.etcArrowBox .etcArrowHead01 .linkTxt01{
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}
.colLayout.col4 > .col.etcArrowBox .paragraph02 {
	padding: 0 18px 30px;
	font-size: 14px;
	font-size: 1.4rem;
}
.etcuse-cardContent01 {
	position: relative;
	left: 50%;
	padding: 0 20px;
	width: 1920px;
	background-color: #f6f6f6;
	transform: translateX(-50%);
}
.etcuse-cardContent01 .etcuse-cardContent01Inner{
	margin: 0 auto;
	padding: 20px 0 30px;
	width: 1200px;
}
.etcuse-cardContent01 .etcuse-cardContent01Inner >:first-child {
	margin-top: 0 !important;
}
.etcuse-primaryButton {
	display: flex;
	flex-flow: row wrap;
	margin-top: 23px;
}
.etcuse-primaryButton[data-align="centering"] {
	justify-content: center;
}
.etcuse-primaryButton > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: relative;
	min-width: 580px;
	min-height: 85px;
	padding: 12px 50px;
	background-color: #dc322c;
	text-align: center;
	border-radius: 10px;
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s ease-out;
	line-height: 1.3;
}
.etcuse-primaryButton > a:hover {
	opacity: 0.7;
}
.etcuse-primaryButton > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -12.5px;
	width: 25px;
	height: 25px;
	background: url(/eposcard/img-files/etc_use_ic07.png) no-repeat 0 0 / contain;
}
.etcuse-primaryButton > a .small {
	font-size: 1.6rem;
}
.etcuse-secondaryButton {
	display: flex;
	flex-flow: row wrap;
	margin-top: 23px;
}
.etcuse-secondaryButton[data-align="centering"] {
	justify-content: center;
}
.etcuse-secondaryButton > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: relative;
	min-width: 580px;
	min-height: 85px;
	padding: 12px 50px;
	border: 3px solid #dc322c;
	background-color: #fff;
	text-align: center;
	border-radius: 10px;
	color: #dc322c;
	font-size: 3rem;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s ease-out;
	line-height: 1.3;
}
.etcuse-secondaryButton > a:hover {
	opacity: 0.7;
}
.etcuse-secondaryButton > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -12.5px;
	width: 25px;
	height: 25px;
	background: url(/eposcard/img-files/etc_use_ic08.png) no-repeat 0 0 / contain;
}
.etcuse-secondaryButton > a .small {
	font-size: 1.6rem;
}
.etcuse-tertiaryButton {
	display: flex;
	flex-flow: row wrap;
	margin-top: 23px;
}
.etcuse-tertiaryButton[data-align="centering"] {
	justify-content: center;
}
.etcuse-tertiaryButton > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: relative;
	min-height: 56px;
	padding: 7px 48px 5px;
	background-color: #e6e6e6;
	text-align: center;
	border-radius: 10px;
	color: inherit;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s ease-out;
	line-height: 1.3;
}
.etcuse-tertiaryButton > a:hover {
	opacity: 0.7;
}
.etcuse-tertiaryButton > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 19px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url(/eposcard/img-files/etc_use_ic07.png) no-repeat 0 0 / contain;
}
.etcuse-tertiaryButton > a .small {
	font-size: 1.2rem;
}
.etcuse-button {
	display: flex;
	justify-content: center;
	padding-top: 20px;
}
.etcuse-button .etcuse-buttonType .etcuse-buttonSmallText{
	font-size: 1.6rem;
}
.etcuse-button .etcuse-buttonType {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: relative;
	padding: 0 40px 0 40px;
	width: 580px;
	min-height: 90px;
	background-color: #dc322c;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 3rem;
	font-weight: bold;
	box-shadow: 0px 2px 0px 0px #a71c18;
	transition: all 0.1s ease-out;
	line-height: 1.3
}

.etcuse-button .etcuse-buttonType:hover {
	margin-top: 2px;
	margin-bottom: -2px;
	box-shadow: 0px 0 0px 0px #a71c18;
}
.etcuse-button .etcuse-buttonType::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -10px;
	width: 17px;
	height: 20px;
	background: url("/eposcard/img-files/etc_use_ic01.png") no-repeat;
}
.etcuse-button02 {
	display: flex;
	justify-content: center;
	flex-flow: row wrap;
	margin-top: 23px;
}
.etcuse-button02 .etcuse-button02Type {
	display: block;
	position: relative;
	min-width: 580px;
	padding: 20px 45px;
	background-color: #fff;
	border: 2px solid #dc322c;
	text-align: center;
	border-radius: 10px;
	color: #dc322c;
	font-size: 3rem;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s ease-out;
	box-shadow: 0px 2px 0px 0px #a71c18;
}
.etcuse-button02 .etcuse-button02Type:hover {
	margin-top: 2px;
	margin-bottom: -2px;
	box-shadow: 0px 0 0px 0px #a71c18;
}
.etcuse-button02 .etcuse-button02Type::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -10px;
	width: 17px;
	height: 20px;
	background: url("/eposcard/img-files/etc_use_ic03.png") no-repeat;
}
.etcuse-text {
	margin-top: 27px;
	font-size: 2rem;
}
.etcuse-text02 {
	font-size: 2.4rem;
	margin-top: 65px;
	color: #1e6372;
	font-weight: bold;
	border-bottom: solid 2px;
	padding-bottom: 10px;
}
.etcuse-listWrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.etcuse-list li {
	position: relative;
	padding-left: 10px;
	font-size: 1.8rem;
}
.etcuse-list li + li {
	margin-top: 5px;
}
.etcuse-list li::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 4px;
	width: 4px;
	height: 4px;
	background-color: #222;
	border-radius: 50%;
}
.etcuse-linkList {
	margin-top: 7px;
}
.etcuse-linkList li {
	position: relative;
	padding-left: 20px;
}
.etcuse-linkList li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	width: 11px;
	height: 12px;
	background: url("/eposcard/img-files/etc_use_ic02.png");
}
.etcuse-linkList li a {
	color: #008191;
	font-size: 1.6rem;
	text-decoration: underline;
}
.etcuse-linkList li a:hover {
	color: #008191;
	text-decoration: none;
}
.etcuse-noteList {
	margin-top: 52px;
}
.etcuse-noteList li {
	position: relative;
	padding-left: 17px;
	font-size: 1.6rem;
}
.etcuse-noteList li + li {
	margin-top: 8px;
}
.etcuse-noteList li .mark {
	position: absolute;
	top: 0;
	left: 0;
}
.etcuse-text {
	margin-top: 1em;
	font-size: 1.5rem;
}
.etcuse-link:link,
.etcuse-link:visited {
	color: #008191;
}
.etcuse-link[data-type="blank"] {
	position: relative;
	padding-right: 22px;
}
.etcuse-link[data-type="blank"]::after {
	content: '';
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 15px;
	height: 15px;
	background: url("/eposcard/img-files/etc_use_ic09.png") no-repeat 0 0 / contain;
}
.etcuse-colorlist{
	font-size: 1.6rem;
	color: #1e6372;
	margin-top: 24px;
}
.etcuse-box{
	position: relative;
	width: 800px;
	margin: 38px auto 0;
	padding: 20px 35px;
	background-color: #e5eef0;
	border-radius: 20px;
}
.etcuse-box::before{
	content: '';
	position: absolute;
	top: -22px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -22px;
	border-right: 22px solid transparent;
	border-bottom: 22px solid #e5eef0;
	border-left: 22px solid transparent;
}
.etcuse-boxtext{
	font-size: 1.5rem;
}
.etcuse-boxtitle{
	position: relative;
	color: #fff;
	font-size: 2.2rem;
	margin: 30px auto -20px;
	padding: 6px 0 4px;
	background-color: #2a899d;
	border-radius: 22px;
	width: 333px;
	z-index: 1;
}
.etcuse-subtext{
	font-size: 2.2rem;
}
.etcuse-subtext + .heading01{
	margin-top: 0;
	padding-top: 5px;
}
.etcuse-floatColumn{
	display: flex;
	justify-content: center;
}
.etcuse-floatColumn .etcuse-floatColumnItem{
	width: calc(50% - 10px);
}
.etcuse-floatColumn .etcuse-floatColumnItem:nth-child(2){
	margin-left: 20px; 
}
.etcuse-floatButton {
	height: 100%;
}
.etcuse-floatButton a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 72px;
	padding: 10px 50px;
	background-color: #dc322c;
	border-radius: 10px;
	text-align: center;
	font-size: 2.5rem;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s ease-out;
}
.etcuse-floatButton a:hover {
	opacity: 0.7;
}
.etcuse-floatButton a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 25px;
	height: 25px;
	margin-top: -12.5px;
	background: url("/eposcard/img-files/etc_use_ic07.png") no-repeat 0 0 / contain;
}
.etcuse-floatButton02 {
	height: 100%;
}
.etcuse-floatButton02 a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 72px;
	padding: 10px 50px;
	background-color: #fff;
	border-radius: 10px;
	box-sizing: border-box;
	border: 2px solid #dc322c;
	text-align: center;
	font-size: 2.5rem;
	color: #dc322c;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s ease-out;
}
.etcuse-floatButton02 a:hover {
	opacity: 0.7;
}
.etcuse-floatButton02 a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 20px;
	width: 25px;
	height: 25px;
	margin-top: -12.5px;
	background: url("/eposcard/img-files/etc_use_ic08.png") no-repeat 0 0 / contain;
}
.etcuse-floatButton02 a .etcuse-floatButton02Label {
	position: relative;
	z-index: 2;
}
#pageTopBtn, body[class$="-en"] #pageTopBtn{
bottom: 110px;
}

/* @media query:max-width: 750px
------------------------------------------------------ */
@media screen and (max-width: 750px) {
/* mainVisual
------------------------------------------------------ */
.mainVisual .mainVisualMedia {
	display: block;
	margin: 20px 0 -20px;
}
.mainVisual .mainVisualMedia .mainVisualMediaHead {
	width: 100%;
	margin-right: 0;
}
.mainVisual .mainVisualMedia .mainVisualMediaHead >:first-child {
	margin-top: 0 !important;
}
.mainVisual .mainVisualMedia .mainVisualMediaBody {
	margin: 12px 24% 0;
}
.mainVisual .mainVisualMedia02 {
	position: relative;
	margin-top: 12px;
}
.mainVisual .mainVisualMedia02 .mainVisualMedia02Inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 274px;
	margin: 0 auto;
}
.mainVisual .mainVisualMedia02 .mainVisualMedia02Head {
	width: 117px;
	margin-right: 0;
}
.mainVisual .mainVisualMedia02 .mainVisualMedia02Head >:first-child {
	margin-top: 0 !important;
}
.mainVisual .mainVisualMedia02 .mainVisualMedia02Body >:first-child {
	margin-top: 0 !important;
}
.mainVisual .mainVisualLead {
	position: relative;
	margin-top: 20px;
	padding: 0 50px 3px;
	border-bottom: 2px solid #45a2b0;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
}
.mainVisual .mainVisualLead .mainVisualLeadText {
	position: static;
	padding: 0;
}
.mainVisual .mainVisualLead .mainVisualLeadText::before,
.mainVisual .mainVisualLead .mainVisualLeadText::after {
	content: '';
	position: absolute;
	bottom: 17px;
	width: 48px;
	height: 34px;
	background: url("/eposcard/img-files/etc_use_bg01.png") no-repeat 0 0 / contain;
}
.mainVisual .mainVisualLead .mainVisualLeadText::before {
	left: 0;
}
.mainVisual .mainVisualLead .mainVisualLeadText::after {
	right: 0;
	transform: scale(-1, 1);
}
.mainVisual .mainVisualTitleSub {
	display: flex;
	align-items: center;
	flex-flow: column-reverse;
	margin-top: 20px;
}
.mainVisual .mainVisualText {
	margin-top: 10px;
	font-size: 1.4rem;
	letter-spacing: 1px;
}
.mainVisual .mainVisualText02 {
	margin-top: 0;
	font-size: 1.5rem;
}
.mainVisual .mainVisualLabel {
	margin-top: 4px;
	margin-left: 0;
	padding: 4px 7px 4px 6px;
	border-radius: 5px;
	background-color: #45a2b0;
	font-size: 1.3rem;
	color: #fff;
	letter-spacing: 1px;
}
.mainVisual .mainVisualLabel > .icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
	margin-right: 7px;
	padding-top: 3px;
	border-radius: 50%;
	background-color: #fff;
	font-size: 1.2rem;
	color: #45a2b0;
	line-height: 1;
	letter-spacing: 0;
}
.mainVisual .mainVisualTitle {
	position: static;
	margin-top: 12px;
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0;
	text-align: center;
}
/* module
------------------------------------------------------ */
/* ----- heading ----- */
.etcuse-heading02 {
	position: static;
	width: 100vw;
	margin: 20px 0 0 -10px;
	background-color: #45a2b0;
	transform: none;
}
.etcuse-heading02 .etcuse-heading02Inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 55px;
	margin: 0 auto;
	padding: 5px 10px;
}
.etcuse-heading02 .etcuse-heading02Title {
	text-align: center;
	font-size: 1.7rem;
	color: #fff;
	font-weight: bold;
}
/* ----- text ----- */
/* section */
.section02.typeWide{
	margin-top: 70px !important;
}
/* paragraph02 */
.paragraph02{
	margin-top: 1em;
	font-size: 13px;
	font-size: 1.3rem;
}
/* etcLead */
.etcLead{
	color: #1e6372;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}
.etcLead .etcLeadSub{
	display: block;
	color: #1e6372;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: normal;
}
/* etcHeadImg */
.heading02 .etcHeadImg{
	width: 35px;
	margin-left: 10px;
}

/* etcInfo */
.colLayout.spLayout > .col.etcInfo + .col.etcInfo {
	margin: 25px 0 0;
}

/* etcInfoHead01 */
.etcInfoHead01{
	padding: 10px 10px 7px;
	-webkit-border-radius: 5px;
		 -moz-border-radius: 5px;
					border-radius: 5px;
	background: #e5eef0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

/* ----- btn ----- */
/* etcBtn01 */
.btnLink01.etcBtn01 > a{
	padding: 0;
	overflow: hidden;
	background: none !important;
}
.btnLink01.etcBtn01 > a img{
	-webkit-border-radius: 9px 9px 5px 5px;
		 -moz-border-radius: 9px 9px 5px 5px;
					border-radius: 9px 9px 5px 5px;
}
.btnLink01.etcBtn01.typeA{
	margin-top: 0;
}
.btnLink01.etcBtn01.typeA > a{
	margin-top: 0;
	border-bottom: 3px solid #1e6372;
}
.btnLink01.etcBtn01.typeB > a{
	border-bottom: 3px solid #939393;
}
.btnLink01.etcBtn01.typeB > a img{
	border: 1px solid #939393;
	border-bottom: none;
}
.btnLink01.etcBtn01 > a:hover{
	margin-top: 0;
	border-bottom-width: 3px;
}
.btnLink01.etcBtn01 > a:hover:before {
	display: none;
}
/*.btnLink01.etcBtn01 > a:hover{
	border-bottom-width: 1px;
}
.btnLink01.etcBtn01 > a:hover:before {
	content: "";
	display: block;
	height: 2px;
}*/
.btnLink01.etcBtn01 a::after{
	display: none !important;
}


/* links */

/* component
------------------------------------------------------ */
/* figureCol typeRevImg */
.figureCol.typeRevImg > .txt {
	float: none;
	width: 100%;
}
.figureCol.typeRevImg > .imgR {
	margin-left: 0;
	width: 100%;
}
.figureCol.typeRevImg.type02{
	margin-bottom: 30px;
}
.figureCol.typeRevImg.type02 > .txt {
	float: none;
	width: 100%;
}
.figureCol.typeRevImg.type02 > .imgR {
	margin: 5% auto 0;
	width: 60%;
}
.colLayout .etcCol3Img{
	width: 52%;
}
.colLayout .etcCol3Img img{
	width: auto !important;
	height: auto!important;
}

/* etcLinkBox */
.etcLinkBox{
	margin: 25px -10px 25px;
	padding: 20px 10px;
	background: #e0f9ff;
}

/* etcPointBox */
.etcPointBox{
	position: relative;
	margin: 40px 0 0;
	padding: 10% 15px 30px;
	background: #f9f6d4;
	background: -webkit-linear-gradient(left, #f9f6d4 0%,#fffef0 50%,#f9f6d4 100%);
	background: -moz-linear-gradient(left, #f9f6d4 0%, #fffef0 50%, #f9f6d4 100%);
	background: linear-gradient(to right, #f9f6d4 0%,#fffef0 50%,#f9f6d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f6d4', endColorstr='#f9f6d4',GradientType=1 );
}
.etcPointBox .etcHead01{
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.etcPointBox .etcPointInner{
	position: relative;
	padding: 38px 10px 15px;
	border: solid 2px #a7c2c5;
	background: #ffffff;
}
.etcPointBox .etcPointInner .etcPointRibbon{
	position: absolute;
	top: 7px;
	left: -7px;
	width: 87px;
}
.etcPointBox .etcPointInner .etcHead02{
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.etcPointBox .etcPointInner .colLayout {
	margin: 15px 48px 0;
}
.etcPointBox .etcPointInner:last-child .colLayout {
	margin: 15px 0 0;
}
/* etcColumn */
.etcColumn{
	display: flex;
	justify-content: flex-start;
	flex-flow: column;
}
.etcBtn02Icon{
	margin-right: 14px;
	width: 64px;
}
.etcColumnItem:nth-child(n+2){
	margin-top: 10px;
}
.etcColumnItem .etcBtn02 a{
	display: flex;
	align-items: center;
	min-height: 50px;
	width: 100%;
	color: #000;
	background-color: #fff;
	border: solid 1px #a5a5a5;
	border-bottom: solid 3px #a5a5a5;
	font-weight: bold;
	text-decoration: none;
	position: relative;
	padding-left: 15px;
	border-radius: 2.5px;
	font-size: 1.3rem;
}
.etcColumnItem .etcBtn02 a:hover{
	color: #6c6c6c;
	background-color: #ffffff;
	border-bottom: solid 1px #b7b7b7;
	margin-top: 2px;
	min-height: 50px;
}
.etcColumnItem .etcBtn02 a::after{
	position: absolute;
	content: "";
	width: 18px;
	height: 18px;
	top: 50%;
	right: 10px;
	margin-top: -9px;
	background: url(/common-files/img/com_btn_ic17.png) no-repeat 0 0 / contain;
}
/* etcArrowBox */
.colLayout.col4 > .col.etcArrowBox {
	position: relative;
	border: solid 1px #2a899d;
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
					border-radius: 3px;
	margin-right: 0;
	margin-bottom: 10%;
	width: auto;
}
.colLayout.col4 > .col.etcArrowBox:before{
	position:  absolute;
	content: "";
	top: auto;
	bottom: -22px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 13px 0 13px;
	border-color: #bfdbe1 transparent transparent;
}
.colLayout.col4 > .col.etcArrowBox.last:before{
	display: none;
}
.colLayout.col4 > .col.etcArrowBox .etcArrowHead01{
	padding: 7px 5px 7px 10px;
	-webkit-border-radius: 5px 5px 0 0;
		 -moz-border-radius: 5px 5px 0 0;
					border-radius: 5px 5px 0 0;
	background: #e5eef0;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
}
.colLayout.col4 > .col.etcArrowBox .etcArrowHead01 .linkTxt01{
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}
.colLayout.col4 > .col.etcArrowBox .paragraph02 {
	padding: 0 10px 10px;
	font-size: 14px;
	font-size: 1.4rem;
}
.colLayout.col4 > .col.etcArrowBox .centering {
	width: 30%;
	margin: 0 auto;
}
.etcuse-cardContent01 {
	position: relative;
	left: auto;
	margin-left: -10px;
	padding: 0;
	width: 100vw;
	background-color: #f6f6f6;
	transform: none;
}
.etcuse-cardContent01 .etcuse-cardContent01Inner{
	margin: 0 auto;
	padding: 18px 10px;
	width: 100%;
}
.etcuse-cardContent01 .etcuse-cardContent01Inner >:first-child {
	margin-top: 0 !important;
}
.etcuse-primaryButton {
	display: flex;
	flex-flow: row wrap;
	margin-top: 20px;
}
.etcuse-primaryButton[data-align="centering"] {
	justify-content: center;
}
.etcuse-primaryButton > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: relative;
	min-width: auto;
	width: 100%;
	min-height: 55px;
	padding: 10px 35px;
	background-color: #dc322c;
	text-align: center;
	border-radius: 5px;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-decoration: none;
}
.etcuse-primaryButton > a:hover {
	opacity: 1;
}
.etcuse-primaryButton > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url(/eposcard/img-files/etc_use_ic07.png) no-repeat 0 0 / contain;
}
.etcuse-primaryButton > a .small {
	font-size: 1.3rem;
}
.etcuse-secondaryButton {
	display: flex;
	flex-flow: row wrap;
	margin-top: 20px;
}
.etcuse-secondaryButton[data-align="centering"] {
	justify-content: center;
}
.etcuse-secondaryButton > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: relative;
	min-width: auto;
	width: 100%;
	min-height: 55px;
	padding: 10px 35px;
	border: 2px solid #dc322c;
	background-color: #fff;
	text-align: center;
	border-radius: 5px;
	color: #dc322c;
	font-size: 2rem;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.3;
}
.etcuse-secondaryButton > a:hover {
	opacity: 1;
}
.etcuse-secondaryButton > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background: url(/eposcard/img-files/etc_use_ic08.png) no-repeat 0 0 / contain;
}
.etcuse-secondaryButton > a .small {
	font-size: 1.3rem;
}
.etcuse-tertiaryButton {
	display: flex;
	flex-flow: row wrap;
	margin-top: 20px;
}
.etcuse-tertiaryButton[data-align="centering"] {
	justify-content: center;
}
.etcuse-tertiaryButton > a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: relative;
	width: 100%;
	min-height: 45px;
	padding: 12px 35px 10px;
	background-color: #e6e6e6;
	text-align: center;
	border-radius: 5px;
	color: inherit;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	transition: all 0.3s ease-out;
	line-height: 1.3;
}
.etcuse-tertiaryButton > a:hover {
	opacity: 1;
}
.etcuse-tertiaryButton > a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -9px;
	width: 18px;
	height: 18px;
	background: url(/eposcard/img-files/etc_use_ic07.png) no-repeat 0 0 / contain;
}
.etcuse-tertiaryButton > a .small {
	font-size: 1.2rem;
}
.etcuse-button {
	display: flex;
	justify-content: center;
}
.etcuse-button .etcuse-buttonType {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	position: relative;
	padding: 5px 30px;
	width: 100%;
	min-height: 53px;
	background-color: #dc322c;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	box-shadow: 0px 2px 0px 0px #a71c18;
	line-height: 1.1;
}
.etcuse-button .etcuse-buttonType .etcuse-buttonSmallText{
	font-size: 1.3rem;
}
.etcuse-button .etcuse-buttonType:hover {
	margin-top: 0;
	margin-bottom: 0;
	box-shadow: 0px 2px 0px 0px #a71c18;
}
.etcuse-button .etcuse-buttonType::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -6px;
	width: 10px;
	height: 12px;
	background: url("/eposcard/img-files/etc_use_ic01.png") no-repeat top /cover;
}
.etcuse-button02 .etcuse-button02Type {
	display: block;
	min-width: auto;
	width: 100%;
	position: relative;
	padding: 10px 30px;
	background-color: #fff;
	border: 2px solid #dc322c;
	border-radius: 5px;
	text-align: center;
	color: #dc322c;
	font-size: 2rem;
	font-weight: bold;
	text-decoration: none;
	}
.etcuse-button02 .etcuse-button02Type::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 11px;
	margin-top: -6px;
	width: 10px;
	height: 12px;
	background: url("/eposcard/img-files/etc_use_ic03.png") no-repeat top / cover;
}
.etcuse-text {
	margin-top: 12px;
	font-size: 1.5rem;
}
.etcuse-text02 {
	margin-top: 45px;
	font-size: 1.5rem;
	padding-bottom: 7px;
	}
.etcuse-listWrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
}
.etcuse-list li {
	position: relative;
	padding-left: 10px;
	font-size: 1.8rem;
}
.etcuse-list li + li {
	margin-top: 5px;
}
.etcuse-list li::before {
	content: '';
	position: absolute;
	top: 10px;
	left: 4px;
	width: 4px;
	height: 4px;
	background-color: #222;
	border-radius: 50%;
}
.etcuse-linkList {
	margin-top: 7px;
}
.etcuse-linkList li {
	position: relative;
	padding-left: 20px;
}
.etcuse-linkList li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -6px;
	width: 11px;
	height: 12px;
	background: url("/eposcard/img-files/etc_use_ic02.png");
}
.etcuse-linkList li a {
	color: #008191;
	font-size: 1.2rem;
	text-decoration: underline;
}
.etcuse-linkList li a:hover {
	color: #008191;
	text-decoration: none;
}
.etcuse-text {
	margin-top: 1em;
	font-size: 1.3rem;
}
.etcuse-link:link,
.etcuse-link:visited {
	color: #008191;
}
.etcuse-link[data-type="blank"] {
	position: relative;
	padding-right: 18px;
}
.etcuse-link[data-type="blank"]::after {
	content: '';
	position: absolute;
	bottom: 4px;
	right: 0;
	width: 12px;
	height: 12px;
	background: url("/eposcard/img-files/etc_use_ic09.png") no-repeat 0 0 / contain;
}
.etcuse-colorlist{
	font-size: 1.3rem;
	color: #1e6372;
	margin-top: 10px;
}
.etcuse-box{
	position: relative;
	width: auto;
	margin: 24px 15px 0;
	padding: 16px 25px;
	background-color: #e5eef0;
	border-radius: 10px;
}
.etcuse-box::before{
	content: '';
	position: absolute;
	top: -16px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -16px;
	border-right: 16px solid transparent;
	border-bottom: 16px solid #e5eef0;
	border-left: 16px solid transparent;
}
.etcuse-boxtext{
	font-size: 1.3rem;
}
.etcuse-boxtitle{
	font-size: 1.3rem;
	margin: 12px auto -15px;
	padding: 6px 0 4px;
	width: 166px;
}
.etcuse-subtext{
	font-size: 1.6rem;
}
.etcuse-subtext + .heading01{
	margin-top: 0;
	padding-top: 5px;
}
.etcuse-floatColumn{
	display: flex;
	justify-content: center;
}
.etcuse-floatColumn .etcuse-floatColumnItem{
	width: calc(50% - 5px);
}
.etcuse-floatColumn .etcuse-floatColumnItem.fromApp {
	width: 100%;
}
.etcuse-floatColumn .etcuse-floatColumnItem:nth-child(2){
	margin-left: 10px; 
}
.etcuse-floatButton {
	height: 100%;
}
.etcuse-floatButton a {
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 50px;
	padding: 10px 0px;
	border-radius: 5px;
	background-color: #dc322c;
	font-size: 1.4rem;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2;
}
.etcuse-floatButton a:hover {
	opacity: 0.7;
}
.etcuse-floatButton a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 6px;
	width: 16px;
	height: 16px;
	margin-top: -9px;
	background: url("/eposcard/img-files/etc_use_ic07.png") no-repeat 0 0 / cover;
}
.etcuse-floatButton02 {
	height: 100%;
}
.etcuse-floatButton02 a {
	display: flex;
	justify-content: center;
	text-align: center;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 50px;
	padding: 10px 25px;
	background-color: #fff;
	border-radius: 5px;
	box-sizing: border-box;
	border: 2px solid #dc322c;
	font-size: 1.4rem;
	color: #dc322c;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2;
}
.etcuse-floatButton02 a:hover {
	opacity: 0.7;
}
.etcuse-floatButton02 a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 6px;
	width: 16px;
	height: 16px;
	margin-top: -9px;
	background: url("/eposcard/img-files/etc_use_ic08.png") no-repeat 0 0 / cover;
	z-index: 2;
}
#pageTopBtn, body[class$="-en"] #pageTopBtn{
bottom: 100px;
}
}

/* Cleafix
------------------------------------------------------ */