@charset "UTF-8";
/* ==============================================================
*  templates
* ============================================================ */

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html,
body,
div,
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,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  border: 0;
  outline: 0;
}

html {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */

ins {
  color: #000;
  text-decoration: none;
  background-color: #ff9;
}

/* change colours to suit your needs */

mark {
  color: #000;
  font-weight: bold;
  font-style: italic;
  background-color: #ff9;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

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

/* change border colour to suit your needs */

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc;
}

input,
select {
  vertical-align: middle;
}

/* safari */

input,
textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  -webkit-appearance: none;
}

/* Box sizingの定義 */

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* bodyのデフォルトを定義 */

body {
  color: #333;
  font-family: 'ヒラギノ角ゴ Pro W3', Hiragino Kaku Gothic Pro, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.txt {
  line-height: 1.5;
}

/* classを持たない要素はデフォルトのスタイルを取得 */

a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

a {
  color: #0f4fb9;
}

a:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}

/* inputやbuttonなどのフォントは継承を定義 */

input,
button,
textarea,
select {
  font: inherit;
}

/* IE以外モダンブラウザ */

.clearfix::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}

/* IE7・Mac版IE5 */

.clearfix {
  display: inline-block;
}

/* フォーカス時の枠線消去 */

:focus {
  outline: none;
}

/* alpo番号画像 */

.tel_img {
  max-width: 100%;
  height: auto;
  font-size: 0;
  line-height: 0;
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* テキスト化 */
.text_tel {
  display: block;
  max-width: 100%;
  aspect-ratio: 200 / 32;
  font-weight: bold;
  font-size: 23px;
  color: #ff6600;
  line-height: 1;
  white-space: nowrap;
  scale: 1 1.7;
  transform-origin: left top;
  text-align: left;
  -webkit-text-stroke: 1px currentColor;
  text-stroke: 1px currentColor;
  font-family: 'メイリオ', Meiryo, sans-serif;
}
.text_tel.text_tel-w244 {
  font-size: 26px;
}
.text_tel.text_tel-footer {
  font-size: 26px;
  scale: 1 1.6;
}
.text_tel.text_tel-fixednav {
  font-size: 28px;
}
.text_tel.text_tel-closing {
  width: 243px;
  font-size: 35px;
  scale: 1 1.3;
  transform-origin: left center;
}
.text_tel.text_tel-closing-mini {
  position: absolute;
  top: 64px;
  left: 109px;
}
.text_tel.text_tel-form {
  font-size: 42px;
  scale: 1 1.3;
  transform-origin: left center;
  color: #ff0000;
  position: absolute;
  top: 34px;
  left: 340px;
}
.text_tel.text_tel-form02 {
  font-size: 42px;
  scale: 1 1.3;
  transform-origin: left center;
  color: #ff0000;
  position: absolute;
  top: 50px;
  left: 340px;
}
.text_tel.text_tel-form-l {
  font-size: 42px;
  scale: 1 1.3;
  transform-origin: left center;
  color: #ff0000;
  position: absolute;
  top: 19px;
  left: 340px;
}
.text_tel.text_tel-en {
  font-size: 27px;
  transform-origin: left center;
}

/* margin */

.mt0 {
  margin-top: 0;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb100 {
  margin-bottom: 100px;
}

.mr30 {
  margin-right: 30px;
}

.mlr_auto {
  margin-right: auto;
  margin-left: auto;
}

.pb10 {
  padding-bottom: 10px;
}

.visible {
  visibility: visible;
}

.hidden {
  visibility: hidden;
}

.none {
  display: none;
}

/* text-align */

.center {
  text-align: center;
}

.txt_right {
  text-align: right;
}

/* font */

.fs12 {
  font-size: 12px;
}

.fs20 {
  font-size: 20px;
}

.fs32 {
  font-size: 32px;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.underline {
  text-decoration: underline;
}

.notice {
  color: #e74d4d;
}

.notice_blue {
  color: #054e9b;
}

.marker_yellow {
  background: linear-gradient(transparent 0.8em, #fff8a8 0, #fff8a8 1.5em, transparent 0);
}

.c_yellow {
  color: #fff8a8;
}

.inner_link {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  text-indent: -999px;
}

/* ==============================================================
*  layout
* ============================================================ */

#header {
  height: 160px;
}

#header .headbox {
  margin-bottom: 10px;
  background-color: #005dbf;
}

#header .headbox .inbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 980px;
  height: 30px;
  margin: 0 auto;
}

#header .headbox .txtbox .txt {
  color: #fff;
  font-size: 10px;
}

#header .headbox .btnbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#header .headbox .btnbox #btn_user {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  margin-right: 10px;
  padding: 0 20px 0 10px;
  color: #333;
  font-weight: bold;
  font-size: 12px;
  line-height: 1;
  line-height: 1;
  text-decoration: none;
  background-color: #fff;
  border-radius: 4px;
}

#header .headbox .btnbox #btn_user::after {
  position: absolute;
  top: 0;
  right: 6px;
  bottom: 0;
  width: 4px;
  height: 4px;
  margin: auto;
  vertical-align: middle;
  border: 4px solid transparent;
  border-left: 4px solid #6a6a6a;
  content: '';
}

#header .headbox .btnbox #btn_english {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  padding-right: 12px;
  color: #fff;
  font-size: 11px;
  line-height: 1;
  line-height: 1;
}

#header .headbox .btnbox #btn_english::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 4px;
  height: 4px;
  margin: auto;
  vertical-align: middle;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
  content: '';
}

#header .btmbox {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 980px;
  margin: 0 auto;
}

#header .btmbox .l_area {
  width: 510px;
}

#header .btmbox .partnerbox {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid #e8e8e8;
}

#header .btmbox .partnerbox .txt {
  color: #282828;
  font-size: 10px;
}

#header .btmbox .logobox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#header .btmbox .areabox {
  width: 180px;
}

#header .btmbox .areabox .txt {
  margin-bottom: 6px;
  color: #2168b2;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

#header .btmbox .areabox .list {
  display: flex;
  justify-content: space-between;
}

#header .btmbox .areabox .list a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 85px;
  height: 30px;
  padding-right: 8px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  background-color: #a2a2a2;
  border-radius: 4px;
  box-shadow: 0 3px 0 0 #939393;
}

#header .btmbox .areabox .list a::after {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  width: 4px;
  height: 4px;
  margin: auto;
  vertical-align: middle;
  border: 4px solid transparent;
  border-left: 4px solid #fff;
  content: '';
}

#header .btmbox .areabox .list a:hover {
  color: #333;
  background-color: #fffc00;
  box-shadow: 0 3px 0 0 #fc0;
  opacity: 1;
}

#header .btmbox .areabox .list a:hover::after {
  border-left: 4px solid #333;
}

#header .btmbox .areabox .list .area_current a {
  color: #333;
  background-color: #fffc00;
  box-shadow: 0 3px 0 0 #fc0;
  opacity: 1;
}

#header .btmbox .areabox .list .area_current a::after {
  border-left: 4px solid #333;
}

/* 2022/05/18（ヘッダー法人電話番号等削除） */
.new_header_closing {
  width: 400px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.new_header_closing_tel {
  flex-basis: 190px;
}

.new_header_closing_tel_txt {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 5px;
  background-color: #005dbf;
  border-radius: 4px;
}

.new_header_closing_telimg {
  margin: 7px -10px 6px 0;
  line-height: 32px;
}

.new_header_closing_telex {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}

.new_header_closing_telex li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 17px;
  color: #fff;
  font-size: 10px;
  background-color: #828282;
  border-radius: 4px;
}

.new_header_closing_telex:not(:last-of-type) {
  margin-right: 4px;
}

.new_header_closing_btns {
  flex-basis: 190px;
  line-height: 0;
}

.new_header_closing_btns li:not(:first-child) {
  margin-top: 10px;
}

.new_header_closing_btns li a:hover {
  opacity: 1;
}

.new_header_closing_btn_1,
.new_header_closing_btn_2 {
  text-align: center;
  border-radius: 8px;
  display: block;
  line-height: 0;
  padding: 7px 0;
}

.new_header_closing_btn_1:hover,
.new_header_closing_btn_2:hover {
  transform: translateY(2px);
  opacity: 1;
}

.new_header_closing_btn_1 {
  background: linear-gradient(330deg, #ff7200 0%, #ff7200 50%, #ff801a 50%, #ff801a 100%);
  box-shadow: 0 4px 0 0 #d86100;
}

.new_header_closing_btn_1:hover {
  box-shadow: 0 2px 0 0 #d86100;
}

.new_header_closing_btn_2 {
  background: linear-gradient(330deg, #40ab1b 0%, #40ab1b 50%, #4bb526 50%, #4bb526 100%);
  box-shadow: 0 4px 0 0 #338e14;
}

.new_header_closing_btn_2:hover {
  box-shadow: 0 2px 0 0 #338e14;
}

/* ==============================================================
*  gnav
* ============================================================ */

#gnav {
  position: relative;
  z-index: 99;
  width: 100%;
  height: 48px;
  background-color: #f3f3f3;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

#gnav .gnav_inner {
  width: 980px;
  margin: 0 auto;
}

#gnav .gnav_inner .gnav_menu {
  display: flex;
  justify-content: center;
}

#gnav .gnav_inner .gnav_menu > li {
  height: 47px;
}

#gnav .gnav_inner .gnav_menu > li:nth-of-type(1) {
  width: 154px;
}

#gnav .gnav_inner .gnav_menu > li:nth-of-type(2) {
  width: 173px;
}

