@charset "utf-8";

/* 全体共通設定
----------------------------------------*/
.main_content,.main_content_02 {
  width: 1000px;
  margin: 0 auto 20px auto;
}
.main_content section,,.main_content_02 section {
  margin: 0 auto 30px auto;
  overflow: hidden;
}
.main_content h1 {
  margin: 0 0 25px 0;
  padding: 5px 10px 0 10px;
  font-size: 1.5em;
  line-height: 1.6em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ebf2f0+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebf2f0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebf2f0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ebf2f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebf2f0',GradientType=0 ); /* IE6-9 */
  border: 1px #ccc solid;
  border-radius: 5px 5px 0 0;
  border-bottom: 5px solid #004335;
}
.main_content h2 {
  margin: 0 0 15px 0;
  padding: 0 5px 0 6px;
  font-size: 1.5em;
  border-left: 5px solid #004335;
  border-bottom: 1px solid #004335;
  clear: left;
}
.main_content h3 {
  margin: 0 0 10px 0;
  padding: 5px 15px;
  font-size: 1.2em;
  line-height: 1.4em;
  background: url("/image/share/heading_marker.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 7px;
  clear: both;
}
.main_content h3 a {
  padding: 0 40px 0 0;
  display: inline-block;
  background: url(/image/share/heading_link.png);
  background-position: right center;
  background-repeat: no-repeat;
  text-decoration: underline;
}
.main_content h3 a:hover {
  color: #1f4894;
}
.main_content h4,
.main_content h5 {
  margin: 0 0 5px 0;
}
.main_content h2 + p {
  padding: 0 0 0 14px;
}
.main_content h3 + p {
  padding: 0 0 0 15px;
}
.main_content h3 + h4 {
  padding: 0 0 0 15px;
}
.main_content H4 {
  padding: 0 0 0 15px;
  color: #004335;
}
.main_content p {
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 15px;
  padding: 0 0 10px 15px;
  line-height: 1.4em;
  font-size: 1em;
}
.main_content p strong {
  color: #004335;
}
.mediumtxt {
  font-size: 1em!important;
}
.smalltxt {
  font-size: 0.9em!important;
}
.xsmalltxt {
  font-size: 0.8em!important;
}
.inner_content {
  overflow: hidden;
}
.main_content .asterisk,
.main_content_02 .asterisk {
  font-size: 0.8em;
  margin: 0 0 0.5em 0;
  padding-left: 1em;
  text-indent:-1em;
  display: block;
  line-height: 1.3em;
}
.main_content_02 .asterisk {
  line-height: 1rem;
}
.main_content_02 .asterisk.smalltxt {
  line-height: 1.5em;
}

/*見出し要素*/
.cat_index_title{
  padding-top: 25px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 20px;
  margin: 0px 0px 20px 0px;
  background-color: #F0F0F0;
  border-bottom: 1px solid #ddd;
}
.cat_index_title_inner{
  width: 1000px;
  margin: auto;
  color: #004335;
  text-shadow: 2px 2px 2px #FFFFFF;
}
.title01 {
  font-size: 200%;
  line-height: 1;
  margin-bottom: 20px;
  padding-top: 5px;
  font-weight: bold;
  color: #005445;
  border-bottom: 1px solid #005445;
  padding-bottom: 10px;
  position: relative;
}
.title01 span.badge {
  display: inline-block;
  padding: 0.4em 1.5em;
  font-size: .9rem;
  font-weight: normal;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: bottom;
  border-radius: 1rem;
  position: absolute;
  right: 0;
  top: 10px;
}
.title01 span.badge.secure {
  background-color: #009688;
}
.nounderline{
border-bottom: none;}
.title02{
    border-left: 6px solid #005445;
    font-size: 150%;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
    padding-left: 10px;
    margin-top: 30px;
}
.title03{
  background: none!important;
  border-bottom: 2px solid #cccfd0!important;
  font-size: 138%;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 15px!important;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 5px;
  margin-top: 20px;
  color: #004335;
}
.title04 {
  color: #004335;
  font-size: 125%;
  padding: 0px!important;
  font-weight: bold;
  line-height: 130%;
  margin-top: 10px;
  margin-bottom: 10px;
}
.title05 {
  font-size: 110%;
  padding: 0px!important;
  font-weight: bold;
  line-height: 130%;
  margin-top: 10px;
  margin-bottom: 5px;
}

/*本文*/
.main_content_02 p{
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 20px;
  padding: 0!important;
  color: #000000!important;
  line-height: 1.5em;
}
.main_content_02 p.mb-0 {
  margin-bottom: 0;
}
.main_content_02 strong{
  display: inline;
  background: #ffeea9; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 51%, #ffeea9 51%, #ffeea9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(51%,rgba(255, 255, 255, 0)), color-stop(51%,#ffeea9), color-stop(100%,#ffeea9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 51%,#ffeea9 51%,#ffeea9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#ffeea9 51%,#ffeea9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#ffeea9 51%,#ffeea9 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 51%,#ffeea9 51%,#ffeea9 100%); /* W3C */
}
.main_content_02 strong.pink {
  display: inline;
  background: #ffa9ddb8; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 51%, #ffa9ddb8 51%, #ffa9ddb8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(51%,rgba(255, 255, 255, 0)), color-stop(51%,#ffa9ddb8), color-stop(100%,#ffa9ddb8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 51%,#ffa9ddb8 51%,#ffa9ddb8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#ffa9ddb8 51%,#ffa9ddb8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#ffa9ddb8 51%,#ffa9ddb8 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 51%,#ffa9ddb8 51%,#ffa9ddb8 100%); /* W3C */
}

.main_content_02 ul{
  margin-top: 0;
  margin-bottom: 10;

}
.main_content_02 li{
  margin: 0;}
/*リンク要素*/
.main_content a{
  text-decoration: underline;
}
.main_content a:hover{
  text-decoration: none;
  color: #1f4894;
}
.main_content_02 a{
  text-decoration: underline;
  color: #005445;
font-weight: bold;}
.main_content_02 a:hover{
  text-decoration: none;
  color: #1f4894;
}
.main_content_02 .mt-2 {
  margin-top: 20px;
}

/*配置*/
.itemCenter {
  text-align:center;
  margin:0px auto;
}
.itemRight {
  float:right;
  margin-left: 10px;
}
.itemLeft {
  float: left;
  margin: 0px 15px 15px 0px;
}

/*装飾*/
.imgborder {
  padding: 3px;
  border: 1px #ccc solid;
}
.imgborder10{
  padding: 10px;
  border: 1px solid #DDD;
  background-color: #fff;
}

/*サブページナビゲーション*/
.subnavi,
.faq_navi {
    margin: 0;
    padding: 0;
}
.subnavi li,
.faq_navi li{
  margin-top: 0;
  margin-right: 10px;
  /* [disabled]margin-left: 5px; */
  margin-bottom: 20px;
  list-style: none;
  float: left;
}
.subnavi:after {}
.subnavi li a,
.faq_navi li a{
  padding: 10px 12px 8px 12px;
  background-color: #fff;
  border: 1px solid #bbb;
  text-decoration: none;
  border-radius: 3px;
  display: block;
  outline: none;
  font-size: 0.9em;
  line-height: 1.5em;
}
.subnavi li a:hover,
.faq_navi li a:hover{
  color: #004335;
  border-color: #004335;
}
.subnavi li.subnavi_active a,
.faq_navi li.subnavi_active a {
  border: 1px solid #004335;
  background-color: #004335;
  color: #fff;
}
/* micro clearfx */
.cf:before, .cf:after {
		content:"";
		display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */

/* カラム設定
----------------------------------------*/
.content_1col,
.content_2col,
.content_3col,
.content_4col,
.content_5col {
  margin: 0 0 10px 0;
  display: flex;
  justify-content: space-between;
}
.content_1col > div,
.content_2col > div,
.content_3col > div,
.content_4col > div,
.content_5col > div {
  padding: 10px;
  box-sizing: border-box;
}
.content_1col,
.content_2col,
.content_3col,
.content_4col,
.content_5col {
  flex-wrap: wrap;
}
.content_1col > div {
  flex-basis: 100%;
  max-width: 100%; /*IE*/
}
.content_2col > div {
  flex-basis: 49%;
  max-width: 49%; /*IE*/
}
.content_3col > div {
  flex-basis: 32%;
  max-width: 32%; /*IE*/
}
.content_4col > div {
  flex-basis: 23.5%;
  max-width: 23.5%; /*IE*/
}
.content_5col > div {
  flex-basis: 18.5%;
}

/* ボックス設定
----------------------------------------*/
.gray_box {
  border: 1px #ccc solid;
  margin-bottom: 20px;
}

/* 決済サービス /service
----------------------------------------*/
.content_4col.service_payment > div {
  height: 140px;
}
.service_onestop {
  margin: 30px 0 10px 0;
}
.service_payment {
  text-align: center;
}
.service_payment a {
  margin: 0 0 15px 0;
  display: block;
  font-weight: bold;
}
.service_payment_wrapper .content_4col:first-of-type {
  margin: 0;
}
.service_payment_convenience img {
  width: 220px;
}
.service_payment_bank {
  margin: 20px 0 0 0;
}
.service_payment_bank img {
  width: 140px;
}
.service_payment_carrier {
  margin: 15px 0 0 0;
}
.service_payment_carrier img {
  width: 190px;
}
.service_payment_rakutenpay img {
  width: 70px;
}
.service_payment_paypay img {
  width: 100px;
}
.service_payment_emoney {
  margin: 15px 0 0 0;
}
.service_payment_applepay {
  margin: 20px 0 0 0;
}
.service_reason_cost img,
.service_reason_support img,
.service_reason_admin img,
.service_reason_invalid img {
  float: left;
  margin: 0 10px 10px 0;
}
.service_connect div {
  margin: 0 0 10px 0;
}
.main_content p.service_connect_text {
  margin: 0 0 10px 10px;
}
.service_reason h3 {
  margin: 0 0 5px 0;
  font-size: 1.1em;
  background: none;
}
.service_reason_cost h3 {
  padding: 5px 0 0 0;
  clear: none;
}
.service_reason_support h3,
.service_reason_admin h3,
.service_reason_invalid h3 {
  padding: 18px 0 0 0;
  clear: none;
}
.service_reason > div {
  padding: 13px;
}
.service_reason h3 a {
  padding: 0;
  background: none;
}
.main_content .service_reason p {
  margin: 0;
  padding: 0;
  clear: both;
}
.service_package_link {
  margin: 0 0 10px 0;
  display: block;
}

/*各決済ページ共通*/
.main_content h2.service_catch {
  margin: 0 0 15px 15px;
  padding: 0;
  border: none;
  color: #004335;
  font-size: 1.3em;
}
.service_content {
  margin: 0 0 20px 0;
  clear: both;
  overflow: hidden;
}
.service_content a {
  color: #1f4894;
  font-weight: bold;
}

/*クレジットカード決済*/
.service_card_invalid {
  margin: 0 0 0 15px;
}
.service_card_invalid p {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 0.9em;
}
.service_card_invalid h4 {
  padding: 5px;
  text-align: center;
  font-size: 1.1em;
  color: #333;
  background-color: #e7f3f1;
}
.service_card_connect {
  clear: both;
}

/*対応クレジットカード会社*/
.service_cardlist td p {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
}
.service_cardlist_ok {
  font-size: 2em;
  color: #004335;
}

/*3Dセキュア（本人認証決済サービス）*/
.service_3d_list {
  margin: 0 15px;
  padding: 0;
  list-style: none;
}
.service_3d_list li {
  margin: 0 15px 15px 0;
  display: inline-block;
}
.service_3d_list li a img:hover {
  opacity: 0.7;
}
ol.encircled {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}
ol.encircled li {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 10px 0;
  padding-left: 25px;
  position: relative;
}
ol.encircled li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  border: 1px solid #333;
  border-radius: 50%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  width: 20px;
  color: #333;
  font-size: 85%;
  line-height: 1;
  position: absolute;
  top: 1px;
  left: 0;
}

/*リダイレクト決済*/
.service_redirect_admin {
  margin: 0 0 0 15px;
}
.service_redirect_admin p {
  margin: 0;
  padding: 0 0 5px 0;
  font-size: 0.9em;
}
.service_redirect_admin h4,
.service_redirect_rightimg h4 {
  margin: 0 0 15px 0;
  padding: 5px;
  text-align: center;
  font-size: 1.1em;
  color: #333;
  background-color: #e7f3f1;
}
.service_redirect_admin img {
  width: 100%;
}
.service_redirect_scene {
  margin: 0 0 -10px 5px;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.service_redirect_scene li {
  margin: 0 0 10px 10px;
  float: left;
}
.service_redirect_scene li img {
  width: auto;
}
.service_redirect_lefttext_01,
.service_redirect_lefttext_02 {
  float: left;
}
.service_redirect_lefttext_01 {
  width: 530px;
}
.service_redirect_lefttext_02 {
  width: 420px;
}
.service_redirect_rightimg {
  float: right;
  padding: 10px;
  box-sizing: border-box;
  border: 1px #ccc solid;
}

/*コンビニ決済*/
.conveni_list {
  width: 400px;
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}
.conveni_list li {
  padding: 2px 3px;
  display: inline-block;
}
.conveni_guide {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #fff;
  border-collapse: collapse;
  display: block;
  box-sizing: border-box;
  table-layout: fixed;
}
.conveni_guide p {
  margin: 0;
  padding: 0 10px 0 0;
  font-size: 0.9em;
}
.conveni_guide td.conveni_guide_logo {
  padding: 0 0 20px 0;
  text-align: center;
  background-color: #fff;
}
.conveni_guide td {
  margin: 10px 5px;
  padding: 10px 5px 5px 5px;
  vertical-align: top;
  background-color: rgb(233, 245, 248);
}
.conveni_guide th {
  margin: 0 0 10px 0;
  padding: 5px 0;
  background-color: rgb(0, 128, 150);
  border-left: 1px solid rgb(0, 128, 150);
  border-right: 1px solid rgb(0, 128, 150);
  color: #fff;
  font-weight: normal;
}
.conveni_guide tr:nth-child(n + 3) td:first-child {
  border-left: 1px #ccc solid;
}
.conveni_guide tr:nth-child(n + 3) td:last-child {
  border-right: 1px #ccc solid;
}
.conveni_guide tr:nth-child(n + 3) td img {
  width: 230px;
  border: 1px solid #a7c8ce;
}
.conveni_guide tr td:first-child {
  text-align: center;
}
.conveni_guide tr td:nth-child(2)	{
  width: 1em;
}
.conveni_guide tr td:last-child {
  width: auto;
}
.conveni_guide tr:last-child td {
  border-bottom: 1px #ccc solid;
}
.conveni_guide_close_pc,
.conveni_guide_close_mb,
.btn_close a {
  margin: 0 0 20px 0;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	padding:5px 20px;
	text-decoration:none;
  text-shadow:0px 1px 0px #ffffff;
  display: none;
}
.conveni_guide_close:hover,
.btn_close a:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
  text-decoration: none;
}
.conveni_guide_caution {
  font-size: 14px;
  text-align: left;
  color: #971E23;
}
.btn_close {
  padding: 30px 0 20px 0;
  text-align: center;
  clear: both;
}

/* テーブル
---------------------------------------*/
tr.cashless_col { border: 4px solid #F3DB7E;}

/* よくあるご質問
----------------------------------------*/
.faq_list {
    margin: 0 0 30px 0;
    padding: 0;
    line-height: 1.6em;
    clear: both;
    font-size: 0.9em;
}
.faq_list dt {
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 60px;
    padding-bottom: 10px;
    background-image: url("/image/content/faq/question.png");
    background-repeat: no-repeat;
    background-size: auto;
    background-position: 10px center;
    display: block;
    cursor: pointer;
    border: 1px solid #ededed;
}
.faq_list dt:hover {
    background-color: rgba(241,246,244,1.00);
}
.faq_list dd {
    background-color: #F5F5F5;
    background-image: url("/image/content/faq/answer.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 60px;
    padding-bottom: 10px;
    border: 1px solid #F0F0F0;
    border-top: none;
    display:none;
}

.faq_list a {
  font-weight: bold;
}

.faq_caution {
  margin: 0 0 10px 0;
  border: 2px solid #971e23;
}
.faq_caution h3 {
  margin: 0 0 5px 0;
  padding: 5px 0;
  color: #B20000;
  background-color: #F7E9E9;
  font-size: 1.1rem;
  text-align: center;
}
.faq_caution h4 {
  margin: 0;
  padding: 5px 10px;
  color: #B20000;
  font-size: .9rem;
}
.main_content_02 .faq_caution p {
  margin: 0 0 10px 10px;
  padding: 0 10px !important;
  font-size: 0.8em;
}

/* 目的から探す /scene
----------------------------------------*/
.scene_content {
  overflow: hidden;
}
.scene_content h3 {
    /*margin: 0 0 10px 13px;*/
}
.scene_content img {
  float: right;
  margin: 10px 0 20px 20px;
}
#multi .scene_content img,
#member .scene_content img {
  margin: 4px 0 20px 20px;
}
.scene_content p {
  padding: 0 0 0 28px;
}
.scene_content a {
  color: #1f4894;
  font-weight: bold;
}
.scene_purpose_list {
  margin: 0 0 0 -10px;
  padding: 0;
  overflow: hidden;
  font-weight: bold;
}
.scene_purpose_list li {
  margin: 0 0 10px 10px;
  float: left;
  list-style: none;
}
.scene_purpose_list li a {
  width: 242px;
  display: inline-block;
  padding: 10px 10px 10px 55px;
  font-size: 0.9em;
  border: 1px solid #afafaf;
  box-sizing: border-box;
  text-decoration: none;
}
.scene_purpose_list li a:hover {
  color: #004335;
  border-color: #004335;
}
.scene_purpose_list li a {
  background-repeat: no-repeat;
  background-position: 13px 10px;
}

/* 導入事例 /scene/casestudies
----------------------------------------*/
.casestudies_col h4 {
  margin: 0 0 10px 0;
}
.casestudies_col p {
  margin: 0 10px 0 0;
  padding: 0;
  float: left;
}
.casestudies_col ul {
  width: 355px;
  margin: 0;
  padding: 0;
  float: left;
}
.casestudies_col ul li {
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px dotted #ddd;
  font-size: 0.8em;
  list-style: none;
  overflow: hidden;
  display: table;
}
.casestudies_col ul li:first-child {
  padding: 0 0 5px 0;
}
.casestudies_col ul li:last-child {
  border-bottom:none;
}
.casestudies_col_topic {
  margin: 0 5px 0 0;
  padding: 3px 5px 1px 5px;
  background-color: #eee;
  display: table-cell;
  vertical-align: middle;
}
.casestudies_col_topic + span {
  width: 225px;
  margin: 3px 0 0 0;
  padding: 3px 5px 1px 5px;
  display: table-cell;
}
.casestudies_col h4.casestudies_3col_title {
  margin: 0;
  padding: 0;
  text-align: center;
}
.casestudies_col h4.casestudies_3col_title_2line {
  margin: 0 0 1.6em 0;
  text-align: center;
}
.casestudies_col ul.casestudies_3col_info {
  width: 100%;
  line-height: 1.2em;
}
.casestudies_col p.casestudies_3col_logo {
  margin: 0;
  float: none;
  text-align: center;
}
ul.caseItem {
  clear:both;
}
.casestudies_date {
  margin: 18px 0 0 0;
  font-size: 1rem;
  font-weight: normal;
  color: #333;
  display: inline-block;
  float: right;
}

/*導入事例 外部リンクボタン*/
.main_content a.casestudies_btn {
  width: 300px;
  margin: 0 auto 20px auto;
  line-height: 1.5em;
  color: #333;
  display: block;
  padding: 12px 10px 10px 34px;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  border: 1px solid #bbb;
  border-radius: 8px;
  background-color: #eee;
  background-image: url("/image/share/subpage_btn_icon.png");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: 45px;
}
.main_content a.casestudies_btn:hover {
  color: #004335;
  border-color: #004335;
}

/*アンカーリンク余白*/
section#ec,
section#service,
section#fs2,
section#municipality1,
section#municipality2,
section#education1,
section#education2,
section#other
{
  margin-top:-20px;
  padding-top:20px;
  display: block;
	clear: both;
}

section.top_margin
{
    padding-top: 20px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 30px;
    display: block;
    clear: both;
}
section.bottom_margin {
    padding-top: 0;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 30px;
    display: block;
    clear: both;
}
/*--テーブル関係--*/
.table01{
  border-collapse: collapse;
  border: 1px solid #C0C0C0;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
  width: 920px;
}
.table01 td{
  border: 1px solid #C0C0C0;
  padding: 4px;
  font-size: 0.9em;
}
.table01 th{
  background-color: #F8F8F8;
  color: #3C3C3C;
  border: 1px solid #C0C0C0;
  padding: 4px;
  font-size: 0.9em;
}
.table02{
  border-collapse: collapse;
  border-top: 1px solid #C0C0C0;
  border-left: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 30px;
  width: 100%;
}
.table02 td{
  border: 1px solid #C0C0C0;
  padding: 8px;
  font-size: 0.9em;
}
.table02 tr:first-child td {
  border-bottom: none;
}
.table02 tr td:first-child {
  border-left: none;
}
.table02 tr td:last-child {
  border-right: none;
}
.table02 th{
  background-color: #005445;
  color: #FFFFFF;
  border: 1px solid #C0C0C0;
  padding: 8px;
  font-size: 1em;
}
.table02 .th_topic{
  background-color: #99CABF!important;
  color: #005445!important;
  border-top: 1px solid #fff!important;
  border-bottom: 1px solid #fff!important;
}
.tableBlue th{
  background-color: #D7EDF7;
}
.tableRed th{
  background-color: #D7EDF7;
}
.tableGreen th{
  background-color: #D7F7E0;
}

.tableNest{}
.tableNest th{
  padding:0px 10px;
  font-weight:normal;
  border:none;
  text-align:left;
  background:none;
  background-color:#fff;}
.tableNest td{
  padding:0px;
  border:none;
  }

  /*料金案内*/

  /*基本デザイン*/
  .feelist {
    width: 100%;
    border-spacing: 0;
    margin: 0 0 20px 0;
  }
  .feelist th,
  .feelist td {
    padding: 8px;
  }
  .feelist td {
    text-align: center;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    height: 29px;
  }
  .feelist .price {
    font-family: arial;
    padding: 0 3px;
  }
  .feelist .big {
    font-size: 2em;
    font-weight: bold;
  }
  .feelist .medium {
    font-size: 1.2em;
    padding: 0 3px;
  }
  .feelist .small {
    font-size: 0.9em;
  }
  .feelist .xsmall {
    font-size: 0.8em;
  }
  .feecontent .red,
  .cashless .red {
    color: #b1181e;
  }
  .cashless_overview .red {
      color: #b1181e;
      padding: 6px;
      font-size: 1.2em;
  }
  .feecontent .blue {
    color: #2060ba;
  }
  .feecontent h4.title04 {
    margin-bottom: -30px;
  }

  .feelist p {
    margin: 0;
    line-height: 1.1rem;
  }
  .feelist .Initial,
  .feelist .monthly {
    width: 6em;
    text-align: center;
    color: #fff;
    font-size: 1.2em;
    border-right: none;
  }
  .feelist .Initial {
    background-color: #032C66;
    border-bottom: 1px solid #fff;
  }
  .feelist .monthly {
    background-color: #005648;
  }
  .feelist .none {
    background-color: #f9f9f9;
  }
  .commentlist {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    font-size: 0.9em;
  }

  /*メイン料金用*/
  .feelist.main tr:first-child th {
    font-size: 1.2em;
    font-weight: normal;
  }
  .feelist.main tr:first-child th:nth-child(1)) {
    width: 15%;
  }
  .feelist.main tr:first-child th:nth-child(2) {
    width: auto;
  }
  .feelist.main tr:first-child th:nth-child(3),
  .feelist.main tr:first-child th:nth-child(4) {
    width: 31%;
  }
  .feelist.main tr:first-child th:nth-child(1),
  .feelist.main tr:first-child th:nth-child(2) {
    border-bottom: 1px solid #999999;
    background: none;
  }
  .feelist.main tr:first-child th:last-child {
    border-left: 1px solid #fff;
  }
  .feelist.main tr:first-child th:nth-last-child(2) {
    border-right: 2px solid #fff;
  }
  .feelist.main tr:first-child th:nth-last-child(-n+2) {
    border-radius: 10px 10px 0 0;
  }
  .feelist.main tr.other_col td:first-child,
  .feelist.sub tr.other_col td:first-child {
    background-color: #eee;
  }
  td.Initial,
  td.monthly,
  .feelist.main tr.other_col td:first-child,
  .feelist.sub tr.other_col td:first-child {
    border-left: 1px solid #999999;
  }
  .feelist.main tr.Initial_col .expense,
  .feelist.sub tr.Initial_col .expense {
    background-color: #F2F7F9;
  }
  .feelist.main tr.monthly_col .expense,
  .feelist.sub tr.monthly_col .expense {
    background-color: #F2F7F0;
  }
  .feelist.main th {
    background-color: #808080;
    color: #fff;
  }
  .fluctuations {
    text-align: left;
  }
  .fluctuations p {
    font-size: 0.8em;
  }
  .fluctuations dl {
    width: 100%;
    margin: 0;
    font-size: 0.8em;
    line-height: 1.7em;
  }
  .fluctuations dt {
    width: 15em;
    float: left;
  }
  .fluctuations dd {
    margin-left: 15em;
  }
  .fluctuations dt,
  .fluctuations dd {
    border-bottom: 1px dotted #bbb;
  }
  .fluctuations dt:last-of-type,
  .fluctuations dd:last-of-type {
    border-bottom: none;
  }
  .fluctuations .text {
    font-size: 0.9em;
    text-align: center;
  }

  /*オプション料金用*/
  .feelist.sub {
    padding: 35px 0 0 0;
  }
  .feelist.sub tr:first-child td {
    border-top: 1px solid #999999;
  }
  .feelist.sub tr td.expense {
    width: 231px;
  }

/* パートナーのご紹介 /scene/partner.html
----------------------------------------*/
.partner_col_info {
  width: 450px;
  margin: 0;
  padding: 0;
  float: left;
}
.partner_col_logo {
  padding: 30px 0;
  float: left;
}
.partner_col_web {
  width: 250px;
  float: right;
  border: 1px solid #eee;
}
.partner_col_web img {
  vertical-align: bottom;
}
.partner_col_info li {
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px dotted #ddd;
  list-style: none;
  font-size: 0.8em;
}
.partner_col_info li span {
  width: 4em;
  margin: 0 1em 0 0;
  padding: 3px 5px 1px 5px;
  background-color: #eee;
  display: inline-block;
}
.partner_col_info li h4{
  margin: 0 0 5px 0;
  font-size: 1.3em;
}

/* インタビュー */
.interview_content {
  margin: 0 0 10px 13px;
}
.interview_content h4 {
  margin: 0 0 10px 15px;
  padding: 5px 0 5px 5px;
  background-color: #ebf2f0;
}
.interview_photo {
  margin: 5px 0 20px 20px;
  float: right;
}
.interview_col_info {
  margin: 0;
  padding: 0 5px;
  border: 1px #ccc solid;
  line-height: 1.2em;
}
.interview_col_info li {
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px dotted #ddd;
  list-style: none;
  font-size: 0.8em;
}
.interview_col_info li:last-child {
  border-bottom: none;
}
.interview_col_info li span {
  width: 4em;
  margin: 0 1em 0 0;
  padding: 3px 5px 1px 5px;
  background-color: #eee;
  display: inline-block;
  text-align: center;
}
.interview_col_photo {
  margin: 0 0 10px 15px;
  float: right;
}
.interview_col_photo img {
  border: #ccc solid 1px;
}
.interview_col_right {
  width: 640px;
  margin: -3px 0 0 15px;
  float: left;
}
.interview_col_right img {
  display: block;
}

/*----*/
div.inputArea{
  border: 1px solid #CCC;
  background-color: #F8F8F8;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
  border-radius: 20px;    /* CSS3草案 */
  -webkit-border-radius: 20px;  /* Safari,Google Chrome用 */
  -moz-border-radius: 20px; /* Firefox用 */
  width: 60%;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 20px;
}
.tableInput{
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
}
.tableInput td{
  padding: 12px;
  font-size: 0.9em;
}
.tableInput th{
  text-align: right;
  color: #3C3C3C;
  padding: 12px 0px 12px 12px;
  font-size: 0.9em;
}
.tableInput input,.tableInput select{
  font-size: 1.2em;
  padding: 3px;
  width: 90%;
}
input.telnum{
  width: 20%!important;
}
.tableInput textarea{
  font-size: 1.2em;
  padding: 3px;
  border: 1px solid #ccc;
  width: 90%;
}
.nohissu{
  margin-left: 34px;
}
.hissu{
  font-size: 75%;
  margin-left:10px;
  color: #FFFFFF;
  border:1px solid #FF0004;
  background-color:#FF0004;
  border-radius: 4px;   /* CSS3草案 */
  -webkit-border-radius: 4px; /* Safari,Google Chrome用 */
  -moz-border-radius: 4px;  /* Firefox用 */
}
.error_msg{
  color:#FF0004;}

/*キャリア決済*/
.carrier_col {
  text-align: center;
}
.carrier_list {
  margin: 0 0 10px 0;
  padding: 0;
  overflow: hidden;
}
.carrier_list li {
  margin: 0 5px;
  list-style: none;
  display: inline-block;
}
.main_content p.carrier_caution {
  margin: 0;
  padding: 0;
  text-align: right;
}
.carrier_col {
  margin: 0 auto 20px auto;
  width: 970px;
  overflow: hidden;
}
.carrier_col_list {
  margin: 0;
  padding: 0;
}
.carrier_col_list li {
  width: 280px;
  margin: 0 0 0 15px;
  padding: 0;
  list-style: none;
  float: left;
}
.carrier_col_list li p {
  margin: 0;
  padding: 0;
}
.carrier_col_list_block div {
  margin: 10px 0;
  text-align: center;
}
.main_content li h4 {
  margin: 0;
  padding: 0;
}
.carrier_col_list_block {
  padding: 15px;
  border: 1px solid #ccc;
}
.carrier_col_list li:first-child {
  margin: 0;
}
.carrier_col_list li:first-child,
.carrier_col_list li:nth-child(2) {
  padding: 0 50px 0 0;
  background-image: url("/image/content/service/carrier/arrow.gif");
  background-repeat: no-repeat;
  background-position: right;
}
.carrier_step {
  margin: 10px 5px 0 0;
  padding: 2px 6px;
  background-color: #65afc0;
  color: #fff;
}

.carrier_screen:hover {
  border: 2px solid #266E9E;
}
.carrier_screen {
  margin: 0 0 0 -2px;
  padding: 0;
  clear: both;
  border: 2px solid #FFFFFF;
}

.tablecarrier caption {
  text-align:left;
  padding: 0 0 5px 0;
  color: #333333;
}
.tablecarrier {
  width: 100%;
  margin: 0 auto 10px auto;
  border-top: 1px #cccccc solid;
  border-left: 1px #cccccc solid;
}
.tablecarrier th {
  margin: 0;
  padding: 5px 3px;
  background-color: #BBDAFB;
  font-size: 0.8em;
  font-weight: bold;
  text-align: left;
  border-right: 1px #FFFFFF solid;
  border-bottom: 1px #dfdfdf solid;
}
.tablecarrier th {
  text-align: center;
}
.tablecarrier th.category {
  background-color: #4091C4;
  color: #FFFFFF;
}
.tablecarrier_limit {
  width: 160px;
}
.tablecarrier_web {
  width: 140px;
}
.tablecarrier tr th:last-child {
  border-right: 1px #dfdfdf solid;
}
.tablecarrier td{
  margin: 0;
  padding: 5px;
  border-right: 1px #dfdfdf solid;
  border-bottom: 1px #dfdfdf solid;
  font-size: 90%;
  background-color: #FFF;
}
.tablecarrier td.carrier_bottom{
  border-bottom: 3px #dfdfdf double;
}
.tablecarrier_logo {
  text-align: center;
}
.tablecarrier tr:first-child th:nth-child(1) {
  width: 12rem;
}
.tablecarrier th.tablecarrier_product {
  width: 65px;
}
.tablecarrier th.tablecarrier_kakin {
  width: 65px;
}
.tablecarrier td.tablecarrier_icon {
  font-size: 28px;
  text-align: center;
  color: #32b16a;
}
.tablecarrier td.tablecarrier_bg {
  background-color: #faf9db;
}
.tablecarrier td.tablecarrier_bg_none {
  color: #aaa;
}
.submibtn {
}
.submibtn:hover {
  opacity: 0.7;
}

/*サービスの強み*/
.f-regi_comparison {
  width: 985px;
  margin: 0 0 30px 15px;
  border: 1px #ccc solid;
  border-collapse: collapse;
}
.f-regi_comparison th,
.f-regi_comparison td {
  padding: 5px;
  border-bottom: 1px #ccc solid;
  text-align: center;
}
.f-regi_comparison th {
  width: 200px;
  background-color: #eee;
}
.f-regi_comparison td {
  border-left: 1px #ccc dotted;
}
.f-regi_comparison td img {
  width: 60%;
  padding: 10px 0;
}
.f-regi_comparison tr:first-child td:nth-child(3),
.f-regi_comparison tr:first-child td:nth-child(4),
.f-regi_comparison tr:first-child td:nth-child(5) {
  font-weight: bold;
  font-size: 1.5em;
  background-color: #eee;
}
.f-regi_comparison tr:first-child td:nth-child(2) {
  border-top: 2px #004335 solid;
}
.f-regi_comparison tr:last-child td:nth-child(2) {
  border-bottom: 2px #004335 solid;
}
.f-regi_comparison tr td:nth-child(2) {
  background-color: #e7f3f1;
  border-right: 2px #004335 solid;
  border-left: 2px #004335 solid;
}
.f-regi_comparison tr:first-child td:nth-child(3),
.f-regi_comparison tr:first-child td:nth-child(4),
.f-regi_comparison tr:first-child td:nth-child(5) {
  width: 160px;
}
.f-regi_comparison_point {
  font-size: 1.1em;
  font-weight: bold;
  color: #9a1212;
}
.f-regi_adminlist {
  margin: 0 0 20px 5px;
  padding: 0;
  list-style: none;
  text-align: center;
}
.f-regi_adminlist li {
  margin: 0 10px;
  display: inline-block;
}
.f-regi_mark {
  margin: 0 30px 20px 5px;
  padding: 0;
  list-style: none;
  float: left;
}
.f-regi_mark li {
  margin: 0 10px;
  display: inline-block;
}
.f-regi_mark + p {
  margin: 0 0 0 10px;
}
.f-regi_invalid {
  margin: 30px 0 0 0;
}
.f-regi_invalid h4 {
  font-size: 1.2em;
  font-weight: bold;
  color: #004335;
  text-align: center;
}
.invalidImage {
  width: 90%;
}
.f-regi_invalid p {
  font-size: 0.9em;
}
.f-regi_invalid h5 {
  margin: 0 0 0 15px;
  font-size: 0.9em;
}
.fregi_list {
  margin: 0 0 0 -10px;
  padding: 0;
  overflow: hidden;
  font-weight: bold;
}
.fregi_list li {
  margin: 0 0 10px 10px;
  float: left;
  list-style: none;
}
.fregi_list li a {
  width: 242px;
  display: inline-block;
  padding: 19px 10px 19px 65px;
  font-size: 1em;
  border: 1px solid #afafaf;
  box-sizing: border-box;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 13px 10px;
  background-size: 43px;
  border-radius: 0;
}
.fregi_list li a:hover {
  color: #004335;
  border-color: #004335;
}
.fregi_list_01 a {
  background-image: url(/image/content/service/service_reason_cost.gif);
}
.fregi_list_02 a {
  background-image: url(/image/content/service/service_reason_support.gif);
}
.fregi_list_03 a {
  background-image: url(/image/content/service/service_reason_admin.gif);
}
.fregi_list_04 a {
  background-image: url(/image/content/service/service_reason_invalid.gif);
}
/*inquiry*/

.formbox {
  background-color: #e8f5f7;
  border: 1px solid #83D295;
  margin: 10px auto;
  padding: 10px;
  text-align: center;
}
.formbox + .itemCenter {
  padding: 10px 0 0 0;
}
.iFrameArea {
  background:#FFFFFF;
  height:400px;
  margin:10px 10px 10px 0;
  overflow-x:auto;
  overflow-y:auto;
  padding:10px;
  text-align:left;
}
.iFrameArea.half {
  height: 200px;
}
.iFrameArea h4{
  border-bottom:1px dotted #358c99;
  padding:1px 0 1px 0;
  color:#333333;
  font-size:110%;
}

.iFrameArea strong{
  color:#358c99;
  display:block;
  border-bottom:1px solid #efefef;
  padding:0 0 8px;
  width:100%;
}

.iFrameArea .address{
  border:1px solid #358c99;
  padding:15px 0 0;
}

.iFrameArea.rules {
	overflow: hidden;
}

.download_area{
  text-align: center;
  padding: 4px;
  border: 1px solid #CCCCCC;
  display: block;
  background-color: #EEEEEE;
  margin-bottom: 20px;
}
.download_area:hover{
  background-color: #FFF7B7;
}
.confirm_text{
  background-color:#FFFFFF;
  padding:8px;}

.button-enter {
  padding: 0 26px;
  font-weight: bold;
}
.button-enter:disabled {
  opacity: 0.4;
  cursor:not-allowed; /* 禁止カーソル */
}
.button-enter:enabled:hover {
  opacity: 0.7;
}

a.relatedlink{
  min-width: 150px;
  margin-top: 10px;
  margin-right: 0px;
  margin-left: 0px;
  margin-bottom: 10px!important;
  display: inline-block;
  padding: 10px 20px;
  text-align: center;
  border: 1px solid #004335;
  color: #004335;
  width: auto;
  -webkit-transition: .25s linear;
  -moz-transition: .25s linear;
  -o-transition: .25s linear;
  -ms-transition: .25s linear;
  background-color: #FFFEF0;
}
a:before.relatedlink {
    display: inline-block;
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    margin: 0 auto;
    background-color: #004335;
    transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
}
a:hover.relatedlink{ color: #fff;
background-color:#004335; }
a:hover:before.relatedlink {
    width: 100%;
    background-color: #ffffff;
}

a.outlink{
  background: url(/img/view.gif) no-repeat right center;
  padding-right: 20px;
  display:inline-block;
}

.download_area{
  text-align: center;
  padding: 4px;
  border: 1px solid #CCCCCC;
  display: block;
  background-color: #EEEEEE;
}
.download_area:hover{
  background-color: #FFF7B7;
}

.button-enter {
  font-size:1.4rem;
  color:#fff;
  height:44px;

  padding: 0 26px;
  font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"ＭＳ Ｐゴシック", sans-serif;
  border: none;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  background-color: #00417e;
}
.button-enter:disabled {
  background-color: #cccccc;
  text-shadow: none;
  cursor:not-allowed; /* 禁止カーソル */
}
.button-enter:enabled:hover {
  cursor: pointer;
  background-color: #005EB7;
}

.button-enter-contact {
  margin-bottom: 20px;
  padding: 0 26px;
  border: none;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
}
.button-enter-contact:disabled {
  text-shadow: none;
  opacity:0.7;
  cursor:not-allowed; /* 禁止カーソル */
}
.button-enter-contact:enabled:hover {
  cursor: pointer;
}

.sitemapArray{}

.sitemapArray h2{
	background: #f6f5f1;
    clear: both;
    height: 30px;
    line-height: 30px;
    padding: 4px 0 0 0;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #dddacc;
	border-left: 4px solid #004335;
    padding-left: 10px;
	font-size: 1.0em;
}
.sitemapArray h3{}
.sitemapArray h4{}
.sitemapArray ul{
	margin:0px 0px 0px 0px;
	padding-left: 20px;
}
.sitemapArray li {
  margin: 0 0 10px 0;
  list-style-type: disc;
}
.sitemapArray li a{
	font-weight: normal;}
.sitemapArray li ul {
  margin: 5px 0 0 0;
}
.sitemapArray li ul li {
  margin: 0 0 5px 0;
  font-size: .9rem;
}


/*デビット・プリペイド特長*/
#deb_pri{
}

.pripayd,.debit{
  width: 480px;
  display: inline-block;
  border: solid 1px;
  border-color: #66B0C1;
  margin: 0px auto 20px 15px;
  vertical-align: top;
  padding: 0px 0px 4px 0px;
}
.pripayd p,.debit p{
  margin:10px;
}


h4#debit_h4, h4#pri_h4{
  background: #D1E7EC;
  padding: 5px 0 5px 0px;
  text-align: center;
}

.bloquote_box{
  text-align: center;
  margin: 0 0 30px 0;
  background-color: #f0f0f0;
  overflow: hidden;
}


.holizon_leyout{}
.holizon_leyout .colum3 div{
  /*width:24%;*/
  float: left;
text-align: center;}
.holizon_leyout div{
text-align: center;
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
/*for applepay*/
.topic_box2_left,.topic_box2_middle,.topic_box2_right{
  border: 1px solid #000;
  padding: 0px;
  height: 330px;
  width: 310px!important;
}
.topic_box2_left p,.topic_box2_middle p,.topic_box2_right p{
  margin: 14px 10px;
}
.topic_box2_left{margin-right: 28px;
}
.topic_box2_middle{}
.topic_box2_right{margin-left: 28px;}
.topic_box2_title{margin: 0px 0px 16px 0px;
  padding: 6px 4px 4px 4px;
  background-color: #000;
  color: #fff;
  line-height: 1.5em;
}


.topic_box2_left p:last-child,{
  margin:50px;
}

.topic_box2_left p:last-child,
.topic_box2_middle p:last-child,
.topic_box2_right p:last-child {
	text-align: left;

}
.card{
		text-align: left;
	}



/*for applepay*/
.topic_box_2col{}
.table_black{
  border-collapse: collapse;
  border: 1px solid #000;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  width: 100%;
}
.table_black td{
  border: 1px solid #c0c0c0;
  padding: 4px;
  font-size: 0.85em;
  line-height: 1.3em;
}
.table_black th{
  background-color: #000;
  color: #FFFFFF;
  border: 1px solid #c0c0c0;
  padding-top: 6px;
  padding-right: 4px;
  padding-left: 4px;
  padding-bottom: 4px;
  font-size: 1em;
  line-height: 1.5em;
}
.resetStyle{margin: 0px!important; padding: 0px!important;}

/*楽天ペイ＆PayPay*/
.applepay_main.rakuten {
  padding: 20px 0 0 0;
}
.applepay_mainimage.rakuten img {
  width: 100%;
}
.topic_box2_title.rakuten {
  background-color: #005445;
}
.topic_box2_left.rakuten,
.topic_box2_middle.rakuten,
.topic_box2_right.rakuten {
  height: 350px;
  border-color: #aaa;
}
.topic_box2_left.rakuten div,
.topic_box2_middle.rakuten div,
.topic_box2_right.rakuten div {
  width: 100%;
  margin: 0 0 10px 0;
  display: block;
}
.topic_box2_left.rakuten div + p,
.topic_box2_middle.rakuten div + p,
.topic_box2_right.rakuten div + p {
  text-align: left;
}

/*TLS 1.2 に関するご案内*/
.tls_step {
  margin: 0 0 30px 0;
}
.tls_step li {
  margin: 0 0 15px 0;
}
.tls_step li p {
  margin: 0 0 15px 0;
}
.tls_step li img {
  max-width: 80%;
  padding: 0 0 30px 0;
}
.tls_navi {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}
.tls_navi li {
  flex-basis: 32%;
  max-width: 32%;
  list-style: none;
  padding: 15px 10px;
  color: #333;
  display: block;
  text-decoration: none;
  text-align: center;
  border: 1px #ccc solid;
  border-radius: 10px;
  box-sizing: border-box;
}
.tls_navi li:nth-child(3n+2):last-child {
    margin-left: auto;
    margin-right: 34%;
}
.tls_navi li:hover {
  border-color: #004335;
  color: #004335;
  cursor: pointer;
}
.tls_navi li.tls_active {
  border-color: #004335;
  background-color: #004335;
  color: #fff;
}
.tls_hide {
  display: none;
}
.tls_active {
  display: block;
}
.tls_image {
  width:360px;
  padding: 0 0 20px 20px;
  float:right;
}
.tls_caution b {
  display: inline;
  background: #fff000; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 51%, #fff000 51%, #fff000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(51%,rgba(255, 255, 255, 0)), color-stop(51%,#fff000), color-stop(100%,#fff000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 51%,#fff000 51%,#fff000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#fff000 51%,#fff000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#fff000 51%,#fff000 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 51%,#fff000 51%,#fff000 100%); /* W3C */
}
.applepay_main {
  padding: 20px 0 20px 0;
  overflow: hidden;
}
.applepay_mainimage {
  width: 40%;
  float: left;
  text-align: center;
}
.applepay_maintext {
  width: 60%;
  margin: 60px 0 0 0;
  float: right;
}
.applepay_maintext h1 {
  margin: 0 0 10px 0;
}
.applepay_maintext p {
  margin: 0 0 50px 0;
  font-size: 1.3em;
}
.applepay_content {
  border-top: 1px solid #005445;
  clear: both;
}
.applepay_content_text {
  width: 440px;
  float: left;
}
.applepay_content_flow {
  width: 515px;
  float: right;
}
.applepay_icon img {
  margin: 20px 0px 10px 0px;
}

/*非保持化関連*/
.service_mainblock {
  margin: 0 0px 50px 0px;
}
.service_subblock {
  margin: 0 0px 30px 0px;
}
.main_content_02 p.service_flow_image {
  height: 130px;
  margin: 10px 0;
}
.main_content_02 p.service_flow_text {
  width: 90%;
  margin: 0 auto 10px auto;
  text-align: left;
}
.securityplan_caution {
  font-size: 1.2em;
  padding: 5px 0 0 0;
  color: #A52A2A;
  display: block;
}
.securityplan_point {
  margin: 0 0 20px 0;
  padding: 20px 0;
  background: #f7e9f0;
  text-align: center;
  position: relative;
}
.securityplan_point:after, .securityplan_point:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.securityplan_point:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #f7e9f0;
	border-width: 25px;
	margin-left: -25px;
}
.securityplan_point h4 {
  margin: 0;
}
.securityplan_solution a {
  min-height: 210px;
  border: 3px #005344 solid;
  padding: 10px;
  text-decoration: none;
  display: block;
  position: relative;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #FFFEF0;
}
.securityplan_solution.option a {
  min-height: auto;
  border: 1px #005344 solid;
  background-color: #fff;
  overflow: hidden;
  background-color: #FFFEF0;
}
.securityplan_solution a,
.securityplan_solution a:hover p img {
  transition-duration: 0.25s;
}
.securityplan_solution a::after {
  content: "";
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-bottom: 10px solid #005344;
  border-left: 10px solid transparent;
}
.securityplan_solution a:hover {
  border-color: #fff;
  box-shadow: 0 0 0 4px #005445;
  color: #005344;
    transform: scale(1.05);
}
.securityplan_solution.option a:hover {
  border-color: #005344;
  box-shadow: none;
    transform: none;
}
.securityplan_solution a:hover h4 {
  text-decoration: underline;
}
.securityplan_solution a:hover p img {
}
.securityplan_solution h4 {
  margin: 15px 0 5px 0;
  padding: 0;
  font-size: 1.1em;
  color: #333;
}
.securityplan_solution.option h4 {
  margin: 10px 0 5px 0;
  padding: 0 15px;
}
.securityplan_solution p {
  margin: 0;
  font-size: 0.9em;
}
.securityplan_solution.option p {
  font-size: 0.8em;
}
.content_2col > div.securityplan_solution,
.content_3col > div.securityplan_solution {
  margin: 0 0 10px 0;
  padding: 0;
  border: none;
}
.content_2col > div.securityplan_solution p,
.content_3col > div.securityplan_solution p {
  margin: 0 auto;
  font-weight: normal;
}
.content_2col > div.securityplan_solution.option h4 + p {
  margin: 0 10px;
  float: left;
}
.content_2col > div.securityplan_solution p:last-child,
.content_3col > div.securityplan_solution p:last-child {
  margin: 0 auto 10px auto;
  text-align: left;
}
.content_2col > div.securityplan_solution.option p:last-child,
.content_3col > div.securityplan_solution.option p:last-child {
  margin: 0 auto 5px auto;
}
.content_2col > div.securityplan_solution p:last-child {
  width: 70%;
}
.content_2col > div.securityplan_solution.option p:last-child {
  width: 70%;
  margin: 5px 0 0 0;
  float: left;
}
.content_3col > div.securityplan_solution p:last-child {
  width: 94%;
}
.table02.securityplan_features th {
}
.table02.securityplan_flow th {
  background-color: #eee;
  color: #333;
}
a.relatedlink.securityplan_link {
  padding: 15px 71px;
  font-size: 1.1em;
}

/*銀行法に基づく「電子決済等代行業者」に係る表示*/
.bankingtable01,
.bankingtable02 {
  width: 100%;
}
.bankingtable01 th,
.bankingtable01 td,
.bankingtable02 th,
.bankingtable02 td {
  padding: 8px;
}
.bankingtable01 th,
.bankingtable02 th {
  background-color: #eee;
}
.bankingtable01 th:nth-of-type(1) {
  width: 11rem;
}
.bankingtable01 th:nth-of-type(2) {
  width: 39rem;
}
.bankingtable01 th:nth-of-type(3),
.bankingtable01 td:nth-of-type(3) {
  width: auto;
  text-align: center;
}
.bankingtable02 th:nth-of-type(1),
.bankingtable02 td:nth-of-type(1) {
  width: 5rem;
  text-align: center;
}
.bankingtable02 th:nth-of-type(2) {
  width: auto;
}
.bankingtable02 a {
  display: inline-block;

  margin: 8px 0;
}
.main_content_02 p.banking_text {
  margin-bottom: 5px;
}
.bankinglaw th {
  width: 250px;
  font-size: 0.9em;
  font-weight: normal;
}
.bankingtable02 ol {
  margin: 0;
  padding: 0 0 0 1.5rem;
}
.bankingtable02 ol li {
  margin: 0 0 10px 0;
}

/*キャッシュレス・消費者還元事業*/
.cashless,
.cashless section {
  clear: both;
}
.cashless_mainvisual {
  width: 1000px;
  margin: 0 auto;
  height: 340px;
  background-image: url(/service/img/cashless/cashless_main.jpg);
  background-repeat: no-repeat;
  background-position: right 0;
  background-size: 510px auto;
}
.cashless_mainvisual .inner {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}
.cashless_mainvisual .inner .content {
  padding: 0 0 10px 0;
  position: absolute;
  left: 0;
  top: 30px;
}
.cashless_mainvisual .inner h1 {
  margin: 0 0 5px 0;
  padding: 0 0 0 0.5em;
  border-left: 5px #005546 solid;
  line-height: 1em;
  text-shadow:
  #fff 1px 1px 10px, #fff -1px 1px 10px,
  #fff 1px -1px 10px, #fff -1px -1px 10px;
}
.cashless_mainvisual .inner p {
  margin: 0;
  padding: 0 0 0 1em;
  font-size: 1.42em;
}
.text_period_block {
  margin: 10px 0 0px 22px;
}

.text_period_block_2 {
  margin: 3px 0 0 22px;
}
.cashless_mainvisual .inner p.text_period {
  padding: 0 0 15px 0;
  font-size: 1.1em;
  line-height: 1.3rem;
}
.cashless_mainvisual .inner p.text_period + p.text_small {
  font-size: 0.8em;
  font-weight: normal;
  line-height: 1.2rem;
}
.cashless_mainvisual .inner p.text_period strong {
  color: #b1181e;
  border-bottom: double 3px #b1181e;
}
.cashless_mainvisual .inner p.text_period + p {
  padding: 0;
  font-weight: bold;
  font-size: 1.1em;
}
.cashless_mainvisual .inner .logo {
  width: 70px;
  position: absolute;
  left: 20px;
  bottom: 30px;
}
.cashless_mainvisual .inner .logo img {
  width: 85%;
}
.cashless_mainvisual .inner .text {
  padding: 0;
  position: absolute;
  left: 90px;
  bottom: 33px;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  border-bottom: 2px solid #e35f94;
}
.cashless .service_mainblock {
  margin-bottom: 10px;
}
.cashless h3,
.cashless h4 {
  margin-bottom: 5px;
}
.cashless h1.title01 {
  margin-top: 26px;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.cashless h2.title02 {
  margin-top: 15px;
  margin-bottom: 10px;
}
.main_content_02.cashless p {
  margin-bottom: 10px;
}
.cashless_enter {
  margin: 30px 0 0 0;
  text-align: center;
}
.cashless_enter a:hover {
  opacity: 0.7;
}

.cashless_maintitle {
  padding: 30px 60px;
  text-align: center;
  background-color: #005546;
  position: relative;
  z-index: 2;
}
.cashless_maintitle h2,
.cashless_maintitle p,
.cashless_maintitle a {
  color: #fff !important;
}
.cashless_maintitle h2 {
  margin: 0 0 10px 0;
}
.cashless_maintitle p {
  width: 100%;
  text-align: left;
}
.cashless_topic {
  margin: 30px 0 10px 0;
  font-size: 1.8em;
  text-align: center;
}
.cashless_topic span {
  padding: 0 0 0 0.5em;
  border-left: 5px #005546 solid;
}
.cashless_navi_wrapper {
  height: 44px;
  position: relative;
  z-index: 10;
}
.cashless_navi {
  background-color: #eee;
}
.cashless_navi.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  background-color: #b42860;
  z-index: 100;
}
.cashless_navi.fixed a {
  color: #fff;
}
.cashless_navi.fixed a:hover {
  background-color: #891d48;
}
.cashless_navi ul {
  width: 1000px;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  list-style: none;
}
.cashless_navi ul li a {
  width: 100%;
  padding: 10px;
  display: block;
  text-align: center;
  box-sizing: border-box;
  transition-duration: 0.25s;
}
.cashless_navi ul li a:hover {
  background-color: #ccc;
  text-decoration: none;
}
.main_content_02 ul.cashless_point {
  width: 80%;
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: space-around;
  list-style: none;
}
.cashless_point li {
  width: 28%;
}
.cashless_point li img {
  width: 100%;
}
.cashless section {
  padding-top: 100px;
  margin-top: -100px;
}
.cashless h3.cashless_catch {
  padding: 0 0 30px 0;
  font-size: 1.8em;
  text-align: center;
}
.cashless h3.cashless_catch + p {
  margin: -30px 0 30px 0;
  text-align: center;
}
.cashless h3.cashless_catch + p span {
  color: #b1181e;
  font-weight: bold;
}
.cashless_catch span {
  background: #ffeea9; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 51%, #ffeea9 51%, #ffeea9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(51%,rgba(255, 255, 255, 0)), color-stop(51%,#ffeea9), color-stop(100%,#ffeea9)); /* Chrome,Safari4+ */
}
.cashless_overview {
  width: 90%;
  margin: 0 auto 50px auto;
  border-collapse: collapse;
}
.cashless_overview tr {
}
.cashless_overview th,
.cashless_overview td {
  font-size: 1.2em;
  padding: 8px;
  border-bottom: 1px solid #ccc;
}
.cashless_overview th {
  width: 10rem;
  text-align: left;
  vertical-align: top;
}
.cashless_overview img.cardbrand {
  width: 280px;
  margin: 5px 0 0 0;
}
.cashless_overview ol {
  margin: 0 0 0 1.5rem;
  padding: 0;
}
.cashless_overview ol li {
  margin: 0 0 1rem 0;
}
.cashless .imagewrapper,
.cashless_order .imagewrapper {
  text-align: center;
}
.cashless .imagewrapper img,
.cashless_order .imagewrapper img {
  width: 90%;
}
.cashless .textwrapper,
.cashless_order .textwrapper {
  margin: 0 0 30px 0;
}
.cashless .textwrapper p,
.cashless_order .textwrapper p {
  width: 90%;
  margin: 0 auto 10px auto;
}
.cashless .textwrapper p span,
.cashless_order .textwrapper p span {
  line-height: 1.2rem;
  display: inline-block;
}
.cashless table {
  width: 90%;
  margin: 0 auto 50px auto;
}
.cashless_order {
  margin: 50px 0 30px 0;
  padding: 10px 60px 30px 60px;
  background-color: #F4F4F4;
}
.cashless_order section {
  width: 1000px;
  margin: 0 auto 20px auto;
}
#faq .faq_list dt:hover {
  background-color: #fff;
  cursor: auto;
}
#faq .faq_list dd {
  display: block;
}
.cashless a[target="_blank"]:after {
  content: url(/service/img/cashless/external_w.svg);
}
.cashless_maintitle a[target="_blank"]:after {
  content: url(/service/img/cashless/external_b.svg);
}
.cashless a[target="_blank"]:after,
.cashless_maintitle a[target="_blank"]:after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 0.3rem;
  vertical-align: text-top;
}
#cashless .top_contact_bnr a[target="_blank"]:after {
  display: none;
}
#cashless .main_content_02.cashless {
  min-height: auto;
}
.cashless .black {
  color: #333;
}
.cashless_list {
  width: 90%;
  margin: 0 auto 10px auto;
}
.cashless_list li {
  margin: 0 0 10px 0;
}
.text_period_block .green {
  color: #005546;
}

