@charset "UTF-8";

html {
  overflow-y: scroll;
  font-size: 10px;
}

body {
  color: #333;
  font-size: 14px;
  height: 100%;
  line-height: 1.5;
  overflow-wrap: break-word;
  word-wrap: break-word;
  overflow-x: visible;
  -webkit-text-size-adjust: none;
}

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

/* =========================================================
 目次
    1.基本エレメント
        a.基礎エレメント
        b.見出し要素
        c.文字強調
        d.リンク
    2.リスト
    3.箇条書きエレメント
    4.テーブル
    5.フォーム
    6.ボタン
    7.ページング
    8.必須・任意マーク
    9.JS付与系
    10.accordion
    11.Tabボタン
    12.slider
    13.お問い合わせ
    14.iframe
============================================================

/* =========================================================
 基本エレメント
========================================================= */
/* 基礎エレメント
--------------------------------------------------------- */
#view1,
#view3 {
  display: none;
}

#view1 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  background: #000;
}

#view1 .header {
  background: #000;
}

#view3 {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 62px;
}

#view3 .header {
  background: #000;
}

.container_search {
  overflow: hidden;
  background-color: #000;
}

.container {
  margin: 0 auto;
  min-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

.contents {
  margin: 0;
  padding: 0;
}

/*別ウインドウコンテンツ開始位置調整*/
body>#Center {
  margin-top: 80px;
}


.container_menu {
  max-width: 100% !important;
  width: 100% !important;
  overflow: hidden;
  background-color: #000;
}

.contact {
  width: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  margin-bottom: 50px;
}

.wrapper {
  overflow: hidden;
  width: 100%;
}


/* 基本エレメント
--------------------------------------------------------- */
span,
p,
div,
h1,
h2,
h4,
h5,
h6 {
  background-image: url(/member/img/space.png);
}

/* ----- 段落 ----- */
p {
  margin: 0 0 10px;
  line-height: 1.3em;
}

p:last-child {
  margin-bottom: 0;
}

.contact p.white_error_header_area {
  line-height: 1.3em;
}

/* ----- 見出し要素 ----- */
h1 {
  font-size: 2.4rem;
  line-height: 1.417;
  padding: 30px 10px;
  background-color: #e9f4f2;
  min-width: 0;
  font-weight: bold;
  margin: 0 calc(((100vw - 100%) / 2) * -1) 10px;
  text-align: center;
}

h2 {
  font-size: 2.5rem;
  padding-bottom: 12px;
  line-height: 1.393;
  border-top: 1px solid #CCC;
  margin: 30px 0 10px;
  font-weight: normal;
}

h2::before {
  content: "";
  display: block;
  width: 65px;
  margin-bottom: 16px;
  border-bottom: 4px solid #1A4832;
}

h3 {
  font-size: 2.2rem;
  color: #005135;
  padding: 10px 0 10px 20px;
  font-weight: bold;
  margin: 20px 0px 10px;
  overflow: hidden;
  position: relative;
  line-height: 1.409;
}

h3::before {
  position: absolute;
  content: "";
  border-left: 4px solid #1A4832;
  height: calc(100% - 6px);
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

h4 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #1A4832;
  line-height: 1.389;
  margin-bottom: 10px;
}

h5 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #1A4832;
  line-height: 1.375;
  margin-bottom: 10px;
}

h6 {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.375;
  margin-bottom: 10px;
}

/* ----- 文字強調（spanが使えない場合） ----- */
em {
  font-style: normal;
}

/* ----- 画像 ----- */
img {
  max-width: 100%;
}

/* ----- リンク ----- */
a[href^="tel:"] {
  color: inherit;
  cursor: default;
  text-decoration: none
}

a:hover {
  opacity: 0.5;
}

a:visited,
a:link {
  color: #117766;
}

div.normal_link_icon a {
  position: relative;
  display: inline-block;
  padding-left: 15px;
}

div.normal_link_icon a:before {
  content: "";
  display: inline;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 6px solid #551a8b;
  height: 0;
  width: 0;
  z-index: 100;
  font-size: 0;
  position: absolute;
  top: 6px;
  left: 0px;
}

.blankLink {
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(/member/img/icon_popup.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  margin-left: 6px;
}

.blankLinkBtn span {
  padding: 0 !important;
}

.blankLinkBtn .blankLink {
  position: relative !important;
  display: inline-block;
  text-indent: 0em;
  padding: 0;
}

.blankLinkBtn .blankLink:before {
  display: inline-block;
  position: relative;
  top: 2px;
  left: 5px;
  content: "";
  width: 10px;
  height: 8px;
  border: #fff solid 1px;
  background-color: #003e28;
}

.blankLinkBtn .blankLink:after {
  display: inline-block;
  position: relative;
  top: -1px;
  left: -10px;
  content: "";
  width: 10px;
  height: 8px;
  border: #fff solid 1px;
  background-color: #003e28;
}

/* ----- アンカーリンク ----- */

.anchor_label a {
  color: #0c1e89;
  text-decoration: none;
  padding: 10px 10px 10px 30px;
  background: #ebeeff;
  margin-right: 1px;
  position: relative;
  border-bottom: 1px solid #FFF;
  display: block;
}

.anchor_label a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: #0C1E89 solid 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
}

.anchor_label a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 0;
  height: 0;
  margin-top: -6px;
  border: #ebeeff solid 6px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: none;
}

/* ----- アイコンなし ----- */
/* ----- アンカーリンク(上) ----- */
/* ----- 黒文字リンク ----- */
.font_unvisible_link {
  text-decoration: none;
  color: #000;
  display: block;
}

/* ----- テキストリンク ------ */
.smallArrowLink li a:hover,
.arrow_link li a:hover {
  opacity: 0.5;
}

.smallArrowLink a,
a.arrow_link,
ul.smallArrowList li {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  line-height: 1.5;
}

.smallArrowLink a:before,
a.arrow_link:before,
.smallArrowList li:before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(/member/img/icon_right_chevron.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 10px;
  position: absolute;
  left: 0;
  top: 6px;
}

/* M-FL-4  下矢印 */
.arrowDown {
  min-width: 20px;
  min-height: 15px;
  position: relative;
}

.arrowDown:after {
  content: "";
  position: absolute;
  background-image: url(/member/img/icon_step_down.svg);
  background-position: center;
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  display: block;
}

/* リスト
--------------------------------------------------------- */
.contact ul {
  list-style: none;
}

ul li {
  margin: 0;
  padding: 0;
}

ul li a {
  margin: 0;
  padding: 0;
}

li.list_child_fl,
.list_fl_child {
  float: left;
  margin: 0 10px 5px 0;
}

div.list_child_fl {
  margin-bottom: 5px;
}

/* 箇条書きリストエレメント
--------------------------------------------------------- */
ul.notes_list,
ul.list {
  padding-left: 20px;
}

ul.notes_list {
  color: #666;
}

ul.numList {
  padding-left: 15px;
}

label+ul.notes_list,
table+ul.notes_list,
label+ul.list,
table+ul.list,
p+ul.notes_list,
div+ul.notes_list,
p+ul.list,
div+ul.list {
  margin-top: 5px;
}

ul.notes_list li:not(:empty),
ul.list li:not(:empty) {
  position: relative;
  display: block;
  margin-bottom: 5px;
  line-height: 1.2;
}

ul.notes_list li {
  font-size: 86%;
}

ul.notes_list.normal_size li,
ul.notes_list.font_n li {
  font-size: 14px;
}

ul.notes_list li:not(:empty),
ul.list li:not(:empty) {
  position: relative;
  display: block;
  margin-bottom: 5px;
  line-height: 1.2;
}

ul.notes_list li {
  font-size: 86%;
}

ul.notes_list.font_n li {
  font-size: 14px;
}

ul.numList li {
  position: relative;
  display: block;
  padding: 0 0 0 10px;
  margin-bottom: 5px;
  line-height: 1.2;
  text-indent: -1em;
}

ul.notes_list li .list li {
  font-size: 100%;
  margin-top: 5px;
}

ul.notes_list li div,
ul.notes_list li p {
  display: inline;
}

ul.notes_list > li:not(:empty):before {
  position: absolute;
  top: 0;
  left: -1.5em;
  content: "※";
}

ul.notes_list > li ul.smallArrowLink > li {
  padding: 0 0 0 13px;
  font-size: 100%;
  text-indent: 0em;
}

ul.notes_list > li ul.smallArrowLink > li:before {
  position: relative;
  top: 0;
  left: 0;
  content: "";
}