#gnav .gnav_inner .gnav_menu > li:nth-of-type(3) {
  width: 164px;
}

#gnav .gnav_inner .gnav_menu > li:nth-of-type(4) {
  width: 163px;
}

#gnav .gnav_inner .gnav_menu > li:nth-of-type(5) {
  width: 164px;
}

#gnav .gnav_inner .gnav_menu > li:last-of-type {
  width: 162px;
  border-right: 1px solid #e8e8e8;
}

#gnav .gnav_inner .gnav_menu > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 46px;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  border-left: 1px solid #e8e8e8;
}

#gnav .gnav_inner .gnav_menu > li > a:hover {
  color: #005dbf;
  background-color: #b5d2f1;
  opacity: 1;
  transition: 0.2s linear;
}

#gnav .gnav_inner .gnav_menu > li > a .gnav_menu_ico_campaign {
  display: inline-block;
  width: 16px;
  height: 19px;
  margin-right: 8px;
  background: url(../img/common/gnav_menu_ico_campaign.png) no-repeat;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second_wrap {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: #005dbf;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.15);
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease;
}

#gnav .gnav_inner .gnav_menu > li.gnav_menu_current > a {
  position: relative;
  bottom: 8px;
  height: 54px;
  color: #2168b2;
  background-color: #fff;
  border-top: 7px solid #2168b2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

#gnav .gnav_inner .gnav_menu > li.gnav_menu_current > a:hover {
  color: #005dbf;
  background-color: #b5d2f1;
  opacity: 1;
  transition: 0.2s linear;
}

#gnav .gnav_inner .gnav_menu > li.gnav_menu_open::after {
  position: relative;
  right: 0;
  bottom: 7px;
  left: 0;
  display: block;
  width: 13px;
  height: 6px;
  margin: 0 auto;
  border-color: transparent transparent #d9d9d9 transparent;
  border-style: solid;
  border-width: 0 7px 8px 7px;
  content: '';
}

#gnav .gnav_inner .gnav_menu > li.gnav_menu_open.gnav_menu_current::after {
  bottom: 14px;
}

#gnav .gnav_inner .gnav_menu > li.gnav_menu_open:hover .gnav_menu_second_wrap {
  top: 47px;
  visibility: visible;
  opacity: 1;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 980px;
  margin: 0 auto;
  padding: 18px 0;
}

#gnav .gnav_inner .gnav_menu.west > li .gnav_menu_second {
  width: 802px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second::after {
  position: absolute;
  top: -7px;
  display: block;
  width: 13px;
  height: 6px;
  border-color: transparent transparent #005dbf transparent;
  border-style: solid;
  border-width: 0 7px 8px 7px;
  content: '';
}

#gnav .gnav_inner .gnav_menu.east > li .gnav_menu_second > li:nth-of-type(n + 6) {
  margin-top: 13px;
}

#gnav .gnav_inner .gnav_menu.west > li .gnav_menu_second > li:nth-of-type(n + 5) {
  margin-top: 13px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second > li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 178px;
  height: 130px;
  padding-top: 74px;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  background-color: #0769d0;
  border: 1px solid #3c8ee4;
  border-radius: 12px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second > li a .gnav_menu_ar {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  background: url(../img/common/gnav_menu_ar.png) no-repeat;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second > li a .gnav_menu_gentei {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 65px;
  height: 65px;
  margin-right: 8px;
  background: url(../img/common/gnav_menu_ico_gentei.png) no-repeat;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_first {
  padding-right: 20px;
  padding-left: 210px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_first li:not(:last-of-type) {
  margin-right: 12px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_first li:nth-of-type(1) {
  position: absolute;
  left: 20px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_first li:nth-of-type(1) a {
  position: relative;
  width: 176px;
  height: 271px;
  padding-top: 210px;
  background-image: url(../img/common/gnav_menu_ico_first.png);
  background-repeat: no-repeat;
  background-position: center 76px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_first li:nth-of-type(1) a::after {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 102;
  display: block;
  width: 176px;
  height: 37px;
  background: url(../img/common/gnav_menu_bg_first.png) no-repeat;
  content: '';
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_first li:nth-of-type(2) a {
  background-image: url(../img/common/gnav_menu_ico_about.png);
  background-repeat: no-repeat;
  background-position: center 40px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_first li:nth-of-type(3) a {
  background-image: url(../img/common/gnav_menu_ico_qa.png);
  background-repeat: no-repeat;
  background-position: center 22px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_first li:nth-of-type(4) a {
  background-image: url(../img/common/gnav_menu_ico_move.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}

#gnav .gnav_inner .gnav_menu.east > li .gnav_menu_second.gnav_menu_first li:nth-of-type(5) {
  margin-right: 0;
}

#gnav .gnav_inner .gnav_menu.west > li .gnav_menu_second.gnav_menu_first li:nth-of-type(4) {
  margin-right: 0;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_first li:nth-of-type(5) a {
  background-image: url(../img/common/gnav_menu_ico_oisogi.png);
  background-repeat: no-repeat;
  background-position: center 38px;
}

#gnav .gnav_inner .gnav_menu.east > li .gnav_menu_second.gnav_menu_first li:nth-of-type(6) a {
  background-image: url(../img/common/gnav_menu_ico_cue.png);
  background-repeat: no-repeat;
  background-position: center 24px;
}

#gnav .gnav_inner .gnav_menu.east > li .gnav_menu_second.gnav_menu_first li:nth-of-type(7) a {
  background-image: url(../img/common/gnav_menu_ico_research.png);
  background-repeat: no-repeat;
  background-position: center 22px;
}

#gnav .gnav_inner .gnav_menu.west > li .gnav_menu_second.gnav_menu_first li:nth-of-type(6) a,
#gnav .gnav_inner .gnav_menu.east > li .gnav_menu_second.gnav_menu_first li:nth-of-type(8) a {
  background-image: url(../img/common/gnav_menu_ico_norikae.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}

#gnav .gnav_inner .gnav_menu.east > li .gnav_menu_second.gnav_menu_first li:nth-of-type(9) a,
#gnav .gnav_inner .gnav_menu.west > li .gnav_menu_second.gnav_menu_first li:nth-of-type(7) a {
  background-image: url(../img/common/gnav_menu_ico_norikae_qa.png);
  background-repeat: no-repeat;
  background-position: center 25px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_charge li:not(:last-of-type) {
  margin-right: 16px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_charge li:nth-of-type(1) a {
  background-image: url(../img/common/gnav_menu_ico_charge.png);
  background-repeat: no-repeat;
  background-position: center 29px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_charge li:nth-of-type(2) a {
  background-image: url(../img/common/gnav_menu_ico_light_m.png);
  background-repeat: no-repeat;
  background-position: center 16px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_charge li:nth-of-type(3) a {
  background-image: url(../img/common/gnav_menu_ico_light.png);
  background-repeat: no-repeat;
  background-position: center 30px;
}

#gnav .gnav_inner .gnav_menu > li .gnav_menu_second.gnav_menu_charge li:nth-of-type(4) a {
  background-image: url(../img/common/gnav_menu_ico_b_plan.png);
  background-repeat: no-repeat;
  background-position: center 28px;
}

#gnav .gnav_inner .gnav_menu > li:nth-of-type(2) .gnav_menu_second::after {
  left: 234px;
}

#gnav .gnav_inner .gnav_menu.west > li:nth-of-type(2) .gnav_menu_second::after {
  left: 144px;
}

#gnav .gnav_inner .gnav_menu > li:nth-of-type(4) .gnav_menu_second::after {
  right: 401px;
}

#gnav .gnav_inner .gnav_menu.west > li .gnav_menu_second.gnav_menu_first li:nth-of-type(1) a {
  background-image: url(../img/common/gnav_menu_ico_first_west.png);
}

#gnav .gnav_inner .gnav_menu.west > li .gnav_menu_second.gnav_menu_first li:nth-of-type(2) a {
  background-image: url(../img/common/gnav_menu_ico_about_west.png);
}

/* ==============================================================
*  side_bar
* ============================================================ */

#side_bar {
  width: 210px;
}

#side_bar .btnbox {
  margin-bottom: 18px;
}

#side_bar .btnbox .list li {
  margin-top: 14px;
}

#side_bar .btnbox a {
  width: 210px;
  height: 45px;
}

#side_bar .btnbox .closing_btn1 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #ff7200 0%, #ff7200 50%, #ff801a 50%, #ff801a 100%);
  border-radius: 8px;
  box-shadow: 0 6px 0 0 #d86100;
}

#side_bar .btnbox .closing_btn1:hover {
  box-shadow: 0 3px 0 0 #d86100;
  transform: translateY(3px);
  opacity: 1;
}

#side_bar .btnbox .closing_btn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #40ab1b 0%, #40ab1b 50%, #4bb526 50%, #4bb526 100%);
  border-radius: 8px;
  box-shadow: 0 6px 0 0 #338e14;
}

#side_bar .btnbox .closing_btn2:hover {
  box-shadow: 0 3px 0 0 #338e14;
  transform: translateY(3px);
  opacity: 1;
}

#side_bar .searchbox {
  margin-bottom: 14px;
}

#side_bar .searchbox input {
  width: 210px;
  height: 40px;
  padding: 0 24px 0 14px;
  font-size: 14px;
  -ms-word-break: normal;
  word-break: normal;
  background: #fff url(../img/common/search_ico.png) no-repeat right 16px center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#side_bar .searchbox input:focus {
  outline: none;
}

#side_bar .searchbox input::-webkit-input-placeholder {
  color: #a2a2a2;
}