/*フッター位置調整*/
.main_content_02.cashless {
  min-height: calc(100vh - 219px);
}
_:-ms-lang(x), .main_content_02.cashless {
  min-height: calc(100vh - 243px);
}
@-moz-document url-prefix() {
  .main_content_02.cashless {
    min-height: calc(100vh - 213px);
  }
}

/*コンビニ決済メンテナンスのご案内 /document/201909_conveni.html*/
.table02.convenimente {
  font-size: 0.9rem;
}
.table02.convenimente tr {
  border-bottom: 2px #ccc solid;
}
.table02.convenimente tr:first-child {
  border-bottom: none;
}
.table02.convenimente tr td:nth-child(1) {
  font-size: 0.8rem;
}
.table02.convenimente td p {
  margin: 0 0 5px 0;
}
.table02.convenimente td img {
  display: block;
  margin: 0 auto 8px auto;
}
.table02.convenimente td span {
  vertical-align: middle;
}
.table02.convenimente td.possible {
  font-size: 1rem;
  background-color: #f6fffd;
  color: #1b9882;
  font-weight: bold;
}
.table02.convenimente td:first-child {
  height: 110px;
}
.main_content_02 .table02.convenimente p.convenimente_period {
  margin: 5px 0 0 0;
  padding: 3px 5px !important;
  display: block;
  background-color: #fef0e9;
}
.main_content_02 .table02.convenimente p.convenimente_period span {
  margin-left: 3.15rem;
}
.main_content_02 .table02.convenimente p.convenimente_period+p {
  margin: 5px 0 0 0;
}
.table02.convenimente .convenimente_period b {
  color: #cc1b15;
}

