@charset "utf-8";

/* body
------------------------------------------------------------------ */
body {
	background: #F1F0F1;
}	


/* text link
------------------------------------------------------------------ */
a:link {
	color: #000;
}
a:hover {
	text-decoration: underline;
}


/* font-size
------------------------------------------------------------------ */
html {
	font-size: 62.5%;
}
body {
	font-size: 16px;
  font-size: 1.6rem;
	line-height: 1.8;
}


/* text
------------------------------------------------------------------ */
.breakAll {
	word-break: break-all;
	display: inline-block;
}


/* layout
------------------------------------------------------------------ */
body {
	overflow-y: scroll;
}
#wrapper {
	padding-top: 60px;
}
.contents-wrap .contents {
	margin: 0 0 80px 0;
}


/* fitwidth
------------------------------------------------------------------ */
.fitwidth-A{
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
}
.fitwidth-B{
	max-width: 1270px;
	margin-left: auto;
	margin-right: auto;
}


/* header
------------------------------------------------------------------ */
#header-wrap{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	background: #F8D12C;
	width: 100%;
}
#header-wrap #header {
	position: relative;
	height: 60px;
}
#header-wrap #header #burger-menu-open {
	position: absolute;
	top: 16px;
	left: 0;
}
#header-wrap #header #burger-menu-open.open {
	display: none;
}
#header-wrap #header #burger-menu-open .burger {
	position: relative;
	width: 40px;
	height: 30px;
	cursor: pointer;
}
#header-wrap #header #burger-menu-open .burger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 5px;
	background: #fff;
}
#header-wrap #header #burger-menu-open .burger span:nth-of-type(1) {
	top: 0;
}
#header-wrap #header #burger-menu-open .burger span:nth-of-type(2) {
	top: 12px;
}
#header-wrap #header #burger-menu-open .burger span:nth-of-type(3) {
	bottom: 1px;
}
#header-wrap #header .logo {
	position: absolute;
	top: 11px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 60px;
}
#header-wrap #header .logo img {
	width: 100%;
}


/* burger menu
------------------------------------------------------------------ */
#overlay {
	z-index: 105;
	position: fixed ;
	top: 50px ;
	left: -100% ;
	width: 100% ;
	height: -webkit-calc(100% - 50px);
	height: calc(100% - 50px);
	background: #F8D12C;
	transition: left 200ms ease-in-out;
}
#overlay.open {
	left: 0 ;
}
#global-navi-box {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	transition: left 300ms ease-in-out;
	z-index: 200;
	pointer-events: none;
}
#global-navi-box.open {
	left: 0;
}
#global-navi-box #burger-close {
	margin: 17px 0;
	width: 26px;
	height: 26px;
	background: url(../img/common/bg_burger_close.png) no-repeat center center;
	background-size: 26px auto;
	cursor: pointer;
	pointer-events: auto;
}
#global-navi-box .global-navi-wrap {
	height: 100%;
}
#global-navi-box .global-navi-wrap .global-navi ul.navi {
	height: 100%;
	width: 400px;
	overflow: auto;
	pointer-events: auto;
}
#global-navi-box .global-navi-wrap .global-navi ul.navi li {
	border-bottom: 1px solid #fff;
}
#global-navi-box .global-navi-wrap .global-navi ul.navi li a {
	display: block;
	padding: 22px 50px 22px 0;
	line-height: 1;
	transition: all 300ms ease;
}
#global-navi-box .global-navi-wrap .global-navi ul.navi li a:hover {
	background: #FBDB59;
	opacity: 0.8;
}
#global-navi-box .global-navi-wrap .global-navi ul.navi li a img {
	width: 100%;
}
#global-navi-box .global-navi-wrap .global-navi .sub-title {
	width: 400px;
	padding: 25px 0;
	text-align: center;
}
#global-navi-box .global-navi-wrap .global-navi .sub-title img {
	width:230px;
	margin: 0 auto; 
}