#side_bar .searchbox input::-moz-placeholder {
  color: #a2a2a2;
}

#side_bar .searchbox input:-ms-input-placeholder {
  color: #a2a2a2;
}

#side_bar .searchbox input::-ms-input-placeholder {
  color: #a2a2a2;
}

#side_bar .searchbox input::placeholder {
  color: #a2a2a2;
}

#side_bar .side_bnrbox .bnr_item:not(:first-of-type) {
  margin-top: 20px;
}

#side_bar .side_gray_bnrbox {
  padding: 4px;
  background-color: #f3f3f3;
}

#side_bar .side_gray_bnrbox .bnr_item:not(:first-of-type) {
  margin-top: 10px;
}

#side_bar .mt {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  background-color: #f3f3f3;
}

#side_bar .mt a {
  position: relative;
  padding-left: 14px;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

#side_bar .mt a::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 6px;
  margin: 0 auto;
  margin: auto;
  vertical-align: middle;
  border-color: transparent transparent transparent #f60;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  transform: translateY(-50%);
  content: '';
}

#side_bar .providerbox {
  padding: 1px;
  border: 1px solid #d9d9d9;
}

#side_bar .providerbox .mt {
  height: 60px;
}

#side_bar .providerbox .list {
  width: 185px;
  margin: 0 auto;
}

#side_bar .providerbox .list li {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 12px;
}

#side_bar .providerbox .list li img {
  margin-left: 5px;
}

#side_bar .providerbox .list li:not(:first-of-type) {
  border-top: 1px solid #e1e1e1;
}

#side_bar .providerbox .list li a {
  display: flex;
  align-items: center;
  height: 50px;
}

#side_bar .listbox {
  padding: 1px;
  border: 1px solid #d9d9d9;
}

#side_bar .listbox .mt {
  height: 42px;
}

#side_bar .listbox .st {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30px;
  font-weight: bold;
  font-size: 12px;
  background-color: #f3f3f3;
}

#side_bar .listbox .list {
  width: 185px;
  margin: 0 auto;
}

#side_bar .listbox .list li {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}

#side_bar .listbox .list li:hover {
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.2s;
}

#side_bar .listbox .list li:not(:first-of-type) {
  border-top: 1px solid #e1e1e1;
}

#side_bar .listbox .list li .ico {
  width: 54px;
  padding-left: 4px;
}

#side_bar .listbox .list li .txtbox {
  width: 130px;
  padding-right: 4px;
}

#side_bar .listbox .list li .txtbox .logo {
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 12px;
  font-feature-settings: 'palt';
}

#side_bar .listbox .list li .txtbox .txt {
  font-size: 10px;
  line-height: 1.3;
}

#side_bar .listbox .list li .txt_link a {
  position: relative;
  display: block;
  padding-left: 14px;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
}

#side_bar .listbox .list li .txt_link a::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 8px;
  height: 6px;
  margin: 0 auto;
  margin: auto;
  vertical-align: middle;
  border-color: transparent transparent transparent #d9d9d9;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  transform: translateY(-50%);
  content: '';
}

#side_bar .campaignbox .list li .txtbox .txt {
  font-weight: bold;
  font-size: 14px;
}

.closing {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  /* オフィシャル勘違い施策 */
}

.closing .txt_img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  background-color: #004ea1;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.closing .inbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 38px 45px 30px;
  border-right: 3px solid #004ea1;
  border-bottom: 3px solid #004ea1;
  border-left: 3px solid #004ea1;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.closing .telbox {
  display: flex;
  justify-content: space-between;
  width: 310px;
  padding-top: 8px;
}

.closing .telbox .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 74px;
  height: 74px;
  margin-right: 10px;
  color: #fff;
  font-weight: bold;
  font-size: 21px;
  line-height: 1.2;
  background-color: #005dbf;
  border-radius: 8px;
}

.closing .telbox .box1 {
  width: 220px;
  overflow: hidden;
}

.closing .telbox .box1 .list {
  display: flex;
  justify-content: space-between;
  width: 220px;
  margin-top: 12px;
}

.closing .telbox .box1 .list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 73px;
  height: 21px;
  color: #fff;
  font-size: 12px;
  background-color: #828282;
  border-radius: 4px;
}

.closing .telbox .box1 .list :not(:last-of-type) {
  margin-right: 4px;
}

.closing .btnbox {
  width: 456px;
}

.closing .btnbox > .list {
  display: flex;
  justify-content: space-between;
}

.closing .btnbox a {
  width: 216px;
  height: 77px;
}

.closing .btnbox .closing_btn1 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #ff7200 0%, #ff7200 50%, #ff801a 50%, #ff801a 100%);
  border-radius: 8px;
  box-shadow: 0 6px 0 0 #d86100;
}

.closing .btnbox .closing_btn1:hover {
  box-shadow: 0 3px 0 0 #d86100;
  transform: translateY(3px);
  opacity: 1;
}

.closing .btnbox .closing_btn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #40ab1b 0%, #40ab1b 50%, #4bb526 50%, #4bb526 100%);
  border-radius: 8px;
  box-shadow: 0 6px 0 0 #338e14;
}

.closing .btnbox .closing_btn2:hover {
  box-shadow: 0 3px 0 0 #338e14;
  transform: translateY(3px);
  opacity: 1;
}

.closing .reservationbox {
  width: 804px;
  margin-top: 30px;
}

.closing .reservationbox .reservation_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 690px;
  height: 60px;
  margin: 0 auto 20px;
  background-color: #d9d9d9;
  border-radius: 8px;
  box-shadow: 0 4px 0 0 #b5b5b5;
}

.closing .reservationbox .open .reservation_btn {
  margin-top: 2px;
  box-shadow: 0 2px 0 0 #b5b5b5;
}

.closing.is_contents {
  width: 740px;
}

.closing.is_contents .txt_img {
  height: 90px;
}

.closing.is_contents .inbox {
  padding: 30px 17px;
}

.closing.is_contents .inbox .telbox {
  width: 290px;
  margin-left: 15px;
}

.closing.is_contents .inbox .telbox .txt {
  width: 60px;
  height: 60px;
  font-size: 17px;
}

.closing.is_contents .inbox .telbox .box1 {
  width: 220px;
  overflow: hidden;
}

.closing.is_contents .inbox .telbox .box1 .list {
  width: 220px;
  margin-top: 4px;
}

.closing.is_contents .inbox .telbox .box1 .list li {
  width: 70px;
  height: 17px;
  font-size: 10px;
}

.closing.is_contents .inbox .telbox .box1 .list :not(:last-of-type) {
  margin-right: 4px;
}

.closing.is_contents .inbox .btnbox {
  width: 360px;
  margin-right: 15px;
}

.closing.is_contents .inbox .btnbox a {
  width: 175px;
  height: 63px;
}

.closing.is_contents .inbox .reservationbox {
  width: 100%;
  padding-top: 24px;
  border-top: 1px solid #c0c0c0;
}

.closing.is_contents .inbox .reservationbox .txt {
  font-size: 16px;
}

.closing.is_contents .inbox .reservationbox .reservation_btn {
  width: 550px;
  height: 60px;
  background: linear-gradient(-45deg, #d9d9d9 0%, #d9d9d9 50%, #e1e1e1 50%, #e1e1e1 100%);
}

#footer {
  position: relative;
}

#footer #footer_page_top {
  position: absolute;
  top: -80px;
  right: calc(50% - 600px);
}

#footer #footer_page_top .page_top {
  display: block;
  border-radius: 50%;
  box-shadow: 0 0 20px 3px rgba(199, 199, 199, 0.3);
}

#footer .footer_wrapper {
  padding-top: 40px;
  background-color: #f5f5f5;
  border-top: 2px solid #d9d9d9;
}

#footer .inbox {
  width: 980px;
  margin: 0 auto;
}

#footer .tl {
  margin-bottom: 24px;
}

#footer .headbox {
  margin-bottom: 24px;
}

#footer .headbox .list {
  display: flex;
}

#footer .headbox .list li {
  margin-right: 20px;
}

#footer .headbox .list li a {
  position: relative;
  padding-left: 12px;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
}

#footer .headbox .list li a:hover {
  text-decoration: underline;
}

#footer .headbox .list li a::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 8px;
  margin: 0 auto;
  border-color: transparent transparent transparent #00b5e7;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  transform: translateY(-50%);
  content: '';
}

#footer .btmbox {
  display: flex;
}

#footer .btmbox .list {
  width: 188px;
  padding-bottom: 30px;
}

#footer .btmbox .list:not(:last-of-type) {
  margin-right: 9px;
  padding-right: 9px;
  border-right: 1px solid #e6e6e6;
}

#footer .btmbox .list dt a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 40px;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  background-color: #4c74c4;
  border-radius: 10px;
}

#footer .btmbox .list dt a .ico_ar {
  display: block;
  width: 4px;
  height: 8px;
  margin-right: 4px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 4px 0 4px 4px;
}

#footer .btmbox .list dd {
  margin-top: 20px;
}

#footer .btmbox .list dd a {
  position: relative;
  display: inline-block;
  padding-left: 10px;
  color: #333;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
}

#footer .btmbox .list dd a:hover {
  text-decoration: underline;
}

#footer .btmbox .list dd a::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 8px;
  margin: 0 auto;
  border-color: transparent transparent transparent #4c74c4;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  transform: translateY(-50%);
  content: '';
}

#footer .east .btmbox .list dt a {
  background-color: #00b5e7;
}

#footer .east .list dd a::before,
#footer .east .list li a::before {
  border-color: transparent transparent transparent #00b5e7;
}

