@charset "shift-jis";
/* _setting.scss ↓ */
/* ------------------------------------------------------ */
/* site initial setting */
/* ------------------------------------------------------ */
html {
  font-size: 62.5%;
}
html.font-big {
  font-size: 72%;
}

body {
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #333;
  margin: 0;
  padding: 0;
  background-color: #f9f5ec;
  min-width: 1000px;
}
.clearfix:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

header,
footer,
.head-inner,
.foot-inner,
.container {
  width: 100%;
  display: block;
  overflow: hidden;
}

.main,
.section,
.page-head,
.page-foot,
.pagetop,
.main-menu,
.breadcrumbs {
  width: 980px;
  display: block;
  margin: 0 auto;
}

.block {
  margin-bottom: 30px;
}

.article.left {
  width: 660px;
  float: left;
}

.article.right {
  width: 660px;
  float: right;
}

* > p:first-child {
  margin-top: 0;
}

.pagetop {
  height: 0;
  margin: 0 auto;
  max-width: 980px;
  position: relative;
  text-align: right;
  width: 100%;
}

.pagetop a {
  bottom: 35px;
  display: block;
  left: auto;
  margin-left: 936px;
  position: fixed;
  width: 44px;
}

* {
  word-wrap: break-word;
}

p,
ul,
ol,
dt {
  margin: 1em 0 0;
}

dl {
  margin: 0;
}

a {
  color: #ff6666;
}

ul,
ol {
  padding-left: 1em;
}

dd {
  margin-left: 1em;
}

img {
  border: 0px;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

legend {
  border: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  visibility: hidden;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

[type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  border: 1px solid #bebebe;
  border-radius: 5px;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3) inset;
  padding: 10px;
  min-width: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

a,
button {
  -webkit-transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.2s linear 0s, background-color 0.1s linear 0s;
  -o-transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.2s linear 0s, background-color 0.1s linear 0s;
  transition: color 0.1s linear 0s, border 0.1s linear 0s, opacity 0.2s linear 0s, background-color 0.1s linear 0s;
}

a {
  color: #333333;
}

a:not(.button) {
  text-decoration: underline;
}

a:not(.button):hover,
a:not(.button):focus {
  text-decoration: none;
  color: #ff6666;
}

.mg00 {
  margin: 0 !important;
}

.pd00 {
  padding: 0 !important;
}

/* ------------------------------------------------------ */
/* adjust class */
/* ------------------------------------------------------ */
.script {
  display: none !important;
}

.text-center {
  text-align: center;
}

.text-redcenter {
  text-align: center;
  color: #ff0000;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.bold {
  font-weight: bold;
}

.ul-clearmark {
  list-style: none;
  padding-left: 0;
}

.col-table {
  display: table;
}

.col-table > * {
  display: table-cell;
}

.align-top {
  vertical-align: top;
}

.align-middle {
  vertical-align: middle;
}

.align-bottom {
  vertical-align: bottom;
}

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

.border-bottom-none {
  border-bottom: none !important;
}

.border-left-none {
  border-left: none !important;
}

.border-right-none {
  border-right: none !important;
}

.dl-list dt {
  font-weight: bold;
}

.ac_title {
  position: relative;
}
.ac_title:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #dd2b27;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
  left: 10px;
  top: 40%;
}

.note {
  margin: 3px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  padding-left: 20px;
  padding-left: 2rem;
  text-indent: -20px;
  text-indent: -2rem;
}

.note_non-margin {
  margin: 3px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
}

.note .icon {
  padding-left: 25px;
  text-indent: 0;
  vertical-align: top;
}

.note__number {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10px 0 0;
  padding-left: 41px;
  padding-left: 4.1rem;
  text-indent: -41px;
  text-indent: -4.1rem;
}

.note__reference {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 10px 0 0;
  padding-left: 28px;
  padding-left: 2.8rem;
  text-indent: -28px;
  text-indent: -2.8rem;
}

.undernote {
  margin: 10px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  padding-left: 20px;
  padding-left: 2rem;
  text-indent: -20px;
  text-indent: -2rem;
}

.undernote .icon {
  padding-left: 25px;
  text-indent: 0;
  vertical-align: top;
}

.point-block {
  display: block;
}

.caution {
  color: #df0415;
}

.change-value {
  font-weight: bold;
}

.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: -1px !important;
}

.mt-2 {
  margin-top: -2px !important;
}

.mt-3 {
  margin-top: -3px !important;
}

.mt-4 {
  margin-top: -4px !important;
}

.mt-5 {
  margin-top: -5px !important;
}

.mt-6 {
  margin-top: -6px !important;
}

.mt-7 {
  margin-top: -7px !important;
}

