@charset "UTF-8";
/* ------------------------------
- reset
------------------------------ */
html, body, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
* {
  box-sizing: border-box;
  line-height: 1;
}
:root,
html,
body {
  background-color: #fff;
  color: #282828;
  width: 100%;
  font-size: 16px;
}
html{
height: 100%;
}
body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  background: #f4f3f1;
  }
li {
  list-style-type: none;
}
a {
  color: #67808e;
  text-decoration: none;
  display: block;
}
a:hover {
  opacity: .8;
}
p {
  line-height: 1;
  font-size: 14px;
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  line-height: 1;
}
input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
    display: none;
}
input::placeholder,
textarea::placeholder {
  color: #bbb;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #bbb;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #bbb;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media only screen and (max-width: 750px) {
  p {
    font-size: 13px;
  }
}
/* ------------------------------
- utility
------------------------------ */
.cf {
  zoom: 1;
}
.cf:before, .cf:after {
  content: "";
  display: table;
}
.cf:after {
  clear: both;
}
.visible-xs,
.visible-sm {
  display: none;
}
.visible-md {
  display: inherit;
}
@media only screen and (max-width: 1000px) {
  .visible-md,
  .visible-xs {
    display: none;
  }
  .visible-sm {
    display: inherit;
  }
}
@media only screen and (max-width: 750px) {
  .visible-md,
  .visible-sm {
    display: none;
  }
  .visible-xs {
    display: inherit;
  }
}
#loading-view {
    /* 領域の位置やサイズに関する設定 */
    width: 100%;
    height: 100%;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    /* 背景関連の設定 */
    background-color: #F7F6F6;
    /*filter: alpha(opacity=45);*/
    -moz-opacity: 0.45;
    -khtml-opacity: 0.45;
    opacity: 0.75;
    display: table;
    cursor:wait;
}
.loadContens {
    display: table-cell;
    vertical-align: middle;
    text-align:center;
}
.loadContens_img {
  width: auto;
  vertical-align: bottom;
  line-height: 1;
}
/* ------------------------------
- layout
------------------------------ */
.l-section-lg {
  width: 100%;
  max-width: 1186px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
@media only screen and (max-width:  1000px) {
  .l-section-lg {
    max-width: 780px;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 750px) {
  .l-section-lg {
    padding: 0 5%;
  }
}
/* ------------------------------
- header
------------------------------ */
.header {
  background: #fff;
  padding: 10px 0;
  border-bottom: 1px solid #acb1b4;
}
.header_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.header_logo {
  width: 175px;
}
.header_userInformation {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  margin-bottom: 10px;
}
.header_userInformation div {
  font-size: 14px;
  font-weight: bold;
}
.header_userInformation_companyName {
  margin-right: 10px;
}
.header_nav_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.header_nav_item {
  margin-left: 20px;
}
.header_nav_item_menu {
  display: none;
}
.header_nav_item_an.header.headerchor {
  display: table;
}
.header_nav_item_anchor .header_nav_item_img,
.header_nav_item_anchor .header_nav_item_text {
  display: table-cell;
  /*vertical-align: middle;*/
  vertical-align: text-top;
}
.header_nav_item_img img {
  vertical-align: middle;
  height: 20px;
  width: auto;
}
.header_nav_item_img {
  position: relative;
}
.header_nav_item_attention {
  position: absolute;
  background: #ff0606;
  color: #fff;
  font-size: 10px;
  border-radius: 15px;
  padding: 2.4px 4.5px;
  min-width: 15px;
  min-height: 15px;
  text-align: center;
  top: -6px;
  right: -7px;
}
.header_nav_item_text {
  font-size: 14px;
  font-weight: bold;
  padding-left: 8px;
}
.header_nav_sp {
  display: none;
}
@media only screen and (max-width: 1000px) {
  .header_logo {
    width: 140px;
  }
  .header_nav_item_img img {
    height: 18px;
    width: auto;
  }
  .header_userInformation {
    margin-bottom: 5px;
  }
  .header_nav_item_text {
    font-size: 12px;
  }
  .header_userInformation div {
    font-size: 12px;
    font-weight: bold;
  }
}
@media only screen and (max-width: 750px) {
  .header {
    padding: 2px 0 0;
    position: fixed;
    width: 100%;
    z-index: 500;
  }
  .header_inner {
    display: block;
    padding: 0;
  }
  .header_logo {
    width: 120px;
    margin-left: 5%;
    margin-bottom: 2px;
  }
  .header_content {
    position: relative;
  }
  .header_userInformation {
    margin-bottom: 0;
    position: absolute;
    top: -26px;
    right: 10px;
    display: block;
    text-align: right;
  }
  .header_userInformation div {
    font-size: 10px;
  }
  .header_userInformation_companyName {
    margin-right: 0;
    margin-bottom: 2px;
  }
  .header_nav {
    border-top: 1px solid #acb1b4;
    position: relative;
  }
  .header_nav_list {
    width: 100%;
    overflow: hidden;
  }
  .header_nav_item {
    margin-left: 0;
    width: 20%;
    border-right: 1px solid #acb1b4;
  }
  .header_nav_item.from_photo {
    width: 16.66666666%;
  }
  .header_nav_item_menu {
    display: block;
    position: relative;
    z-index: 600;
    border: none;
  }
  .header_nav_item_anchor {
    display: block;
    text-align: center;
    padding: 4px 0;
    position: relative;
  }
  .header_nav_item_anchor .header_nav_item_img{
    display: inline-block;
  }
  .header_nav_item_anchor .header_nav_item_text {
    display: block;
  }
  .header_nav_item_img img {
    height: 16px;
  }
  .header_nav_item_humberger {
    display: inline-block;
    height: 16px;
    width: 16px;
    position: relative;
    vertical-align: text-top;
  }
  .header_nav_item_humberger span {
    background: #445f9b;
    height: 2px;
    width: 16px;
    display: block;
    position: absolute;
    left: 0;
  }
  .header_nav_item_humberger span:first-child {
    top: 3px;
    -webkit-animation: menu-ber01 .75s forwards;
    animation: menu-ber01 .75s forwards;
  }
  .header_nav_item_humberger span:nth-child(2) {
    top: 8px;
    transition: all .25s .25s;
    opacity: 1;
  }
  .header_nav_item_humberger span:nth-child(3) {
    top: 13px;
    -webkit-animation: menu-ber02 .75s forwards;
    animation: menu-ber02 .75s forwards;
  }
  .active .header_nav_item_humberger span:nth-of-type(1) {
    -webkit-animation: active-menu-ber01 .75s forwards;
    animation: active-menu-ber01 .75s forwards;
  }
  .active .header_nav_item_humberger span:nth-of-type(2) {
    opacity: 0;
  }
  .active .header_nav_item_humberger span:nth-of-type(3) {
    -webkit-animation: active-menu-ber03 .75s forwards;
    animation: active-menu-ber03 .75s forwards;
        /* top: 17px; */
  }
  @-webkit-keyframes menu-ber01 {
    0% {
      -webkit-transform: translateY(5px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes menu-ber01 {
    0% {
      transform: translateY(5px) rotate(45deg);
    }
    50% {
      transform: translateY(5px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  @-webkit-keyframes menu-ber02 {
    0% {
      -webkit-transform: translateY(-5px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(-5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
    }
  }
  @keyframes menu-ber02 {
    0% {
      transform: translateY(-5px) rotate(-45deg);
    }
    50% {
      transform: translateY(-5px) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  @-webkit-keyframes active-menu-ber01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(5px) rotate(45deg);
    }
  }
  @keyframes active-menu-ber01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(5px) rotate(0);
    }
    100% {
      transform: translateY(5px) rotate(45deg);
    }
  }
  @-webkit-keyframes active-menu-ber03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(-5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(-5px) rotate(-45deg);
    }
  }
  @keyframes active-menu-ber03 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(-5px) rotate(0);
    }
    100% {
      transform: translateY(-5px) rotate(-45deg);
    }
  }
  .active .header_nav_item_text.off {
    display: none;
  }
  .header_nav_item_text.on {
    display: none;
  }
  .active .header_nav_item_text.on {
    display: block;
  }
  .header_nav_item_attention {
    top: -3px;
    right: -15px;
  }
  .header_nav_item_text {
    font-size: 10px;
    padding-left: 0;
    color: #67808e;
  }
  .header_nav_sp {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    height: 90vh;
    height: -webkit-calc(100vh - 32px);
    height: calc(100vh - 32px);
    background: #f4f3f1;
    padding-top: 36px;
  }
  .header_nav_sp_inner {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  .header_nav_sp_top_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 10px;
    border-bottom: 1px solid #eaeaea;
  }
  .header_nav_sp_top_item {
    width: 50%;
  }
  .header_nav_sp_item_heading,
  .header_nav_sp_card_anchor,
  .header_nav_sp_top_anchor {
    padding: 15px 30px;
    font-size: 13px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
    color: #67808e;
  }
  .header_nav_sp_top_anchor {
    display: table;
    width: 100%;
    border-bottom: none;
    padding: 6px 30px;
  }
  .header_nav_sp_top_img,
  .header_nav_sp_top_text {
    display: table-cell;
    vertical-align: middle;
  }
  .header_nav_sp_top_img {
    position: relative;
    width: 20px;
    text-align: center;
  }
  .header_nav_sp_top_img img {
    height: 18px;
    width: auto;
  }
  .header_nav_sp_top_text {
    padding-left: 10px;
  }
  .header_nav_sp_top_attention {
    position: absolute;
    background: #ff0606;
    color: #fff;
    font-size: 10px;
    border-radius: 15px;
    padding: 2.4px 4.5px;
    min-width: 15px;
    min-height: 15px;
    text-align: center;
    top: -6px;
    right: -10px;
  }
  .header_nav_sp_item_heading::after {
    position: absolute;
    background: url(../../../images/common/icon_arrow_right.png) no-repeat;
    background-size: contain;
    display: block;
    content: '';
    width: 12px;
    height: 20px;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }
  .header_nav_sp_item_heading::before {
    position: absolute;
    background: #199ed8;
    display: block;
    content: '';
    width: 2px;
    height: 10px;
    right: 33px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    transition: all .4s;
    border-radius: 2px;
  }
  .header_nav_sp_item_heading::after {
    position: absolute;
    background: #199ed8;
    display: block;
    content: '';
    width: 10px;
    height: 2px;
    right: 29px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    transition: all .4s;
    border-radius: 2px;
  }
  .active.header_nav_sp_item_heading::before {
    opacity: 0;
  }
  .header_nav_sp_card {
    display: none;
    background: #fff;
  }
  .header_nav_sp_card_anchor::after {
  }
  .header_nav_sp_card_anchor::after {
    position: absolute;
    background: url(../../../images/common/icon_arrow_right.png) no-repeat;
    background-size: contain;
    display: block;
    content: '';
    width: 7px;
    height: 11px;
    right: 30px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    transition: all .4s;
  }
}
/* ------------------------------
- header modal
------------------------------ */
.header_account_modal,
.header_tool_modal {
  display: none;
}
.header_account_modal_inner {
  padding: 30px 20px;
  width: 300px;
}
.header_account_modal_inner_companyName {
  font-size: 16px;
  margin-bottom: 4px;
  font-weight: bold;
}
.header_account_modal_inner_userName {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.header_account_modal_list {
  padding-left: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #828282;
  margin-bottom: 20px;
}
.header_account_modal_item {
  margin-bottom: 15px;
}
.header_account_modal_item:last-child {
  margin: 0;
}
.header_account_modal_item a {
  font-size: 16px;
}
.header_account_modal_logout {
  position: relative;
}
.header_account_modal_logout input {
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border-radius: 6px;
  padding: 15px 30px 15px 15px;
  border: 1px solid #f2f2f2;
  text-align: left;
  width: 100%;
  color: #67808e;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
.header_account_modal_logout input:hover {
  cursor: pointer;
}
.header_account_modal_logout::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 15px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.header_account_modal_logout:hover {
  opacity: .8;
}
#cboxLoadedContent {
  margin: 0;
}
#cboxMiddleLeft {
  width: 2px;
}
.header_tool_modal_inner {
  padding: 40px 20px;
  width: 300px;
}
.header_tool_modal_heading {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
.header_tool_modal_list {
  padding-left: 20px;
}
.header_tool_modal_item {
  margin-bottom: 15px;
}
.header_tool_modal_item:last-child {
  margin: 0;
}
.header_tool_modal_item a {
  font-size: 16px;
}
.header_tool_modal_item .pdf span {
  position: relative;
}
.header_tool_modal_item .pdf span::after {
  position: absolute;
  background: url(../../../images/common/icon_pdf.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  right: -30px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 750px) {
  .header_account_modal_inner {
    padding: 30px 20px;
    width: 280px;
  }
  .header_account_modal_inner_companyName {
    font-size: 14px;
    margin-bottom: 4px;
    font-weight: bold;
  }
  .header_account_modal_inner_userName {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .header_account_modal_list {
    padding-left: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dotted #828282;
    margin-bottom: 20px;
  }
  .header_account_modal_item {
    margin-bottom: 15px;
  }
  .header_account_modal_item:last-child {
    margin: 0;
  }
  .header_account_modal_item a {
    font-size: 14px;
  }
  .header_account_modal_logout {
    position: relative;
  }
  .header_account_modal_logout input {
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    position: relative;
    border-radius: 6px;
    padding: 15px 30px 15px 15px;
    border: 1px solid #f2f2f2;
    text-align: left;
    width: 100%;
    color: #67808e;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  }
  .header_account_modal_logout::after {
    position: absolute;
    background: url(../../../images/common/icon_arrow_right.png) no-repeat;
    background-size: contain;
    display: block;
    content: '';
    width: 10px;
    height: 15px;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }
  .header_account_modal_logout:hover {
    opacity: .8;
  }
  #cboxLoadedContent {
    margin: 0;
  }
  .header_tool_modal_inner {
    padding: 40px 20px;
    width: 260px;
  }
  .header_tool_modal_heading {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 30px;
  }
  .header_tool_modal_list {
    padding-left: 20px;
  }
  .header_tool_modal_item {
    margin-bottom: 15px;
  }
  .header_tool_modal_item:last-child {
    margin: 0;
  }
  .header_tool_modal_item a {
    font-size: 14px;
  }
  .header_tool_modal_item .pdf span {
    position: relative;
  }
  .header_tool_modal_item .pdf span::after {
    position: absolute;
    background: url(../../../images/common/icon_pdf.png) no-repeat;
    background-size: contain;
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    right: -30px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }
}

/* ------------------------------
- footer
------------------------------ */
.footer {
  border-top: 1px solid #bfc2c3;
  padding: 40px 0;
}
.footer_inner {
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
	-webkit-flex-direction:row-reverse;
  -moz-flex-direction:row-reverse;
  -ms-flex-direction:row-reverse;
  -o-flex-direction:row-reverse;
	flex-direction:row-reverse;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.pagetop {
  position: absolute;
  top: -65px;
  right: 20px;;
  width: 50px;
}
.footer_sitemap {
  width: 65.79%;
}
.footer_sitemap_card_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer_sitemap_card_heading {
  display: table;
  padding-bottom: 13px;
  padding-left: 10px;
  border-bottom: 1px solid #bfc2c3;
  width: 100%;
}
.footer_sitemap_card_heading_img,
.footer_sitemap_card_heading_text {
  display: table-cell;
  vertical-align: middle;
}
.footer_sitemap_card_heading_img {
  width: 22px;
}
.footer_sitemap_card_heading_img img {
  height: 20px;
  width: auto;
}
.footer_sitemap_card_heading_text {
  font-size: 20px;
  padding-left: 13px;
}
.footer_sitemap_card_item {
    width: 48.01%;
  border-bottom: 1px solid #bfc2c3;
}
.footer_sitemap_card_item a {
  font-size: 16px;
  padding: 17px 30px 17px 20px;
  position: relative;
  font-weight: bold;
}
.footer_sitemap_card_item a::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 16px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.footer_information {
    width: 31.58%;
}
.footer_information_contact {
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  border-radius: 6px;
  padding: 30px 40px 30px 55px;
  margin-bottom: 10px;
}
.footer_information_contact::before {
  position: absolute;
  background: url(../../../images/common/icon_contact.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 20px;
  height: 24px;
  left: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.footer_information_contact::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 12px;
  height: 20px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.footer_information_contact_kiyaku {
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  border-radius: 6px;
  padding: 10px 40px 10px 55px;
  margin-bottom: 10px;
}
.footer_information_contact_kiyaku::before {
  position: absolute;
  background: url(../../../images/common/icon_contact.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 20px;
  height: 24px;
  left: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.footer_information_contact_kiyaku::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 12px;
  height: 20px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.footer_information_logo {
  margin-bottom: 25px;
  max-width: 264px;
  width: 100%;
}
.logo_sugiko {
  position: relative;
  width: 330px;
  margin: 40px auto 20px;
}
.copyright {
  text-align: center;
  font-size: 12px;
  color: #67808e;
}
.logo_norton {
  position: absolute;
  top: -10px;
  left: 500px;
}
.logo_norton img {
  width: auto;
}
@media only screen and (max-width: 1000px) {
  .footer {
    border-top: 1px solid #bfc2c3;
    padding: 40px 0;
  }
  .footer_inner {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  	-webkit-flex-direction:row-reverse;
    -moz-flex-direction:row-reverse;
    -ms-flex-direction:row-reverse;
    -o-flex-direction:row-reverse;
  	flex-direction:row-reverse;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
  }
  .pagetop {
    position: absolute;
    top: -65px;
    right: 20px;;
    width: 50px;
  }
  .footer_sitemap {
  }
  .footer_sitemap_card_heading {
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .footer_sitemap_card_heading_text {
    font-size: 17px;
    padding-left: 5px;
  }
  .footer_sitemap_card_item a {
    font-size: 13px;
    padding: 17px 30px 17px 15px;
  }
  .footer_sitemap_card_item a::after {
    width: 8px;
    height: 13px;
  }
  .footer_information_contact {
    font-size: 16px;
    padding: 20px 20px 20px 40px;
  }
  .footer_information_contact::before {
    width: 18px;
    height: 21px;
    left: 15px;
  }
  .footer_information_contact::after {
    width: 10px;
    height: 15px;
    right: 10px;
  }
  .footer_information_contact_kiyaku {
    font-size: 16px;
    padding: 10px 20px 10px 40px;
  }
  .footer_information_contact_kiyaku::before {
    width: 18px;
    height: 21px;
    left: 15px;
  }
  .footer_information_contact_kiyaku::after {
    width: 10px;
    height: 15px;
    right: 10px;
  }
  .footer_information_logo {
    margin-bottom: 20px;
  }
  .logo_norton {
    position: absolute;
    top: -10px;
    left: 400px;
  }
}
@media only screen and (max-width: 750px) {
  .footer {
    padding: 40px 0 10%;
  }
  .footer_inner {
    display: block;
    padding: 0;
  }
  .pagetop {
    position: absolute;
    top: -58px;
    right: 20px;
    width: 40px;
  }
  .footer_sitemap {
    width: 100%;
    display: block;
    padding: 0 5%;
  }
  .footer_sitemap_card_heading_img img {
    height: 18px;
  }
  .footer_sitemap_card_heading_text {
    font-size: 16px;
    padding-left: 3px;
  }
  .footer_sitemap_card_item {
    margin-top: 0;
    width: 100%;
  }
  .footer_sitemap_card_item a {
    font-size: 13px;
    padding: 15px 30px;
    border-bottom: 1px solid #eaeaea;
    position: relative;
  }
  .footer_information {
    width: 100%;
    padding: 10% 5% 0;
  }
  .footer_sitemap_card_item a::after {
    position: absolute;
    background: url(../../../images/common/icon_arrow_right.png) no-repeat;
    background-size: contain;
    display: block;
    content: '';
    width: 7px;
    height: 11px;
    right: 30px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    transition: all .4s;
  }
  .footer_information_contact {
    font-size: 14px;
    padding: 20px 30px 20px 45px;
    margin-bottom: 3%;
  }
  .footer_information_contact::before {
    width: 18px;
    height: 21px;
    left: 20px;
  }
  .footer_information_contact::after {
    width: 9px;
    height: 13px;
  }
  .footer_information_contact_kiyaku {
    font-size: 14px;
    padding: 10px 30px 10px 45px;
    margin-bottom: 6%;
  }
  .footer_information_contact_kiyaku::before {
    width: 18px;
    height: 21px;
    left: 20px;
  }
  .footer_information_contact_kiyaku::after {
    width: 9px;
    height: 13px;
  }
  .footer_information_logo {
    width: 230px;
    margin: 0 auto 8%;
    display: block;
  }
  .logo_sugiko {
    max-width: 330px;
    width: 60%;
    margin: 40px auto 20px;
  }
  .copyright {
    font-size: 10px;
    margin-bottom: 50px;
  }
  .logo_norton {
    position: absolute;
    top: 60px;
    left: 80px;
  }
}
/* ------------------------------
- mainContents
------------------------------ */
@media only screen and (max-width: 750px) {
  .mainContents {
    padding-top: 70px!important;
  }
}
/* ------------------------------
- pageheading
------------------------------ */
.pageheadingWrap {
  text-align: center;
}
.pageheading {
  font-size: 36px;
  border-bottom: 4px solid #282828;
  padding-bottom: 10px;
  display: inline-block;
}
@media only screen and (max-width: 1000px) {
  .pageheading {
    font-size: 30px;
    border-bottom: 3px solid #282828;
  }
}
@media only screen and (max-width: 750px) {
  .pageheading {
    font-size: 25px;
    border-bottom: 3px solid #282828;
    padding-bottom: 6px;
  }
}
/* ------------------------------
- top
------------------------------ */
.top .l-section-lg {
  padding-top: 30px;
  padding-bottom: 80px;
}
.top_section_head {
  display: table;
  padding-bottom: 13px;
  padding-left: 10px;
  border-bottom: 1px solid #bfc2c3;
  width: 100%;
}
.top_section_head_img,
.top_section_head_text {
  display: table-cell;
  vertical-align: middle;
}
.top_section_head_img {
  width: 22px;
}
.top_section_head_img img {
  height: 20px;
  width: auto;
}
.top_section_head_text {
  font-size: 20px;
  padding-left: 13px;
}
@media only screen and (max-width: 1000px) {
  .top .l-section-lg {
    padding-top: 30px;
    padding-bottom: 80px;
  }
  .top_section_head {
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .top_section_head_text {
    font-size: 17px;
    padding-left: 5px;
  }
}
@media only screen and (max-width: 750px) {
  .top .l-section-lg {
    padding-top: 5%;
    padding-bottom: 12%;
  }
  .top_section_head {
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .top_section_head_img img {
    height: 18px;
  }
  .top_section_head_text {
    font-size: 16px;
    padding-left: 3px;
  }
}
/* ------------------------------
- top_head
------------------------------ */
.top_head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 30px;
}
.top_head_content {
  width: 65.79%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.top_head_content_card {
  width: 48.01%;
  text-align: center;
  padding: 30px 10px 10px;
  border-radius: 2px;
}
.top_head_content_card_order {
  background: #445f9b;
}
.top_head_content_card_reservation {
  background: #fff;
}
.top_head_content_card_heading {
  margin-bottom: 35px;
}
.top_head_content_card_heading img {
  width: 116px;
  margin-bottom: 17px;
}
.top_head_content_card_heading h2 {
  font-size: 26px;
}
.top_head_content_card_order h2 {
  color: #fff;
}
.top_head_content_card_reservation h2 {
  color: #282828;
}
.top_head_content_card_btn {
  background: #fff;
  font-size: 24px;
  font-weight: bold;
  position: relative;
  border-radius: 6px;
  padding: 28px 40px 28px 30px;
  text-align: left;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  border: 1px solid #f2f2f2;
}
.top_head_content_card_btn + .top_head_content_card_btn {
  margin-top: 10px;
}
.top_head_content_card_btn::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 12px;
  height: 20px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.top_head_sub {
  width: 31.58%;
}
.top_head_sub_btn {
  background: #fff;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  border-radius: 6px;
  padding: 20px 30px 20px 55px;
  text-align: left;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  border: 1px solid #f2f2f2;
  margin-bottom: 20px;
}
.top_head_sub_btn span {
  font-size: 15px;
}
.top_head_sub_btn::before {
  position: absolute;
  display: block;
  content: '';
  width: 22px;
  height: 24px;
  left: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.top_head_sub_btn_history::before {
  background: url(../../../images/top/icon_history.png) no-repeat;
  background-size: contain;
}
.top_head_sub_btn_search::before {
  background: url(../../../images/top/icon_search.png) no-repeat;
  background-size: contain;
}
.top_head_sub_btn_list::before {
  background: url(../../../images/top/icon_list.png) no-repeat;
  background-size: contain;
}
.top_head_sub_btn::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 12px;
  height: 19px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.top_head_sub_form {
  background: #fff;
  padding: 23px 10px 10px;
  border-radius: 2px;
}
.top_head_sub_form h2 {
  font-size: 20px;
  position: relative;
  padding: 0 0 0 45px;
  margin-bottom: 20px;
}
.top_head_sub_form h2::before {
  position: absolute;
  background: url(../../../images/top/icon_form.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 22px;
  height: 24px;
  left: 10px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.top_head_sub_form_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.top_head_sub_form_item {
  width: 48.53%;
}
.top_head_sub_form_item a {
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border-radius: 6px;
  padding: 16px 30px 16px 20px;
  text-align: left;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
  border: 1px solid #f2f2f2;
}
.top_head_sub_form_item a::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 15px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
@media only screen and (max-width: 1000px) {
  .top_head_content_card {
    padding: 25px 10px 10px;
  }
  .top_head_content_card_heading {
    margin-bottom: 25px;
  }
  .top_head_content_card_heading img {
    width: 90px;
    margin-bottom: 10px;
  }
  .top_head_content_card_heading h2 {
    font-size: 24px;
  }
  .top_head_content_card_order h2 {
    color: #fff;
  }
  .top_head_content_card_reservation h2 {
    color: #282828;
  }
  .top_head_content_card_btn {
    font-size: 16px;
    padding: 22px 25px 22px 20px;
  }
  .top_head_content_card_btn + .top_head_content_card_btn {
    margin-top: 10px;
  }
  .top_head_content_card_btn::after {
    width: 10px;
    height: 16px;
    right: 15px;
  }
  .top_head_sub_btn {
    font-size: 14px;
    padding: 15px 33px 15px 47px;
    margin-bottom: 10px;
    line-height: 1.2;
  }
  .top_head_sub_btn span {
    font-size: 10px;
  }
  .top_head_sub_btn::before {
    width: 20px;
    height: 22px;
    left: 17px;
  }
  .top_head_sub_btn::after {
    width: 10px;
    height: 16px;
    right: 15px;
  }
  .top_head_sub_form {
    padding: 15px 10px 10px;
  }
  .top_head_sub_form h2 {
    font-size: 15px;
    padding: 0 0 0 38px;
    margin-bottom: 15px;
  }
  .top_head_sub_form h2::before {
    width: 20px;
    height: 22px;
    left: 9px;
  }
  .top_head_sub_form_item a {
    font-size: 14px;
    padding: 13px 20px 13px 15px;
  }
  .top_head_sub_form_item a::after {
    width: 8px;
    height: 13px;
    right: 10px;
  }
}
@media only screen and (max-width: 750px) {
  .top_head {
    display: block;
    margin-bottom: 0;
  }
  .top_head_content {
    width: 100%;
    display: block;
  }
  .top_head_content_card {
    padding: 20px 10px 10px;
    width: 100%;
    margin-bottom: 5%;
  }
  .top_head_content_card_heading {
    margin-bottom: 20px;
  }
  .top_head_content_card_heading h2 {
    font-size: 22px;
  }
  .top_head_content_card_btn {
    font-size: 14px;
    padding: 17px 25px 17px 20px;
  }
  .top_head_content_card_btn + .top_head_content_card_btn {
    margin-top: 3%;
  }
  .top_head_content_card_btn::after {
    width: 9px;
    height: 13px;
  }
  .top_head_sub {
    width: 100%;
  }
  .top_head_sub_btn {
    font-size: 14px;
    padding: 16px 25px 16px 45px;
    margin-bottom: 3%;
  }
  .top_head_sub_btn span {
    font-size: 12px;
  }
  .top_head_sub_btn::before {
    width: 17px;
    height: 18px;
  }
  .top_head_sub_btn::after {
    width: 9px;
    height: 13px;
  }
  .top_head_sub_form {
    background: #fff;
    padding: 23px 10px 10px;
  }
  .top_head_sub_form h2 {
    font-size: 14px;
    padding: 0 0 0 35px;
    margin-bottom: 15px;
  }
  .top_head_sub_form h2::before {
    width: 17px;
    height: 18px;
  }
  .top_head_sub_form_item a {
    font-size: 14px;
    padding: 16px 25px 16px 20px;
  }
  .top_head_sub_form_item a::after {
    width: 9px;
    height: 13px;
    right: 13px;
  }
}

/* ------------------------------
- login
------------------------------ */
.login-section {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}
@media only screen and (max-width:  1000px) {
  .login-section {
    max-width: 650px;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 750px) {
  .login-section {
    padding: 0 5%;
  }
}
.login_background {
  background: #f4f3f1;
}
.login_logo_img {
  width: 480px;
  height: 360px;
  margin: 0 auto;
  display: table;
}
.login_form {
  padding: 20px;
  background: #fff;
}
.login_form_block + .login_form_block {
  margin-top: 30px;
}
.login_form_heading {
  font-size: 24px;
  color: #fff;
  background: #445f9b;
  border-radius: 2px;
  padding: 18px 20px;
}
.login_form_heading_password_reminder {
  margin-bottom: 20px;
}
.login_form_item {
  display: table;
  border-bottom: 1px solid #bfc2c3;
  position: relative;
}
.login_form_item_heading {
  display: table-cell;
  position: relative;
  width: 31.64%;
  font-size: 16px;
  padding: 32px 20px 20px 20px;
  font-weight: bold;
  vertical-align: top;
}
.login_form_item_heading_small  {
  font-size: 11px;
}
.required .login_form_item_heading,
.error .login_form_item_heading {
    padding: 32px 80px 20px 20px;
}
.required .login_form_item_heading::after,
.error .login_form_item_heading::after {
  position: absolute;
  content: '';
  display: block;
  right: 20px;
  top: 28px;
  width: 53px;
  height: 24px;
}
.required .login_form_item_heading::after {
  background: url(../../../images/icon_arrow_bottom.png) no-repeat;
  background-size: contain;
}
.error .login_form_item_heading::after {
  background: url(../../../images/icon_error.png) no-repeat;
  background-size: contain;
}
.error .login_form_item_content input {
  background: #fff5f5;
}
.error_content {
  display: none;
}
.error .error_content {
  display: block;
  color: #df5b5b;
  font-size: 16px;
  margin-top: 15px;
}
.login_form_item_content {
  display: table-cell;
  width: 68.36%;
  font-size: 16px;
  padding: 20px;
}
.login_form input {
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  background: #fff;
}
.login_form_item_user_id input,
.login_form_item_password input {
  width: 360px;
}
.login_form textarea {
  padding: 17px 20px;
}
.login_form_block:last-child .login_form_item:last-child {
  border-bottom: none;
}
.login_form_item_center {
  text-align: center;
}
.login_form_item_btn_login_btn {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background: #199ed8;
  border-radius: 4px;
  width: 160px;
  text-align: center;
  padding: 12px 0;
  display: inline-block;
  position: relative;
  border: none;
}
.login_form_item_btn_login_btn:hover {
  opacity: .8;
  cursor: pointer;
}
.login_form_item_error_area {
  display: block;
  color: #df5b5b;
  font-size: 16px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1000px) {
  .login_form_heading {
    font-size: 20px;
    padding: 16px 20px;
    text-align: center;
  }
  .login_form_item_heading {
    font-size: 16px;
    padding: 32px 5px 20px 5px;
    line-height: 1.2;
  }
  .required .login_form_item_heading, .error .login_form_item_heading {
    padding: 32px 55px 20px 20px;
  }
  .required .login_form_item_heading::after,
  .error .login_form_item_heading::after {
    right: 0px;
    top: 30px;
    width: 45px;
    height: 21px;
  }
  .error .error_content {
    font-size: 14px;
    margin-top: 10px;
  }
  .login_form_item_content {
    font-size: 14px;
  }
  .login_logo_img {
    width: 320px;
    height: 240px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 750px) {
  .login_form {
    padding: 0 0 5% 0;
  }
  .login_form_block + .login_form_block {
    margin-top: 5%;
  }
  .login_form_list {
    padding: 0 5%;
  }
  .login_form_heading {
    font-size: 18px;
  }
  .login_form_item {
    display: block;
    padding: 7% 0;
  }
  .login_form_item_heading {
    width: 100%;
    display: block;
    padding: 0;
    margin-bottom: 5%;
  }
  .required .login_form_item_heading,
  .error .login_form_item_heading {
    padding: 1px 0 0 46px;
  }
  .required .login_form_item_heading::after,
  .error .login_form_item_heading::after {
    display: block;
    right: unset;
    top: 0;
    left: 0;
    width: 36px;
    height: 17px;
  }
  .error .error_content {
    font-size: 14px;
    margin-top: 10px;
  }
  .login_form_item_content {
    display: block;
    width: 100%;
    padding: 0;
  }
  .login_form input,
  .login_form select,
  .login_form textarea {
    height: 40px;
    padding: 0 5%;
    font-size: 14px;
  }
  .login_form_item_user_id input,
  .login_form_item_password input  {
    width: 100%;
  }
  .login_form textarea {
    padding: 5%;
  }
  .login_logo_img {
    width: 220px;
    height: 165px;
    margin: 0 auto;
  }
}
.login_password_reminder {
  text-align: center;
}
.login_password_reminder_anchor {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  font-size: 16px;
}
.login_password_reminder_anchor::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 16px;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
/* ------------------------------
- password_reminder
------------------------------ */
.password_reminder_modal {
  display: none;
}
.password_reminder_modal_inner {
  display: block;
  width: 50vw;
  height: 38vh;
  padding: 40px;
}
.password_reminder_modal_l-section {
}
.password_reminder_item {
  display: table;
  border-bottom: 1px solid #bfc2c3;
  position: relative;
  width: 100%;
}
.password_reminder_heading {
  font-size: 24px;
  color: #fff;
  background: #445f9b;
  border-radius: 2px;
  padding: 18px 20px;
  margin-bottom: 20px;
  text-align: center;
}
.password_reminder_item_heading {
  display: table-cell;
  position: relative;
  width: 40%;
  font-size: 16px;
  padding: 32px 80px 20px 20px;
  font-weight: bold;
  vertical-align: top;
}
.required .password_reminder_item_heading,
.error .password_reminder_item_heading {
    padding: 32px 80px 20px 20px;
}
.required .password_reminder_item_heading::after,
.error .password_reminder_item_heading::after {
  position: absolute;
  content: '';
  display: block;
  right: 20px;
  top: 28px;
  width: 53px;
  height: 24px;
}
.required .password_reminder_item_heading::after {
  background: url(../../../images/icon_arrow_bottom.png) no-repeat;
  background-size: contain;
}
.error .password_reminder_item_heading::after {
  background: url(../../../images/icon_error.png) no-repeat;
  background-size: contain;
}
.error .password_reminder_item_content input {
  background: #fff5f5;
}
.password_reminder_item_content {
  display: table-cell;
  width: 53.36%;
  font-size: 16px;
  padding: 20px 20px 20px 0px;
}
.password_reminder_input {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  background: #fff;
}
.password_reminder_section_head {
  display: table;
  padding-bottom: 13px;
  padding-left: 10px;
  border-bottom: 1px solid #bfc2c3;
  width: 100%;
}
.password_reminder_btnarea_close {
  display: none;
}
.password_reminder_btnarea {
  padding: 20px;
  padding-bottom: 0px;
  text-align: center;
}
.password_reminder_btnarea_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.password_reminder_btnarea_item a {
  border-radius: 6px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding: 17px 20px;
  position: relative;
  font-weight: bold;
}
.password_reminder_btnarea_item_no a {
  background: #fff;
  margin: 10px;
  color: #67808e;
  width: 200px;
  padding: 14.6px;
  border: 1px solid #bfc2c3;
}
.password_reminder_btnarea_item_yes a {
  background: #199ed8;
  margin: 10px;
  padding: 14.6px;
  width: 200px;
  border: 1px solid #199ed8;
}
.password_reminder_btnarea_item a::before {
  position: absolute;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  left: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.password_reminder_btnarea_item_yes a::before {
  background: url(../../../images/icon_check.png) no-repeat center/contain;
  width: 28px;
  height: 20px;
}
.password_reminder_btnarea_item_yes a::after {
  background: url(../../../images/common/icon_arrow_right_w.png) no-repeat center/contain;
  position: absolute;
  display: block;
  content: '';
  width: 13px;
  height: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
@media only screen and (max-width: 1100px) {
  .password_reminder_modal_inner {
    display: block;
    width: 50vw;
    height: 45vh;
    padding: 35px;
  }
  .password_reminder_btnarea_item a::before {
    width: 17px;
    height: 17px;
  }
  .password_reminder_btnarea_item_yes a::after {
    width: 11px;
    height: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .password_reminder_form_heading {
    font-size: 20px;
    padding: 16px 20px;
    text-align: center;
  }
  .password_reminder_item_heading {
    font-size: 16px;
    padding: 32px 5px 20px 5px;
    line-height: 1.2;
  }
  .required .password_reminder_item_heading, .error .password_reminder_item_heading {
    padding: 32px 55px 20px 20px;
  }
  .required .password_reminder_item_heading::after,
  .error .password_reminder_item_heading::after {
    right: 0px;
    top: 30px;
    width: 45px;
    height: 21px;
  }
  .password_reminder_item_content {
    font-size: 14px;
  }
  .password_reminder_modal_inner {
    display: block;
    width: 60vw;
    height: 45vh;
    padding: 35px;
  }
  .password_reminder .l-section-lg {
    padding-password_reminder: 30px;
    padding-bottom: 80px;
  }
  .password_reminder_section_head {
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .password_reminder_section_head_text {
    font-size: 17px;
    padding-left: 5px;
  }
  .password_reminder_btnarea {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .password_reminder_btnarea_item {
    width: 32%;
    margin-right: auto;
    margin-left: auto;
  }
  .password_reminder_btnarea_item:nth-child(3) {
    margin-right: 0;
  }
  .password_reminder_btnarea_item_yes {
    width: 100%;
    margin-right: 0;
  }
  .password_reminder_btnarea_item_yes a {
    padding: 15px;
    width: 150px;
  }
  .password_reminder_btnarea_item_no {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .password_reminder_btnarea_item_no a {
    padding: 15px;
    width: 150px;
  }
}
@media only screen and (max-width: 750px) {
  .password_reminder_item {
    display: block;
    padding: 7% 0;
  }
  .password_reminder_list {
    padding: 0 5%;
  }
  .password_reminder_form_heading {
    font-size: 18px;
  }
  .password_reminder_modal_inner {
    display: block;
    width: 80vw;
    height: 70vh;
    padding: 32px;
  }
  .password_reminder_item_heading {
    width: 100%;
    display: block;
    padding: 0;
    margin-bottom: 5%;
  }
  .required .password_reminder_item_heading,
  .error .password_reminder_item_heading {
    padding: 1px 0 0 46px;
  }
  .required .password_reminder_item_heading::after,
  .error .password_reminder_item_heading::after {
    display: block;
    right: unset;
    top: 0;
    left: 0;
    width: 36px;
    height: 17px;
  }
  .password_reminder_item_content {
    display: block;
    width: 100%;
    padding: 0;
  }
  .password_reminder .l-section-lg {
    padding-password_reminder: 5%;
    padding-bottom: 12%;
  }
  .password_reminder_section_head {
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .password_reminder_section_head_img img {
    height: 18px;
  }
  .password_reminder_section_head_text {
    font-size: 16px;
    padding-left: 3px;
  }
  .password_reminder_btnarea {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
  }
  .password_reminder_btnarea_list {
    display: block;
  }
  .password_reminder_btnarea_item {
    width: 100%;
    margin-bottom: 3%;
  }
  .password_reminder_btnarea_item_yes a {
    font-size: 16px;
    width: 150px;
  }
  .password_reminder_btnarea_item_yes a::before {
    width: 22px;
    height: 15px;
  }
  .password_reminder_btnarea_item_no a {
    font-size: 16px;
    width: 150px;
  }
  .password_reminder_btnarea_item_no a::before {
    width: 22px;
    height: 15px;
  }
  .password_reminder_input::placeholder {
    font-size: 12px;
  }
}
/* ------------------------------
- common_modal
------------------------------ */
.common_modal_modal {
  display: none;
}
.common_modal_modal_inner {
  display: block;
  width: 50vw;
  height: 30%;
  padding: 30px;
}
.common_modal_modal_l-section {
}
.common_modal_btnarea {
  padding: 20px;
  padding-bottom: 0px;
  text-align: center;
}
.common_modal_btnarea_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.common_modal_btnarea_item a {
  border-radius: 6px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding: 17px 20px;
  position: relative;
  font-weight: bold;
}
.common_modal_btnarea_item_no a {
  background: #fff;
  margin: 10px;
  color: #67808e;
  width: 200px;
  padding: 14.6px;
  border: 1px solid #bfc2c3;
}
.common_modal_btnarea_item_yes a {
  background: #199ed8;
  margin: 10px;
  padding: 14.6px;
  width: 200px;
  border: 1px solid #199ed8;
}
.common_modal_btnarea_item a::before {
  position: absolute;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  left: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.common_modal_btnarea_item_yes a::before {
  background: url(../../../images/icon_check.png) no-repeat center/contain;
  width: 28px;
  height: 20px;
}
.common_modal_btnarea_item_yes a::after {
  background: url(../../../images/common/icon_arrow_right_w.png) no-repeat center/contain;
  position: absolute;
  display: block;
  content: '';
  width: 13px;
  height: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
@media only screen and (max-width: 1100px) {
  .common_modal_modal_inner {
    display: block;
    width: 60vw;
    height: 30%;
    padding: 30px;
  }
  .common_modal_btnarea_item a::before {
    width: 17px;
    height: 17px;
  }
  .common_modal_btnarea_item_yes a::after {
    width: 11px;
    height: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .common_modal_modal_inner {
    display: block;
    width: 60vw;
    height: 30%;
    padding: 30px;
  }
  .common_modal_btnarea {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .common_modal_btnarea_item {
    width: 32%;
    margin-right: auto;
    margin-left: auto;
  }
  .common_modal_btnarea_item:nth-child(3) {
    margin-right: 0;
  }
  .common_modal_btnarea_item_yes {
    width: 100%;
    margin-right: 0;
  }
  .common_modal_btnarea_item_yes a {
    padding: 15px;
    width: 150px;
  }
  .common_modal_btnarea_item_no {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .common_modal_btnarea_item_no a {
    padding: 15px;
    width: 150px;
  }
}
@media only screen and (max-width: 750px) {
  .common_modal_modal_inner {
    display: block;
    width: 80vw;
    height: 30%;
    padding: 32px;
  }
  .common_modal_btnarea {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .common_modal_btnarea_list {
    display: block;
  }
  .common_modal_btnarea_item {
    width: 100%;
    margin-bottom: 3%;
  }
  .common_modal_btnarea_item_yes a {
    font-size: 16px;
    width: 180px;
  }
  .common_modal_btnarea_item_yes a::before {
    width: 22px;
    height: 15px;
  }
  .common_modal_btnarea_item_no a {
    font-size: 16px;
    width: 180px;
  }
  .common_modal_btnarea_item_no a::before {
    width: 22px;
    height: 15px;
  }
}
/* ------------------------------
- top_history
------------------------------ */
.top_history {
  padding-top: 20px;
  margin-bottom: 50px;
  position: relative;
}
.top_history_none {
  display: none;
}
.top_history.active {
  display: block;
}
.top_history .pageheadingWrap {
  margin-bottom: 40px;
}
.top_history_nav_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 30px;
}
.top_history_nav_item {
  width: 23.70%;
}
.top_history_nav_anchor {
  background: #fff;
  font-size: 22px;
  font-weight: bold;
  position: relative;
  border-radius: 6px;
  padding: 18px 40px 18px 20px;
  text-align: left;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
  border: 1px solid #f2f2f2;
}
.top_history_nav_anchor::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_bottom.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 20px;
  height: 12px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.top_history_searchWrap {
  border: 2px solid #bfc2c3;
  border-radius: 6px;
}
.top_history_search_head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  height: 60px;
}
.top_history_search_head_heading {
  border-right: 2px solid #bfc2c3;
  width: 18.32%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.top_history_search_head_heading h3 {
  text-align: center;
  width: 100%;
  font-size: 20px;
}
.top_history_search_head_content {
  width: 81.68%;
  padding: 0 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.top_history_search_head_type {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.top_history_search_head_type_heading {
  font-size: 16px;
  margin-right: 20px;
}
.top_history_search_head_type_select {
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  position: relative;
  width: 320px;
}
.top_history_search_head_type_select::after {
  position: absolute;
  content: '';
  background: url(../../../images/common/icon_arrow_triangle.png) no-repeat;
  background-size: contain;
  display: block;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 16px;
  height: 8px;
  pointer-events: none;
}
.top_history_search_head_type_select select {
  font-size: 16px;
  border: none;
  border-radius: 0;
  padding: 12px 35px 12px 20px;
  width: 100%;
  background: #fff;
  white-space: pre-line;
}
.top_history_search_head_ohter {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.top_history_search_head_btn_detail {
  font-size: 16px;
  color: #67808e;
  font-weight: bold;
  padding-left: 30px;
  position: relative;
  margin-right: 30px;
}
.top_history_search_head_btn_detail::before {
  position: absolute;
  content: '';
  background: url(../../../images/top/icon_detail.png) no-repeat;
  background-size: contain;
  display: block;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 18px;
  height: 18px;
}
.top_history_search_head_btn_detail:hover {
  opacity: .8;
  cursor: pointer;
}
.top_history_search_head_btn_search,
.top_history_search_head_btn_clear {
  white-space: pre-line;
  padding: 0;
  border-radius: 6px;
}
.top_history_search_head_btn_search:hover,
.top_history_search_head_btn_clear:hover {
  opacity: .8;
  cursor: pointer;
}
.top_history_search_head_btn_search {
  width: 100px;
  height: 40px;
  background: #1ea0d9;
  border: none;
  margin-right: 10px;
}
.top_history_search_head_btn_search img {
  width: 20px;
}
.top_history_search_head_btn_clear {
  width: 80px;
  height: 40px;
  border: 1px solid #bfc2c3;
  font-size: 18px;
  font-weight: bold;
}
.top_history_search_foot {
  display: none;
}
.top_history_search_foot_inner {
  padding: 20px;
  border-top: 2px solid #bfc2c3;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.top_history_search_foot_block {
  width: 48.64%;
}
.top_history_search_foot_block_heading {
  background: #94a4aa;
  color: #fff;
  font-size: 16px;
  padding: 7px 20px;
}
.top_history_search_foot_list {
  padding: 20px 20px 0;
}
.top_history_search_foot_item {
  position: relative;
  display: table;
  width: 100%;
}
.error .top_history_search_foot_item_name::after {
  position: absolute;
  content: '';
  display: block;
  left: 52px;
  top: 6px;
  width: 53px;
  height: 24px;
}
.error .top_history_search_foot_item_name::after {
  background: url(../../../images/icon_error.png) no-repeat;
  background-size: contain;
}
.error .top_history_search_foot_item_name_error {
  font-size: 0;
}
.error .top_history_search_foot_item_name_error::before {
  font-size: 16px;
  content: "最終\A更新日";
  white-space: pre;
}
/*モバイル納品・引取車両情報共通エラー項目*/
.has-error .input_calendar,
.has-error .shashu,
.has-error .daisu
 {
  background: #fff5f5;
}
/*モバイル納品車両予約情報エラー*/
.has-error .nohinJikantaiKbn,
.has-error .nohinJikokuKara,
.has-error .nohinJikokuMade
 {
  background: #fff5f5;
}
/*モバイル引取車両予約情報エラー*/
.has-error .hikitoriJikantaiKbn,
.has-error .hikitoriJikokuKara,
.has-error .hikitoriJikokuMade
 {
  background: #fff5f5;
}
.top_history_search_foot_item + .top_history_search_foot_item {
  margin-top: 10px;
}
.top_history_search_foot_item_name,
.top_history_search_foot_item_content {
  display: table-cell;
}
.top_history_search_foot_item_name {
  width: 110px;
  font-weight: bold;
  font-size: 16px;
}
.top_history_search_foot_item_content input {
  height: 40px;
  padding: 9px 20px;
  font-size: 16px;
  border: 1px solid #bfc2c3;
  border-radius: 2px;
}
.top_history_search_foot_item_content .input_orderNumber {
  width: 76.92%;
}
.top_history_search_foot_item_content .input_siteName,
.top_history_search_foot_item_content .input_changer {
  width: 100%;
}
.top_history_search_foot_item_content_calendar {
  width: 160px;
  display: inline-block;
  position: relative;
}
.top_history_search_foot_item_content_calendar::before {
  position: absolute;
  content: '';
  background: url(../../../images/common/icon_calendar.png) no-repeat;
  background-size: contain;
  display: block;
  left: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 16px;
  height: 18px;
}
.top_history_search_foot_item_content .input_calendar {
  padding: 9px 0 9px 35px;
  width: 100%;
  font-size: 13px;
}
.input_calendar_while {
  width: 15px;
  text-align: center;
  display: inline-block;
}
.top_history_search_foot_item_content_select {
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  position: relative;
  width: 76.92%;
}
.top_history_search_foot_item_content_select::after {
  position: absolute;
  content: '';
  background: url(../../../images/common/icon_arrow_triangle.png) no-repeat;
  background-size: contain;
  display: block;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 16px;
  height: 8px;
  pointer-events: none;
}
.top_history_search_foot_item_content_select select {
  font-size: 16px;
  border: none;
  border-radius: 0;
  padding: 12px 35px 12px 20px;
  width: 100%;
  background: #fff;
  white-space: pre-line;
}
.top_history_section {
  margin-top: 50px;
}
.top_history_section_headWrap {
  background: #445f9b;
  height: 60px;
  padding: 0 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  border-radius: 2px;
}
.top_history_section_heading {
  font-size: 24px;
  color: #fff;
}
.top_history_section_head_refineBy_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.top_history_section_head_refineBy_heading {
  color: #fff;
  font-weight: normal;
  font-size: 14px;
  border-right: 1px solid #fff;
  padding: 8px 15px 8px 0;
}
.top_history_section_head_refineBy_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.top_history_section_head_refineBy_item {
  margin-left: 15px;
}
.input_radio,
.input_checkbox {
  display: none;
}
.input_radio_parts {
  padding-left: 30px;
  position: relative;
  color: #fff;
  font-size: 18px;
}
.input_radio_parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.input_radio:checked + .input_radio_parts::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 6px;
  width: 10px;
  height: 10px;
  background: #199ed8;
  border-radius: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.input_checkbox_parts {
  padding-left: 45px;
  position: relative;
  font-size: 16px;
}
.input_checkbox_parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 30px;
  border: 3px solid #bfc2c3;
  background: #fff;
  border-radius: 2px;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.input_checkbox:checked + .input_checkbox_parts::after {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 6px;
  left: 11px;
  display: block;
  width: 10px;
  height: 18px;
  margin-top: -10px;
  border-right: 3px solid #1ea0d9;
  border-bottom: 3px solid #1ea0d9;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.top_history_section_item {
  padding: 30px 20px 20px;
  margin-top: 30px;
  background: #fff;
  border-radius: 2px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.top_history_section_item.ordered {
  border-top: 5px solid #99cc00;
}
.top_history_section_item.saved {
  border-top: 5px solid #996699;
}
.top_history_section_maincontents {
  width: 72.57%;
}
.top_history_section_subcontents {
  width: 24.86%;
  width: 275px;
}
.top_history_section_orderNumberWrap {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin-bottom: 20px;
}
.top_history_section_orderNumber {
  font-size: 12px;
  display: table;
  vertical-align: middle;
  margin-right: 20px;
  margin-top: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.top_history_section_orderNumber span {
  /* display: table-cell;
  vertical-align: middle; */
}
.top_history_section_order_no {
  font-weight: bold;
}
.top_history_section_orderNumber_no {
  font-size: 24px;
}
.top_history_section_ordered {
  font-size: 14px;
  border-radius: 4px;
  padding: 2px 10px;
  font-weight: bold;
  margin-top: 12px;
}
.ordered .top_history_section_ordered {
  color: #99cc00;
  border: 2px solid #99cc00;
}
.ordered .top_history_section_ordered_saved {
  color: #ff4500;
  border: 2px solid #ff4500;
}
.saved .top_history_section_ordered {
  color: #996699;
  border: 2px solid #996699;
}
.top_history_section_siteNameWrap {
  display: table;
  width: 100%;
  border-radius: 3px;
  background: #eeeeee;
  margin-bottom: 5px;
}
.top_history_section_siteName_head {
  display: table-cell;
  font-size: 12px;
  background: #445f9b;
  text-align: center;
  color: #fff;
  vertical-align: middle;
  border-radius: 3px 0 0 3px;
  width: 80px;
}
.top_history_section_siteName {
  display: table-cell;
  font-size: 22px;
  vertical-align: middle;
  padding: 12px 20px;
  line-height: 1.2;
}
.top_history_section_contents_block {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.top_history_section_contents_item {
  margin-top: 15px;
  /* display: table; */
  margin-right: 15px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.top_history_section_contents_item_heading {
  /* display: table-cell; */
  font-size: 12px;
}
.top_history_section_contents_item_contents {
  /* display: table-cell; */
  font-size: 16px;
}
.top_history_section_contents_item_contents span {
  font-size: 20px;
  font-weight: bold;
}
.top_history_section_contents_item_say .top_history_section_contents_item_contents {
  font-weight: bold;
}
.top_history_section_btn_confirmation {
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border-radius: 6px;
  padding: 15px 40px 15px 20px;
  text-align: left;
  border: 2px solid #dddddd;
  margin-bottom: 10px;
}
.top_history_section_btn_confirmation::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 16px;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.top_history_section_btn_item {
  font-size: 16px;
  text-align: right;
  padding-right: 35px;
  position: relative;
  font-weight: bold;
}
.top_history_section_btn_item + .top_history_section_btn_item {
  margin-top: 15px;
}
.top_history_section_btn_item::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 16px;
  right: 12px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.top_history_btn_pagetop {
  text-align: right;
}
.top_history_btn_pagetop_anchor {
  margin-top: 10px;
  position: relative;
  display: inline-block;
  padding-right: 40px;
  font-size: 16px;
}
.top_history_btn_pagetop_anchor::after {
  position: absolute;
  background: url(../../../images/top/icon_historytop.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 16px;
  height: 10px;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.top_history_close {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 40px;
  color: #67808e;
  font-size: 16px;
  padding-right: 47px;
}
.top_history_close:hover {
  cursor: pointer;
  opacity: .8;
}
.top_history_close_icon {
  position: absolute;
  right: 17px;
  top: 0;
}
.top_history_close_icon span {
  background: #1ea0d9;
  height: 3px;
  width: 20px;
  display: block;
  position: absolute;
  border-radius: 3px;
  right: 0;
  top: 6px;
}
.top_history_close span:first-child {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.top_history_close span:last-child {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (max-width: 1140px) {
  .input_calendar_while {
    width: 100%;
    text-align: left;
    padding-left: 77px;
  }
  .top_history_search_foot_item_content_select {
    width: 100%;
  }
}
@media only screen and (max-width: 1080px) {
  .top_history_search_foot_item_content .input_orderNumber {
    width: 100%;
  }
  .top_history_search_foot_item_content_calendar {
    width: 190px;
  }
  .input_calendar_while {
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  .top_history .pageheadingWrap {
    margin-bottom: 40px;
  }
  .top_history_nav_list {
    margin-bottom: 30px;
  }
  .top_history_nav_item {
    width: 23.70%;
  }
  .top_history_nav_anchor {
    font-size: 16px;
    padding: 15px 33px 15px 20px;
  }
  .top_history_nav_anchor::after {
    width: 16px;
    height: 10px;
  }
  .top_history_search_head {
    display: block;
    height: auto;
    padding: 20px 0 20px;
  }
  .top_history_search_head_heading {
    border-right: none;
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .top_history_search_head_heading h3 {
    font-size: 18px;
  }
  .top_history_search_head_content {
    width:100%;
    padding: 0 20px;
  }
  .top_history_search_head_type_heading {
    font-size: 14px;
    margin-right: 15px;
  }
  .top_history_search_head_type_select {
    width: 300px;
  }
  .top_history_search_head_type_select::after {
    width: 15px;
    height: 6px;
  }
  .top_history_search_head_type_select select {
    font-size: 14px;
    padding: 10px 30px 10px 15px;
  }
  .top_history_search_head_btn_detail {
    font-size: 14px;
    padding-left: 25px;
    margin-right: 20px;
  }
  .top_history_search_head_btn_detail::before {
    width: 15px;
    height: 15px;
  }
  .top_history_search_head_btn_search {
    width: 80px;
    height: 35px;
  }
  .top_history_search_head_btn_search img {
    width: 16px;
  }
  .top_history_search_head_btn_clear {
    width: 70px;
    height: 35px;
    font-size: 14px;
  }
  .top_history_search_foot_block {
    width: 48.64%;
  }
  .top_history_search_foot_block_heading {
    font-size: 14px;
    padding: 7px 15px;
  }
  .top_history_search_foot_list {
    padding: 20px 10px 0;
  }
  .top_history_search_foot_item + .top_history_search_foot_item {
    margin-top: 15px;
  }
  .error .top_history_search_foot_item_name::after {
    left: 46px;
    top: 8px;
    width: 40px;
    height: 18px;
  }
  .top_history_search_foot_item_name {
    width: 90px;
    font-size: 14px;
  }
  .top_history_search_foot_item_content input {
    height: 35px;
    font-size: 13px;
    padding: 5px 10px;
  }
  .top_history_search_foot_item_content .input_orderNumber {
    width: 100%;
  }
  .top_history_search_foot_item_content_calendar {
    width: 100%;
  }
  .top_history_search_foot_item_content .input_calendar {
    padding: 9px 0 9px 40px;
    width: 100%;
    font-size: 13px;
  }
  .input_calendar_while {
    width: 100%;
  }
  .top_history_search_foot_item_content_select {
    width: 100%;
  }
  .top_history_search_foot_item_content_select::after {
    width: 12px;
    height: 8px;
  }
  .top_history_search_foot_item_content_select select {
    font-size: 13px;
    padding: 11px 25px 11px 15px;
    width: 100%;
  }
  .top_history_section_headWrap {
    height: 55px;
  }
  .top_history_section_heading {
    font-size: 18px;
  }
  .top_history_section_head_refineBy_heading {
    font-size: 12px;
    padding: 4px 15px 4px 0;
  }
  .top_history_section_head_refineBy_item {
    margin-left: 15px;
  }
  .input_radio_parts {
    padding-left: 25px;
    font-size: 14px;
  }
  .input_radio_parts::before {
    width: 15px;
    height: 15px;
  }
  .input_radio:checked + .input_radio_parts::after {
    left: 4px;
    width: 9px;
    height: 9px;
  }
  .top_history_section_maincontents {
    width: 63%;
  }
  .top_history_section_subcontents {
    width: 33%;
  }
  .top_history_section_orderNumberWrap {
    margin-bottom: 15px;
  }
  .top_history_section_orderNumber {
    font-size: 12px;
    margin-right: 15px;
  }
  .top_history_section_orderNumber_no {
    font-size: 20px;
  }
  .top_history_section_ordered {
    font-size: 12px;
    border-radius: 4px;
    padding: 2px 9px;
    font-weight: bold;
  }
  .top_history_section_siteNameWrap {
    display: table;
    width: 100%;
    border-radius: 3px;
    background: #eeeeee;
    margin-bottom: 5px;
  }
  .top_history_section_siteName_head {
    width: 70px;
  }
  .top_history_section_siteName {
    font-size: 18px;
  }
  .top_history_section_contents_item {
    margin-top: 15px;
    /* display: table; */
    margin-right: 15px;
  }
  .top_history_section_contents_item_heading {
    /* display: table-cell; */
    font-size: 12px;
  }
  .top_history_section_contents_item_contents {
    font-size: 14px;
  }
  .top_history_section_contents_item_contents span {
    font-size: 14px;
  }
  .top_history_section_btn_confirmation {
    font-size: 14px;
    padding: 15px 20px 15px 15px;;
  }
  .top_history_section_btn_confirmation::after {
    width: 9px;
    height: 14px;
  }
  .top_history_section_btn_item {
    font-size: 13px;
    padding-right: 32px;
  }
  .top_history_section_btn_item + .top_history_section_btn_item {
    margin-top: 15px;
  }
  .top_history_section_btn_item::after {
    width: 9px;
    height: 14px;
  }
  .top_history_btn_pagetop {
    text-align: right;
  }
  .top_history_btn_pagetop_anchor {
    padding-right: 35px;
    font-size: 14px;
  }
  .top_history_btn_pagetop_anchor::after {
    width: 14px;
    height: 9px;
  }
  .top_history_close {
    font-size: 14px;
    padding-right: 40px;
  }
  .top_history_close_icon span {
    background: #1ea0d9;
    height: 3px;
    width: 20px;
    top: 5px;
  }
}
@media only screen and (max-width: 750px) {
  .top_history {
    padding-top: 30px;
    margin-bottom: 20px;
  }
  .top_history .pageheadingWrap {
    margin-bottom: 10%;
    margin-top:5%;
  }
  .top_history_nav_list {
    display: block;
    margin-bottom: 30px;
  }
  .top_history_nav_item {
    width: 100%;
  }
  .top_history_nav_item + .top_history_nav_item {
    margin-top: 3%;
  }
  .top_history_nav_anchor {
    font-size: 14px;
    padding: 16px 25px 16px 20px;
  }
  .top_history_nav_anchor::after {
    width: 13px;
    height: 9px;
  }
  .top_history_searchWrap {
    border: 2px solid #bfc2c3;
    border-radius: 6px;
  }
  .top_history_search_head_heading h3 {
    text-align: center;
    width: 100%;
    font-size: 20px;
  }
  .top_history_search_head_content {
    display: block;
    padding: 0 5%;
  }
  .top_history_search_head_type {
    display: block;
    margin-bottom: 20px;
  }
  .top_history_search_head_type_heading {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .top_history_search_head_type_select {
    width: 100%;
  }
  .top_history_search_head_type_select select {
    padding: 13px 30px 13px 15px;
  }
  .top_history_search_head_ohter {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    padding-left: 90px;
  }
  .top_history_search_head_btn_detail {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }
  .top_history_search_foot_inner {
    padding: 0;
    display: block;
  }
  .top_history_search_foot_block {
    width: 100%;
  }
  .top_history_search_foot_block_heading {
    font-size: 14px;
    padding: 9px 15px;
  }
  .top_history_search_foot_list {
    padding: 5% 3%;
  }
  .top_history_search_foot_item {
    display:  block;
  }
  .top_history_search_foot_item + .top_history_search_foot_item {
    margin-top: 10px;
  }
  .error .top_history_search_foot_item_name {
    padding: 1px 0 0 46px;
  }
  .error .top_history_search_foot_item_name::after {
    display: block;
    right: unset;
    top: 0;
    left: 0;
    width: 36px;
    height: 17px;
  }
  .error .top_history_search_foot_item_name_error::before {
    font-size: 14px;
    content: "最終更新日";
  }
  .top_history_search_foot_item_name,
  .top_history_search_foot_item_content {
    display: block;
  }
  .top_history_search_foot_item_name {
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .top_history_search_foot_item_content input {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
  }
  .top_history_search_foot_item_content .input_calendar {
    padding: 9px 0 9px 40px;
    width: 100%;
    font-size: 13px;
  }
  .top_history_section {
    margin-top: 12%;
  }
  .top_history_section_headWrap {
    height: auto;
    padding: 5%;
    display: block;
  }
  .top_history_section_heading {
    font-size: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
  }
  .top_history_section_head_refineBy_inner {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
}
  .top_history_section_head_refineBy_heading {
    font-size: 12px;
    padding: 2px 5px 2px 0;
    margin-right: 10px;
  }
  .top_history_section_head_refineBy_list {
    -webkit-justify-content: start;
    -moz-justify-content: start;
    -ms-justify-content: start;
    -o-justify-content: start;
    justify-content: start;
  }
  .top_history_section_head_refineBy_item {
    margin-left: 10px;
  }
  .top_history_section_head_refineBy_item:first-child {
    margin-left: 0
  }
  .input_radio_parts {
    padding-left: 15px;
    font-size: 13px;
  }
  .input_radio_parts::before {
    width: 10px;
    height: 10px;
  }
  .input_radio:checked + .input_radio_parts::after {
    left: 2px;
    width: 8px;
    height: 8px;
  }
  .top_history_section_item {
    padding: 8% 5%;
    margin-top: 8%;
    display: block;
  }
  .top_history_section_maincontents {
    width: 100%;
  }
  .top_history_section_subcontents {
    width: 100%;
  }
  .top_history_section_orderNumberWrap {
    margin-bottom: 5%;
  }
  .top_history_section_orderNumber {
    font-size: 10px;
    margin-right: 10px;
  }
  .top_history_section_orderNumber_no {
    font-size: 17px;
  }
  .top_history_section_ordered {
    font-size: 12px;
    padding: 2px 8px;
  }
  .top_history_section_siteNameWrap {
    margin-bottom: 5%;
  }
  .top_history_section_siteName_head {
    font-size: 11px;
    width: 60px;
  }
  .top_history_section_siteName {
    font-size: 16px;
    padding: 10px 15px;
  }
  .top_history_section_contents {
    margin-bottom: 8%;
  }
  .top_history_section_contents_block {
    display: block;
  }
  .top_history_section_contents_item {
    margin-top: 7px;
    margin-right: 0;
  }
  .top_history_section_contents_item_heading {
    font-size: 10px;
    width: 90px;
    text-align: right;
    line-height: 1.2;
  }
  .top_history_section_contents_item_contents {
    font-size: 14px;
    padding-left: 5px;
  }
  .top_history_section_contents_item_contents span {
    font-size: 15px;
  }
  .top_history_section_contents_item_say .top_history_section_contents_item_contents {
    font-weight: bold;
  }
  .top_history_section_btn_confirmation {
    padding: 16px 25px 16px 20px;
  }
  .top_history_section_btn_confirmation::after {
    width: 9px;
    height: 13px;
  }
  .top_history_section_btn_item {
    font-size: 13px;
    padding-right: 30px;
  }
  .top_history_section_btn_item + .top_history_section_btn_item {
    margin-top: 3%;
  }
  .top_history_section_btn_item::after {
    width: 9px;
    height: 13px;
  }
  .top_history_close {
    right: 0;
    top: 10px;
  }
  .top_history_close:hover {
    cursor: pointer;
    opacity: .8;
  }
  .top_history_close_icon {
    position: absolute;
    right: 10px;
    top: 0;
  }
  .top_history_close_icon span {
    background: #1ea0d9;
    height: 3px;
    width: 20px;
    display: block;
    position: absolute;
    border-radius: 3px;
    right: 0;
    top: 5px;
  }
  .top_history_btn_pagetop {
    margin-top: 20px;
  }
}
/* ------------------------------
- pager
------------------------------ */
.pager {
  margin: 40px auto 0;
  text-align: center;
}
.pager a {
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  margin: 0 5px;
  font-size: 16px;
  position: relative;
  color: #199ed8;
  border-radius: 5px;
  font-weight: bold;
  background: #fff;
  cursor : pointer;
}
.pager a span {
  position: absolute;
  display: block;
  content: '';
  right: 0;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 100%;
  text-align: center;
}
.pager a:hover{
  opacity: 1;
  background: #445f9b;
  color: #fff;
}
.pager .current {
  opacity: 1;
  background: #445f9b;
  color: #fff;
  cursor : default;
  pointer-events: none;
}
.pager .pager_prev {
  background: url(../../../images/common/icon_arrow_left.png) no-repeat  #fff;
  background-size: 10px;
  background-position: 44%;
  margin-right: 30px;
}
.pager .pager_prev:hover {
  background: url(../../../images/common/icon_arrow_left_w.png) no-repeat #445f9b;
  background-size: 10px;
  background-position: 44%;
}
.pager .pager_next {
  background: url(../../../images/common/icon_arrow_right.png) no-repeat  #fff;
  background-size: 10px;
  background-position: 54%;
  margin-left: 30px;
}
.pager .pager_next:hover {
  background: url(../../../images/common/icon_arrow_right_w.png) no-repeat #445f9b;
  background-size: 10px;
  background-position: 54%;
}
@media only screen and (max-width: 1000px) {
  .pager {
    margin: 40px auto 0;
    text-align: center;
  }
  .pager a {
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 2px;
  }
  .pager .pager_prev,
  .pager .pager_prev:hover {
    background-size: 7px;
    background-position: 45%;
    margin-right: 20px;
  }
  .pager .pager_next,
  .pager .pager_next:hover {
    background-size: 7px;
    background-position: 55%;
    margin-left: 20px;
  }
}
@media only screen and (max-width: 750px) {
  .pager {
    margin: 8% auto 0;
  }
  .pager a {
    width: 30px;
    height: 30px;
    font-size: 12px;
    margin: 0 2px;
  }
  .pager .pager_prev,
  .pager .pager_prev:hover {
    background-size: 7px;
    background-position: 45%;
    margin-right: 10px;
  }
  .pager .pager_next,
  .pager .pager_next:hover {
    background-size: 7px;
    background-position: 55%;
    margin-left: 10px;
  }
}
/* ------------------------------
- top_notice
------------------------------ */
.top_notice {
  margin-top: 50px;
  margin-bottom: 40px;
}
.top_notice_item {
  border-bottom: 1px solid #bfc2c3;
}
.top_notice_list {
  margin-bottom: 20px;
}
.top_notice_item_anchor {
  display: table;
  padding: 18px 10px;
  color: #282828;
  position: relative;
}
.top_notice_item_file {
  width: 100%;
  display: table;
  padding: 0px 10px 18px;
  color: #282828;
  position: relative;
}
.top_notice_item_anchor:hover .top_notice_item_content a {
  text-decoration: underline;
}
.top_notice_item_new,
.top_notice_item_important,
.top_notice_item_day,
.top_notice_item_content,
.top_notice_item_pdf {
  display: table-cell;
  vertical-align: top;
}
.top_notice_item_new span,
.top_notice_item_important span {
  font-size: 12px;
  color: #fff;
  width: 45px;
  border-radius: 10px;
  padding: 4px 0;
  display: block;
  text-align: center;
}
.top_notice_item_new {
  width: 55px;
}
.top_notice_item_important {
  width:  66px;
}
.top_notice_item_new span{
  background: #ff0000;
}
.top_notice_item_important span {
  background: #ffb400;
}
.top_notice_item_day {
  font-size: 16px;
  width: 180px;
  line-height: 1.3;
}
.top_notice_item_content,
.top_notice_item_pdf {
  vertical-align: middle;
  line-height: 1.4;
  font-size: 16px;
}
.top_notice_btn_more {
  text-align: right;
}
.top_notice_btn_more_anchor {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  font-size: 16px;
}
.top_notice_btn_more_anchor::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 16px;
  right: 10px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.top_notice_modal {
  display: none;
}
.top_notice_modal_inner {
  display: block;
  width: 80vw;
  height: 80vh;
  padding: 50px;
}
.top_notice_modal_l-section {
}
#cboxClose {
  position: absolute;
  top: 15px;
  right: 10px;
  background: url(../../../images/common/icon_close.png) no-repeat;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}
@media only screen and (max-width: 1000px) {
  .top_notice_item_new span,
  .top_notice_item_important span {
    font-size: 11px;
    width: 42px;
  }
  .top_notice_item_new {
    width: 50px;
  }
  .top_notice_item_important {
    width: 60px;
  }
  .top_notice_item_day {
    font-size: 14px;
    width: 150px;
  }
  .top_notice_item_content,
  .top_notice_item_pdf {
    font-size: 14px;
  }
  .top_notice_btn_more_anchor {
    padding-right: 25px;
    font-size: 14px;
  }
  .top_notice_btn_more_anchor::after {
    width: 8px;
    height: 13px;
    right: 10px;
  }
}
@media only screen and (max-width: 750px) {
  .top_notice {
    margin-bottom: 12%;
    margin-top: 35px;
  }
  .top_notice_list {
    margin-bottom: 5%;
  }
  .top_notice_item_anchor {
    display: block;
    padding: 15px 10px;
  }
  .top_notice_item_file {
    display: block;
    padding: 0px 10px 15px;
  }
  .top_notice_item_new,
  .top_notice_item_important,
  .top_notice_item_day,
  .top_notice_item_content,
  .top_notice_item_pdf {
    display: block;
  }
  .top_notice_item_new span,
  .top_notice_item_important span {
    font-size: 10px;
    width:38px;
  }
  .top_notice_item_new,
  .top_notice_item_important {
    width: auto;
    position: absolute;
    top: 15px;
  }
  .top_notice_item_new {
    right: 10px;
  }
  .top_notice_item_important {
    right: 60px;
  }
  .top_notice_item_day {
    font-size: 12px;
    width: auto;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .top_notice_item_content,
  .top_notice_item_pdf {
    line-height: 1.5;
    font-size: 14px;
  }
  .top_notice_btn_more_anchor::after {
    width: 9px;
    height: 13px;
    right: 10px;
  }
  .top_notice_modal_inner {
    padding: 30px 20px;
    width: 90vw;
  }
  .top_notice_modal_inner .top_notice_item_new {
    right: 0;
  }
  .top_notice_modal_inner .top_notice_item_important {
    right: 45px;
  }
}
/* ------------------------------
- top_bottom
------------------------------ */
.top_bottom {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.top_bottom_kanrisya {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin-top: 40px;
}
.top_tool {
  width: 65.79%
}
.top_account {
  width: 31.58%
}
.top_tool_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 20px;
}
.top_tool_item {
  width: 48.01%;
}
.top_tool_item:nth-child(2n) {
  margin-left: 3.98%;
}
.top_tool_item:nth-child(n+3) {
  margin-top: 10px;
}
.top_tool_anchor {
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  padding: 17px 30px 17px 20px;
  position: relative;
}
.top_tool_anchor span {
  position: relative;
  display: inline-block;
}
.pdf span::after {
  position: absolute;
  background: url(../../../images/common/icon_pdf.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  right: -30px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.tenpPdf {
  width: 24px;
  height: 24px;
}
.top_tool_anchor::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 16px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.top_account_item {
  border-bottom: 1px solid #bfc2c3;
}
.top_account_anchor {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  padding: 17px 30px 17px 20px;
}
.top_account_anchor::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 16px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
@media only screen and (max-width: 1000px) {
  .top_tool_list {
    margin-top: 20px;
  }
  .top_tool_item {
    width: 48.01%;
  }
  .top_tool_item:nth-child(2n) {
    margin-left: 3.98%;
  }
  .top_tool_item:nth-child(n+3) {
    margin-top: 10px;
  }
  .top_tool_anchor {
    font-size: 13px;
    font-weight: bold;
    padding: 17px 30px 17px 15px;
  }
  .top_tool_anchor span {
    position: relative;
    display: inline-block;
  }
  .pdf span::after {
    width: 20px;
    height: 20px;
    right: -25px;
  }
  .top_tool_anchor::after {
    width: 8px;
    height: 13px;
  }
  .top_account_item {
    border-bottom: 1px solid #bfc2c3;
  }
  .top_account_anchor {
    font-size: 13px;
    padding: 17px 30px 17px 15px;
  }
  .top_account_anchor::after {
    width: 8px;
    height: 13px;
  }
}
@media only screen and (max-width: 750px) {
  .top_bottom {
    display: block;
  }
  .top_bottom_kanrisya {
    display: block;
  }
  .top_tool {
    width: 100%;
    margin-bottom: 12%;
  }
  .top_account {
    width: 100%
  }
  .top_tool_list {
    margin-top: 5%;
  }
  .top_tool_item {
    width: 100%;
  }
  .top_tool_item:nth-child(2n) {
    margin-left: 0;
  }
  .top_tool_item:nth-child(n+2) {
    margin-top: 3%;
  }
  .top_tool_anchor {
    font-size: 14px;
    border-radius: 6px;
    padding: 17px 25px 17px 20px;
  }
  .pdf span::after {
    width: 20px;
    height: 20px;
  }
  .top_tool_anchor::after {
    width: 9px;
    height: 13px;
  }
  .top_account_anchor {
    font-size: 13px;
  }
  .top_account_anchor::after {
    width: 9px;
    height: 13px;
  }
}
/* ------------------------------
- contact
------------------------------ */
.contact {
  padding: 50px 0 70px;
}
.contact .pageheadingWrap {
  margin-bottom: 50px;
}
@media only screen and (max-width: 750px) {
  .contact {
    padding: 70px 0 13%;
  }
  .contact .pageheadingWrap {
    margin-bottom: 10%;
    margin-top: 10%;
  }
}
/* ------------------------------
- contact_beforeInquiries
------------------------------ */
.contact_beforeInquiries {
  border: 2px solid #bfc2c3;
  padding: 40px 8.72%;
  position: relative;
  margin-bottom: 60px;
}
.contact_beforeInquiries a {
  display: inline-block;
  color: #36abdd;
}
.contact_beforeInquiries_heading {
  position: absolute;
  top: -11px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
  font-size: 22px;
  background: #f4f3f1;
  width: 228px;
  text-align: center;
}
.contact_beforeInquiries_lead {
  line-height: 1.5;
  font-size: 16px;
  margin-bottom: 40px;
}
.contact_beforeInquiries_content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 30px;
}
.contact_beforeInquiries_block {
  width: 48.83%;
}
.contact_beforeInquiries_block_heading {
  font-size: 16px;
  padding-bottom: 15px;
  border-bottom: 1px solid #bfc2c3;
  margin-bottom: 15px;
}
.contact_beforeInquiries_item {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  padding-left: 15px;
}
.contact_beforeInquiries_item::before {
  content: '';
  display: inline-block;
  background: #282828;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  top: 10px;
  left: 0;
}
.contact_beforeInquiries_item ul li {
  margin-top: 5px;
  line-height: 1.5;
}
.contact_beforeInquiries_caution {
  font-size: 16px;
}
@media only screen and (max-width: 1000px) {
  .contact_beforeInquiries_lead {
    text-align: left;
    font-size: 14px;
    margin-bottom: 30px;
  }
  .contact_beforeInquiries_content {
    margin-bottom: 30px;
  }
  .contact_beforeInquiries_block {
    width: 48.83%;
  }
  .contact_beforeInquiries_block_heading {
    font-size: 14px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .contact_beforeInquiries_item {
    margin-top: 10px;
    font-size: 14px;
    padding-left: 13px;
  }
  .contact_beforeInquiries_item::before {
    width: 5px;
    height: 5px;
    top: 7px;
  }
  .contact_beforeInquiries_caution {
    font-size: 14px;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 750px) {
  .contact_beforeInquiries {
    padding: 7% 5% 5%;
    margin-bottom: 10%;
  }
  .contact_beforeInquiries_heading {
    top: -8px;
    font-size: 16px;
    width: 170px;
  }
  .contact_beforeInquiries_lead {
    margin-bottom: 8%;
  }
  .contact_beforeInquiries_content {
    display: block;
    margin-bottom: 8%;
  }
  .contact_beforeInquiries_block {
    width: 100%;
  }
  .contact_beforeInquiries_block + .contact_beforeInquiries_block {
    margin-top: 8%;
  }
}
/* ------------------------------
- contact_contactInformation
------------------------------ */
.contact_contactInformation {
  position: relative;
  padding: 40px 8.72%;
  background: #fff;
  margin-bottom: 50px;
}
.contact_contactInformation_heading {
  font-size: 22px;
  text-align: center;
  margin-bottom: 30px;
}
.contact_contactInformation_office {
  display: table;
  width: 360px;
  margin: 0 auto 20px;
  border-radius: 3px;
}
.contact_contactInformation_officeCharge,
.contact_contactInformation_officeName {
  display: table-cell;
  vertical-align: middle;
}
.contact_contactInformation_officeCharge {
  font-size: 12px;
  background: #445f9b;
  color: #fff;
  border-radius: 3px 0 0 3px;
  width: 100px;
  text-align: center;
}
.contact_contactInformation_officeName {
  font-size: 28px;
  background: #eee;
  border-radius: 0 3px 3px 0;
  padding: 15px 20px;
}
.contact_contactInformation_address {
  text-align: center;
  line-height: 1.5;
  font-size: 16px;
  margin-bottom: 40px;
}
.contact_contactInformation_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.contact_contactInformation_item {
  width: 30%;
}
.contact_contactInformation_item_heading {
  text-align: center;
  font-size: 25px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #bfc2c3;
}
.contact_contactInformation_content {
  text-align: center;
}
.contact_contactInformation_content_no {
  font-size: 30px;
  font-weight: bold;
  color: #282828;
}
.contact_contactInformation_content_mail {
  font-size: 18px;
  color: #36abdd;
  font-weight: bold;
}
@media only screen and (max-width: 1146px) {
  .contact_contactInformation_content_no {
    font-size: 28px;
  }
}
@media only screen and (max-width: 1000px) {
  .contact_contactInformation {
    padding: 40px 8.72%;
    margin-bottom: 50px;
  }
  .contact_contactInformation_office {
    width: 320px;
  }
  .contact_contactInformation_officeName {
    font-size: 24px;
    padding: 15px 20px;
  }
  .contact_contactInformation_address {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .contact_contactInformation_item_heading {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 12px;
  }
  .contact_contactInformation_content_no {
    font-size: 20px;
  }
  .contact_contactInformation_content_mail {
    font-size: 13px;
  }
}
@media only screen and (max-width: 750px) {
  .contact_contactInformation {
    padding: 10% 5%;
    margin-bottom: 10%;
  }
  .contact_contactInformation_heading {
    font-size: 16px;
    margin-bottom: 8%;
  }
  .contact_contactInformation_office {
    width: 100%;
    margin: 0 auto 8%;
  }
  .contact_contactInformation_officeCharge {
    font-size: 10px;
    width: 80px;
  }
  .contact_contactInformation_officeName {
    font-size: 20px;
    padding: 15px 15px;
  }
  .contact_contactInformation_address {
    text-align: left;
    font-size: 14px;
    margin-bottom: 8%;
  }
  .contact_contactInformation_list {
    display: block;
  }
  .contact_contactInformation_item {
    width: 90%;
    margin: 0 auto;
  }
  .contact_contactInformation_item + .contact_contactInformation_item {
    margin-top: 10%;
  }
  .contact_contactInformation_item_heading {
    padding-bottom: 3%;
    margin-bottom: 4%;
  }
  .contact_contactInformation_content_no {
    font-size: 25px;
  }
  .contact_contactInformation_content_mail {
    font-size: 16px;
  }
}
/* ------------------------------
- contact_bottom
------------------------------ */
.contact_bottom_caution {
  text-align: center;
  font-size: 16px;
  margin-bottom: 30px;
}
.contact_bottom_btn {
  width: 362px;
  margin: 0 auto;
  background: #fff;
  font-size: 22px;
  font-weight: bold;
  border-radius: 6px;
  padding: 19px 40px 19px 30px;
  position: relative;
}
.contact_bottom_btn::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 12px;
  height: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
@media only screen and (max-width: 1000px) {
  .contact_bottom_caution {
    font-size: 14px;
    margin-bottom: 20px;
  }
  .contact_bottom_btn {
    width: 310px;
    padding: 15px 30px 15px 25px;
    font-size: 18px;
  }
  .contact_bottom_btn::after {
    width: 10px;
    height: 16px;
  }
}
@media only screen and (max-width: 750px) {
  .contact_bottom_caution {
    font-size: 14px;
    margin-bottom: 7%;
    line-height: 1.5;
  }
  .contact_bottom_btn {
    width: 100%;
    font-size: 16px;
    padding: 15px 35px 15px 20px;
  }
  .contact_bottom_btn::after {
    width: 9px;
    height: 13px;
    right: 15px;
  }
}
/* ------------------------------
- confirmation
------------------------------ */
.confirmation {
    padding: 50px 0 70px;
}
.confirmation .pageheadingWrap {
    padding-bottom: 60px;
}
@media only screen and (max-width: 750px) {
  .confirmation {
    padding: 50px 0 13%;
  }
  .confirmation .pageheadingWrap {
    padding-bottom: 15%;
    margin-top: 10%;
  }
}
/* ------------------------------
- confirmation_stepWrap
------------------------------ */
.confirmation_step_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  padding-bottom: 90px;
}
.confirmation_step_item {
  position: relative;
  width: 180px;
  height: 6px;
  background: #bfc2c3;
}
.confirmation_step_item:last-child {
  width: 1px;
}
.confirmation_step_item.checked {
  background: #ffae00;
}

.confirmation_step_item_mitusmori {
  position: relative;
  width: 230px;
  height: 6px;
  background: #bfc2c3;
}
.confirmation_step_item_mitusmori:last-child {
  width: 1px;
}
.confirmation_step_item_mitusmori.checked {
  background: #ffae00;
}


.confirmation_step_content {
  position: absolute;
  top: -17px;
  left: -20px;
  text-align: center;
}
.confirmation_step_checkbox {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background: #f4f3f1;
  border: 6px solid #bfc2c3;
}
.checked .confirmation_step_checkbox {
  background: url(../../../images/icon_check.png) no-repeat #ffae00 center center/20px;
  border: 6px solid #ffae00;
}
.current .confirmation_step_checkbox {
  background: #f4f3f1;
  border: 6px solid #ffae00;
}
.confirmation_step_text {
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
  width: 100px;
  font-size: 14px;
}
.input_confirmation_step_text {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
  width: 150px;
  font-size: 14px;
}
.input_confirmation_step_text_mitsumori {
  position: absolute;
  bottom: -40px;
  left: 50%;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,0);
  width: 180px;
  font-size: 14px;
}
@media only screen and (max-width: 1000px) {
  .confirmation_step_list {
    padding-bottom: 90px;
    width: 75%;
    margin: 0 auto;
  }
  .confirmation_step_item {
    position: relative;
    width: 180px;
    height: 6px;
    background: #bfc2c3;
  }
  .confirmation_step_item:last-child {
    width: 1px;
  }
  .confirmation_step_item.checked {
    background: #ffae00;
  }


  .confirmation_step_item_mitusmori {
    position: relative;
    width: 230px;
    height: 6px;
    background: #bfc2c3;
  }
  .confirmation_step_item_mitusmori:last-child {
    width: 1px;
  }
  .confirmation_step_item_mitusmori.checked {
    background: #ffae00;
  }


  .confirmation_step_content {
    position: absolute;
    top: -17px;
    left: -20px;
    text-align: center;
  }
  .confirmation_step_text,
  .confirmation_step_text_mitsumori {
    font-size: 13px;
  }
}
@media only screen and (max-width: 750px) {
  .confirmation_step_list {
    padding-bottom: 20%;
    width: 80%;
  }
  .confirmation_step_item {
    width: 180px;
    height: 4px;
  }
  .confirmation_step_item:last-child {
    width: 1px;
  }
  .confirmation_step_item.checked {
    background: #ffae00;
  }
  .confirmation_step_content {
    top: -14px;
  }
  .confirmation_step_checkbox {
    width: 30px;
    height: 30px;
    border: 4px solid #bfc2c3;
  }
  .checked .confirmation_step_checkbox {
    background: url(../../../images/icon_check.png) no-repeat #ffae00 center center/15px;
    border: 4px solid #ffae00;
  }
  .current .confirmation_step_checkbox {
    border: 4px solid #ffae00;
  }
  .confirmation_step_text {
    bottom: -17px;
    width: 60px;
    font-size: 10px;
  }  
  .confirmation_step_text_mitsumori {
    bottom: -17px;
    width: 110px;
    font-size: 10px;
  }
}
.confirmation_stepWrap_chumon{
    margin-top:50px
}
/* ------------------------------
- confirmation_userInformation
------------------------------ */
.confirmation_userInformation {
  margin-bottom: 30px;
}
.confirmation_userInformation_card {
  display: table;
  border-top: 2px solid #bfc2c3;
  width: 100%;
  padding: 20px;
}
.confirmation_userInformation_card + .confirmation_userInformation_card {
  border-top: 1px solid #bfc2c3;
}
.confirmation_userInformation_card:last-child {
  padding: 20px 20px 0 20px;
}
.confirmation_userInformation_card_heading,
.confirmation_userInformation_companyName,
.confirmation_userInformation_siteName,
.confirmation_userInformation_orderNumbuer,
.confirmation_userInformation_lastUpdated,
.confirmation_userInformation_orderNumbuer_content,
.confirmation_userInformation_lastUpdated_content {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
}
.confirmation_userInformation_card_heading {
  width: 100px;
}
.confirmation_userInformation_card_heading span {
  text-align: center;
  width: 90px;
  display: block;
  background: #445f9b;
  padding: 6px 0px;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  border-radius: 2px;
}
.confirmation_userInformation_companyName {
  font-size: 30px;
  font-weight: bold;
}
.confirmation_userInformation_siteName {
  font-size: 22px;
  font-weight: bold;
}
@media only screen and (max-width: 1000px) {
  .confirmation_userInformation {
    margin-bottom: 30px;
  }
  .confirmation_userInformation_card {
    padding: 17px;
  }
  .confirmation_userInformation_card:last-child {
    padding: 15px 20px 0 20px;
  }
  .confirmation_userInformation_card_heading {
    width: 85px;
  }
  .confirmation_userInformation_card_heading span {
    width: 70px;
    padding: 5px 0px;
    font-size: 12px;
  }
  .confirmation_userInformation_companyName {
    font-size: 26px;
  }
  .confirmation_userInformation_siteName {
    font-size: 20px;
  }
}
@media only screen and (max-width: 750px) {
  .confirmation_userInformation {
    margin-bottom: 10%;
  }
  .confirmation_userInformation_card {
    display: block;
    padding: 5%;
  }
  .confirmation_userInformation_card:last-child {
    padding: 5% 5% 0 5%;
  }
  .confirmation_userInformation_card_bottom {
    display: table;
  }
  .confirmation_userInformation_card_heading,
  .confirmation_userInformation_companyName,
  .confirmation_userInformation_siteName {
    display: block;
  }
  .confirmation_userInformation_card_heading {
    width: 70px;
  }
  .confirmation_userInformation_card_heading span {
    margin-bottom: 5px;
  }
  .confirmation_userInformation_companyName {
    font-size: 20px;
    line-height: 1.2;
  }
  .confirmation_userInformation_siteName {
    font-size: 18px;
    line-height: 1.2;
  }
  .confirmation_userInformation_orderNumbuer_content,
  .confirmation_userInformation_lastUpdated_content {
    display: block;
  }
  .confirmation_userInformation_lastUpdated {
    margin-top: 5%;
  }
  .confirmation_userInformation_orderNumbuer_content,
  .confirmation_userInformation_lastUpdated_content {
    width: 100%;
  }
}
/* ------------------------------
- confirmation_section
------------------------------ */
.confirmation_section {
  background: #fff;
  padding: 20px;
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 750px) {
  .confirmation_section {
    padding: 5%;
  }
}

/* ------------------------------
- confirmation_insideCart
------------------------------ */
.confirmation_insideCart {
  margin-bottom: 30px;
}
.confirmation_insideCart_list {
  margin-bottom: 20px;
}
.confirmation_insideCart_item {
  display: table;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #bfc2c3;
}
.confirmation_insideCart_item_left,
.confirmation_insideCart_item_right,
.confirmation_insideCart_item_img,
.confirmation_insideCart_item_information,
.confirmation_insideCart_item_information_pin,
.confirmation_insideCart_item_quantity,
.confirmation_insideCart_item_weight,
.confirmation_insideCart_item_delete_chumon,
.confirmation_insideCart_item_delete {
  display: table-cell;
  vertical-align: middle;
}
.confirmation_insideCart_item_right {
  width: 430px;
}
.confirmation_insideCart_item_img {
  width: 138px;
}
.confirmation_insideCart_item_information {
  padding: 0 30px;
}
.confirmation_insideCart_item_information_pin{
    padding: 0 30px 0 0;
}
.confirmation_insideCart_item_name {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 13px;
}
.confirmation_insideCart_item_number {
  font-size: 16px;
  margin-bottom: 5px;
}
.confirmation_insideCart_item_type {
  font-size: 16px;
}
.confirmation_insideCart_item_spheading {
  display: none;
}
.confirmation_insideCart_item_quantity {
  width: 170px;
}
.confirmation_insideCart_item_quantity input {
  width: 100px;
  height: 40px;
  padding: 10px 20px;
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: bold;
}
.confirmation_insideCart_item_weight {
  font-size: 16px;
  width: 170px;
}
.confirmation_insideCart_item_weight_content {
  font-size: 22px;
  padding-right: 5px;
}
.confirmation_insideCart_item_delete {
  border-left: 1px solid #bfc2c3;
  padding: 27px 0;
  width: 83px;
  text-align: right;
}
.confirmation_insideCart_item_delete button {
  color: #67808e;
  font-size: 16px;
  border: none;
  position: relative;
  font-weight: bold;
  padding: 0 0 0 20px;
  background: #fff;
}
.confirmation_insideCart_item_delete button:hover {
  opacity: .8;
  cursor: pointer;
}
.confirmation_insideCart_item_delete button::before {
  background: url(../../../images/icon_delete.png) no-repeat center/contain;
  position: absolute;
  display: block;
  content: '';
  width: 14px;
  height: 18px;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.confirmation_insideCart_item_head {
  background: #eeeeee;
  padding: 8px 20px;
}
.confirmation_insideCart_item_head .confirmation_insideCart_item_quantity,
.confirmation_insideCart_item_head .confirmation_insideCart_item_weight {
  font-size: 14px;
  font-weight: normal;
}
.confirmation_insideCart_item_head .confirmation_insideCart_item_delete {
  border: none;
  padding: 0;
}
.confirmation_insideCart_item_total {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 20px;
  padding: 0 20px;
}
.confirmation_insideCart_item_total_left {
  font-size: 16px;
  text-align: right;
}
.confirmation_insideCart_item_total_right {
  font-size: 16px;
  width: 260px;
}
.confirmation_insideCart_item_total_right span {
  font-size: 30px;
  font-weight: bold;
}
.confirmation_insideCart_remarks,
.confirmation_insideCart_pipe {
  padding: 0 10px
}
.confirmation_insideCart_remarks {
  margin-bottom: 30px;
}
.confirmation_insideCart_remarks_text,
.confirmation_insideCart_pipe_text {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}
.add_bikoColor{
    display:none
}
.confirmation_insideCart_textarea,
.confirmation_insideCart_pipe_input {
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  font-size: 16px;
  line-height: 1.5;
}
.confirmation_insideCart_textarea {
  width: 100%;
  padding: 20px;
  height: 100px;
}
.confirmation_insideCart_pipe_input {
  width: 100px;
  height: 40px;
  padding: 10px 20px;
  margin-right: 10px;
}
@media only screen and (max-width: 1000px) {
  .confirmation_insideCart_list {
    margin-bottom: 30px;
  }
  .confirmation_insideCart_item_right {
    width: 280px;
  }
  .confirmation_insideCart_item_img {
    width: 120px;
  }
  .confirmation_insideCart_item_information,
  .confirmation_insideCart_item_information_pin {
    padding: 0 20px;
  }
  .confirmation_insideCart_item_name {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
  }
  .confirmation_insideCart_item_number {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .confirmation_insideCart_item_type {
    font-size: 14px;
  }
  .confirmation_insideCart_item_quantity {
  width: 110px;
  }
  .confirmation_insideCart_item_quantity input {
    width: 90px;
    padding: 10px;
    font-size: 14px;
  }
  .confirmation_insideCart_item_weight {
    font-size: 14px;
    width: 110px;
  }
  .confirmation_insideCart_item_weight_content {
    font-size: 18px;
    padding-right: 5px;
  }
  .confirmation_insideCart_item_delete {
    width: 65px;
  }
  .confirmation_insideCart_item_delete button {
    font-size: 14px;
    padding: 0 0 0 17px;
  }
  .confirmation_insideCart_item_delete button::before {
    width: 13px;
    height: 16px;
  }
  .confirmation_insideCart_item_head {
    background: #eeeeee;
    padding: 8px 20px;
  }
  .confirmation_insideCart_item_head .confirmation_insideCart_item_quantity,
  .confirmation_insideCart_item_head .confirmation_insideCart_item_weight {
    font-size: 14px;
    font-weight: normal;
  }
  .confirmation_insideCart_item_head .confirmation_insideCart_item_delete {
    border: none;
    padding: 0;
  }
  .confirmation_insideCart_item_total {
    margin-top: 15px;
  }
  .confirmation_insideCart_item_total_left {
    font-size: 14px;
  }
  .confirmation_insideCart_item_total_right {
    font-size: 14px;
    width: 173px;
  }
  .confirmation_insideCart_item_total_right span {
    font-size: 26px;
  }
  .confirmation_insideCart_remarks,
  .confirmation_insideCart_pipe {
    padding: 0 10px;
    font-size: 14px;
  }
  .confirmation_insideCart_remarks {
    margin-bottom: 20px;
  }
  .confirmation_insideCart_remarks_text,
  .confirmation_insideCart_pipe_text {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .confirmation_insideCart_textarea,
  .confirmation_insideCart_pipe_input {
    font-size: 14px;
  }
  .confirmation_insideCart_textarea {
    padding: 15px;
  }
  .confirmation_insideCart_pipe_input {
    padding: 10px 10px;
  }
}
@media only screen and (max-width: 750px) {
  .confirmation_insideCart {
    margin-bottom: 10%;
  }
  .confirmation_insideCart_list {
    margin-bottom: 10%;
  }
  .confirmation_insideCart_item {
    padding: 7% 0;
  }
  .confirmation_insideCart_item:nth-child(2) {
    padding: 1% 0 7%;
  }
  .confirmation_insideCart_item_right,
  .confirmation_insideCart_item_quantity,
  .confirmation_insideCart_item_weight,
  .confirmation_insideCart_item_delete {
    display: block;
  }
  .confirmation_insideCart_item_left,
  .confirmation_insideCart_item_right {
    width: 100%;
  }
  .confirmation_insideCart_item_left {
    display: table;
    margin-bottom: 5%;
  }
  .confirmation_insideCart_item_right {
    position: relative;
  }
  .confirmation_insideCart_item_img {
    width: 30%;
    vertical-align: text-bottom;
  }
  .confirmation_insideCart_item_information {
    padding: 0 0 0 5%;
  }
  .confirmation_insideCart_item_name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 7px;
  }
  .confirmation_insideCart_item_number {
    line-height: 1.2;
  }
  .confirmation_insideCart_item_spheading {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-right: 10px;
  }
  .confirmation_insideCart_item_quantity {
    width: 100%;
    padding-right: 60px;
    margin-bottom: 4%;
  }
  .confirmation_insideCart_item_quantity input {
    width: 120px;
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
  }
  .confirmation_insideCart_item_weight {
    font-size: 14px;
    width: 100%;
    padding-right: 60px;
  }
  .confirmation_insideCart_item_weight_content {
    font-size: 15px;
    padding-right: 5px;
  }
  .confirmation_insideCart_item_delete {
    border-left: none;
    padding: 0;
    width: auto;
    text-align: left;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .confirmation_insideCart_item_delete button {
    font-size: 13px;
    background: #fff;
    float:right;
  }
  .confirmation_insideCart_item_head {
    display: none;
  }
  .confirmation_insideCart_item_head .confirmation_insideCart_item_quantity,
  .confirmation_insideCart_item_head .confirmation_insideCart_item_weight {
    font-size: 14px;
    font-weight: normal;
  }
  .confirmation_insideCart_item_head .confirmation_insideCart_item_delete {
    border: none;
    padding: 0;
  }
  .confirmation_insideCart_item_total {
    margin-top: 5%;
    padding: 0;
  }
  .confirmation_insideCart_item_total_left {
    font-size: 14px;
  }
  .confirmation_insideCart_item_total_right {
    font-size: 14px;
    width: auto;
  }
  .confirmation_insideCart_item_total_right span {
    font-size: 20px;
  }
  .confirmation_insideCart_remarks,
  .confirmation_insideCart_pipe {
    padding: 0;
  }
  .confirmation_insideCart_remarks {
    margin-bottom: 5%;
  }
  .confirmation_insideCart_remarks_text,
  .confirmation_insideCart_pipe_text {
    font-size: 14px;
    margin-bottom: 2%;
  }
  .confirmation_insideCart_textarea,
  .confirmation_insideCart_pipe_input {
    font-size: 14px;
  }
  .confirmation_insideCart_textarea {
    width: 100%;
    padding: 5%;
    height: 140px;
  }
  .confirmation_insideCart_pipe_input {
    width: 120px;
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
  }
  .confirmation_insideCart_item_weight,
  .confirmation_insideCart_item_delete {
    width: 100%;
  }
}
/* ------------------------------
- confirmation_lack
------------------------------ */
.confirmation_lack_head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  margin-bottom: 30px;
}
.confirmation_lack_head_heading {
  font-size: 20px;
  margin-right: 20px;
  color: #df5b5b;
}
.confirmation_lack_head_anchor {
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  padding: 17px 20px;
  position: relative;
  width: 260px;
  text-align: center;
}
.confirmation_lack_head_anchor::before {
  position: absolute;
  background: url(../../../images/icon_lack.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 18px;
  height: 20px;
  left: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
@media only screen and (max-width: 1000px) {
  .confirmation_lack_head_heading {
    font-size: 18px;
  }
  .confirmation_lack_head_anchor {
    font-size: 14px;
    padding: 15px 20px;
    width: 230px;
  }
  .confirmation_lack_head_anchor::before {
    width: 16px;
    height: 18px;
  }
}
@media only screen and (max-width: 750px) {
  .confirmation_lack_head {
    display: block;
    margin-bottom: 10%;
  }
  .confirmation_lack_head_heading {
    font-size: 16px;
    margin-right: 0;
    margin-bottom: 5%;
    text-align: center;
  }
  .confirmation_lack_head_anchor {
    width: 250px;
    margin: 0 auto;
  }
}
/* ------------------------------
- confirmation_btnarea
------------------------------ */
.confirmation_btnarea {
  background: #555;
  padding: 20px;
}
.confirmation_btnarea_lead {
  font-size: 16px;
  margin-bottom: 10px;
  line-height: 1.3;
}
.kakutei_msg{
  margin-top:20px
}
.confirmation_btnarea_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.confirmation_btnarea_item {
  width: 22.68%;
}
.confirmation_btnarea_item_next {
  width: 24.05%;
}
.confirmation_btnarea_item a {
  border-radius: 6px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding: 17px 20px;
  position: relative;
  font-weight: bold;
}
.confirmation_btnarea_item_prev a {
  background: #fff;
  color: #67808e;
}
.confirmation_btnarea_item_cancel a {
  background: #df5b5b;
}
.hidden_cartCancel{
  visibility:hidden
}
.confirmation_btnarea_item_temporarilySaved a {
  background: #996699;
}
.confirmation_btnarea_item_pdf a {
  background: #cc9900;
}
.confirmation_btnarea_item_next a {
  background: #199ed8;
  padding: 32px 20px;
  font-size: 20px;
}
.confirmation_btnarea_item a::before {
  position: absolute;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  left: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.confirmation_btnarea_item_prev a::before {
  background: url(../../../images/icon_prev.png) no-repeat center/contain;
}
.confirmation_btnarea_item_cancel a::before {
  background: url(../../../images/icon_cancel.png) no-repeat center/contain;
}
.confirmation_btnarea_item_temporarilySaved a::before {
  background: url(../../../images/icon_temporarily_saved.png) no-repeat center/contain;
}
.confirmation_btnarea_item_pdf a::before {
  background: url(../../../images/icon_pdf.png) no-repeat center/contain;
}
.confirmation_btnarea_item_next a::before {
  background: url(../../../images/icon_check.png) no-repeat center/contain;
  width: 28px;
  height: 20px;
}
.confirmation_btnarea_item_next a::after {
  background: url(../../../images/common/icon_arrow_right_w.png) no-repeat center/contain;
  position: absolute;
  display: block;
  content: '';
  width: 13px;
  height: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.sansho_pdf{
    margin-right:auto;
    margin-left:auto;
}
@media only screen and (max-width: 1100px) {
  .confirmation_btnarea_item a::before {
    width: 17px;
    height: 17px;
  }
  .confirmation_btnarea_item_next a::before {
    width: 25px;
    height: 18px;
    left: 18px;
  }
  .confirmation_btnarea_item_next a::after {
    width: 11px;
    height: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .confirmation_btnarea_lead {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 1.3;
  }
  .confirmation_btnarea_list {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -o-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .confirmation_btnarea_item {
    width: 32%;
    margin-right: 2%;
  }
  .sansho_pdf{
    margin-right:auto;
}
  .confirmation_btnarea_item:nth-child(3) {
    margin-right: 0;
  }
  .confirmation_btnarea_item_next {
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
  }
  .confirmation_btnarea_item a {
    font-size: 14px;
    padding: 16px 10px;
  }
  .confirmation_btnarea_item_next a {
    background: #199ed8;
    padding: 20px 20px;
    font-size: 18px;
  }
}
@media only screen and (max-width: 750px) {
  .confirmation_btnarea {
    padding: 5%;
  }
  .confirmation_btnarea_list {
    display: block;
  }
  .confirmation_btnarea_item {
    width: 100%;
    margin-bottom: 3%;
  }
  .confirmation_btnarea_item_next {
    width: 100%;
    margin-bottom: 0;
  }
  .confirmation_btnarea_item_next a {
    font-size: 16px;
  }
  .confirmation_btnarea_item_next a::before {
    width: 22px;
    height: 15px;
  }
}
/* ------------------------------
- confirmation_lack_content
------------------------------ */
.confirmation_lack_content {
  padding-top: 45px;
}
.confirmation_lack_content_haeding {
  font-size: 24px;
  margin-bottom: 35px;
  text-align: center;
}
.confirmation_lack_content_card {
  background: #fff;
  border-top: 5px solid #445f9b;
  padding: 30px 20px;
  margin-bottom: 30px;
}
.confirmation_lack_content_card_heading {
  font-size: 30px;
  margin-bottom: 15px;
}
.confirmation_lack_content_card_type {
  font-size: 16px;
  margin-bottom: 15px;
}
.confirmation_lack_content_card_inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.confirmation_lack_content_card_left {
  width: 29.84%;
}
.confirmation_lack_content_card_img {
  margin-bottom: 20px;
}
.confirmation_lack_content_card_text {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}
.confirmation_lack_content_card_pdf {
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border-radius: 6px;
  padding: 15px 30px 15px 50px;
  text-align: left;
  border: 2px solid #f2f2f2;
}
.confirmation_lack_content_card_pdf::before {
  position: absolute;
  background: url(../../../images/common/icon_pdf.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  left: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.confirmation_lack_content_card_pdf::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 16px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.confirmation_lack_content_card_right {
  width: 63.87%;
}
.confirmation_lack_content_card_table,
.confirmation_lack_content_pin_table {
  width: 100%;
  margin-bottom: 30px;
}
.confirmation_lack_content_card_table th {
  background: #eee;
  font-size: 14px;
  text-align: left;
  padding: 8px 20px;
  font-weight: normal;
  border-bottom: 1px solid #bfc2c3;
}
.confirmation_lack_content_pin_table th {
  background: #eee;
  font-size: 14px;
  text-align: left;
  padding: 8px 5px;
  font-weight: normal;
  border-bottom: 1px solid #bfc2c3;
}
.confirmation_lack_content_card_table td,
.confirmation_lack_content_pin_table td {
  font-size: 16px;
  border-bottom: 1px solid #bfc2c3;
  padding: 10px 20px;
  vertical-align: middle;
}
.confirmation_lack_content_card_table td input,
.confirmation_lack_content_pin_table td input {
  width: 100px;
  height: 40px;
  padding: 10px 20px;
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  font-size: 16px;
  line-height: 1.5;
}
.confirmation_lack_content_card_table_number,
.confirmation_lack_content_pin_table_number {
  width: 190px;
}
.confirmation_lack_content_card_table_type,
.confirmation_lack_content_pin_table_type {
  width: 140px;
}
.confirmation_lack_content_card_cart {
  text-align: right;
}
.confirmation_lack_content_card_cart button {
  background: #199ed8;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 20px;
  padding: 20px 50px 20px 40px;
  font-weight: bold;
  position: relative;
}
.confirmation_lack_content_card_cart button:hover {
  opacity: .8;
  cursor: pointer;
}
.confirmation_lack_content_card_cart button::after {
  position: absolute;
  background: url(../../../images/icon_plus.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width:  20px;
  height: 20px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.pinInstructions_button_photo {
  text-align: right;
  background: #199ed8;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  padding: 10px 10px 10px 10px;
  font-weight: bold;
  position: relative;
}
.pinInstructions_button_photo:hover {
  opacity: .8;
  cursor: pointer;
}
@media only screen and (max-width: 1000px) {
  .confirmation_lack_content_haeding {
    font-size: 22px;
  }
  .confirmation_lack_content_card_heading {
    font-size: 26px;
    margin-bottom: 10px;
    line-height: 1.2;
  }
  .confirmation_lack_content_card_type {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .confirmation_lack_content_card_img {
    margin-bottom: 15px;
  }
  .confirmation_lack_content_card_text {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .confirmation_lack_content_card_pdf {
    font-size: 14px;
    padding: 15px 30px 15px 40px;
  }
  .confirmation_lack_content_card_pdf::before {
    width: 20px;
    height: 20px;
  }
  .confirmation_lack_content_card_pdf::after {
    width: 9px;
    height: 14px;
  }
  .confirmation_lack_content_card_table,
  .confirmation_lack_content_pin_table {
    width: 100%;
    margin-bottom: 30px;
  }
  .confirmation_lack_content_card_table th,
  .confirmation_lack_content_pin_table th {
    font-size: 12px;
  }
  .confirmation_lack_content_card_table td,
  .confirmation_lack_content_pin_table td {
    font-size: 14px;
    padding: 10px 0 10px 20px;
  }
  .confirmation_lack_content_card_table td input,
  .confirmation_lack_content_pin_table td input {
    width: 90px;
    font-size: 14px;
  }
  .confirmation_lack_content_card_table_number,
  .confirmation_lack_content_pin_table_number {
    width: 120px;
  }
  .confirmation_lack_content_card_table_type,
  .confirmation_lack_content_pin_table_type {
    width: 130px;
  }
  .confirmation_lack_content_card_cart button {
    font-size: 16px;
    padding: 17px 50px 17px 40px;
  }
  .confirmation_lack_content_card_cart button::after {
    width: 16px;
    height: 16px;
  }
  .pinInstructions_button_photo {
    font-size: 13px;
    padding: 10px 10px 10px 10px;
  }
}
@media only screen and (max-width: 750px) {
  .confirmation_lack_content {
    padding-top: 10%;
  }
  .confirmation_lack_content_haeding {
    font-size: 16px;
    margin-bottom: 10%;
  }
  .confirmation_lack_content_card {
    padding: 5%;
    margin-bottom: 10%;
  }
  .confirmation_lack_content_card_heading {
    font-size: 18px;
    margin-bottom: 2%;
  }
  .confirmation_lack_content_card_type {
    margin-bottom: 5%;
  }
  .confirmation_lack_content_card_inner {
    display: block;
  }
  .confirmation_lack_content_card_left {
    width: 100%;
    margin-bottom: 8%;
  }
  .confirmation_lack_content_card_img {
    margin-bottom: 5%;
  }
  .confirmation_lack_content_card_text {
    margin-bottom: 5%;
  }
  .confirmation_lack_content_card_right {
    width: 100%;
  }
  .confirmation_lack_content_card_table,
  .confirmation_lack_content_pin_table {
    margin-bottom: 5%;
  }
  .confirmation_lack_content_card_table th {
    font-size: 12px;
    padding: 7px 5%;
  }
  .confirmation_lack_content_pin_table th {
    font-size: 10px;
    padding: 7px 5%;
  }
  .confirmation_lack_content_card_table td {
    font-size: 12px;
    padding: 7px 5px;
  }
  .confirmation_lack_content_pin_table td {
    font-size: 10px;
    padding: 7px 5px;
  }
  .confirmation_lack_content_card_table td input,
  .confirmation_lack_content_pin_table td input {
    width: 80px;
    padding: 10px;
    height: 35px;
  }
  .confirmation_lack_content_card_table_number,
  .confirmation_lack_content_pin_table_number {
    width: auto;
  }
  .confirmation_lack_content_card_table_type,
  .confirmation_lack_content_pin_table_type {
    width: 90px;
  }
  .confirmation_lack_content_card_cart {
    text-align: right;
  }
  .confirmation_lack_content_card_cart button {
    font-size: 14px;
    padding: 18px 30px 18px 30px;
    width: 100%;
  }
  .confirmation_lack_content_card_cart button::after {
    width: 15px;
    height: 15px;
  }
  .pinInstructions_button_photo {
    text-align: right;
    font-size: 12px;
    padding: 10px 10px 10px 8px;
  }
}
/* ------------------------------
- confirmation_lack_more
------------------------------ */
#confirmation_lack_content {
  list-style: none;
}
#confirmation_lack_content .confirmation_lack_content_card {
  display: none;
}
.readMoreBtn {
  display: none;
}
.confirmation_lack_more_anchor {
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border-radius: 6px;
  padding: 15px 30px 15px 50px;
  text-align: left;
  border: 2px solid #f2f2f2;
  text-align: center;
}
.confirmation_lack_more_anchor span {
  position: relative;
  padding-right: 30px;
}
.confirmation_lack_more_anchor span::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_bottom.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 20px;
  height: 12px;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.confirmation_lack_more {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1000px) {
  .confirmation_lack_more_anchor {
    font-size: 14px;
  }
  .confirmation_lack_more_anchor span::after {
    width: 18px;
    height: 11px;
  }
}
@media only screen and (max-width: 750px) {
  .confirmation_lack_more_anchor span {
    padding-right: 25px;
  }
  .confirmation_lack_more_anchor span::after {
    width: 20px;
    height: 12px;
  }
  .confirmation_lack_more {
    margin-bottom: 10%;
  }
}

/* ------------------------------
- confirmation_form
------------------------------ */
.confirmation_form,
.confirmation_final {
  padding: 20px;
  background: #fff;
}
.confirmation_form_block + .confirmation_form_block,
.confirmation_final_block + .confirmation_final_block {
  margin-top: 30px;
}
.confirmation_form_heading,
.confirmation_final_heading {
  font-size: 24px;
  color: #fff;
  background: #445f9b;
  border-radius: 2px;
  padding: 18px 20px;
}
.confirmation_form_item {
  display: table;
  width: 100%;
  border-bottom: 1px solid #bfc2c3;
  position: relative;
}
.confirmation_form_item_heading {
  display: table-cell;
  position: relative;
  width: 31.64%;
  font-size: 16px;
  padding: 32px 20px 20px 20px;
  font-weight: bold;
  vertical-align: top;
}
.confirmation_form_item_top_remark {
  font-weight: normal;
  line-height: 1.5;
  margin-top: 10px;
  padding-left: 20px;
}
.required .confirmation_form_item_heading,
.error .confirmation_form_item_heading {
    padding: 32px 80px 20px 20px;
}
.required .confirmation_form_item_heading::after,
.error .confirmation_form_item_heading::after {
  position: absolute;
  content: '';
  display: block;
  right: 20px;
  top: 28px;
  width: 53px;
  height: 24px;
}
.required .confirmation_form_item_heading::after {
  background: url(../../../images/icon_required.png) no-repeat;
  background-size: contain;
}
.error .confirmation_form_item_heading::after {
  background: url(../../../images/icon_error.png) no-repeat;
  background-size: contain;
}

.error_content {
  display: none;
}
.error .error_content {
  display: block;
  color: #df5b5b;
  font-size: 16px;
  margin-top: 15px;
}
.confirmation_form_item_content {
  display: table-cell;
  width: 68.36%;
  font-size: 16px;
  padding: 20px;
}
.confirmation_form_item_content .checkbox li{
	margin-bottom:10px;
}
.confirmation_form input,
.confirmation_form select,
.confirmation_form textarea {
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  background: #fff;
}
.confirmation_form textarea {
  padding: 17px 20px;
}
.confirmation_form .input_radio_parts {
  padding-left: 30px;
  color: #282828;
  font-size: 16px;
}
.confirmation_form .input_radio_parts::before {
  border: 1px solid #bfc2c3;
}
.confirmation_form .selectbox {
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  height: 44px;
}
.confirmation_form .selectbox::after {
  position: absolute;
  content: '';
  background: url(../../../images/common/icon_arrow_triangle.png) no-repeat;
  background-size: contain;
  display: block;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 16px;
  height: 8px;
  pointer-events: none;
}
.confirmation_form select {
  border: none;
  padding: 0 40px 0 20px;
  background: #fff;
  white-space: pre-line;
  width:100%;
}
.confirmation_form_item_desiredDay_inputwrap {
  display: inline-block;
  position: relative;
}
.confirmation_form_item_desiredDay_inputwrap::before {
  position: absolute;
  content: '';
  background: url(../../../images/common/icon_calendar.png) no-repeat;
  background-size: contain;
  display: block;
  left: 15px;
  top: 48%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 18px;
  height: 20px;
}
.confirmation_form_item_desiredDay_week {
  display: inline-block;
}
.confirmation_form_item_desiredTime_selectWrap.selectbox {
  margin-bottom: 10px;
  height: 48px;
}
.confirmation_form_item_desiredTime_selectWrap.selectbox select {
  white-space: nowrap;
  width:100%;
  height: 45px;
  font-size: 18px;
  padding: 0 50px 0 20px;
}
.confirmation_form_item_desiredDay input {
  padding: 10px 0 10px 40px;
  width: 100%;
  font-size: 18px;
  height: 48px;
}
.confirmation_form_item_desiredTime_ohter span {
  margin-right: 15px;
}
.confirmation_form_item_desiredTime_ohter input {
  width: 98px;
}
.confirmation_form_item_orderer input,
.confirmation_form_item_chargeName input,
.confirmation_form_item_desiredTime_selectWrap.selectbox {
  width: 360px;
}
.confirmation_form_item_uketoriHoho_mail input {
  width: 450px;
}
.confirmation_form_item_returnInstructions input,
.confirmation_form_item_vehicleInformation input,
.confirmation_form_item_carryInInstructions input,
.confirmation_form_item_palletInstructions input
 {
  width: 550px;
  margin-bottom: 10px;
}
.confirmation_form_item_ordererTell input,
.confirmation_form_item_chargeTell input  {
  width: 220px;
}
.confirmation_form_item_method ul li+li {
  margin-top: 25px;
}
.confirmation_form_item_method .confirmation_form_item_content {
    padding: 30px 20px;
}
.confirmation_form_item_selectFromSite {
  padding: 20px;
}
.confirmation_form_item_selectFromSite_text,
.confirmation_form_item_deliveryAddress_text {
  font-size: 16px;
  margin-bottom: 15px;
}
.confirmation_form_item_sentakuPatternSonotaNaiyo_text {
  font-size: 16px;
  margin-bottom: 15px;
  margin-left: 20px;
}

.confirmation_form_item_selectFromSite_note {
  font-size: 14px;
  margin-top: 10px;
}
.confirmation_form_item_selectFromSite_rentalKikanNote {
  font-size: 14px;
  margin-top: 10px;
  margin-left: 20px;
}

.confirmation_form_item_companyName_selectWrap,
.confirmation_form_item_requestDestination_selectWrap,
.confirmation_form_item_loadingCenter_selectWrap,
.confirmation_form_item_daisha_selectWrap {
  width: 540px;
}
.confirmation_form_item_substituteCar_selectWrap,
.confirmation_form_item_flatbed_selectWrap,
.confirmation_form_item_billTo_selectWrap,
.confirmation_form_item_quote_selectWrap,
.confirmation_form_item_carReservation_selectWrap,
.confirmation_form_item_quote_faret_selectWrap {
  width: 180px;
}
.confirmation_form_item_companyName_selectWrap select,
.confirmation_form_item_requestDestination_selectWrap select,
.confirmation_form_item_carReservation_selectWrap select,
.confirmation_form_item_substituteCar_selectWrap select,
.confirmation_form_item_flatbed_selectWrap select,
.confirmation_form_item_billTo_selectWrap select,
.confirmation_form_item_loadingCenter_selectWrap select,
.confirmation_form_item_quote_selectWrap select,
.confirmation_form_item_quote_faret_selectWrap select,
confirmation_form_item_daisha_selectWrap select {
  width: 100%;
}
.confirmation_form_item_siteName .confirmation_form_item_siteName_textarea {
  width: 400px;
  padding: 17px 20px;
  height: 70px;
  margin-bottom: 10px;
}
.confirmation_form_item_remarks .confirmation_form_item_remarks_textarea {
  padding: 17px 20px;
  margin-bottom: 10px;
}
.confirmation_form_item_deliveryAddress .confirmation_form_item_content {
    padding: 30px 20px 20px;
}
.confirmation_form_item_deliveryAddress_item {
  margin-bottom: 20px;
}
.confirmation_form_item_deliveryAddress_item+.confirmation_form_item_deliveryAddress_item {
  margin-top: 30px;
}
.confirmation_form_item_deliveryAddress_radio {
  margin-bottom: 20px;
}
.confirmation_form_item_rentalKikan_radio,
.confirmation_form_item_untin_radio,
.confirmation_form_item_uketoriHoho_radio {
  padding: 30px 20px 20px;
}
.confirmation_form_item_deliveryAddress_box,
.confirmation_form_item_billTo_box {
  padding: 20px;
  background: #eee;
  border-radius: 2px;
}

.confirmation_form_item_rentalKikan_box,
.confirmation_form_item_uketoriHoho_box,
.confirmation_form_item_kibouSyasyu_box {
  padding: 20px;
  background: #eee;
  border-radius: 2px;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
.confirmation_form_item_sentakuPattern_box {
  padding: 20px;
  background: #eee;
  border-radius: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.confirmation_form_item_deliveryAddress_box_item,
.confirmation_form_item_billTo_box_item,
.confirmation_form_item_rentalKikan_box_item,
.confirmation_form_item_uketoriHoho_box_item,
.confirmation_form_item_kibouSyasyu_box_item,
.confirmation_form_item_sentakuPattern_box_item {
  display: table;
  width: 100%;
}
.confirmation_form_item_deliveryAddress_heading,
.confirmation_form_item_billTo_heading,
.confirmation_form_item_quote_heading,
.confirmation_form_item_rentalKikan_heading,
.confirmation_form_item_kibouSyasyu_heading,
.confirmation_form_item_uketoriHoho_heading,
.confirmation_form_item_sentakuPattern_heading {
  display: table-cell;
  width: 26.33%;
  vertical-align: top;
  padding: 12px 0;
  position: relative;
  font-size: 16px;
}
.required.confirmation_form_item_deliveryAddress_heading::after,
.required.confirmation_form_item_billTo_heading::after,
.required.confirmation_form_item_rentalKikan_heading::after,
.required.confirmation_form_item_kibouSyasyu_heading::after,
.required.confirmation_form_item_uketoriHoho_heading::after,
.required.confirmation_form_item_sentakuPattern_heading::after {
  position: absolute;
  content: '';
  display: block;
  right: 20px;
  top: 8px;
  width: 53px;
  height: 24px;
  background: url(../../../images/icon_required.png) no-repeat;
  background-size: contain;
}

.has-error .deliveryAddress_yubin_header::after,
.has-error .deliveryAddress_jusho_header::after,
.has-error .uketoriHoho_fax_header::after,
.has-error .uketoriHoho_mail_header::after,
.has-error .rentalKikan_nissu_header::after,
.has-error .rentalKikan_kikanKaishiDate_header::after,
.has-error .rentalKikan_kikanShuryoDate_header::after,
.error.confirmation_form_item_billTo_heading::after,
.error.confirmation_form_item_quote_heading::after,
.error .confirmation_form_item_billTo_address_header::after {
  position: absolute;
  content: '';
  display: block;
  right: 20px;
  top: 8px;
  width: 53px;
  height: 24px;
  background: url(../../../images/icon_error.png) no-repeat;
  background-size: contain;
}

.confirmation_form_item_deliveryAddress_content,
.confirmation_form_item_billTo_content,
.confirmation_form_item_rentalKikan_content,
.confirmation_form_item_sentakuPattern_content {
  display: table-cell;
}
.confirmation_form_item_deliveryAddress_postalCode,
.confirmation_form_item_billTo_postalCode,
.confirmation_form_item_quote_rentalPeriod,
.confirmation_form_item_uketoriHoho_mail,
.confirmation_form_item_rentalKikan_nissu {
  margin-bottom: 10px;
}
.confirmation_form_item_deliveryAddress_address textarea,
.confirmation_form_item_billTo_address textarea {
  width: 400px;
  height: 70px;
}
.confirmation_form_item_deliveryAddress_address textarea,
.confirmation_form_item_sentakuPattern_Naiyo textarea {
  margin-bottom: 10px;
}
.confirmation_form_item_siteName_del_btn {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background: #df5b5b;
  border-radius: 4px;
  text-align: center;
  display: inline-block;
  position: absolute;
  border: none;
  height: 40px;
  top: 15px;
  left: 500px;
}
.confirmation_form_item_completionDate_inputwrap {
  width: 210px;
  display: inline-block;
  position: relative;
}
.confirmation_form_item_completionDate_week {
  display: inline-block;
  font-size: 16px;
}
.confirmation_form_item_completionDate_inputwrap::before {
  position: absolute;
  content: '';
  background: url(../../../images/common/icon_calendar.png) no-repeat;
  background-size: contain;
  display: block;
  left: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 18px;
  height: 20px;
}
.confirmation_form_item_completionDate_inputwrap input {
  padding: 9px 0 9px 40px;
  width: 100%;
  font-size: 16px;
}




.confirmation_form_item_teisyutuNouki_inputwrap {
  width: 210px;
  display: inline-block;
  position: relative;
}
.confirmation_form_item_teisyutuNouki_week {
  display: inline-block;
  font-size: 16px;
}
.confirmation_form_item_teisyutuNouki_inputwrap::before {
  position: absolute;
  content: '';
  background: url(../../../images/common/icon_calendar.png) no-repeat;
  background-size: contain;
  display: block;
  left: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 18px;
  height: 20px;
}
.confirmation_form_item_teisyutuNouki_inputwrap input {
  padding: 9px 0 9px 40px;
  width: 100%;
  font-size: 16px;
}




.confirmation_form_item_rentalKikanFrom_inputwrap,
.confirmation_form_item_rentalKikanTo_inputwrap {
  width: 240px;
  display: inline-block;
  position: relative;
}
.confirmation_form_item_rentalKikanFrom_week,
.confirmation_form_item_rentalKikanTo_week {
  display: inline-block;
  font-size: 16px;
}
.confirmation_form_item_rentalKikanFrom_inputwrap::before,
.confirmation_form_item_rentalKikanTo_inputwrap::before {
  position: absolute;
  content: '';
  background: url(../../../images/common/icon_calendar.png) no-repeat;
  background-size: contain;
  display: block;
  left: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 18px;
  height: 20px;
}
.confirmation_form_item_rentalKikanFrom_inputwrap input,
.confirmation_form_item_rentalKikanTo_inputwrap input {
  padding: 9px 0 9px 40px;
  width: 98%;
  font-size: 16px;
}






.confirmation_form_item_remarks textarea,
.confirmation_form_item_sentakuPattern_Naiyo textarea {
  width: 100%;
  height: 120px;
}
.confirmation_form_item_attachedFile_text {
  font-size: 16px;
  margin-bottom: 15px;
}
.confirmation_form_item_attachedFile_list li+li {
  margin-top: 10px;
}
.attachedFile_out {
  float: left;
  margin-right: 10px;
  width:65%;
}
.confirmation_form_item_attachedFile_clear {
  float: left;
}
.confirmation_form_item_billTo_selectWrap {
  margin-bottom: 20px;
}
.confirmation_form_item_orderingPallets .confirmation_form_item_content {
  padding: 30px 20px 20px;
}
.confirmation_form_item_orderingPallets_text {
  font-size: 16px;
  line-height: 1.5;
}
.confirmation_form_item_biko_text {
  font-size: 16px;
  line-height: 1.5;
}

.confirmation_form_head_returnInstructions_sugiko_text,
.confirmation_form_item_palletInstructions_text,
.confirmation_form_head_returnInstructions_okyakusama_text
 {
  font-size: 16px;
  line-height: 1.5;
}

.confirmation_form_item_insufficientMaterial .confirmation_form_item_content {
      padding: 30px 20px 20px;
}
.confirmation_form_item_insufficientMaterial_label {
  margin-bottom: 25px;
}
.confirmation_form_item_insufficientMaterial_text {
  font-size: 16px;
  line-height: 1.5;
}
.confirmation_form_item_quote_selectWrap {
  margin-bottom: 20px;
}
.confirmation_form_item_quote_text {
  font-size: 16px;
  margin-bottom: 20px;
}
.confirmation_form_item_substituteCar_msg_pos {
  font-size: 16px;
  margin-top: 10px;
}
.confirmation_form_item_quote_box {
  padding: 20px;
  background: #eee;
  border-radius: 2px;
}
.confirmation_form_item_quote_box_item {
  display: table;
  width: 100%;
}
.confirmation_form_item_quote_heading,
.confirmation_form_item_quote_content {
  display: table-cell;
  padding-right: 10px;
}
.confirmation_form_item_quote_rentalPeriod input {
  width: 85px;
  margin-right: 10px;
}
.confirmation_form_item_rentalKikan_nissu input {
  width: 90px;
  margin-right: 10px;
}
.confirmation_form_block:last-child .confirmation_form_item:last-child {
  border-bottom: none;
}
.text_agree {
  text-align: center;
  font-size: 16px;
  margin: 50px 0 30px;
}
.text_agree a {
  display: inline-block;
  color: #36abdd;
}
.confirmation_form_item_chargeName_btn,
.confirmation_form_item_selectFromSite_btn,
.confirmation_form_item_siteName_btn {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background: #199ed8;
  border-radius: 4px;
  width: 160px;
  text-align: center;
  padding: 12px 0;
  display: inline-block;
  position: relative;
  border: none;
}
.confirmation_form_item_siteNameDel_btn {
  width: 130px;
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background: #df5b5b;
  border-radius: 4px;
  text-align: center;
  padding: 12px 0;
  display: inline-block;
  position: absolute;
  border: none;
  margin-top: -13px;
  margin-left: 25px;
}
.confirmation_form_item_siteNameDel_btn::before {
  position: absolute;
  background: url(../../../images/icon_cancel.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  left: 8px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.confirmation_form_item_chargeName_btn {
  margin-left: 10px;
}
.confirmation_form_item_siteName_btn {
  width: 200px;
}
.confirmation_form_item_siteName_btn::before {
  position: absolute;
  background: url(../../../images/icon_plus.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 14px;
  height: 14px;
  left: 35px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.confirmation_form_item_chargeName_btn:hover,
.confirmation_form_item_selectFromSite_btn:hover,
.confirmation_form_item_siteName_btn:hover,
.confirmation_form_item_siteNameDel_btn:hover,
.confirmation_form_item_attachedFile_btn:hover,
.confirmation_form_item_attachedFile_clear:hover {
  opacity: .8;
  cursor: pointer;
}

.popup_btn_notouka {
color: #337ab7;
background-color: #DCDCDC;
border: none;
border-radius: 4px;
display: inline-block;
font-size: 16px;
font-weight: bold;
margin-top: 10px;
padding: 12px 0;
position: relative;
text-align: center;
width: 250px;

}

.do_cursor_pointer {
 cursor: pointer;
}
.confirmation_form_item_attachedFile_btn {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  background: #199ed8;
  border-radius: 4px;
  width: 60px;
  text-align: center;
  padding: 12px 0;
  display: inline-block;
  position: relative;
  border: none;
  height: 40px;
  float: left;
  margin-right: 10px;
}
.confirmation_form .confirmation_form_item_attachedFile_clear {
  padding: 10px 0;
  width: 60px;
  border-radius: 4px;
  color: #67808e;
  font-weight: bold;
  height: 40px;
  border: 2px solid #ddd;
}
.confirmation_form_item_siteName_btnWrap {
  text-align: center;
}
@media only screen and (max-width: 1000px) {
  .confirmation_form_heading,
  .confirmation_final_heading {
    font-size: 20px;
    padding: 16px 20px;
  }
  .confirmation_form_item_heading {
    font-size: 14px;
    padding: 32px 20px 20px 20px;;
    line-height: 1.2;
  }
  .required .confirmation_form_item_heading, .error .confirmation_form_item_heading {
    padding: 32px 55px 20px 20px;;
  }
  .required .confirmation_form_item_heading::after,
  .error .confirmation_form_item_heading::after,
  .has-error .deliveryAddress_yubin_header::after,
  .error .confirmation_form_item_billTo_address_header::after {
    right: 0px;
    top: 30px;
    width: 45px;
    height: 21px;
  }
  .error .error_content {
    font-size: 14px;
    margin-top: 10px;
  }
  .confirmation_form_item_content {
    font-size: 14px;
  }
  .input_checkbox_parts {
    padding-left: 40px;
    font-size: 14px;
  }
  .input_checkbox_parts::before {
    width: 25px;
    height: 25px;
  }
  .input_checkbox:checked + .input_checkbox_parts::after {
    width: 8px;
    height: 15px;
  }
  .confirmation_form input,
  .confirmation_form select,
  .confirmation_form textarea {
    padding: 0 10px;
    font-size: 14px;
  }
  .confirmation_form .input_radio_parts {
    padding-left: 25px;
    font-size: 14px;
  }
  .confirmation_form .selectbox::after {
    width: 15px;
    height: 6px;
  }
  .confirmation_form select {
    padding: 0 40px 0 20px;
  }
  .confirmation_form_item_desiredDay input {
    padding: 9px 0 9px 40px;
    font-size: 16px;
  }
  .confirmation_form_item_method ul li+li {
    margin-top: 15px;
  }
  .confirmation_form_item_selectFromSite_text {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .confirmation_form_item_deliveryAddress_text {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .confirmation_form_item_sentakuPatternSonotaNaiyo_text {
    font-size: 14px;
    margin-top: 15px;
  }
  .confirmation_form_item_selectFromSite_note,
  .confirmation_form_item_selectFromSite_rentalKikanNote {
    font-size: 12px;
    margin-top: 10px;
  }
  .confirmation_form_item_companyName_selectWrap,
  .confirmation_form_item_requestDestination_selectWrap,
  .confirmation_form_item_carReservation_selectWrap,
  .confirmation_form_item_loadingCenter_selectWrap,
  .confirmation_form_item_daisha_selectWrap {
    width: 100%;
  }
  .confirmation_form_item_substituteCar_selectWrap,
  .confirmation_form_item_flatbed_selectWrap,
  .confirmation_form_item_billTo_selectWrap,
  .confirmation_form_item_quote_selectWrap,
  .confirmation_form_item_quote_faret_selectWrap {
    width: 180px;
  }
  .required.confirmation_form_item_deliveryAddress_heading::after,
  .required.confirmation_form_item_billTo_heading::after,
  .required.confirmation_form_item_rentalKikan_heading::after,
  .required.confirmation_form_item_kibouSyasyu_heading::after,
  .required.confirmation_form_item_uketoriHoho_heading::after,
  .required.confirmation_form_item_sentakuPattern_heading::after {
    right: 10px;
    width: 45px;
    height: 21px;
  }
  .confirmation_form_item_deliveryAddress_address textarea,
  .confirmation_form_item_billTo_address textarea {
    width: 100%;
  }
  .confirmation_form_item_remarks textarea,
  .confirmation_form_item_sentakuPattern_Naiyo textarea {
    width: 100%;
    height: 120px;
  }
  .confirmation_form_item_attachedFile_text {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .confirmation_form_item_billTo_selectWrap {
    margin-bottom: 20px;
  }
   .confirmation_form_item_orderingPallets .confirmation_form_item_content {
    padding: 30px 20px 20px;
  }
  .confirmation_form_item_insufficientMaterial .confirmation_form_item_content {
    padding: 30px 20px 20px;
  }
  .confirmation_form_item_completionDate_inputwrap input {
    padding: 9px 0 9px 40px;
    font-size: 13px;
  }
  .confirmation_form_item_teisyutuNouki_inputwrap input {
    padding: 9px 0 9px 40px;
    font-size: 13px;
  }
  .confirmation_form_item_rentalKikanFrom_inputwrap input,
  .confirmation_form_item_rentalKikanTo_inputwrap input {
    padding: 9px 0 9px 40px;
    font-size: 13px;
  }
  .confirmation_form_item_orderingPallets_text {
    font-size: 14px;
  }
  .confirmation_form_item_biko_text {
    font-size: 14px;
  }
  .confirmation_form_item_insufficientMaterial_label {
    margin-bottom: 20px;
  }
  .confirmation_form_item_insufficientMaterial_text {
    font-size: 14px;
  }
  .confirmation_form_item_quote_selectWrap {
    margin-bottom: 15px;
  }
  .confirmation_form_item_quote_text {
    font-size: 14px;
    margin-bottom: 15px;
  }
  .confirmation_form_item_substituteCar_msg_pos {
    font-size: 14px;
  }
  .confirmation_form_item_quote_rentalPeriod input {
    width: 85px;
    margin-right: 10px;
  }
  .confirmation_form_item_rentalKikan_nissu input {
    width: 90px;
    margin-right: 10px;
  }
  .text_agree {
    font-size: 14px;
  }
  .confirmation_form_item_chargeName_btn {
    margin-left: 0;
    margin-top: 10px;
  }
  .confirmation_form_item_attachedFile_btn {
    font-size: 14px;
  }
  .confirmation_form .confirmation_form_item_attachedFile_clear {
    font-size: 14px;
  }
  .confirmation_form_item_desiredTime_selectWrap.selectbox select {
    height: 45px;
    font-size: 16px;
    padding: 0 50px 0 20px;
  }
  .confirmation_form textarea {
    padding: 10px;
  }
}
@media only screen and (max-width: 750px) {
  .confirmation_form,
  .confirmation_final {
    padding: 0 0 5% 0;
  }
  .confirmation_form_block + .confirmation_form_block,
  .confirmation_final_block + .confirmation_final_block {
    margin-top: 5%;
  }
  .confirmation_form_list {
    padding: 0 5%;
  }
  .confirmation_form_heading,
  .confirmation_final_heading {
    font-size: 18px;
  }
  .confirmation_form_item {
    display: block;
    padding: 7% 0;
  }
  .confirmation_form_item_heading {
    width: 100%;
    display: block;
    padding: 0;
    margin-bottom: 5%;
  }
  .required .confirmation_form_item_heading,
  .error .confirmation_form_item_heading,
  .has-error .deliveryAddress_yubin_header,
  .error .confirmation_form_item_billTo_address_header{
    padding: 1px 0 0 46px;
  }
  .required .confirmation_form_item_heading::after,
  .error .confirmation_form_item_heading::after,
  .has-error .deliveryAddress_yubin_header::after,
  .error .confirmation_form_item_billTo_address_header::after {
    display: block;
    right: unset;
    top: 0;
    left: 0;
    width: 36px;
    height: 17px;
  }
  .error .error_content {
    font-size: 14px;
    margin-top: 10px;
  }
  .confirmation_form_item_content {
    display: block;
    width: 100%;
    padding: 0;
  }
  .confirmation_form_item_motoshitauke,
  .confirmation_form_item_motoshitauke .confirmation_form_item_content input {
    width: 100%;
  }
  .confirmation_form input,
  .confirmation_form select,
  .confirmation_form textarea {
    height: 40px;
    padding: 0 5%;
    font-size: 14px;
  }
  .confirmation_form textarea {
    padding: 5%;
  }
  .confirmation_form .input_radio_parts {
    padding-left: 20px;
    display: block;
  }
  .confirmation_form .input_radio_parts::before {
    width: 14px;
    height: 14px;
  }
  .confirmation_form .input_radio:checked + .input_radio_parts::after {
    left: 4px;
    width: 8px;
    height: 8px;
  }
  .confirmation_form .selectbox::after {
    right: 10px;
  }
  .confirmation_form .selectbox {
    width: 100%;
  }
  .confirmation_form select {
    width: 100%;
  }
  .confirmation_form_item_desiredTime_selectWrap {
    margin-bottom: 3%;
  }
  .confirmation_form_item_desiredDay_inputwrap {
    width: 70%;
  }
  .confirmation_form_item_desiredDay input {
    padding: 9px 0 9px 40px;
    width: 100%;
    font-size: 15px;
  }
  .confirmation_form_item_desiredTime_ohter span {
    margin-right: 15px;
    display: block;
    margin-bottom: 5px;
  }
  .confirmation_form_item_orderer input,
  .confirmation_form_item_chargeName input,
  .confirmation_form_item_ordererTell input,
  .confirmation_form_item_chargeTell input,
  .confirmation_form_item_vehicleInformation input,
  .confirmation_form_item_carryInInstructions input,
  .confirmation_form_item_returnInstructions input,
  .confirmation_form_item_palletInstructions input,
  .confirmation_form_item_uketoriHoho_mail input {
    width: 100%;
  }
  .confirmation_form_item_method ul li+li {
    margin-top: 5%;
  }
  .confirmation_form_item_method .confirmation_form_item_content {
    padding: 2% 0 0;
  }
  .confirmation_form_item_selectFromSite {
    padding: 5% 0;
  }
  .confirmation_form_item_selectFromSite_text,
  .confirmation_form_item_deliveryAddress_text,
  .confirmation_form_item_sentakuPatternSonotaNaiyo_text {
    margin-bottom: 3%;
  }
  .confirmation_form_item_selectFromSite_note,
  .confirmation_form_item_selectFromSite_rentalKikanNote {
    margin-top: 3%;
  }
  .confirmation_form_item_companyName_selectWrap,
  .confirmation_form_item_requestDestination_selectWrap,
  .confirmation_form_item_carReservation_selectWrap,
  .confirmation_form_item_loadingCenter_selectWrap,
  .confirmation_form_item_substituteCar_selectWrap,
  .confirmation_form_item_flatbed_selectWrap,
  .confirmation_form_item_billTo_selectWrap,
  .confirmation_form_item_quote_selectWrap,
  .confirmation_form_item_quote_faret_selectWrap,
  .confirmation_form_item_daisha_selectWrap {
    width: 100%;
  }
  .confirmation_form_item_chargeName_btn, .confirmation_form_item_selectFromSite_btn, .confirmation_form_item_siteName_btn {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    background: #199ed8;
    border-radius: 4px;
    width: 160px;
    text-align: center;
    padding: 12px 0;
    display: inline-block;
    position: relative;
    border: none;
  }
  .confirmation_form_item_siteNameDel_btn {
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    width: 120px;
    text-align: center;
    padding: 12px 0;
    display: inline-block;
    position: relative;
    border: none;
    margin-left: 5px;
  }
  .confirmation_form_item_siteName .confirmation_form_item_siteName_textarea {
    width: 100%;
    padding: 5%;
    height: 70px;
    margin-bottom: 3%;
  }
  .confirmation_form_item_remarks .confirmation_form_item_remarks_textarea {
    width: 100%;
    padding: 5%;
    margin-bottom: 3%;
  }
  .confirmation_form_item_deliveryAddress .confirmation_form_item_content {
    padding: 0;
  }
  .confirmation_form_item_deliveryAddress_item {
    margin-bottom: 5%;
  }
  .confirmation_form_item_deliveryAddress_item+.confirmation_form_item_deliveryAddress_item {
    margin-bottom: 10%;
  }
  .confirmation_form_item_deliveryAddress_radio {
    margin-bottom: 5%;
  }
  .confirmation_form_item_rentalKikan_radio,
  .confirmation_form_item_untin_radio,
  .confirmation_form_item_uketoriHoho_radio {
    margin-bottom: 5%;
  }
  .confirmation_form_item_deliveryAddress_box,
  .confirmation_form_item_billTo_box,
  .confirmation_form_item_rentalKikan_box,
  .confirmation_form_item_uketoriHoho_box,
  .confirmation_form_item_kibouSyasyu_box,
  .confirmation_form_item_sentakuPattern_box {
    padding: 5%;
  }
  .confirmation_form_item_deliveryAddress_box_item,
  .confirmation_form_item_billTo_box_item,
  .confirmation_form_item_rentalKikan_box_item,
  .confirmation_form_item_uketoriHoho_box_item,
  .confirmation_form_item_kibouSyasyu_box_item,
  .confirmation_form_item_sentakuPattern_box_item {
    display: block;
  }
  .confirmation_form_item_deliveryAddress_heading,
  .confirmation_form_item_billTo_heading,
  .confirmation_form_item_quote_heading,
  .confirmation_form_item_rentalKikan_heading,
  .confirmation_form_item_kibouSyasyu_heading,
  .confirmation_form_item_uketoriHoho_heading,
  .confirmation_form_item_sentakuPattern_heading {
    display: block;
    padding: 0;
    margin-bottom: 3%;
    width: 100%;
  }
  .required.confirmation_form_item_deliveryAddress_heading,
  .required.confirmation_form_item_billTo_heading,
  .required.confirmation_form_item_rentalKikan_heading,
  .required.confirmation_form_item_kibouSyasyu_heading,
  .required.confirmation_form_item_uketoriHoho_heading,
  .required.confirmation_form_item_sentakuPattern_heading {
    padding: 1px 0 0 46px;
  }
  .required.confirmation_form_item_deliveryAddress_heading::after,
  .required.confirmation_form_item_billTo_heading::after,
  .required.confirmation_form_item_rentalKikan_heading::after,
  .required.confirmation_form_item_kibouSyasyu_heading::after,
  .required.confirmation_form_item_uketoriHoho_heading::after,
  .required.confirmation_form_item_sentakuPattern_heading::after {
    display: block;
    right: unset;
    top: 0;
    left: 0;
    width: 36px;
    height: 17px;
  }
  .confirmation_form_item_deliveryAddress_content,
  .confirmation_form_item_billTo_content,
  .confirmation_form_item_rentalKikan_content,
  .confirmation_form_item_sentakuPattern_content {
    display: block;
  }
  .confirmation_form_item_deliveryAddress_postalCode,
  .confirmation_form_item_billTo_postalCode,
  .confirmation_form_item_quote_rentalPeriod,
  .confirmation_form_item_uketoriHoho_mail,
  .confirmation_form_item_rentalKikan_nissu {
    margin-bottom: 5%;
  }
  .confirmation_form_item_deliveryAddress_address textarea,
  .confirmation_form_item_billTo_address textarea {
    width: 100%;
    height: 70px;
  }
  .confirmation_form_item_deliveryAddress_address textarea,
  .confirmation_form_item_sentakuPattern_Naiyo textarea {
    margin-bottom: 3%;
  }
  .confirmation_form_item_completionDate_inputwrap {
    width: 70%;
  }
  .confirmation_form_item_completionDate input {
    padding: 9px 0 9px 40px;
    width: 100%;
    font-size: 13px;
  }
  .confirmation_form_item_completionDate_week {
    display: inline-block;
    font-size: 14px;
  }
  .confirmation_form_item_teisyutuNouki_inputwrap {
    width: 80%;
  }
  .confirmation_form_item_teisyutuNouki_inputwrap input {
    padding: 9px 0 9px 40px;
    width: 100%;
    font-size: 13px;
  }


  .confirmation_form_item_rentalKikanFrom_inputwrap,
  .confirmation_form_item_rentalKikanTo_inputwrap {
    width: 80%;
  }
  .confirmation_form_item_rentalKikanFrom_inputwrap input,
  .confirmation_form_item_rentalKikanTo_inputwrap input {
    padding: 9px 0 9px 40px;
    width: 90%;
    font-size: 13px;
  }
  .confirmation_form_item_rentalKikanFrom_week,
  .confirmation_form_item_rentalKikanTo_week {
    display: inline-block;
    font-size: 14px;
  }



  .confirmation_form_item_remarks textarea,
  .confirmation_form_item_sentakuPattern_Naiyo textarea {
    width: 100%;
    height: 120px;
  }
  .confirmation_form_item_attachedFile_text {
    font-size: 14px;
    margin-bottom: 3%;
  }
  .confirmation_form_item_billTo_selectWrap {
    margin-bottom: 7%;
  }
  .confirmation_form_item_orderingPallets .confirmation_form_item_content {
    padding: 5% 0 0;
  }
  .confirmation_form_item_insufficientMaterial .confirmation_form_item_content {
    padding: 5% 0 0;
  }
  .confirmation_form_item_insufficientMaterial_label {
    margin-bottom: 8%;
  }
  .confirmation_form_item_quote_selectWrap {
    margin-bottom: 5%;
  }
  .confirmation_form_item_quote_text {
    margin-bottom: 5%;
  }
  .confirmation_form_item_quote_box {
    padding: 5%;
  }
  .confirmation_form_item_quote_box_item {
    display: block;
  }
  .confirmation_form_item_quote_heading,
  .confirmation_form_item_quote_content {
    display: block;
    width: 100%;
    padding-right: 0;
  }
  .confirmation_form_item_quote_rentalPeriod input {
    width: 85px;
    margin-right: 10px;
  }
  .confirmation_form_item_rentalKikan_nissu input {
    width: 90px;
    margin-right: 10px;
  }
  .text_agree {
    text-align: left;
    margin: 10% 0;
    line-height: 1.3;
  }
  .confirmation_form_item_attachedFile_btn {
    width: 40px;
    text-align: center;
    padding: 12px 0;
    display: inline-block;
    position: relative;
    border: none;
    height: 40px;
    float: left;
    margin-right: 5px;
    font-size: 12px;
  }
  .confirmation_form .confirmation_form_item_attachedFile_clear {
    padding: 10px 0;
      width: 40px;
    border-radius: 4px;
    color: #67808e;
    font-weight: bold;
    height: 40px;
    font-size: 12px;
  }
  .attachedFile_out {
    margin-right: 5px;
    width:65%;
    font-size: 14px;
  }
  .confirmation_form_item_desiredTime_selectWrap.selectbox select {
    height: 45px;
    font-size: 15px;
    padding: 0 30px 0 15px;
  }
  .confirmation_form_item_siteName_btn::before {
    left: 25px;
  }
  .confirmation_form_address {
    display: inline-block;
  }
}
/* ------------------------------
- confirmation_final
------------------------------ */
.confirmation_final {
  margin-bottom: 30px;
}
.confirmation_final_list {
  margin-top: 20px;
  margin-bottom: 20px;
}
.confirmation_final_item {
  display: table;
  width: 100%;
  padding: 20px;
  border-bottom: 1px solid #bfc2c3;
}
.confirmation_final_item_left,
.confirmation_final_item_right,
.confirmation_final_item_img,
.confirmation_final_item_information,
.confirmation_final_item_quantity,
.confirmation_final_item_weight {
  display: table-cell;
  vertical-align: middle;
}
.confirmation_final_item_right {
  width: 400px;
}
.confirmation_final_item_img {
  width: 138px;
}
.confirmation_final_item_information {
  padding: 0 30px;
}
.confirmation_final_item_name {
  font-size: 22px;
  margin-bottom: 13px;
  font-weight: bold;
}
.confirmation_final_item_number {
  font-size: 16px;
  margin-bottom: 5px;
}
.confirmation_final_item_type {
  font-size: 16px;
}
.confirmation_final_item_spheading {
  display: none;
}
.confirmation_final_item_quantity_content {
  font-size: 26px;

}
.confirmation_final_item_quantity {
  width: 170px;
  font-weight: bold;
}
.text_quantity{
   text-align: right;
}
.confirmation_final_item_weight {
  font-size: 16px;
  width: 170px;
}
.text_weight{
  text-align: right;
}
.confirmation_final_item_weight_content {
  font-size: 22px;
  padding-right: 5px;
}
.confirmation_final_item_head {
  background: #eeeeee;
  padding: 8px 20px;
}
.confirmation_final_item_head .confirmation_final_item_quantity,
.confirmation_final_item_head .confirmation_final_item_weight {
  font-size: 14px;
  font-weight: normal;
}
.confirmation_final_item_total {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: 20px;
  padding: 0 20px;
}
.confirmation_final_item_total_left {
  font-size: 16px;
  text-align: right;
}
.confirmation_final_item_total_right {
  font-size: 16px;
  width: 230px;
}
.confirmation_final_item_total_right span {
  font-size: 30px;
  font-weight: bold;
}
.text_totalweight{
  text-align: right;
}
.confirmation_final_remarks,
.confirmation_final_pipe {
  padding: 0 10px
}
.confirmation_final_remarks {
  margin-bottom: 20px;
}
.confirmation_final_remarks_text,
.confirmation_final_pipe_text {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.3;
}
.confirmation_final_remarks_content,
.confirmation_final_pipe_content {
  font-size: 16px;
  line-height: 1.3;
}
.confirmation_final_block_item {
  border-bottom: 1px solid #bfc2c3;
  display: table;
  width: 100%;
}
.confirmation_final_block_heading,
.confirmation_final_block_contents {
  display: table-cell;
  vertical-align: top;
  padding: 30px 20px;
  line-height: 1.2;
  font-size: 16px;
}
.confirmation_final_block_heading {
  width: 30.97%;
  font-weight: bold;
}
.confirmation_final_block_heading_red {
  color:red;
}
.confirmation_final_block_contents {
  width: 69.03%;
  vertical-align: middle;
  word-break: break-all;
}
.confirmation_final_block_contents_ex {
  font-size: 20px;
}
@media only screen and (max-width: 1000px) {
  .confirmation_final_list {
    margin-bottom: 30px;
  }
  .confirmation_final_item_right {
    width: 250px;
  }
  .confirmation_final_item_img {
    width: 120px;
  }
  .confirmation_final_item_information {
    padding: 0 20px;
  }
  .confirmation_final_item_name {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.2;
  }
  .confirmation_final_item_number {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .confirmation_final_item_type {
    font-size: 14px;
  }
  .confirmation_final_item_quantity {
  width: 110px;
  }
  .confirmation_final_item_weight {
    font-size: 14px;
    width: 110px;
  }
  .confirmation_final_item_weight_content {
    font-size: 18px;
    padding-right: 5px;
  }
  .confirmation_final_item_head {
    background: #eeeeee;
    padding: 8px 20px;
  }
  .confirmation_final_item_head .confirmation_final_item_quantity,
  .confirmation_final_item_head .confirmation_final_item_weight {
    font-size: 14px;
    font-weight: normal;
  }
  .confirmation_final_item_total {
    margin-top: 15px;
  }
  .confirmation_final_item_total_left {
    font-size: 14px;
  }
  .confirmation_final_item_total_right {
    font-size: 14px;
    width: 140px;
  }
  .confirmation_final_item_total_right span {
    font-size: 26px;
  }
  .confirmation_final_remarks,
  .confirmation_final_pipe {
    padding: 0 10px;
    font-size: 14px;
  }
  .confirmation_final_remarks_text,
  .confirmation_final_pipe_text {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .confirmation_final_remarks_content,
  .confirmation_final_pipe_content {
    font-size: 14px;
  }
  .confirmation_final_block_heading,
  .confirmation_final_block_contents {
    padding: 30px 20px;
    line-height: 1.2;
    font-size: 14px;
  }
  .confirmation_final_block_contents_ex {
    font-size: 16px;
  }
  .confirmation_form_item_returnInstructions input {
  width: 100%;
  }

}
@media only screen and (max-width: 750px) {
  .confirmation_final {
    margin-bottom: 10%;
  }
  .confirmation_final_list {
    margin-top: 5%;
    margin-bottom: 8%;
    padding: 0 5%;
  }
  .confirmation_final_item {
    padding: 7% 0;
  }
  .confirmation_final_item:nth-child(2) {
    padding: 1% 0 7%;
  }
  .confirmation_final_item_right,
  .confirmation_final_item_quantity,
  .confirmation_final_item_weight {
    display: block;
  }
  .confirmation_final_item_left,
  .confirmation_final_item_right {
    width: 100%;
  }
  .confirmation_final_item_left {
    display: table;
    margin-bottom: 5%;
  }
  .confirmation_final_item_right {
    position: relative;
    padding-left: 35%;
  }
  .confirmation_final_item_img {
    width: 30%;
    vertical-align: text-bottom;
  }
  .confirmation_final_item_information {
    padding: 0 0 0 5%;
  }
  .confirmation_final_item_name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 7px;
  }
  .confirmation_final_item_number {
    line-height: 1.2;
  }
  .confirmation_final_item_spheading {
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-right: 10px;
  }
  .confirmation_final_item_quantity {
    width: 100%;
    margin-bottom: 4%;
  }
  .confirmation_final_item_weight {
    font-size: 14px;
    width: 100%;
    padding-right: 60px;
  }
  .confirmation_final_item_weight_content {
    font-size: 15px;
    padding-right: 5px;
  }
  .confirmation_final_item_head {
    display: none;
  }
  .confirmation_final_item_head .confirmation_final_item_quantity,
  .confirmation_final_item_head .confirmation_final_item_weight {
    font-size: 14px;
    font-weight: normal;
  }
  .confirmation_final_item_total {
    margin-top: 5%;
    padding: 0;
  }
  .confirmation_final_item_total_left {
    font-size: 14px;
  }
  .confirmation_final_item_total_right {
    font-size: 14px;
    width: auto;
  }
  .confirmation_final_item_total_right span {
    font-size: 20px;
  }
  .confirmation_final_remarks,
  .confirmation_final_pipe {
    padding: 0 5%;
  }
  .confirmation_final_remarks {
    margin-bottom: 5%;
  }
  .confirmation_final_remarks_text,
  .confirmation_final_pipe_text {
    font-size: 14px;
    margin-bottom: 2%;
  }
  .confirmation_final_item_quantity_content {
    display: inline-block;
  }
  .confirmation_final_item_quantity_content {
    font-size: 20px;
  }
  .confirmation_final_block_list {
    padding: 0 5%;
  }
  .confirmation_final_block_heading {
    padding: 5% 5% 5% 0;;
  }
  .confirmation_final_block_contents {
    padding: 5% 0;
  }
  .confirmation_final_block_contents_ex {
    font-size: 15px;
  }
  .text_weight {
    text-align:left;
  }
  .text_quantity{
   text-align: left;
  }
}
/* ------------------------------
- confirmation_complete
------------------------------ */
.confirmation_complete {
  margin-top: 50px;
  margin-bottom: 60px;
}
.confirmation_complete_orderNumber {
  font-size: 24px;
  margin-bottom: 20px;
}
.confirmation_complete_orderNumber span {
  font-size: 36px;
}
.confirmation_complete_text{
  font-size: 16px;
  line-height: 1.8;
}
.confirmation_complete_btn_top {
  width: 362px;
  margin: 0 auto;
}
.confirmation_complete_btn_top a {
  background: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  padding: 17px 30px 17px 20px;
  position: relative;
  text-align: center;
}
.confirmation_complete_btn_top a::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_right.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 10px;
  height: 16px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.add_topPage{
    margin-top:40px;
}
.add_topPage a{
    background:transparent;
    padding: 0px 0px 0px 20px;
    font-size: 20px;
}
.add_topPage ::after{
    background:transparent;
    left:300px
}
@media only screen and (max-width: 1000px) {
  .confirmation_complete_orderNumber {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .confirmation_complete_orderNumber span {
    font-size: 32px;
  }
  .confirmation_complete_text{
    font-size: 14px;
  }
  .confirmation_complete_btn_top {
    width: 362px;
  }
  .confirmation_complete_btn_top a {
    font-size: 13px;
    font-weight: bold;
    padding: 17px 30px 17px 15px;
  }
  .confirmation_complete_btn_top a::after {
    width: 8px;
    height: 13px;
  }
  .add_topPage{
    margin-top:40px;
  }
  .add_topPage a{
      font-size: 16px;
  }
  .add_topPage ::after{
      left:270px
  }
}
@media only screen and (max-width: 750px) {
  .confirmation_complete {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  .confirmation_complete_orderNumber {
    font-size: 16px;
    margin-bottom: 5%;
    line-height: 1.5;
  }
  .confirmation_complete_orderNumber span {
    font-size: 26px;
  }
  .confirmation_complete_text{
    line-height: 1.5;
  }
  .confirmation_complete_btn_top {
    width: 100%;
    margin: 0 auto;
  }
    .add_topPage{
    margin-top:40px;
  }
  .add_topPage a{
      font-size: 14px;
  }
  .add_topPage ::after{
      left:auto
  }
}
/* ------------------------------
- order_sidemenu
------------------------------ */
.orderWrap {
  padding-bottom: 70px;
}
.order {
  padding: 50px 0 70px;
}
.order .confirmation_userInformation {
  margin-bottom: 40px;
}
.orderMaincontent {
}
.order_sidemenu {
  float: left;
  width: 23.03%;
}
.orderContent {
  float: right;
  width: 74.34%;
}
.order_sidemenu_list {
  margin-bottom: 50px;
}
.order_sidemenu_selectbox {
  display: none;
}
.order_sidemenu_tab {
  font-size: 16px;
  color: #67808e;
  font-weight: bold;
  padding: 18px 20px;
  display: block;
  position: relative;
}
.order_sidemenu_tab::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_bottom.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 12px;
  height: 8px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  transition: .2s;
}
.order_sidemenu_tab.active::after {
  -webkit-transform: rotate(180deg) translate(0,-50%);
  -moz-transform: rotate(180deg) translate(0,-50%);
  -ms-transform: rotate(180deg) translate(0,-50%);
  -o-transform: rotate(180deg) translate(0,-50%);
  transform: rotate(180deg) translate(0,-50%);
  top: 33%;
}
.order_sidemenu_item {
  border-top: 1px solid #bfc2c3;
}
.order_sidemenu_item:last-child {
  border-bottom: 1px solid #bfc2c3;
}
.order_sidemenu_sublist {
  border-top: 1px solid #bfc2c3;
  padding: 10px 0;
  display: none;
}
.order_sidemenu_subitem + .order_sidemenu_subitem {
  margin-top: 5px;
}
.order_sidemenu_subitem a {
  color: #36abdd;
  padding: 10px 20px;
  font-size: 16px;
}
.order_sidemenu_subitem.curent a,
.order_sidemenu_subitem a:hover {
  font-weight: bold;
  background: #fff;
}
.orderContent_head {
  margin-bottom: 20px;
}
.orderContent_head_type {
  float: left;
}
.orderContent_head_search {
  float: right;
}
.orderContent_head_search_input {
  font-size: 16px;
  width: 310px;
  border: 1px solid #bbb;
  border-radius: 2px;
  padding: 10px;
  vertical-align: top;
  float: left;
  margin-right: 10px;
}
.orderContent_head_search_btn {
  background: #1ea0d9 url(../../../images/top/icon_btn_search.png) no-repeat 50% 50%;
  width: 50px;
  border-radius: 6px;
  height: 40px;
  vertical-align: top;
  float: right;
}
.order .confirmation_lack_content_card_left {
  width: 42.04%;
}
.order .confirmation_lack_content_card_right {
  width:54.32%;
}
.order .confirmation_lack_content_card_table_number {
  width: 160px;
}
.order .confirmation_lack_content_card_table_type {
  width: 80px;
}
.order .confirmation_lack_content_card_table td input {
  width: 80px;
  height: 40px;
  padding: 10px 10px;
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (max-width: 1000px) {
  .order_sidemenu {
    float: left;
    width: 23.03%;
  }
  .orderContent {
    float: right;
    width: 74.34%;
  }
  .orderContent_head_type {
    font-size: 14px;
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .orderContent_head_search {
    float: none;
    width: 100%;
  }
  .order_sidemenu_list {
    margin-bottom: 50px;
  }
  .order_sidemenu_tab {
    font-size: 14px;
    padding: 18px 20px;
  }
  .order_sidemenu_subitem a {
    font-size: 14px;
  }
  .order_sidemenu_subitem + .order_sidemenu_subitem {
    margin-top: 5px;
  }
  .orderContent_head_search_input {
    font-size: 14px;
  }
  .orderContent_head_search_btn {
    float: left;
  }
  .order .confirmation_lack_content_card_left {
    width: 42.04%;
  }
  .order .confirmation_lack_content_card_right {
    width:54.32%;
  }
  .order .confirmation_lack_content_card_table_number {
    width: 160px;
  }
  .order .confirmation_lack_content_card_table_type {
    width: 80px;
  }
  .order .confirmation_lack_content_card_table td input {
    width: 80px;
    height: 40px;
    padding: 10px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 750px) {
  .orderWrap {
    padding-bottom: 70px;
  }
  .order {
    padding: 50px 0 13%;
  }
  .order .pageheadingWrap {
    margin-top: 10%;
  }
  .order_sidemenu {
    float: none;
    width: 100%;
  }
  .orderContent {
    float: none;
    width: 100%;
  }
  .order_sidemenu_list {
    display: none;
  }
  .order_sidemenu_selectbox {
    display: block;
    border: 1px solid #bbb;
    position: relative;
    margin-bottom: 10%;
  }
  .order_sidemenu_selectbox::after {
    position: absolute;
    content: '';
    background: url(../../../images/common/icon_arrow_triangle.png) no-repeat;
    background-size: contain;
    display: block;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 15px;
    height: 6px;
    pointer-events: none;
  }
  .order_sidemenu_selectbox select {
    border: none;
    width: 100%;
    font-size: 14px;
    padding: 13px 30px 13px 15px;
  }
  .order_sidemenu_tab {
    padding: 18px 20px;
  }
  .order_sidemenu_tab::after {
    position: absolute;
    background: url(../../../images/common/icon_arrow_bottom.png) no-repeat;
    background-size: contain;
    display: block;
    content: '';
    width: 12px;
    height: 8px;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    transition: .2s;
  }
  .order_sidemenu_tab.active::after {
    -webkit-transform: rotate(180deg) translate(0,-50%);
    -moz-transform: rotate(180deg) translate(0,-50%);
    -ms-transform: rotate(180deg) translate(0,-50%);
    -o-transform: rotate(180deg) translate(0,-50%);
    transform: rotate(180deg) translate(0,-50%);
    top: 33%;
  }
  .order_sidemenu_item {
    border-top: 1px solid #bfc2c3;
  }
  .order_sidemenu_item:last-child {
    border-bottom: 1px solid #bfc2c3;
  }
  .order_sidemenu_sublist {
    border-top: 1px solid #bfc2c3;
    padding: 10px 0;
    display: none;
  }
  .order_sidemenu_subitem + .order_sidemenu_subitem {
    margin-top: 5px;
  }
  .order_sidemenu_subitem a {
    color: #36abdd;
    padding: 10px 20px;
  }
  .orderContent_head {
    margin-bottom: 20px;
  }
  .orderContent_head_search_input {
    width: 85%;
    margin-right: 2%;
    font-size: 12px;
    padding: 11.5px 10px;
  }
  .orderContent_head_search_btn {
    width: 9%;
    background: #1ea0d9 url(../../../images/top/icon_btn_search.png) no-repeat 50% 50%/15px;
  }
  .order .confirmation_lack_content_card_left {
    width: 100%;
  }
  .order .confirmation_lack_content_card_right {
    width: 100%;
  }
  .order .confirmation_lack_content_card_table_number {
    width: 80px;
  }
  .order .confirmation_lack_content_card_table td input {
    padding: 10px;
    width: 70px;
  }
}
/* ------------------------------
- order_btnarea
------------------------------ */
.order .pageheadingWrap {
  margin-bottom: 50px;
}
.order_btnarea {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #555;
  padding: 10px 0;
  z-index: 200;
}
.order_btnarea_head {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  background: #555;
  padding: 10px 0;
  z-index: 1000;
}
.order_btnarea_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.order_btnarea_item {
  width: 22.68%;
}
.order_btnarea_item a,
.order_btnarea_item_modal a {
  border-radius: 6px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding: 17px 20px 17px 35px;
  position: relative;
  font-weight: bold;
  height: 100%;
}
.order_btnarea_item a::before,
.order_btnarea_item_modal a::before {
  position: absolute;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  left: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.order_btnarea_item_cancel a {
  background: #df5b5b;
}
.order_btnarea_item_cancel a::before {
  background: url(../../../images/icon_cancel.png) no-repeat center/contain;
}
.order_btnarea_item_temporarilySaved a {
  background: #996699;
}
.order_btnarea_item_temporarilySaved a::before {
  background: url(../../../images/icon_temporarily_saved.png) no-repeat center/contain;
}
.order_btnarea_item_cart a {
  background: #199ed8;
}
.order_btnarea_item_cart a::before {
  background: url(../../../images/icon_cart.png) no-repeat center/contain;
}
.order_btnarea_item_cart a::after {
  background: url(../../../images/common/icon_arrow_right_w.png) no-repeat center/contain;
  position: absolute;
  display: block;
  content: '';
  width: 9px;
  height: 13px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.order_btnarea_item_total {
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  text-align: right;
  width: 24.05%;
  padding-top: 15px;
}
.order_btnarea_item_total_kg {
  font-size: 16px;
}
.order_btnarea_item_total_weight {
  font-size: 30px;
}
@media only screen and (max-width: 1000px) {
  .order .pageheadingWrap {
    margin-bottom: 72px;
  }
  .order_btnarea_item a {
    font-size: 14px;
    padding: 12px 20px 12px 35px;
  }
  .order_btnarea_item a::before {
    width: 17px;
    height: 17px;
    left: 13px;
  }
  .order_btnarea_item_cart a::after {
    width: 9px;
    height: 13px;
    right: 10px;
  }
  .order_btnarea_item_total {
    font-size: 12px;
    padding-top: 5px;
    line-height: 1.5;
  }
  .order_btnarea_item_total_kg {
    font-size: 14px;
  }
  .order_btnarea_item_total_weight {
    font-size: 25px;
  }
}
@media only screen and (max-width: 750px) {
  .order .pageheadingWrap {
    margin-bottom:10%;
  }
  .order_btnarea {
    padding: 8px 0;
  }
  .order_btnarea .l-section-lg {
    padding: 0 10px;
  }
  .order_btnarea_item {
    width: 21%;
  }
  .order_btnarea_item a {
    font-size: 10px;
    padding: 30px 0 5px;
  }
  .order_btnarea_item a::before {
    width: 15px;
    height: 15px;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0);
  }
  .order_btnarea_item_cart a::after {
    display: none;
  }
  .order_btnarea_item_total {
    font-size: 10px;
    padding-top: 5px;
    width: 32%;
  }
  .order_btnarea_item_total_kg {
    font-size: 12px;
  }
  .order_btnarea_item_total_weight {
    font-size: 16px;
  }
  .order_btnarea_item_modal a::before {
    left: 10px;
  }
}
/* ------------------------------
- top_search
------------------------------ */
.search {
  padding-top: 20px;
  margin-bottom: 50px;
  display: none;
}
.search .pageheadingWrap {
  margin-bottom: 50px;
}
.search_searchWrap {
  border: 2px solid #bfc2c3;
  border-radius: 6px;
  margin-bottom: 30px;
  margin-top: 2%;
}
.search_head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  height: 60px;
}
.search_head_heading {
  border-right: 2px solid #bfc2c3;
  width: 11.69%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.search_head_heading h3 {
  text-align: center;
  width: 100%;
  font-size: 20px;
}
.search_head_content {
  width: 95%;
  padding: 0 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.search_head_type {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.search_head_type_heading {
  font-size: 16px;
  margin-right: 20px;
}
.search_head_type_input {
  height: 40px;
  padding: 9px 20px;
  font-size: 16px;
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  width: 350px;
}
.search_head_type_input_code {
  height: 40px;
  padding: 9px 20px;
  font-size: 16px;
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  width: 120px;
}
.search_head_ohter {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.search_head_btn_detail {
  font-size: 16px;
  color: #67808e;
  font-weight: bold;
  padding-left: 30px;
  position: relative;
  width: 60%;
}
.search_head_btn_detail::before {
  position: absolute;
  content: '';
  background: url(../../../images/top/icon_detail.png) no-repeat;
  background-size: contain;
  display: block;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 18px;
  height: 18px;
}
.search_head_btn_detail:hover {
  opacity: .8;
  cursor: pointer;
}
.search_head_btn_search,
.search_head_btn_clear {
  white-space: pre-line;
  padding: 0;
  border-radius: 6px;
}
.search_head_btn_search:hover,
.search_head_btn_clear:hover {
  opacity: .8;
  cursor: pointer;
}
.search_head_btn_search {
  width: 100px;
  height: 40px;
  background: #1ea0d9;
  border: none;
  margin-right: 10px;
}
.search_head_btn_search img {
  width: 20px;
}
.search_head_btn_clear {
  width: 80px;
  height: 40px;
  border: 1px solid #bfc2c3;
  font-size: 18px;
  font-weight: bold;
}
.search_foot {
  display: none;
}
.search_foot_inner {
  padding: 20px;
  border-top: 2px solid #bfc2c3;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.search_foot_list {
  width: 49.04%;
}
.search_foot_item {
  display: table;
  width: 100%;
}
.search_foot_item + .search_foot_item {
  margin-top: 10px;
}
.search_foot_item_name,
.search_foot_item_content {
  display: table-cell;
}
.search_foot_item_name {
  width: 110px;
  font-weight: bold;
  font-size: 16px;
}
.search_foot_item_content input {
  height: 40px;
  padding: 9px 20px;
  font-size: 16px;
  border: 1px solid #bfc2c3;
  border-radius: 2px;
}
.search_foot_item_content .input_siteName,
.search_foot_item_content .input_address,
.search_foot_item_content .input_tel {
  width: 100%;
}
.search_foot_item_content_calendar {
  width: 178px;
  display: inline-block;
  position: relative;
}
.search_foot_item_content_calendar::before {
  position: absolute;
  content: '';
  background: url(../../../images/common/icon_calendar.png) no-repeat;
  background-size: contain;
  display: block;
  left: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 16px;
  height: 18px;
}
.search_foot_item_content .input_calendar {
  padding: 9px 0 9px 40px;
  width: 100%;
  font-size: 13px;
}
.search_foot_list .input_calendar_while {
  width: 15px;
  text-align: center;
  display: inline-block;
}
.search_foot_item_content_select {
  border: 1px solid #bfc2c3;
  border-radius: 2px;
  position: relative;
}
.search_foot_item_content_select_situation {
  width: 160px;
}
.search_foot_item_content_select_office {
  width: 300px;
}
.search_foot_item_content_select::after {
  position: absolute;
  content: '';
  background: url(../../../images/common/icon_arrow_triangle.png) no-repeat;
  background-size: contain;
  display: block;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  width: 16px;
  height: 8px;
  pointer-events: none;
}
.search_foot_item_content_select select {
  font-size: 16px;
  border: none;
  border-radius: 0;
  padding: 12px 35px 12px 20px;
  width: 100%;
  background: #fff;
  white-space: pre-line;
}
@media only screen and (max-width: 1200px) {
  .search_foot_item_content_select {
    width: 100%;
  }
  .search_foot_list .input_calendar_while {
    width: 100%;
    text-align: left;
    padding-left: 77px;
  }
}
@media only screen and (max-width: 1146px) {
  .search_foot_item_content_calendar {
    width: 190px;
  }
  .search_foot_list .input_calendar_while {
    width: 100%;
  }
}
@media only screen and (max-width: 1100px) {
  .search_head_type_input {
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  .search_head {
    display: block;
    height: auto;
    padding: 20px 0 20px;
  }
  .search_head_heading {
    border-right: none;
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
  .search_head_heading h3 {
    font-size: 18px;
  }
  .search_head_content {
    width:100%;
    padding: 0 20px;
  }
  .search_head_type_input {
    font-size: 14px;
    width: 100%;
  }
  .search_head_type_heading {
    font-size: 14px;
    margin-right: 15px;
  }
  .search_head_btn_detail {
    font-size: 14px;
    padding-left: 25px;
    margin-right: 20px;
  }
  .search_head_btn_detail::before {
    width: 15px;
    height: 15px;
  }
  .search_head_btn_search {
    width: 80px;
    height: 35px;
  }
  .search_head_btn_search img {
    width: 16px;
  }
  .search_head_btn_clear {
    width: 70px;
    height: 35px;
    font-size: 14px;
  }
  .search_foot_list {
  }
  .search_foot_item + .search_foot_item {
    margin-top: 15px;
  }
  .search_foot_item_name {
    width: 90px;
    font-size: 14px;
  }
  .search_foot_item_content input {
    height: 35px;
    font-size: 13px;
    padding: 5px 10px;
  }
  .search_foot_item_content_calendar {
    width: 100%;
  }
  .search_foot_item_content .input_calendar {
    padding: 9px 0 9px 40px;
    width: 100%;
    font-size: 13px;
  }
  .search_foot_list .input_calendar_while {
    width: 100%;
  }
  .search_foot_item_content_select {
    width: 100%;
  }
  .search_foot_item_content_select::after {
    width: 12px;
    height: 8px;
  }
  .search_foot_item_content_select select {
    font-size: 13px;
    padding: 11px 25px 11px 15px;
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .search {
    padding-top: 0;
    margin-bottom: 30px;
  }
  .search .pageheadingWrap {
    margin-top: 10%;
  }
  .search_head_heading h3 {
    text-align: center;
    width: 100%;
    font-size: 20px;
  }
  .search_head_content {
    display: block;
    padding: 0 5%;
  }
  .search_head_type_input {
    font-size: 14px;
    width: 100%;
  }
  .search_head_type {
    display: block;
    margin-bottom: 20px;
  }
  .search_head_type_heading {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .search_head_ohter {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    padding-left: 90px;
  }
  .search_head_btn_detail {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }
  .search_foot_inner {
    padding: 0;
    display: block;
    padding: 5% 3%;
  }
  .search_foot_list {
    width: 100%;
  }
  .search_foot_list + .search_foot_list {
    margin-top: 10px;
  }
  .search_foot_item {
    display:  block;
  }
  .search_foot_item + .search_foot_item {
    margin-top: 10px;
  }
  .search_foot_item_name,
  .search_foot_item_content {
    display: block;
  }
  .search_foot_item_name {
    width: 100%;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .search_foot_item_content input {
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
  }
  .search_foot_item_content .input_calendar {
    padding: 9px 0 9px 40px;
    width: 100%;
    font-size: 13px;
  }
}
/* ------------------------------
- search_maincontent
------------------------------ */
.search_result {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
}
.search_result_history {
  margin-top: 15px;
}
.search_result_number {
  font-size: 30px;
}
.search_result_list {
  padding: 20px;
  background: #fff;
}
.search_result_item {
  border-bottom: 1px solid #bfc2c3;
}
.search_result_item label {
  display: block;
}
.search_result_item_head,
.search_result_inner {
  display: table;
  width: 100%;
}
.search_result_item_head {
  background: #eee;
}
.search_result_item_head div {
  padding: 8px 20px;
  font-size: 14px;
}
.search_result_input {
  display: none;
}
.search_result_item_button,
.search_result_item_no,
.search_result_item_site,
.search_result_item_site_code,
.search_result_item_charge,
.search_result_item_office,
.search_result_item_day {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
  font-size: 16px;
}
.search_result_item_button {
  background: #dddddd;
  position: relative;
  width: 7.24%;
  height: 100%;
  content: '';
  text-align: center;
}
.search_result_item_head .search_result_item_button {
  background: #eee;
}
.search_result_item_button {
  padding: 15px 5px;
}
.search_result_item_button span {
  display: inline-block;
  position: relative;
}
.search_result_item_button span::before {
  content: "";
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid #aaa;
  background: #fff;
  border-radius: 50%;
}
.search_result_input:checked + .search_result_item_button span::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 14px;
  background: #199ed8;
  border-radius: 50%;
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
  transform: translate(-50%,-50%);
}
.search_result_item_head .search_result_item_button span::before,
.search_result_item_head .search_result_input:checked + .search_result_item_button span::after {
  display: none;
}
.search_result_item_no {
  width: 6.14%;
  text-align: center;
}
.search_result_item_site {

}
.search_result_item_site_code{
  width: 12.14%;
}
.search_result_item_charge {
  width: 15.37%;
}
.search_result_item_office {
  width: 17.17%;
}
.search_result_item_day {
  width: 17.17%;
}
@media only screen and (max-width: 1100px) {
  .search_result_item_head div {
      padding: 8px 10px;
  }
  .search_result_item_button,
  .search_result_item_no,
  .search_result_item_site,
  .search_result_item_site_code,
  .search_result_item_charge,
  .search_result_item_office,
  .search_result_item_day {
    padding: 20px 10px;
  }
  .search_result_item_button {
    padding: 15px 5px;
  }
}
@media only screen and (max-width: 1000px) {
  .search_result {
    font-size: 14px;
  }
  .search_result_number {
    font-size: 25px;
  }
  .search_result_item_head div {
    padding: 8px 10px;
    font-size: 14px;
  }
  .search_result_item_button,
  .search_result_item_no,
  .search_result_item_site,
  .search_result_item_site_code,
  .search_result_item_charge,
  .search_result_item_office,
  .search_result_item_day {
    padding: 20px 10px;
    font-size: 14px;
  }
  .search_result_item_button {
    padding: 15px 5px;
  }
  .search_result_item_button span::before {
    width: 16px;
    height: 16px;
  }
  .search_result_input:checked + .search_result_item_button span::after {
    width: 10px;
    height: 10px;
  }
  .search_result_item_day {
    width: 20%;
  }
}
@media only screen and (max-width: 750px) {
  .search_result {
    margin-bottom: 5%;
  }
  .search_result_number {
    font-size: 20px;
  }
  .search_result_list {
    padding: 5%;
  }
  .search_result_item_head div {
    padding: 5% 1px;
    font-size: 10px;
  }
  .search_result_item_button,
  .search_result_item_no,
  .search_result_item_site,
  .search_result_item_site_code,
  .search_result_item_charge,
  .search_result_item_office,
  .search_result_item_day {
    padding: 5% 5px;
    font-size: 10px;
  }
  .search_result_item_button {
    width: 27px;
  }
  .search_result_item_button {
    padding: 5% 1px;
  }
  .search_result_item_button span::before {
    width: 12px;
    height: 12px;
  }
  .search_result_input:checked + .search_result_item_button span::after {
    width: 8px;
    height: 8px;
  }
  .search_result_item_head .search_result_item_button span::before,
  .search_result_item_head .search_result_input:checked + .search_result_item_button span::after {
    display: none;
  }
  .search_result_item_no {
    width: 25px;
  }
  .search_result_item_site {
    
  }
  .search_result_item_site_code{
    width: 60px;
  }
  .search_result_item_charge {
    width: 60px;
  }
  .search_result_item_office {
    width: 60px;
  }
  .search_result_item_day {
    width: 54px;
    display: none;
  }
}
/* ------------------------------
- search_bottom
------------------------------ */
.search_bottom {
  margin-top: 50px;
}
.search_executionWrap {
  background: #555555;
}
.search_executionWrap_head {
  color: #fff;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
}
.search_execution_content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}
.search_execution_row {
  margin: 0 -15px;
}
.search_execution_col {
  margin: 0 15px;
}
.search_execution_block {
  background: #199ed8;
  border-radius: 6px;
  padding: 20px;
  height: 100%;
}
.search_execution_block_green {
  background: #99cc00;
}
.search_execution_block a + a {
  margin-top: 15px;
}
.search_execution_block p {
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.search_execution_block strong {
  display: block;
  color: #fff;
  margin-bottom: 10px;
  line-height: 1.3;
  font-size: 14px;
  text-align: center;
}
.search_execution_block a {
  text-align: center;
  background: #fff;
  border-radius: 6px;
  font-size: 14px;
  padding: 20px 0;
  font-weight: bold;
}
.search_allSites {
  background: #dddddd;
}
.search_allSites a {
  display: block;
  max-width: 100%;
  background: #99cc00;
  text-align: center;
  color: #fff;
  border-radius: 6px;
  font-size: 16px;
  
  font-weight: bold;
}
@media only screen and (min-width: 1001px) {
  .search_execution_row {
    display: flex;
  }
  .search_execution_col_50 {
    width: 50%;
  }
  .search_execution_col_25 {
    width: 25%;
  }
  .search_execution_block + .search_execution_block  {
    margin-top: 15px;
  }
  
}
@media only screen and (max-width: 1000px) {
  .search_execution_col + .search_execution_col{
    margin-top: 30px;
  }
  .search_execution_content {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1000px) and (min-width: 751px) {
  .search_execution_block_wrapper {
    display: flex;
    margin: 0 -7.5px;
  }
  .search_execution_block_wrapper .search_execution_block  {
    flex: 1;
    margin: 0 7.5px;
  }
  .search_execution_link_wrapper {
    display: flex;
    margin: 0 -15px;
  }
  .search_execution_link_wrapper a {
    flex: 1;
    margin: 0 15px;
  }
  .search_execution_link_wrapper a + a {
    margin-top: 0;
  }
}
@media only screen and (min-width: 751px) {
  .search_executionWrap_head {
    font-size: 18px;
    margin-bottom: 35px;
  }
  .search_executionWrap {
    padding: 45px 30px;
    margin-bottom: 30px;
  }
  .search_execution_block_sub_row {
    display: flex;
    margin: 0 -20px;
  }
  .search_execution_block_sub_col {
    flex: 1;
    padding: 0 20px;
  }
  .search_execution_block_sub_col:not(:first-child) {
    border-left: rgba(255,255,255, 0.4) solid 1px;
  }
  .search_execution_block p {
    font-size: 18px;
    margin-bottom: 20px;
  }
  .search_allSites {
    padding: 20px 8.72%;
  }
  .search_allSites a {
    width: 210px;
    margin: 0 auto;
    padding: 22px 10px;
  }
}
@media only screen and (max-width: 750px) {
  .search_executionWrap_head {
    font-size: 16px;
    margin-bottom: 25px;
  }
  .search_executionWrap {
    padding: 40px 20px;
  }
  .search_execution_block_sub_col + .search_execution_block_sub_col {
    margin-top: 30px;
  }
  .hidden_sm_br {
    display: none;
  }
  .search_execution_block_wrapper .search_execution_block + .search_execution_block{
    margin-top: 15px;
  }
  .search_allSites {
    padding: 15px 20px;
  }
  .search_execution_block p {
    font-size: 17px;
    margin-bottom: 15px;
    
  }
  .search_allSites a {
    padding: 16px 10px;
  }
  .search_execution_content {
    display: block;
  }
}
/* ------------------------------
- faq
------------------------------ */
.faq {
  padding: 50px 0 70px;
}
.faq .pageheadingWrap {
  margin-bottom: 50px;
}
.faq_mainContente {
  background: #fff;
  padding: 20px;
  margin-bottom: 60px;
}
.faq_block + .faq_block {
  margin-top: 50px;
}
.faq_block_heading {
  font-size: 24px;
  color: #fff;
  background: #445f9b;
  border-radius: 3px;
  padding: 18px 20px;
  margin-bottom: 30px;
}
.faq_block_head_content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}
.faq_block_head_content_block {
  width: 48.55%;
}
.faq_block_head_content_block_head {
  font-size: 20px;
  font-weight: bold;
  padding: 0 20px 15px;
  border-bottom: 1px solid #bfc2c3;
}
.faq_block_head_content_block_list {
  padding-left: 25px;
}
.faq_block_head_content_block_item {
  margin-top: 10px;
  position: relative;
  padding-left: 15px;
}
.faq_block_head_content_block_item::before {
  content: '';
  display: inline-block;
  background: #282828;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  top: 10px;
  left: 0;
}
.faq_block_head_content_block_item a {
  line-height: 1.5;
  font-size: 16px;
}
.faq_block_head_content_block_item a span {
  position: relative;
}
.faq_block_head_content_block_item a span::after {
  position: absolute;
  background: url(../../../images/common/icon_pdf.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 24px;
  height: 24px;
  right: -35px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.faq_article + .faq_article {
  margin-top: 30px;
}
.faq_article_heading {
  background: #719fb0;
  color: #fff;
  padding: 12px 20px;
  line-height: 1.3;
  font-size: 20px;
  border-radius: 3px;
  margin-bottom: 20px;
}
.faq_item {
  border-top: 1px solid #bfc2c3;
}
.faq_item:last-child {
  border-bottom: 1px solid #bfc2c3;
}
.faq_item:last-child .active.faq_question {
  border-bottom: none;
}
.faq_question {
  color: #67808e;
  font-size: 16px;
  padding: 15px 40px 15px 20px;
  line-height: 1.3;
  position: relative;
}
.faq_question::after {
  position: absolute;
  background: url(../../../images/common/icon_arrow_bottom.png) no-repeat;
  background-size: contain;
  display: block;
  content: '';
  width: 12px;
  height: 8px;
  right: 15px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
  transition: .2s;
}
.faq_question.active::after {
  -webkit-transform: rotate(180deg) translate(0,-50%);
  -moz-transform: rotate(180deg) translate(0,-50%);
  -ms-transform: rotate(180deg) translate(0,-50%);
  -o-transform: rotate(180deg) translate(0,-50%);
  transform: rotate(180deg) translate(0,-50%);
  top: 33%;
}
.faq_answer {
  border-top: 1px solid #bfc2c3;
  padding: 20px 20px;
  display: none;
  margin-bottom: 20px;
}
.faq_answer p {
  line-height: 1.5;
  font-size: 16px;
}
.faq_answer p+p {
  margin-top: 20px;
}
.faq_answer_item {
  display: table;
}
.faq_answer_item + .faq_answer_item {
  margin-top: 20px;
}
.faq_step_noWrap,
.faq_step_content {
  display: table-cell;
}
.faq_step_noWrap {
  width: 200px;
  font-size: 18px;
  color: #445f9b;
  text-align: center;
  font-weight: bold;
  background: #eee;
  line-height: 0;
  position: relative;
}
.faq_step_no_top {
  background: #eee;
  display: block;
  padding: 30px 0;
}
.faq_step_no {
  font-size: 42px;
  line-height: 1.2;
}
.faq_step_no_arrow {
  display: inline-block;
  width: 0px;
  border-color: #eeeeee;
  border-style: solid;
  border-width: 40px;
  border-left: 100px solid #fff;
  border-bottom: 0px solid #fff;
  border-right: 100px solid #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.faq_step_content {
  padding: 10px 0 40px 30px;
  vertical-align: top;
}
.faq_step_content_heading {
  font-size: 24px;
  line-height: 1.3;
  margin-bottom: 15px;
}
.faq_step_content_item {
  font-size: 16px;
  line-height: 1.5;
  position: relative;
  padding-left: 15px;
}
.faq_step_content_item::before {
  content: '';
  display: inline-block;
  background: #282828;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  position: absolute;
  top: 9px;
  left: 0;
}
.faq_step_content_item + .faq_step_content_item {
  margin-top: 5px;
}
.faq_answer_content_list {
  margin-top: 20px;
}
.faq_answer_content_item {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 37px;
  text-indent: -21px;
}
.faq_answer_content_item_no {
  font-size: 16px;
  line-height: 1.5;
  padding-left: 37px;
  text-indent: -19px;
}
.faq .contact_contactInformation {
  margin-bottom: 70px;
}
@media only screen and (max-width: 1000px) {
  .faq_block_heading {
    font-size: 20px;
    padding: 16px 20px;
  }
  .faq_block_head_content_block_head {
    font-size: 18px;
  }
  .faq_block_head_content_block_list {
    padding-left: 25px;
  }
  .faq_block_head_content_block_item {
    margin-top: 10px;
    font-size: 14px;
    padding-left: 13px;
  }
  .faq_block_head_content_block_item::before {
    width: 5px;
    height: 5px;
    top: 7px;
  }
  .faq_block_head_content_block_item a {
    line-height: 1.5;
    font-size: 14px;
  }
  .faq_block_head_content_block_item a span::after {
    width: 20px;
    height: 20px;
    right: -30px;
  }
  .faq_article + .faq_article {
    margin-top: 30px;
  }
  .faq_article_heading {
    font-size: 16px;
  }
  .faq_question {
    font-size: 14px;
  }
  .faq_question::after {
    width: 10px;
    height: 6px;
  }
  .faq_answer p {
    font-size: 14px;
  }
  .faq_answer p+p {
    margin-top: 15px;
  }
  .faq_step_noWrap {
    width: 160px;
    font-size: 16px;
  }
  .faq_step_no {
    font-size: 35px;
  }
  .faq_step_no_arrow {
    border-width: 30px;
    border-left: 80px solid #fff;
    border-right: 80px solid #fff;
    border-bottom: none;
  }
  .faq_step_content {
    padding: 10px 0 30px 30px;
  }
  .faq_step_content_heading {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .faq_step_content_item {
    font-size: 14px;
    padding-left: 10px;
  }
  .faq_step_content_item::before {
    width: 5px;
    height: 5px;
    top: 7px;
  }
  .faq_answer_content_item {
    font-size: 14px;
    text-indent: -23px;
  }
  .faq_answer_content_item_no {
    font-size: 14px;
    text-indent: -17px;
  }
}
@media only screen and (max-width: 750px) {
  .faq {
    padding: 70px 0 13%;
  }
  .faq .pageheadingWrap {
    margin-bottom: 10%;
    margin-top: 10%;
  }
  .faq_mainContente {
    padding: 0px 0 5%;
    margin-bottom: 10%;
  }
  .faq_block + .faq_block {
    margin-top: 13%;
  }
  .faq_block_heading {
    font-size: 16px;
    padding: 16px 5%;
    margin-bottom: 0;
  }
  .faq_block_head_content {
    display: block;
    padding: 10% 5% 0;
  }
  .faq_block_head_content_block {
    width: 100%;
  }
  .faq_block_head_content_block + .faq_block_head_content_block {
    margin-top: 10%;
  }
  .faq_block_head_content_block_head {
    font-size: 16px;
    padding: 0 0 5%;
    margin-bottom: 5%;
  }
  .faq_block_head_content_block_list {
    padding-left: 10px;
  }
  .faq_block_head_content_block_item {
    margin-top: 5px;
  }
  .faq_article {
    padding: 5%;
  }
  .faq_article + .faq_article {
    margin-top: 0;
  }
  .faq_article_heading {
    font-size: 14px;
    margin-bottom: 5%;
    padding: 12px 5%;
  }
  .faq_question {
    color: #67808e;
    padding: 15px 40px 15px 5%;
  }
  .faq_answer {
    border-top: 1px solid #bfc2c3;
    padding: 8% 5%;
    margin-bottom: 10%;
  }
  .faq_answer p {
    font-size: 14px;
  }
  .faq_answer p+p {
    margin-top: 5%;
  }
  .faq_answer_item + .faq_answer_item {
    margin-top: 5%;
  }
  .faq_step_noWrap {
    width: 50px;
    font-size: 10px;
  }
  .faq_step_no {
    font-size: 30px;
    line-height: 1.5;
  }
  .faq_step_no_arrow {
    border-width: 20px;
    border-left: 25px solid #fff;
    border-right: 25px solid #fff;
    border-bottom: none;
  }
  .faq_step_content {
    padding: 0 0 5% 5%;
  }
  .faq_step_content_heading {
    font-size: 18px;
    margin-bottom: 5%;
  }
  .faq_step_content_item {
    font-size: 14px;
  }
  .faq_step_content_item + .faq_step_content_item {
    margin-top: 5%;
  }
  .faq_answer_content_list {
    margin-top: 5%;
  }
  .faq_answer_content_item {
    padding-left: 25px;
    text-indent: -12px;
  }
  .faq_answer_content_item_no {
    padding-left: 25px;
    text-indent: -17px;
  }
  .faq .contact_contactInformation {
  margin-bottom: 60px;
  }
}
/* ------------------------------
- メッセージエリア 
------------------------------ */
.messageArea_error,
.pinInstructionsArea_error {
    background: #FFFF99;
    border: 3px solid #F00;
    border-radius: 30px;
    padding: 15px;
    color: #F00;
    font-size: 15px;
    margin-top: 15px;
    text-align: left;
    font-weight: bold;
    display:none;
}

.messageArea_error:before {
    content:"ご入力された内容に誤りがあります。入力欄に表示されているメッセージをご確認の上、もう一度ご入力ください。";
}

.pinInstructionsArea_error:before {
    content:"ご入力された内容に誤りがあります。機材の数量は1以上9999以下の半角数値で入力してください。";
}

.messageArea_normal {
    color: #445f9b;
    background: #FFF;
    border: 3px solid #445f9b;
    border-radius: 30px;
    padding: 15px;
    font-size: 15px;
    margin-top: 15px;
    text-align: left;
    font-weight: bold;
    display: none;
}
.messageArea_error_insert:before{
    content:"機材が追加できませんでした。入力欄に表示されているメッセージをご確認の上、もう一度ご入力ください。";
}

/* ------------------------------
- 商品検索/選択画面 DTJY3010
------------------------------ */
.inputForm_quantity{
    text-align:right;
}

.close{
    margin-bottom: 20px;
}

.txt{
    font-size: x-large;
}

.error_content_kizaiNum{
    padding-top: 4px;
}

.error .error_content_kizaiNum {
    display: block;
    color: #df5b5b;
    font-size: 16px;
    margin-bottom: 15px;
    padding-top: 15px;
}

#orderContent_head_search_errorimg{
    padding-top:0;
}

.error #orderContent_head_search_errorimg{
    float: left;
    padding: 9px;
}
.error #errorContent_searchTerm {
    margin-top: 55px;
    margin-left: 75px;
}

.error #orderContent_head_search_errorimg::after {
    content: '';
    display: block;
    width: 53px;
    height: 24px;
}
.error #orderContent_head_search_errorimg::after {
    background: url(../../../images/icon_error.png) no-repeat;
    background-size: contain;
}
.error .orderContent_head_search_input {
    background: #fff5f5;
}
.cart_modal_btn_area {
    padding-top: 20px;
    width: 80%;
    margin-left: 11%;
}
.cart_modal_inner {
    text-align: center;
    display: block;
    width: 35vw;
    height: 25vh;
    padding: 20px;
}

.cart_modal_body {
    padding-top: 20px;
}

.current.pager_prev{
  background: url(../../../images/common/icon_arrow_left_w.png) no-repeat #445f9b;
  background-size: 10px;
  background-position: 44%;

}

.current.pager_next {
  background: url(../../../images/common/icon_arrow_right_w.png) no-repeat #445f9b;
  background-size: 10px;
  background-position: 54%;
}

.messageArea_change::before {
    content:none;
}

.suuryouError{
    background: #fff5f5;
}

.chenge_cursor{
    cursor:pointer;
}

.category_title{
    font-size: 20px;
    padding-left: 20px;
    font-weight: bold;
    padding-bottom: 5px;
}

.close_btn_area{
    padding-top:10px;
}

.close_btn{
    background-color: lightgray;
    color: black!important;
}

.close_btn_area_c{
    padding-top:10px;
}

.close_btn_arrow{
    background: #199ed8;
    color: black!important;
}

.close_btn_arrow a::before {
  background: url(../../../images/icon_check.png) no-repeat center/contain;
  width: 28px;
  height: 20px;
}

.close_btn_arrow a::after {
  background: url(../../../images/common/icon_arrow_right_w.png) no-repeat center/contain;
  position: absolute;
  display: block;
  content: '';
  width: 9px;
  height: 13px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
@media only screen and (max-width: 1000px) {
    .error #errorContent_searchTerm {
        font-size: 14px;
        margin-top: 10px;
        margin-left:0;
        float: left;
    }

    .cart_modal_inner {
        text-align: center;
        display: block;
        width: 45vw;
        height: 230px;
        padding: 20px;
    }
}
@media only screen and (max-width: 750px) {
    .error #errorContent_searchTerm {
        font-size: 14px;
        margin-top: 10px;
        margin-left:0;
        float: left;
    }
    .error .orderContent_head_search_input {
        width: 69%;
        margin-right: 2%;
        font-size: 12px;
        padding: 11.5px 10px;

    }
    .cart_modal_inner {
        text-align: center;
        display: block;
        width: 70vw;
        height: 230px;
        padding: 20px;
    }
    .cart_modal_btn_area {
        padding-top: 20px;
        width: 100%;
        margin-left: 0%;
    }
    .orderContent_head_type,
    .category_title {
        display:none;
    }
    #showCart_modal{
        font-size: 14px;
    }
    .txt{
        font-size: large;
    }
}
/* ------------------------------
- change_password
------------------------------ */
.change_password_section {
    width: 100%;
    height: 100%;
    max-width: 700px;
    margin: 10% auto 2%;
    padding: 0 20px;
    position: relative;
}
.change_password_background {
    background: #f4f3f1;
}

.change_password_comment {
    padding: 10px;
    font-weight: bold;
}
.change_password_comment p {
    padding: 5px;
}


.change_password_logo_img {
    width: 480px;
    height: 360px;
    margin: 0 auto;
    display: table;
}

.change_password_form {
    padding: 20px;
    background: #fff;
    margin-top: 40px;
}

.change_password_form_block + .change_password_form_block {
    margin-top: 30px;
}

.change_password_form_heading {
    font-size: 24px;
    color: #fff;
    background: #445f9b;
    border-radius: 2px;
    padding: 18px 20px;
    margin-bottom: 10px;
}

.change_password_form_item {
    display: table;
    border-bottom: 1px solid #bfc2c3;
    position: relative;
    margin-bottom: 10px;
}

.change_password_form_item_heading {
    display: table-cell;
    position: relative;
    width: 35%;
    font-size: 16px;
    padding: 20px 0px 0px 32px;
    font-weight: bold;
    vertical-align: top;
}


.error .change_password_form_item_heading::after {
    position: absolute;
    content: '';
    display: block;
    right: 20px;
    top: 14px;
    width: 53px;
    height: 24px;
}

.error .change_password_form_item_heading::after {
    background: url(../../../images/icon_error.png) no-repeat;
    background-size: contain;
}

.error .change_password_form_item_content input {
    background: #fff5f5;
}

.change_password_form_item_content {
    display: table-cell;
    width: 30%;
    font-size: 16px;
    padding: 7px 0px 15px 0px;
}

.change_password_form input {
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    border: 1px solid #bfc2c3;
    border-radius: 2px;
    background: #fff;
    width: 350px;
}

.change_password_form_item_user_id input,
.change_password_form_item_password input {
    width: 360px;
}

.change_password_form textarea {
    padding: 17px 20px;
}

.change_password_form_block:last-child .change_password_form_item:last-child {
    border-bottom: none;
}

.change_password_form_item_center {
    text-align: center;
    padding-bottom: 10px;
}

.change_password_form_item_btn_change_password_btn {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background: #199ed8;
    border-radius: 4px;
    width: 160px;
    text-align: center;
    padding: 12px 0;
    display: inline-block;
    position: relative;
    border: none;
}

.change_password_form_item_center p {
    font-weight: bold;
    color: blue;
    margin-bottom: 15px;
}

.change_password_form_item_error_area {
    display: block;
    color: #df5b5b;
    font-size: 16px;
    margin-bottom: 20px;
}

@media only screen and (max-width: 1000px) {
    .change_password_section {
        max-width: 650px;
        padding: 0 15px;
    }
    .change_password_form_item_content {
        display: table-cell;
        width: 68.36%;
        font-size: 16px;
        padding: 7px 0px 15px 25px;
    }
    .change_password_form_heading {
        font-size: 20px;
        padding: 16px 20px;
        text-align: center;
    }
    .change_password_form_item_heading {
        padding-top: 15px;
    }
    .required .change_password_form_item_heading::after,
    .error .change_password_form_item_heading::after {
        right: -11px;
        top: 14px;
        width: 45px;
        height: 21px;
    }

    .error .error_content {
        font-size: 14px;
        margin-top: 10px;
    }

    .change_password_form_item_content {
        font-size: 14px;
    }

    .change_password_logo_img {
        width: 320px;
        height: 240px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 750px) {
    .change_password_section {
        padding: 0 5%;
    }
    .change_password_form {
        padding: 20px;
    }

    .change_password_form_item_heading {
        display: table-cell;
        position: relative;
        width: 40%;
        font-size: 16px;
        padding: 32px 20px 20px 20px;
        font-weight: bold;
        vertical-align: top;
    }

    .change_password_form_block + .change_password_form_block {
        margin-top: 5%;
    }

    .change_password_form_heading {
        font-size: 18px;
    }

    .change_password_form_item {
        display: block;
        padding: 3% 0;
        margin-bottom: 20px;
       
    }

    .change_password_form_item_heading {
        width: 90%;
        display: block;
        padding: 0;
    }

    .required .change_password_form_item_heading,
    .error .change_password_form_item_heading {
        padding: 1px 0 0 46px;
    }

    .required .change_password_form_item_heading::after,
    .error .change_password_form_item_heading::after {
        display: block;
        right: unset;
        top: 0;
        left: 0;
        width: 36px;
        height: 17px;
   }


    .change_password_form_item_content {
        display: block;
        width: 100%;
        padding: 1px;
    }

    .change_password_form input,
    .change_password_form select,
    .change_password_form textarea {
        height: 40px;
        padding: 0 5%;
        font-size: 14px;
        width: 100%;
    }

    .change_password_form_item_user_id input,
    .change_password_form_item_password input {
        width: 100%;
    }

    .change_password_form textarea {
        padding: 5%;
    }

    .change_password_logo_img {
        width: 240px;
        height: 180px;
        margin: 0 auto;
    }
}

/* ------------------------------
- kiyaku
------------------------------ */

.kiyaku {
    padding: 50px 0 70px;
}
.kiyaku .pageheadingWrap {
    margin-bottom: 50px;
  }

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

.kiyaku_block + .kiyaku_block {
    margin-top: 50px;
}

.kiyaku_block_heading {
    font-size: 24px;
    color: #fff;
    background: #445f9b;
    border-radius: 3px;
    padding: 18px 20px;
    margin-bottom: 30px;
}

.kiyaku_block_head_content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
}

.kiyaku_block_head_content_block_head {
    font-size: 20px;
    font-weight: bold;
    padding: 0 20px 15px;
    border-bottom: 1px solid #bfc2c3;
}

.kiyaku_block_head_content_block_item {
    margin-top: 10px;
    position: relative;
    padding-left: 15px;
}
 .kiyaku_block_head_content_block_item::before {
    content: '';
    display: inline-block;
    background: #282828;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    position: absolute;
    top: 10px;
    left: 0;
}
.kiyaku_article + .kiyaku_article {
    margin-top: 30px;
}

.kiyaku_article_heading {
    line-height: 1.3;
    font-size: 20px;
    border-radius: 3px;

}

.kiyaku_item {
    border-top: 1px solid #bfc2c3;
}

.kiyaku_item:last-child {
    border-bottom: 1px solid #bfc2c3;
}

.kiyaku_item:last-child .active.kiyaku_question {
    border-bottom: none;
}

.kiyaku_text {
    border-top: 1px solid #bfc2c3;
    padding: 10px 20px 20px 5px;
    display: none;
    margin-bottom: 5px;
}

.kiyaku_text p {
    line-height: 1.5;
    font-size: 16px;
}

.kiyaku_text p + p {
    margin-top: 20px;
}
.kiyaku_text a {
    display: inline;
    text-decoration: underline;    
}

.kiyaku_text_item {
    display: table;
}

.kiyaku_text_item + .kiyaku_text_item {
    margin-top: 20px;
}

@media only screen and (max-width: 1000px) {
    .kiyaku_block_heading {
        font-size: 20px;
        padding: 16px 20px;
    }

    .kiyaku_block_head_content_block_head {
        font-size: 18px;
    }

    .kiyaku_block_head_content_block_list {
        padding-left: 25px;
    }

    .kiyaku_block_head_content_block_item {
        margin-top: 10px;
        font-size: 14px;
        padding-left: 13px;
    }

    .kiyaku_block_head_content_block_item::before {
        width: 5px;
        height: 5px;
        top: 7px;
    }

    .kiyaku_block_head_content_block_item a {
        line-height: 1.5;
        font-size: 14px;

    }

    .kiyaku_block_head_content_block_item a span::after {
        width: 20px;
        height: 20px;
        right: -30px;
    }

    .kiyaku_article + .kiyaku_article {
        margin-top: 30px;
    }

    .kiyaku_article_heading {
        font-size: 16px;
    }

    .kiyaku_question {
        font-size: 14px;
    }

    .kiyaku_question::after {
        width: 10px;
        height: 6px;
    }

    .kiyaku_text p {
        font-size: 14px;
    }

    .kiyaku_text p + p {
        margin-top: 15px;
    }

    .kiyaku_step_noWrap {
        width: 160px;
        font-size: 16px;
    }

    .kiyaku_step_no {
        font-size: 35px;
    }

    .kiyaku_step_no_arrow {
        border-width: 30px;
        border-left: 80px solid #fff;
        border-right: 80px solid #fff;
        border-bottom: none;
    }

    .kiyaku_step_content {
        padding: 10px 0 30px 30px;
    }

    .kiyaku_step_content_heading {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .kiyaku_step_content_item {
        font-size: 14px;
        padding-left: 10px;
    }

    .kiyaku_step_content_item::before {
        width: 5px;
        height: 5px;
        top: 7px;
    }

    .kiyaku_text_content_item {
        font-size: 14px;
        text-indent: -23px;
    }

    .kiyaku_text_content_item_no {
        font-size: 14px;
        text-indent: -17px;
    }
}

@media only screen and (max-width: 750px) {
    .kiyaku {
        padding: 70px 0 13%;
    }
     
    .kiyaku .pageheadingWrap {
        margin-bottom: 10%;
        margin-top: 10%;
    }

    .kiyaku_mainContente {
        padding: 0px 0 5%;
    }
    .kiyaku_article {
       padding: 0px;
   }

    .kiyaku_block + .kiyaku_block {
        margin-top: 13%;
    }

    .kiyaku_block_heading {
        font-size: 16px;
        padding: 16px 5%;
        margin-bottom: 0;
    }

    .kiyaku_block_head_content {
        display: block;
        padding: 1% 5% 4%;
    }

    .kiyaku_block_head_content_block {
        width: 100%;
    }

    .kiyaku_block_head_content_block + .kiyaku_block_head_content_block {
        margin-top: 10%;
    }

    .kiyaku_block_head_content_block_head {
        font-size: 16px;
        padding: 0 0 5%;
        margin-bottom: 5%;
    }

    .kiyaku_block_head_content_block_list {
        padding-left: 10px;
    }

    .kiyaku_block_head_content_block_item {
        margin-top: 5px;
    }


    .kiyaku_article + .kiyaku_article {
        margin-top: 0;
    }

    .kiyaku_article_heading {
        font-size: 14px;
        padding-top: 10px;
    }

    .kiyaku_question {
        color: #67808e;
        padding: 15px 40px 15px 5%;
    }

    .kiyaku_text {
        border-top: 1px solid #bfc2c3;
    }

    .kiyaku_step_noWrap {
        width: 50px;
        font-size: 10px;
    }

    .kiyaku_step_no {
        font-size: 30px;
        line-height: 1.5;
    }

    .kiyaku_step_no_arrow {
        border-width: 20px;
        border-left: 25px solid #fff;
        border-right: 25px solid #fff;
        border-bottom: none;
    }

    .kiyaku_step_content {
        padding: 0 0 5% 5%;
    }

    .kiyaku_step_content_heading {
        font-size: 18px;
        margin-bottom: 5%;
    }

    .kiyaku_step_content_item {
        font-size: 14px;
    }

    .kiyaku_step_content_item + .kiyaku_step_content_item {
        margin-top: 5%;
    }

    .kiyaku_text_content_list {
        margin-top: 5%;
    }

    .kiyaku_text_content_item {
        padding-left: 25px;
        text-indent: -12px;
    }

    .kiyaku_text_content_item_no {
        padding-left: 25px;
        text-indent: -17px;
    }
}



.kiyaku_btnarea {
    padding: 20px;
    padding-bottom: 0px;
    text-align: center;
}

.kiyaku_btnarea_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
}
.kiyaku_btnarea_item a {
    border-radius: 6px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding: 17px 20px;
    position: relative;
    font-weight: bold;
}
.kiyaku_btnarea_item_back a {
    background: #fff;
    color: #67808e;
    width: 240px;
}
.kiyaku_btnarea_item_disagree a {
    background: #fff;
    margin: 10px;
    color: #67808e;
    width: 200px;
}
.kiyaku_btnarea_item_agree a {
    background: #199ed8;
    margin: 10px;
    padding: 14.6px;
    font-size: 20px;
    width: 200px;
}
.kiyaku_btnarea_item a::before {
    position: absolute;
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.kiyaku_btnarea_item_back a::before {
    background: url(../../../images/icon_prev.png) no-repeat center/contain;
}

.kiyaku_btnarea_item_disagree a::before {
    background: url(../../../images/icon_prev.png) no-repeat center/contain;
}


.kiyaku_btnarea_item_agree a::before {
    background: url(../../../images/icon_check.png) no-repeat center/contain;
    width: 28px;
    height: 20px;
    }

.kiyaku_btnarea_item_agree a::after {
    background: url(../../../images/common/icon_arrow_right_w.png) no-repeat center/contain;
    position: absolute;
    display: block;
    content: '';
    width: 13px;
    height: 20px;
    right: 20px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

@media only screen and (max-width: 1100px) {
    .kiyaku_btnarea_item a::before {
        width: 17px;
        height: 17px;
    }

    .kiyaku_item_agree a::before {
        width: 25px;
        height: 18px;
        left: 18px;
    }

    .kiyaku_btnarea_item_agree a::after {
        width: 11px;
        height: 16px;
    }
}

@media only screen and (max-width: 1000px) {
    .kiyaku_btnarea {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .kiyaku_btnarea_lead {
        font-size: 14px;
        line-height: 1.3;
    }

    .kiyaku_btnarea_item {
        width: 32%;
        margin-right: auto;
        margin-left: auto;
    }

    .kiyaku_btnarea_item:nth-child(3) {
        margin-right: 0;
    }

    .kiyaku_btnarea_item_agree {
        width: 100%;
        margin-right: 0;
    }

    .kiyaku_btnarea_item a {
        font-size: 18px;
        padding: 16px 10px;
    }

    .kiyaku_btnarea_item_disagree a {
        padding: 15px;
        font-size: 18px;
        width: 200px;
    }

    .kiyaku_btnarea_item_disagree {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .kiyaku_btnarea_item_disagree a {
        font-size: 18px;
        width: 200px;
    }
    .kiyaku_btnarea_item_back a {
        padding: 15px;
        font-size: 18px;
        width: 240px;
    }
    .kiyaku_btnarea_item_back {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 750px) {
    .kiyaku_btnarea {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .kiyaku_btnarea_list {
        display: block;
    }

    .kiyaku_btnarea_item {
        width: 100%;
        margin-bottom: 3%;
    }

    .kiyaku_btnarea_agree {
        width: 0%;
        margin-bottom: 0;
    }

    .kiyaku_btnarea_item_agree a {
        font-size: 16px;
    }

    .kiyaku_btnarea_item_agree a::before {
        width: 22px;
        height: 15px;
    }

    .kiyaku_btnarea_disagree {
        margin-bottom: 0;
    }

    .kiyaku_btnarea_item_disagree a {
        font-size: 16px;
    }

    .kiyaku_btnarea_item_disagree a::before {
        width: 22px;
        height: 15px;
    }

    .kiyaku_btnarea_back {
        margin-bottom: 0;
    }

    .kiyaku_btnarea_item_back a {
        font-size: 16px;
        text-align: center;
    }

    .kiyaku_btnarea_item_back a::before {
        width: 22px;
        height: 15px;
    }
}
/* ------------------------------
- cart_cancel
------------------------------ */
.cart_cancel_modal {
  display: none;
}
.cart_cancel_modal_inner {
  display: block;
  width: 50vw;
  height: 30%;
  padding: 30px;
}
.cart_cancel_modal_l-section {
}
.cart_cancel_btnarea {
  padding: 20px;
  padding-bottom: 0px;
  text-align: center;
}
.cart_cancel_btnarea_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.cart_cancel_btnarea_item a {
  border-radius: 6px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding: 17px 20px;
  position: relative;
  font-weight: bold;
}
.cart_cancel_btnarea_item_no a {
  background: #fff;
  margin: 10px;
  color: #67808e;
  width: 200px;
  padding: 14.6px;
  border: 1px solid #bfc2c3;
}
.cart_cancel_btnarea_item_yes a {
  background:#df5b5b;
  margin: 10px;
  padding: 14.6px;
  width: 200px;
  border: 1px solid #df5b5b;
}
.syaryo_cancel_btnarea_item_yes a {
  background:#199ed8;
  margin: 10px;
  padding: 14.6px;
  width: 200px;
  border: 1px solid #199ed8;
}
.cart_cancel_btnarea_item a::before {
  position: absolute;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  left: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
.cart_cancel_btnarea_item_yes a::before {
  background: url(../../../images/icon_check.png) no-repeat center/contain;
  width: 28px;
  height: 20px;
}
.cart_cancel_btnarea_item_yes a::after {
  background: url(../../../images/common/icon_arrow_right_w.png) no-repeat center/contain;
  position: absolute;
  display: block;
  content: '';
  width: 13px;
  height: 20px;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
  transform: translate(0,-50%);
}
@media only screen and (max-width: 1100px) {
  .cart_cancel_modal_inner {
    display: block;
    width: 60vw;
    height: 30%;
    padding: 30px;
  }
  .cart_cancel_btnarea_item a::before {
    width: 17px;
    height: 17px;
  }
  .cart_cancel_btnarea_item_yes a::after {
    width: 11px;
    height: 16px;
  }
  .syaryo_cancel_btnarea_item_yes a::after {
    width: 11px;
    height: 16px;
  }
}
@media only screen and (max-width: 1000px) {
  .cart_cancel_modal_inner {
    display: block;
    width: 60vw;
    height: 30%;
    padding: 30px;
  }
  .cart_cancel_btnarea {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cart_cancel_btnarea_item {
    width: 32%;
    margin-right: auto;
    margin-left: auto;
  }
  .cart_cancel_btnarea_item:nth-child(3) {
    margin-right: 0;
  }
  .cart_cancel_btnarea_item_yes {
    width: 100%;
    margin-right: 0;
  }
  .cart_cancel_btnarea_item_yes a {
    padding: 15px;
    width: 150px;
  }
  .syaryo_cancel_btnarea_item_yes {
    width: 100%;
    margin-right: 0;
  }
  .syaryo_cancel_btnarea_item_yes a {
    padding: 15px;
    width: 150px;
  }
  .cart_cancel_btnarea_item_no {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .cart_cancel_btnarea_item_no a {
    padding: 15px;
    width: 150px;
  }
}
@media only screen and (max-width: 750px) {
  .cart_cancel_modal_inner {
    display: block;
    width: 80vw;
    height: 30%;
    padding: 32px;
  }
  .cart_cancel_btnarea {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .cart_cancel_btnarea_list {
    display: block;
  }
  .cart_cancel_btnarea_item {
    width: 100%;
    margin-bottom: 3%;
  }
  .cart_cancel_btnarea_item_yes a {
    font-size: 16px;
    width: 180px;
  }
  .cart_cancel_btnarea_item_yes a::before {
    width: 22px;
    height: 15px;
  }
  .syaryo_cancel_btnarea_item_yes a {
    font-size: 16px;
    width: 180px;
  }
  .syaryo_cancel_btnarea_item_yes a::before {
    width: 22px;
    height: 15px;
  }
  .cart_cancel_btnarea_item_no a {
    font-size: 16px;
    width: 180px;
  }
  .cart_cancel_btnarea_item_no a::before {
    width: 22px;
    height: 15px;
  }
}

/* ------------------------------
- DTJY3030
------------------------------ */
input[type="text"][readonly="readonly"],
textarea[readonly="readonly"]{
    background:#DCDCDC!important;
    cursor:not-allowed; /* 禁止カーソル */
}

select[disabled]{
    background:#DCDCDC!important;
    cursor:not-allowed; /* 禁止カーソル */
}

.error .confirmation_form_item_content .has-error input,
.error .confirmation_form_item_content input.has-error,
.error .confirmation_form_item_content textarea.has-error,
.error .confirmation_form_item_content .selectbox .has-error,
.error .confirmation_form_item_deliveryAddress_content input.has-error,
.has-error.confirmation_form_item_deliveryAddress_address textarea,
.has-error.confirmation_form_item_sentakuPattern_Naiyo textarea,
.error .confirmation_form_item_billTo_content .has-error,
.error .confirmation_form_item_rentalKikan_content input.has-error,
.error .confirmation_form_item_sentakuPattern_content input.has-error,
.error .confirmation_form_item_uketoriHoho_content input.has-error,
.has-update .has-error{
    background: #fff5f5;
}

.error .confirmation_form_item_content .selectbox #sugiko_sharyoYoyaku,
.error .confirmation_form_item_content .selectbox #sugiko_daisha,
.error .confirmation_form_item_content .selectbox #okyakusama_tsumikomiCenter,
.error .confirmation_form_item_content .selectbox #okyakusama_raijoShashu{
    background: #fff5f5;
}

.required .create_omitumori::after,
.error .create_omitumori::after{
    top:125px;
}

.required .sohusaki_header::after,
.error .sohusaki_header::after{
    top:85px;
}

.has-update input,
.has-update textarea,
.has-update select {
  background: #fffacd;
}

.has-update input[type="button"] {
    background:none;
}

.confirmation_form_item_attachedFile_clear{
    background:none!important;
}

@media only screen and (max-width: 750px) {
    .required .create_omitumori::after,
    .error .create_omitumori::after{
        top:120px;
    }

    .required .sohusaki_header::after,
    .error .sohusaki_header::after{
        top:90px;
    }
}


/* ------------------------------
- 現場検索画面追加
------------------------------ */
.footer_sitemap_card_list_search_execution {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: stretch;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.search_executionWrap_popup {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #555;
  padding: 10px 0;
  z-index: 200;
  height: 10%;
}
.search_pinInstructions_popup {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #555;
  padding: 10px 0;
  z-index: 200;
  height: 10%;
}


.search_execution_block_footer {
  border-radius: 6px;
  padding: 1% 1% 0%;
  width: 19%;
  margin-left: 18%;
  margin-right: 8%;
}
.popuup_bottom {
  margin-bottom: 30px;
}

.search_execution_block_footer_kakutei {
  text-align: center;
  background: #199ed8;
  border-radius: 6px;
  font-size: 17px;
  padding: 20px 0;
  font-weight: bold;
  color: white;
}
.search_execution_block_footer_cancel {
  text-align: center;
  background: #fff;
  border-radius: 6px;
  font-size: 17px;
  padding: 20px 0;
  font-weight: bold;
}
.search_pinInstructions_block_footer {
  border-radius: 6px;
  padding: 1% 1% 0%;
  width: 10%;
  margin-left: 15%;
  margin-right: 5%;
}
.search_pinInstructions_block_footer_kakutei {
  text-align: center;
  background: #199ed8;
  border-radius: 6px;
  font-size: 17px;
  padding: 15px 0;
  font-weight: bold;
  color: white;
}
.search_pinInstructions_block_footer_cancel {
  text-align: center;
  border-radius: 6px;
  font-size: 17px;
  padding: 15px 0;
  font-weight: bold;
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.search_pinInstructions_block_footer_delete {
  text-align: center;
  border-radius: 6px;
  font-size: 17px;
  padding: 15px 0;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  font-weight:bold;
}


.search_headder {
  padding-top: 50px;
}
@media only screen and (max-width: 1000px) {
  .search_executionWrap_popup {
    height: 100px;
  }
  .search_pinInstructions_popup {
    height: 100px;
  }
  .search_execution_block_footer {
    width: 24%;
    margin-right: 0%;
  }
  .search_execution_block_footer_kakutei {
    width: 100%;
    margin-right: 0;
  }
  .search_execution_block_footer_kakutei a {
    padding: 15px;
    width: 150px;
  }
  .search_execution_block_footer_cancel {
    width: 100%;
  }
  .search_execution_block_footer_cancel a {
    padding: 15px;
    width: 150px;
  }

  .search_pinInstructions_block_footer {
    width: 14%;
    margin-right: 0%;
  }
  .search_pinInstructions_block_footer_kakutei {
    width: 100%;
    margin-right: 0;
  }
  .search_pinInstructions_block_footer_kakutei a {
    padding: 15px;
    width: 150px;
  }
  .search_pinInstructions_block_footer_cancel {
    width: 100%;
  }
  .search_pinInstructions_block_footer_cancel a {
    padding: 15px;
    width: 150px;
  }
  .search_pinInstructions_block_footer_delete {
    width: 100%;
  }
  .search_pinInstructions_block_footer_delete a {
    padding: 15px;
    width: 150px;
  }
}
@media only screen and (max-width: 750px) {
  .search_execution_block_footer {
    width: 30%;
    position: relative;
    flex-wrap: nowrap;
  }
  .search_executionWrap_popup {
    height: 85px;
  }
  .search_execution_block_footer_kakutei a {
    font-size: 16px;
    width: 180px;
  }
  .search_execution_block_footer_cancel a {
    font-size: 16px;
    width: 180px;
  }
  .search_pinInstructions_block_footer {
    width: 30%;
    position: relative;
    flex-wrap: nowrap;
    margin-right: -18%;
  }
  .search_pinInstructions_block_footer_kakutei a {
    font-size: 16px;
    width: 180px;
  }
  .search_pinInstructions_block_footer_cancel a {
    font-size: 16px;
    width: 180px;
  }
  .search_pinInstructions_block_footer_delete a {
    font-size: 16px;
    width: 180px;
  }
  .pageheadingWrap {
    margin-top: 5%;
    margin-bottom: 5%; 
    text-align: center;
  }
  .search_execution_block_footer_cancel {
    width: 60%;
    margin-bottom: 5px;
  }
  .search_execution_block_footer_kakutei {
    width: 60%;
  }
  .search_pinInstructions_block_footer_cancel {
    width: 60%;
    margin-bottom: 5px;
  }
  .search_pinInstructions_block_footer_kakutei {
    width: 60%;
  }
  .search_pinInstructions_block_footer_delete {
    width: 60%;
  }
}
/* ------------------------------
- 滅失金確認モーダル
------------------------------ */
.genba_search_modal {
  display: none;
}
.genba_search_modal_inner {
  display: block;
  height: 30%;
  padding: 30px;
}
.genba_search_modal_l-section {
}
.genba_search_modal_btnarea {
  padding-top: 20px;
  text-align: center;
}
.genba_search_modal_btnarea_list{
    display: inline-flex;
}
.genba_search_modal_list {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}
.genba_search_modal_item {
  margin-right: auto;
  margin-left: auto;
}
.genba_search_modal_item a {
  border-radius: 6px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  padding: 17px 20px;
  position: relative;
  font-weight: bold;
}
.genba_search_modal_btnarea_item_no a {
  background: #fff;
  margin: 10px;
  color: #67808e;
  width: 150px;
  padding: 14.6px;
  border: 1px solid #bfc2c3;
}
.genba_search_modal_btnarea_item_yes a {
  background: #199ed8;
  margin: 10px;
  width: 150px;
  padding: 14.6px;
  border: 1px solid #bfc2c3;
}

@media only screen and (max-width: 1200px) {
  .genba_search_modal_btnarea {
    justify-content: center;
    align-items: center;
  }
  .genba_search_modal_btnarea_item {
    width: 32%;
    margin-right: auto;
    margin-left: auto;
  }
  .genba_search_modal_btnarea_item:nth-child(3) {
    margin-right: 0;
  }
  .genba_search_modal_btnarea_item_yes {
    width: 100%;
    margin-right: 0;
  }
  .genba_search_modal_btnarea_item_yes a {
    padding: 15px;
    width: 150px;
  }
  .common_modal_btnarea_item_no {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .genba_search_modal_btnarea_item_no a {
    padding: 15px;
    width: 150px;
  }
}
@media only screen and (max-width: 700px) {
  .genba_search_modal_inner {
    width: 300px;
    height: 320px;
  }
  .genba_search_modal_btnarea {
    display: table-cell;
    justify-content: center;
    align-items: center;
    padding-left: 1%;
    padding-top: 0px;
    padding-right: 5%;
  }
  .genba_search_modal_btnarea_item {
    width: 100%;
    margin-bottom: 3%;
  }
  .genba_search_modal_btnarea_item_yes a {
    font-size: 16px;
    width: 150px;
  }
  .genba_search_modal_btnarea_item_no a {
    font-size: 16px;
    width: 150px;
  }
  .genba_search_modal_item {
    width: 32%;
    margin-right: auto;
 }
  .genba_search_modal_btnarea_list{
    display: block;
    position: relative;
    right:55px;
 }
}
/* ------------------------------
- iframeタグ（現場検索）
------------------------------ */
.ifmSearch {
  width: 109%;
  position: relative; 
  right: 4.5%
}
@media only screen and (max-width: 1400px) {
 .ifmSearch {
   width: 100%;
   right: 0px;
 }
}
@media only screen and (max-width: 1050px) {
 .ifmSearch {
   width: 102%;
   position: relative;
   right: 1%;
 }
}

/* ------------------------------
- 注文内容最終確認画面
------------------------------ */

.update_kizai{
    border: 5px solid red;
    margin-bottom: 5px;
}
.update_kizai .confirmation_final_item_right .confirmation_final_item_quantity_content,
.update_kizai .confirmation_final_item_right .confirmation_final_item_weight_content{
    color:red;
    font-weight: bold;
}
.update_chumonDetail{
    color: red;
    font-weight: bold;
}
#top_history_search_foot_item_panelSearch_kanryoYoteiDate{
    width:100%;
}
#top_history_search_foot_item_panelSearch_teisyutuNouki{
    width:100%;
}

.item_content_label{
    padding: 32px 20px 20px 20px;
}

.item_content_label_kaishaNm{
    padding-top: 12px;
}

.item_content_label_iraisakiJigyoshoNm{
    padding-top: 12px;
}

@media only screen and (max-width: 750px) {
    .item_content_label{
        padding: 0 20px 0 20px;
    }
}

/* ------------------------------
- 機材選択内容確認画面 DTJY3020
------------------------------ */
.input_quantity {
    text-align: right;
}
.has-error .input_quantity {
    background: #fff5f5;
}
.more_page {
   background: #fff;
   font-size: 16px;
   font-weight: bold;
   border-radius: 6px;
   padding: 17px 20px;
   position: relative;
   text-align: center;
   margin-bottom: 30px;
   display: none;
}

.more_page::before {
    position: absolute;
    background: url(../../../images/common/icon_arrow_bottom.png) no-repeat;
    background-size: contain;
    display: block;
    content: '';
    width: 18px;
    height: 20px;
    right: 500px;
    top: 60%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}

.close {
    margin-bottom: 20px;
}

.txt_cart {
    font-size: x-large;
}

.error_content_message {
    padding-top: 15px;
}

.error .error_content_message {
    display: block;
    color: #df5b5b;
    font-size: 16px;
    margin-bottom: 15px;
}

#orderContent_head_search_errorimg_kizai {
    padding-top: 0;
}

.error #orderContent_head_search_errorimg_kizai {
    float: left;
    padding-right: 6px;
    padding-bottom: 80px
}

.error #orderContent_head_search_errorimg_kizai::after {
    content: '';
    display: block;
    width: 52px;
    height: 21px;
}

.error #orderContent_head_search_errorimg_kizai::after {
    background: url(../../../images/icon_error.png) no-repeat;
    background-size: contain;
}

.label_quantity {
    padding-right: 20px;
    font-weight: bolder;
    font-size: 15px;
}

@media only screen and (max-width: 1000px) {
  .error #orderContent_head_search_errorimg_kizai {
    padding-bottom: 25px;
  }
}
@media only screen and (max-width: 750px) {
  .error #orderContent_head_search_errorimg_kizai::after {
    width: 40px;
  }
  .error #orderContent_head_search_errorimg_kizai {
    padding-bottom: 20px;
  }
}
.required #required_kizaichumon,
.error #required_kizaichumon{
    float: left;
}

.required #required_kizaichumon::after,
.error #required_kizaichumon::after{
    content: '';
    display: block;
    position:relative;
    top:-5px;
    width: 55px;
    height: 24px;
    margin-right:5px;
}

.required #required_kizaichumon::after {
    background: url(../../../images/icon_required.png) no-repeat;
    background-size: contain;
}

.error #required_kizaichumon::after {
    background: url(../../../images/icon_error.png) no-repeat;
    background-size: contain;
}

.error .orderContent_head_search_input {
    background: #fff5f5;
}

.messageArea_change::before {
    content: none;
}

@media only screen and (max-width: 1000px) {
 .error #errorContent_searchTerm {
     font-size: 14px;
     margin-top: 10px;
     margin-left: 0;
     float: left;
 }
}

@media only screen and (max-width: 750px) {
 .error #errorContent_searchTerm {
     font-size: 14px;
     margin-top: 10px;
     margin-left: 0;
     float: left;
 }

 .error .orderContent_head_search_input {
     width: 65%;
     margin-right: 2%;
     font-size: 12px;
     padding: 11.5px 10px;
 }

}

.error .confirmation_insideCart_textarea {
    background: #fff5f5;
}
.genba_serch_body {
  width: 100%;
  max-width: 1186px;
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
}
.pinInstructions_serch_body {
  width: 100%;
  max-width: 1186px;
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
}
@media only screen and (max-width:  1000px) {
  .genba_serch_body {
    max-width: 100%;
    padding: 0 8px;
  }
  .pinInstructions_serch_body {
    max-width: 100%;    
    padding: 0 8px;
  }
}
@media only screen and (max-width: 750px) {
  .genba_serch_body {
    padding: 0 6px;
  }
  .pinInstructions_serch_body {
    padding: 0 6px;
  }
}
/* ------------------------------
- 現場検索エラー表示追加
------------------------------ */
.error .search_foot_item_name::after {
  position: relative;
  content: '';
  display: block;
  left: 52px;
  top: -31px;
  width: 53px;
  height: 24px;
}
.error .search_foot_item_name::after {
  background: url(../../../images/icon_error.png) no-repeat;
  background-size: contain;
}
.error .search_foot_item_content_kanryo_error,
.error .search_foot_item_content_tel_error{
  font-size: 0;
  padding-top: 5px;
}
.error .search_foot_item_content_kanryo_error::before {
  font-size: 16px;
  content: "完了\A予定日";
  white-space: pre;
}
.error .search_foot_item_content_tel_error::before {
  font-size: 16px;
  content: "電話\A番号";
  white-space: pre;
}
.has-error .input_tel {
  background: #fff5f5;
}

@media only screen and (max-width: 1000px) {
 .error .search_foot_item_name::after {
   top: -28px;
   width: 35px;
 }
}

@media only screen and (max-width: 750px) {
 .error .search_foot_item_name::after {
   display: block;
   right: unset;
   top: 0;
   left: 0;
   width: 36px;
   height: 17px;
 }
 .error .search_foot_item_content_kanryo_error::before {
   font-size: 14px;
   content: "完了予定日";
   position: relative;
   left: 40px;
   bottom: -16px;
 }
 .error .search_foot_item_content_tel_error::before {
   font-size: 14px;
   content: "電話番号";
   position: relative;
   left: 40px;
   bottom: -16px;
 }
}

/* ------------------------------
- DTJY3050_機材注文入力完了
------------------------------ */
.complete_btnarea {
    padding: 5px;
    padding-bottom: 20px;
    text-align: center;
    width: 50%;
}
.complete_btnarea_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
}
.complete_btnarea_item a {
    border-radius: 6px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    padding: 17px 20px;
    position: relative;
    font-weight: bold;
    width: 250px;
}
.complete_btn_top {
    margin: 0 auto;
    width: 250px;
}
.complete_btn_top a {
    background: #fff;
    font-size: 16px;
    font-weight: bold;
    border-radius: 6px;
    padding: 17px 30px 17px 20px;
    position: relative;
    text-align: center;
}
.complete_btn_top a::after {
    position: absolute;
    background: url(../../../images/common/icon_arrow_right.png) no-repeat;
    background-size: contain;
    display: block;
    content: '';
    width: 10px;
    height: 16px;
    right: 15px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.complete_btnarea_item_back a {
    background: #fff;
    color: #67808e;
    width: 250px;
}
.complete_btnarea_item a::before {
    position: absolute;
    display: block;
    content: '';
    width: 20px;
    height: 20px;
    left: 20px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.complete_btnarea_item_back a::before {
    background: url(../../../images/complete/icon_prev.png) no-repeat center/contain;
}

@media only screen and (max-width: 1100px) {
    .complete_btnarea {
        width: 60%;
    }
}

@media only screen and (max-width: 1000px) {
    .complete_btnarea {
        width: 90%;
    }
    .complete_btnarea_item a {
        width: 270px;
    }
    .complete_btn_top {
        width: 270px;
    }
}

@media only screen and (max-width: 750px) {
    .complete_btnarea {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .complete_btnarea_list {
        display: block;
    }
    .complete_btnarea_item {
        margin-bottom: 3%;
    }
    .complete_btn_top a {
        width: 250px;
    }
    .complete_btnarea_item a {
        width: 250px;
    }
}

.newAnimeStyle > li:nth-of-type(2) > a:nth-of-type(1)::before {
  display        : inline-block;       /* インラインボックス定義  */
  content        : "NEW";              /* 表示する文字            */
  background     : #ff0000;            /* 背景色                  */
  color          : #ffffff;            /* 文字色                  */
  font-weight    : bold;               /* 太字                    */
  font-size      : 10pt;               /* ベースの文字サイズ      */
  letter-spacing : -1px;               /* 文字間隔詰め            */
  line-height    : 1;                  /* 1行の高さ               */
  vertical-align : top;                /* 基準の高さ位置          */
  margin         : 0;                  /* 外余白なし              */
  padding        : 2px;                /* 反転時の内余白          */
  transform      : scale(0.6)          /* 文字サイズ変更          */
                   translateX(-30%);    /* 横位置調整              */
                                       /* ブリンクのアニメ指定    */
  animation      : newAnime .7s infinite alternate;
}
@keyframes newAnime {
   0% { color      : #ff0000;          /* ブリンク時の文字色      */
        background : #ffffff;          /* ブリンク時の背景色      */
      }
 100% { color      : #ffffff;          /* ブリンク時の文字色      */
        background : #ff0000;          /* ブリンク時の背景色      */
      }
}