#footer .footer_bnrbox {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
  border-top: 2px solid #d9d9d9;
}

#footer .footer_bnrbox .list {
  display: flex;
  justify-content: space-between;
  width: 980px;
  margin: 0 auto;
}

#footer .footer_bnrbox .list .bnr img {
  border-radius: 6px;
  box-shadow: 0 0 20px 3px rgba(199, 199, 199, 0.3);
}

#footer .footer_navbox {
  margin-top: 40px;
  margin-bottom: 20px;
}

#footer .footer_navbox .list {
  display: flex;
  justify-content: flex-end;
  width: 900px;
  margin: 0 auto;
}

#footer .footer_navbox .list li {
  line-height: 1;
}

#footer .footer_navbox .list li:not(:last-of-type) {
  margin-right: 5px;
  padding-right: 5px;
  border-right: 1px solid #b3b3b3;
}

#footer .footer_navbox .list li a {
  color: #333;
  font-size: 12px;
}

#footer .footer_closing {
  padding-top: 26px;
  padding-bottom: 20px;
  background-color: #f3f3f3;
}

#footer .footer_closing .closingbox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 980px;
  margin: 0 auto;
}

#footer .footer_closing .closingbox .telbox {
  display: flex;
  justify-content: space-between;
  width: 300px;
  margin-left: 40px;
}

#footer .footer_closing .closingbox .telbox .txt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin-right: 18px;
  color: #fff;
  font-size: 18px;
  line-height: 1.2;
  background-color: #005dbf;
  border-radius: 8px;
}

#footer .footer_closing .closingbox .telbox .box {
  width: 220px;
  overflow: hidden;
}

#footer .footer_closing .closingbox .telbox .box .list {
  display: flex;
  justify-content: space-between;
  margin-top: 4px;
}

#footer .footer_closing .closingbox .telbox .box .list li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 18px;
  color: #fff;
  font-size: 10px;
  background-color: #828282;
  border-radius: 4px;
}

#footer .footer_closing .closingbox .telbox .box .list:not(:last-of-type) {
  margin-right: 4px;
}

#footer .footer_closing .closingbox .telbox .box2 {
  width: 150px;
  margin-left: auto;
  overflow: hidden;
  text-align: center;
}

#footer .footer_closing .closingbox > .list {
  display: flex;
  justify-content: space-between;
  width: 440px;
  margin-right: 40px;
}

#footer .footer_closing .closingbox a {
  width: 210px;
  height: 62px;
}

#footer .footer_closing .closingbox .closing_btn1 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #ff7200 0%, #ff7200 50%, #ff801a 50%, #ff801a 100%);
  border-radius: 8px;
  box-shadow: 0 4px 0 0 #d86100;
}

#footer .footer_closing .closingbox .closing_btn1:hover {
  box-shadow: 0 2px 0 0 #d86100;
  transform: translateY(2px);
  opacity: 1;
}

#footer .footer_closing .closingbox .closing_btn2 {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #40ab1b 0%, #40ab1b 50%, #4bb526 50%, #4bb526 100%);
  border-radius: 8px;
  box-shadow: 0 4px 0 0 #338e14;
}

#footer .footer_closing .closingbox .closing_btn2:hover {
  box-shadow: 0 2px 0 0 #338e14;
  transform: translateY(2px);
  opacity: 1;
}

#footer .footer_closing .closingbox.is_popup {
  width: 430px;
}

#footer .footer_closing .closingbox.is_popup a {
  width: 210px;
  height: 68px;
}

#footer .footer_closing .closingbox.is_popup .closing_newline {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #ff7200 0%, #ff7200 50%, #ff801a 50%, #ff801a 100%);
  border-radius: 8px;
  box-shadow: 0 3px 0 0 #d86100;
}

#footer .footer_closing .closingbox.is_popup .closing_flets {
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #2168b2 0%, #2168b2 50%, #2c70b6 50%, #2c70b6 100%);
  border-radius: 8px;
  box-shadow: 0 3px 0 0 #194e85;
}

#footer .footer_logo {
  background-color: #f3f3f3;
}

#footer .footer_logo .inbox {
  display: flex;
  justify-content: space-between;
  width: 980px;
  margin: 0 auto;
  padding-top: 26px;
  padding-bottom: 20px;
  border-top: 2px solid #d9d9d9;
}

#footer .footer_logo .logobox {
  display: flex;
  align-items: center;
  width: 550px;
  margin-left: 40px;
}

#footer .footer_logo .logobox .logo_img {
  margin-right: 18px;
}

#footer .footer_logo .logobox .txt {
  font-size: 12px;
}

#footer .footer_logo .etcbox {
  display: flex;
  align-items: center;
  margin-right: 40px;
}

#footer .footer_logo .etcbox .sslbox {
  display: flex;
  align-items: center;
  width: 206px;
  margin-right: 14px;
}

#footer .footer_logo .etcbox .sslbox input {
  width: 40px;
}

#footer .footer_logo .etcbox .sslbox .txt {
  width: 160px;
  margin-left: 10px;
  color: #666;
  font-size: 10px;
}

#footer .policybox {
  margin: 14px 0;
}

#footer .policybox .txt {
  font-size: 10px;
  text-align: center;
}

#footer .policybox .txt + .txt {
  margin-top: 1em;
}

#footer .footer_txt {
  padding: 10px 0;
  background-color: #f3f3f3;
}

#footer .footer_txt .txt {
  font-size: 10px;
  text-align: center;
}

#footer .copyright {
  padding: 10px 0;
  background-color: #005dbf;
}

#footer .copyright .txt {
  color: #fff;
  font-size: 10px;
  text-align: center;
}

/* ==============================================================
*  old common
* ============================================================ */

.old_area #container {
  display: block;
  width: 900px;
  margin: 0 auto 20px auto;
}

.old_area #contents {
  float: left;
  width: 650px;
  margin-right: 20px;
}

.old_area *html #contents {
  margin: 0 10px 0 0;
}

.old_area .inner {
  clear: both;
  width: 650px;
  margin-bottom: 38px;
}

.old_area .inner_left {
  float: left;
  width: 317px;
  padding-right: 12px;
}

.old_area .inner_right {
  float: left;
  width: 317px;
}

.old_area .inner_s {
  margin-left: 11px;
}

.old_area img.left {
  float: left;
  margin-right: 10px;
}

.old_area img.right {
  float: right;
  margin-left: 10px;
}

.old_area h3.link {
  margin-bottom: 5px;
  font-weight: bold;
}

.old_area h3.link a {
  color: #06f;
}

.old_area h3.link a:hover {
  color: #408cff;
  text-decoration: none;
}

.old_area p {
  padding-bottom: 10px;
  font-size: 12px;
}

.old_area div#p_link {
  width: 900px;
  margin: 0 auto;
  padding: 2px 0 12px;
  color: #666;
  font-size: 11px;
}

.old_area div#p_link li {
  display: inline;
}

.old_area div#p_link a {
  color: #666;
}

.old_area div#p_link a:hover {
  color: #666;
  text-decoration: none;
}

.old_area h1.hd_contents,
.old_area h2.hd_contents {
  width: 615px;
  margin-bottom: 15px;
  padding: 11px 0 9px 35px;
  font-weight: bold;
  font-size: 16px;
  background: url(../../images/common/hd_contents.png) no-repeat;
}

.old_area h2.hd_contents span {
  font-size: 12px;
}

.old_area h2#hd_closing,
.old_area h2#hd_closing_west {
  width: 650px;
  height: 39px;
  margin-bottom: 7px;
  text-indent: -9999px;
  background: url(../../images/common/hd_closing.png) no-repeat;
}

.old_area h2#hd_closing_west {
  background: url(../../images/common/west/hd_closing.png) no-repeat;
}

.old_area #closing_area {
  width: 650px;
  padding: 27px 16px 0 16px;
  background: url(../../images/common/bg_closing.png) no-repeat;
}

.old_area #closing_area_bottom {
  width: 650px;
  background: url(../../images/common/bg_closing_bottom.png) no-repeat bottom;
}

.old_area h3#hd_closing_copy {
  width: 618px;
  height: 20px;
  margin-bottom: 6px;
  text-indent: -9999px;
  background: url(../../images/common/hd_closing_copy.png) no-repeat 6px 0;
}

.old_area .closing_inner_wrap {
  width: 618px;
  background: #fff;
}

.old_area #closing_inner {
  position: relative;
  clear: both;
  width: 618px;
  height: 154px;
  padding-bottom: 10px;
  background: url(../../images/common/bg_closing_inner01.jpg) no-repeat;
}

.old_area #closing_inner ul,
.old_area #closing_inner h4,
.old_area #closing_inner ol {
  display: none;
}

.old_area #closing_inner .number {
  position: absolute;
  top: 20px;
  left: 83px;
}

.old_area #closing_inner p.btn_a {
  margin-right: 10px;
  padding-top: 20px;
  text-align: right;
}

.old_area #closing_inner p.btn_b {
  margin-right: 10px;
  text-align: right;
}

.old_area .mt05 {
  margin-top: 5px;
}

.old_area .houjin_box01 {
  clear: both;
  width: 597px;
  margin: 0 auto;
  padding: 0 0 16px 0;
  background: url(../../images/common/bg_houjin01_bottom.gif) no-repeat left bottom;
}

.old_area .houjin_box01 .houjin_box01inner {
  padding: 0 0 0 160px;
  background: url(../../images/common/bg_houjin01_top.gif) no-repeat left top;
}

