/*--------------------*
 *  reset settings
 *--------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-family: Source Han Sans JP;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  box-sizing: border-box;
}

a, a:visited, a:hover, a:active {
  color: #4c4a40;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.4rem;
  color: #4c4a40;
}

.wrapper {
  position: relative;
}

.cocoloni {
  background: #fff;
  padding: .3em;
  text-align: center;
}

.header {
  background: #8acd01;
}

.header__title {
  font-size: 16px;
  color: #fff;
  padding: 16px 0;
  text-align: center;
}

.footer {
  background: #8acd01;
}

.copy {
  font-size: 1rem;
  color: #fff;
  padding: 1em;
  text-align: center;
}

.main {
  padding: 2em 1.2em 5em;
}

.section .section {
  margin-top: 24px;
}

.text {
  line-height: 1.4;
  margin: 1em 0;
}

.text__strong {
  color: #FF5757;
  font-weight: bold;
}

.text__small {
  font-size: 1.2rem;
  display: block;
  margin-top: .4em;
}

.textCenter {
  text-align: center;
}

.textRight {
  text-align: right;
}

.subhead {
  font-size: 1.6rem;
  font-weight: bold;
  color: #8acd01;
  margin: 24px;
  text-align: center;
}

.btnBlock {
  margin: 32px 16px;
}

h2.subhead {
  margin-bottom: 16px;
}

.btn {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #e1e1e1), color-stop(0, #fff));
  background: -webkit-linear-gradient(#fff, #e1e1e1);
  background: linear-gradient(#fff, #e1e1e1);
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  color: #4c4a40;
  display: block;
  margin: 8px auto 0;
  padding: .8em;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100%;
  font-size: 100%;
}

input.btn {
  padding: .5em;
}

.btn .btn {
  /*  margin-top: 8px; */
}

.carrierLogo {
  display: block;
  margin: auto;
  width: 140px;
}

.asideLink {
  border-bottom: 1px solid #000;
  color: #000;
  display: inline-block;
  line-height: 1.2;
  text-decoration: none;
}

.list {
  list-style: none;
  margin: 0 16px;
  padding: 0;
}

.list__item {
  border: 1px solid #e1e1e1;
  border-radius: 5px;
}

.list__item .list__item {
  margin-top: 8px;
}

.list__target {
  color: #4c4a40;
  display: block;
  padding: 1em 1.6em 1em 1em;
  position: relative;
  text-decoration: none;
}

.list__target::after {
  border-right: 1px solid #4c4a40;
  border-top: 1px solid #4c4a40;
  bottom: 0;
  content: "";
  height: 6px;
  margin: auto;
  position: absolute;
  right: .8em;
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}

.form__group {
  margin: 12px 0;
}

.form__label {
  font-size: 1.2rem;
  display: block;
  margin-bottom: 10px;
}

.form__label__required {
  font-size: 1rem;
  background: #FF5757;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  text-align: center;
}

.form__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: block;
  padding: 10px;
  resize: vertical;
  width: 100%;
}

.form__item.error {
  background: #ffd4da;
}

.form select {
  background-image: url("https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fwebsmart.ajapa.jp%2Fweb_image%3Furl%3D81ad21b8cf8af24e3f35b8b927eb400b06f1250cf53ac394f73c59a071c3b64dce1a4027eb9327ec4e5bbd1f9fec876288d07a52323da1e732059a84ae6a07ca27cb2a594217d516ae526f296c9fa95e8e15ec6c7ad85870cd14c6e641cddec3c65b00174a63a00ce06a09c78c839cfcecc623f970ce0e9cdc64ad6a8e1b97f70675976a895a0269e588d9c462d11d8c028394761ecd07507891c6722ef4c69d37fb4a69fd4bee494bc4c94f061b85ac0287f895e9e602ad259d7b57fe015e90c8556120d052f475e5445ec25b6518c534abd6b64db36f90dcf56c96997ac379ed6905f3ff760d1f35cb1ec53bc78bc4c81dad5dd16e58421841f6171ee337d5ed561c1864330b616268f8d157e39012e8688cfff354f10e1e9aae774da8d192c015092c1d89a7f41e9aae774da8d192c015092c1d89a7f41e9aae774da8d192c015092c1d89a7f41e9aae774da8d1920cba7ac1598f4e83d9459034ba9bbfddba837f80d421fa308ba77a7076cd8f2b3fdf0faf8202d6b462e3abfd62f34a61802122c5916f5c1262e3abfd62f34a61802122c5916f5c1262e3abfd62f34a611f506573b4a905de9a0bae71a64aad4ff410ce2c51cd139f9b991cb04c5e2c9e002be45f785089b3fea88a3b8dfbecf0ddfcdeffe6714c5a62e3abfd62f34a61802122c5916f5c1262e3abfd62f34a61802122c5916f5c1262e3abfd62f34a61802122c5916f5c1262e3abfd62f34a61802122c5916f5c1262e3abfd62f34a61802122c5916f5c1262e3abfd62f34a61802122c5916f5c1262e3abfd62f34a61802122c5916f5c1262e3abfd62f34a61802122c5916f5c1262e3abfd62f34a61df76b6260fc3c118d0ecefa9a6e8197b35a2a3fa46ef97caffd0198201080c747e8036883f844300738b2f5b4515c68afcddf799fe0b970045611b5151af7bf5169681f22c34967dcb2ef9ce8bc70bd87af1c03e4324413dd244764d0f38911d963334df5b1e1efa9ff9144d1e7ba5a6e0ff1bdfd81b4e5e37775dafacc0baad9c5bb30a0ea188f2853583035fdb612d94287cd1ba87d89bad9a63fa57b7a15a8966817a5903a6dfc28f4f7f0cc4158200d8a2ae4751dd7552813993e228f15f50ef2f0820847fe1baf3fd196e3d8e5e407592476703c4ff7886775a3c96ea4626da1b937f2eb6088637c9f7028b00bfc41a52b69b65544ca716ed79f107319d0ad5b257eebd5c74ec49aa5d0f930cff8b5f498e720bc0189ff9144d1e7ba5a65daa90e1a2408fa19ff9144d1e7ba5a6543cef73d5df64d55b73bb00ed3f139e219b60a3fd411f53614967114465958c37cc4370c8a460619ff9144d1e7ba5a6647c325e0ab34e5fcbbdfad0dd4be98716f667ef255741f6f48ac8134feda57b3803dd29383522b990d74859e21428541a235af2c52ead3e13d174a6ade99fdecd79032c4282f29c96b4d46d2ae708cfb514a8603b3a17147ba692455c95d5e38fecd018aa05b55ed3e24aeffc25022c7af5d037716f3433fbfbb378519b7c8761f30bb9d099bb196a53a486d961625c87dbc4b704d8b3eefa34fb0488fee1383040f17e946878bc793ac6929fe3583f48fdae435dc9875dcda382651fb2d27ba137e2a88e360d1babed48edd169a38e720ef1bee29a2a0187d79d44a80753b93534e447086931591b0eca284d8cd81b366d09e6ca46bd450c81e6334019277344cbdc7aca96cd7e8030920b72bdb7449d39bfe6b2f7aea9e611c8dd4e6a65f6b2bb9b71b2b66a9753f006b6c5947fa4989cdb040373e604a4c700c7519d87d976ff27e9f21f646bea21aa4009625cf61cdda45f69b99f6d8678aab857ca2fb89304ef0138f2698c3bce1aa57346d98b68db47c690f0c46c61d572f5b04e5bc2ebb70253a0edc4329fd925f192a2ae653152265d4e9696e07317e9b970432d4cfb79c09d0aebc94b18fbef701c19b14188c498c22d85dafd4e193c58b3b809b5dde505c2d7ec23714e95e2b887685e163fbd494eaefd4d9c9c946e311aa287c534501a885224be5e8ce19a6d0dfb5f60acea7b7beb89d4cb4f39e60213bce774f65144a39333ad06230b6ac2af5e85eb4852052afa4c068e4b79dd609f3e4de70e2c10d75d5c6634e02347afd2cd1fe58d6c4955c15f2ae633ab6750eb5d8fb98dd9d2f28e5fc12e1990b19c656539d2d8608a47d3f5bb1c987e7a5f87a1b5454425c99b33f30c4d3750376d0d276f0fb429672c1fffacdb63d6490275e5c8a92ea130b3db1a05687311045148b860356810a2d5bf8ed069ab83e6345ddefd65bdf624338ea76c8df8ca1c29d9a4563581b6e1c6d3ec4ee83a5cc4022ac3ed610eb261656a40762236ceef600ec5eaf98d0d3a541ed23b4245059211f0e7cdcb96455b1f95aed4f6f2105d5ddd8ec1256ded76970bde7537ba8ba5b1d51b0027b411baed7eea4d95cf442764b4b8480c1972474ef15971f493eb2c481087075bbc48cbf4c6f8dd0f5eade70f49067b07114ff2297b434ff4c0e07eb4b47477950449f2caa82c7db272d59cb6fd0886f81111271529949a63e0ac7cc2cc90315c4f4a2c5963b0e72c77cd3f08c0900d3df30132b5f63ef81f1d208017db39f40b58a814099a4c03d6691df911c1349699%2526decrypt%253D1%26decrypt%3D1");
  background-position: right 0 top 50%;
  background-repeat: no-repeat;
}