/* .selectLang
------------------------------------------------------------------ */
.relative {
	position:relative;
}
.selectLang {
	font-size:1.6rem;
  text-align: right;
	position: absolute;
	right: 10px;
}
.selectLang ul.open {
	position:absolute;
	top:60px;
	left:0px;
}
.langBtn {
  display: block;
  cursor: pointer;
  width: 300px;
  height: 60px;
  line-height: 60px;
	color:#FFFFFF;
	padding: 0 50px 0 0;
}
.langBtn:after {
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -8px;
}
.langList {
	width:100%;
	position: fixed;
	top: 60px;
	left: 0px;
	z-index:10;
	background: #F8D12C;
}
.langList .listWrap {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.arrow:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border-top: solid 3px #FFF;
	border-right: solid 3px #FFF;
	-webkit-transform: rotate(-405deg);
	transform: rotate(-405deg);
	top: 60%;
	right: 10px;
	margin-top: -8px;
}

/* closed */
.langList ul > li {
  border-top: 0px white solid;
}
.langList {
	transition: height .2s ease-out;
	height: 0;
}
.langList.open {
	height: 205px;
}
.langList.open ul > li > a {
  line-height: 1.5;
  opacity: 1;
	font-size:inherit;
  visibility: visible;
  transition:
    line-height .3s ease-out,
    opacity     .1s linear .1s,
    visibility  .1s linear .1s;
}
/* opened */
.langList.open ul > li {
  border-top: 1px white solid;
	text-align:right;
	width:300px;
  transition:
    border-top     .3s ease-out,
    padding-top    .3s ease-out,
    padding-bottom .3s ease-out;
}
.langList ul > li > a {
	text-decoration:none;
	color:#FFFFFF;
	display:block;
  opacity: 0;
  visibility: hidden;
	font-size:0;
	padding: 13px 50px 13px 0;
}


/* footer
------------------------------------------------------------------ */
#footer-wrap {
	padding-top: 40px;
	background: #F1F0F1;
}
#footer-wrap #footer ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	padding-bottom: 40px;
}
#footer-wrap #footer ul li {
	width: 38px;
	margin: 0 10px;
}
#footer-wrap #footer ul li img {
	width: 100%;
}
#footer-wrap #footer .copyright {
	text-align: center;
	font-size: 10px;
	padding-bottom: 40px;
}


/* .btn-pagetop
------------------------------------------------------------------ */
.btn-pagetop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	width: 70px;
	height: 70px;
	z-index: 1;
}
.btn-pagetop a {
	display: block;
}
.btn-pagetop a img{
	width:100%;
}


/* title element
------------------------------------------------------------------ */
.titleA {
	margin: 55px 0 40px;
}
.titleA img {
	width: 623px;
}
.titleB {
	margin: 0 0 20px;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #F9D12C;
}
.titleB img {
	width: 424px;
}
.important-words {
	background: #F9D12C;
	padding: 12px 30px;
	display: inline-block;
	line-height: 1;
	margin-bottom: 10px;
}
img.adjust-off  {
	width: auto;
}


/* text style
------------------------------------------------------------------ */
.text-strong-color {
	color: #E30000;
}


/* .images-block
------------------------------------------------------------------ */
.images-block {
	text-align: center;
}
.images-block img {
	display: inline-block;
	max-width: 100%;
}


/* float
------------------------------------------------------------------ */
.f-right {
	float: right;
	margin-left: 10px;
}
.f-left {
	float: left;
	margin-right: 10px;
}


/* .white-box
------------------------------------------------------------------ */
.white-box {
	background: #fff;
	padding: 20px;
	margin-bottom: 30px;
}