ul.list > li:not(:empty):before {
  content: '';
  display: block;
  position: absolute;
  top: 4px;
  left: -20px;
  background: #C3D600;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

ul.numList li .num {
  position: relative;
  top: 0;
  left: -0.5em;
}

/* *など記号1文字 */
ul.list_type2 {
  padding-left: 0px;
  color: #666;
}

ul.list_type2 li {
  position: relative;
  display: block;
  padding: 0 0 0 20px;
  margin-bottom: 5px;
  line-height: 1.2;
  font-size: 86%;
}

ul.list_type2 li span:first-child {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
}

/*（*1）などの場合*/
ul.list_type3 {
  padding-left: 36px;
}

ul.list_type3 li {
  position: relative;
  font-size: 86%;
  color: #666;
}

ul.list_type3 li span:first-child {
  position: absolute;
  top: 0;
  left: -40px;
}

/*（注1）などの場合*/
ul.list_type4 {
  padding-left: 40px;
}

ul.list_type4 li {
  position: relative;
  font-size: 86%;
  color: #666;
}

ul.list_type4 li span:first-child {
  position: absolute;
  top: 0;
  left: -43px;
}

/*（1）などの場合*/
ul.list_type5 {
  padding-left: 26px;
}

ul.list_type5 li {
  position: relative;
  font-size: 86%;
  color: #666;
}

ul.list_type5 li span:first-child {
  position: absolute;
  top: 0;
  left: -29px;
}

/* 1.などの場合 */
ul.list_type6 {
  padding-left: 20px;
}

ul.list_type6 li {
  position: relative;
  display: block;
  margin-bottom: 5px;
  line-height: 1.2;
}

ul.list_type6 li span:first-child {
  position: absolute;
  top: 0;
  left: -1.3em;
}

.infoList {
  padding: 5px 10px;
}

.infoList:nth-of-type(2n) {
  background-color: #f8f9ec;
}

/* ----- 注釈と中黒を組み合わせるの場合 ----- */
ul.notes_list li.noSign span.sign {
  margin-left: -6px;
  padding-right: 5px;
}

ul.notes_list>li.noSign:before {
  content: "";
  top: 0;
  left: 0;
}

/* ----- 注釈以外のの場合 ----- */
.notes_list.font_n li,
.list_type2.font_n li,
.list_type3.font_n li,
.list_type4.font_n li,
.list_type5.font_n li {
  font-size: 14px;
  color: #000000;
}

.notes_list.font_n li .notes_list li {
  color: #666;
  font-size: 86%;
}

/* ----- リストマークが“※n：”の場合 ----- */
/* ----- リストマークが“（*n）”もしくは"（注n）"の場合 ----- */
/* テーブル
--------------------------------------------------------- */
.contact table {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse
}

table {
  border-collapse: collapse;
  font-size: 14px;
}

table.font_size10px {
  font-size: 10px;
}

table.font_size10px .font_n_bold {
  font-size: 10px;
}

table.font_size13px {
  font-size: 13px;
}

table.font_size13px .font_n_bold {
  font-size: 13px;
}

th,
td {
  border: 1px solid #c0c0c0;
  border-top: none;
}

/* ----- 見出しセル（th） ----- */
.contact .thtop {
  border-top: 1px solid #c0c0c0;
}

.contact th {
  padding: 10px;
  background-color: #f5f5f5;
  text-align: left;
  line-height: 130%;
  display: block;
  width: 100% !important;
}

.contact table.font_size10px th {
  padding: 8px 5px;
}

.contact table.font_size13px th {
  padding: 8px 2px;
}

.contact table.meisaiTable th {
  padding: 8px 1px !important;
}

.contact th.font_n_bold,
.contact th .font_n_bold {
  -webkit-text-stroke: 0px;
  font-weight: bold;
}

/* ----- 幅指定 ----- */
.form_default_table th {
  width: 33%;
}

.form_2column_table th {
  width: 50%;
}

/* ----- データセル（td） ----- */
.contact td {

  padding: 10px;
  background-color: #fff;
  display: block;
  width: 100% !important;
}

.contact table.font_size10px td {
  padding: 8px 5px;
}

.contact table.font_size13px td {
  padding: 8px 3px;
}

.contact table.meisaiTable td {
  padding: 8px 2px !important;
}

/* ----- validate ----- */
td.onthe_error {
  overflow-x: hidden;
}

.contact table tr.validate_error_line td {
  padding: 0 0 0 10px;
  background-color: #f1e7a6;
}

.contact table tr.validate_error_parents td,
.contact table tr.validate_error_parents th {
  background-color: #f1e7a6 !important;
}

.contact table tr.validate_error_parents td {
  background-color: #f1e7a6;
}

/* ----- form validate ----- */
.error_text {
  position: relative;
  color: #DD3300;
  font-weight: bold;
  line-height: 1.4;
  padding-left: 26px;
  margin: 6px 0 6px 15px;
}

.error_text::before {
  content: '';
  position: absolute;
  display: block;
  background: url(/member/img/icon_caution.svg) no-repeat;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
}

li.validate_error_line  > .error_text:empty {
  display: none;
}

/* table装飾
--------------------------------------------------------- */
.contact th.table_level1,
.contact td.table_level1 {
  text-align: center;
  background-color: #f8f9ec;
  font-weight: bold;
}

.contact th.table_level2,
.contact td.table_level2 {
  text-align: center;
  font-weight: bold;
}

.contact th.table_level3,
.contact td.table_level3 {
  color: #fff;
  text-align: center;
  background-color: #8cbe56;
  font-weight: bold;
}

table.border_l3 {
  border: 3px solid #d6d6d6;
}

.border_td_l1 td {
  border: 1px solid #d6d6d6;
}

.contact td.border_l3_b,
.contact th.border_l3_b {
  border-bottom: 3px solid #d6d6d6;
}

.contact td.border_l3_t,
.contact th.border_l3_t {
  border-top: 3px solid #d6d6d6;
}

.form_fix_table_th_l {
  border: 1px solid #d6d6d6;
  width: 100%;
}

.form_fix_table_th_l th {
  padding: 5px;
  background: #f5f5f5;
  text-align: left !important;
}

.form_fix_table_th_l td {
  padding: 5px;
}

table td.td_size_w40,
table th.th_size_w40 {
  width: 40%;
}

table td.td_size_w20,
table th.th_size_w20 {
  width: 20%;
}

.contact th.border_rm_t,
.contact td.border_rm_t {
  border-top: 1px solid transparent;
}

li.border_rm_t {
  border-top: 1px solid transparent;
}

.contact th.border_rm_b,
.contact td.border_rm_b {
  border-bottom: 1px solid transparent;
}

li.border_rm_b {
  border-bottom: 1px solid transparent;
}

.contact th.border_rm_r,
.contact td.border_rm_r {
  border-right: 1px solid transparent;
}

.contact th.border_rm_l,
.contact td.border_rm_l {
  border-left: 1px solid transparent;
}

.contact table.td_color_white td {
  background-color: #FFF;
}

.contact th.border_add_t,
.contact td.border_add_t {
  border-top: 1px solid #d6d6d6;
}

li.border_add_t {
  border-top: 1px solid #d6d6d6;
}

td.th_color {
  background-color: #F5F5F5;
}

/* ----- ポイントテーブル ----- */
table.point_table {
  border: #ddd 1px solid !important;
}

table.point_table th,
table.point_table td {
  border: none !important;
  border-top: #ddd 1px solid !important;
  border-left: #ddd 1px solid !important;
}

table.point_table tr.inner_row th:first-child {
  border: none !important;
  width: 5%;
}

table.point_table th.inner_b {
  border-bottom: none !important;
  width: 5%;
}

table.point_table th.inner_t {
  border-top: none !important;
  width: 5%;
}

table.point_table td {
  width: 40%;
}

table.point_table2 {
  border: #ddd 1px solid !important;
}

table.point_table2 th,
table.point_table2 td {
  border: none !important;
  border-top: #ddd 1px solid !important;
  border-left: #ddd 1px solid !important;
}

table.point_table2 tr.inner_row th:first-child {
  border: none !important;
  width: 5%;
}

table.point_table2 tr.inner_row th:empty {
  width: 3%;
}

table.point_table th.inner_b {
  border-bottom: none !important;
}

table.point_table2 th.inner_t {
  border-top: none !important;
}

table.point_table2 th.inner_l {
  border-left: none !important;
}

table.point_table2 th.inner_r {
  border-right: none !important;
}

table.point_table2.font_size10px th {
  padding: 8px 2px;
}

/*罫線削除*/
table.authori_shokai_table {
  border-top: none !important;
  border-left: none !important;
  border-collapse: separate;
  border-spacing: 0px;
}

table.authori_shokai_table tbody:first-child+* tr th:first-child,
table.authori_shokai_table tbody:first-child+*+*+* tr th:first-child {
  border-top: none !important;
}

/*スクロールテーブル*/
.scroll_table {
  width: 100%;
  overflow-x: auto;
}

.scroll_table table {
  min-width: 650px;
}

/*annual_table*/
/*テーブル線消し+背景色白*/
table.annual_table {
  font-size: 10px;
}

table.annual_table th,
table.annual_table td {
  border: none !important;
  border-top: #c8c8c8 1px solid !important;
  border-left: #c8c8c8 1px solid !important;
  border-right: #c8c8c8 1px solid !important;
}

tr.inner_row_white th:first-child {
  width: 3% !important;
  border-top: none !important;
  background-color: #ffffff !important;
}

table.annual_table th.bottom_row,
table.annual_table td.bottom_row {
  border-bottom: 1px solid #c8c8c8 !important;
}

table.annual_table tr.inner_row_white th:last-child {
  width: 70% !important;
}

/* フォーム
--------------------------------------------------------- */
/* ----- InputText Style ----- */
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"] {
  background-color: white;
  border: 1px solid #c6c6c6;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: medium;
  box-sizing: border-box;
  margin: 3px 0;
  min-width: 28px;
  max-width: 562px;
  border-radius: 4px;
}

input[type="text"]:disabled{
  background-color: #EEE;
}

input[size="16"],
input[size="17"],
input[size="18"],
input[size="19"],
input[size^="2"]:not([size="2"]),
input[size^="3"]:not([size="3"]),
input[size^="4"]:not([size="4"]),
input[size^="5"]:not([size="5"]),
input[size^="6"]:not([size="6"]),
input[size^="7"]:not([size="7"]),
input[size^="8"]:not([size="8"]),
input[size^="9"]:not([size="9"]) {
  width: 100%;
}

input[size="1"],
input[size="2"],
input[size="3"],
input[size="4"],
input[size="5"],
input[size="6"],
input[size="7"],
input[size="8"],
input[size="9"],
input[size="10"],
input[size="11"],
input[size="12"],
input[size="13"],
input[size="14"],
input[size="15"] {
  box-sizing: content-box;
}

input[size="1"][class*="size"],
input[size="2"][class*="size"],
input[size="3"][class*="size"],
input[size="4"][class*="size"],
input[size="5"][class*="size"],
input[size="6"][class*="size"],
input[size="7"][class*="size"],
input[size="8"][class*="size"],
input[size="9"][class*="size"],
input[size="10"][class*="size"],
input[size="11"][class*="size"],
input[size="12"][class*="size"],
input[size="13"][class*="size"],
input[size="14"][class*="size"],
input[size="15"][class*="size"] {
  box-sizing: border-box;
}

input[size="1"] {
  width: 1em;
}

input[size="2"] {
  width: 2em;
}

input[size="3"] {
  width: 3em;
}

input[size="4"] {
  width: 4em;
}

input[size="5"] {
  width: 5em;
}

input[size="6"] {
  width: 6em;
}

input[size="7"] {
  width: 7em;
}

input[size="8"] {
  width: 8em;
}

input[size="9"] {
  width: 9em;
}

input[size="10"] {
  width: 10em;
}

input[size="11"] {
  width: 11em;
}

input[size="12"] {
  width: 12em;
}

input[size="13"] {
  width: 13em;
}

input[size="14"] {
  width: 14em;
}

input[size="15"] {
  width: 15em;
}

input.search_input {
  padding: 7px 5px !important;
  width: 90%;
}

.textBox_height {
  display: inline-block;
  height: 36px;
  vertical-align: middle;
  margin-top: 3px;
  margin-bottom: 3px;
}

.textBox_height:after {
  content: "";
  width: 1px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin-left: -1px;
}

select,
option {
  font-size: inherit;
}

select {
  padding: 5px;
  width: 80% !important;
}

/* ----- 補足文装飾 ----- */
.block_constraint {
  clear: both;
  width: 90%;
  text-align: right;
}

.inline_constraint {
  padding: 0 0 0 15px;
}

/* ----- TextArea Style ----- */
textarea {
  padding: 5px !important;
  border-top: 2px solid #d5d5d5 !important;
  border-right: 1px solid #eeeeee !important;
  border-bottom: 1px solid #eeeeee !important;
  border-left: 2px solid #d5d5d5 !important;
  background: #f8f8f8 !important;
}

/* CheckBox　RadioButton Style
--------------------------------------------------------- */
input[type="radio"] {
  margin: 0 5px 0 1px;
  vertical-align: middle;
  display: inline-block;
  width: 13px;
  height: 13px;
}

input[type="checkbox"] {
  margin: 5px 5px 0 1px;
  vertical-align: middle;
  display: inline-block;
  width: 13px;
  height: 13px;
}

input[type="checkbox"].single_input {
  display: inline-block;
}

input[type="radio"].single_input {
  display: block;
  margin: 0 auto;
}

.contact .default_radio,
.contact .default_radio_on,
.contact .default_radio_2 {
  vertical-align: middle;
  margin-right: 20px;
  cursor: pointer;
}

.contact .default_checkbox,
.contact .default_checkbox_on,
.contact .default_checkbox_2 {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  vertical-align: top;
  cursor: pointer;
  padding-left: 25px;
  margin-left: -25px;
  margin-top: 3px;
  margin-bottom: 3px;
}

/* 背景色付与チェックボックス（黄色）
--------------------------------------------------------- */
.checkbox_b_color {
  width: 100%;
  padding: 0 !important;
  margin-bottom: 10px;
}

.checkbox_b_color input {
  margin: 0;
}

.checkbox_b_color .default_checkbox {
  display: inline-block !important;
}

.checkbox_b_color .default_checkbox {
  display: inline-block !important;
}

.checkbox_b_color .default_checkbox_on {
  display: inline-block !important;
}

.checkbox_b_color .default_checkbox_2 {
  width: 0 !important;
}

.b_color_box {
  display: inline-block;
  padding: 5px;
  background-color: #fcfcdd;
  border: 1px solid #ebeba9;
}

/* ----- 非活性ボタン ----- */
.attention_text_box .default_radio_on,
.attention_text_box .default_radio {
  margin-bottom: 0;
}

.attention_text_box .default_radio_on~*,
.attention_text_box .default_radio~* {
  margin-top: 8px;
}

.attention_text_box h3 {
  margin-top: 0;
}

.gray_box {
  background-color: #f6f6f6;
}

/* ----- 非活性ボタン ----- */

.default_radio.disabled,
.default_radio_on.disabled {
  position: relative;
  display: block;
  padding-left: 28px;
  cursor: pointer;
}

.single_radio.disabled,
.single_radio_on.disabled {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.default_checkbox.disabled,
.default_checkbox_on.disabled {
  position: relative;
  display: block;
  padding-left: 28px;
  cursor: pointer;
}

/* ----- form部品装飾 ----- */
.radio_text_mr_l {
  margin-top: 10px;
  margin-left: 28px;
}

.contact a.no_image,
a.no_image {
  background-image: none;
  padding-left: 0;
}


/* ボタン
--------------------------------------------------------- */
button {
  -webkit-appearance: none;
}

input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

.submit_btn_box .default_btn~*,
.submit_btn_box .default_btn~* a,
.submit_btn_box .default_btn~* input {
  margin-top: 10px;
}

/* accordionボタン
--------------------------------------------------------- */
.accordion_btn_parent {
  margin-bottom: 10px;
  position: relative;
}

h2.accordion_btn_parent {
  margin-bottom: 20px !important;
  padding-right: 40px;
}

.accordion_label {
  width: 88%;
  font-size: 1.6rem;
}


.accordion_btn_parent button,
.accordion_btn_parent_ddl button {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  margin-bottom: 0 !important;
  background: transparent;
  box-shadow: none;
  min-width: inherit;
}

.accordion_btn_parent button.btn_auto_size img,
.accordion_btn_parent_ddl button.btn_auto_size img,
.common_accordion_parent .button.btn_auto_size img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
}

.accordion_btn_table button.btn_auto_size img {
  vertical-align: middle;
  display: block;
}

.common_accordion_parent button img,
.accordion_btn_box button img {
  width: 24px;
  height: 24px;
}

.common_accordion_parent .meisaiTable button {
  height: 18px;
  width: 18px;
}

.common_accordion_parent .meisaiTable button img {
  width: 18px;
  height: 18px;
  vertical-align: top !important;
}

/* ボタン基礎
--------------------------------------------------------- */
.default_btn {
  text-align: center;
  padding: 17px 30px 16px 30px;
  font-weight: bold;
  position: relative;
  border-radius: 0;
  -webkit-appearance: none;
  box-sizing: border-box;
  background-color: #C3D600;
  color: #1A4832 !important;
  border: 1px solid #C3D600;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  background-image: url(/member/img/icon_arrow_left_black.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
}

