html {
	font-size: 16px;
}
body {
	background: rgb(255, 255, 255); margin: 0px; color: #555; line-height: 1.4; 
    font-family: 'Avenir next', 'verdana', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', MSPGothic, sans-serif;
    font-weight: 400;
    outline: none;
}
form {
	padding-top: 32px;
	padding-right: 28px;
	padding-bottom: 28px;
	padding-left: 28px;
}
h1 {
	font-size: 2rem; margin-top: 5rem;
}
h2 {
	font-size: 1.7rem; margin-top: 3rem;
	color: #999999;
}
h3 {
	color: rgb(1, 87, 155); font-size: 1.7rem;
}
h4 {
	font-size: 1rem;
}
h5 {
	color: rgb(1, 87, 155); font-size: 1rem;
}
.inputcontents {
        padding:3px;
}
.maincontents {
        margin-bottom: 50px;
}

.om-g-head {
	background: rgba(255, 255, 255, 0.9); min-width: 100%; max-width: 100%; box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
}
.om-g-head .om-l-inner {
	display: flex; align-items: center;
}
.om-g-head .om-head-logo {
	margin: 0px auto 0px 0px; padding: 0.85rem 0px; width: 240px; line-height: 1; font-size: 0.88rem;
}
.small {
	font-size: 0.75rem;
}
.cols2 {
	width: 40%; display: inline-block;
}
.cols3 {
	width: 25%; display: inline-block;
}
.cols4 {
	display: inline-block;
}
.padding_top_bottom_none {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.padding_top_span {
	padding-top: 5px !important;
}
.border_top_none {
	border-top-width: 0px !important;
}
.border_bottom_none {
	border-bottom-width: 0px !important;
}
.explanation {
	border-top-width: 0px !important;
	padding-top: 0px !important;
	padding-left: 3px !important;
	color: #aaaaaa;
}
.margin_cfm {
	margin-top: 5px;
}

iframe#paygent {
  border: currentColor;
  border-image: none;
  width: 90%;
  text-align: center;
  min-height: 500px;
}
.tok-main {
	padding-bottom: 3rem;
}
.tok-contents {
	font-size: 18pt; margin-right: auto; margin-left: auto; min-width: 90%; max-width: 90%;
}
.table2 {
	border: 1px solid rgb(204, 204, 204); border-image: none; font-size: 12pt; border-collapse: collapse; min-width: 100%; max-width: 100%;
}
.table2 th {
	border: 1px solid rgb(204, 204, 204); border-image: none; text-align: center; font-weight: bold; backgound-color: #aaaacc;
}
.table2 td {
	border: 1px solid rgb(204, 204, 204); border-image: none; text-align: center; white-space: nowrap;
}

input {
     backgound-color: #ffffff;
     border: 1px solid #cccccc;
     border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
     padding: 0 8px;
}