/*F-REGI 加盟店利用規約に定める信用情報機関について*/
.main_content_02.jdm h3,
.main_content_02.jdm h4 {
  margin: 0;
  display: inline-block;
}
.main_content_02.jdm h3 {
  padding: 0 0 .5rem 1.5rem;
  font-size: 1.1rem;
}
.main_content_02.jdm h4 {
  padding: 0 0 .5rem 2rem;
}
.main_content_02.jdm ol {
  list-style: none;
}
.main_content_02.jdm ol h3 + p {
  padding: 0 0 0 1.5rem !important;
}
.main_content_02.jdm ol h4 + p,
.main_content_02.jdm ol.third {
  padding: 0 0 0 2rem !important;
}
.main_content_02.jdm ol.first,
.main_content_02.jdm ol.secont,
.main_content_02.jdm ol.third {
  margin: 0;
  padding: 0;
}
.main_content_02.jdm ol.first {
  counter-reset: li;
}
.main_content_02.jdm ol.second {
  counter-reset: li2;
}
.main_content_02.jdm ol.third {
  margin: 0 0 20px 0;
}
.main_content_02.jdm ol li {
  position: relative;
}
.main_content_02.jdm ol.first > li:before {
  counter-increment: li;
  content: counter(li)". ";
  position: absolute;
  font-size: 1.1rem;
  top: 2px;
}
.main_content_02.jdm ol.second > li:before {
  counter-increment: li2;
  content: "(" counter(li2) ")";
  position: absolute;
  font-size: 1.1rem;
}
.main_content_02.jdm ol.second {
  margin: 0;
  padding: 0 0 0 1.5rem;
}
.main_content_02.jdm ol.third li {
  margin: 0 0 .5rem 0;
  display: flex;
}
.main_content_02.jdm ol.third li span:first-child {
  margin: 0 .2rem 0 0;
}