.old_area .houjin_box01 .houjin_box01inner .ttl {
  padding: 24px 0 0 0;
}

.old_area .houjin_box01 .houjin_box01inner .txt {
  padding: 8px 10px 0 10px;
  color: #fff;
  font-size: 12px;
  line-height: 1.6;
}

.old_area .flets_riyou_box01 {
  clear: both;
  width: 579px;
  margin: 0 auto;
  padding: 0 0 10px 0;
  background: url(../../images/common/bg_fletsriyou_bottom.gif) no-repeat left bottom;
}

.old_area .flets_riyou_box01 .flets_riyou_box01inner {
  padding: 0 0 0 160px;
  background: url(../../images/common/bg_fletsriyou_top.gif) no-repeat left top;
}

.old_area .flets_riyou_box01 .flets_riyou_box01inner .ttl {
  margin: 0 0 10px 0;
  padding: 16px 0 0 0;
}

.old_area .flets_riyou_box01 .flets_riyou_box01inner .txt {
  color: #666;
  font-size: 12px;
  line-height: 1.6;
}

.old_area .flets_riyou_box01 .flets_riyou_box01inner .link {
  padding: 0 20px 0 0;
  text-align: right;
}

.old_area .flets_riyou_box01 .flets_riyou_box01inner .link a {
  padding: 0 0 0 15px;
  background: url(../../images/common/ar_fletsriyou.gif) no-repeat left 3px;
}

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

.old_area .step03_box {
  height: 191px;
  background: url(../../images/common/bg_closing_inner02.jpg) no-repeat left top;
}

.old_area .step03_box ol,
.old_area .step03_box h4 {
  text-indent: -9999em;
}

.old_area .closing_houjin {
  width: 705px;
  height: 70px;
  margin: 0 auto 10px;
  padding: 25px 20px 25px 175px;
  background: url(../../images/common/bg_houjin02.jpg) no-repeat left top;
}

.old_area .closing_houjin .ttl {
  float: left;
  width: 403px;
  margin-right: 15px;
}

.old_area .closing_houjin .txt {
  float: right;
  width: 287px;
  color: #fff;
  line-height: 1.6;
}

.old_area .flets_riyou_btn {
  padding: 10px 0;
}

.old_area a#btn_closing_a,
.old_area a#btn_closing_b {
  position: absolute;
  left: 381px;
  display: block;
  width: 219px;
  height: 56px;
  overflow: hidden;
  text-indent: -9999px;
}

.old_area a#btn_closing_a {
  top: 23px;
  background: url(../../images/common/btn_closing.png) no-repeat;
}

.old_area a:hover#btn_closing_a {
  background: url(../../images/common/btn_closing.png) no-repeat -219px 0;
}

.old_area a#btn_closing_b {
  top: 81px;
  background: url(../../images/common/btn_closing.png) no-repeat 0 -56px;
}

.old_area a:hover#btn_closing_b {
  background: url(../../images/common/btn_closing.png) no-repeat -219px -56px;
}

.old_area h3#hd_callback {
  width: 618px;
  height: 15px;
  margin-top: 20px;
  margin-bottom: 6px;
  text-indent: -9999px;
  background: url(../../images/common/hd_callback.png) no-repeat 6px 0;
}

.old_area ul.bnr_cp {
  position: relative;
  width: 628px;
  height: 101px;
  padding: 21px 0 0 22px;
  list-style: none;
  background: url(../../images/campaign/btn_campaign01.png) no-repeat;
  background-image: url(../../images/campaign/btn_campaign01.png);
}

.old_area ul.bnr_cp li {
  position: absolute;
}

.old_area ul.bnr_cp li a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

.old_area li#btn_campaign_1 {
  left: 22px;
  width: 191px;
  height: 77px;
}

.old_area li#btn_campaign_2 {
  left: 230px;
  width: 193px;
  height: 77px;
}

.old_area li#btn_campaign_3 {
  left: 436px;
  width: 193px;
  height: 77px;
}

.old_area li#btn_campaign_1 a {
  width: 191px;
  height: 77px;
}

.old_area li#btn_campaign_2 a {
  width: 193px;
  height: 77px;
}

.old_area li#btn_campaign_3 a {
  width: 193px;
  height: 77px;
}

.old_area li#btn_campaign_1 a:hover {
  background: url(../../images/campaign/btn_campaign01.png) -22px -143px no-repeat;
}

.old_area li#btn_campaign_2 a:hover {
  background: url(../../images/campaign/btn_campaign01.png) -230px -143px no-repeat;
}

.old_area li#btn_campaign_3 a:hover {
  background: url(../../images/campaign/btn_campaign01.png) -436px -143px no-repeat;
}

.east .old_area ul.bnr_cp {
  position: relative;
  width: 650px;
  height: 105px;
  list-style: none;
  background: url(../../img/common/bnr_giga_w650_bg.png) no-repeat;
}

.east .old_area li#btn_campaign_1 {
  top: 0;
  left: 0;
  width: 260px;
  height: 127px;
}

.east .old_area li#btn_campaign_2 {
  top: 14px;
  left: 260px;
  width: 184px;
  height: 98px;
}

.east .old_area li#btn_campaign_3 {
  top: 14px;
  left: 453px;
  width: 184px;
  height: 98px;
}

.east .old_area li#btn_campaign_1 a {
  width: 260px;
  height: 127px;
  background: url(../../img/common/bnr_giga_w650_i1.png) no-repeat;
}

.east .old_area li#btn_campaign_2 a {
  width: 184px;
  height: 98px;
  background: url(../../img/common/bnr_giga_w650_i2.png) no-repeat;
}

.east .old_area li#btn_campaign_3 a {
  width: 184px;
  height: 98px;
  background: url(../../img/common/bnr_giga_w650_i3.png) no-repeat;
}

.old_area #bnr_hikari_tel {
  margin: 20px auto 10px auto;
}

.old_area #bnr_light {
  margin: 20px auto 20px auto;
}

.old_area #bnr_pro {
  margin: 20px auto 20px auto;
}

.old_area #bnr_pro p,
.old_area #bnr_hikari_tel p,
.old_area #bnr_light p {
  margin: 5px auto 0 auto;
  text-align: center;
}

.old_area #first_tel {
  width: 615px;
  margin: 15px auto 0 auto;
}

.old_area .mar_b {
  margin-bottom: 10px;
}

.old_area .fc_bl {
  color: #1d2087;
  font-weight: bold;
}

.old_area .fc_red {
  color: #f30;
  font-weight: bold;
  font-size: 14px;
}

.old_area .fc_red_s {
  color: #f30;
}

.old_area .fw_bold {
  font-weight: bold;
}

.old_area .fs_small {
  color: #666;
  font-size: 10px;
  line-height: 1.4;
}

.old_area .fs_small_bl {
  font-size: 10px;
}

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

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

.old_area .fc_pink {
  color: #f39;
  font-weight: bold;
}

/* ==============================================================
*  main.css
* ============================================================ */

.old_area #main_wrapper {
  width: 100%;
  height: 294px;
  margin-bottom: 6px;
  padding-top: 22px;
  background: #f2f2f2;
}

.old_area #main_inner {
  display: block;
  width: 900px;
  height: 256px;
  margin: 0 auto;
  overflow: hidden;
}

.old_area #main_east_top,
.old_area #main_west_top {
  float: left;
  width: 650px;
  height: 272px;
  margin-right: 20px;
}

.old_area #main_gigaoshi {
  position: relative;
  float: left;
  width: 650px;
  height: 272px;
  margin-right: 20px;
}

.old_area #main_gigaoshi li {
  position: absolute;
}

.old_area #main_gigaoshi_1,
.old_area #main_gigaoshi_2 {
  top: 0;
}

.old_area #main_gigaoshi_1 {
  left: 0;
}

.old_area #main_gigaoshi_2,
.old_area #main_gigaoshi_3 {
  right: 0;
}

.old_area #main_gigaoshi_3 {
  top: 126px;
}

.old_area #main_right {
  float: left;
  width: 230px;
  height: 231px;
}

.old_area #main_east_top ul,
.old_area #main_west_top ul {
  position: relative;
  width: 650px;
  height: 256px;
  list-style: none;
  background: #f2f2f2 url(../../images/top/main_east_top.png) no-repeat center top;
}

.old_area #main_west_top ul {
  background: #f2f2f2 url(../../images/top/west/main_west_top_v2.png) no-repeat center top;
}

.old_area #main_east_top ul li#area_name,
.old_area #main_west_top ul li#area_name {
  position: absolute;
  top: 12px;
  left: 35px;
  z-index: 1;
}

.old_area a#btn_main_east_top_1 {
  top: 25px;
  left: 35px;
  width: 388px;
  height: 191px;
  background: url(../../images/top/main_east_top.png) no-repeat -35px -25px;
}

.old_area a:hover#btn_main_east_top_1 {
  background: url(../../images/top/main_east_top.png) no-repeat -35px -281px;
}

.old_area a#btn_main_east_top_m {
  top: 33px;
  left: 435px;
  width: 200px;
  height: 185px;
  background: url(../../images/top/main_east_top_m.png) no-repeat -435px -33px;
}

.old_area a:hover#btn_main_east_top_m {
  background: url(../../images/top/main_east_top_m.png) no-repeat -435px -289px;
}

.old_area a#btn_main_east_top_f {
  top: 33px;
  left: 435px;
  width: 200px;
  height: 185px;
  background: url(../../images/top/main_east_top_f.png) no-repeat -435px -33px;
}

.old_area a:hover#btn_main_east_top_f {
  background: url(../../images/top/main_east_top_f.png) no-repeat -435px -289px;
}