/* list style
------------------------------------------------------------------ */
.disc > li {
	list-style: disc;
	margin-left: 1em;
	text-indent: -1em;
	padding-left: 1em;
}
li .disc > li {
	text-indent: 0;
	padding-left: 0;
}
.number > li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px;
}
.number > li:before {
	content: "";
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
}
.number > li:nth-of-type(1):before {
	background: url(../img/common/ico_list_1.png) no-repeat center center;
	background-size: 30px auto;
}
.number > li:nth-of-type(2):before {
	background: url(../img/common/ico_list_2.png) no-repeat center center;
	background-size: 30px auto;
}
.number > li:nth-of-type(3):before {
	background: url(../img/common/ico_list_3.png) no-repeat center center;
	background-size: 30px auto;
}
.number > li:nth-of-type(4):before {
	background: url(../img/common/ico_list_4.png) no-repeat center center;
	background-size: 30px auto;
}
.number > li:nth-of-type(5):before {
	background: url(../img/common/ico_list_5.png) no-repeat center center;
	background-size: 30px auto;
}
.number > li:nth-of-type(6):before {
	background: url(../img/common/ico_list_6.png) no-repeat center center;
	background-size: 30px auto;
}
.number > li:nth-of-type(7):before {
	background: url(../img/common/ico_list_7.png) no-repeat center center;
	background-size: 30px auto;
}
.number > li:nth-of-type(8):before {
	background: url(../img/common/ico_list_8.png) no-repeat center center;
	background-size: 30px auto;
}
.number > li:nth-of-type(9):before {
	background: url(../img/common/ico_list_9.png) no-repeat center center;
	background-size: 30px auto;
}
.number > li:nth-of-type(10):before {
	background: url(../img/common/ico_list_10.png) no-repeat center center;
	background-size: 30px auto;
}
.decimal > li {
	list-style: decimal;
	margin-left: 20px;
}


/* .btn-area
------------------------------------------------------------------ */
.btn-area {
	text-align: left;
	margin: 0 0 60px 0;
}
.btn-area a {
	display: block;
	padding: 10px 0;
	text-align: center;
	position: relative;
	width: 220px;
	line-height: 1;
	font-size: 0;
}
.btn-area a.bg-black {
	background: #000;
}
.btn-area a.bg-black img {
	width: 30px;
}
.btn-area a.bg-black img.en {
	width:85px;
}
.btn-area a.bg-black img.zh-cn {
	width: 60px;
}
.btn-area a.bg-black img.zh-tw {
	width: 60px;
}
.btn-area a.right-arrow:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn-area a.left-arrow:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 4px;
	height: 4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.btn-area a {
	transition: opacity 300ms ease;
	opacity: 1;
}
.btn-area a:hover {
	opacity: 0.8;
}
.btn-area .el-Block{
	display:block;

}
.btn-area .el-Block.el-rightBlock{
	margin-top:20px;
}
.btn-area-white {
	text-align: center;
	margin: 0 0 50px 0;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}
.btn-area-white a {
	color: #231F20;
	display: block;
	border: 2px solid #231F20;
	background: #fff;
	padding: 15px 35px;
	margin-right: 10px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	transition: all 300ms ease;
}
.btn-area-white a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #231F20;
	border-right: 1px solid #231F20;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn-area-white a:last-child {
	margin-right: 0;
}
.btn-area-white a:hover {
	background: #231F20;
	color: #fff;
}
.btn-area-white a:hover:after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.btn-area-white a.current,
.btn-area-white a.current:hover {
	border: 2px solid #C8C8C8;
	color: #C8C8C8;
	background: #fff;
}
.btn-area-white a.current:after,
.btn-area-white a.current:hover:after {
	border-top: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
}


/* form
------------------------------------------------------------------ */
.selectLabel {
	position: relative;
}
.selectLabel:before {
	content: "";
	position: absolute;
	top: -7px;
	right: 0;
	width: 30px;
	height: 35px;
	background: #D1D1D1;
	pointer-events: none;
}
.selectLabel:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 4px 0 4px;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	top: 6px;
	right: 11px;
	pointer-events: none;
}
.selectLabel select {
	border: 1px solid #D1D1D1;
	padding: 10px 20px;
	width: 100%;
	display: inline-block;
}


/* .main-image-area
------------------------------------------------------------------ */
.main-image-area {
	margin-bottom: 40px;
}