input[type='tel'].sn1 {
	width: 1.2rem; text-align: center; ime-mode: disabled; -ms-ime-mode: disabled;
}
textarea {
	width: 90%; font-size: 1.5rem !important; ime-mode: active; -ms-ime-mode: active;
}
.table3 {
	border-radius: 5px;
	border: currentColor; 
	border-image: none; 
	font-size: 14pt; 
	border-collapse: collapse; 
	min-width: 100%; 
	max-width: 100%;
}
.table3 th {
	background: rgb(255, 255, 255); 
	border-image: none; 
	text-align: left; 
	font-weight: bold; 
	vertical-align: middle; 
	border-top-color: rgb(230, 230, 230); 
	border-right-color: rgb(230, 230, 230); 
	border-bottom-color: rgb(230, 230, 230); 
	border-left-color: currentColor !important; 
	border-top-width: 1px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: medium !important; 
	border-top-style: solid; 
	border-right-style: solid; 
	border-bottom-style: solid; 
	border-left-style: none !important;
	padding-top: 28px;
	padding-right: 20px;
	padding-bottom: 24px;
	padding-left: 0px;
	min-width :300px;
	max-width :300px;
}
.table3 th#yuucho1{
	display: none;
}
.table3 td#yuucho2{
	display: none;
}
.table3 th#yuucho3{
	display: none;
}
.table3 td#yuucho4{
	display: none;
}
.table3 th#yuucho5{
	display: none;
}
.table3 td#yuucho6{
	display: none;
}
.table3 th#yuucho7{
	display: none;
}
.table3 th#yuucho8{
	display: none;
}
.table3 td#yuucho9{
	display: none;
}
.table3 th#yuucho10{
	display: none;
}
.table3 th#bank1{
	display: none;
}
.table3 td#bank2{
	display: none;
}
.table3 th#bank3{
	display: none;
}
.table3 td#bank4{
	display: none;
}
.table3 th#bank5{
	display: none;
}
.table3 td#bank6{
	display: none;
}
.table3 th#bank7{
	display: none;
}
.table3 td#bank8{
	display: none;
}
.table3 th#bank9{
	display: none;
}
.table3 td#bank10{
	display: none;
}
.table3 th#bank11{
	display: none;
}
.table3 td#bank12{
	display: none;
}
.table3 th#bank13{
	display: none;
}
.table3 th#etc1{
	display: none;
}
.table3 td#etc2{
	display: none;
}
.table3 th#etc3{
	display: none;
}
.table3 td#etc4{
	display: none;
}
.table3 th#acct_kana {
        display: none;
}
.table3 th#acct_name {
        display: none;
}
.multiple  {
	padding-top: 0px !important;
	padding-right: 20px !important;
	padding-bottom: 24px !important;
	padding-left: 0px !important;
}
.table3 .nobt {
	border-top-color: currentColor !important; border-top-width: medium !important; border-top-style: none !important;
}
.table3 .nobr {
	border-right-color: currentColor !important; border-right-width: medium !important; border-right-style: none !important;
}
.table3 .nobl {
	border-left-color: currentColor !important; border-left-width: medium !important; border-left-style: none !important;
}
.table3 .nobb {
	border-bottom-color: currentColor !important; border-bottom-width: medium !important; border-bottom-style: none !important;
}
.table3 .bTd {
	border-top-color: rgb(204, 204, 204) !important; border-top-width: 1px !important; border-top-style: dotted !important;
}
.table3 .bLd {
	border-left-color: rgb(204, 204, 204) !important; border-left-width: 1px !important; border-left-style: dotted !important;
}
.table3 .topL {
	border-top-color: currentColor !important; border-left-color: currentColor !important; border-top-width: medium !important; border-left-width: medium !important; border-top-style: none !important; border-left-style: none !important; border-top-left-radius: 5px;
}
.table3 .btmL {
	border-bottom-color: currentColor !important; border-left-color: currentColor !important; border-bottom-width: medium !important; border-left-width: medium !important; border-bottom-style: none !important; border-left-style: none !important; border-bottom-left-radius: 5px;
}
.table3 td {
	background: rgb(234, 253, 234); 
	padding: 0.3rem 0px; 
	border-image: none; 
	border-top-color: rgb(230, 230, 230); 
	border-right-color: currentColor !important;
	border-bottom-color: rgb(230, 230, 230); 
	border-left-color: rgb(230, 230, 230); 
	border-top-width: 1px; 
	border-right-width: medium !important; 
	border-bottom-width: 1px; 
	border-left-width: 0px; 
	border-top-style: solid; 
	border-right-style: none !important; 
	border-bottom-style: solid; 
	border-left-style: solid; empty-cells: show;
	min-width :600px;
}
.table3 .is-right {
	text-align: right; padding-right: 1rem;
}
input[type='text'] {
    width: 85%; -ms-ime-mode: active;
    font-size: 16px; ime-mode: active;
    height: 44px;
    line-height: 44px;
}
input[type='tel'] {
	width: 85%; height: 1.7rem; font-size: 1.5rem; -ms-ime-mode: disabled;
    font-size: 16px; ime-mode: disabled;
    height: 44px;
    line-height: 44px;
}
.phonenumber input[type='tel'] {
	width: 100px; height: 1.7rem; font-size: 1.5rem; -ms-ime-mode: disabled;
    font-size: 16px; ime-mode: disabled;
    height: 44px;
    line-height: 44px;
}
input[type='email'] {
    width: 85%; font-size: 1.5rem; -ms-ime-mode: disabled;
    font-size: 16px; ime-mode: disabled;
    height: 44px;
    line-height: 44px;
}
.half {
	width: 40%; display: inline;
}
.cfm-text {
	color: rgb(57, 107, 198); margin-left: 0.5rem;
}
.inpDate {
	text-align: left;
}
.inpDate input[type='tel'] {
	width: 3.5rem !important; text-align: center;
}
input[type='number'] {
	width: 85%; height: 1.7rem; font-size: 1.5rem; -ms-ime-mode: disabled;
    font-size: 16px; ime-mode: disabled;
    height: 44px;
    line-height: 44px;
}