.old_area a#btn_main_east_top_2 {
  top: 33px;
  left: 435px;
  width: 197px;
  height: 82px;
  background: url(../../images/top/main_east_top.png) no-repeat -435px -33px;
}

.old_area a:hover#btn_main_east_top_2 {
  background: url(../../images/top/main_east_top.png) no-repeat -435px -289px;
}

.old_area a#btn_main_east_top_3 {
  top: 131px;
  left: 435px;
  width: 197px;
  height: 84px;
  background: url(../../images/top/main_east_top.png) no-repeat -435px -131px;
}

.old_area a:hover#btn_main_east_top_3 {
  background: url(../../images/top/main_east_top.png) no-repeat -435px -387px;
}

.old_area #main_east_top ul li a,
.old_area #main_west_top ul li a {
  position: absolute;
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

.old_area dt#hd_mail_a_main_right {
  width: 230px;
  height: 42px;
  text-indent: -9999px;
}

.old_area dt#hd_mail_b_main_right {
  width: 230px;
  height: 38px;
  text-indent: -9999px;
}

.old_area a#btn_main_west_top_1 {
  top: 15px;
  left: 14px;
  width: 400px;
  height: 213px;
  background: url(../../images/top/west/main_west_top_v2.png) no-repeat -14px -15px;
}

.old_area a#btn_main_west_top_1:hover {
  background-position: -14px -271px;
}

.old_area a#btn_main_west_top_2 {
  top: 40px;
  left: 427px;
  width: 197px;
  height: 82px;
  background: url(../../images/top/west/main_west_top_v2.png) no-repeat -427px -40px;
}

.old_area a#btn_main_west_top_2:hover {
  background-position: -427px -296px;
}

.old_area a#btn_main_west_top_3 {
  top: 146px;
  left: 427px;
  width: 197px;
  height: 82px;
  background: url(../../images/top/west/main_west_top_v2.png) no-repeat -427px -146px;
}

.old_area a#btn_main_west_top_3:hover {
  background-position: -427px -402px;
}

.old_area #search_area {
  position: relative;
  width: 230px;
  height: 24px;
  margin-bottom: 3px;
  background: url(../../images/main/bg_input_field.gif) no-repeat;
}

.old_area #input_search {
  position: absolute;
  top: 0;
  left: 20px;
  width: 152px;
  height: 24px;
  padding-left: 6px;
  border: 1px solid #a5acb2;
}

.old_area #btn_search {
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  height: 24px;
}

.old_area #main_right dl {
  width: 230px;
  height: 229px;
  background: url(../../images/main/bg_main_right.png) no-repeat center top;
}

.old_area #main_right dd {
  width: 200px;
  margin: 0 auto;
}

.old_area #main_right dd a {
  /*	text-indent: -9999px;
		display: block;
		height: 51px;
		width: 200px;
		margin: 0 auto;
		overflow: hidden; */
}

.old_area #main_right p {
  text-indent: -9999px;
}

/* ==============================================================
*  west.css
* ============================================================ */

.west .old_area #main_charge_top {
  background: url(../../images/charge/west/main_top.png) no-repeat;
}

.west .old_area #main_next_f {
  background: url(../../images/charge/west/main_next_f.png) no-repeat;
}

.west .old_area #main_next_m {
  background: url(../../images/charge/west/main_next_m.png) no-repeat;
}

.west .old_area #main_light {
  background: url(../../images/charge/west/main_light.png) no-repeat;
}

.west .old_area #main_light_m {
  background: url(../../images/charge/west/main_light_m.png) no-repeat;
}

.west .old_area #main_b_plan h2 {
  background: url(../../images/charge/west/bp_i_main.png) no-repeat;
}

.west .old_area #main_b_plan h2 {
  background: url(../../images/charge/west/bp_i_main.png) no-repeat;
}

.west .old_area #main_light_area {
  position: relative;
  background: url(../../images/charge/west/main_light_area.png) no-repeat;
}

.west .old_area #main_light_m_area {
  position: relative;
  background: url(../../images/charge/west/main_light_m_area.png) no-repeat;
}

.west .old_area #main_charge_top ul {
  background: #f2f2f2 url(../../images/charge/west/main_top.png) no-repeat center top;
}

.west .old_area a#btn_main_charge_top_1 {
  background: url(../../images/charge/west/main_top.png) no-repeat -46px -189px;
}

.west .old_area a:hover#btn_main_charge_top_1 {
  background: url(../../images/charge/west/main_top.png) no-repeat -46px -446px;
}

.west .old_area a#btn_main_charge_top_2 {
  background: url(../../images/charge/west/main_top.png) no-repeat -348px -189px;
}

.west .old_area a:hover#btn_main_charge_top_2 {
  background: url(../../images/charge/west/main_top.png) no-repeat -348px -446px;
}

.west .old_area ul.bnr_cp {
  position: relative;
  box-sizing: content-box;
  width: 650px;
  height: 100px;
  margin: 0 auto;
  padding: 21px 0 0 22px;
  list-style: none;
  background: url(../../images/campaign/west/btn_campaign01_v2.png) no-repeat;
}

.west .old_area ul.bnr_cp li {
  position: absolute;
}

.west .old_area ul.bnr_cp li a {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

.bnr_cp_ex {
  font-size: 8px !important;
  color: #878787;
  line-height: 1.5 !important;
  text-align: right;
  margin-top: 0.5em;
  padding-bottom: 0 !important;
}

.bnr_cp_ex.wide {
  margin-right: -16px;
}

.west .old_area li#btn_campaign_1 {
  left: 22px;
  width: 191px;
  height: 77px;
}

.west .old_area li#btn_campaign_2 {
  left: 230px;
  width: 193px;
  height: 77px;
}

.west .old_area li#btn_campaign_3 {
  left: 436px;
  width: 193px;
  height: 77px;
}

.west .old_area li#btn_campaign_1 a {
  width: 191px;
  height: 77px;
}

.west .old_area li#btn_campaign_2 a {
  width: 193px;
  height: 77px;
}

.west .old_area li#btn_campaign_3 a {
  width: 193px;
  height: 77px;
}

.west .old_area li#btn_campaign_1 a:hover {
  background: url(../../images/campaign/west/btn_campaign01_v2.png) -22px -143px no-repeat;
}

.west .old_area li#btn_campaign_2 a:hover {
  background: url(../../images/campaign/west/btn_campaign01_v2.png) -230px -143px no-repeat;
}

.west .old_area li#btn_campaign_3 a:hover {
  background: url(../../images/campaign/west/btn_campaign01_v2.png) -436px -143px no-repeat;
}

.west .old_area #main_cp_gutto,
.west .old_area #main_cp_atto,
.west .old_area #main_cp_zutto,
.west .old_area #main_cp_motto2,
.west .old_area #main_cp_donto,
.west .old_area #main_cp_motto {
  float: left;
  width: 650px;
  height: 272px;
  margin-right: 20px;
}

.west .old_area #main_cp_gutto p,
.west .old_area #main_cp_atto p,
.west .old_area #main_cp_zutto p,
.west .old_area #main_cp_motto2 p,
.west .old_area #main_cp_donto p,
.west .old_area #main_cp_motto p {
  text-indent: -9999px;
}

.west .old_area #main_cp_top {
  background: url(../../images/campaign/west/main_cp_top.png?v1) no-repeat;
}

.west .old_area #main_cp_first {
  background: url(../../images/campaign/west/main_cp_first.png) no-repeat;
}

.west .old_area #main_cp_free {
  background: url(../../images/campaign/west/main_cp_free.png) no-repeat;
}

.west .old_area #main_cp_gutto {
  background: url(../../images/campaign/west/main_cp_gutto.png) no-repeat;
}

.west .old_area #main_cp_atto {
  background: url(../../images/campaign/west/main_cp_atto.png) no-repeat;
}

.west .old_area #main_cp_zutto {
  background: url(../../images/campaign/west/main_cp_zutto.png) no-repeat;
}

.west .old_area #main_cp_motto {
  background: url(../../images/campaign/west/main_cp_motto.png) no-repeat;
}

.west .old_area #main_cp_motto2 {
  background: url(../../images/campaign/west/main_cp_motto2.png) no-repeat;
}

.west .old_area #main_cp_donto {
  background: url(../../images/campaign/west/main_cp_donto.png) no-repeat;
}

.west .old_area #main_cp_top_area {
  position: relative;
  background: url(../../images/campaign/west/main_cp_top_area.png) no-repeat;
}

.west .old_area table.chatable {
  width: 630px;
  margin-bottom: 10px;
}

.west .old_area table.chatable th,
.west .old_area table.chatable td {
  padding: 20px;
  border: 1px solid #ddd;
}

.west .old_area table.chatable th,
.west .old_area table.chatable td {
  padding: 10px;
}

.west .old_area table.chatable th {
  width: 220px;
  text-align: left;
}

.west .old_area table.chatable tr.bg_bl td {
  color: #06c;
  text-align: center;
  background: #effaff;
}

.west .old_area table.surrender {
  width: 630px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
}

.west .old_area table.surrender th,
.west .old_area table.surrender td {
  padding: 3px;
  font-size: 11px;
  text-align: center;
  border: 1px solid #ddd;
}

.west .old_area table.surrender th {
  background: #effaff;
}

.west .old_area .t_guest {
  width: 360px;
  margin-bottom: 5px;
  color: #06c;
  font-weight: bold;
  line-height: 1.8;
}