/* .accordion-list
------------------------------------------------------------------ */
.accordion-list {
	margin-bottom: 60px;
}
.accordion-list li {
	margin-bottom: 4px;
}
.accordion-list li .acTrigger {
	background: #D1D1D1;
	padding: 10px 20px;
	font-size: 2.0rem;
	font-weight: bold;
	color: #231F20;
	cursor: pointer;
	position: relative;
}
.accordion-list li .acTrigger:after {
	position: absolute;
	top: 30%;
	right: 20px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 14px;
	height: 14px;
	border-top: 2px solid #231F20;
	border-right: 2px solid #231F20;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.accordion-list li .acTrigger.active:after {
	top: 40%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.accordion-list li .acContent {
	padding: 30px 20px;
}


/* .tel-to-link
------------------------------------------------------------------ */
.tel-to-link {
	cursor: text;
}
.tel-to-link a {
	pointer-events: none;
}


/* Top page
------------------------------------------------------------------ */
body.top {
	background: #FFF;
}
body.top .main-image-area {
	margin-bottom: 20px;
}
body.top .main-image-area .main-image {
	height: auto;
}
body.top .main-image-area .main-image img {
	max-width: 100%;
}
.top-attention-area {
	margin-bottom: 40px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 14px 10px 10px;
}
.top-attention-area .title {
	line-height: 1;
	margin-bottom: 10px;
}
.top-attention-area .title img {
	width: 96px;
}
.top-attention-area .list li {
	display: -webkit-flex;
	display: flex;
}
.top-attention-area .list li .date {
	width: 144px;
}
.top-attention-area .list li .text {
	width: -webkit-calc(100% - 144px);
	width: calc(100% - 144px);
}
.top-attention-area .list li .text a {
	display: inline-block;
	position: relative;
	padding-left: 20px;
}
.top-attention-area .list li .text a:before {
	position: absolute;
	top: 8px;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 2px solid #F9D12C;
	border-right: 2px solid #F9D12C;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.top-attention-area .more-arrow {
	text-align: right;
}
.top-attention-area .more-arrow a {
	line-height: 1;
	display: inline-block;
	padding: 5px 0 5px 10px;
	width: 106px;
}
.top-main-navi-area {
	margin-bottom: 30px;
}
.top-main-navi-area .nav {
	display: -webkit-flex;
	display: flex;
}
.top-main-navi-area .nav li {
	width: 24%;
	margin-right: 1.33%;
}
.top-main-navi-area .nav li:last-child {
	margin-right: 0;
}
.top-main-navi-area .nav li a {
	display: block;
	position: relative;
	transition: opacity 300ms ease;
}
.top-main-navi-area .nav li a:hover {
	opacity: 0.8;
}
.top-main-navi-area .nav li a .label {
	display: block;
	position: absolute;
	bottom: -35px;
	left: 0;
	padding: 15px 10px;
	background: #F9D12C;
	width: 90%;
	height: 70px;
}
.top-main-navi-area .nav li a .label img {
	vertical-align: top;
}
.top-main-navi-area .nav li:nth-of-type(1) a .label img {
	width: 135px;
}
.top-main-navi-area .nav li:nth-of-type(2) a .label img {
	width: 96px;
}
.top-main-navi-area .nav li:nth-of-type(3) a .label img {
	width: 44px;
}
.top-main-navi-area .nav li:nth-of-type(4) a .label img {
	width: 94px;
}
.top-main-navi-area .nav li a .image {
	display: block;
	background: #FCF8BE;
	height: 200px;
	padding-bottom: 40px;
	margin-bottom: 40px;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.top-main-navi-area .nav li a .image img {
	width: 100%;
	padding: 0 15px;
}
.top-main-navi-area .nav li:nth-of-type(1) a .image img {
	max-width: 133px;
}
.top-main-navi-area .nav li:nth-of-type(2) a .image img {
	max-width: 216px;
}
.top-main-navi-area .nav li:nth-of-type(3) a .image img {
	max-width: 187px;
}
.top-main-navi-area .nav li:nth-of-type(4) a .image img {
	max-width: 106px;
}
.top-main-navi-area .nav li a .more-arrow {
	position: absolute;
	bottom: -26px;
	right: 14%;
}
.top-payment-service {
	margin-bottom: 40px;
}
.top-payment-service a {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	border: 1px solid #6B6B6B;
	padding: 20px;
	transition: opacity 300ms ease;
	opacity: 1;
}
.top-payment-service a .text {
	width: 58%;
}
.top-payment-service a .text .title {
	display: block;
	margin-bottom: 15px;
}
.top-payment-service a .text .title img {
	width: 158px;
}
.top-payment-service a .icon {
	width: 40%;
	margin: 0 0 0 2%;
}
.top-payment-service a .icon img {
	width: 100%;
}
.top-payment-service a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.top-news-area {
	padding-top: 20px;
	margin-bottom: 50px;
	position: relative;
}
.top-news-area .title-area {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #000;
	padding: 20px;
	line-height: 1;
	display: inline-block;
}
.top-news-area .title-area img {
	width: 58px;
	vertical-align: top;
}
.top-news-area .list-area {
	position: relative;
	background: #F9D12C;
	padding: 30px 100px;
	margin-left: 60px;
}
.top-news-area .list-area .more-arrow {
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-align: right;
}
.top-news-area .list-area .more-arrow a {
	display: inline-block;
	width: 96px;
}
.top-news-area .list-area .list li {
	display: -webkit-flex;
	display: flex;
}
.top-news-area .list-area .list li .date {
	width: 144px;
}
.top-news-area .list-area .list li .text {
	width: -webkit-calc(100% - 144px);
	width: calc(100% - 144px);
}
.top-news-area .list-area .list li .text a {
	display: inline-block;
	position: relative;
	text-decoration: underline;
}
.top-news-area .list-area .list li .text a:hover {
	text-decoration: none;
}
.more-arrow img.more,
.more-arrow img.arrow {
	transition: margin-right 300ms ease;
}
.more-arrow img.more {
	width: 35px;
	margin-right: 5px;
}
.more-arrow img.arrow {
	width: 31px;
	margin-left: 10px;
	margin-right: 15px;
}
.top-attention-area .more-arrow a:hover img.more,
.top-attention-area .more-arrow a:hover img.arrow,
.top-main-navi-area .nav li a:hover .more-arrow img.more,
.top-main-navi-area .nav li a:hover .more-arrow img.arrow,
.top-news-area .list-area .more-arrow a:hover img.more,
.top-news-area .list-area .more-arrow a:hover img.arrow {
	margin-right: 0;
}
.top-corporate-customers-area {
	margin-bottom: 140px;
}
.top-corporate-customers-area .title-area {
	position: relative;
	text-align: center;
	margin-bottom: 30px;
}
.top-corporate-customers-area .title-area .title {
	display: inline-block;
	width: 283px;
	line-height: 1;
	background: #fff;
	text-align: center;
	position: relative;
	z-index: 2;
}
.top-corporate-customers-area .title-area .title img {
	width: 203px;
	vertical-align: top;
}
.top-corporate-customers-area .title-area:after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 1px;
	width: 100%;
	border-bottom: 1px solid #000;
	z-index: 1;
}
.top-corporate-customers-area .link-area {
	display: -webkit-flex;
	display: flex;
}
.top-corporate-customers-area .link-area a {
	display: -webkit-flex;
	display: flex;
	border: 1px solid #6B6B6B;
	padding: 20px;
	width: 49%;
	margin-right: 2%;
	transition: opacity 300ms ease;
	opacity: 1;
}
.top-corporate-customers-area .link-area a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.top-corporate-customers-area .link-area a:last-child {
	margin-right: 0;
}
.top-corporate-customers-area .link-area a .text .title {
	display: block;
	margin-bottom: 15px;
}
.top-corporate-customers-area .link-area a:nth-of-type(1) .text .title img {
	width: 178px;
}
.top-corporate-customers-area .link-area a:nth-of-type(2) .text .title img {
	width: 258px;
}


/* contact-us
------------------------------------------------------------------ */
.contact-us-faq {
	width: 70%;
}
.contact-us-faq .list > li {
	margin-bottom: 20px;
}
.contact-us-faq .list > li .trigger {
	display: block;
	position: relative;
	padding-left: 1em;
	cursor: pointer;
	margin-bottom: 10px;
}
.contact-us-faq .list > li .trigger:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 6px;
	border-color: transparent transparent transparent #000;
	position: absolute;
	top: 10px;
	left: 0;
}
.contact-us-faq .list > li .trigger.open:before {
	border-width: 6px 3px 0 3px;
	border-color: #000 transparent transparent transparent;
}
.contact-us-faq .list > li .content {
	display: none;
	padding-left: 1em;
}
.contact-us-btn-area {
	display: -webkit-flex;
	display: flex;
	width: 70%;
}
.contact-us-btn-area a {
	color: #231F20;
	flex: 33.3% 1 1;
	display: block;
	border: 2px solid #231F20;
	background: #fff;
	padding: 15px 35px;
	margin-right: 10px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
.contact-us-btn-area a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #231F20;
	border-right: 1px solid #231F20;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.contact-us-btn-area a,
.contact-us-btn-area a:after {
	transition: all 300ms ease;
}
.contact-us-btn-area a:last-child {
	margin-right: 0;
}
.contact-us-btn-area a:hover {
	background: #231F20;
	color: #fff;
	text-decoration: none;
}
.contact-us-btn-area a:hover:after {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.contact-us-btn-area a.current,
.contact-us-btn-area a.current:hover {
	border: 2px solid #C8C8C8;
	color: #C8C8C8;
	background: #fff;
}
.contact-us-btn-area a.current:after,
.contact-us-btn-area a.current:hover:after {
	border-top: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
}
.text-link-blue a {
	color: #00BCFB;
}


/* .store_search
------------------------------------------------------------------ */
.store_search .titleB {
	font-weight: bold;
	font-size: 2.6rem;
	position: relative;
}
.store_search .titleB.large-icon:after {
	content: "large store";
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border: 1px solid #6B6B6B;
	padding: 4px 10px;
	line-height: 1;
	font-size: 1.4rem;
	font-weight: normal;
	color: #6B6B6B;
}
.store_search .store-info li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.store_search .text-link {
	text-align: right;
}
.store_search .text-link a {
	text-decoration: underline;
}
.store_search .text-link a:hover {
	text-decoration: none;
}
.store_search .store-info li .label {
	font-weight: bold;
	width: 20%;
}
.store_search .store-info li .content {
	width: 80%;
}
.store_search .store-info li.access .content .access-map-link a {
	display: inline-block;
	padding: 6px 30px;
	background: #000;
	color: #fff;
	line-height: 1;
	margin-left: 20px;
	position: relative;
	transition: opacity 300ms ease;
	opacity: 1;
}
.store_search .store-info li.access .content .access-map-link a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.store_search .store-info li.access .content .access-map-link a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	margin: auto;
	content: "";
	vertical-align: middle;
	width: 6px;
	height: 6px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.store_search .store-info li.payment {
	display: block;
}
.store_search .store-info li.payment .label {
	margin-bottom: 10px;
}
.store_search .store-info li.payment .content {
	width: 100%;
}
.store_search .store-info li.payment .content .icon {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.store_search .store-info li.payment .content .icon li {
	width: 68px;
	margin-right: 30px;
}
.store_search .store-info li.payment .content .icon li:last-child {
	margin-right: 0;
}
.store_search .store-info li.payment .content .icon li img {
	width: 100%;
}


/* news
------------------------------------------------------------------ */
.news .news-area {
	display:-webkit-flex;
	display:flex;
	flex-direction:row-reverse;
	justify-content:flex-end;
	padding:40px 0;
	border-bottom:1px solid #CCCCCC;
}	
.news .news-area:first-child {
	padding-top:0px;
}	
.news .image {
	width: 28%;
	margin-right: 4%;
}	
.news .image img {
	max-width:100%;
}	
.news .title {
	width:100%;
}	
.news .title>span {
	font-size:1.8rem;
	text-decoration: underline;
}	
.news .title {
  font-size:1.4rem;
}	


/* entry-basename
------------------------------------------------------------------ */
.entry-basename .titleB>span {
	font-size:2.6rem;
	font-weight:bold;
}
.entry-basename .entry-image {
	text-align: center;
	margin: 40px 0;
}
.entry-basename .entry-image img {
	display: inline-block;
	max-width: 100%;
}		


/* payment_services
------------------------------------------------------------------ */
.payment_services .payment {
	padding:40px 0;
	border-bottom:1px solid #CCCCCC;
}	
.payment_services .payment:last-child {
  border:none;
} 
.payment_services .payment:first-child {
	padding-top:0;
}		
.payment_services .payment-title {
	font-size:1.8rem;
	font-weight:bold;
	padding-bottom:25px;
}	
.payment_services .payment-icon li {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
	margin-bottom: 10px;
}	
.payment_services .payment-icon li .icon {
	width:56px;
	margin-right:20px;
}	
.payment_services .payment-icon li .text {
	width:-webkit-calc(100% - 76px);
	width:calc(100% - 76px);
}
.payment_services .payment-icon.column-style {
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.payment_services .payment-icon.column-style li {
	display: block;
	margin-right:1.5%;
	text-align:center;
}
.payment_services .payment-icon.column-style li .icon,
.payment_services .payment-icon.column-style li .text {
	width:initial;
	margin-right: initial;
}
.payment_services .payment-icon.column-style li .icon img {
	width:56px;
}
.payment_services .payment-icon img {
	max-width:100%;
	vertical-align: top;
}	
.payment_services .payment-icon.column-style li.and-more {
	width: 100%;
	text-align: right;
	margin-right: 0;
	margin-bottom: 0;
}


/* product_proposals
------------------------------------------------------------------ */
.product_proposals .main-image-area .main-image {
	height: 280px;
	background: #ffa902;
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
}
.product_proposals .main-image-area .main-image img {
	max-height:280px;
	max-width:100%;
	padding-left:80px;
}
.product_proposals .acContent>span {
	font-weight:bold;
}	
.product_proposals .acContent .title {
	font-size:2.0rem;
	font-weight:bold;
}	
.product_proposals .acContent dt {
	font-weight:bold;
}


/*company
------------------------------------------------------------------ */
.company_list {
  /*margin: 0 0 0 140px;*/
  font-size: 16px;
  font-size: 1.6rem;
  list-style: none;
}
.company_list li {
	margin: 30px 0 0 0;
	display: -webkit-flex;
	display: flex;
}
.company_list li .company_list_left {
  width: 18%;
	font-weight: bold;
}
.company_list li .company_list_right {
  width: -webkit-calc(100% - 18%);
  width: calc(100% - 18%);
}
.company_list li .company_list_right dl {
  margin: 0;
}
.company_list li .company_list_right dl dt {
  margin: 0;
}
.company_list li .company_list_right dl dd a.map_link {
	display: inline-block;
	background: #6B6B6B;
	color: #fff;
	padding: 8px 15px;
	line-height: 1;
}
.company_list li .company_list_right dl dd a.map_link:hover {
	background: #231F20;
	text-decoration: none;
}
.company_list li .company_list_right dl dd {
  margin: 12px 0 0 32px;
  font-size: 14px;
  font-size: 1.4rem;
}
.company_list li .company_list_right dl dd a {
  margin: 12px 0 0 0;
  display: inline-block;
  background-color: #000;
}
.company_list li .company_list_right dl dd a img:hover {
  opacity: 0.9;
}
.company_list li ul {
  margin: 0;
  padding: 0;
}
.company_list li ul li:first-child {
  margin-top: 0;
}


/* Margin specification at the bottom of the box
------------------------------------------------------------------ */
.blockend-ss {
	margin-bottom: 10px;
}
.blockend-s {
	margin-bottom: 20px;
}
.blockend-m {
	margin-bottom: 35px;
}
.blockend-l {
	margin-bottom: 63px;
}


/* Control element output according to device
------------------------------------------------------------------ */
.visible-tb {
	display: none!important;
}
.visible-sp {
	display: none!important;
}
.visible-pc {
	display: block!important;
}
.hidden-pc {
	display: none!important;
}


/* Narrow pc monitor support
------------------------------------------------------------------ */
@media screen and ( max-width:1600px ) and ( min-width:768px ) {

	/* fitwidth */
	.fitwidth-B {
		padding: 0 10px;
	}

	/* header */
	#header-wrap #header #burger-menu-open {
		left: 10px;
	}

}