/*申込案内*/
.medication {
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
}
.subscription {
	max-width: 850px;
	margin: 0 auto;
	padding: 20px;
}
.medication h1,
.subscription h1 {
  margin: 0 0 10px 0;
  color: #004335;
  font-size: 1.2rem;
}
.medication h2,
.subscription h2 {
  margin: 0 0 3px 0;
  font-size: 1rem;
}
.subscription h2 {
  position: relative;
  display: inline;
  background: #ffeea9; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 51%, #ffeea9 51%, #ffeea9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 0)), color-stop(51%,rgba(255, 255, 255, 0)), color-stop(51%,#ffeea9), color-stop(100%,#ffeea9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 51%,#ffeea9 51%,#ffeea9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#ffeea9 51%,#ffeea9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 51%,#ffeea9 51%,#ffeea9 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 51%,#ffeea9 51%,#ffeea9 100%); /* W3C */
}
.subscription h3 {
  margin: 0 0 5px 0;
  font-size: 1rem;
  color: #005445;
}
.subscription h2 + p,
.subscription h2 + h3 {
  margin: 5px 0;
}
.subscription h2.topic {
  margin: 15px 0 5px 0;
  padding: 0;
  background: none;
  display: block;
  color: #005445;
  font-size: 1.1rem;
}
.subscription p {
  margin: 0 0 10px 0;
}
.medication ul,
.subscription ul {
  margin: 0 0 10px 25px;
  padding: 0;
  font-size: .9rem;
}
.subscription dl {
  margin: 0 0 10px 0;
  display: flex;
  flex-wrap: wrap;
}
.subscription dt {
  width: 5rem;
  margin: 0 0 0 5px;
  padding: .2rem 0 .1rem .5rem;
  border-left: 2px solid #005445;
  color: #005445;
  line-height: 1.2rem;
  font-weight: bold;
}
.subscription dd {
  width: calc(100% - 5rem);
  margin: 0 0 15px 5px;
  padding: 0 0 0 .5rem;
  border-left: 2px solid #005445;
}
.subscription table {
  margin: 0;
}
.subscription table.table02 td {
  margin: 30px 0 0 0;
  font-size: .8rem;
}
.subscription table.table02 td ul {
  margin-bottom: 0;
}
.subscription table.table02 td ul li {
  font-size: .8rem;
}
.subscription table td.no {
  font-size: 1.1rem;
  text-align: center;
}
.subscription table td.bg {
    background-color:  #f1f1f1;
}
.subscription table .border {
    border-bottom: 3px double #bbb;
}
.subscription table tr:first-child th:nth-child(1) {
  width: 2rem;
}
.subscription table tr:first-child th:nth-child(2) {
  width: 30rem;
}
/* Edge(EdgeHTML) */
_:-ms-lang(x)::backdrop, .subscription table tr:first-child th:nth-child(2) {
  width: auto;
}
.subscription table tr:first-child th:nth-child(3) {
  width: auto;
}
.subscription .asterisk {
  margin: 0;
  padding-left: 1em;
  text-indent:-1em;
  display: block;
  line-height: 1.3em;
}