select {
    font-size: 16px !important;
    height: 44px;
    line-height: 44px;

  /* styling */
  background-color: white;
  border: thin solid #cccccc;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    radial-gradient(#ddd 70%, transparent 72%);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - .5em) .5em;
  background-size:
    5px 5px,
    5px 5px,
    1.5em 1.5em;
  background-repeat: no-repeat;
}

input[type=checkbox] {
  display: inline-block;
}
.check_css {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 25px;
  vertical-align: middle;
  cursor: pointer;
}
.check_css:hover:after {
  border-color: #aaa;
}
.check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #aaa;
  border-radius: 6px;
  content: '';
}
.check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #aaa;
  border-bottom: 3px solid #aaa;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}

.table3 .topR {
	border-top-color: currentColor !important; border-right-color: currentColor !important; border-top-width: medium !important; border-right-width: medium !important; border-top-style: none !important; border-right-style: none !important; border-top-right-radius: 5px;
}
.table3 .btmR {
	border-right-color: currentColor !important; border-bottom-color: currentColor !important; border-right-width: medium !important; border-bottom-width: medium !important; border-right-style: none !important; border-bottom-style: none !important; border-bottom-right-radius: 5px;
}
.table3 td.inp {
	background: rgb(255, 255, 255) !important;
}
.unavail {
	background: rgb(221, 221, 221) !important; color: rgb(153, 153, 153) !important;
}
.table3 td.radio {
	background: rgb(234, 237, 245) !important; text-align: center !important;
}
.or-l-inner {
	margin: auto; width: 100%;
}
.or-gfoot {
	padding-top: 3rem; padding-bottom: 5rem; border-top-color: rgb(187, 189, 191); border-top-width: 4px; border-top-style: solid;
}
.or-foot-logo {
	float: left; display: block;
}
.or-foot-link {
	text-align: right; padding-left: 0px; font-size: 75%; margin-top: 0px; margin-bottom: 0.4rem;
}
.or-foot-link li {
	background: none; padding-left: 0px; margin-bottom: 0px; display: inline-block;
}
.or-copyright {
	font-size: 69%;
}
.or-totop-btn.or-is-hidden {
	display: none;
}
.or-totop-btn {
	background: rgba(88, 89, 91, 0.5); width: 47px; height: 47px; right: 0px; bottom: 0px; position: fixed;
}
.or-totop-btn img {
	margin: 15px auto; width: 28px; display: block;
}
.or-totop-btn:hover {
	cursor: pointer;
}
.info {
	margin: 4.5rem auto 1rem; padding: 0px 1rem; width: 75%;
}
.info h2 {
	margin: 3rem 0px 0.7rem; text-align: center; color: rgb(51, 51, 51); font-size: 92%;
}
.info .po-lead {
	text-align: center;
}
.info-body {
	padding: 0.5rem 1rem; border: 1px solid rgb(102, 102, 102); border-image: none; height: 246px; font-size: 75%; margin-bottom: 0.7rem; -ms-overflow-y: scroll;
}
.info-body2 {
  padding: 0.5rem 1rem;
  border: 1px solid rgb(102, 102, 102);
  border-image: none;
  height: 560px;
  font-size: 75%;
  margin-bottom: 0.7rem;
  overflow-y: scroll;
  -ms-overflow-y: scroll;
}
.info-body2 pre {
  word-break: break-all;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
}
.info-body h3 {
	margin: 1rem 0px; padding: 0px; border: currentColor; border-image: none; font-size: 100%;
}
.info-check {
	background: rgb(242, 242, 242); padding: 0.43rem 1rem; text-align: center;
}
.info-check input {
	margin-bottom: inherit; vertical-align: -1px;
}
.info-check label {
	font-size: 100%;
}
.is-error {
	background: rgb(255, 219, 219);
}
.is-error label {
	font-weight: bold;
}
.hidden-elem {
	display: none;
}
.or-btn {
	background: rgb(85, 175, 136); padding: 10px; border-radius: 4px; border: 1px solid rgb(69, 255, 69); border-image: none; text-align: center; color: rgb(255, 255, 255); line-height: 1.4; font-size: 125%; font-weight: bold; text-decoration: none; display: inline-block; min-width: 230px; opacity: 1;
}
@media all and (-ms-high-contrast:none)
{
*::-ms-backdrop {
	padding-top: 16px; padding-bottom: 10px;
}
.or-btn {
	padding-top: 16px; padding-bottom: 10px;
}
}
.or-btn:hover {
	cursor: pointer; opacity: 0.8;
}
.or-btn.or-l-yerrow {
	background: rgb(240, 208, 46); border: 1px solid rgb(240, 208, 46); border-image: none; color: rgb(51, 51, 51);
}
.or-btn.or-l-gray {
	background: rgb(153, 153, 153); border: 1px solid rgb(153, 153, 153); border-image: none;
}
.button_margin {
	margin-top: 50px;
}
.button {
	text-align: center;
}
.button .or-btn {
	margin: 0px 2rem;
}
.nextbutton {
	background: rgb(53, 132, 203);
	border: 1px solid rgb(53, 132, 203);
	color: rgb(255, 255, 255);
	margin-top:30px;
	min-width: 500px !important;
}