.west .old_area .box_yellow {
  width: 600px;
  margin: 10px auto 0;
  padding: 15px 15px 5px 15px;
  background: #ffc;
  border: 1px solid #fc9;
}

.west .old_area .box_yellow p {
  color: #f60;
  line-height: 1.8;
}

.west .old_area #main_first_qa {
  background: url(../../images/first/west/main_first_qa.png) no-repeat;
}

.west .old_area #main_norikae_qa {
  background: url(../../images/first/west/main_norikae_qa.png) no-repeat;
}

.west .old_area #norikae_hikaku {
  background-image: url(../../images/first/west/i_norikae_01.png);
}

.west .old_area #speed {
  background: url(../../images/first/west/i_norikae_03.png);
}

.west .old_area #main_flets_top {
  background: url(../../images/first/west/main_top.png) no-repeat;
}

.west .old_area #main_first {
  background: url(../../images/first/west/main_first.png) no-repeat;
}

.west .old_area #check {
  width: 630px;
  margin: 0 auto 15px;
  background: url(../../images/first/west/i_first_02.png) no-repeat right top;
}

.west .old_area #check h3 {
  width: 300px;
  height: 85px;
  text-indent: -9999px;
  background: url(../../images/first/tm_check.png) no-repeat;
}

.west .old_area #check p {
  width: 250px;
  padding-left: 10px;
  line-height: 1.8;
}

.west .old_area #check p strong {
  color: #1d2087;
  font-weight: bold;
}

.west .old_area #check p img {
  display: block;
  margin: 10px 0 10px 20px;
}

.west .old_area #main_move {
  background: url(../../images/first/west/main_move.png) no-repeat;
}

.west .old_area #i_move_01 {
  background: url(../../images/first/west/i_move_01.png) no-repeat;
}

.west .old_area #i_move_02 {
  background: url(../../images/first/west/i_move_02.png) no-repeat;
}

.west .old_area #i_move_03 p {
  padding: 0 0 0 70px;
}

.west .old_area #i_move_04 {
  background: url(../../images/first/west/i_move_04.png) no-repeat;
}

.west .old_area #main_service_top {
  background: url(../../images/service/west/main_top.png) no-repeat;
}

.west .old_area #main_hikari {
  background: url(../../images/service/west/main_hikari.png) no-repeat;
}

.west .old_area #main_wii {
  background: url(../../images/service/west/main_wii.png) no-repeat;
}

.west .old_area #main_ps3 {
  background: url(../../images/service/west/main_ps3.jpg) no-repeat;
}

.west .old_area #main_virus {
  background: url(../../images/service/west/main_virus.jpg) no-repeat;
}

.west .old_area #main_remote {
  background: url(../../images/service/west/main_remote.png) no-repeat;
}

.west .old_area #main_hikari_p {
  background: url(../../images/service/west/main_hikari_p.png) no-repeat;
}

.west .old_area #ace_01 {
  background: url(../../images/service/west/hikari/ace_01.png) no-repeat;
}

.west .old_area #ace_06 {
  background: url(../../images/service/west/hikari/ace_06.png) no-repeat;
}

.west .old_area #hikari_p_merit {
  height: 303px;
  background: url(../../images/service/west/hikari_p/i_hikari_p_02.png) no-repeat;
}

.west .old_area .hikari_use02 {
  height: 185px;
  background: url(../../images/service/west/hikari_p/i_use_02.png) no-repeat;
}

.west .old_area #hikari_p_plan h3 {
  height: 99px;
  margin-bottom: 10px;
  text-indent: -9999px;
  background: url(../../images/service/west/hikari_p/i_plan.png) no-repeat;
}

.west .old_area h3#hd_hikari_tv_otoku {
  width: 629px;
  height: 116px;
  margin: 0 auto;
  padding-bottom: 20px;
  text-indent: -9999px;
  background: url(../../images/service/west/hikari_tv/hd_hikari_tv_otoku.png) no-repeat;
}

.west .old_area #flets_tv_otoku h3 {
  width: 629px;
  height: 348px;
  margin-bottom: 27px;
  text-indent: -9999px;
  background: url(../../images/service/flets_tv/hd_flets_tv_otoku.png) no-repeat;
}

.west .old_area #flets_tv_otoku h3 {
  width: 629px;
  height: 348px;
  margin-bottom: 27px;
  text-indent: -9999px;
  background: url(../../images/service/west/flets_tv/hd_flets_tv_otoku.png) no-repeat;
}

.west .old_area #flets_tv_price {
  width: 621px;
  height: 139px;
  margin-bottom: 10px;
  text-indent: -9999px;
  background: url(../../images/service/west/flets_tv/bg_flets_tv_price.png) no-repeat;
}

.west .old_area .karaoke_h {
  width: 620px;
  height: 122px;
  margin-bottom: 30px;
  text-indent: -9999px;
  background: url(../../images/service/karaoke/bg_karaoke_h_price.png) no-repeat;
}

.west .old_area .karaoke_u {
  width: 626px;
  height: 122px;
  margin-bottom: 20px;
  text-indent: -9999px;
  background: url(../../images/service/karaoke/bg_karaoke_u_price.png) no-repeat;
}

.west .old_area .pack_nintendo {
  width: 630px;
  height: 219px;
  text-indent: -9999px;
  background: url(../../images/service/west/wii/bg_omakase.png) no-repeat;
}

.west .old_area p#otoku_u-next {
  width: 610px;
  height: 133px;
  margin: 0 auto;
  padding: 0;
  text-indent: -9999px;
  background: url(../../images/service/west/u-next/bg_otoku_u-next.png) no-repeat;
}

.west .old_area .box_rtsuport,
.west .old_area .box_tsuport {
  float: left;
  width: 305px;
  height: auto !important;
  height: 185px;
  min-height: 185px;
  background: #f8f8f8;
}

.west .old_area .box_rtsuport {
  margin-right: 15px;
}

.west .old_area .box_rtsuport h3 {
  width: 305px;
  height: 50px;
  text-indent: -9999px;
  background: url(../../images/service/west/remote/hd_rtsuport.png) no-repeat;
}

.west .old_area .box_tsuport h3 {
  width: 305px;
  height: 50px;
  text-indent: -9999px;
  background: url(../../images/service/west/remote/hd_tsuport.png) no-repeat;
}

.west .old_area .box_rtsuport p,
.west .old_area .box_tsuport p {
  padding: 5px 18px 10px;
}

.west .old_area h3#otoku_remote {
  width: 526px;
  height: 109px;
  margin: 0 auto 30px auto;
  text-indent: -9999px;
  background: url(../../images/service/west/remote/bg_otoku_remote.png) no-repeat;
}

.west .old_area #onsite {
  width: 650px;
  height: 58px;
  margin-bottom: 20px;
  text-indent: -9999px;
  background: url(../../images/service/west/remote/bg_onsite.png) no-repeat;
}

.west .old_area .onsite_price {
  width: 628px;
  height: 241px;
  margin: 0 0 20px 13px;
  text-indent: -9999px;
  background: url(../../images/service/west/remote/bg_onsite_price.png) no-repeat;
}

.west .old_area .onsite_menu {
  width: 630px;
  margin-bottom: 10px;
}

.west .old_area .onsite_menu th,
.west .old_area .onsite_menu td {
  padding: 7px;
  padding: 8px;
  border: 1px solid #ddd;
}

.west .old_area .onsite_menu th {
  background: #f7f7f7;
}

.west .old_area .td_remote {
  color: #06c;
  font-weight: bold;
  text-align: center;
  background: #effaff;
}

.west .old_area .td_remote_a {
  width: 15%;
  color: #f69;
  font-weight: bold;
  text-align: right;
  background: #f9e4eb;
}

.west .old_area .td_remote_a span {
  color: #333;
  font-weight: normal;
}

.west .old_area .td_remote_b {
  width: 11%;
  color: #f60;
  font-weight: bold;
  text-align: right;
  background: #fdebcc;
}

.west .old_area .td_remote_b span {
  color: #f60;
  font-weight: bold;
}

.west .old_area caption {
  margin-bottom: 5px;
  color: #333;
  font-weight: bold;
  font-size: 14px;
}

.west .old_area #virus_price {
  width: 630px;
  height: 250px;
  margin: 0 auto;
  text-indent: -9999px;
  background: url(../../images/service/west/virus/hd_virus_price.png) no-repeat;
}

.west .old_area .bg_virus_tool_wrapper {
  position: relative;
  padding-bottom: 11px;
  background: url(../../images/service/west/virus/bg_virus_tool_wrapper.png) 0 bottom no-repeat;
}

.west .old_area .virus_tool {
  width: 610px;
  padding: 14px 0 17px 13px;
  border-right: 3px solid #ddd;
  border-left: 3px solid #ddd;
}

.west .old_area h3#hd_tool {
  width: 600px;
  height: 36px;
  margin-bottom: 10px;
  text-indent: -9999px;
  background: url(../../images/service/west/virus/hd_tool.png) no-repeat;
}

.west .old_area .box_tool h4 {
  height: 63px;
  text-indent: -9999px;
}

.west .old_area h4.hd_tool01 {
  background: url(../../images/service/west/virus/hd_tool_01.png) no-repeat;
}

.west .old_area h4.hd_tool02 {
  background: url(../../images/service/west/virus/hd_tool_02.png) no-repeat;
}

.west .old_area h4.hd_tool03 {
  background: url(../../images/service/west/virus/hd_tool_03.png) no-repeat;
}

.west .old_area h4.hd_tool04 {
  background: url(../../images/service/west/virus/hd_tool_04.png) no-repeat;
}