.default_btn.btn_big_size {
  width: 100%;
  font-size: 1.8rem;
}


.default_btn:first-child {
  margin-left: 0;
}

.negative_btn {
  width: 100% !important;
  text-align: center;
  padding: 17px 30px 16px 30px !important;
  font-size: 1.8rem;
  line-height: 1.389;
  font-weight: bold;
  position: relative;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: #EEEEEE;
  color: #333 !important;
  border: 1px solid #EEEEEE;
  text-decoration: none;
  order: 1;
  display: inline-block;
  text-decoration: none;
  box-sizing: border-box;
  margin-top: 10px;
}

.button_line p.pad_box {
  text-align: center;
}

.tooltip {
  top: -15px;
  left: 0;
  display: inline-block !important;
}

.tooltip_btn {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  border: none;
  width: 23px;
  height: 21px;
  background: #104a36;
  background: -moz-linear-gradient(top, #104a36 0%, #306351 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #104a36), color-stop(100%, #306351));
  background: -webkit-linear-gradient(top, #104a36 0%, #306351 100%);
  background: -o-linear-gradient(top, #104a36 0%, #306351 100%);
  background: -ms-linear-gradient(top, #104a36 0%, #306351 100%);
  background: linear-gradient(to bottom, #104a36 0%, #306351 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#104a36', endColorstr='#306351', GradientType=0);
  font-weight: bold;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  margin-left: 6px;
  cursor: pointer;
}

.tooltip:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 0;
  left: 6px;
  border: transparent solid 5px;
  border-right-color: #235946;
  border-left: none;
}

.strongest_btn {
  border-bottom: 3px solid #c0421d;
  background: #e06b2a;
  color: #fff;
  font-weight: bold;
}

.strong_btn {
  border-bottom: 3px solid #dc5f3b;
  background: #e99a6e;
  color: #fff;
  font-weight: bold;
}

.pagetop_btn {
  padding: 10px;
  border: none;
  background: #65ae07;
  color: #fff;
}

.pagetop_btn_box {
  padding-right: 5px;
  text-align: right;
}

.login_btn {
  border-bottom: 3px solid #c46100;
  background: #f57900;
  color: #fff;
  font-weight: bold;
}

.clearBtn {
  box-sizing: content-box !important;
  width: 63px !important;
  height: 25px !important;
  padding: 3px 15px !important;
  margin: 0 !important;
  display: inline-block !important;
  text-decoration: none !important;
  line-height: 25px !important;
  font-weight: 700 !important;
  position: relative !important;
  background-color: #E1EA7F !important;
  color: #1A4832 !important;
  border: 1px solid #E1EA7F !important;
}


/* ----- HOVER ----- */
.default_btn_hover {
  border-bottom: 3px solid #a7c482;
  background: #b2d683;
  color: #fff;
  font-weight: bold;
}

.negative_btn_hover {
  border-bottom: 3px solid #a5a5a5;
  background: #b9b9b9;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.strongest_btn_hover {
  border-bottom: 3px solid #dfa08e;
  background: #efb594;
  color: #fff;
  font-weight: bold;
}

.strong_btn_hover {
  border-bottom: 3px solid #edaf9d;
  background: #f4ccb6;
  color: #fff;
  font-weight: bold;
}

.week_btn_hover {
  border-bottom: 3px solid #b1c29e;
  background: #c5deaa;
  color: #fff;
  font-weight: bold;
}

.weakest_btn_hover {
  border-bottom: 3px solid #d3dec5;
  background: #eff4e8;
  color: #888;
}

/* ----- 色々なボタン ----- */
.btnFormType04 {
  display: inline-block;
  text-align: center;
  color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  text-decoration: none;
  padding: 15px 5px;
  width: 100px;
  background-color: #65ae07;
  border-bottom: 3px solid #508906;
}

.btnFormType04:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.disabled_btn {
  opacity: 0.5;
}
.default_btn.disabled,
.default_btn[disabled]{
  opacity: 0.5;
}
/* btn style
--------------------------------------------------------- */
input.btnSudden,
input.btnStrong,
input.btnNormal,
input.btnWeak01,
input.btnWeak02,
input.btnFormType01,
input.btnFormType02,
input.btnFormType03 {
  border-left: medium none;
  border-right: medium none;
  border-top: medium none;
}

input.scrollWrapArea .jspVerticalBar .jspArrowUp,
input.scrollWrapArea .jspVerticalBar .jspArrowDown {
  border-left: medium none;
  border-right: medium none;
  border-top: medium none;
}

input.CarouselWrapArea .naviWrap .btnNext,
input.CarouselWrapArea .naviWrap .btnPrev {
  border-left: medium none;
  border-right: medium none;
  border-top: medium none;
}

.btnSudden,
.btnStrong,
.btnNormal,
.btnWeak01,
.btnWeak02,
.btnFormType01,
.btnFormType02,
.btnFormType03 {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-weight: bold;
  color: #003e28 !important;
  display: block;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

.scrollWrapArea .jspVerticalBar .jspArrowUp,
.scrollWrapArea .jspVerticalBar .jspArrowDown {
  display: inline-block;
  text-align: center;
  color: #fff !important;
  font-weight: 600;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

.CarouselWrapArea .naviWrap .btnNext,
.CarouselWrapArea .naviWrap .btnPrev {
  display: inline-block;
  text-align: center;
  color: #fff !important;
  font-weight: 600;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-decoration: none;
}

.scrollWrapArea .jspVerticalBar .jspArrowUp,
.scrollWrapArea .jspVerticalBar .jspArrowDown {
  width: 20px;
  height: 41px;
  position: absolute;
  border-bottom: 3px solid #508906;
  right: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.CarouselWrapArea .naviWrap .btnNext,
.CarouselWrapArea .naviWrap .btnPrev {
  width: 20px;
  height: 41px;
  position: absolute;
  border-bottom: 3px solid #508906;
  right: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.btnSudden,
.btnStrong,
.btnNormal,
.btnWeak01,
.btnWeak02 {
  width: 150px;
  padding: 7px 2% 6px;
  margin: 0 auto;
}

.btnSudden.btnWidthFix40per,
.btnStrong.btnWidthFix40per,
.btnNormal.btnWidthFix40per,
.btnWeak01.btnWidthFix40per,
.btnWeak02.btnWidthFix40per {
  width: 40% !important;
  display: inline-block;
}

.btnFormType01 {
  line-height: 1em;
}

.btnFormType02,
.btnFormType03 {
  line-height: 1em;
  padding: 17px 25px 14px;
}

.btnSudden {
  background-color: #e06b2a;
  border-bottom: 3px solid #c0421d;
}

.btnStrong {
  background-color: #e99a6e;
  border-bottom: 3px solid #dc5f3b;
}

.btnNormal,
.btnFormType02 {
  border-top: 1px solid #c8d97c;
  border-left: 1px solid #c8d97c;
  border-bottom: none;
  border-right: none;
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  background: #c4e23f;
  /* Old browsers */
  background: -moz-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4e23f), color-stop(2%, #bbdd21), color-stop(100%, #9acd06));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  /* W3C */
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnWeak01,
.btnWeak02 {
  color: #003e28 !important;
  border-top: 1px solid #cce381;
  border-left: 1px solid #cce381;
  background: #eaf2d2;
  background: -moz-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eaf2d2), color-stop(100%, #e2ecc6));
  background: -webkit-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  background: -o-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  background: -ms-linear-gradient(top, #eaf2d2 0%, #e2ecc6 100%);
  background: linear-gradient(to bottom, #eaf2d2 0%, #e2ecc6 100%);
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
}

.btnCloseAWType02 {
  display: inline-block;
}

.btnCloseAWType02 .txt {
  font-weight: 600;
  padding-left: 20px;
}

.btnFormType01,
.btnFormType02,
.btnFormType03 {
  font-size: 115%;
}

.btnFormType01,
.btnFormType03 {
  width: 100px;
  background-color: #7e7e7e;
  border-bottom: 3px solid #4B4B4B;
}

.btnFormType01 {
  width: 50px;
  padding: 5px 25px 3px;
}

.btnFormType02,
.btnFormType03 {
  width: 150px;
}

.btnSudden:hover,
.btnStrong:hover,
.btnNormal:hover,
.btnWeak01:hover,
.btnWeak02:hover,
.btnFormType01:hover,
.btnFormType02:hover,
.btnFormType03:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.scrollWrapArea .jspVerticalBar .jspArrowUp:hover,
.scrollWrapArea .jspVerticalBar .jspArrowDown:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.CarouselWrapArea .naviWrap .btnNext:hover,
.CarouselWrapArea .naviWrap .btnPrev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.CarouselWrapArea .CarouselArea li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.modal_win_botton {
  padding: 2px 6px;
  text-align: center;
}

/* ----- キャンセルボタン ----- */
.cancel_btn,
a.cancel_btn,
.cancel_btn02,
a.cancel_btn02,
.default_btn.weak_btn,
a.default_btn.weak_btn {
  width: 100% !important;
  text-align: center;
  padding: 17px 30px 16px 30px !important;
  font-size: 1.8rem;
  line-height: 1.389;
  font-weight: bold;
  position: relative;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: #EEEEEE;
  color: #333333;
  border: 1px solid #EEEEEE;
  text-decoration: none;
  order: 1;
  display: inline-block;
  text-decoration: none;
}

.button3_wrap a.cancel_btn {
  background-color: initial;
  border: initial;
  text-align: initial;
  padding: initial !important;
  color: #117766;
  font-size: initial;
  font-weight: initial;
  text-decoration: underline;
}

/*副導線ボタン*/
.co_btn {
  display: inline-block;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  padding: 17px 40px 16px;
  background-color: #E1EA7F;
  color: #1A4832 !important;
  text-align: center;
  border: 1px solid #E1EA7F;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
  background-image: url(/member/img/icon_button_self.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
}

.co_btn.no_icon_btn {
  background-image: none;
  padding-left: 1em;
  padding-right: 1em;
}

.co_btn .blankLink {
  width: 20px;
  height: 20px;
  background-image: url(/member/img/icon_popup_darkgreen.svg);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 12;
  background-color: #E1EA7F;
}

/*照会・参照ボタン*/
.inquiry_btn {
  display: inline-block;
  width: 100%;
  background-color: #E1EA7F;
  color: #1A4832 !important;
  text-align: center;
  border: 1px solid #E1EA7F;
  text-decoration: none;
  position: relative;
  box-sizing: border-box;
}

.inquiry_btn.btn_big_size {
  width: 100% !important;
  padding: 18px 2% 17px;
  vertical-align: top;
  font-size: 110% !important;
  font-weight: bold;
}

.btn_small_size {
  display: inline-block;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  border-collapse: separate;
  position: relative;
  vertical-align: middle;
  box-sizing: border-box;
  width: auto;
  min-width: 150px;
  padding: 7px 2% 6px;
}

/* ボタンサイズ
--------------------------------------------------------- */
.btn_auto_size {
  padding: 6px 2% 7px !important;
  text-align: center;
  font-weight: 700;
  min-width: 50px;
  width: auto;
  background-image: none;
  font-size: 15px;
}

.btn_auto_size_b {
  padding: 7px 8px 6px;
  text-align: center;
}

.button_line .btn_auto_size,
.button_line .btn_auto_size_b {
  margin-bottom: 0px;
}

.accordion_btn_parent .btn_auto_size,
.accordion_btn_table .btn_auto_size,
.common_accordion_parent .btn_auto_size {
  min-width: inherit;
  padding: 0px !important;
  border-radius: 4px;
}

.btn_max_size {
  padding: 8px 0;
  width: 100%;
  text-align: center;
}

.submit_btn_wrap a.btn_small_size {
  box-sizing: border-box;
}

.submit_btn_wrap span>.negative_btn.btn_small_size {
  width: 100%;
  order: 1;
}

.submit_btn_wrap .negative_btn.btn_small_size {
  width: 100%;
  text-align: center;
  padding: 17px 30px 16px 30px;
  font-size: 1.8rem;
  line-height: 1.389;
  font-weight: bold;
  position: relative;
  border-radius: 0;
  -webkit-appearance: none;
  background-color: #EEEEEE;
  background-image: url(/member/img/icon_arrow_right_black.svg);
  background-repeat: no-repeat;
  background-position: 10px center;
  color: #333333;
  border: 1px solid #EEEEEE;
  text-decoration: none;
  order: 1;
}

.submit_btn_box p .negative_btn {
  width: 100%;
}

.submit_btn_wrap a.negative_btn.btn_small_size.line2 {
  padding-top: 4px;
  line-height: 1.3;
}

.submit_btn_wrap a.cancel_btn.btn_small_size {
  display: block;
}

.button_line>span:not(:last-child) .default_btn {
  margin-bottom: 20px;
}


/* ボタンボックス
--------------------------------------------------------- */
.submit_btn_wrap {
  margin: 15px 0;
  display: block;
}

.submit_btn_wrap .default_btn.font_s {
  font-size: 18px !important;
}

.submit_btn_wrap>ul.notes_list {
  padding-left: 35px;
  padding-right: 20px;
}

.submit_btn_wrap>span {
  display: inline-block;
  width: 100%;
}

.submit_btn_wrap p,
.submit_btn_wrap ul,
.submit_btn_wrap table {
  text-align: left;
  flex-basis: 100%;
  margin-bottom: 10px;
}

.submit_btn_wrap>div div:nth-of-type(2) p {
  margin-top: 10px;
}

.submit_btn_box {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  width: 100%;
  margin: 30px 0;
}

.submit_btn_box .default_btn,
.submit_btn_wrap .default_btn.btn_big_size {
  width: 100%;
  padding: 17px 16px 16px;
  font-size: 1.8rem;
  line-height: 1.389;
  box-sizing: border-box;
  order: 2;
}

.submit_btn_wrap>*:first-child {
  padding-top: 10px;
}

.submit_btn_wrap>*:last-child {
  padding-bottom: 10px;
}

.button_line>span:not(:last-child) .default_btn,
.submit_btn_box>span:not(:last-child) .default_btn {
  margin-bottom: 10px;
}

/* ----- WG47 2カラム用ボタンスタイル ----- */
.submit_btn_wrap_col {
  margin: 10px 0 15px;
  padding: 20px;
  text-align: center;
  background: #efefef;
}

.submit_btn_wrap_col .colU {
  padding: 20px 2% 18px;
  margin-bottom: 15px;
  height: auto;
}

.submit_btn_wrap_col .colD {
  max-width: 70%;
  margin-right: 10px;
  vertical-align: bottom;
}

.submit_btn_wrap_col .colL_btn {
  color: #003e28 !important;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: none;
  border-bottom: none;
  background: #ffffff;
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  font-weight: bold;
}

.btn_wrap_col {
  margin: 10px 0 15px;
  padding: 20px;
  text-align: center;
  background: #efefef;
}

.btn_wrap_col .col_btn_small {
  width: 70%;
  line-height: 15px;
  display: inline-block;
  padding: 10px;
  text-align: center;
  font-size: 12px;
  vertical-align: bottom;
  text-decoration: none;
}

.btn_wrap_col .col_btn_small {
  color: #003e28 !important;
  border-top: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  border-right: none;
  border-bottom: none;
  background: #ffffff;
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  font-weight: bold;
}

.btn_wrap_col .col_btn_big {
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
  padding: 20px 10px;
  font-size: 110%;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  border-collapse: separate;
  vertical-align: middle;
  box-sizing: border-box;
}

.btn_wrap_col .col_btn_big.col_btn_2line {
  padding: 10px 15px;
}

.btn_wrap_col .col_btn_big.col_btn_speed {
  position: relative;
  margin-top: 15px;
}

.btn_wrap_col .col_btn_big.col_btn_speed:before {
  content: "<スピード審査>";
  position: absolute;
  display: block;
  top: -20px;
  left: 50%;
  margin-left: -4em;
  color: #d40c0c;
  font-size: 14px;
}

.btn_wrap_col .col_btn_big {
  color: #003e28 !important;
  border-top: 1px solid #c8d97c;
  border-left: 1px solid #c8d97c;
  background: #c4e23f;
  background: -moz-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4e23f), color-stop(2%, #bbdd21), color-stop(100%, #9acd06));
  background: -webkit-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  background: -o-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  background: -ms-linear-gradient(top, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  background: linear-gradient(to bottom, #c4e23f 0%, #bbdd21 2%, #9acd06 100%);
  box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -webkit-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -o-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  -ms-box-shadow: -1px -1px 1px 0px rgba(0, 0, 0, 0.3) inset;
  border-bottom: none;
  border-right: none;
  border-radius: 0px;
}

/**************************yabane***********************************/

.yabane_step {
  display: table;
  overflow: hidden;
  margin-bottom: 20px;
  width: 100%;
  color: white;
  font-weight: bold;
}

.yabane_row {
  display: table-row;
  width: 100%;
}

.yabane_step li {
  position: relative;
  z-index: 0;
  display: table-cell;
  padding: 0px !important;
  padding-left: 30px !important;
  height: 40px;
  color: black;
  list-style: none;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  background-color: #F3F3F3;
  z-index: 1;
  width: 15%;
}

.yabane_step li:first-child {
  padding-left: 10px !important;
}

.yabane_step li:last-child {
  width: 20%;
  padding-right: 10px !important;
  padding-left: 30px !important;
  text-align: center;
}

.yabane_step li.act {
  background-color: #117766;
  width: 60%;
  color: white;
}


.yabane_step .step2 li {
  width: 30%;
}

.yabane_step .step4 li {
  width: 15%;
}

.yabane_step .step5 li {
  width: 10%;
}

.yabane_step li:before {
  position: absolute;
  left: 0;
  top: -6px;
  content: "";
  width: 0;
  height: 0;
  border-left: 25px #FFF solid;
  border-top: 25px transparent solid;
  border-bottom: 25px transparent solid;
  z-index: 1;
}

.yabane_step li:after {
  position: absolute;
  left: -1px;
  top: -3px;
  content: "";
  width: 0;
  height: 0;
  border-left: 22px #F3F3F3 solid;
  border-top: 22px transparent solid;
  border-bottom: 22px transparent solid;
  z-index: 2;
}

.yabane_step .act+li:after {
  border-left: 22px #117766 solid;
}

.yabane_step li:first-child:before,
.yabane_step li:first-child:after {
  display: none;
}

.yabane_step li div {
  position: relative;
  display: inline-block;
  padding: 1px 0px 0 25px;
  text-align: left;
  line-height: 1.1;
}

.yabane_step li span {
  position: absolute;
  top: 1px;
  left: 0.2em;
}

/* ページング
--------------------------------------------------------- */
div.navi_list {
  margin: 5px 0 5px;
  padding: 5px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  font-size: 10.5px;
  font-weight: bold;
  color: #1A4832;
  position: relative;
  min-height: 33px;
}

div.navi_list span {
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  margin: 0 3px;
  padding: 7px 5px 4px;
  background-color: #C3D600;
  color: #1A4832;
  border: 1px solid #C3D600;
  line-height: 1em;
}

div.navi_list span.spot_area {
  background: #035237 !important;
  color: white !important;
}

/* 無効化時は下線と色を解除 */
div.navi_list span.disabled,
div.navi_list span.disabled {
  text-decoration: none;
  color: #000;
}

/* ----- ボタンページャ記述 ----- */
div.navi_list {
  overflow: hidden;
  text-align: center;
}

div.navi_list span.return_back_meisai,
div.navi_list span.proceed_next_meisai,
div.navi_list span.proceed_next_meisai_first {
  box-sizing: content-box;
  width: 63px !important;
  height: 25px !important;
  padding: 3px 15px;
  margin: 0 !important;
  display: inline-block;
  text-decoration: none;
  line-height: 25px;
  font-weight: 700;
  position: relative;
}

div.navi_list span.proceed_next_meisai_first {
  margin-top: 46px !important;
  left: -94px !important;
}

div.navi_list span.proceed_next_meisai:before {
  content: '＜';
  display: inline-block;
  margin-right: 7px;
  vertical-align: middle;
}

div.navi_list span.return_back_meisai:after {
  content: '＞';
  display: inline-block;
  margin-left: 7px;
  vertical-align: middle;
}

div.navi_list span.proceed_next_meisai_first:before {
  content: '＜＜';
  left: 6px;
}

/* ----- 完了画面メッセージ ----- */
p.comp_message {
  position: relative;
  padding: 7px 10px 5px 60px;
  font-weight: bold;
  font-size: 160%;
  min-height: 40px;
  vertical-align: middle;
}

p.comp_message:before {
  position: absolute;
  top: 2px;
  left: 10px;
  display: inline-block;
  width: 40px;
  height: 40px;
  content: "";
  vertical-align: top;
  background-color: #1a4832;
  border-radius: 50%;
  box-sizing: border-box;
}

p.comp_message:after {
  position: absolute;
  top: 8px;
  left: 22px;
  display: inline-block;
  width: 15px;
  height: 21px;
  content: "";
  border: 4px solid #fff;
  border-left: none;
  border-top: none;
  transform: rotate(45deg);
  box-sizing: border-box;
}

p.comp_message2 {
  position: relative;
  box-sizing: border-box;
  padding: 70px 0 0 0;
  font-weight: bold;
  font-size: 160%;
  text-align: center;
}

p.comp_message2:before {
  content: '';
  position: absolute;
  display: block;
  background: url(/member/img/ico_compmessage.png) no-repeat;
  top: 3px;
  left: 0;
  width: 50px;
  height: 50px;
  left: calc(50% - 25px);
  vertical-align: top;
}

comp_txt {
  margin: 0;
}

/* 必須・任意マーク
--------------------------------------------------------- */
.required {
  float: left;
  margin-right: 10px;
  width: 36px;
  height: 22px;
}

.required_icon {
  float: left;
  width: 36px;
}

/* JS付与系
--------------------------------------------------------- */
/* ----- エラーの時のtdの色 ----- */
.js_add_error_area {
  background-color: #ffdcd0 !important;
}

/* ----- チェック時の親の色 ----- */
.js_add_check_bg {
  /*背景色はつけない*/
}

.js_add_fixed_canceller {
  position: absolute !important;
}

.error_text_box {
  color: #000;
  padding: 10px;
  margin-bottom: 20px;
  background: #ffdcd0;
  clear: both;
  overflow: hidden;
}

.error_left_box {
  float: left;
  width: 35px;
}

.error_left_box img {
  width: 25px;
}

.error_right_box {
  float: left;
}

/* ----- error heading ----- */
.error_text_box .white_error_header_area {
  background-position: 0px 0px;
  padding-left: 33px !important;
  padding-right: 0px;
}

.white_error_header_area {
  display: block;
  padding-right: 45px;
}

.accordion_btn_parent .white_error_header_area,
.accordion_btn_parent .iconTInfo {
  position: relative;
  color: #DD3300;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0;
  padding-left: 26px;
}

.accordion_btn_parent .white_error_header_area::before {
  content: '';
  position: absolute;
  display: block;
  background: url(/member/img/icon_caution.svg) no-repeat;
  top: 3px;
  left: 0;
  width: 20px;
  height: 20px;
}

/* ----- 重要なお知らせ ----- */
.iconTInfo {
  font-weight: bold;
  padding-left: 43px !important;
  background: url("/member/img/icon_info.svg") no-repeat 15px center;
  display: block;
  padding-right: 30px;
  padding-top: 2px;
  padding-bottom: 1px;
  box-sizing: border-box;
}

/* ----- 関連ページ ----- */
.relevantPageTitle {
  font-size: 2.4rem;
  border-left: 4px solid #1A4832;
  padding-left: 20px;
  margin-bottom: 20px;
  line-height: 1.417;
}

.kanrenList {
  position: relative;
}

.kanrenList:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: -1px;
  left: 0;
}

.kanrenList.top:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: transparent;
  position: absolute;
  top: -1px;
  left: 0;
}

.kanrenList>li {
  padding: 5px;
  border-top: solid 1px #9ab9ae;
}

.kanren02 .kanrenList>li,
.kanren02 .kanrenList>div>li,
.kanren02 .kanrenList>span>li {
  padding: 10px 5px;
  border-top: dotted 1px #9ab9ae;
}

.kanrenList .type2 {
  background-color: #f5f5f5;
}

/* accordion
--------------------------------------------------------- */
.accordion_btn_box {
  margin-bottom: 20px;
}

.accordion_title {
  clear: both;
  overflow: hidden;
}

.accordion_text_left {
  width: 70%;
  float: left;
  padding-top: 10px;
}

.accordion_text_right {
  width: 28%;
  float: right;
  text-align: right;
}

.accordion_text_right button {
  padding: 10px 20px 5px;
  margin: 0;
}

.accordion_text_right button img {
  width: 70%;
}

.accordion_btn_parent_h3 {
  position: relative;
  padding-right: 30px;
  border-bottom: none;
}

.jq_balloon_obj {
  padding: 20px;
  background: #fff;
}

.jq_balloon_arrow {
  padding: 20px;
  background: #fff;
  text-align: center;
}

.jq_balloon_arrow .btn_auto_size {
  font-size: large;
  padding: 8px 20px !important;
}

.hide_btn {
  background: #fff;
  text-align: center;
}

.hide_accordion_box {
  padding: 10px;
  border-top: none;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: none;
}

.agreement_box h2,
.agreement_box h3 {
  margin-top: 0;
}

.agreement_box table th {
  vertical-align: top;
}

.agreement_btn_box {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 30px;
  padding-top: 20px;
  text-align: center;
}

/* 注意エリア,アコーディオン
--------------------------------------------------------- */
.attentionHead,
.kanrenHead,
.importantHead,
.accordionHead,
.accordionTableHead {
  position: relative;
  margin-bottom: 0;
  border-bottom: none;
}

.attentionHead {
  background-color: #fdefe5;
}

.accordionHead {
  background-color: #f5f5f5;
}

.accTable .accordionHead {
  border-bottom: 1px solid #d6d6d6 !important;
  padding: 10px !important;
}

p.attentionHead,
p.kanrenHead,
p.importantHead,
p.accordionHead {
  margin-top: 0;
}

.accordionHead>span {
  margin-right: 30px;
  display: inline-block;
}

.accordionBody,
.kanrenBody,
.importantBody {
  position: relative;
  padding: 0px !important;
  padding-bottom: 0px !important;
  border-top: none;
  margin-bottom: 20px;
}

.accordionBody {
  background-color: transparent !important;
  border: 1px solid #d6d6d6 !important;
}

.accordionBody.border_top_non {
  border-top: none !important;
}

.kanrenBody {
  border: 1px solid #9ab9ae !important;
}

.kanrenBody.kanren02 {
  border: none !important;
}

.attention_strong_box {
  padding-left: 10px;
  margin-bottom: 40px;
}

.common_accordion_parent .accordion_btn_table {
  padding: 0;
}

.common_accordion_parent.accordionBody .accordionHead,
.common_accordion_parent.importantBody .importantHead,
.common_accordion_parent.kanrenBody .kanrenHead {
  padding: 13px;
  margin-bottom: -1px;
  padding-bottom: 12px;
}

.common_accordion_parent .accordion_btn_table .accordionTableHead {
  padding: 5px;
  margin-bottom: -1px;
  padding-bottom: 4px;
}

.common_accordion_parent .accordion_btn_table .accordionTableHead {
  float: left;
  width: 70%;
}

.attention_strong_box.attentionBody .attentionHead {
  background: none;
  border: none;
  display: block;
  margin: 0;
  padding: 10px 0;
  min-height: auto;
}

.accordionBody .accordion_add_list,
.importantBody .accordion_add_list,
.common_accordion_parent p {
  padding: 0 15px;
}

.accTable.accordionBody .accordion_add_list {
  margin: 0 !important;
}

.kanrenBody>.accordion_add_list {
  padding: 0 5px;
}

.accordion_add_list p {
  padding: 0;
}

.attentionHead+*,
.accordionHead+*,
.importantHead+*,
.accordion_btn_parent_ddl+*,
.accordion_btn_parent+* {
  margin-top: 15px !important;
}

.kanrenHead+* {
  margin-top: 5px !important;
}

.common_accordion_parent.accordionBody>*:last-child,
.common_accordion_parent.importantBody>*:last-child,
.common_accordion_parent>*:last-child {
  margin-bottom: 15px;
}

.common_accordion_parent.kanrenBody>*:last-child {
  margin-bottom: 5px;
}

.common_accordion_parent>.accordion_btn_parent_ddl>button>img,
.common_accordion_parent>.accordion_btn_parent>button>img,
.common_accordion_parent>.accordion_btn_parent2>button>img,
.common_accordion_parent>table>tbody>tr>.accordion_btn_table>button>img {
  display: none;
}

.common_accordion_parent>.accordion_btn_parent_ddl>button,
.common_accordion_parent>.accordion_btn_parent>button,
.common_accordion_parent>.accordion_btn_parent2>button,
.acdiBtn {
  color: rgba(0, 0, 0, 0);
  font-size: 1rem;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #e9f4f2;
  border-radius: 25px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px;
  margin-bottom: 0;
  border-width: 1px !important;
  border-color: #fff;
  outline: none;
  box-sizing: content-box;
}

.common_accordion_parent>table>tbody>tr>.accordion_btn_table>button,
].acdiBtn {
  color: rgba(0, 0, 0, 0);
  font-size: 1rem;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-color: #e9f4f2;
  background-image: none;
  border-radius: 25px;
  position: relative;
  border-width: 1px;
  border-color: #fff;
  outline: none;
}

.common_accordion_parent>.accordion_btn_parent_ddl>button:before,
.common_accordion_parent>.accordion_btn_parent>button:before,
.common_accordion_parent>.accordion_btn_parent2>button:before,
.common_accordion_parent>table>tbody>tr>.accordion_btn_table>button:before,
.acdiBtn:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 2px;
  background: #117766;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -1px;
  transition: 0.6s;
  transform: rotate(180deg);
}

.common_accordion_parent>.accordion_btn_parent_ddl>button:after,
.common_accordion_parent>.accordion_btn_parent>button:after,
.common_accordion_parent>.accordion_btn_parent2>button:after,
.common_accordion_parent>table>tbody>tr>.accordion_btn_table>button:after,
.acdiBtn:after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 12px;
  background: #117766;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -1px;
  margin-top: -6px;
  transition: 0.3s;
  transform: rotate(90deg);
}

.common_accordion_parent>.accordion_btn_parent_ddl>button.off:before,
.common_accordion_parent>.accordion_btn_parent>button.off:before,
.common_accordion_parent>.accordion_btn_parent2>button.off:before,
.common_accordion_parent>table>tbody>tr>.accordion_btn_table>button.off:before,
.acdiBtn.off:before {
  transform: rotate(180deg);
}

.common_accordion_parent>.accordion_btn_parent_ddl>button.on:before,
.common_accordion_parent>.accordion_btn_parent>button.on:before,
.common_accordion_parent>.accordion_btn_parent2>button.on:before,
.common_accordion_parent>table>tbody>tr>.accordion_btn_table>button.on:before,
.acdiBtn.on:before {
  transform: rotate(0deg);
}

.common_accordion_parent>.accordion_btn_parent_ddl>button.off:after,
.common_accordion_parent>.accordion_btn_parent>button.off:after,
.common_accordion_parent>.accordion_btn_parent2>button.off:after,
.common_accordion_parent>table>tbody>tr>.accordion_btn_table>button.off:after,
.acdiBtn.off:after {
  transform: rotate(90deg);
}

.common_accordion_parent>.accordion_btn_parent_ddl>button.on:after,
.common_accordion_parent>.accordion_btn_parent>button.on:after,
.common_accordion_parent>.accordion_btn_parent2>button.on:after,
.common_accordion_parent>table>tbody>tr>.accordion_btn_table>button.on:after,
.acdiBtn.on:after {
  transform: rotate(0deg);
}

.acdiHead{
  position: relative;
}

.acdiHead .txt{
  display: inline-block;
  word-break: break-all;
  width: 90%;
}

/* Tabボタン
--------------------------------------------------------- */

.tabAreaWrap {
  margin-bottom: 10px;
  border-bottom: solid 4px #117766;
}

.tabAreaWrap .tabHead {
  display: table;
  width: 100%;
  min-height: 40px;
}

.tabAreaWrap .tabHead ul,
.tabAreaWrap .tabHead .tabTableRow {
  display: table-row;

}

.tabAreaWrap .tabHead ul>li,
.tabAreaWrap .tabHead .tabTableRow>a {
  display: table-cell;
  text-align: center;
  background: #fff;
  box-sizing: border-box;
  min-height: 40px;
  padding: 5px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  vertical-align: middle;
  width: 10%;
}

.tabAreaWrap .tabHead ul>span:empty,
.tabAreaWrap .tabHead .tabTableRow>span:empty {
  display: none;
}

.tabAreaWrap .tabHead ul>li:last-child,
.tabAreaWrap .tabHead .tabTableRow>a:last-child {
  margin-left: 0px;
}

.tabAreaWrap .tabHead ul>li.act,
.tabAreaWrap .tabHead .tabTableRow>a.act {
  background: #117766;
  border-top: 1px solid #117766;
  border-right: 1px solid #117766;
  border-left: 1px solid #117766;
  color: #fff;
}

.tabAreaWrap .tabHead ul>li.act+li,
.tabAreaWrap .tabHead .tabTableRow>a.act+a {
  border-left: 2px solid #fff;
}

.tabAreaWrap .tabHead ul>li a,
.tabAreaWrap .tabHead .tabTableRow>a {
  text-decoration: none;
  color: #000;
}

@media (max-width: 480px) {

  .tabAreaWrap .tabHead ul,
  .tabAreaWrap .tabHead .tabTableRow {
    font-size: 12px;
  }
}

/* キャンセルボックス
--------------------------------------------------------- */
.contact .cancel_entry {
  background: #ada8a8;
}

/* ダミー部分装飾
--------------------------------------------------------- */
.dummy_banner,
.dummy_image {
  width: 195px;
  height: 32px;
  background-color: #ddd;
  text-align: center;
  padding-top: 20px;
}

.slide_dummy_banner,
.slide_dummy_image {
  width: 195px;
  height: 100%;
  text-align: center;
}

/* 貸金
--------------------------------------------------------- */
.kashikin_text {
  font-size: 12px;
  color: #555;
}

/* slider
--------------------------------------------------------- */
/* ----- SlidesJS Optional: If you'd like to use this design ----- */
#slides {
  display: none;
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}

.slidesjs-slide a {
  display: block;
  height: 100%;
}

.slidesjs-slide a:before {
  content: "";
  display: inline-block;
  height: 100%;
  width: 1px;
  margin-left: -1px;
  vertical-align: middle;
}

.slidesjs-slide a img {
  width: 100%;
  height: auto !important;
  vertical-align: middle;
}

/* SlidesJS Required
----------------------- */
a.slidesjs-next,
a.slidesjs-previous {
  border-radius: 2px 2px 2px 2px;
  background-color: #65AE07;
  border-bottom: 3px solid #508906;
  display: inline-block;
  padding: 7px 13px 4px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 10px;
  position: absolute;
  color: #fff;
  overflow: hidden;
}

a.slidesjs-next {
  float: left;
  right: 5px;
}

a:hover.slidesjs-next {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

a.slidesjs-previous {
  float: left;
  left: 5px;
}

a:hover.slidesjs-previous {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

.navbar {
  overflow: hidden;
}

/* End SlidesJS Optional
--------------------------------------------------------- */
/* ----- For tablets & smart phones ----- */
@media (max-width: 767px) {
  .container {
    width: auto;
    height: auto;
  }
}

/* ----- For smartphones ----- */
@media (max-width: 480px) {
  .container {
    width: auto;
    height: auto;
  }
}

/* ----- For smaller displays like laptops ----- */
@media (min-width: 768px) and (max-width: 979px) {
  .container {
    width: 724px;
    height: auto;
  }
}

/* ----- For larger displays ----- */
@media (min-width: 1200px) {
  .container {
    width: 1170px;
    height: auto;
  }
}

/* End SlidesJS Required
--------------------------------------------------------- */
/* お問い合わせボックス
--------------------------------------------------------- */
.normal_ttl {
  margin-bottom: 15px !important;
  padding: 5px 10px !important;
  border-bottom: solid 1px #bdbdbd;
  background-color: #f5f5f5;
  font-weight: bold !important;
}


/* お問い合わせボックス
--------------------------------------------------------- */
.inquiryWrapArea,
.inquiryWrapAreaB {
  margin: 40px 0 0;
  width: 100%;
  box-sizing: border-box;
}

.inquiryWrapArea p:last-child,
.inquiryWrapAreaB p:last-child {
  margin-bottom: 0;
}

.inquiryIcon {
  padding-left: 40px;
  color: #333333;
  font-size: 2.4rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 14px;
}

.inquiryIcon:before {
  content: "";
  display: inline-block;
  width: 37px;
  height: 37px;
  background-image: url(/member/img/icon_speech_bubble_wh.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: auto 30px;
  position: absolute;
  top: 4px;
  left: 0px;
}

/*サブ見出し*/
.inquiryName p.guideTitle {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 9px;
  color: #1A4832;
}

.inquiryWrap p.guideTitle {
  font-size: 20px;
  color: #1A4832;
}

p.guideTitle+p {
  margin-top: 0;
}

li.guideTitle {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 20px;
  color: #1A4832;
}

/*お問い合わせ名*/
.inquiryName {
  font-weight: bold;
  margin-bottom: 12px;
}

/*番号*/
.inquiryWrapArea .inquiryPhone,
.inquiryWrapAreaB .inquiryPhone {
  margin-bottom: 15px;
}

.inquiryWrapArea .inquiryPhone a.inquiryPhone,
.inquiryWrapAreaB .inquiryPhone a.inquiryPhone {
  font-size: 1.4rem;
  display: inline-block;
  padding-left: 32px;
  position: relative;
  text-decoration: none !important;
  color: #1A4832 !important;
  vertical-align: text-top;
  max-width: calc(100% - 64px - 5px);
}

.inquiryWrapArea .inquiryPhone span.inquiryPhone,
.inquiryWrapAreaB .inquiryPhone span.inquiryPhone {
  font-size: 2.2rem;
  color: #117766;
  text-decoration: underline;
}

.inquiryWrapArea .inquiryPhone > span:first-child:not(.inquiryPhone),
.inquiryWrapArea .inquiryPhone > strong:first-child,
.inquiryWrapAreaB .inquiryPhone > span:first-child:not(.inquiryPhone),
.inquiryWrapAreaB .inquiryPhone > strong:first-child {
  display: inline-flex;
  width: 58px;
  height: 20px;
  justify-content: center;
  align-content: center;
  background: #1A4832;
  color: #ffffff;
  font-size: 1.2rem;
  margin-right: 6px;
  vertical-align: middle;
  margin-top: 10px;
}

.inquiryWrapArea .inquiryPhone > .inquiryPhone:before,
.inquiryWrapAreaB .inquiryPhone > .inquiryPhone:before {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  background-color: #117766;
  background-image: url(/member/img/icon_tel.svg);
  background-size: 11.2px auto;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 4px;
  left: 0;
}

.inquiryWrapArea .inquiryPhone,
.inquiryWrapAreaB .inquiryPhone {
  font-size: 2.4rem;
  line-height: 1.42;
  color: #1A4832;
  font-weight: bold;
  vertical-align: middle;
}

.inquiryWrapArea .inquiryPhone + span,
.inquiryWrapAreaB .inquiryPhone + span {
  display: inline-block;
  margin-top: 7px;
}

/*余白設定*/
.inquiryWrapArea .inquiryPhone,
.inquiryWrapArea .inquiryPhone + .annotation_a,
.inquiryWrapArea .inquiryPhone + .annotation_b,
.inquiryWrapAreaB .inquiryPhone,
.inquiryWrapAreaB .inquiryPhone + .annotation_a,
.inquiryWrapAreaB .inquiryPhone + .annotation_b {
  margin-top: -12px;
}

.inquiryWrapArea *+.annotation_a,
.inquiryWrapArea *+.annotation_b,
.inquiryWrapAreaB *+.annotation_a,
.inquiryWrapAreaB *+.annotation_b {
  margin-top: 6px;
}

/*受付時間*/
.inquiryWrapArea .reception_wrap>div,
.inquiryWrapAreaB .reception_wrap>div {
  display: inline;
}

.inquiryWrapArea .reception_wrap+.reception_wrap,
.inquiryWrapAreaB .reception_wrap+.reception_wrap {
  margin-top: 5px;
}

.inquiryWrapArea .inquiryMail a,
.inquiryWrapAreaB .inquiryMail a {
  display: inline-block;
  position: relative;
  padding-left: 18px;
}

.inquiryWrapArea .inquiryMail a:before,
.inquiryWrapAreaB .inquiryMail a:before {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(/member/img/icon_right_chevron.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 10px;
  position: absolute;
  left: 0;
  top: 9px;
}

.inquiryWrapArea .inquiryHours,
.inquiryWrapAreaB .inquiryHours {
  font-weight: bold;
}

.inquiryWrap ul li:last-child {
  margin-bottom: 0;
}

/*メール*/
.inquiryWrapArea .inquiryMail .title,
.inquiryWrapArea .inquiryMail .slash,
.inquiryWrapAreaB .inquiryMail .title,
.inquiryWrapAreaB .inquiryMail .slash {
  display: none;
}

.inquiryWrapArea .inquiryMail a:after,
.inquiryWrapAreaB .inquiryMail a:after {
  content: "";
  width: 12px;
  height: 12px;
  display: inline-block;
  background-image: url(/member/img/icon_popup.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 12px;
  margin-left: 6px;
}

/*住所*/
.inquiryWrapArea .inquiryComment .title,
.inquiryWrapArea .inquiryComment .slash,
.inquiryWrapAreaB .inquiryComment .title,
.inquiryWrapAreaB .inquiryComment .slash {
  display: none;
}

/* M-BO-10-1  お問い合わせ（2件） */
.inquiryColWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: stretch;
  width: 100%;
  margin-left: 0px;
}

.inquiryColWrap .inquiryWrap {
  width: 100%;
  margin-left: 0px;
}

.inquiryColWrap .inquiryWrap:nth-child(1)~.inquiryWrap {
  margin-top: 60px;
}

/* M-BO-10-2  お問い合わせ（3件） */
.inquiryColWrap .inquiryWrap:nth-child(2)~.inquiryWrap {
  margin-top: 0px;
}

.inquiryColWrap .inquiryWrap:nth-child(1)~.inquiryWrap {
  margin-top: 60px;
}

/* アイコンスタイル
--------------------------------------------------------- */
/*カラーラベル*/
.cLabel_free {
  display: inline-block;
  border: #fd7395 1px solid;
  background-color: #ffffff;
  line-height: 1;
  padding: 3px 5px;
  margin-right: 2px;
  text-align: center;
  color: #fd7395;
  margin-left: 2px;
  font-size: 86%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.cLabel_add {
  display: inline-block;
  border: #faa634 1px solid;
  background-color: #ffffff;
  line-height: 1;
  padding: 3px 5px;
  margin-right: 2px;
  text-align: center;
  color: #faa634;
  margin-left: 2px;
  font-size: 86%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.cLabel_rule {
  display: inline-block;
  border: #a7a7a7 1px solid;
  background-color: #fff28e;
  line-height: 1;
  padding: 3px 5px;
  text-align: center;
  color: #777777;
  font-size: 86%;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}


.iconCell {
  vertical-align: middle;
}

.iconCell::after {
  content: "";
  display: block;
  clear: both;
  
}

.iconCell div {
  float: right;
}

.iconCell div iconCellTxt {
  float: none;
}

.iconCellTxt {
  float: left;
  min-width: 70px;
  width: 70%;
}

.cLabel_required,
.cLabel_optional,
.cLabel_gold {
  box-sizing: border-box;
  display: inline-block;
  font-size: 12px !important;
  line-height: 1;
  padding: 4px 5px 4px;
  text-align: center;
  font-weight: normal !important;
  margin: 0 5px;
}

.cLabel_required {
  background-color: #DD3300 !important;
  color: white !important;
  vertical-align: middle;
  display: inline-block;
}

.cLabel_optional {
  background-color: #ffffff !important;
  color: #888888 !important;
  border: 1px solid #AAAAAA;
  vertical-align: middle;
  display: inline-block;
}

.cLabel_gold {
  background-color: #FF9933 !important;
  color: #ffffff !important;
  border: 1px solid #FF9933;
  vertical-align: middle;
  display: inline-block;
}

.iconCell .cLabel_required,
.iconCell .cLabel_optional,
.iconCell .cLabel_rule {
  float: right;
}

/*notes_listに入る場合*/
.notes_list [class^="cLabel"] {
  text-indent: 0em !important;
  margin-left: 0;
}

/*--- conversion --- */

.conversionArea {
  margin: 10px 0;
  padding: 15px 18px;
  background-color: #efefef;
}

.mainWidgetBase,
.ve0101-001,
.footerWidgetBase,
.headerWidgetBase {
  display: block;
}

.iframe_window {
  margin: 0;
  padding: 0;
  -webkit-overflow-scrolling: touch;
  height: 300px;
  overflow: scroll;
}

.iframe_window iframe {
  width: 100%;
  height: 100%;
  display: block;
}


/*--- conversion --- */
.verticalStep dt {
  display: block;
  width: 100%;
  min-height: inherit;
  margin-top: 25px;
  padding: 10px 0 10px;
  background-color: #E1ECC5;
  position: relative;
  border-bottom: #E1ECC5 solid 1px;
  text-align: center;
  position: relative;
}

.verticalStep>dd>div:first-child {
  font-size: 16px;
  color: #005135;
  font-weight: 700;
}

.verticalStep>dd>div {
  padding: 10px 15px 10px;
}

.verticalStep+.verticalStep dt:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  width: 0;
  height: 0;
  border-top: #E1ECC5 solid 17px;
  border-left: solid 47px transparent;
  border-right: solid 47px transparent;
  z-index: 99;
  margin-left: -47px;
}

/* 複数カード券面
--------------------------------------------------------- */

.operationCardBox {
  margin: 5px 10px;
}

.operationCardBox .operationCardHead {
  padding: 10px;
  position: relative;
  background-color: #fff;
}

.operationCardBox .operationCardHead {
  margin-bottom: 0px;
}

.operationCardBox.common_accordion_parent {
  padding: 0;
}

.operationCardBox.common_accordion_parent .operationCardHead button {
  width: 24px;
  border-width: 0;
}

.operationCardBody {
  margin-bottom: 8px !important;
  margin-top: 0px !important;
}

.operationCardBody:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  margin-left: -1px;
  vertical-align: middle;
}

.operationCardBox .operationCardBody {
  border-top: none;
  padding: 0 10px;
}

.operationCardContents {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

.operationCardBox .operationCardBody .operationCardImg {
  display: inline-block;
  vertical-align: top;
  max-width: 71px;
}

.operationCardBox .operationCardBody .operationCardImg img {
  height: auto;
  width: 57px;
}

.operationCardCaption {
  font-size: 12px;
}

.operationCardBox .operationCardBody .operationCardCaption {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding-left: 10px;
  width: calc(100% - 71px - 5px);
  font-size: 14px;
}

.operationCardBox .operationCardBody .operationCardCaption {
  width: 100% !important;
}

/* 住所検索
--------------------------------------------------------- */
.lastAddress {
  color: white;
  background: #fe3c07;
}

/*バナーサイズ指定 */
.largeBanner {
  width: 100%;
  height: auto;
}

.smallBanner {
  width: 200px;
  height: auto;
}

.smallBanner02 {}

.bannerBox {
  padding: 15px;
  margin-bottom: 10px;
  background: #fff;
  border: 1px solid #d5d5d5;
  background-color: #eeeeee;
}

/* テキストバナーエリア
--------------------------------------------------------- */
.textBannerAreaWrap {
  padding: 15px 18px;
  box-sizing: border-box;
  border: 1px solid #EBEBA9;
  margin: 20px 0;
  background-color: #FCFCDD;
}

.textBannerAreaWrap .textBannerAreaTitle {
  border-bottom: 1px solid #EBEBA9;
  padding-bottom: 10px;
  font-weight: bold;
  margin-bottom: 13px !important;
}

/* テキストボックスエリア
--------------------------------------------------------- */
.addressTextBoxArea {
  padding: 8px 5px;
  box-sizing: border-box;
  border: 1px solid #ff9933;
  background-color: #FCFCDD;
}

/* WEB明細　H2画像用style */

.imgH2Wrap {
  border-bottom: solid 1px #005135;
  padding-bottom: 2px;
}

.imgH2Wrap .imgH2 {
  width: 100%;
  max-width: 398px;
  height: auto !important;
}

/*提携カード券面画像の比率調整用*/
.cardImgOther {
  width: auto;
  height: 110px;
}

.autoBuildTable01 td:first-child {
  background-color: #f5f5f5;
  font-weight: bold;
}

.autoBuildTable01 td:first-child .font_n_bold {
  -webkit-text-stroke: 0px;
  font-weight: bold;
}

.slideSingleBanner {
  text-align: center;
  padding-right: 30px;
  padding-left: 30px;
}

.slideSingleBanner img {
  width: 100%;
  height: auto;
}

/*SPバナー2カラム用*/
.smallBannerColumn {
  width: 100%;
}

.smallBannerColumn li {
  width: 48%;
  float: left;
  margin-bottom: 10px;
}

.smallBannerColumn li img {
  width: 100%;
  max-height: 100%;
}

.smallBannerColumn li:nth-child(2n+1) {
  margin-right: 5px;
}

.smallBannerColumn:after {
  display: block;
  clear: both;
  content: ".";
  height: 0;
  visibility: hidden;
}


/*
 *キャンペーン専用CSS
 *キャンペーン内で新しく定義するクラス名には先頭に「Campaign」をつけて定義しキャンペーン内で使用されているクラスと特定できるようにする。
*/

.tabAreaWrap.CampaignTab {
  margin-bottom: 3px;
}

.tabAreaWrap.CampaignTab .tabHead {
  display: block;
}

.tabAreaWrap.CampaignTab .tabTableRow {
  display: block;
  font-size: 0;
}

.tabAreaWrap.CampaignTab .tabTableRow>a {
  display: inline-block;
  font-size: 12px;
  width: 33.3%;
  vertical-align: bottom;
}

.tabAreaWrap.CampaignTab .tabTableRow>a:before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 40px;
  margin-left: -1px;
  vertical-align: middle;
}

.tabAreaWrap.CampaignTab .tabTableRow span {
  display: inline-block;
  vertical-align: middle;
}


.tabAreaWrap.CampaignTab .tabHead .tabTableRow>a {
  padding: 3px;

}

.tabAreaWrap.CampaignTab .tabHead .tabTableRow>a.act {
  min-height: 0;

}


.CampaignTab .tabUnderLine {
  margin-bottom: 0;
}

.CampaignContentsWrap {
  position: relative;
}

.CampaignContentsWrap * {
  box-sizing: border-box;
}

.CampaignToggleWrap {
  display: none;
}

.CampaignToggleWrap.MultiRowLayout {
  padding: 5px;
  white-space: normal;
  text-align: left;
}

.CampaignToggleWrap.act {
  width: auto;
  position: fixed;
  border-bottom: 1px solid #dfdfdf;
  top: calc(76px + 100vw * 0.12 - 1px);
  /*ヘッダー高さ　+　SMBCライン高さ比率 - 調整値*/
  left: 10px;
  right: 10px
}

.CampaignToggleItem {
  width: 18.5%;
  background: #ffffff;
  border: 1px solid #badd20;
  border-radius: 5px;
  padding-top: 24px;
  color: #005135;
  margin-right: 2px;
  margin-left: 2px;
  font-weight: bold;
  display: inline-block;
  text-align: left;
  vertical-align: top;
  text-align: center;
  text-decoration: none;
}

.CampaignToggleItem.MultiRowLayout {
  margin: 5px 2px;
}

.CampaignToggleItem.act {
  background: #f3ffd5;
}

.CampaignToggleItem>span {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  line-height: 1.2;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  margin-bottom: -2px;
}

.CampaignToggleItem span.SpWordBreak:before {
  content: "\A";
  white-space: pre;
}

.CampaignToggleItem img[style]+span {
  margin-top: -24px;
}


.CampaignToggleItem:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 30px;
  vertical-align: middle;
  margin-right: -1px;
}

.CampaignToggleItem img {
  width: 32px;
  height: 32px;
  display: block;
  margin-top: -30px;
  position: relative;
  top: 5px;
  left: 50%;
  margin-left: -16px;
}


.CampaignItemWrap {
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  padding-top: 10px;
  display: table;
  width: 100%;
  text-decoration: none;
  color: #000000;
}


.CampaignItemWrap+.CampaignItemWrap {
  border-top: none;
}

.CampaignItemInner {
  display: table-row;
}
.CampaignIcon {
  padding-right: 5px;
  vertical-align: top;
  margin-bottom: 5px;
}

.CampaignIconNew,
.CampaignIconDeadline,
.CampaignIconNecessary,
.CampaignIconUnnecessary {
  line-height: 1;
  text-align: center;
  display: inline-block;
  font-size: 12px;
  padding: 3px 5px;
}

.CampaignIconNew,
.CampaignIconDeadline {
  background: #D0830A;
  color: #fff;
  padding: 4px 0.5em;
}

.CampaignIconNecessary {
  background: #4A9796;
  color: #fff;
  padding: 4px 0.5em;
}

.CampaignIconUnnecessary {
  background: #888;
  color: #fff;
  padding: 4px 0.5em;
}

.CampaignItemDetail {
  padding-left: 6px;
  padding-right: 2px;
}

.CampaignDescription p {
  font-size: 13px;
  margin-top: 5px;
}


.CampaignName p {
  font-weight: bold;
  font-size: 14px;
  text-decoration: underline;
  line-height: 1.4;
}

.CampaignPeriod p {
  font-size: 10px;
  transform: scale(0.98);
  -webkit-transform: scale(0.98);
  -webkit-transform-origin: 0 0;
  width: 110%;
  margin-top: 5px;
  color: #333;
}

@media screen and (max-width: 360px) {
  .CampaignPeriod p {
    width: 100%;
  }
}

.CampaignPeriod p+p {
  margin-top: 0;
}

.CampaignSettledWrap {
  margin-bottom: 10px;
  margin-top: -10px;
}

.CampaignSettledWrap:empty {
  margin-top: 0px
}

.CampaignSettledWrap>div {
  padding: 10px 5px;
  border-bottom: 1px solid #d6d6d6;
}

.CampaignSettledWrap .CampaignName {
  display: block;
  margin-bottom: 10px;
}

.CampaignSettledWrap .CampaignName a {
  font-weight: bold;
}

.CampaignSettledWrap .CampaignName a:not([href]) {
  text-decoration: none;
  color: #000000;
}

.CampaignSettledWrap .CampaignPeriod,
.CampaignSettledWrap .CampaignCourse {
  margin: 0;
  font-size: 11px;
}

.CampaignSettledWrap .CampaignRemarks {
  font-size: 11px;
  margin-top: 10px;
  margin-bottom: 0px;
}

.CampaignSettledWrap .CampaignCode {
  display: inline-block;
  font-size: 11px;
  vertical-align: middle;
}

.CampaignSettledWrap .CampaignDescription {
  font-size: 13px;
  margin-bottom: 5px;
}

.CampaignSettledWrap .attention_line {
  margin-top: 5px;
}

.pageTop {
  display: none;
  border: 1px solid #C0C0C0;
  color: #ffffff !important;
  text-decoration: none;
  padding: 7px 10px 6px 30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background: #5c5c5c;
  position: relative;
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
}

.pageTop:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 0;
  height: 0;
  margin-top: -4px;
  margin-left: -7px;
  border: transparent solid 7px;
  border-bottom-color: #FFF;
  border-top: none;
}

.pageTop:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15px;
  width: 0;
  height: 0;
  margin-top: -2px;
  margin-left: -7px;
  border: transparent solid 7px;
  border-bottom-color: #5c5c5c;
  border-top: none;
}

.CampaignTerminatedToggle .onText {
  display: none;
}

.CampaignTerminatedToggle.on .onText {
  display: inline;
}

.CampaignTerminatedToggle.on .offText {
  display: none;
}

.CampaignCompletebanner {
  margin-top: 10px;
  text-align: center;
}

.CampaignCompletebanner a {
  display: inline-block;
}

.CampaignCompletebanner img {
  max-width: 100%;
  height: auto;
}

.CampaignCompletebanner a+a {
  margin-top: 10px;
}

.CampaignNoCampaignMessage {
  padding-bottom: 40px;
}

/*----------------------------------キャンペーンEND-----------------------------------------------*/

.table_fixed {
  table-layout: fixed;
}


/* 画像幅調整 */
.rwd_max100percent img {
  max-width: 100%;
  height: auto;
}


@media print {
  .footerWidgetBase {
    display: none !important;
  }
}

/*マイページ*/
.MypageContent_info {
  padding: 5px 0px 20px 0px;
  clear: both;
  border-top: 2px solid #117766;
  border-bottom: 2px solid #117766;
}

.MypageInformationHead ul {
  font-size: 0px;
  width: 100%;
  display: flex;
}

.MypageInformationHead ul::-webkit-scrollbar {
  display: none;
}

.MypageInformationHead ul li {
  width: calc(100% / 6);
  background-color: #fff;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  cursor: pointer;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  word-break: break-all;
  font-weight: bold;
  display: flex;
  align-items: center;
  color: #888888;
  line-height: 1.38;
  font-size: 1.3rem;
  padding: 12px 2px;
  justify-content: center;
}

.MypageInformationHead ul li:first-child {
  border-left: 1px solid #ccc;
}

.MypageInformationHead ul li.Act {
  background-color: #117766 !important;
  color: #FFFFFF;
  border-color: #117766;
}

.MypageInformationHead ul li.Act::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  border: 12px solid #117766;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom: transparent;
}

.MypageInformationBody dl {
  overflow: hidden;
}

.MypageInformationBody dl:first-child {
  margin-top: 0px;
}

.MypageInformationBody dl:not(:last-child) {
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}

.MypageInformationBody dt {
  color: #888888;
  margin-top: 17px;
  margin-bottom: 5px;
}

.MypageInformationBody dd {
  width: 100%;
  position: relative;
  box-sizing: border-box;
  word-break: break-all;
  color: #333333;
}

.MypageInformationBody dt+dd:not(:last-child) {
  margin-bottom: 20px;
}

.MypageInformationBody dd .MypageArrowIcon {
  position: absolute;
  top: 4px;
  right: 0;
}

.MypageInformationLoading {
  background: #ffffff;
  text-align: center;
  padding: 30px;
}

.MypageInformationNewsFooter {
  margin-top: 30px;
}

.MypageInformationNewsFooter:first-child {
  margin-top: 0px;
}


/* 強制ログイン専用
--------------------------------------------------------- */

.login_text {
  height: 100%;
  width: 100%;
  border: solid 1px #dddddd !important;
  background-color: transparent !important;
  padding: 1px 16px !important;
  font-size: 16px !important;
  line-height: 30px;
  border-radius: 4px !important;
  margin: 0 !important;
  outline: none;
  max-width: 100% !important;
}

.login_text:not(:placeholder-shown),
.login_text:focus {
  border-color: #00846D !important;
}

.login_text.action_validate_error {
  border: solid 1px #eb4d4d !important;
}

.login_text::placeholder {
  color: rgba(0, 0, 0, 0);
}

.login_text_wrap {
  position: relative;
  height: 48px;
}

.login_text_outer_wrap {
  margin-bottom: 24px;
}

.login_error_back {
  background: #ffdcd0 !important;
  border: none !important;
  margin: 32px 0 -10px !important;
}

.loginArea .error_text {
  color: #EB4D4D;
  font-weight: normal;
  margin: 8px 0 0 0;
  font-size: 12px;
  padding-left: 0;
  line-height: 20px;
}

.loginArea .error_text::before {
  content: none;
}

.loginArea input.pw_input::-webkit-credentials-auto-fill-button {
  margin: 0;
  width: 0;
  background-color: transparent;
}

.loginSubmit .default_btn {
  margin: 0 0 10px 0;
}

.loginBox {
  margin-bottom: 64px;
}

.loginSubmit {
  text-align: center;
  margin-top: 32px;
}

.loginSubmit .default_btn {
  width: 280px;
  background-color: transparent !important;
  color: #FFFFFF !important;
  border: none !important;
  display: inline-flex;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  padding: 9px 40px;
  transition: 0.2s;
  position: relative;
  z-index: 10;
  justify-content: center;
  line-height: 30px;
  letter-spacing: 0.06em;
  margin-bottom: 0px;
  background-image: url(/member/img/ic-arrow-right-white.svg);
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: auto 20px;
}

.loginSubmit .loginbtn {
  background: #00846D;
  display: inline-flex;
  position: relative;
  margin-bottom: 24px;
}

.loginSubmit .loginbtn::before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  display: block;
  transition: .5s;
  background: #076B59;
  height: 100%;
  pointer-events: none;
}

.loginSubmit .loginbtn:hover::before {
  width: 100%;
}

.loginBox li {
  padding: 0;
}

.menuArea {
  flex: 0 0 500px;
  border-left: none;
  padding: 28px 0;
  margin-left: 0;
  margin-top: 48px;
  border: 4px solid #F5F5F5;
}

.menuArea .co_btn {
  width: 280px;
  max-width: 100%;
  background: none;
  background-color: rgba(0, 0, 0, 0) !important;
  color: #00846D !important;
  border: 2px solid #00846D !important;
  display: inline-flex;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  padding: 7px 38px;
  transition: 0.2s;
  position: relative;
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  line-height: 30px;
  letter-spacing: 0.06em;
  margin-bottom: 24px;
}

.menuArea .co_btn:hover {
  color: #FFFFFF !important;
}

.menuArea .co_btn::before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: 0;
  left: -1px;
  width: 0;
  display: block;
  z-index: -1;
  transition: .5s;
  background: #00846D;
  color: #FFFFFF;
}

.menuArea .co_btn:hover::before {
  width: calc(100% + 2px);
  color: #FFFFFF;
}

.menuArea .co_btn::after {
  position: absolute;
  right: 16px;
  top: 50%;
  content: " ";
  width: 1em;
  height: 1em;
  background: url(/member/img/ic-arrow-right.svg) no-repeat center right;
  background-size: contain;
  transform: translateY(-50%);
}

.menuArea .co_btn:hover::after {
  background: url(/member/img/ic-arrow-right-white.svg) no-repeat center right;
}

.loginBox h1 {
  margin-right: 0;
  margin-left: 0;
  padding: 0;
  background-color: transparent;
  text-align: left;
  min-width: 0px;
  font-size: 2.6rem;
  line-height: 1.389;
  font-weight: bold;
  border: none;
  padding-bottom: 0;
  margin-bottom: 6px;
}

.loginBox h2 {
  font-size: 2.4rem;
  font-weight: bold;
  border: none;
  padding-bottom: 0;
  margin-bottom: 6px;
}

.loginBox h2:before {
  display: none;
}

.loginBox h3 {
  display: inline-block;
  font-size: 20px;
  width: 280px;
  min-height: 32px;
  margin: 0;
  margin-bottom: 24px;
  padding: 0;
  padding-left: 40px;
  text-align: left;
  line-height: 32px;
  box-sizing: border-box;
  overflow: visible;
  color: #333;
}

.loginBox h3::before {
  position: absolute;
  display: block;
  background: url(/member/img/ic_signup.svg);
  top: 0;
  left: 0;
  background-size: 32px 32px;
  width: 32px;
  height: 32px;
  transform: none;
  border-left: none;
}

.loginBox h3.service::before {
  background: url(/member/img/ic_service_top.svg);
}

.loginBoxLabel {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  line-height: 30px;
  color: #B7B7B7;
  transition: top 0.15s, font-size 0.15s, left 0.15s, padding 0.15s;
}

.login_text:not(:placeholder-shown)+.loginBoxLabel,
.login_text:focus+.loginBoxLabel,
.login_text:-webkit-autofill+.loginBoxLabel {
  top: 0;
  left: 8px;
  font-size: 13px;
  line-height: 24px;
  background-color: #FFF;
  padding: 0px 8px;
  color: #00846D;
}

.login_text.action_validate_error+.loginBoxLabel {
  color: #eb4d4d;
}

/* 目マークパスワード非表示状態 */
.loginArea .show_pw_switch_off::before {
  background: url(/member/img/ic_pass_inactive_off.svg);
  background-size: contain;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  right: 16px;
}

.login_text:not(:placeholder-shown)~.show_pw_switch_off::before,
.login_text:focus~.show_pw_switch_off::before,
.login_text:-webkit-autofill~.show_pw_switch_off::before {
  background: url(/member/img/ic_pass_off.svg);
}

.login_text.action_validate_error~.show_pw_switch_off::before {
  background: url(/member/img/ic_pass_off_error.svg);
}

/* 目マークパスワード表示状態 */
.loginArea .show_pw_switch_on::before {
  background: url(/member/img/ic_pass_inactive_on.svg);
  background-size: contain;
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 12px;
  right: 16px;
}

.login_text:not(:placeholder-shown)~.show_pw_switch_on::before,
.login_text:focus~.show_pw_switch_on::before,
.login_text:-webkit-autofill~.show_pw_switch_on::before {
  background: url(/member/img/ic_pass_on.svg);
}

.login_text.action_validate_error~.show_pw_switch_on::before {
  background: url(/member/img/ic_pass_on_error.svg);
}

.loginBoxTitle {
  font-size: 1.3rem;
}

.loginArea .smallArrowLink li:not(:last-child),
.menuArea .smallArrowLink li:not(:last-child) {
  margin-bottom: 16px;
}

.loginArea .smallArrowLink a,
.menuArea .smallArrowLink a {
  width: 280px;
  background: rgba(0, 0, 0, 0);
  color: #00846D;
  border: none;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  position: relative;
  line-height: 26px;
  letter-spacing: 0.06em;
  padding-left: 0px;
}

.loginArea .smallArrowLink a::before,
.menuArea .smallArrowLink a::before {
  content: none;
}

.loginArea .smallArrowLink a::after,
.menuArea .smallArrowLink a::after {
  content: " ";
  margin-left: 8px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: -2px;
  background: url(/member/img/ic-arrow-right.svg);
  background-size: contain;
}

.login_form {
  padding: 0 20px;
}

.login_form h2 {
  font-size: 24px;
  font-weight: bold;
  border: none;
  padding-bottom: 0;
  margin: 40px 0 32px;
  height: 32px;
  letter-spacing: 1.44px;
  line-height: 32px;
  color: #333;
}

.login_form h2::before {
  display: none;
}

.login_form h5 {
  width: 100%;
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0.96px;
  position: relative;
  margin-bottom: 25px;
  padding-left: 1em;
}

.login_form h5::before {
  content: "";
  display: inline-block;
  top: 0.4em;
  left: 0;
  width: 1em;
  height: 1em;
  vertical-align: middle;
  position: absolute;
  background: url(/member/img/ic-h5.svg) no-repeat;
}

/* 強調表示
--------------------------------------------------------- */
.accent_color {
  background-color: #e9f4f2 !important;
}

/* M-BT-10  CVエリア - 固定 */
.followBtnArea {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 15px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 75px;
  display: none;
  z-index: 981;
}

.followBtnArea_inner {
  max-width: 1000px;
  margin: 0 auto;
}

.followBtnArea_inner .btnNormal {
  margin: 0 auto;
  display: block;
}

.followBtnArea_cloase {
  color: rgba(0, 0, 0, 0);
  display: block;
  width: 21px;
  height: 21px;
  font-size: 1rem;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: rotate(45deg);
  margin-top: -10.5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.followBtnArea_cloase:before {
  content: "";
  display: block;
  width: 2px;
  height: 100%;
  background: #ffffff;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1px;
}

.followBtnArea_cloase:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #ffffff;
  position: absolute;
  top: 50%;
  left: 0px;
  margin-top: -1px;
}

.pos_absolute {
  position: absolute !important;
}

.attention_text {
  position: relative;
  line-height: 1.4;
  padding-left: 26px;
  margin: 6px 0 6px 0;
}

.attention_text::before {
  content: '';
  position: absolute;
  display: block;
  background: url(/member/img/icon_caution.svg) no-repeat;
  top: 1px;
  left: 0;
  width: 20px;
  height: 20px;
}

/* M-TR-3-2  アンカーリンクS */
.ancSmallArrowLink li a:hover {
  opacity: 0.5;
}

.ancSmallArrowLink a {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  line-height: 1.5;
}

.ancSmallArrowLink a:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 5.5px 0;
  border-color: #117766 transparent transparent;
  margin-right: 10px;
  position: absolute;
  top: 8px;
  left: 0px;
}

/* よくあるご質問（FAQ） */
.faqAreaWrap {
  margin-bottom: 60px;
}

.faqIcon {
  padding-left: 38px;
  color: #333333;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 15px;
}

.faqIcon:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #1a4832;
  background-image: url(/member/img/icon_question_mark_wh.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 15px;
  position: absolute;
  left: 0;
}

.faqAreaWrap p {
  margin-bottom: 10px;
}

.faqAreaWrap .smallArrowLink {
  margin-top: 15px;
  margin-bottom: 35px;
}

.faqAreaWrap .smallArrowLink li {
  margin-top: 0;
}

.faqAreaWrap .smallArrowLink li:not(:last-child) {
  margin-bottom: 20px;
}

.faqAreaWrap .smallArrowLink p {
  margin-top: 3px;
  padding-left: 26px;
}

/* よくあるご質問（FAQ - 全体） */
.faqAreaWrap.all {
  border-top: 1px solid #ccc;
  padding-top: 35px;
}

.faqAreaWrap.all .faqIcon {
  font-size: 2.4rem;
}

.faqAreaWrap.all .faqIcon:before {
  top: 1px;
}

/* 印刷ボタン */
.prt_btn_box {
  text-align: right;
  margin: 15px 0;
}

.prt_btn {
  background-color: #C3D600;
  background-image: none;
  border-radius: 0;
  border: 1px solid #C3D600;
  box-sizing: border-box;
  color: #1A4832 !important;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
  padding: 8px 15px 8px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 180px;
}

/* ご注意 */
.caution {
  padding-left: 15px;
  margin-bottom: 40px;
}

.caution .iconTCaution {
  position: relative;
  color: #dd3300;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.4;
  font-size: 16px;
}

.caution .iconTCaution::before {
  content: "";
  position: relative;
  display: inline-block;
  background: url(/member/img/icon_caution.svg) no-repeat;
  top: 5px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

/* ご注意（複数） */
.caution.multi {
  border-top: 1px solid #ccc;
  border-left: none;
  padding-top: 40px;
  padding-left: 0;
}

.caution_note {
  color: #666;
  font-size: 1.4rem;
  margin-bottom: 30px;
  line-height: 1.4;
}

.caution_note li {
  position: relative;
  padding-left: 20px;
  line-height: 1.4;
}

.caution_note li:not(:last-child) {
  margin-bottom: 8px;
}

.caution_note>li::before {
  content: "※";
  display: block;
  position: absolute;
  left: 0;
}

/* モーダル */
.modalWrap {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  z-index: 99999;
}

.modalBGWrap {
  background: rgba(0, 0, 0, 0.7);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modalInnerCont {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

.modalWrap .modalBtnArea {
  text-align: right;
  width: calc(85% + 40px);
}

.modalContWrap {
  background: #fff;
  padding: 20px 15px;
  width: 85%;
  max-height: 75%;
  z-index: 1;
  overflow: auto;
}

.modalWrap .modalBtnClose {
  display: inline-block;
  width: 100px;
  height: 24px;
  position: relative;
  cursor: pointer;
  color: #fff;
  font-size: 1.2rem;
  box-sizing: border-box;
}

.modalBtnTxt {
  text-align: left;
  padding-left: 20px;
}

.modalWrap .modalBtnClose span::before,
.modalWrap .modalBtnClose span::after {
  display: block;
  content: "";
  position: absolute;
  top: 8px;
  left: 100px;
  width: 35px;
  height: 1px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin: -8% 0 0 -42%;
  background: rgb(255, 255, 255);
}

.modalWrap .modalBtnClose span::before {
  transform: rotate(-45deg);
}

.modalWrap .modalBtnClose span::after {
  transform: rotate(45deg);
}

.modalWrap .modalWindowWrap .modalBtnClose:hover {
  opacity: 0.7;
}

.modalWrap .txtMagic {
  display: inline !important;
}

/* お支払い金額調整モーダルメニュー */
.modalVariousContWrap {
  background: #fff;
  padding: 0px;
  width: 90%;
  max-height: 75%;
  z-index: 1;
  overflow: auto;
}
.modalVariousPaymentMenu {
  background-color: #F0F0F0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 40px 60px 15px;
  margin-right: -60px;
  overflow: hidden;
  cursor: auto;
}
.modalVariousPaymentWrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.modalVariousPayment {
  height: 100%;
}
.modalVariousPaymentWrap:not(:first-child) {
  margin-left: 40px;
}
.modalVariousPaymentTitle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 36px;
  padding:5px 0px;
  background-color: lightgray;
  align-items: center;
  justify-content: center;
}
.modalVariousPaymentTitleWrap {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-direction: column;
  font-size: 13px;
}
.modalVariousPaymentTitleText {
  font-size: 16px;
  font-weight: bold;
}
.modalVariousPaymentBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding:0px 20px 20px;
}
li.modalVariousPaymentItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 51px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #c6c6c6;
  border-radius:12px;
  flex-direction: column;
  padding:0px 20px;
}

@media screen and (max-width: 375px) {
  .modalVariousPaymentBody {
    padding:0px 15px 20px;
  }
  li.modalVariousPaymentItem {
    padding:0px 15px;
  }
}

a.modalVariousPaymentItem_link {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  color: #333 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.modalVariousPaymentItem_link:nth-child(even) {
  border-top: dotted 2px #c6c6c6;
}
.modalVariousPaymentItem_link:hover {
  text-decoration: underline;
  color: #117766 !important;
}
.modalVariousPaymentTitleBodySubTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin:12px 0px;
  font-size: 16px;
  font-weight: bold;
  color:#00846D;
}
.modalVariousPaymentItem_link::after {
  position: absolute;
  background: url("/member/img/icon_right_chevron.svg") no-repeat center;
  content: '';
  width: 12px;
  height: 12px;
  right: 0;
  top: calc(50% - 12px / 2)
}
.modalVariousPaymentItem_link[target="_blank"]::after {
  background-image: url("/member/img/icon_external_link.svg");
}
.modalVariousPaymentItem_linkIcon {
  width: 50px;
  height: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.modalVariousPaymentItem_linkText {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex-direction: column;
  font-size: 13px;
  padding: 0 21px 0 6px;
  margin-top: auto;
  margin-bottom: auto;
  justify-content: center;
}
.modalVariousPaymentItem_linkTextSubTitle {
  font-size: 13px;
  font-weight: bold;
  position: relative;
}
.modalVariousPaymentItem_linkTextSubTitle .pref_treatment_icon{
  display: flex;
  position: absolute;
  left: 110px;
  top:50%;
  transform: translateY(-50%);
  width: 82px;
  height: auto;
  justify-content: flex-end;
}

.pref_treatment_icon img {
  width: 100%;
  height: 100%;
}

.pc_table th,
.pc_table td {
  display: table-cell;
  width: auto !important;
  word-break: break-all;
}

/** PDFアイコン */
.pdfLink {
  display: flex;
}
.pdfLink::after {
  content: "";
  width: 1em;
  height:1em;
  display: inline-block;
  background-image: url(/member/img/icon_pdf_link.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: 0 4px;
}

/* 規約画面用 start */
.kiyaku {
  margin: 20px 0 0 0;
}

.kiyaku .acdiBtn {
  display: none;
}

.kiyaku .kiyakuTable table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  border: none;
}

.kiyaku .kiyakuTable th,
.kiyaku .kiyakuTable td {
  box-sizing: border-box;
  padding: 5px;
  border: none !important;
}

.kiyaku2 .kiyakuTable table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}

.kiyaku2 .kiyakuTable th,
.kiyaku2 .kiyakuTable td {
  box-sizing: border-box;
  padding: 5px;
  border: none;
}

.s3{
  color: #003300;
  font-weight: bold;
}
/* 規約画面用 end*/

.dlBtnBox {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
}

.dlBtnBox > * {
  width: 100%;
  margin: 5px 0;
}

#footer #switch_pc {
  display:none !important;
}