.error:not(.form__item) {
  font-size: 1.2rem;
  background: #ffd4da;
  border: 1px solid #FF5757;
  border-radius: 5px;
  color: #FF5757;
  display: block;
  margin-top: 8px;
  padding: 4px 8px;
}

.table {
  max-width: 100%;
  width: 100%;
}

.table__tr:nth-child(odd) {
  background: #E5FFCB;
}

.table__td {
  border: 1px solid  #A2E65C;
  padding: 12px 8px;
}

.header img {
  width: 100%;
}

.header {
  /*  background-color:transparent !important; */
}

.inputtext {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #4c4a40;
  display: block;
  margin: 8px auto 0;
  padding: .8em;
  position: relative;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.mb10 {
  margin-bottom: 10px;
}

.mail_mag {
  padding: 6px;
}

.mail_mag input[type=radio],
.mail_mag input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;
}

.mail_mag input[type=radio] + label,
.mail_mag input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}

@media (min-width: 1px) {
  .mail_mag input[type=radio],
  .mail_mag input[type=checkbox] {
    display: none;
    margin: 0;
  }
  .mail_mag input[type=radio] + label,
  .mail_mag input[type=checkbox] + label {
    padding: 0 0 0 24px;
  }
  .mail_mag input[type=radio] + label::before,
  .mail_mag input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
  }
  .mail_mag input[type=radio] + label::before {
    border: 2px solid #ccc;
    border-radius: 30px;
  }
  .mail_mag input[type=checkbox] + label::before {
    border: 2px solid #ccc;
  }
  .mail_mag input[type=radio]:checked + label::after,
  .mail_mag input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    box-sizing: border-box;
    display: block;
  }
  .mail_mag input[type=radio]:checked + label::after {
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #E71063;
    border-radius: 8px;
  }
  .mail_mag input[type=checkbox]:checked + label::after {
    left: 3px;
    width: 16px;
    height: 8px;
    margin-top: -8px;
    border-left: 3px solid #E71063;
    border-bottom: 3px solid #E71063;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

.btn-facebook {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2b4b90;
  *background-color: #133783;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
  background-image: -webkit-linear-gradient(top, #3b5998, #133783);
  background-image: linear-gradient(to bottom, #3b5998, #133783);
  background-repeat: repeat-x;
  border-color: #133783 #133783 #091b40;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
  color: #ffffff;
  background-color: #133783;
  *background-color: #102e6d;
}

.btn-facebook:active,
.btn-facebook.active {
  background-color: #0d2456 \9;
}

.btn-twitter {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1c95d0;
  *background-color: #0271bf;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf));
  background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
  background-image: linear-gradient(to bottom, #2daddc, #0271bf);
  background-repeat: repeat-x;
  border-color: #0271bf #0271bf #014473;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
  color: #ffffff;
  background-color: #0271bf;
  *background-color: #0262a6;
}

.btn-twitter:active,
.btn-twitter.active {
  background-color: #01538d \9;
}

.btn-github {
  color: #000000;
  text-shadow: 0 0.7px 0 rgba(0, 0, 0, 0.1);
  background-color: #f2f2f2;
  *background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #c0c0c0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.btn-github.disabled,
.btn-github[disabled] {
  color: #000000;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn-github:active,
.btn-github.active {
  background-color: #cdcdcd \9;
}

.btn-pinterest {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c51e25;
  *background-color: #ab171e;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d62229), to(#ab171e));
  background-image: -webkit-linear-gradient(top, #d62229, #ab171e);
  background-image: linear-gradient(to bottom, #d62229, #ab171e);
  background-repeat: repeat-x;
  border-color: #ab171e #ab171e #680e12;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd62229', endColorstr='#ffab171e', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.btn-pinterest.disabled,
.btn-pinterest[disabled] {
  color: #ffffff;
  background-color: #ab171e;
  *background-color: #95141a;
}

.btn-pinterest:active,
.btn-pinterest.active {
  background-color: #7e1116 \9;
}

.btn-linkedin {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #60a9ce;
  *background-color: #4393bb;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb));
  background-image: -webkit-linear-gradient(top, #73b8db, #4393bb);
  background-image: linear-gradient(to bottom, #73b8db, #4393bb);
  background-repeat: repeat-x;
  border-color: #4393bb #4393bb #2f6783;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.btn-linkedin.disabled,
.btn-linkedin[disabled] {
  color: #ffffff;
  background-color: #4393bb;
  *background-color: #3c84a8;
}

.btn-linkedin:active,
.btn-linkedin.active {
  background-color: #367595 \9;
}

.btn-google-plus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d34332;
  *background-color: #c53727;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
  background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
  background-image: linear-gradient(to bottom, #dd4b39, #c53727);
  background-repeat: repeat-x;
  border-color: #c53727 #c53727 #85251a;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.btn-google-plus.disabled,
.btn-google-plus[disabled] {
  color: #ffffff;
  background-color: #c53727;
  *background-color: #b03123;
}

.btn-google-plus:active,
.btn-google-plus.active {
  background-color: #9a2b1f \9;
}

.btn-instagram {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5c88ab;
  *background-color: #3f729b;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f97b6), to(#3f729b));
  background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
  background-image: linear-gradient(to bottom, #6f97b6, #3f729b);
  background-repeat: repeat-x;
  border-color: #3f729b #3f729b #294a65;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.btn-instagram.disabled,
.btn-instagram[disabled] {
  color: #ffffff;
  background-color: #3f729b;
  *background-color: #386589;
}

.btn-instagram:active,
.btn-instagram.active {
  background-color: #305777 \9;
}

.btn-dropbox {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2e95e0;
  *background-color: #2181cf;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#37a3eb), to(#2181cf));
  background-image: -webkit-linear-gradient(top, #37a3eb, #2181cf);
  background-image: linear-gradient(to bottom, #37a3eb, #2181cf);
  background-repeat: repeat-x;
  border-color: #2181cf #2181cf #16588d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff37a3eb', endColorstr='#ff2181cf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.btn-dropbox.disabled,
.btn-dropbox[disabled] {
  color: #ffffff;
  background-color: #2181cf;
  *background-color: #1d73b9;
}

.btn-dropbox:active,
.btn-dropbox.active {
  background-color: #1a66a3 \9;
}

.btn-bitbucket {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #285991;
  *background-color: #205081;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d5f9c), to(#205081));
  background-image: -webkit-linear-gradient(top, #2d5f9c, #205081);
  background-image: linear-gradient(to bottom, #2d5f9c, #205081);
  background-repeat: repeat-x;
  border-color: #205081 #205081 #112a44;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2d5f9c', endColorstr='#ff205081', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.btn-bitbucket.disabled,
.btn-bitbucket[disabled] {
  color: #ffffff;
  background-color: #205081;
  *background-color: #1b436d;
}

.btn-bitbucket:active,
.btn-bitbucket.active {
  background-color: #163758 \9;
}

.btn-dribbble {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #de447f;
  *background-color: #cb396f;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea4c89), to(#cb396f));
  background-image: -webkit-linear-gradient(top, #ea4c89, #cb396f);
  background-image: linear-gradient(to bottom, #ea4c89, #cb396f);
  background-repeat: repeat-x;
  border-color: #cb396f #cb396f #91264e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea4c89', endColorstr='#ffcb396f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.btn-dribbble.disabled,
.btn-dribbble[disabled] {
  color: #ffffff;
  background-color: #cb396f;
  *background-color: #ba3163;
}

.btn-dribbble:active,
.btn-dribbble.active {
  background-color: #a62b59 \9;
}

.btn-flickr {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f63198;
  *background-color: #ff0084;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f051a5), to(#ff0084));
  background-image: -webkit-linear-gradient(top, #f051a5, #ff0084);
  background-image: linear-gradient(to bottom, #f051a5, #ff0084);
  background-repeat: repeat-x;
  border-color: #ff0084 #ff0084 #b3005c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff051a5', endColorstr='#ffff0084', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.btn-flickr.disabled,
.btn-flickr[disabled] {
  color: #ffffff;
  background-color: #ff0084;
  *background-color: #e60077;
}

.btn-flickr:active,
.btn-flickr.active {
  background-color: #cc006a \9;
}

.btn-foursquare {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #079dcd;
  *background-color: #0072b1;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cbadf), to(#0072b1));
  background-image: -webkit-linear-gradient(top, #0cbadf, #0072b1);
  background-image: linear-gradient(to bottom, #0cbadf, #0072b1);
  background-repeat: repeat-x;
  border-color: #0072b1 #0072b1 #004165;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0cbadf', endColorstr='#ff0072b1', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.btn-foursquare.disabled,
.btn-foursquare[disabled] {
  color: #ffffff;
  background-color: #0072b1;
  *background-color: #006298;
}

.btn-foursquare:active,
.btn-foursquare.active {
  background-color: #00517e \9;
}

.btn-renren {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3773ab;
  *background-color: #33669a;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#397cb6), to(#33669a));
  background-image: -webkit-linear-gradient(top, #397cb6, #33669a);
  background-image: linear-gradient(to bottom, #397cb6, #33669a);
  background-repeat: repeat-x;
  border-color: #33669a #33669a #204061;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff397cb6', endColorstr='#ff33669a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-renren:hover,
.btn-renren:focus,
.btn-renren:active,
.btn-renren.active,
.btn-renren.disabled,
.btn-renren[disabled] {
  color: #ffffff;
  background-color: #33669a;
  *background-color: #2d5987;
}

.btn-renren:active,
.btn-renren.active {
  background-color: #264d74 \9;
}

.btn-skype {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #43bbe8;
  *background-color: #00aff0;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70c3e2), to(#00aff0));
  background-image: -webkit-linear-gradient(top, #70c3e2, #00aff0);
  background-image: linear-gradient(to bottom, #70c3e2, #00aff0);
  background-repeat: repeat-x;
  border-color: #00aff0 #00aff0 #0077a3;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff70c3e2', endColorstr='#ff00aff0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-skype:hover,
.btn-skype:focus,
.btn-skype:active,
.btn-skype.active,
.btn-skype.disabled,
.btn-skype[disabled] {
  color: #ffffff;
  background-color: #00aff0;
  *background-color: #009cd7;
}

.btn-skype:active,
.btn-skype.active {
  background-color: #008abd \9;
}

.btn-stackexchange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3a70b0;
  *background-color: #185397;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5184c1), to(#185397));
  background-image: -webkit-linear-gradient(top, #5184c1, #185397);
  background-image: linear-gradient(to bottom, #5184c1, #185397);
  background-repeat: repeat-x;
  border-color: #185397 #185397 #0e2f55;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5184c1', endColorstr='#ff185397', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-stackexchange:hover,
.btn-stackexchange:focus,
.btn-stackexchange:active,
.btn-stackexchange.active,
.btn-stackexchange.disabled,
.btn-stackexchange[disabled] {
  color: #ffffff;
  background-color: #185397;
  *background-color: #154781;
}

.btn-stackexchange:active,
.btn-stackexchange.active {
  background-color: #113b6b \9;
}

.btn-trello {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #438ab4;
  *background-color: #27709b;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#569cc4), to(#27709b));
  background-image: -webkit-linear-gradient(top, #569cc4, #27709b);
  background-image: linear-gradient(to bottom, #569cc4, #27709b);
  background-repeat: repeat-x;
  border-color: #27709b #27709b #18445e;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff569cc4', endColorstr='#ff27709b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-trello:hover,
.btn-trello:focus,
.btn-trello:active,
.btn-trello.active,
.btn-trello.disabled,
.btn-trello[disabled] {
  color: #ffffff;
  background-color: #27709b;
  *background-color: #226187;
}

.btn-trello:active,
.btn-trello.active {
  background-color: #1d5372 \9;
}

.btn-tumblr {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #34526e;
  *background-color: #2a4763;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a5976), to(#2a4763));
  background-image: -webkit-linear-gradient(top, #3a5976, #2a4763);
  background-image: linear-gradient(to bottom, #3a5976, #2a4763);
  background-repeat: repeat-x;
  border-color: #2a4763 #2a4763 #13202d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3a5976', endColorstr='#ff2a4763', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.btn-tumblr.disabled,
.btn-tumblr[disabled] {
  color: #ffffff;
  background-color: #2a4763;
  *background-color: #223a51;
}

.btn-tumblr:active,
.btn-tumblr.active {
  background-color: #1b2d3f \9;
}

.btn-vk {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #50739a;
  *background-color: #426187;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a7fa6), to(#426187));
  background-image: -webkit-linear-gradient(top, #5a7fa6, #426187);
  background-image: linear-gradient(to bottom, #5a7fa6, #426187);
  background-repeat: repeat-x;
  border-color: #426187 #426187 #293c54;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5a7fa6', endColorstr='#ff426187', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.btn-vk.disabled,
.btn-vk[disabled] {
  color: #ffffff;
  background-color: #426187;
  *background-color: #3a5576;
}

.btn-vk:active,
.btn-vk.active {
  background-color: #314865 \9;
}

.btn-weibo {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f14f4f;
  *background-color: #e64141;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f85959), to(#e64141));
  background-image: -webkit-linear-gradient(top, #f85959, #e64141);
  background-image: linear-gradient(to bottom, #f85959, #e64141);
  background-repeat: repeat-x;
  border-color: #e64141 #e64141 #c11919;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff85959', endColorstr='#ffe64141', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-weibo:hover,
.btn-weibo:focus,
.btn-weibo:active,
.btn-weibo.active,
.btn-weibo.disabled,
.btn-weibo[disabled] {
  color: #ffffff;
  background-color: #e64141;
  *background-color: #e32a2a;
}

.btn-weibo:active,
.btn-weibo.active {
  background-color: #d81c1c \9;
}

.btn-xing {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #155c5d;
  *background-color: #074c4d;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1f6768), to(#074c4d));
  background-image: -webkit-linear-gradient(top, #1f6768, #074c4d);
  background-image: linear-gradient(to bottom, #1f6768, #074c4d);
  background-repeat: repeat-x;
  border-color: #074c4d #074c4d #010707;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1f6768', endColorstr='#ff074c4d', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-xing:hover,
.btn-xing:focus,
.btn-xing:active,
.btn-xing.active,
.btn-xing.disabled,
.btn-xing[disabled] {
  color: #ffffff;
  background-color: #074c4d;
  *background-color: #053536;
}

.btn-xing:active,
.btn-xing.active {
  background-color: #031e1e \9;
}

.btn-youtube {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #a72121;
  *background-color: #6e0610;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd332d), to(#6e0610));
  background-image: -webkit-linear-gradient(top, #cd332d, #6e0610);
  background-image: linear-gradient(to bottom, #cd332d, #6e0610);
  background-repeat: repeat-x;
  border-color: #6e0610 #6e0610 #250205;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcd332d', endColorstr='#ff6e0610', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.btn-youtube.disabled,
.btn-youtube[disabled] {
  color: #ffffff;
  background-color: #6e0610;
  *background-color: #56050c;
}

.btn-youtube:active,
.btn-youtube.active {
  background-color: #3e0309 \9;
}

p.cardBland {
  width: 190px;
  margin: 0 auto;
}

p.cardBland img {
  vertical-align: middle;
}

.main {
  max-width: 640px;
  margin: 0 auto;
}

button:hover {
  cursor: pointer;
}

li {
  list-style-type: none;
}

.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}

.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  /*  padding: 0 40px 0 20px; */
  background-color: #bbb;
  box-sizing: border-box;
  font-size: 0.8em;
}

.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -6px;
  display: block;
  content: '';
  background-color: #bbb;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}

.stepBar .step:after {
  top: 0;
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}

.stepBar .step:before {
  bottom: 0;
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}

.stepBar .step:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}

.stepBar .step:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: url("https://websmart.zappallas.com/web_image?url=http://webpayment.smart-srv/image?id=11281") no-repeat right center;
}

.stepBar .step:last-child.current {
  color: #FFF;
  background: url("https://websmart.zappallas.com/web_image?url=http://webpayment.smart-srv/image?id=11284 ") no-repeat right center;
}

.stepBar .step.current {
  color: #FFF;
  background-color: #A2E65C;
}

.stepBar .step.current:before, .stepBar .step.current:after {
  background-color: #A2E65C;
}

.stepBar.step2 .step {
  width: 50%;
}

.stepBar.step3 .step {
  width: 33.333%;
}

.stepBar.step4 .step {
  width: 25%;
  height: 40px;
}

.stepBar.step5 .step {
  width: 20%;
}

.stepBar img {
  top: -6px;
  position: relative;
  left: -4px;
  z-index: 2;
}

.billingtitle1 {
  font-size: 1.6rem;
  margin-bottom: 20px;
  padding: 0px 10px;
  font-weight: bold;
}

.billingtitle2 {
  font-size: 1.6rem;
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 0px 10px;
  font-weight: bold;
}

p.textCenter {
  font-size: 1.6rem;
  margin-bottom: 30px;
  margin-top: 30px;
}

.hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: #bbbbbb;
  text-align: center;
  height: 1.5em;
  margin: 50px 5px;
}

.hr-text:before {
  content: '';
  background: -webkit-linear-gradient(left, #e2e2e2, #e2e2e2, #e2e2e2);
  background: linear-gradient(to right, #e2e2e2, #e2e2e2, #e2e2e2);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 3px;
}

.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;
  padding: 0 .5em;
  line-height: 1.5em;
  font-weight: bold;
  color: #bbbbbb;
  font-size: 1.6rem;
  background-color: #fcfcfa;
}

.billingtitle2 span {
  display: block;
  font-size: 12px;
  padding: 10px 0px 0px 0px;
  color: #90bf2f;
}

/* 20170327 */
.section {
  background-color: #f2f3f4;
  padding-bottom: 1px;
  line-height: 1.6;
}

.section div.hr {
  position: relative;
  text-align: center;
}

.section div.hr span {
  color: #939393;
  background-color: #f2f3f4;
  z-index: 2;
  position: relative;
  display: inline-block;
  padding: 0 10px;
  font-size: 12px;
}

.section div.hr:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #939393;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}

.header {
  background: #88cf00;
}

.footer {
  background: #88cf00;
}

.logo {
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  background-repeat: no-repeat;
  background-size: 75px 12px;
  background-position: 50% 43%;
  width: 82px;
  height: 25px;
  margin: 0 auto;
  padding: 0;
  background-image: url(https://birth.cocoloni.jp/image/common/cocoloni-brand.sp.480.png);
}

.mb0 {
  margin-bottom: 0 !important;
}

.subhead {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 3px;
  color: #88cf00;
  padding: 20px 0 !important;;
  margin: 0;
  min-height: 72px;
  text-align: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.subhead span {
  display: inline-block;
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  color: #4C4A40;
  width: 100%;
}

.subhead span a {
  color: #2e60ff;
}

.common-btn {
  display: block;
  background: #ffffff;
  background: -webkit-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e1e1e1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
  padding: 15px 4px;
  border-radius: 4px;
  border: 1px solid #939393;
  min-height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.common-btn.active {
  border-radius: 4px 4px 0 0;
}

.common-btn img {
  width: 100%;
  max-width: 200px;
  margin: 0 auto;
  display: block;
}

.content-area {
  padding: 20px;
}

.content-area .card-icon {
  margin-bottom: 6px;
}

.content-area h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-area h2 img {
  width: 18px;
  margin-right: 8px;
  vertical-align: top;
}

.page-guide {
  padding: 1px 0 0;
  margin: 16px 0;
}

.page-guide img {
  padding: 0 16px;
  width: 100%;
}

.carrier-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 12px 0;
}

.carrier-choice li {
  width : 32% ;
  width : -webkit-calc((100% - 20px) / 3) ;
  width : calc((100% - 20px) / 3) ;
}

.carrier-choice li:nth-of-type(2) {
  margin: 0 12px;
}

.carrier-choice li a img {
  max-width: 110px;
}

.carrierID-guide,
.help-guide {
  font-size: 1.1rem;
  text-align: center;
  color: #aaaaaa;
  margin-top: 12px;
}

.carrierID-guide a,
.help-guide a {
  color: #2e60ff;
}

.accordion-area {
  background-color: #fff;
  padding: 1px 16px;
  border-radius: 0 8px 8px;
}

.accordion-area .page-guide {
  margin: 24px -16px;
}

.form-area div.hr {
  margin: 24px -16px;
}

.form-area div.hr span, .mask-area div.hr span {
  background-color: #ffffff;
  color: #88CF00;
  font-size: 16px;
  font-family: Hiragino Kaku Gothic Pro;
  font-weight: bold;
}

.form-area div.hr:after, .mask-area div.hr:after {
  background-color: #e1e1e1;
}

.form-area form div {
  margin-bottom: 20px;
}

.form-area form div span {
  display: block;
  font-size: 14px;
  margin-bottom: 2px;
}

input {
  width: 100%;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fafafa;
  border: 1px solid #333333;
  outline: 0;
  display: block;
  height: 44px;
  font-size: 16px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 2px;
  box-shadow: 0 0 0 transparent;
  -webkit-transition-property: box-shadow,border-color;
  transition-property: box-shadow,border-color;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transition-duration: .25s;
  transition-duration: .25s;
  will-change: box-shadow,border-color;
  border-radius: 4px;
}

input::placeholder{
  color: #AAAAAA;
}

div.card-back-btn input {
  background: #eee;
  border: 1px solid #aaa;
  color: #797979;
}

.form-area input.error {
  background: #fafafa;
  border: 1px solid #ff3344;
  color: #333;
}

.form-area label.error {
  font-size: 11px;
  border: 0;
  color: #ff3344;
  background-color: transparent;
  margin: 10px 0;
  padding: 0;
  border-radius: 0;
}

.note-caption {
  font-size: 1rem;
  line-height: 1.5;
  color: #ccc;
  margin-top: 10px;
}

.form-area h3 {
  background-color: #f3f3f3;
  color: #333333;
  padding: 0px 6px;
  font-size: 12px;
  margin-bottom: 12px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-area h3 + div {
  text-align: left;
  color: #aaa;
  font-size: 11px;
  padding-left: 12px;
}

.form-area input.expiration-date {
  width: 40px;
  display: inline-block;
}

.form-area input.security-code {
  width: 120px;
}

.form-area input.input-focus {
  box-shadow: 0px 0px 2px 1px #8ec6ff;
  border: 0px;
  background-color: #ffffff;
}

button.card-submit-btn {
  background: #88cf00;
  background: -webkit-linear-gradient(top, #88cf00 0%, #69b700 100%);
  background: linear-gradient(to bottom, #88cf00 0%, #69b700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88cf00', endColorstr='#69b700',GradientType=0 );
  color: #ffffff;
  font-size: 1.4rem;
  border: 1px solid #69b700;
  width: 100%;
  padding: 9px 0;
  border-radius: 4px;
  margin: 6px 0 12px;
  font-weight: bold;
}

.security_code-guide img {
  width: 100%;
}

form div.mailmagazine {
  margin: 0;
  position: relative;
}

form div.mailmagazine input {
  display: none;
}

form div.mailmagazine label {
  padding: 0 0 0 24px;
  display: block;
  font-size: 1.2rem;
}

form div.mailmagazine:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fwebpayment.smart-srv%2Fimage%3Fid%3D11321);
  background-size: contain;
  position: absolute;
  bottom: 0;
  margin: 4px 0px;
}

form div.mailmagazine.active:after {
  background-image: url(https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fwebpayment.smart-srv%2Fimage%3Fid%3D11401);
}

/* 0317チェックボックス改修くらふじ */
.mailmagazine span{
  display: block;
  margin-left: 20px;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px !important;
  color: #4C4A40;
}

.card-submit-btn input,
.card-submit-btn a {
  background: #88cf00;
  background: -webkit-linear-gradient(top, #88cf00 0%, #69b700 100%);
  background: linear-gradient(to bottom, #88cf00 0%, #69b700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88cf00', endColorstr='#69b700',GradientType=0 );
  color: #ffffff;
  font-size: 1.4rem;
  border: 1px solid #69b700;
  min-height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  text-decoration: none;
}

.footer-btn {
  margin: 12px 20px;
}

.footer-btn:nth-of-type(4) {
  margin-top: 80px;
}

.footer-btn a {
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #ffffff;
  padding: 12px 0;
  border-radius: 4px;
  border: 1px solid #bbbbbb;
  font-size: 1.2rem;
}

/* mask.html */
.mask-area .page-guide img {
  padding: 0;
}

.content-area.mask-area {
  padding: 1px 0;
  margin: 20px;
  background-color: #fff;
}

.mask-area .page-guide {
  margin: 28px 0;
}

.mask-area div {
  margin: 20px 0;
  padding: 0 16px;
}

.mask-area div span {
  font-size: 13px;
  padding: 0 0 0 6px;
  background-color: #f2f3f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 21px;
}

.mask-area div p {
  font-size: 13px;
  padding: 6px 0 0 6px;
  min-height: 36px;
}

.mask-area .mailmagazine:after {
  background-image: url(https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fwebpayment.smart-srv%2Fimage%3Fid%3D11320);
  background-repeat: no-repeat;
  height: 12px;
}

.mask-area .mailmagazine.active:after {
  background-image: url(https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fwebpayment.smart-srv%2Fimage%3Fid%3D11319);
  background-repeat: no-repeat;
  height: 12px;
}

.card-submit-btn input[type=button] {
  background: #88cf00;
  background: -webkit-linear-gradient(top, #88cf00 0%, #69b700 100%);
  background: linear-gradient(to bottom, #88cf00 0%, #69b700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88cf00', endColorstr='#69b700',GradientType=0 );
  color: #ffffff;
  font-size: 1.4rem;
  border: 1px solid #69b700;
}

div.card-submit-btn {
  margin: 16px 0;
}

div.card-back-btn {
  margin: 16px 0 40px;
}

/* confirm.html */
.confirm-icon span {
  background-image: url(https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fwebpayment.smart-srv%2Fimage%3Fid%3D11330);
  background-size: 24px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 20px;
  margin-right: 12px;
}

.confirm-area {
  padding: 1px 20px 80px;
  background-color: #fff;
}

.confirm-area .page-guide {
  margin: 40px 0;
}

.confirm-area .page-guide img {
  padding: 0;
}

.caution-message {
  background: #FFFFFF;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 20px;
  margin: 24px 0px;
}

.confirm-area div.hr {
  margin: 60px 0 20px;
}

.confirm-area div.hr span,
.complate-area div.hr span {
  background-color: #fff;
  color: #333;
  font-size: 16px;
}

.confirm-area div.hr:after {
  background-color: #e1e1e1;
}

.confirm-area div p {
  color: #939393;
  font-size: 12px;
  margin-bottom: 10px;
}

.confirm-area div p a {
  color: #006cff;
}

/* complate.html */
.complate-area {
  padding: 1px 20px;
  background-color: #fff;
  text-align: center;
}

.complate-area .hr {
  margin: 20px 0;
}

.complate-icon span {
  background-image: url(https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fwebpayment.smart-srv%2Fimage%3Fid%3D11328);
  background-size: 24px;
  background-repeat: no-repeat;
  display: inline-block;
  width: 24px;
  height: 20px;
  margin-right: 12px;
}

.complate-area .page-guide {
  margin: 40px 0;
}

.complate-area div.card-submit-btn,
.sns-complate-area div.card-submit-btn {
  position: relative;
  margin: 12px 0 60px;
}

.complate-area div.card-submit-btn:after,
.sns-complate-area div.card-submit-btn:after {
  display: block;
  content: "";
  background-image: url(https://websmart.zappallas.com/web_image?url=http%3A%2F%2Fwebpayment.smart-srv%2Fimage%3Fid%3D11317);
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}

.sns-select-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0 80px;
}

.sns-select-area li {
  margin-right: 12px;
  width: 100%;
}

.sns-select-area li:last-child {
  margin-right: 0;
}

.sns-select-area li a,
.sns-select-area li button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 64px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  width: 100%;
}

.sns-select-area li a img,
.sns-select-area li button img {
  width: 46px;
}

.sns-select-caption img {
  height: 13px;
  margin-right: 4px;
}

/* sns-complate */
.sns-complate-area {
  padding: 1px 20px 80px;
  background-color: #fff;
  text-align: center;
}

.sns-complate-area .page-guide {
  width: 120px;
  margin: 40px auto 16px;
}

.sns-complate-area .page-guide img {
  padding: 0;
}

.sns-complate-area .complate-message {
  font-size: 13px;
  color: #000;
  margin-bottom: 40px;
}

/* user-area */
.content-area.user-area {
  padding: 1px 0;
  margin: 20px;
  background-color: #fff;
}

.user-area div {
  margin: 20px 0;
  padding: 0 16px;
}

.user-area div span {
  font-size: 13px;
  padding: 0 0 0 6px;
  background-color: #f2f3f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 21px;
}

.user-area div p {
  font-size: 13px;
  padding: 6px 0 0 6px;
  min-height: 36px;
}

.user-area div.hr span {
  background-color: #ffffff;
  color: #33cc99;
  font-size: 16px;
}

.user-area div.hr:after {
  background-color: #e1e1e1;
}

.user-area .card-submit-btn.active input {
  background: #ff3344;
  background: -webkit-linear-gradient(top, #ff3344 0%, #dc1414 100%);
  background: linear-gradient(to bottom, #ff3344 0%, #dc1414 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3344', endColorstr='#dc1414',GradientType=0 );
  border-color: #dc1414;
}

/* user-plor-edit */
.content-area.user-edit-area {
  padding: 1px 0;
  margin: 20px;
  background-color: #fff;
}

.user-edit-area div {
  margin: 20px 0;
  padding: 0 16px;
}

.user-edit-area div span {
  font-size: 13px;
  padding: 0 0 0 6px;
  background-color: #f2f3f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 21px;
}

.user-edit-area div p {
  font-size: 13px;
  padding: 6px 0 0 6px;
  min-height: 36px;
}

.user-edit-area div.hr span {
  background-color: #ffffff;
  color: #33cc99;
  font-size: 16px;
}

.user-edit-area div.hr:after {
  background-color: #e1e1e1;
}

/* user-input-area */
.user-input-area {
  background-color: #ffffff;
  margin: 20px;
}

.user-input-area .page-guide {
  width: 200px;
  margin: 0 auto;
}

.sns-select-area .btn-google-plus:hover,
.sns-select-area .btn-google-plus:focus,
.sns-select-area .btn-google-plus:active,
.sns-select-area .btn-google-plus.active,
.sns-select-area .btn-google-plus.disabled,
.sns-select-area .btn-google-plus[disabled] {
    background: transparent;
}


/*A-1 0310新規追加 くらふじ*/
.aha-line-frame{
  background: #fff;
  padding-bottom: 10px;
}

.aha-line{
  margin-top: 0;
  font-size: 13px;
  line-height: 21px;
  padding: 20px;
  margin: 0 20px 20px 20px;
}

.aha-line span{
  color: #FF0000;
  margin-bottom: 8px;
  font-size: 14px;

}

.payment {
  line-height: 22px;
  font-weight: bold;
}

.payment-body{
  background: #F2F3F4;
}

.separation{
  margin: 32px auto 0 auto;
  border: 1px solid #E1E1E1;
  width: 93%;
  text-align: center;
}

.bottom-btn{
  margin-bottom: 60px;
}

/*A-3登録後 0311追加 くらふじ*/
.head{
  font-size: 15px;
  line-height: 22px;
  font-weight: bold;
  color: #4C4A40;
  min-height: 72px;
  text-align: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
}

.mail-check{
  margin: 24px auto 20px auto;
  text-align: center;
}

.mail-check-p{
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px !important;
  line-height: 22px;
  text-align: center;
  color: #4C4A40 !important;
  margin-bottom: auto !important;
}

.mail-check span,
.caution-message span,
.login-info p{
  font-weight: bold !important;
}

.login-info p{
  color: #88CF00 !important;
  font-size: 15px !important;
  line-height: 22.4px;
  text-align: center;
}

.login-info{
  background: #F2FFCD;
  margin: auto -20px !important;
  padding: 16px 20px 40px 20px;
}

.useful{
  background: #FFFFFF;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 20px;
  margin-top: 12px;
  margin-bottom: 28px;
}

.content{
  display: flex;
}

.useful span{
  font-family: Source Han Sans JP;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  color: #4C4A40;
  margin: -1px 8px;
}

.useful img{
  width: 20px;
  height: 20px;
}

.for-top{
  background: rgba(145, 255, 248, 0.23);
  margin: 12px auto;
}

.register-btn{
  background: linear-gradient(to bottom, #88cf00 0%, #69b700 100%);
  color: #FFFFFF;
  font-weight: bold;
  padding: 11.5px 0;
  border-radius: 4px;
  text-align: center;
}

.no-regist-btn a {
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #ffffff;
  padding: 12px 0;
  border-radius: 4px;
  border: 1px solid #bbbbbb;
  font-size: 1.2rem;
}

/* A-3決済後 */
.head_a-3{
  font-size: 15px;
  line-height: 22px;
  font-weight: bold;
  color: #4C4A40;
  min-height: 72px;
  text-align: center;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 15px;
}

.guide{
  margin-top: 0;
  margin-bottom: 20px;
}

.site-use{
  font-weight: bold;
  background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 28.14%, #E1E1E1 100%);
  border: 1px solid #939393;
  box-sizing: border-box;
  border-radius: 4px;
  margin: 12px auto;
}

.log-form-head{
  color: #88CF00;
}

/* C-1 */
.subhead span{
  color:#4C4A40;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0px;
  margin-top: 8px;
}

.check-area {
  background-color: #fff;
  padding: 1px 16px;
  border-radius: 0 8px 8px;
}

.check-column{
  color: #4C4A40 !important;
  font-size: 14px !important;
  line-height: 20px;
  margin-bottom: 20px;
}

.modify{
  margin: 12px auto;
}

.modify a{
  font-weight: bold;
  font-size: 14px;
}


/* c-2 */
.c-2{
  padding: 1px 20px 40px;
}

.c-2btn{
  margin-top: 40px !important;
}

/*b-2 0311新規追加 知覧――――――――――――――――――*/

.a-6_subhead{
  padding:0 !important;
  margin:0;
  min-height: 18px;
  }

.b-2_detail_box{
    position: relative;
    width:100%;
}

.b-2_detail_box a:link{
    text-decoration: none;
}

.b-2_detail_box a::after{
    position: absolute;
    display: block;
    content: "";
    right: 10px;
    top:24px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    -webkit-transform: rotate(-45deg);
  }

  .box_width-100{
  width:100% !important;
  text-align: center;
}

#ahamo_logo{
width:218px !important;
height:36px !important;
margin:auto;
}

.b-2common-btn{
    text-align: center;
    display: block;
    width:100% !important;
    background: -webkit-linear-gradient(top, #ffffff 0%, #e1e1e1 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e1e1e1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
    padding: 15px 4px;
    border-radius: 4px;
    border: 1px solid #939393;
    min-height: 64px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

.b-2common-btn input{
    text-align: center;
    width:100% !important;
    background-clip: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border:none;
    outline: 0;
    display: block;
    height: 44px;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
    box-shadow: 0 0 0 transparent;
    -webkit-transition-property: box-shadow,border-color;
    transition-property: box-shadow,border-color;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    will-change: box-shadow,border-color;
    border-radius: 4px;
}

.b-2common-btn_img{
    width:100%;
}

.b-2_off_box img{
    width:100%;
    margin:32px auto 0px auto;
}

.bg_color_ff{
    background: #ffffff;
}

.content_line{
    font-size: 14px;
line-height: 22px;
font-weight: normal;
color: #4C4A40;
}

.b-2caption{
font-weight: bold;
font-size: 15px;
line-height: 22px;
text-align: center;
padding-bottom:12px;
}

.b-2_bold{
font-weight: bold;
font-size: 14px;
}

.b-2_ahamo_text{
    padding-top:40px;
}


.b-2_detail_box a{
  display: inline-block;
  width:100%;
  padding:4px;
  border: 1px solid #939393;
  box-sizing: border-box;
  border-radius: 4px;
  text-align: center;
  margin-top:12px;
}

.b-2_hr{
  height:1px;
  background: #E1E1E1;
  border: none;
  margin:30px 20px 4px;
}

.b-2_sorry{
font-weight: bold;
font-size: 14px;
line-height: 20px;
text-align: center;
color: #4C4A40;
}

/*モーダル */
.modal-open{
    display: inline-block;
  }

  .modal-open a{
    display: inline-block;
    padding: 5px;
    text-decoration: none;
  }
  .modal{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index:2;
  }
  .modal:not(:target) {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.5s;
  }
  .modal:target{
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s, visibility 0.5s;
  }
  .modal .overlay{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #000;
    opacity: 0.7;
    top: 0;
    left: 0;
  }
  .modal-wrapper{
    width: 90%;
    max-width: 90%;
    min-width: 90%;
    height: auto;
    min-height:460px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .modal-contents{
    color: #4C4A40;
    overflow: auto;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: relative;
  }
  .modal-content{
    margin:40px 20px 20px 20px;
  }
  .modal-close{
    position: absolute;
    top: 5px;
    right: 10px;
    text-decoration: none;
  }

  .modal-contents div{
padding-bottom:20px;
  }

  /*b-2 0311新規追加 知覧――――――――――――――――――*/

/*a-6 0312新規追加 知覧――――――――――――――――――*/

.a-6_h1{
  font-weight: bold;
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  color: #4C4A40;
  margin-bottom:24px;
}

.page-guide_a-6{
  margin:0 16px;
}
.confirm-area_a-6{
  padding:0 20px;
  margin:8px auto 80px;
}
.confirm-area_a-6 a{
font-weight: bold;
border: 1px solid #939393;
box-sizing: border-box;
border-radius: 4px;
font-size: 14px;
line-height: 22px;
color: #4C4A40;
}
/*a-6 0312新規追加 知覧――――――――――――――――――*/

/*c-4sb 0312新規追加 知覧――――――――――――――――――*/

  .c-4-line-frame{
  padding:12px 20px 36px;
  border: 1px solid #E1E1E1;
  box-sizing: border-box;
  border-radius: 8px;
  margin-top:20px;
  margin-bottom:20px;
  }

  .c-4-line-frame span{
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    color: #FF0000;
  }

  .c-4-line-frame div{
    padding-top:20px;
    font-size: 13px;
  line-height: 21px;
  }

    /*c-4sb 0312新規追加 知覧――――――――――――――――――*/

  /* B-2 0312くらふじ */
  .head_b-2{
    font-size: 15px;
    line-height: 22px;
    font-weight: bold;
    color: #4C4A40;
    min-height: 72px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
  }

  .pay-frame{
    padding: 1px 20px 20px;
    background-color: #fff;
  }

  .discount {
    font-family: Source Han Sans JP;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #4C4A40;
    margin-top: 8px;
  }

  .discount span{
    font-weight: bold;
  }

  .linemo-detail{
    margin-top: 12px;
  }

  .change-info{
    background: #F2FFCD;
    border-radius: 35px;
    padding: 10px;
    margin: 32px 13px 13px 13px;
    text-align: center;
  }

  .change-guide{
    color: #88CF00;
    font-family: Source Han Sans JP;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 4px;
    margin: 32px 0px 13px 0px;
  }

  .payment-guide{
    font-family: Source Han Sans JP;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
  }

  .fukidashi{
    position: absolute;
    width: 10.61px;
    height: 10.61px;
    background: #F2FFCD;
    transform: rotate(-45deg);
    margin: -18px 241px;
  }

  .pay-method{
    font-family: Hiragino Kaku Gothic Pro;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    letter-spacing: 3px;
    color: #88CF00;
  }

  .b-2_sb_terms{
    margin: 20px 0 40px 0;
  }


  @media screen and (max-width: 416px){
    .fukidashi{
      margin: -18px 42.5%;
    }
  }

  @media screen and (max-width: 321px){
    .login-info span {
      font-size: 13px;
    }
  }

  /* A-2 dアカウント */
  .d_auth{
    font-family: Source Han Sans JP;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #4C4A40;
  }

  @media screen and (max-width: 321px){
      .d_auth{
        font-size: 13px;
      }
  }

.career-mail{
  background: #FFEFEF;
  color: #FF0000;
  overflow-wrap: break-word;
  border: 1px solid #FFEFEF;
}

.career-mail span{
  font-weight: bold;
}

/* 2021/12/20 sb勝手用入会・ログイン画面修正対応 */

  .docomo, .au, .softbank{
    box-shadow: 0px 7px 7px -7px rgb(0 0 0 / 10%), 7px 7px 7px -7px rgb(0 0 0 / 10%);
    height: 64px;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
  }

  .credit{
    border-left: 8px solid #4C4A40;
    padding: 10px;
    box-shadow: 0px 2px 3px 0px rgb(0 0 0 / 15%);
    border-top: none;
    border-right: none;
    border-bottom: none;
    height: 64px;
  }

  .credit-img{
    zoom: 0.5;
  }

  .docomo{
    cursor: pointer;
  }

  input#docomologo {
    height: 30px !important;
  }

  .au{
    padding: 1.2em;
    margin-top: 16px;
  }

  .au img{
    zoom: 0.6 !important;
  }

  .softbank{
    border-left: 8px solid #B9BDC0;
  }

  .sb-guide{
    margin: 28px 0 20px 0;
  }

  .carrier-regist-btn{
    background: #fff;
    box-shadow: 0px 2px 4px rgb(0 0 0 / 15%);
    border-radius: 4px;
    height: 64px;
  }

  .carrier-regist-btn p,
  .career-btn p{
    font-family: Source Han Sans JP, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    color: #4C4A40;
  }

  .carrier-regist-btn p{
    margin-top: 6px;
    margin-bottom: 10px;
  }

  .carrier-regist-btn input,
  .carrier-regist-btn img{
    zoom: 0.7;
  }

  .sb-notice{
    font-family: Source Han Sans JP, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #4C4A40;
    margin: 20px auto 12px auto;
  }

  .carrier-regist-btn a,
  a{
    text-decoration: none;
  }

/* 2021/12/20 sb勝手用入会・ログイン画面修正対応 */

/* 2021/12/21 ログイン画面のSNSログインボタン */
.career-btn{
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 );
  border-radius: 4px;
  height: 64px;
  display: -ms-flexbox;
  -ms-flex-align: center;
  align-items: center;
}

.career-btn a{
  background: #fff;
}

.adress-login-btn {
  height: 52px;
  background: #fff;
  box-shadow: 2px 2px 4px rgb(0 0 0 / 15%);
}

.adress-login {
  font-family: Source Han Sans JP, sans-serif !important;
  font-style: normal !important;
  font-weight: bold !important;
  font-size: 14px !important;
  line-height: 23px !important;
  text-align: center !important;
  color: #4C4A40 !important;
  padding-top: 8px;
}

.adress-login span{
  font-size: 11px;
}

.login-btn-back{
  background: #F2F3F4;
  padding: 28px 20px;
  margin: auto -2.4em;
}

.btn-frame{
  display: flex;
  height: 40px;
  justify-content: center;
}

.btn-yahoo{
  background: #FF0033;
  color: #fff;
  padding: 10px;
  border-radius: 0px 4px 4px 0px;
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  width: -webkit-fill-available;
}

.yahoo-icon{
  background: #FFFFFF;
  border: 1px solid #FF0033;
  box-sizing: border-box;
  border-radius: 4px 0px 0px 4px;
}

.yahoo-icon img{
  padding: 8px 20px;
  border-radius: 4px 0px 0px 4px;
}

.sns-logo{
  margin-left: auto;
}

.sns-logo img{
  padding-right: 20px;
  margin-top: -3px;
}

.sns-name{
  margin-right:auto;
  margin-left: -20px;
}

.btn-facebook{
  background: #1877F2;
  color: #fff;
  padding: 10px 0px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  text-align: center;
  margin: 10px auto;
  border: 1px solid #1877f2;
}

.sns-name span{
  padding-left: 16px;
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  padding-top:10px;
}

.btn-twitter{
  background: #1D9BF0;
  color: #fff;
  padding: 10px 0px;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  text-align: center;
  border: 1px solid #1D9BF0;
  margin: auto;
}
/* 2021/12/21 ログイン画面のSNSログインボタン */

/*メールアドレスでログインするフォーム*/
.address-login-form {
  padding: 10px 20px 20px 20px;
  border-left: 8px solid rgb(185, 189, 192);
  border-top-left-radius: 2px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 2px 4px 4px rgb(0 0 0 / 15%);
  background: #fff;
  margin-top: -5px;
}

.login-btn-back input,
.address-login-form input{
  height: 44px;
}

.content-area {
  margin: 0 10px !important;
}

.mb-8{
  margin-bottom: 8px;
}

.mb-20{
  margin-bottom: 20px;
}

form.docomo-form{
  display: contents !important;
}

.no-clear{
  text-decoration-line: underline;
  border-bottom: none;
}

.pass-forget{
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  text-align: center;
  text-decoration-line: underline;
  color: #4C4A40;
  border-bottom: none;
}

.billingtitle3{
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  color: #4C4A40;
}

.billing-sub{
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #4C4A40;
}

.add-notice{
  margin-top: 20px;
}

.subhead-login{
  margin-top: -20px;
  font-family: Hiragino Kaku Gothic Pro, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  letter-spacing: 3px;
  color: #88CF00;
  padding-bottom: 8px !important;
}

.hr-text-area{
  margin: 40px auto 20px auto !important;
}

.sns-notice{
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #4C4A40;
}

.mail-log-form{
  height: 44px;
}

.sb-mail-btn{
  width: 100%;
  border-radius: 4px !important;
  margin: 12px auto;
  background: #B9BDC0;
  border: 1px solid #B9BDC0;
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  -webkit-appearance: none;
}

.no-regi-use{
  margin-bottom: 20px;
  height: 44px;
  color: #4C4A40;
  font-family: Source Han Sans JP, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
}

.login-footer-btn a{
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #ffffff;
  padding: 12px 0;
  border-radius: 4px;
  border: 1px solid #bbbbbb;
  font-size: 14px;
  font-family: Source Han Sans JP, sans-serif;
  margin-top: 40px;
}

/* a-3最初から手続するボタン */
.start-over{
  margin-top: 0px !important;
}

.pt-20{
  padding-top: 20px;
}

.pb-24{
  padding-bottom: 24px !important;
}

.regi-area{
  padding-bottom: 144px;
}

.mail-check-area{
  padding-bottom: 66px !important;
}

.sb-mail-area{
  padding-bottom: 60px !important;
}

.pay-change{
  padding-bottom: 122px;
}

.sns-block{
  margin: 32px 16px 8px 16px !important;
}

.mb-0{
  margin-bottom: 0 !important;
}

.pb-122{
  padding-bottom: 122px;
}

.regi-docomo{
  border: #fff;
  margin: 6px auto;
  cursor: pointer;
  height: 64px;
}

.header__title,
.subhead,
.subhead span{
  font-family: Source Han Sans JP, sans-serif;
}

.main{
  overflow-x: hidden;
}

@media screen and (max-width: 428px){
  .btn-yahoo{
    padding: 10px 14px;
    width: -webkit-fill-available;
  }
}

@media screen and (max-width: 376px){
  .btn-yahoo{
    font-size: 12px;
  }
}

@media screen and (max-width: 321px){
  .btn-frame {
    height: 50px;
  }
  .yahoo-icon img{
    padding: 13px 20px;
  }
  .btn-yahoo{
    font-size: 10px;
  }
}

.informal {
  font-family: Source Han Sans JP;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  text-align: justify;
  color: #4C4A40;
}