.west .old_area h4.hd_tool05 {
  background: url(../../images/service/west/virus/hd_tool_05.png) no-repeat;
}

.west .old_area .box_tool h5 {
  padding: 0 17px 5px;
  color: #069;
  font-weight: bold;
}

.west .old_area .box_tool {
  float: left;
  width: 293px;
  margin: 0 10px 5px 0;
  padding-bottom: 10px;
  background: #f3f3f3;
}

.west .old_area .box_tool.no_m {
  margin-right: 0;
}

.west .old_area .box_tool320 {
  height: auto !important;
  height: 320px;
  min-height: 320px;
}

.west .old_area .box_tool180 {
  height: auto !important;
  height: 180px;
  min-height: 180px;
}

.west .old_area .box_tool p {
  padding: 0 17px 5px;
}

.west .old_area .i_tool_02 {
  position: absolute;
  right: 3px;
  bottom: 14px;
  margin: 0;
  padding: 0;
  line-height: 0;
}

.west .old_area h3.hd_slplus {
  width: 263px;
  height: 26px;
  text-indent: -9999px;
  background: url(../../images/service/west/virus/hd_slplus.png) 0 0 no-repeat;
}

.west .old_area .table_slplus {
  width: 100%;
  margin-bottom: 10px;
}

.west .old_area .table_slplus th {
  color: #fff;
  font-weight: bold;
  background: #06c;
}

.west .old_area .table_slplus th,
.west .old_area .table_slplus td {
  padding: 20px;
  text-align: center;
  border: 1px solid #ddd;
}

.west .old_area .fc_red {
  color: #f30;
  font-weight: bold;
  font-size: 14px;
}

.west .old_area .fc_red_s {
  color: #f30;
}

.west .old_area .fw_bold {
  font-weight: bold;
}

.west .old_area .fs_small {
  font-size: 10px;
  line-height: 1.4;
}

.west .old_area .fc_gray {
  color: #666;
}

.west .old_area .txt_right {
  text-align: right;
}

.west .old_area .txt_center {
  text-align: center;
}

.west .old_area #virus_closing {
  width: 650px;
  height: 142px;
  padding: 0;
  text-indent: -9999px;
  background: url(../../images/service/west/virus/bg_virus_closing.png) no-repeat center top;
}

.west .old_area #main_business_top {
  background: url(../../images/business/west/main_top.png) no-repeat;
}

.west .old_area #tuika {
  width: 630px;
  margin: 0 auto 10px;
  padding: 10px 0;
  text-align: center;
  background-color: #ff9;
}

/* ==============================================================
*  調整
* ============================================================ */

#old_container {
  display: flex;
  justify-content: space-between;
  width: 900px;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
}

#old_container #main_contents {
  width: 650px;
}

#old_container .old_area *,
#old_container .old_area *::before,
#old_container .old_area *::after {
  box-sizing: content-box;
  vertical-align: middle;
}

#old_container .old_area img {
  vertical-align: bottom;
}

#old_container .cnts_tl_wrap {
  box-sizing: border-box;
}

#old_container .cnts_tl .c_yellow {
  font-weight: bold;
  font-size: 20px;
}

.old_area div,
.old_area span,
.old_area object,
.old_area iframe,
.old_area h1,
.old_area h2,
.old_area h3,
.old_area h4,
.old_area h5,
.old_area h6,
.old_area p,
.old_area blockquote,
.old_area pre,
.old_area abbr,
.old_area address,
.old_area cite,
.old_area code,
.old_area del,
.old_area dfn,
.old_area em,
.old_area img,
.old_area ins,
.old_area kbd,
.old_area q,
.old_area samp,
.old_area small,
.old_area strong,
.old_area sub,
.old_area sup,
.old_area var,
.old_area b,
.old_area i,
.old_area dl,
.old_area dt,
.old_area dd,
.old_area ol,
.old_area ul,
.old_area li,
.old_area fieldset,
.old_area form,
.old_area label,
.old_area legend,
.old_area table,
.old_area caption,
.old_area tbody,
.old_area tfoot,
.old_area thead,
.old_area tr,
.old_area th,
.old_area td,
.old_area article,
.old_area aside,
.old_area canvas,
.old_area details,
.old_area figcaption,
.old_area figure,
.old_area footer,
.old_area header,
.old_area hgroup,
.old_area menu,
.old_area nav,
.old_area section,
.old_area summary,
.old_area time,
.old_area mark,
.old_area audio,
.old_area video {
  font: 12px/1.22 Arial, sans-serif;
  font-family: 'ＭＳ Ｐゴシック', 'Hiragino kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, sans-serif;
}

.old_area .iframebox {
  width: 620px;
  height: 480px;
}

#old_container .old_area .iframe_disp_txt {
  margin-bottom: 0;
}

#old_container .old_area .iframe_disp_txt span {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.4;
  vertical-align: top;
}

.old_area .iframe_disp {
  transform: scale(0.89565);
  transform-origin: 0 0;
}

/* ==============================================================
*  common
* ============================================================ */

#container {
  display: flex;
  justify-content: space-between;
  width: 980px;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
}

#main_contents {
  width: 740px;
}

.breadcrumb {
  margin-bottom: 30px;
}

.breadcrumb .list li {
  position: relative;
  display: inline-block;
  font-size: 14px;
}

.breadcrumb .list li.home {
  padding-left: 16px;
}

.breadcrumb .list li.home::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  background: url(../img/common/breadcrumb_ico_home.png) no-repeat center;
  transform: translateY(-50%);
  content: '';
}

.breadcrumb .list li:not(:first-of-type) {
  padding-left: 16px;
}

.breadcrumb .list li:not(:first-of-type)::before {
  position: absolute;
  top: 50%;
  left: 2px;
  width: 14px;
  height: 14px;
  margin: 0 auto;
  color: #333;
  font-size: 14px;
  transform: translateY(-50%);
  content: '>';
}

.cnts_tl_wrap {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 10px 20px 10px 22px;
  overflow: hidden;
  background-color: #005dbf;
}

.cnts_tl_wrap::before {
  position: absolute;
  bottom: -12px;
  left: -34px;
  width: 45px;
  height: 38px;
  background: #ff0;
  transform: rotate(-45deg);
  transform-origin: right center;
  content: '';
}

.cnts_tl_wrap::after {
  position: absolute;
  top: -40px;
  right: -22px;
  width: 45px;
  height: 38px;
  background: #ff0;
  transform: rotate(-45deg);
  transform-origin: right center;
  content: '';
}

.cnts_tl_wrap .cnts_tl {
  z-index: 1;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.cnts_tl_wrap .attention {
  display: flex;
  align-items: center;
  height: 28px;
  margin-right: 6px;
  padding: 0 16px;
  color: #d40000;
  font-weight: bold;
  font-size: 14px;
  background-color: #fff8a8;
  border-radius: 30px;
}

.cnts_mt {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 50px;
  margin-bottom: 10px;
  padding-left: 22px;
  color: #005dbf;
  font-weight: bold;
  font-size: 20px;
  border-left: 10px solid #005dbf;
}

.cnts_mt::before {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 5px;
  background-color: #fffc00;
  content: '';
}

.cnts_mt::after {
  position: absolute;
  bottom: 0;
  left: -10px;
  width: 10px;
  height: 5px;
  background-color: #fffc00;
  content: '';
}

.other_st {
  position: relative;
  display: flex;
  align-items: center;
  width: 176px;
  height: 42px;
  margin-bottom: 20px;
  padding-left: 16px;
  color: #005dbf;
  font-weight: bold;
  font-size: 15px;
  background: url(../img/common/other_st_bg.png) no-repeat center;
}

.other_st::after {
  position: absolute;
  top: 12px;
  left: 165px;
  width: 573px;
  height: 20px;
  background: linear-gradient(to bottom, #f2f2f2, #fff);
  border-top: 1px solid #1067c2;
  content: '';
}

.cntsbox {
  padding-right: 20px;
  padding-left: 20px;
}

.bnrbox {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.bnrbox.is_main_contents {
  width: 740px;
}

.bnrbox .bnr_item:not(:first-of-type) {
  margin-top: 40px;
}

.bnrbox .annotation {
  margin-top: 6px;
  color: #c4c4c4;
  font-size: 10px;
  text-align: right;
}

/* ギガ・スマート割引バナー */

.bnr_giga {
  width: 740px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  background: url(../img/common/bnr_giga_bg.png) no-repeat;
}

.bnr_giga .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bnr_giga .list li:last-of-type {
  margin-left: 12px;
}

/* pc_fixed_nav */
.pc_fixed_nav {
  width: 100%;
  height: 90px;
  background: #ffffff;
  display: flex;
  align-items: center;
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 99;
}

.pc_fixed_nav .inbox {
  width: 980px;
  margin: 0 auto;
  padding: 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.pc_fixed_nav .fixed_nav_tel {
  width: 243px;
  margin-left: 20px;
  text-align: center;
}

.pc_fixed_nav .fixed_nav_tel_txt {
  margin-bottom: 8px;
}

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

.pc_fixed_nav .fixed_nav_btn_txt {
  margin-bottom: 6px;
}

.pc_fixed_nav .closing_btn1 {
  width: 200px;
  height: 36px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #ff7200 0%, #ff7200 50%, #ff801a 50%, #ff801a 100%);
  border-radius: 8px;
  box-shadow: 0 4px 0 0 #d86100;
}

.pc_fixed_nav .closing_btn1:hover {
  box-shadow: 0 2px 0 0 #d86100;
  transform: translateY(2px);
  opacity: 1;
}