.mt-8 {
  margin-top: -8px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-5 {
  margin-top: -5px !important;
}

.mt-10 {
  margin-top: -10px !important;
}

.mt-15 {
  margin-top: -15px !important;
}

.mt-20 {
  margin-top: -20px !important;
}

.mt-25 {
  margin-top: -25px !important;
}

.mt-30 {
  margin-top: -30px !important;
}

.mt-35 {
  margin-top: -35px !important;
}

.mt-40 {
  margin-top: -40px !important;
}

.mt-45 {
  margin-top: -45px !important;
}

.mt-50 {
  margin-top: -50px !important;
}

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

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.pt0 {
  padding-top: 0px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pb0 {
  padding-bottom: 0px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pl10 {
   padding-left: 10px;
}

.width70 {
  width: 70px;
}

.width200 {
  width: 200px;
}

.width210 {
  width: 210px;
}

.width220 {
  width: 220px;
}

.width230 {
  width: 230px;
}

.width240 {
  width: 240px;
}

.width250 {
  width: 250px;
}

.width260 {
  width: 260px;
}

.width270 {
  width: 270px;
}

.width280 {
  width: 280px;
}

.width290 {
  width: 290px;
}

.width300 {
  width: 300px;
}

.width310 {
  width: 310px;
}

.width320 {
  width: 320px;
}

.width330 {
  width: 330px;
}

.width340 {
  width: 340px;
}

.width350 {
  width: 350px;
}

.width360 {
  width: 360px;
}

.width370 {
  width: 370px;
}

.width380 {
  width: 380px;
}

.width390 {
  width: 390px;
}

.width400 {
  width: 400px;
}

.width410 {
  width: 410px;
}

.width420 {
  width: 420px;
}

.width430 {
  width: 430px;
}

.width440 {
  width: 440px;
}

.width450 {
  width: 450px;
}

.width460 {
  width: 460px;
}

.width470 {
  width: 470px;
}

.width480 {
  width: 480px;
}

.width490 {
  width: 490px;
}

.width500 {
  width: 500px;
}

.width510 {
  width: 510px;
}

.width520 {
  width: 520px;
}

.width530 {
  width: 530px;
}

.width540 {
  width: 540px;
}

.width550 {
  width: 550px;
}

.width560 {
  width: 560px;
}

.width570 {
  width: 570px;
}

.width580 {
  width: 580px;
}

.width590 {
  width: 590px;
}

.width600 {
  width: 600px;
}

.width610 {
  width: 610px;
}

.width620 {
  width: 620px;
}

.width630 {
  width: 630px;
}

.width640 {
  width: 640px;
}

.width650 {
  width: 650px;
}

.width660 {
  width: 660px;
}

.width670 {
  width: 670px;
}

.width680 {
  width: 680px;
}

.width690 {
  width: 690px;
}

.width700 {
  width: 700px;
}

.width710 {
  width: 710px;
}

.width720 {
  width: 720px;
}

.width730 {
  width: 730px;
}

.width740 {
  width: 740px;
}

.width750 {
  width: 750px;
}

.width760 {
  width: 760px;
}

.width770 {
  width: 770px;
}

.width780 {
  width: 780px;
}

.width790 {
  width: 790px;
}

.width800 {
  width: 800px;
}

.width-per0 {
  width: 0%;
}

.width-per5 {
  width: 5%;
}

.width-per10 {
  width: 10%;
}

.width-per15 {
  width: 15%;
}

.width-per20 {
  width: 20%;
}

.width-per25 {
  width: 25%;
}

.width-per30 {
  width: 30%;
}

.width-per35 {
  width: 35%;
}

.width-per40 {
  width: 40%;
}

.width-per45 {
  width: 45%;
}

.width-per50 {
  width: 50%;
}

.width-per55 {
  width: 55%;
}

.width-per60 {
  width: 60%;
}

.width-per65 {
  width: 65%;
}

.width-per70 {
  width: 70%;
}

.width-per75 {
  width: 75%;
}

.width-per80 {
  width: 80%;
}

.width-per85 {
  width: 85%;
}

.width-per90 {
  width: 90%;
}

.width-per95 {
  width: 95%;
}

.width-per100 {
  width: 100%;
}

.th-width50 {
  width: 50px;
}

.th-width60 {
  width: 60px;
}

.th-width70 {
  width: 70px;
}

.th-width80 {
  width: 80px;
}

.th-width90 {
  width: 90px;
}

.th-width100 {
  width: 100px;
}

.th-width110 {
  width: 110px;
}

.th-width120 {
  width: 120px;
}

.th-width130 {
  width: 130px;
}

.th-width140 {
  width: 140px;
}

.th-width150 {
  width: 150px;
}

.th-width160 {
  width: 160px;
}

.th-width170 {
  width: 170px;
}

.th-width180 {
  width: 180px;
}

.th-width190 {
  width: 190px;
}

.th-width200 {
  width: 200px;
}

.th-width210 {
  width: 210px;
}

.th-width220 {
  width: 220px;
}

.th-width230 {
  width: 230px;
}

.th-width240 {
  width: 240px;
}

.th-width250 {
  width: 250px;
}

.th-width260 {
  width: 260px;
}

.th-width270 {
  width: 270px;
}

.th-width280 {
  width: 280px;
}

.th-width290 {
  width: 290px;
}

.th-width300 {
  width: 300px;
}

.th-width310 {
  width: 310px;
}

.th-width320 {
  width: 320px;
}

.th-width330 {
  width: 330px;
}

.th-width340 {
  width: 340px;
}

.th-width350 {
  width: 350px;
}

.th-width360 {
  width: 360px;
}

.th-width370 {
  width: 370px;
}

.th-width380 {
  width: 380px;
}

.th-width390 {
  width: 390px;
}

.th-width400 {
  width: 400px;
}

.th-width410 {
  width: 410px;
}

.th-width420 {
  width: 420px;
}

.th-width430 {
  width: 430px;
}

.th-width440 {
  width: 440px;
}

.th-width450 {
  width: 450px;
}

.th-width460 {
  width: 460px;
}

.th-width470 {
  width: 470px;
}

.th-width480 {
  width: 480px;
}

.th-width490 {
  width: 490px;
}

.th-width500 {
  width: 500px;
}

.font10 {
  font-size: 10px;
  font-size: 1rem;
}

.font11 {
  font-size: 11px;
  font-size: 1.1rem;
}

.font14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.font15 {
  font-size: 15px;
  font-size: 1.5rem;
}

.font20 {
  font-size: 20px;
  font-size: 2rem;
}

.font25 {
  font-size: 25px;
  font-size: 2.5rem;
}

.font28 {
  font-size: 28px;
  font-size: 2.8rem;
}

.font35 {
  font-size: 35px;
  font-size: 3.5rem;
}

.font40 {
  font-size: 40px;
  font-size: 4rem;
}

.font45 {
  font-size: 45px;
  font-size: 4.5rem;
}

.font50 {
  font-size: 50px;
  font-size: 5rem;
}

.float-r {
  float: right;
}

/*  _setting.scss ↑ */
/* _header.scss ↓ */
/* ------------------------------------------------------ */
/* header */
/* ------------------------------------------------------ */
header {
  padding-bottom: 4px;
  background: #f9f5ec;
  background: -moz-linear-gradient(left, #fed313 0%, #e61322 100%);
  background: -webkit-linear-gradient(left, #fed313 0%, #e61322 100%);
  background: -webkit-gradient(linear, left top, right top, from(#fed313), to(#e61322));
  background: -o-linear-gradient(left, #fed313 0%, #e61322 100%);
  background: linear-gradient(to right, #fed313 0%, #e61322 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed313', endColorstr='#e61322', GradientType=1);
}
header .head-inner {
  background-color: #fff;
}
header .head-logo {
  margin: 16px 0 0;
  float: left;
  width: auto;
}
header .head-logo img {
  width: 140px;
  height: auto;
}
header .head-menu {
  float: right;
  display: table;
  table-layout: fixed;
  width: auto;
  margin: 20px 0;
}
header .head-menu > * {
  display: table-cell;
  margin: 0;
}
header .head-menu .button {
  font-size: 14px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 7px 30px 7px 10px;
}
header .head-menu .head-menu__caption {
  font-size: 13px;
}
header .head-menu .head-menu__edit {
  padding-right: 15px;
}
header .head-menu .head-menu__edit .button:after {
  content: url(../img/RGHGWY0026.png);
  top: 22%;
}
header .head-menu .account__button {
  min-width: 115px;
  padding: 7px 10px 7px 3px;
}
header .head-menu .char-size {
  display: table;
  table-layout: fixed;
  padding: 0 20px 0 15px;
}
header .head-menu .char-size > * {
  display: table-cell;
  font-size: 14px;
  border: 1px solid #676767;
  background: #ededed;
}
header .head-menu .char-size > * > * {
  display: block;
  color: inherit;
  padding: 1px 11px 0;
  text-decoration: none;
}
header .head-menu .char-size .char-size__std {
  border-radius: 6px 0 0 6px;
}
header .head-menu .char-size .char-size__big {
  border-radius: 0 6px 6px 0;
}
header .head-menu .char-size .is_active {
  color: #fff;
  background: #666;
}

/* ------------------------------------------------------ */
/* header下部　スミセイ DIRECT SERVICE　ようこそ××××さまのエリア */
/* ------------------------------------------------------ */
.page-head {
  padding-top: 20px;
}
.page-head .page-title {
  float: left;
  font-size: 35px;
  font-size: 3.5rem;
  font-weight: normal;
  margin: 0;
  width: auto;
}
.page-head .login-name {
  float: right;
  width: auto;
  margin: 5px 0 0;
  display: inline-block;
}
.page-head .login-name > * {
  display: inline-block;
  margin: 0;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 1.4;
  vertical-align: middle;
}
.page-head .login-name .name {
  padding: 0 0 0 12px;
}
.page-head .login-name .name .name__space {
  font-size: 25px;
  font-size: 2.5rem;
  padding-right: 5px;
}
.page-head .login-name .mail {
  width: 65px;
  height: 65px;
  text-decoration: none;
  position: relative;
  display: inline-block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: #666666 url(../img/icon_head_mail.png) no-repeat center center;
}
.page-head .login-name .mail .number {
  background-color: #c90a19;
  border: 2px solid #ffffff;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  height: 28px;
  padding: 3px;
  position: absolute;
  right: -5px;
  text-align: center;
  top: -5px;
  vertical-align: middle;
  width: 28px;
}
.page-head .latest-login {
  display: block;
  margin: 0 0 8px;
  text-align: right;
  font-size: 13px;
  font-size: 1.3rem;
}
.page-head .latest-login:before {
  clear: both;
  display: block;
  content: "";
}

/* ------------------------------------------------------ */
/* mainvisual */
/* ------------------------------------------------------ */
.mainvisual {
  margin-top: 15px;
}

/* ------------------------------------------------------ */
/* information　新しいお知らせ通知エリア */
/* ------------------------------------------------------ */
.information {
  background-color: #ffffff;
  display: table;
  width: 100%;
  margin: 20px 0 0;
  padding: 12px 0;
}

.information > * {
  display: table-cell;
  padding: 0 25px;
  vertical-align: middle;
}

.information__title {
  color: #754930;
  font-size: 20px;
  font-size: 2rem;
  width: 1%;
}

.information__mail a {
  display: block;
  text-decoration: none;
}

.information__mail a:hover,
.information__mail a:focus {
  text-decoration: none;
}

.information__mail a .information__mail_text {
  color: #333;
  text-decoration: underline;
}

.information__mail a:hover .information__mail_text,
.information__mail a:focus .information__mail_text {
  text-decoration: none;
  color: #ff6666;
}

.information__mail a .information__icon_mail {
  position: relative;
  margin-right: 10px;
}

.boxshadow .information__mail a .information__icon_mail .information__num {
  background-color: #c90a19;
  border: 2px solid #ffffff;
  border-radius: 100%;
  color: #ffffff;
  font-size: 11px;
  font-size: 1.1rem;
  text-align: center;
  vertical-align: top;
  font-weight: normal;
  display: inline-block;
  width: 15px;
  height: 15px;
  padding: 2px;
  position: absolute;
  right: -10px;
  top: -15px;
  line-height: 1.5;
}

.webkit.chrome.win .information__mail a .information__icon_mail .information__num,
.webkit.safari5.mac .information__mail a .information__icon_mail .information__num {
  line-height: initial;
}

.no-boxshadow .information__mail a .information__icon_mail .information__num {
  background-image: url(../img/RGHGWY0054.png);
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 10px !important;
  font-size: 1rem !important;
  font-weight: normal;
  width: 20px;
  height: 20px;
  padding: 2px 0 0;
  position: absolute;
  right: -8px;
  top: -11px;
  text-align: center;
  vertical-align: middle;
}

.information.user-info .information__title {
  width: 70%;
}
.information.user-info .information__name {
  font-size: 12px;
}
.information.user-info .information__resist {
  display: inline-block;
  min-width: 150px;
  font-size: 15px;
  padding: 6px 35px 5px 10px;
}
.information.user-info .information__notice {
  font-weight: bold;
}
.information.user-info .information__mail > a {
  margin: 15px 0 0 20px;
}

/*  _header.scss ↑ */
/* _main-menu.scss ↓ */
/* ------------------------------------------------------ */
/* メガメニュー */
/* ------------------------------------------------------ */
.main-menu {
  position: relative;
}

.menu-tab {
  display: none;
  margin: 20px -4px 0 0;
  padding: 0;
  width: 984px;
}
.menu-tab > li:last-child {
  width: 192px;
}
.menu-tab > li {
  display: block;
  float: left;
  width: 193px;
  height: 140px;
  margin-right: 4px;
  padding: 17px 0;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #a66916;
  background: -webkit-gradient(linear, left top, left bottom, from(#c38418), to(#7b4211));
  background: -webkit-linear-gradient(top, #c38418 0%, #7b4211 100%);
  background: -moz-linear-gradient(top, #c38418 0%, #7b4211 100%);
  background: -o-linear-gradient(top, #c38418 0%, #7b4211 100%);
  background: linear-gradient(to bottom, #c38418 0%, #7b4211 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#c38418', endColorstr='#7b4211', GradientType=0)";
}
.menu-tab > li span {
  display: inline-block;
  width: 100%;
  padding-top: 63px;
  color: #fff;
  background-position: top center;
  background-repeat: no-repeat;
  position: relative;
}
.menu-tab > li a:focus span,
.menu-tab > li:hover span {
  text-decoration: underline;
}

.menu-tab > li span:after {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 25px;
  text-align: center;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  content: url(../img/RGHGWY0057.png);
}
.menu-tab > li.menu-tab__home {
  padding: 0;
}
.menu-tab > li.menu-tab__home a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 140px;
  padding: 17px 0;
}
.menu-tab > li.menu-tab__home span:after {
  display: none;
}
.menu-tab > li.menu-tab__home span {
  background-image: url(../img/RGHGWY0059.png);
}
.menu-tab > li.tab02 span {
  background-image: url(../img/RGHGWY0060.png);
}
.menu-tab > li.tab03 span {
  background-image: url(../img/RGHGWY0061.png);
}
.menu-tab > li.tab04 span {
  background-image: url(../img/RGHGWY0062.png);
}
.menu-tab > li.tab05 span {
  background-image: url(../img/RGHGWY0063.png);
}
.menu-tab li.active, .menu-tab li:hover, .menu-tab li.current, .menu-tab li:focus {
  background-color: #754930;
  background: -webkit-gradient(linear, left top, left bottom, from(#562d0b), to(#693d0d));
  background: -webkit-linear-gradient(top, #562d0b 0%, #693d0d 100%);
  background: -moz-linear-gradient(top, #562d0b 0%, #693d0d 100%);
  background: -o-linear-gradient(top, #562d0b 0%, #693d0d 100%);
  background: linear-gradient(to bottom, #562d0b 0%, #693d0d 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#562d0b', endColorstr='#693d0d', GradientType=0)";
  position: relative;
}
.menu-tab li.active {
  height: 143px;
}
.menu-tab > li.active:after {
  position: absolute;
  content: "";
  bottom: -3px;
  left: 0;
  display: block;
  display: none;
  width: 193px;
  height: 3px;
  background-color: #693d0d;
}
.menu-tab > li:last-child.active:after {
  width: 192px;
}
.menu-tab > li.active span:after {
  content: url(../img/RGHGWY0058.png);
}

.ie8 .menu-tab > li:hover {
  height: 140px;
}

.ie8 .menu-tab > li.active:hover {
  height: 143px;
}

.webkit.chrome.win .menu-tab > li.active {
  height: 144px;
}

.gecko .menu-tab > li.active {
  height: 140px;
}

.gecko .menu-tab > li.active:after {
  position: absolute;
  content: "";
  bottom: -3px;
  left: 0;
  display: block;
  width: 193px;
  height: 3px;
  background-color: #6a3e1c;
}

.gecko .menu-tab > li:last-child.active:after {
  width: 192px;
}

.gecko .menu-content__detail {
  margin: 3px 0 0;
}

.menu-content {
  width: 980px;
}

.menu-content__detail {
  background-color: #754930;
  background: -webkit-gradient(linear, left top, left bottom, from(#693d0d), to(#7d4d11));
  background: -webkit-linear-gradient(top, #693d0d 0%, #7d4d11 100%);
  background: -moz-linear-gradient(top, #693d0d 0%, #7d4d11 100%);
  background: -o-linear-gradient(top, #693d0d 0%, #7d4d11 100%);
  background: linear-gradient(to bottom, #693d0d 0%, #7d4d11 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#693d0d', endColorstr='#7d4d11', GradientType=0)";
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  list-style: none;
  margin: 3px 0 0;
  margin: 0;
  margin-bottom: 10px;
  padding: 15px 30px 50px;
  position: relative;
  display: none;
}

.menu-content__title {
  width: 880px;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
}

.menu-content__menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-content__menu > li {
  display: block;
  float: left;
  margin: 15px 40px 0 0;
}

.menu-content__menu > li a {
  color: #ffffff;
}

.menu-content__menu > li.current a {
  color: #ff6666;
}

.menu-content__close {
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  position: absolute;
  right: 15px;
  top: 15px;
  padding: 10px;
}

/*  _main-menu.scss ↑ */
/* _footer.scss ↓ */
/* ------------------------------------------------------ */
/* footer */
/* ------------------------------------------------------ */
footer {
  padding-top: 4px;
  background: #fed313;
  background: -moz-linear-gradient(left, #fed313 0%, #e61322 100%);
  background: -webkit-linear-gradient(left, #fed313 0%, #e61322 100%);
  background: -webkit-gradient(linear, left top, right top, from(#fed313), to(#e61322));
  background: -o-linear-gradient(left, #fed313 0%, #e61322 100%);
  background: linear-gradient(to right, #fed313 0%, #e61322 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed313', endColorstr='#e61322', GradientType=1);
}
footer .foot-inner {
  background-color: #fff;
  padding: 20px 15px 20px;
}
footer * {
  text-align: center;
}
footer .copyright {
  font-size: 11px;
  font-size: 1.1rem;
}
footer .foot-logo {
  margin-bottom: 8px;
  margin-top: 20px;
}
footer .foot-logo a {
  font-size: 30px;
  font-size: 3rem;
  text-decoration: none;
  color: #333;
}

.no-page-foot .footer {
  margin-top: 30px;
}

/* ------------------------------------------------------ */
/* footer上部　リーガルリンク */
/* ------------------------------------------------------ */
.page-foot .page-foot__link {
  text-align: center;
  margin: 20px 0;
  padding-left: 0;
}
.page-foot .page-foot__link li {
  display: inline-block;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px 10px;
}
.page-foot .page-foot__link li a {
  position: relative;
  vertical-align: middle;
  display: inline-block;
}

/*  _footer.scss ↑ */
/* _element.scss ↓ */
/* ------------------------------------------------------ */
/* step navi */
/* ------------------------------------------------------ */
.step {
  list-style: none;
  margin: 30px -1px 30px 0;
  padding: 0;
}

.step > * {
  display: block;
  float: left;
}

/* ------------------------------------------------------ */
/* error */
/* ------------------------------------------------------ */
.error {
  background-color: #fef5f5;
  border: 2px solid #df0415;
  color: #df0415;
  margin: 30px 0;
  padding: 15px 15px 15px;
}

.error__title {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  padding-left: 35px;
  background: url(../img/RGHGWY0028.png) no-repeat left center;
}

.error-list {
  margin: 0 0 0;
}

.error-list__title {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  margin-top: 15px;
  padding-left: 10px;
  border-left: 6px solid #df0415;
}

/* ------------------------------------------------------ */
/* attention */
/* ------------------------------------------------------ */
.attention {
  border: 2px solid #754930;
  margin: 30px 0;
  padding: 15px 15px 15px;
}

.attention__title {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.attention__note {
  margin: 5px 0 0;
  padding-left: 20px;
  padding-left: 2.0rem;
  text-indent: -20px;
  text-indent: -2.0rem;
}

.attention__note_child {
  text-indent: 0;
  margin-top: 0px;
}

.attention__note__indent {
  margin: 0;
  padding-left: 40px;
  padding-left: 4.0rem;
  text-indent: -40px;
  text-indent: -4.0rem;
}

.attention__note__indent__padding {
  margin: 0;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-left: 4.0rem;
  text-indent: -40px;
  text-indent: -4.0rem;
}

.attention__note__padding__top {
  margin: 5px 0 0;
  padding-top: 20px;
  padding-left: 20px;
  padding-left: 2.0rem;
  text-indent: -20px;
  text-indent: -2.0rem;
}

.attention__note__padding__bottom {
  margin: 5px 0 0;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-left: 2.0rem;
  text-indent: -20px;
  text-indent: -2.0rem;
}

.attention__link {
  padding-left: 10px;
  padding-left: 1.0rem;
}

.wraparea {
  border: 1px solid #aaaaaa;
  display: inline-block;
  padding: 15px;
}

.attention＿table {
  margin: 10px 0;
  padding-left: 20px;
}

.attention_policy {
  border: 2px solid #754930;
  padding: 15px 15px 15px;
  background-color: #fff;
}

/* ------------------------------------------------------ */
/* tab */
/* ------------------------------------------------------ */
.tab-head {
  list-style: none;
  padding-left: 0;
}

.tab-head__title {
  padding: 10px;
  margin-right: -1px;
  cursor: pointer;
  background-color: #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tab-head__title a {
  text-decoration: none;
}
.tab-head__title a:hover {
  color: #333333;
  opacity: 1;
}

.tab-head__title.active {
  background-color: #333;
  color: #fff;
}
.tab-head__title.active a {
  color: #fff;
}

.tab-body__detail.active {
  display: block;
}

.tab-body__detail {
  list-style: none;
  padding: 15px;
}

/* ------------------------------------------------------ */
/* accordion */
/* ------------------------------------------------------ */
.accordion__head {
  cursor: pointer;
}

.accordion__body {
  display: none;
}

.accordion__body.active {
  display: block;
}

/* ------------------------------------------------------ */
/* modal */
/* ------------------------------------------------------ */
.overlay {
  width: 100%;
  z-index: 1;
  position: fixed;
  top: 0;
  display: block;
  background-color: #000;
  opacity: 0.8;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
  zoom: 1;
  cursor: pointer;
  overflow: hidden;
}

body.noscroll {
  width: 100%;
  position: fixed;
}

.modal {
  position: relative;
}

.modal__body {
  display: none;
  position: fixed;
}

.modal__body.active {
  width: 60%;
  max-width: 980px;
  background-color: #f9f5ec;
  background-color: #fff;
  margin: 0 auto;
  position: fixed;
  text-align: left;
  z-index: 10;
}

.modal__inner {
  padding: 30px 30px 40px;
}

.search_address {
  margin-top: 10px;
  display: table;
}
.search_address > * {
  display: table-cell;
  vertical-align: middle;
}
.search_address > label {
  padding-left: 10px;
}

/* *********************** */
/* モーダル内要素 */
/* *********************** */
.tab-reserve {
  margin: 20px auto 60px;
  width: 830px;
}
.tab-reserve .tab-head {
  border-bottom: 4px solid #9e7021;
  width: 830px;
}
.tab-reserve .tab-head__title {
  width: 412px;
  float: left;
  margin-right: 6px;
  text-align: center;
  font-size: 23px;
  font-size: 2.3rem;
  color: #666;
  background-color: #dcdcdc;
  background: #ececec;
  background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#cfcece));
  background: -webkit-linear-gradient(top, #ececec 0%, #cfcece 100%);
  background: -moz-linear-gradient(top, #ececec 0%, #cfcece 100%);
  background: -ms-linear-gradient(left, #ececec 0%, #cfcece 100%);
  background: -o-linear-gradient(top, #ececec 0%, #cfcece 100%);
  background: linear-gradient(to bottom, #ececec 0%, #cfcece 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#cfcece', GradientType=0)";
}
.tab-reserve .tab-head__title.active {
  color: #fff;
  background-color: #9e7021;
  background: #ce993e;
  background: -webkit-gradient(linear, left top, left bottom, from(#ce993e), to(#9e7021));
  background: -webkit-linear-gradient(top, #ce993e 0%, #9e7021 100%);
  background: -moz-linear-gradient(top, #ce993e 0%, #9e7021 100%);
  background: -ms-linear-gradient(left, #ce993e 0%, #9e7021 100%);
  background: -o-linear-gradient(top, #ce993e 0%, #9e7021 100%);
  background: linear-gradient(to bottom, #ce993e 0%, #9e7021 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce993e', endColorstr='#9e7021', GradientType=0)";
}
.tab-reserve .tab-head__title:last-child {
  margin-right: 0;
}
.tab-reserve .tab-body__detail {
  padding: 27px 0 0;
}

.reserve__data {
  margin: 0 0 0;
  border-top: 2px solid #754930;
  border-bottom: 2px solid #754930;
}

.reserve__list {
  border-bottom: 1px solid #754930;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.reserve__list:last-child {
  border-bottom: 2px solid #754930;
}

.reserve__list > * {
  display: table-cell;
  vertical-align: middle;
  padding: 13px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.reserve__title {
  width: 290px;
  font-weight: bold;
  border-right: 2px solid #754930;
}

.reserve__detail {
  text-align: right;
}

.reserve__money {
  display: block !important;
  font-weight: normal;
  margin-left: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  min-width: 150px;
}
.reserve__money.japan {
  font-weight: bold;
  font-size: 20px;
  font-size: 2.0rem;
}

.pickup .reserve__money {
  font-size: 15px;
  font-size: 1.5rem;
}
.pickup .reserve__money.japan {
  font-size: 20px;
  font-size: 2.0rem;
}

.reserve__money .currency {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  margin: 0 3px;
}

.pickup.reserve__list {
  background-color: #e9cfbe;
  border-bottom: none;
}

/* ------------------------------------------------------ */
/* icon */
/* ------------------------------------------------------ */
.icon {
  background-position: 5px center;
  background-repeat: no-repeat;
  background-image: url(../img/RGHGWY0022.png);
  padding-left: 23px;
  vertical-align: middle;
  display: inline-block;
}
.icon.icon_key_blank_sentence {
  background-image: url(../img/RGHGWY0025.png);
  background-position: 2px center;
  padding-left: 23px;
  text-indent: 0px;
  text-indent: 0.0rem;
}
.icon.icon_key_blank {
  background-image: url(../img/RGHGWY0025.png);
  background-position: 2px center;
  padding-left: 23px;
}
.icon.icon_key_tel {
  background-image: url(../img/RGHGWY0052.png);
  background-position: left center;
}
.icon.icon_key_rate {
  background-image: url(../img/RGHGWY0066.png);
  background-position: left center;
}
.icon.icon_key_card {
  background-image: url(../img/RGHGWY0027.png);
  background-position: left center;
}
.icon.icon_key_edit {
  background-image: url(../img/RGHGWY0033.png);
  background-position: left center;
}
.icon.icon_key_error {
  background-image: url(../img/RGHGWY0034.png);
  background-position: left 20px;
}
.icon.icon_key_login {
  background-image: url(../img/RGHGWY0039.png);
  background-position: left 19px;
}
.icon.icon_key_logout {
  background-image: url(../img/RGHGWY0040.png);
  background-position: left 21px;
}
.icon.icon_key_inquiry {
  background-image: url(../img/RGHGWY0038.png);
  background-position: left 22px;
}
.icon.icon_key_procedure {
  background-image: url(../img/RGHGWY0045.png);
  background-position: left 19px;
  padding-left: 58px;
}
.icon.icon_key_accessibility {
  background-image: url(../img/RGHGWY0021.png);
  background-position: left 20px;
}
.icon.icon_key_caution {
  background-image: url(../img/RGHGWY0029.png);
  background-position: left center;
  padding-left: 25px;
}
.icon.icon_key_usd {
  position: relative;
  background: none;
  padding: 0;
}
.icon.icon_key_usd:before {
  content: url(../img/RGHGWY0053.png);
  display: inline-block;
  height: 13px;
  padding-right: 7px;
  width: 20px;
}
.icon.icon_key_aud {
  position: relative;
  background: none;
  padding: 0;
}
.icon.icon_key_aud:before {
  content: url(../img/RGHGWY0023.png);
  display: inline-block;
  height: 13px;
  padding-right: 7px;
  width: 20px;
}
.icon.icon_key_eur {
  position: relative;
  background: none;
  padding: 0;
}
.icon.icon_key_eur:before {
  content: url(../img/RGHGWY0035.png);
  display: inline-block;
  height: 13px;
  padding-right: 7px;
  width: 20px;
}
.icon.icon_key_chart {
  background-image: url(../img/RGHGWY0030.png);
  background-position: left center;
  padding-left: 50px;
}
.icon.icon_key_table {
  background-image: url(../img/RGHGWY0050.png);
  background-position: left center;
  padding-left: 50px;
}

.tab-head__title.active .icon.icon_key_chart {
  background-image: url(../img/RGHGWY0031.png);
}
.tab-head__title.active .icon.icon_key_table {
  background-image: url(../img/RGHGWY0051.png);
}

.icon_arrow_r li {
  list-style: none;
}
.icon_arrow_r li a {
  position: relative;
}
.icon_arrow_r li a:before {
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #dd2b27;
}

.icon_yes,
.icon_no {
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  padding: 0;
  text-indent: -9999px;
  width: 50px;
}

.icon_yes {
  background-image: url(../img/RGHGWY0041.png);
}

.icon_no {
  background-image: url(../img/RGHGWY0024.png);
}

/* ------------------------------------------------------ */
/* title */
/* ------------------------------------------------------ */
h1, h2, h3 {
  margin-bottom: 0;
}

h2 {
  font-size: 20px;
  font-size: 2rem;
}

h3 {
  font-size: 18px;
  font-size: 1.8rem;
  border-left: 3px;
}

.sub {
  font-size: 13px;
  font-size: 1.3rem;
  margin: 5px 0 10px;
  padding: 0;
  text-align: right;
}

.title01 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  padding: 10px;
  display: block;
  font-size: 35px;
  padding: 10px 10px 10px 50px;
  color: #754930;
}

.title01.date {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #754930;
  display: table;
  padding: 10px 0 5px 50px;
  vertical-align: middle;
  width: 100%;
}

.title01.date > * {
  display: table-cell;
}

.title01.date > *:first-child {
  width: 80%;
}

.title01.date > .sub {
  min-width: 190px;
  padding: 5px;
  text-align: right;
  vertical-align: bottom;
  background-color: transparent;
  color: #333;
}

.title01.title-modal {
  background-color: #ededed;
  background: #fcfcfc;
  background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ddd));
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #ddd 100%);
  background: -moz-linear-gradient(top, #fcfcfc 0%, #ddd 100%);
  background: -ms-linear-gradient(left, #fcfcfc 0%, #ddd 100%);
  background: -o-linear-gradient(top, #fcfcfc 0%, #ddd 100%);
  background: linear-gradient(to bottom, #fcfcfc 0%, #dddddd 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#ddd', GradientType=0)";
}

.title01.title-modal > *:first-child {
  padding: 15px 20px 15px 80px;
}

.title01.title-modal > .sub {
  min-width: 170px;
  padding: 5px 80px 20px 5px;
}

.title-modal .icon.icon_key_rate {
  background-image: url("../img/RGHGWY0046.png");
  background-position: 30px center;
  background-repeat: no-repeat;
}

.title02 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  padding: 10px;
  display: block;
  line-height: 1.4;
  padding: 10px 20px;
  background-color: #754930;
  color: #fff;
}

.title03 {
  font-weight: normal;
  padding: 10px;
  display: block;
  margin: 50px 0 0;
  padding: 10px 0px 5px;
  font-size: 25px;
  font-size: 2.5rem;
  border-bottom: 4px solid #9f7022;
  color: #754930;
}

.title03.font22 {
  font-size: 22px;
  font-size: 2.2rem;
}

.title04 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  padding: 10px;
  display: block;
  margin: 25px 0 0;
  padding: 3px 10px 0;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.3;
  border-left: 6px solid #9f7022;
  color: #754930;
}

.title04.font14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.title05 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  padding: 10px;
  display: block;
  padding: 10px 20px;
  color: #fff;
  border: 2px solid #754930;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  border-top: 1px solid #7c502f;
  border-bottom: 1px solid #61360e;
  background-color: #ececec;
  background: #754930;
  background: -webkit-gradient(linear, left top, left bottom, from(#754930), to(#572e0c));
  background: -webkit-linear-gradient(top, #754930 0%, #572e0c 100%);
  background: -moz-linear-gradient(top, #754930 0%, #572e0c 100%);
  background: -ms-linear-gradient(left, #754930 0%, #572e0c 100%);
  background: -o-linear-gradient(top, #754930 0%, #572e0c 100%);
  background: linear-gradient(to bottom, #754930 0%, #572e0c 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#754930', endColorstr='#572e0c', GradientType=0)";
}
.title05.accordion__head {
  position: relative;
}
.title05.accordion__head a {
  color: #fff;
  text-decoration: none;
}
.title05.accordion__head a:hover {
  text-decoration: none;
}
.title05.accordion__head:after {
  position: absolute;
  top: 23%;
  right: 15px;
  content: "開く";
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  width: 40px;
  padding-top: 12px;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(../img/RGHGWY0068.png);
}
.title05.accordion__head.active:after {
  content: "閉じる";
  background-image: url(../img/RGHGWY0067.png);
}

.title05.accordion__head:not(.active) {
  margin-bottom: -2px;
}

.title06 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal;
  padding: 10px;
  display: block;
  margin: 0 0 0;
  padding: 10px 10px 5px;
  font-size: 18px;
  font-size: 1.8rem;
  border-bottom: 3px solid #754930;
  color: #333;
}

.title07 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
  margin:10px 0px 0px;
  display: block;
  line-height: 0.5;
  padding: 10px 20px;
  background-color: #754930;
  color: #fff;
}

.title08 {
//未使用
}

.title09 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 10px;
  display: block;
  margin: 0px 0px 0px;
  padding: 10px 5px;
  line-height: 0.5;
  border-left: 6px solid #9f7022;
  color: #754930;
}

.description {
  display: table;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.description > * {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}
.description .sub {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px 10px;
  text-align: right;
  vertical-align: bottom;
}

.title-note {
  font-size: 1.4rem;
  margin: 3px 0 0 20px;
}

.title-button {
  display: inline-block;
  margin: 0 20px;
  vertical-align: middle;
}

/* ------------------------------------------------------ */
/* button */
/* ------------------------------------------------------ */
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #c3841a;
  background: -webkit-gradient(linear, left top, left bottom, from(#c3841a), to(#7b4310));
  background: -webkit-linear-gradient(top, #c3841a 0%, #7b4310 100%);
  background: -moz-linear-gradient(top, #c3841a 0%, #7b4310 100%);
  background: -ms-linear-gradient(left, #c3841a 0%, #7b4310 100%);
  background: -o-linear-gradient(top, #c3841a 0%, #7b4310 100%);
  background: linear-gradient(to bottom, #c3841a 0%, #7b4310 100%);
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  font-size: 1.6rem;
  min-width: 130px;
  padding: 10px 30px;
  border: none;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
}
.button:hover,.button:hover span,.button:focus,.button:focus span {
  text-decoration: underline;
}
.button.button_color_brown {
  background-color: #be6a22;
  background: #cd7a36;
  background: -webkit-gradient(linear, left top, left bottom, from(#cd7a36), to(#af5811));
  background: -webkit-linear-gradient(top, #cd7a36 0%, #af5811 100%);
  background: -moz-linear-gradient(top, #cd7a36 0%, #af5811 100%);
  background: -ms-linear-gradient(left, #cd7a36 0%, #af5811 100%);
  background: -o-linear-gradient(top, #cd7a36 0%, #af5811 100%);
  background: linear-gradient(to bottom, #cd7a36 0%, #af5811 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd7a36', endColorstr='#af5811', GradientType=0)";
}
.button.button_color_brown:hover, .button.button_color_brown:focus {
  background: #763d0d;
  background: -webkit-gradient(linear, left top, left bottom, from(#763d0d), to(#af692d));
  background: -webkit-linear-gradient(top, #763d0d 0%, #af692d 100%);
  background: -moz-linear-gradient(top, #763d0d 0%, #af692d 100%);
  background: -ms-linear-gradient(left, #763d0d 0%, #af692d 100%);
  background: -o-linear-gradient(top, #763d0d 0%, #af692d 100%);
  background: linear-gradient(to bottom, #763d0d 0%, #af692d 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#763d0d', endColorstr='#af692d', GradientType=0)";
}
.button.button_color_deep_blue {
  background-color: #1d4569;
  background: #2d577f;
  background: -webkit-gradient(linear, left top, left bottom, from(#2d577f), to(#113557));
  background: -webkit-linear-gradient(top, #2d577f 0%, #113557 100%);
  background: -moz-linear-gradient(top, #2d577f 0%, #113557 100%);
  background: -ms-linear-gradient(left, #2d577f 0%, #113557 100%);
  background: -o-linear-gradient(top, #2d577f 0%, #113557 100%);
  background: linear-gradient(to bottom, #2d577f 0%, #113557 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d577f', endColorstr='#113557', GradientType=0)";
}
.button.button_color_deep_blue:hover, .button.button_color_deep_blue:focus {
  background: #142b40;
  background: -webkit-gradient(linear, left top, left bottom, from(#142b40), to(#11487a));
  background: -webkit-linear-gradient(top, #142b40 0%, #11487a 100%);
  background: -moz-linear-gradient(top, #142b40 0%, #11487a 100%);
  background: -ms-linear-gradient(left, #142b40 0%, #11487a 100%);
  background: -o-linear-gradient(top, #142b40 0%, #11487a 100%);
  background: linear-gradient(to bottom, #142b40 0%, #11487a 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#142b40', endColorstr='#11487a', GradientType=0)";
}
.button.button_color_light_blue {
  background-color: #336a88;
  background: #4180a1;
  background: -webkit-gradient(linear, left top, left bottom, from(#4180a1), to(#265871));
  background: -webkit-linear-gradient(top, #4180a1 0%, #265871 100%);
  background: -moz-linear-gradient(top, #4180a1 0%, #265871 100%);
  background: -ms-linear-gradient(left, #4180a1 0%, #265871 100%);
  background: -o-linear-gradient(top, #4180a1 0%, #265871 100%);
  background: linear-gradient(to bottom, #4180a1 0%, #265871 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4180a1', endColorstr='#265871', GradientType=0)";
}

.button.button_color_light_blue_disabled {
  background-color: #336a88;
  background: #4180a1;
  background: -webkit-gradient(linear, left top, left bottom, from(#4180a1), to(#265871));
  background: -webkit-linear-gradient(top, #4180a1 0%, #265871 100%);
  background: -moz-linear-gradient(top, #4180a1 0%, #265871 100%);
  background: -ms-linear-gradient(left, #4180a1 0%, #265871 100%);
  background: -o-linear-gradient(top, #4180a1 0%, #265871 100%);
  background: linear-gradient(to bottom, #4180a1 0%, #265871 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4180a1', endColorstr='#265871', GradientType=0)";
  filter:alpha(capacity=50);
  -moz-opacity:0.5;
  opacity:0.5;
  text-decoration: none;
}

.button.button_color_light_blue:hover, .button.button_color_light_blue:focus {
  background: #183a4b;
  background: -webkit-gradient(linear, left top, left bottom, from(#183a4b), to(#356782));
  background: -webkit-linear-gradient(top, #183a4b 0%, #356782 100%);
  background: -moz-linear-gradient(top, #183a4b 0%, #356782 100%);
  background: -ms-linear-gradient(left, #183a4b 0%, #356782 100%);
  background: -o-linear-gradient(top, #183a4b 0%, #356782 100%);
  background: linear-gradient(to bottom, #183a4b 0%, #356782 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#183a4b', endColorstr='#356782', GradientType=0)";
}
.button.button_color_light_gold {
  background-color: #a57918;
  background: #b78417;
  background: -webkit-gradient(linear, left top, left bottom, from(#b78417), to(#8b671b));
  background: -webkit-linear-gradient(top, #b78417 0%, #8b671b 100%);
  background: -moz-linear-gradient(top, #b78417 0%, #8b671b 100%);
  background: -ms-linear-gradient(left, #b78417 0%, #8b671b 100%);
  background: -o-linear-gradient(top, #b78417 0%, #8b671b 100%);
  background: linear-gradient(to bottom, #b78417 0%, #8b671b 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#b78417', endColorstr='#8b671b', GradientType=0)";
}
.button.button_color_light_gold:hover, .button.button_color_light_gold:focus {
  background: #694d0f;
  background: -webkit-gradient(linear, left top, left bottom, from(#694d0f), to(#ac7e1a));
  background: -webkit-linear-gradient(top, #694d0f 0%, #ac7e1a 100%);
  background: -moz-linear-gradient(top, #694d0f 0%, #ac7e1a 100%);
  background: -ms-linear-gradient(left, #694d0f 0%, #ac7e1a 100%);
  background: -o-linear-gradient(top, #694d0f 0%, #ac7e1a 100%);
  background: linear-gradient(to bottom, #694d0f 0%, #ac7e1a 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#694d0f', endColorstr='#ac7e1a', GradientType=0)";
}
.button.button_color_light_grey {
  background-color: #565656;
  background: #6a6a6a;
  background: -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#454545));
  background: -webkit-linear-gradient(top, #6a6a6a 0%, #454545 100%);
  background: -moz-linear-gradient(top, #6a6a6a 0%, #454545 100%);
  background: -ms-linear-gradient(left, #6a6a6a 0%, #454545 100%);
  background: -o-linear-gradient(top, #6a6a6a 0%, #454545 100%);
  background: linear-gradient(to bottom, #6a6a6a 0%, #454545 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a6a', endColorstr='#454545', GradientType=0)";
}
.button.button_color_light_grey:hover, .button.button_color_light_grey:focus {
  background: #292929;
  background: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#595858));
  background: -webkit-linear-gradient(top, #292929 0%, #595858 100%);
  background: -moz-linear-gradient(top, #292929 0%, #595858 100%);
  background: -ms-linear-gradient(left, #292929 0%, #595858 100%);
  background: -o-linear-gradient(top, #292929 0%, #595858 100%);
  background: linear-gradient(to bottom, #292929 0%, #595858 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#595858', GradientType=0)";
}
.button.button_color_deep_orange {
  background-color: #b92f12;
  background: #d14c13;
  background: -webkit-gradient(linear, left top, left bottom, from(#d14c13), to(#9b0911));
  background: -webkit-linear-gradient(top, #d14c13 0%, #9b0911 100%);
  background: -moz-linear-gradient(top, #d14c13 0%, #9b0911 100%);
  background: -ms-linear-gradient(left, #d14c13 0%, #9b0911 100%);
  background: -o-linear-gradient(top, #d14c13 0%, #9b0911 100%);
  background: linear-gradient(to bottom, #d14c13 0%, #9b0911 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#d14c13', endColorstr='#9b0911', GradientType=0)";
}
.button.button_color_deep_orange:hover, .button.button_color_deep_orange:focus {
  background: #6a040a;
  background: -webkit-gradient(linear, left top, left bottom, from(#6a040a), to(#b63903));
  background: -webkit-linear-gradient(top, #6a040a 0%, #b63903 100%);
  background: -moz-linear-gradient(top, #6a040a 0%, #b63903 100%);
  background: -ms-linear-gradient(left, #6a040a 0%, #b63903 100%);
  background: -o-linear-gradient(top, #6a040a 0%, #b63903 100%);
  background: linear-gradient(to bottom, #6a040a 0%, #b63903 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a040a', endColorstr='#b63903', GradientType=0)";
}
.button.button_color_silver {
  color: #555555;
  border: 1px solid #888888;
  background-color: #ececec;
  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dedede));
  background: -webkit-linear-gradient(top, #fafafa 0%, #dedede 100%);
  background: -moz-linear-gradient(top, #fafafa 0%, #dedede 100%);
  background: -ms-linear-gradient(left, #fafafa 0%, #dedede 100%);
  background: -o-linear-gradient(top, #fafafa 0%, #dedede 100%);
  background: linear-gradient(to bottom, #fafafa 0%, #dedede 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dedede', GradientType=0)";
}
.button.button_color_silver:after {
  content: url(../img/RGHGWY0043.png);
}
.button.button_color_silver:hover, .button.button_color_silver:focus {
  background: #cdcccc;
  background: -webkit-gradient(linear, left top, left bottom, from(#cdcccc), to(#edecec));
  background: -webkit-linear-gradient(top, #cdcccc 0%, #edecec 100%);
  background: -moz-linear-gradient(top, #cdcccc 0%, #edecec 100%);
  background: -ms-linear-gradient(left, #cdcccc 0%, #edecec 100%);
  background: -o-linear-gradient(top, #cdcccc 0%, #edecec 100%);
  background: linear-gradient(to bottom, #cdcccc 0%, #edecec 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcccc', endColorstr='#edecec', GradientType=0)";
}

.button:after {
  content: url(../img/RGHGWY0042.png);
  position: absolute;
  right: 10px;
  top: 28%;
}

.action .button::after {
  top: 28%;
}

.action .btn_submit:after,
.action .btn_login:after,
.action .btn_ok:after {
  right: 20px;
  content: url(../img/RGHGWY0049.png);
}
.ie8 .action .btn_submit:after,
.ie8 .action .btn_login:after,
.ie8 .action .btn_ok:after {
  right: 20px;
  content: url(../img/RGHGWY0049.png);
}

.action .btn_back:after {
  left: 20px;
  right: auto;
  content: url(../img/RGHGWY0044.png);
}

.action .btn_reset:after {
  top: 26%;
  right: 20px;
  content: url(../img/RGHGWY0047.png);
}

.action .button.btn_home {
  padding: 15px 30px 15px 45px;
}

.action .button.btn_close:after,
.action .button.btn_cancel:after {
  top: 26%;
  right: 20px;
  content: url(../img/RGHGWY0032.png);
}

.login .action .btn_login {
  min-width: 410px;
}

.btn_home:before {
  position: absolute;
  left: 20px;
  right: auto;
  top: 25%;
  content: url(../img/RGHGWY0037.png);
}

.btn_home:after {
  left: auto;
  right: 20px;
  top: 24%;
  content: url(../img/RGHGWY0049.png);
}

.action .button.btn_mynum {
  padding: 15px 30px 15px 45px;
}
.btn_mynum:after {
  right: 20px;
  content: url(../img/RGHGWY0049.png);
  font-size: 10px;
}
.ie8 .btn_mynum:after {
  right: 20px;
  content: url(../img/RGHGWY0049.png);
  font-size: 10px;
}

.btn_back_small,
.btn_window_close_small {
  background-color: #333333;
  display: inline-block;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  padding: 14px 13px;
  position: absolute;
  right: 0;
  top: -13px;
  vertical-align: middle;
  background-color: #565656;
  background: #6a6a6a;
  background: -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#454545));
  background: -webkit-linear-gradient(top, #6a6a6a 0%, #454545 100%);
  background: -moz-linear-gradient(top, #6a6a6a 0%, #454545 100%);
  background: -ms-linear-gradient(left, #6a6a6a 0%, #454545 100%);
  background: -o-linear-gradient(top, #6a6a6a 0%, #454545 100%);
  background: linear-gradient(to bottom, #6a6a6a 0%, #454545 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a6a6a', endColorstr='#454545', GradientType=0)";
}
.btn_back_small:hover, .btn_back_small:focus,
.btn_window_close_small:hover,
.btn_window_close_small:focus {
  background: #292929;
  background: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#595858));
  background: -webkit-linear-gradient(top, #292929 0%, #595858 100%);
  background: -moz-linear-gradient(top, #292929 0%, #595858 100%);
  background: -ms-linear-gradient(left, #292929 0%, #595858 100%);
  background: -o-linear-gradient(top, #292929 0%, #595858 100%);
  background: linear-gradient(to bottom, #292929 0%, #595858 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#595858', GradientType=0)";
}

/* ------------------------------------------------------ */
/* confirm 現在の登録情報を表示する際に使用　*/
/* ------------------------------------------------------ */
.confirm {
  margin: 15px 0 0;
  border-top: 2px solid #754930;
  border-bottom: 2px solid #754930;
}

.confirm__list {
  border-bottom: 1px solid #754930;
  display: table;
  table-layout: fixed;
  width: 100%;
}

.confirm__list:last-child {
  border-bottom: none;
}

.confirm__list > * {
  display: table-cell;
  vertical-align: middle;
  padding: 10px 15px;
}

.registration_table .confirm__title {
  width: 250px;
  font-weight: bold;
  border-right: 2px solid #754930;
}

.confirm__title {
  width: 215px;
  font-weight: bold;
  border-right: 2px solid #754930;
}

.confirm__note {
  display: block;
  margin: 5px 0 0;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  padding-left: 17px;
  padding-left: 1.7rem;
  text-indent: -17px;
  text-indent: -1.7rem;
}

.confirm__note.font11 {
  font-size: 11px;
  font-size: 1.1rem;
}

.confirm_insurance .confirm__title {
  width: 275px;
}

.registration_table .confirm__title {
  width: 290px;
}

.registration_table .confirm__title .button {
  margin: 10px 0 5px;
  display: block;
}

/* ------------------------------------------------------ */
/* table element */
/* ------------------------------------------------------ */
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}

table:not([class]) {
  margin-top: 16px;
  margin-top: 1.6rem;
}

tr > * {
  padding: 10px 15px;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.table01-wrap {
  margin: 0 0 0 10px;
}

.table01 {
  position: relative;
}

.table01-wrap.table01-wrap__head .table01:before,
.table01-wrap.table01-wrap__head .table01:after {
  display: none;
}

.table01 thead {
  border-bottom: 2px solid #754930;
}
.table01 thead th ~ th {
  border-right: 1px solid #754930;
}

.table01 tr {
  border-bottom: 1px solid #754930;
}

.table01 tr > * {
  vertical-align: middle;
  padding: 10px 10px;
  border-right: 1px solid #754930;
}

.table01 tr > *:first-child {
  padding-left: 0px;
}

.table01 tr > *:last-child {
  border-right: none;
}

.table01 th {
  font-weight: normal;
  border-right: 2px solid #754930;
}

.table01__note {
  display: block;
  margin: 10px 0 0;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  padding-left: 17px;
  padding-left: 1.7rem;
  text-indent: -17px;
  text-indent: -1.7rem;
}

.table01__head {
  border-bottom: none;
  border-top: 1px solid #754930;
  margin: 15px 0 0;
}
.table01__head thead {
  border-bottom: none;
}

.table01__head .table01 th {
  background-color: #eeeded;
}

.table01__head .table01 tr > *:first-child {
  padding-left: 15px;
}

.table02 {
  position: relative;
}

.table02 tr > * {
  vertical-align: middle;
  padding: 3px;
}

.insurance_listtable * {
  text-align: center;
}

.insurance_listtable thead th {
  background-color: #eeeced;
}

.insurance_listtable.table01 th {
  border-right: 1px solid #754930;
}

.insurance_listtable.table01 th:last-child {
  border-right: none;
}

p.listtable_button, .listtable_button {
  display: block;
  margin: 10px 0;
}
.news_listtable tr {
  border-bottom: 2px solid #754930;
}

.news_listtable tr > *:first-child {
  padding: 10px;
}

.news_listtable th {
  border-right: 1px solid #754930;
}
.news_listtable tr > *:first-child {
  padding: 10px;
}

.events_table.table01 tr > * {
  vertical-align: top;
  width: 50%;
}

.events_table.table01 .button {
  margin: 10px 10px 0 0;
  display: inline-block;
}

.table03 {
  width: 65%;
}

.table03＿font {
  width: 80%;
}

.table03 * {
  text-align: center;
}

.table03 thead th {
  font-weight: normal;
  background-color: #eeeced;
  border: 1px solid #754930;
}

.table03 tr > * {
  vertical-align: middle;
  padding: 3px 3px;
  border: 1px solid #754930;
}

.table03 tfoot tr > * {
  border: none;
  text-align: right;
}

.table04 {
  width: 100%;
}

.table04＿font {
  width: 80%;
}

.table04 thead th {
  text-align: center;
  font-weight: normal;
  background-color: #eeeced;
  border: 1px solid #754930;
}

.table04 thead td {
  text-align: left;
  border: 1px solid #754930;
}

.table03_width85 {
  width: 85%;
}

.table03_width85＿font {
  width: 80%;
}

.table03_width85 * {
  text-align: center;
}

.table03_width85 thead th {
  font-weight: normal;
  background-color: #eeeced;
  border: 1px solid #754930;
}

.table03_width85 tr > * {
  vertical-align: middle;
  padding: 3px 3px;
  border: 1px solid #754930;
}

.table03_width85 tfoot tr > * {
  border: none;
  text-align: right;
}

.table05 {
  width: 40%;
}

.table05 * {
  background-color: #eeeced;
}

.table05 thead th:nth-child(n+2),
.table05 > tbody > tr > td:nth-child(n+2) {
  text-align: center;
}


/* ------------------------------------------------------ */
/* 証券表 合計欄 */
/* ------------------------------------------------------ */
.cash-total {
  background-color: #ffffff;
  padding: 15px;
}

.cash-total__row {
  display: table;
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  table-layout: fixed;
}

.cash-total__row > * {
  display: table-cell;
  vertical-align: middle;
}

.cash-total__title {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: bold;
  width: 58%;
}

.cash-total__money {
  text-align: right;
  color: #754930;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.2;
  padding-top: 0;
  width: 50%;
}

.cash-total__money .currency {
  font-size: 1.6rem;
  font-weight: normal;
  margin-left: 2px;
}

.cash-total__reserve {
  border-bottom: 2px solid #754930;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
.cash-total__reserve .cash-total__title {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
}
.cash-total__reserve .cash-total__money {
  font-size: 28px;
  font-size: 2.8rem;
}

/* ------------------------------------------------------ */
/* 証券表 */
/* ------------------------------------------------------ */
.pickup_wrap {
  background-color: #ffa500;
  margin-left: -10px;
}

.info-detail {
  border-bottom: 1px solid #754930;
  display: table !important;
  vertical-align: middle;
  width: 100%;
}

.info-detail:last-child {
  border-bottom: none;
}

.info-detail dt {
  font-weight: bold;
}

.info-detail .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 100%;
}

.pickup.info-detail {
  background-color: #e9cfbe;
  border-bottom: 0 none;
}

.pickup > .info-detail__col:first-child {
  padding-left: 18px;
}

.pickup > .info-detail__col:nth-child(2) {
  padding: 15px 4px 15px 0;
}

.pickup > .info-detail__col:nth-child(3) {
  padding: 15px 5px 15px 20px;
}

.info-detail__col:first-child {
  display: table-cell;
  padding-left: 10px;
  min-width: 0;
  width: 310px;
  text-align: left;
}

.info-detail__col:nth-child(2) {
  min-width: 0;
  width: 285px;
}

.info-detail__col:nth-child(3) {
  min-width: 0;
  width: auto;
}

.info-detail.pickup dd > *:first-child {
  display: block;
  width: 100%;
}

.info-detail__col {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  width: 305px;
  text-align: right;
  padding: 13px 13px;
}
.info-detail__col .money {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  min-width: 120px;
  text-align: right;
}
.info-detail__col .money .font14 {
  font-size: 14px;
  font-size: 1.4rem;
}
.info-detail__col .money .currency {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0 3px;
}
.info-detail__col .money .rate {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  margin: 0;
  line-height: 1.2;
}
.info-detail__col .foreign {
  font-size: 15px;
  font-size: 1.5rem;
}
.info-detail__col .foreign .currency {
  font-size: 13px;
  font-size: 1.3rem;
  margin-left: 5px;
}
.info-detail__col .number {
  font-weight: normal;
}
dt.info-detail__col.long_col {
    width: 400px;
}
dt.info-detail__col.long_col2 {
    width: 500px;
}
dt.info-detail__col.long_col_duo {
    width: 300px;
}
dd.info-detail__col.long_col_duo {
    width: 295px;
}

info-detail__col.font14 {
  font-size: 14px;
  font-size: 1.4rem;
}

.pickup.info-detail .money {
  font-size: 21px;
  font-size: 2.1rem;
}

.info-detail__cancellation .info-detail__col .money {
  font-size: 20px;
  font-size: 2.0rem;
}
.info-detail__cancellation .info-detail__col .font14{
  font-size: 14px;
  font-size: 1.4rem;
}
.cash-info.cash-info_insurance > tbody > tr:not(:last-child) {
  border-bottom-width: 1px;
}

.cash-info.cash-info_insurance > tbody > tr > th {
  width: 230px;
}

.cash-info_insurance .info-detail__col:first-child {
  width: 461px;
  text-align: right;
}

.cash-info.cash-info_insurance.insurancetable > tbody > tr > th {
  width: 310px;
}

.cash-info_insurance.insurancetable .info-detail__col:first-child {
  width: 659px;
  text-align: right;
}

.info-detail__col__yen {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
  width: 305px;
  text-align: right;
  padding: 13px 13px;
}

.info-detail__col__yen:first-child {
  display: table-cell;
  padding-left: 10px;
  min-width: 0;
  width: 280px;
  text-align: left;
}

.info-detail__col__yen:nth-child(2) {
  min-width: 0;
  width: 260px;
}

.info-detail__col__yen:nth-child(3) {
  min-width: 0;
  width: 251px;
}
.info-detail__col__yen .money {
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  min-width: 120px;
  text-align: right;
}
.info-detail__col__yen .money .currency {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  margin: 0 3px;
}

.info-detail__col_sub {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: middle;
}
.confirm__sub__list {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.confirm__sub__list > * {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 10px;
}

.confirm__sub__title{
  width: 20%;
}

.confirm__sub__detail{
  width: 80%;
}
.confirm__sub__list2 {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.confirm__sub__list2 > * {
  display: table-cell;
  vertical-align: middle;
}
.confirm__sub__title2{
  width: 40%;
  text-align: left;
}

/* ------------------------------------------------------ */
/* キャッシュバリュー */
/* ------------------------------------------------------ */
.cash-info {
  border-top: 2px solid #754930;
}

.cash-info > tbody > tr,
.contract > tbody > tr {
  border-bottom: 2px solid #754930;
}
.cash-info > tbody > tr > th,
.contract > tbody > tr > th {
  width: 155px;
  border-right: 2px solid #754930;
}
.cash-info > tbody > tr > td,
.contract > tbody > tr > td {
  padding: 0 0 0 10px;
}
.cash-info > tbody .number,
.contract > tbody .number {
  font-weight: normal;
  display: block;
}

.cash-info + [class*="title02"] {
  margin-top: -2px;
}

/* ------------------------------------------------------ */
/* 財産状況・積立金 */
/* ------------------------------------------------------ */
.property_situation {
    border: 3px solid #df0415;
    border-radius: 8px;
    margin: 15px auto 25px;
    padding: 1em 1em 1em 4.7em;
    background-color: #ffffff;
}

.property_situation.wide {
    width: auto;
    margin: 35px 20px;
}

/* ------------------------------------------------------ */
/* ご契約内容・保証内容 */
/* ------------------------------------------------------ */
.contract {
  border-top: 2px solid #754930;
}
.contract .contract__number {
  font-weight: normal;
}
.contract .contract__menu {
  padding-left: 0;
  margin: 0;
  display: inline-block;
}
.contract .contract__menu li {
  font-weight: bold;
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
  font-size: 16px;
  font-size: 1.6rem;
}

.contract .info-detail .info-detail__col {
  width: 82%;
  text-align: left;
}
.contract .info-detail .info-detail__col:first-child {
  width: 18%;
}
.contract .info-detail.options .info-detail__col {
  width: auto;
}
.contract .info-detail.options .info-detail__col:first-child {
  width: 565px;
}
.contract .info-detail.options .info-detail__col:last-child {
  width: 246px;
}

.contract_top tr {
  border-bottom: 2px solid #754930;
}

.contract_top tr > * {
  border-right: 1px solid #754930;
}

.contract_top tr > *:last-child {
  border-right: none;
}

.contract_top > thead > tr > th {
  background-color: #eeeced;
  text-align: center;
}

.contract_top_inner {
  padding: 0;
}

.contract_top_inner tr, .contract_top_inner tr > * {
  border: none;
  padding: 10px 15px 0;
}

.contract_top_inner tr, .contract_top_inner tr > *:nth-child(odd) {
  padding: 0px 8px 0 15px;
}

.contract_top_inner tr, .contract_top_inner tr > *:nth-child(even) {
  padding: 0px 15px 0 8px;
}

.contract_top_inner .button {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 150px;
}

.contract_top_inner .button ~ .button {
  margin-top: 15px;
}

/* ------------------------------------------------------ */
/* ご契約内容のお知らせ */
/* ------------------------------------------------------ */
.info-keiyaku {
  display: table;
  width: 100%;
}

.info-keiyaku__col {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}

.info-keiyaku__button {
  display: table-cell;
  vertical-align: middle;
  width: 245px
}

/* ------------------------------------------------------ */
/* 特定取引用口座の登録・変更の案内（解約画面） */
/* ------------------------------------------------------ */
.info-account_resist {
  display: table;
  width: 100%;
}

.info-account_resist__col {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 10%;
}

.info-account_resist__button {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 300px
}

/* ------------------------------------------------------ */
/* メニュー画面、年金画面への導線 */
/* ------------------------------------------------------ */
.info-pension {
  display: table;
  width: 100%;
}

.info-pension_resist__col {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}

.info-pension_resist__button {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 250px
}

/* ------------------------------------------------------ */
/* checkbox radiobutton design */
/* ------------------------------------------------------ */
.icheckbox_flat-grey,
.iradio_flat-grey {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url(../img/RGHGWY0019.png) no-repeat;
  border: none;
  cursor: pointer;
}

.icheckbox_flat-grey {
  background-position: 0 0;
}

.icheckbox_flat-grey.checked {
  background-position: -22px 0;
}

.icheckbox_flat-grey.disabled {
  background-position: -44px 0;
  cursor: default;
}

.icheckbox_flat-grey.checked.disabled {
  background-position: -66px 0;
}

.iradio_flat-grey {
  background-position: -88px 0;
}

.iradio_flat-grey.checked {
  background-position: -110px 0;
}

.iradio_flat-grey.disabled {
  background-position: -132px 0;
  cursor: default;
}

.iradio_flat-grey.checked.disabled {
  background-position: -154px 0;
}

/* HiDPI support */
@media (-o-min-device-pixel-ratio: 5 / 4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
  .icheckbox_flat-grey,
  .iradio_flat-grey {
    background-image: url(../img/RGHGWY0020.png);
    -webkit-background-size: 176px 22px;
    background-size: 176px 22px;
  }
}
.iradio_flat-grey {
  border-radius: 100%;
  box-shadow: 0 0 2px 0 #eee;
}

.iradio_flat-grey.checked {
  box-shadow: 0 0 2px 0 #aaa;
}

.icheckbox_flat-grey {
  border-radius: 5px;
  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.2);
}

/* ------------------------------------------------------ */
/* formarea */
/* ------------------------------------------------------ */
.formarea {
  margin: 15px 0 0;
  border-top: 2px solid #754930;
  border-bottom: 2px solid #754930;
  position: relative;
}

.formarea:before {
  background-color: #eeeced;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 15px;
}

.formarea:after {
  background-color: #fff;
  content: "";
  height: 100%;
  right: 0;
  position: absolute;
  top: 0;
  width: 15px;
}

.formarea input:focus,
.formarea textarea:focus,
.entry-area input:focus,
.entry-area textarea:focus {
  background-color: #e9cfbe;
}

.boxshadow .formarea select:focus {
  background-color: #e9cfbe;
}

.formarea input:not(:first-child),
.formarea button:not(:first-child),
.formarea select:not(:first-child),
.formarea textarea:not(:first-child) {
  margin-top: 5px;
}

option {
  background-color: #fff;
}

.condition {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  margin-left: 10px;
  white-space: nowrap;
}

.condition.required {
  color: #df0415;
}

.condition.freely {
  color: #2d577f;
}

.label_txt {
  font-size: 14px;
  font-size: 1.4rem;
}

.error-message + .label_txt {
  margin-top: 0;
}

.error-message[style*="block"] + .label_txt {
  max-width: 510px;
}

.input-span {
  margin-right: 5px;
}

.input-span-right {
  margin-left: 5px;
}

.formarea__list {
  border-bottom: 1px solid #754930;
  display: table;
  table-layout: fixed;
  width: 950px;
  margin: 0 15px;
}

.field:last-child .formarea__list {
  border-bottom: none;
}

.formarea__list > * {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 15px;
}

.formarea__title {
  width: 280px;
  font-weight: bold;
  padding-left: 0;
  border-right: 2px solid #754930;
  background-color: #eeeced;
}

.formarea__detail {
  background-color: #fff;
}

.formarea__note {
  display: block;
  margin: 10px 0 0;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  padding-left: 17px;
  padding-left: 1.7rem;
  text-indent: -17px;
  text-indent: -1.7rem;
}

.formarea__col2 {
  display: table;
  margin-top: 10px;
}

.formarea__col2.max {
  margin-top: 0;
}

.formarea__col2 > * {
  display: table-cell;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: bottom;
  width: 50%;
}

.formarea__col2.max > * {
  width: 380px;
}

.formarea__col2.max > *:not(:last-child) {
  padding-right: 15px;
}

.formarea__col2 > * input[type="text"] {
  width: 250px;
}

.formarea__col2.max > * input[type="text"] {
  width: 300px;
}

.formarea__col2_right {
  padding-left: 20px;
}

[name="postal_search"],
[name="address_search"],
[id$="_postal_search_hint"] + .button_color_silver,
[id$="_address_search_hint"] + .address_search {
  width: 240px;
  margin-top: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}

.boxshadow select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  background-image: url(../img/RGHGWY0048.png);
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 35px;
}

.no-boxshadow select,
.ie9 select {
  background-image: none;
  padding-right: 0;
  width: auto;
}

input[size] {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#ss_address {
  width: 100%;
}

.change-date {
  margin-right: 5px;
  min-width: 120px;
}

.change-date:not(:first-of-type) {
  margin-left: 15px;
}

.entry-area {
  background-color: #ffffff;
  border: 2px solid #754930;
  margin-top: 15px;
  padding: 15px;
}

.entry-area input, .entry-area button, .entry-area select, .entry-area textarea {
  margin-top: 5px;
}

.set__text {
  cursor: pointer;
  vertical-align: middle;
}

.soft-keyboad:after, .login-col:after {
  display: block;
  content: "";
  clear: both;
}
.soft-keyboad > *, .login-col > * {
  float: left;
}

.soft-keyboad__link, .login-col__link, .soft-keyboad__basic {
  padding-left: 15px;
  text-align: center;
}
.soft-keyboad__link > a.icon, .login-col__link > a.icon, .soft-keyboad__basic > a.icon {
  display: inline-block;
  margin: 8px 0 0 10px;
  padding-left: 20px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}

.soft-keyboad__basic {
  padding-left: 0;
  text-align: left;
}

.soft-keyboad_formarea .soft-keyboad__link {
  padding-left: 0;
}

.login-col__link {
  margin-top: 12px;
}

.login-col__text {
  vertical-align: middle;
  margin-left: 3px;
}

.button[name="soft_keyboad_btn"] {
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 10px;
  padding: 7px 30px 7px 10px;
  vertical-align: middle;
}

.action {
  display: table;
  border-collapse: separate;
  margin: 60px auto 0;
  table-layout: fixed;
  width: 660px;
}
.action > * {
  display: table-cell;
  text-align: center;
  width: 50%;
}
.action .button {
  min-width: 300px;
  padding: 15px 30px;
  font-size: 25px;
  font-size: 2.5rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}

.ie8 .action {
  width: 780px;
}

.ie8 .action > * {
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ie8 .insurance .action > p.back_area {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.ie8 .insurance .action {
  display: block;
  margin: 0 auto;
  padding: 60px 0 30px;
  text-align: center;
  width: auto;
  border-collapse: initial;
}

.ie8 .insurance .page-foot .page-foot__link {
  margin: 0 auto;
  padding: 20px 0;
}

.error-control, .err-control-tel, .error-control-tel {
  border: 2px solid #df0415;
  background-color: #fef5f5;
}

.check-area.error-control {
  background: none;
  border: none;
}

.check-area.error-control *[class*="icheckbox"] {
  border: 2px solid #df0415;
  background-color: #fef5f5;
  border-radius: 7px;
}

.radioset.error-control {
  padding: 10px;
}

.radioset label.error-control {
  border: 2px solid #df0415 !important;
  padding: 8px 0 8px 5px;
}

.error-message {
  background-color: #df0415;
  border-radius: 5px;
  color: #ffffff;
  padding: 10px 15px;
  margin-bottom: 10px;
  float: none;
  position: relative;
}

.error-message:after {
  position: absolute;
  width: 31px;
  height: 30px;
  content: url(../img/RGHGWY0018.png);
  top: 100%;
  right: 70px;
}

.formarea__col2 .error-message:after {
  right: 30px;
}

span.errMsg {
  display: block;
}

.product-info {
  display: block;
}

.product-info > * {
  display: inline-block;
  float: left;
}

.product-info__title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  width: 110px;
  clear: both;
  font-weight: bold;
}

.product-info__detail {
  width: 475px;
}
.product-info__detail.distribution {
  width: 590px;
}

.check-area label:not(:last-child) {
  margin-right: 10px;
}

.radioset label.radioset__label:not(:last-child) .set__text {
  margin-right: 10px;
}

.confirm__detail .product-info:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}

[class$="_body"] > p:first-child {
  margin-top: 10px;
}

#ss_post {
  width: 140px;
}

#ss_post_1, #ss_post_2 {
  width: 140px;
}

#ss_tel_1_001_001, #ss_tel_1_001_002, #ss_tel_1_001_003,#ss_tel_2_001_001, #ss_tel_2_001_002, #ss_tel_2_001_003 {
  width: 100px;
}

#ss_address_2 {
  width: 100%;
}

/* ------------------------------------------------------ */
/* 画面別スタイル */
/* ------------------------------------------------------ */
/* *********************** */
/* 画面：address_tel */
/* *********************** */
#ss_tel_001_001, #ss_tel_001_002, #ss_tel_001_003, #ss_tel_002_001, #ss_tel_002_002, #ss_tel_002_003 {
  width: 100px;
}

[id^="err_ss_tel_002_"]:not([style*="none"]) ~ #err_ss_tel_chk {
  margin-top: -18px;
  padding-top: 0;
}
[id^="err_ss_tel_0"] + #err_ss_tel_chk {
    margin-top: -25px;
}

/* *********************** */
/* 画面：別窓ページ
/* *********************** */
.insurance .main,
.reserve .main,
.surrender .main,
.service .main,
.life_event .main,
.news_list .main {
  position: relative;
}

/* *********************** */
/* 画面：password */
/* *********************** */
#ss_password_current_hint,
#ss_password_new_hint,
#ss_password_new_confirm_hint {
  display: block;
  float: none;
}

/* *********************** */
/* 画面：certificate */
/* *********************** */
.ss_certificate_dest_other_body:not([style]) {
  border-top: 1px solid #754930;
}

label[id^="ss_certificate_contract_"] {
  display: table;
  width: 100%;
}

label[id^="ss_certificate_contract_"] > * {
  display: table-cell;
  vertical-align: middle;
}

label[id^="ss_certificate_contract_"] .check-area {
  width: 35px;
}

label[id^="ss_certificate_contract_"]:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}

/* *********************** */
/* 画面：name */
/* *********************** */
label[id^="ss_name_contract_"] {
  display: table;
  width: 100%;
}

label[id^="ss_name_contract_"] > * {
  display: table-cell;
  vertical-align: middle;
}

label[id^="ss_name_contract_"] .check-area {
  width: 35px;
}

label[id^="ss_name_contract_"]:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}

/* *********************** */
/* login */
/* *********************** */
#ss_login_no_hint,
#ss_login_pas_hint {
  display: block;
  float: none;
}

#ss_login_no,
#ss_login_pas {
  width: 460px;
}

/* *********************** */
/* identification */
/* *********************** */
#ss_identification_tel_hint {
  display: block;
  float: none;
}

/* *********************** */
/* password_resist */
/* *********************** */
.error-message[id^="err_ss_password_resist_pas_"] {
  max-width: 660px;
}

#ss_password_resist_pas_001_hint,
#ss_password_resist_pas_002_hint {
  display: block;
  float: none;
}

/* *********************** */
/* 画面：reissue */
/* *********************** */
label[id^="ss_reissue_contract_"] {
  display: table;
  width: 100%;
}

label[id^="ss_reissue_contract_"] > * {
  display: table-cell;
  vertical-align: middle;
}

label[id^="ss_reissue_contract_"] .check-area {
  width: 35px;
}

label[id^="ss_reissue_contract_"]:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}

/* *********************** */
/* 画面：representative */
/* *********************** */
label[id^="ss_representative_contract_"] {
  display: table;
  width: 100%;
}

label[id^="ss_representative_contract_"] > * {
  display: table-cell;
  vertical-align: middle;
}

label[id^="ss_representative_contract_"] .check-area {
  width: 35px;
}

label[id^="ss_representative_contract_"]:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}

/* *********************** */
/* 画面：reserve_shift */
/* *********************** */
label[id^="ss_reserve_shift_contract_"] {
  display: table;
  width: 100%;
}

label[id^="ss_reserve_shift_contract_"] > * {
  display: table-cell;
  vertical-align: middle;
}

label[id^="ss_reserve_shift_contract_"] .check-area {
  width: 35px;
}

label[id^="ss_reserve_shift_contract_"]:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}

/* *********************** */
/* 画面：address_search */
/* *********************** */
.address_search .main {
  position: relative;
}

#address_search_select {
  background: #ffffff none repeat scroll 0 0;
  color: #333333 !important;
  margin: 15px 0 0;
  padding: 10px 8px 10px 10px;
  width: 100%;
}

#address_search_select option {
  padding: 3px 10px;
}

/* *********************** */
/* 画面：bank_search */
/* *********************** */
.bank_search .main {
  position: relative;
}

#bank_search_select {
  background: #ffffff none repeat scroll 0 0;
  color: #333333 !important;
  margin: 15px 0 0;
  padding: 10px 8px 10px 10px;
  width: 100%;
}

#bank_search_select option {
  padding: 3px 10px;
}

/* 表示文字「あ〜ん」のレイアウト */
.stepSection {
    margin: 0;
    margin-top: 30px;
    width: 100%;
}
.inputArea {
    margin: 0;
    padding: 20px 20px 30px;
    overflow: hidden;
    background-color: #f2f2f2;
    border-radius: 8px;
}
/* ソフトキーの定義 */
.softKeyArea {
    display: none;
}

.softKeyArea.on {
    display: block;
}

.softKey .col,
.softKey .row {
    text-align: center;
}

.softKey .col {
    float: left;
    width: 10%;
    text-align: center;
}

.softKey button,
.softKey input,
.softKey a {
    background-color: #fff;
    border: 1px solid rgb(239, 97, 0);
    cursor: pointer;
    line-height: 1.4;
    margin: 10%;
    padding: 1em;
    display: inline-block;
    width: 70%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.softKey a.current,
.softKey button.current,
.softKey input.current,
.softKey a:hover,
.softKey button:hover,
.softKey input:hover {
    opacity: 1;
    background-color: #fbd3b9;
}

.softKey button.empty,
.softKey input.empty,
.softKey a.empty {
    cursor: default;
    opacity: 0;
}

.softKeyArea.eng .softKey.alphas {
    float: left;
    text-align: left;
    width: 75%;
}

.softKeyArea.eng .softKey.alphas .col {
    width: 100%;
}

.softKeyArea.eng .softKey.alphas button,
.softKeyArea.eng .softKey.alphas input,
.softKeyArea.eng .softKey.alphas a,
.softKeyArea.eng .softKey.numbers .row button,
.softKeyArea.eng .softKey.numbers .row input,
.softKeyArea.eng .softKey.numbers .row a {
    margin: 0.6em;
    width: 3.5em;
    float: left;
}

.softKeyArea.eng .softKey.numbers .row button,
.softKeyArea.eng .softKey.numbers .row input,
.softKeyArea.eng .softKey.numbers .row a {
    float: none;
}

.softKeyArea.eng .softKey.numbers {
    width: 25%;
    float: right;
    text-align: center;
}

.softKeyArea.eng .softKey.numbers .col {
    float: none;
    width: 100%;
}

.softKeyArea.eng .softKey.numbers button,
.softKeyArea.eng .softKey.numbers input,
.softKeyArea.eng .softKey.numbers a {
    width: auto;
}

.softLangChange {
    min-width: 10em;
}
/* clearfix */
.cf {
    zoom: 1;
}
.cf:before, .cf:after {
    content: "";
    display: table;
}
.cf:after {
    clear: both;
}

}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/* 英数記号ボタンのレイアウト */
.vcenter > div,
.vcenter > p,
.vcenter > a,
.vcenter > img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.softLangChange {
    min-width: 10em;
}
.btnGray {
    cursor: pointer;
    color: #333;
    padding: 0.4em 1em;
    text-align: center;
    overflow: hidden;
    display: inline-block;
    border: 1px solid #333;
    background-color: #ffffff;
    border-radius: 7px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, .2);
}

/* パンくずリストのレイアウト */
.barTitle {
    background-color: #757171;
    color: #ffffff;
    padding: 0.4em 1em;
    margin: 0 0 0.4em;
    font-size: 1.6rem;
    font-size: 16px;
}
.orderFlow {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.orderFlow > * {
    display: inline-block;
    margin: 0;
    padding: 0.5em;
}

.orderFlow > .current {
    font-weight: bold;
}
.orderFlow > * .orderNext {
    display: inline-block;
    margin: 0 0 0 1em;
    font-weight: normal;
}

/* *********************** */
/* 画面：mail */
/* *********************** */
input[id^="ss_mail_"] {
  min-width: 480px;
}

/* *********************** */
/* 画面：life_event */
/* *********************** */
.events {
  margin: 20px 0;
}

.events__text {
  float: left;
  width: 340px;
  margin: 0;
}

.events__pic {
  float: right;
  width: 120px;
  margin: 0;
}

/* *********************** */
/* 画面：ime-mode */
/* *********************** */
#ss_identification_name_001,
#ss_identification_name_002,
#ss_address,
#ss_name_contractor_change_001,
#ss_name_contractor_change_002,
#ss_name_insured_change_001,
#ss_name_insured_change_002,
#ss_family_name_001_1,
#ss_family_name_002_1,
#ss_family_name_003_1,
#ss_family_name_004_1,
#ss_family_name_001_2,
#ss_family_name_002_2,
#ss_family_name_003_2,
#ss_family_name_004_2,
#ss_address_2
 {
  ime-mode:active;
}

#ss_post,
#ss_tel_001_001,
#ss_tel_001_002,
#ss_tel_001_003,
#ss_tel_002_001,
#ss_tel_002_002,
#ss_tel_002_003,
#ss_login_no,
#ss_mail_pc,
#ss_mail_pc_confirm,
#ss_identification_tel,
#ss_post_1,
#ss_tel_1_001_001,
#ss_tel_1_001_002,
#ss_tel_1_001_003,
#ss_post_2,
#ss_tel_2_001_001,
#ss_tel_2_001_002,
#ss_tel_2_001_003
 {
  ime-mode:disabled;
}
/* *********************** */
/* 画面：payment */
/* *********************** */

label[id^="ss_payment_contract_"] {
  display: table;
  width: 100%;
}

label[id^="ss_payment_contract_"] > * {
  display: table-cell;
  vertical-align: middle;
}

label[id^="ss_payment_contract_"] .check-area {
  width: 35px;
}

label[id^="ss_payment_contract_"]:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}

.payment_select {
  display: table;
  border-collapse: separate;
  margin: 60px auto 0;
  table-layout: fixed;
  width: 720px;
}
.payment_select > * {
  display: table-cell;
  text-align: center;
  width: 50%;
}
.payment_select .button {
  min-width: 320px;
  height:130px;
  padding: 15px 30px;
  font-size: 20px;
  font-size: 2.0rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}

/* *********************** */
/* 画面：target */
/* *********************** */
label[id^="ss_target_contract_"] {
  display: table;
  width: 100%;
}

label[id^="ss_target_contract_"] > * {
  display: table-cell;
  vertical-align: middle;
}

label[id^="ss_target_contract_"] .check-area {
  width: 35px;
}

label[id^="ss_target_contract_"]:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}

/* *********************** */
/* 画面：family */
/* *********************** */
.formarea__col2.family_resist > * input[type="text"] {
  width: 240px;
}
.ss_certificate_dest_other_body:not([style]) {
  border-top: 1px solid #754930;
}
label[id^="ss_family_kykdairi_"] {
  display: table;
  width: 100%;
}
label[id^="ss_family_kykdairi_"] > * {
  display: table-cell;
  vertical-align: middle;
}
label[id^="ss_family_kykdairi_"] .check-area {
  width: 35px;
}
label[id^="ss_family_kykdairi_"]:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}
label[id^="ss_family_contract_"] {
  display: table;
  width: 100%;
}
label[id^="ss_family_contract_"] > * {
  display: table-cell;
  vertical-align: middle;
}
label[id^="ss_family_contract_"] .check-area {
  width: 35px;
}
label[id^="ss_family_contract_"]:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}
.product-info__title_family_select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  width: 165px;
  clear: both;
  font-weight: bold;
}
.product-info__detail_family_select {
  width: 420px;
}
.family_top_select {
  display: table;
  border-collapse: separate;
  margin: 60px auto 0;
  table-layout: fixed;
  width: 720px;
}
.family_top_select > * {
  display: table-cell;
  text-align: center;
  width: 50%;
  vertical-align:top;
}
.family_top_select .button {
  min-width: 320px;
  height:130px;
  padding: 15px 30px;
  font-size: 20px;
  font-size: 2.0rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
}
.formarea__title_family {
  width: 550px;
  padding-left: 0;
  border-right: 2px solid #754930;
  background-color: #eeeced;
}
/* ※ 契約内容リストなど、表内にアコーディオンを設ける際、*/
/*   accordion__innerのmargin-left !importantが不要なため作成*/
.accordion__inner_position_correction {
  font-size: 70%;
  margin-left: 10px
  min-width: auto !important;
  margin-top: 0; 
}
.title05.accordion__inner_position_correction:after {
  font-size: 10px;
}
.title05.accordion__head.accordion__inner_position_correction {
  width: 13%;
  padding: 5px 10px 5px 0;
  margin-bottom: 10px;
}
.title05.accordion__head.accordion__inner_position_correction:after {
  right: -7px;
  top: 26%;
  content: "";
}
.accordion__inner_position_correction + .table01-wrap {
  width: 92%;
  margin-left: 5%;
  padding-left: 2%;
}
.info-detail__col__compact {
  
  min-width: 0;
  width: 400px;
}
.info-detail__inner .info-detail__col__compact {
  padding: 8px;
}
/* *********************** */
/* 画面：２段階認証＆利用登録 */
/* *********************** */
.auth-mail-disp {
  background-color: #ffffff;
  padding: 15px;
}

.auth-mail-disp__row {
  display: table;
  width: 100%;
  font-size: 18px;
  font-size: 1.8rem;
  table-layout: fixed;
}

.auth-mail-disp__row > * {
  display: table-cell;
  vertical-align: middle;
}

.auth-mail-disp__title {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: bold;
  width: 58%;
}

.font_color_disabled_label{
  color: #767676;
}

/* *********************** */
/* 画面：account_resist */
/* *********************** */
label[id^="ss_account_resist_contract_"] {
  display: table;
  width: 100%;
}

label[id^="ss_account_resist_contract_"] > * {
  display: table-cell;
  vertical-align: middle;
}

label[id^="ss_account_resist_contract_"] .check-area {
  width: 35px;
}

label[id^="ss_account_resist_contract_"]:not(:first-child) {
  border-top: 1px solid #754930;
  margin-top: 10px;
  padding-top: 10px;
}

.formarea__title_account_resist {
  width: 550px;
  padding-left: 0;
  border-right: 2px solid #754930;
  background-color: #eeeced;
}

/* 金融機関検索ボタンのレイアウト */
.bnksearchbtn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* *********************** */
/* 画面：pension */
/* *********************** */
.formarea__col2.pension > * input[type="text"] {
  width: 240px;
}

.formarea__title_pension {
  width: 600px;
  padding-left: 0;
  border-right: 2px solid #754930;
  background-color: #eeeced;
}

.product-info__title_pension_select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  width: 165px;
  clear: both;
  font-weight: bold;
}
.product-info__detail_pension_select {
  width: 420px;
}


/* _element.scss ↑ */
/* ------------------------------------------------------ */
/* mobile */
/* ------------------------------------------------------ */
@media screen and (max-device-width: 768px) {
  section:not([class]) {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
  }

  section section:not([class]) {
    padding: 0;
  }
}
/* ------------------------------------------------------ */
/* print */
/* ------------------------------------------------------ */
@media print {
  .ie8 .password .step,
  .ie8 .password_resist .step {
    margin: 30px -5px 30px 0;
  }
}
/* ------------------------------------------------------ */
/* 追記 */
/* ------------------------------------------------------ */
/* 色 */
.white {
  color:#ffffff;
}

/* フォント */
.font_small {
  font-size:80%;
}
.font_normal {
  font-weight: normal !important;
}
.font_bold {
  font-weight: bold !important;
}
.font_11 {
  font-size: 11px !important;
}
.font_12 {
  font-size: 12px !important;
}
.font_14 {
  font-size: 14px !important;
}
.font_16 {
  font-size: 16px !important;
}

/* 文字位置 */
.align-right {
  text-align: right;
}

/* 余白 */
.mg-left-5 {
  margin-left: 5%;
}

.mg-top-10 {
  margin-top: 10px;
}

.mg-top-22 {
  margin-top: 22px;
}
.mg_top_6 {
  margin-top: 6px !important;
}
.mg_top_-10 {
  margin-top: -10px !important;
}
.mg_top_-40 {
  margin-top: -44px !important;
}

.mg-left-30 {
  margin-left: 30px!important;
}

.mg-left-90 {
  margin-left: 90px !important;
}

.mg-left-140 {
  margin-left: 140px !important;
}
.mg-left-270 {
  margin-left: 270px !important;
}
.pd-bottom-12 {
  padding-bottom: 12px !important;
}
.pd-left {
  padding-left: 12px;
}

.pd-top-10 {
  padding-top: 10px !important;
}

/* 幅 */
.wd-215 {
  width: 215px !important;
}

/* ボーダー */
.border__none {
  border: none;
}
.border__top {
    border-top: 1px solid #754930;
}
.border__double {
    border-top: double #754930;
}
.border__bottom {
    border-bottom: 1px solid #754930;
}

/* 「詳細を見る」ボタン */
.linknavi a.button::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 17%;
}
.info-detail__col__thin {
  padding: 6px 13px;
}
.accordion__inner {
  font-size: 70%;
  margin-left: 10px !important;
  min-width: auto !important;
  margin-top: 0; 
}
.title05.accordion__inner:after {
  font-size: 10px;
}
.title05.accordion__head.accordion__inner {
  width: 13%;
  padding: 5px 10px 5px 0;
  margin-bottom: 10px;
}
.title05.accordion__head.accordion__inner:after {
  right: -7px;
  top: 26%;
  content: "";
}
.accordion__inner + .table01-wrap {
  width: 92%;
  margin-left: 5%;
  padding-left: 2%;
}
.info-detail__inner .info-detail__col {
  padding: 8px;
}
.info-detail__inner .info-detail__col:first-child {
  width: 235px;
}
.info-detail__inner .info-detail__col:nth-child(2) {
  min-width: 0;
  width: 305px;
  padding-right: 14px;
}
.button.min-button {
  padding: 3px 10px;
  min-width: 180px;
  font-size: 1.4rem;
}
.button.min-button::after {
  top: 15%;
}
.contract_top_inner td {
  width:178px;
  vertical-align: top;
}
/* 文字版 */
.title05.accordion__head:after {
  position: absolute;
  top: 23%;
  right: 15px;
  content: " ";
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  width: 40px;
  padding-top: 12px;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url(../img/RGHGWY0068.png);
}
.title05.accordion__head.active:after {
  content: " ";
  background-image: url(../img/RGHGWY0067.png);
}

/* 上書 */
.icon.icon_key_rate {
  background-image: url(../img/RGHGWY0066.png);
  background-position: left center;
}
.cash-total__title {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  width: 58%;
}
.info-detail__col:first-child {
  display: table-cell;
  padding-left: 10px;
  min-width: 0;
  width: 220px;
  text-align: left;
}

.info-detail__col:nth-child(2) {
  min-width: 0;
  width: 375px;
}

.info-detail__col:nth-child(3) {
  min-width: 0;
  width: auto;
}

/* チェックボックス表示制御 */
.checkbox＿body {
  display: none;
}
.checkbox＿body.active {
  display: block;
}

/* その他 */

/* TM改正対応 */
.tm-title01 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  display: block;
  margin: 0px 55px;
  line-height: 1.4;
  padding: 5px 20px 0;
  background-color: #ff0000;
  color: #fff;
  text-align: center;
}

.tm-title02 {
  font-weight: bold;
  padding: 10px;
  display: block;
  margin: 0px 55px 20px;
  padding: 10px 0px 0px;
  text-align: center;
  font-size: 23px;
  font-size: 2.3rem;
  border-bottom: 4px solid #DC690A;
  color: #000000;
}

.tm-attention_top {
  border: 3px solid #e46d0a;
  border-bottom: none;
  margin: 20px 0 0;
  padding: 15px 15px 15px 15px;
}
.tm-attention_middle {
  border-top: 2px solid #e46d0a;
  border-bottom: 2px solid #e46d0a;
  border-right: 3px solid #e46d0a;
  border-left: 3px solid #e46d0a;
  margin: 0;
  padding: 15px 15px 15px;
}
.tm-attention_bottom {
  border: 3px solid #e46d0a;
  border-top: none;
  margin: 0 0 30px;
  padding: 15px 15px 15px;
}

.tm-attention2 {
  border: 4px double #f79646;
  margin: 10px 15px;
  padding: 10px 15px;
}

.tm-note_border {
  border: 1px solid #000000;
  margin: 10px 15px 5px;
  padding: 10px 15px;
}

.tm-warning_border {
  border: 1.4px solid #000000;
  margin: 10px 15px 0;
  padding: 10px 15px;
}

.tm-ex_border {
  border: 1.5px dashed #000000;
  margin: 15px 15px 25px;
  padding: 10px 15px;
}

.tm-img_margin {
  margin: 5px 0 5px 15px;
}

/* 目玉マーク対応 */
.toggle-password{
  position: relative;
}
.toggle-password img{
  height: 25px;
  position: absolute;
  top: 16px;
  right: 5px;
}
.mdi-eye{
  display: none;
}
.mdi-eye-off{
  display: block;
}
.active .mdi-eye{
  display: block;
}
.active .mdi-eye-off{
  display: none;
}
input::-ms-reveal {
    visibility: hidden;
}
input::-ms-clear {
    visibility: hidden;
}

/* 緊急連絡先登録推進対応 */
.redinfo {
  color: red;
  font-weight: bold;
}

.redinfo_small {
  color: red;
  font-weight: bold;
  font-size:80%;
}