/*承認画面システム*/
.auth_tablet .relatedlink,
.auth_moto .relatedlink {
  width: 19rem;
  margin: -5px 0 0 0;
}
.auth_tablet img,
.auth_moto img {
  height: 200px;
}
.auth_tablet img:hover,
.auth_moto img:hover {
  opacity: .6;
}

/*各種ロゴマークのダウンロード*/
.main_content_02.logo_download {
  min-height: calc(100vh - 220px);
}
/* Firefox */
_:lang(x)::-moz-placeholder, .main_content_02.logo_download {
  min-height: calc(100vh - 215px);
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .main_content_02.logo_download {
  min-height: calc(100vh - 223px);
}

.main_content_02.logo_download h2.title02 {
  margin: 0 0 20px 0;
}
.main_content_02.logo_download .group {
  width: 48%;
  margin: 0 10px 0 0;
}
.main_content_02.logo_download .group:nth-child(odd) {
  float: right;
}
.main_content_02.logo_download .group:nth-child(even) {
  float: left;
}
.main_content_02.logo_download .service_subblock {
  overflow: hidden;
}
.main_content_02.logo_download .logolist {
  margin: 0 0 10px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.main_content_02.logo_download h3 {
  margin: 0 0 5px 0;
  padding: 0 .5rem;
  background-color: #eee;
  box-sizing: border-box;
}
.service_subblock .logolist:last-of-type {
  margin: 0;
}
.main_content_02.logo_download .logolist li {
  margin: 0 10px 10px 0;
  padding: 5px;
  list-style: none;
  text-align: center;
  border: 2px #ccc solid;
}
.main_content_02.logo_download .logolist li:last-child {
  margin: 0 0 10px 0;
}
.main_content_02.logo_download .logolist img {
	object-fit: contain;
  vertical-align: bottom;
}
.main_content_02.logo_download .logolist li,
.main_content_02.logo_download .logolist img {
  transition-duration: .3s;
}
.main_content_02.logo_download .logolist.set img {
  height: 40px;
}
.main_content_02.logo_download .logolist.one img {
  width: 59px;
  height: 40px;
}
.main_content_02.logo_download .logolist.card img {
  width: 59px;
  height: 40px;
}
.main_content_02.logo_download .logolist.conveni img {
  width: 110px;
  height: 40px;
}
.main_content_02.logo_download .logolist li:hover {
  border-color: #03A9F4;
}
.main_content_02.logo_download .logolist li:hover img {
  opacity: .5;
}
#logo_download #preview {
  max-width: 500px;
	position:absolute;
	border:1px solid #ccc;
	background:#fff;
	padding:5px;
	display:none;
	color:#fff;
	}
#logo_download #preview img {
  width: 100%;
}
#logo_download .service_mainblock {
  margin: 0 0px 30px 0px;
}