.flow {
	width: 90%; display: table;
}
.flow li {
	width: 20%; height: 30px; text-align: center; color: rgb(0, 0, 0); vertical-align: middle; display: table-cell; position: relative;
}
.flow li::before {
	left: 0px; top: 0px; height: 30px; right: 15px; display: block; position: absolute; content: ""; background-color: rgb(157, 157, 157);
}
.flow li::after {
	border-width: 15px 0px 15px 15px; border-style: solid; border-color: transparent transparent transparent rgb(157, 157, 157); top: 0px; width: 0px; height: 0px; right: 0px; display: block; position: absolute; content: "";
}
.flow li.current::before {
	background-color: rgb(192, 251, 221);
}
.flow li.current::after {
	border-color: transparent transparent transparent rgb(192, 251, 221);
}
.flow li .l-label {
	line-height: 16px; font-size: 12px; margin-right: 20px; position: relative; z-index: 3;
}
.flow li.last {
	width: 20%;
}
.flow li.last::before {
	right: 0px;
}
.flow li.last::after {
	display: none;
}
.flow li.last .l-label {
	margin-right: 0px;
}
.message {
	margin-top:30px;
	font-size: 90%; font-weight: bold;
}
.is-red {
	color: rgb(255, 0, 0); font-weight: bold;
}
span .is-right {
	float: right;
}
div .is-right {
	text-align: right;
}
.topcontents {
	font-size: 36px;
	text-align: center;
}
.nondis {
	display: none;
}
.inp_email {
	width: 40%; display: inline-block;
}
.inp_btn {
	width: 25%; vertical-align: top; display: inline-block;
}
.required {
    display: inline-block;
    background: #fc6356;
    color: #fff;
    font-weight: 400;
    line-height: 1;
    padding: 2px 4px;
    font-size: 10px;
    border-radius: 2px;
    vertical-align: middle;
    margin: 0 6px;
    position: relative;
    top: -1px;
}
ol {
	list-style-type:decimal;
	margin-block-start:1em;
	margin-block-end:1em;
	margin-inline-start:0px;
	margin-inline-end:0px;
	padding-inline-start:40px;
}
li {
	display: list-item;
	text-align: webkit-match-parent;
}
.formstepbox {
	margin-bottom:56px;
	max-width:600px;
	margin: auto;
	font-size:0;
}
.formstepbox ol{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.formstepbox ol li{
	font-size:14px;
	line-height:16px;
	color: #b4b4b4;
	display: table-cell;
	text-align: left;
	position: relative;
	padding-top:30px;
}
.formstepbox ol li::before {
	position: absolute;
	content: '';
	left: 50px;
	top: 4px;
	margin-left: -5px;
	background: #b2b2b2;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	z-index: 10;
	box-sizing: border-box;
}
.formstepbox ol li.li_border::after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	top: 9px;
	left: 30%;
	border-bottom: 2px solid #b2b2b2;
	z-index: 5;
}
.formstepbox ol li.active{
	color: rgb(53, 132, 203);
	font-size:16px;
}
.formstepbox ol li.active::before{
	background: rgb(53, 132, 203);
	top: 0;
	margin-left:-9px;
	width:20px;
	height:20px;
}
::placeholder {
  color: #666666;
}