/*クレジットカード会社別 締め日・支払日（引き落とし日）のご案内*/
.credit_payment h2 {
  margin: 20px 0 5px 0;
  padding: 3px 10px;
  font-size: 1.1rem;
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .credit_payment h2 {
  padding: 10px 10px 3px 10px;
  vertical-align: 1.3rem;
}
/* Firefox */
_:lang(x)::-moz-placeholder, .credit_payment h2 {
  padding: 5px 10px 5px 10px;
  vertical-align: 1.3rem;
}
.credit_payment h2.bank {
  border-left: #009688 5px solid;
  background-color: #e4f5f3;
}
.credit_payment h2.credit {
  border-left: #FF9800 5px solid;
  background-color: #fbefde;
}
.credit_payment h2.distribution {
  border-left: #2196F3 5px solid;
  background-color: #e7f8ff;
}
.credit_payment h2.other {
  border-left: #E91E63 5px solid;
  background-color: #ffebeb;
}
.table01.credit_payment_table {
  width: 100%;
}
.table01.credit_payment_table th {
  padding: 10px;
  background-color: #216aa5;
  color: #fff;
}
.table01.credit_payment_table b {
  display: block;
  color: #890000;
}
td.credit_payment img {
  width: 80px;
  height: 40px;
  padding: 5px 10px;
  object-fit: contain;
  vertical-align: middle;
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, td.credit_payment span {
  width: 100px;
  display: inline-block;
  text-align: center;
}
_:-ms-lang(x)::-ms-backdrop, td.credit_payment img {
  width: auto;
  height: auto;
  max-width: 80px;
  max-height: 40px;
}
td.credit_payment a {
  display: inline-block;
  font-size: .8rem;
  vertical-align: middle;
}
.credit_payment_list {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
}
.credit_payment_list li {
  padding: 10px;
  background-color: #216aa5;
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  box-sizing: border-box;
}
.credit_payment_list li:nth-child(n + 1),
.credit_payment_table tr td:nth-child(n + 1) {
  width: 40%;
}
.credit_payment_list li:nth-child(n + 2),
.credit_payment_list li:nth-child(n + 3),
.credit_payment_table tr td:nth-child(n + 2),
.credit_payment_table tr td:nth-child(n + 3) {
  width: 30%;
}
.credit_payment_list.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  z-index: 100;
}

/*F-REGI オプション決済 お申込み*/
.appli_block {
  margin: 0 0 30px 0;
}