/* CSS Document */
/* =================================================================================================
 * Reset
 * =================================================================================================*/
html,
body {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1em;
}
img {
  border: 0;
}
a {
  text-decoration: none;
}
ol,
ul {
  list-style: none;
}
p {
  line-height: 30px;
}
img,
input {
  vertical-align: middle;
}

h1,
h2,
h3,
h4,
h5,
h6,
address {
  margin: 0;
  padding: 0;
  border: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
}
div,
blockquote,
p,
pre,
ul,
ol,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}
body {
  font-family: Book Antiqua, Century Gothic, Arial, Roboto, “Droid Sans”,
    “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”,
    “メイリオ”, Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}
#wrap {
  width: 100%;
  overflow: hidden;
}
#header {
  width: 100%;
  height: 130px;
  background: #010044;
}
.header_box {
  width: 1024px;
  margin: auto;
}
.header_box h1 {
  color: #fff;
  font-size: 14px;
  padding-top: 8px;
}
.logo {
  margin: 8px 0;
  float: left;
  width: 300px;
}
.logo img {
  width: 100%;
}
.tel_box {
  float: right;
  margin: 0 8px 0 0;
  width: 280px;
}
.contact {
  float: right;
  width: 280px;
}
.tel_box img,
.contact img {
  width: 100%;
}
.top_bg {
  background: #eaffff;
}
/*共通*/
.top_img_box,
.machine_box,
.attack_img,
.basic_box,
.vs_box,
.flow_box,
.caution_box,
.trust_box,
.plan_box,
.qa_box,
.footer_access,
nav ul,
.attack_banner {
  width: 1024px;
  margin: auto;
}
/*乗り換え*/
.concept {
  width: 1024px;
  margin: 60px auto 0;
  overflow: hidden;
}
.concept h2 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  color: #0c2082;
  letter-spacing: 8px;
}
.concept_box {
  width: 800px;
  margin: 48px auto;
}
.concept_l {
  display: inline-block;
  width: 38%;
  vertical-align: top;
}
.concept_l img {
  width: 300px;
}
.concept_r {
  display: inline-block;
  width: 49%;
  margin: 8px 0px 0px 99px;
}
.concept_r p {
  font-size: 21px;
  color: #0c2082;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 4px;
}
.concept_c {
  display: inline-block;
  width: 100%;
  margin: 8px 0px 0px 0;
  text-align: center;
}
.concept_c p {
  font-size: 21px;
  color: #0c2082;
  font-weight: bold;
  line-height: 40px;
  letter-spacing: 4px;
}
p.t1 {
  font-size: 26px;
}
/*脱毛機械説明*/
.bg_01 {
  width: 1024px;
  background: #0c2082;
  padding: 4px 0;
  margin: 16px auto 32px;
}
.machine_bg {
  width: 1024px;
  background: #0c2082;
  padding: 16px 0 12px;
  margin: 16px auto 32px;
}
.machine_box h2 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  color: #fff;
  letter-spacing: 8px;
}
.machine_box span {
  font-size: 48px;
}
.machine_box2 {
  border: 1px solid #555;
  padding: 24px;
  margin: 0 0 32px;
}
.machine_test {
  display: inline-block;
  width: 62%;
  margin: 16px 40px;
}
.machine_test h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 32px;
}
.machine_img {
  display: inline-block;
  width: 29%;
  vertical-align: top;
}
.machine_box3 {
  margin: 0 0 32px;
}
.machine_l {
  width: 323px;
  border: 1px solid #555;
  display: inline-block;
  vertical-align: top;
}
.machine_r {
  width: 628px;
  height: 212px;
  border: 1px solid #555;
  display: inline-block;
  padding: 32px;
}
.machine_r h3 {
  font-size: 21px;
  font-weight: bold;
  margin: 0 0 16px;
}
.machine_box4 {
  width: 800px;
  margin: auto;
  border: 1px solid #555;
  padding: 24px;
  text-align: center;
}
/*アタック*/
.attack_box {
  margin: 36px 0;
}
.bg_02 {
  width: 100%;
  height: 357px;
  background: #eaffff;
}
.attack_banner {
  position: relative;
  bottom: 90px;
}
.attack_contact,
.attack_tel {
  width: 260px;
  display: inline-block;
}
.attack_contact img,
.attack_tel img {
  width: 100%;
}

/*知っていれば安心*/
.basic_box01 {
  margin: 0 0 32px;
  border-bottom: 1px solid #555;
  padding: 0 0 32px;
}
.basic_box h2.ttl {
  background: url(../media/mens/icon_img01.png) no-repeat;
  padding: 12px 0px 0px 140px;
  height: 100px;
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
  color: #fff;
  letter-spacing: 8px;
  margin: 0px 0px 0 180px;
}
.basic_box_l {
  width: 365px;
  display: inline-block;
  vertical-align: top;
}
.basic_box_r {
  width: 620px;
  display: inline-block;
  margin: 0 0 0 32px;
}
.basic_box02_r {
  width: 620px;
  display: inline-block;
  margin: 0 32px 0 0;
}

.basic_box_r h3,
.basic_box02_r h3 {
  width: 500px;
  display: inline-block;
  position: absolute;
  font-size: 24px;
  padding: 16px 0px 0px 40px;
}
.basic_box_r span,
.basic_box02_r span {
  display: inline-block;
  width: 80px;
  position: relative;
  margin: 0 0 1.5em;
  padding: 0.8em;
  font-size: 1.143em;
  font-weight: bold;
  color: #fff;
  background: #b92a2c;
  box-shadow: 12px 0 0 0 #b92a2c, 0 12px 0 0 #b92a2c,
    1px 15px 4px -3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 12px 0 0 0 #b92a2c, 0 12px 0 0 #b92a2c,
    1px 15px 4px -3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 12px 0 0 0 #b92a2c, 0 12px 0 0 #b92a2c,
    1px 15px 4px -3px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 12px 0 0 0 #b92a2c, 0 12px 0 0 #b92a2c,
    1px 15px 4px -3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 12px 0 0 0 #b92a2c, 0 12px 0 0 #b92a2c,
    1px 15px 4px -3px rgba(0, 0, 0, 0.2);
}
.basic_box_r span:before,
.basic_box02_r span:before {
  content: " ";
  position: absolute;
  top: 100%;
  left: 100%;
  width: 0;
  height: 0;
  border-width: 12px 12px 0 0;
  border-style: solid;
  border-color: transparent;
  border-top-color: #822022;
}
.basic_box_r span:after,
.basic_box02_r span:after {
  content: " ";
  position: absolute;
  padding: 0 20px;
  bottom: 0;
  left: 0.8em;
  width: 4em;
  height: 1.5em;
  background: rgba(255, 244, 244, 0.4);
  transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -o-transform: rotate(-1deg);
}
.rates_list_down {
  text-align: right;
  margin: 32px 0 0;
}
.rates_list_down a {
  color: #000;
}
.rates_list_down a:hover {
  color: #0c2082;
  text-decoration: underline;
}
/*エステVS医療脱毛*/
.vs_box h2.ttl {
  background: url(../media/mens/icon_img02.png) no-repeat;
  padding: 12px 0px 0px 140px;
  height: 100px;
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
  color: #fff;
  letter-spacing: 8px;
  margin: 0px 0px 0 48px;
}
.vs_box h2 span {
  color: red;
}
.vs_l,
.vs_r {
  width: 49%;
  display: inline-block;
}
.vs_l h3,
.vs_r h3 {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 8px;
  line-height: 40px;
  color: #0c2082;
}
.vs_bg_img_01 {
  background: url(../media/mens/vs_list01.png) no-repeat;
  height: 166px;
  margin: 16px 0;
}
.vs_bg_img_02 {
  background: url(../media/mens/vs_list02.png) no-repeat;
  height: 166px;
  margin: 16px 0;
}
.vs_bg_img_03 {
  background: url(../media/mens/vs_list03.png) no-repeat;
  height: 166px;
  margin: 16px 0;
}
.vs_bg_img_04 {
  background: url(../media/mens/vs_list04.png) no-repeat;
  height: 166px;
  margin: 16px 0;
}
.vs_bg_img_05 {
  background: url(../media/mens/vs_list05.png) no-repeat;
  height: 166px;
  margin: 16px 0;
}
.vs_text_l_01,
.vs_text_l_03,
.vs_text_l_04,
.vs_text_l_05 {
  width: 540px;
  display: inline-block;
  vertical-align: top;
  padding: 50px 0 0 40px;
}
.vs_text_r_01,
.vs_text_r_02,
.vs_text_r_04 {
  width: 350px;
  display: inline-block;
  vertical-align: top;
  padding: 40px 0 0 80px;
}
.vs_text_l_02 {
  width: 540px;
  display: inline-block;
  vertical-align: top;
  padding: 70px 0 0 40px;
}
.vs_text_r_03,
.vs_text_r_05 {
  width: 350px;
  display: inline-block;
  vertical-align: top;
  padding: 50px 0 0 80px;
}
.vs_text06 {
  margin: 16px 0;
}
.vs_text06 p {
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 8px;
  line-height: 50px;
  color: #0c2082;
}
.vs_text06 span {
  color: red;
}
/*流れ*/
.flow_box h2.ttl {
  background: url(../media/mens/icon_img03.png) no-repeat;
  padding: 12px 0px 0px 140px;
  height: 100px;
  font-size: 40px;
  font-weight: bold;
  line-height: 90px;
  color: #fff;
  letter-spacing: 8px;
  margin: 0px 0px 0 100px;
}
.flow_l_r {
  margin: 32px 0;
}
.flow_l {
  width: 367px;
  display: inline-block;
  vertical-align: top;
}
.flow_r {
  width: 650px;
  display: inline-block;
}
.step_box {
  width: 100px;
  margin: 0 0 0 300px;
}
.step_bg {
  width: 100px;
  height: 100px;
  background-color: #0c2082;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.step_info {
  padding-top: 30px;
}
.step_bg p {
  text-align: center;
  color: #fff;
  margin: 0;
}
.step_bg p {
  font-size: 30px;
  font-weight: bold;
}
.step_test {
  text-align: center;
  color: #0c2082;
  margin: 0 0 0 60px;
  letter-spacing: 4px;
}
.step_test h3 {
  font-size: 24px;
  margin: 16px 0;
  letter-spacing: 8px;
  font-weight: bold;
  line-height: 26px;
}
/*注意点*/
.caution_box h2.ttl {
  background: url(../media/mens/icon_img04.png) no-repeat;
  padding: 12px 0px 0px 140px;
  height: 100px;
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
  color: #fff;
  letter-spacing: 8px;
  margin: 0px 0px 0 200px;
}
.caution_listbox,
.caution_listbox_02 {
  margin: 0 0 32px;
}
.caution_list_l,
.caution_list_r {
  width: 49%;
  display: inline-block;
  background: #ececec;
  height: 250px;
  vertical-align: top;
}
.caution_list_l {
  margin: 0 16px 0 0;
}
.caution_img {
  width: 120px;
  display: inline-block;
  vertical-align: top;
  padding: 50px 0 0 0;
  margin: 16px;
}
.caution_test {
  width: 345px;
  display: inline-block;
  padding: 40px 0px 0 0px;
}
.caution_test h3 {
  font-size: 24px;
  margin: 16px 0;
  letter-spacing: 8px;
  font-weight: bold;
  line-height: 26px;
}
.caution_test p,
.caution_test02 p {
  font-size: 14px;
  margin: 16px 0;
  letter-spacing: 4px;
  line-height: 26px;
}
.caution_list_01,
.caution_list_02,
.caution_list_03 {
  width: 33%;
  display: inline-block;
  background: #ececec;
  height: 250px;
  vertical-align: top;
}
.caution_test02 {
  width: 237px;
  display: inline-block;
  padding: 24px 4px 0 4px;
}
.caution_img02 {
  width: 80px;
  display: inline-block;
  vertical-align: top;
  padding: 80px 0 0 0;
  margin: 4px;
}
.caution_img02 img {
  width: 100%;
}
.caution_test02 h3 {
  font-size: 18px;
  margin: 16px 0;
  letter-spacing: 8px;
  font-weight: bold;
  line-height: 26px;
}
/*安心と信頼*/
.trust_box h2.ttl {
  background: url(../media/mens/icon_img05.png) no-repeat;
  padding: 12px 0px 0px 140px;
  height: 100px;
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
  color: #fff;
  letter-spacing: 8px;
  margin: 0px 0px 0 180px;
}
.trust_box h2 span {
  color: red;
}
.trust_list_l,
.trust_list_r {
  width: 48%;
  display: inline-block;
  height: 230px;
  vertical-align: top;
  border: 1px solid #555;
  margin: 0 0 32px;
}
.trust_list_l {
  margin: 0 16px 0 0;
}
.trust_list_img {
  background: #000040;
  text-align: center;
  width: 80px;
  height: 160px;
  display: inline-block;
  vertical-align: top;
  padding: 70px 0 0;
}
.trust_list_text {
  width: 350px;
  display: inline-block;
  padding: 28px;
}
.trust_list_text h3 {
  font-size: 18px;
  margin: 16px 0;
  letter-spacing: 8px;
  font-weight: bold;
  line-height: 26px;
  border-bottom: 2px dashed #000;
  padding: 4px 0;
}
.trust_list_text p {
  font-size: 14px;
  margin: 16px 0;
  letter-spacing: 4px;
  line-height: 26px;
}
/*脱毛プラン*/
.plan_box h2 {
  background: url(../media/mens/icon_img06.png) no-repeat;
  padding: 12px 0px 0px 140px;
  height: 100px;
  font-size: 40px;
  font-weight: bold;
  line-height: 90px;
  color: #fff;
  letter-spacing: 8px;
  margin: 0px 0px 0 60px;
}
.plan_center_text {
  width: 650px;
  margin: auto;
}
.plan_center_text h3 {
  font-size: 24px;
  color: #0c2082;
  margin: 0 0 16px;
  letter-spacing: 4px;
  font-weight: bold;
  line-height: 30px;
}
.plan_center_text p {
  font-size: 16px;
  text-align: center;
  letter-spacing: 4px;
  color: #0c2082;
  font-weight: bold;
}
.sample-lines_on_sides {
  color: #181818;
  display: table;
  text-align: center;
  white-space: nowrap;
}
.sample-lines_on_sides:after,
.sample-lines_on_sides:before {
  content: "";
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(
    transparent 50%,
    currentColor 50%,
    currentColor -webkit-calc(50% + 1px),
    transparent -webkit-calc(50% + 1px)
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    color-stop(50%, currentColor),
    color-stop(currentColor calc(50% + 1px)),
    to(transparent calc(50% + 1px))
  );
  background: linear-gradient(
    transparent 50%,
    currentColor 50%,
    currentColor calc(50% + 1px),
    transparent calc(50% + 1px)
  );
  -webkit-background-clip: padding;
  background-clip: padding;
}
.sample-lines_on_sides:after {
  border-left: 1em solid transparent;
}
.sample-lines_on_sides:before {
  border-right: 1em solid transparent;
}
.plan_img01 {
  margin: 32px 0;
  text-align: center;
}
.plan_list_box,
.plan_text03 {
  text-align: center;
  margin: 0 0 32px;
}
.plan_list_01,
.plan_list_02,
.plan_list_03 {
  width: 130px;
  display: inline-block;
  vertical-align: top;
}
.plan_list_01 {
  margin: 0 20px 0 40px;
}
.plan_list_02 {
  margin: 0 20px;
}
.plan_list_03 {
  margin: 0 40px 0 20px;
}
.plan_circle {
  width: 130px;
  height: 130px;
  background-color: #0c2082;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.plan_text02 {
  padding-top: 30px;
}
.plan_circle h3,
.plan_circle p {
  text-align: center;
  color: #fff;
  margin: 0;
}
.plan_circle h3 {
  font-size: 16px;
  font-weight: bold;
}
.plan_circle p {
  font-size: 18px;
  font-weight: bold;
}
.plan_circle p span {
  font-size: 30px;
}
p.plan_text_l {
  display: inline-block;
  width: 42%;
}
p.plan_text_r {
  display: inline-block;
  width: 33%;
  font-size: 14px;
  line-height: 16px;
  padding: 14px 0 0;
}
.plan_text03 p {
  font-size: 18px;
  letter-spacing: 4px;
  font-weight: bold;
}
.plan_text03 span {
  color: red;
}

.plan_list_003 {
  width: 750px;
  margin: 0 auto 16px;
  overflow: hidden;
}
.plan_right {
  text-align: right;
  color: red;
}
.table1 {
  width: 750px;
  border: 1px solid #ccc;
  border-bottom: none;
  margin: 32px auto 16px;
  text-align: center;
}
.table1 dl {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
.table1 dl dt {
  width: 100px;
  background-color: #ececec;
  padding: 10px;
  display: table-cell;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  letter-spacing: 4px;
  font-size: 21px;
}
.table1 dl dd {
  background-color: #ececec;
  display: table-cell;
  padding: 8px;
  border-bottom: 1px solid #ccc;
  letter-spacing: 2px;
  font-size: 21px;
}
.table1 dd {
  width: 300px;
  line-height: 32px;
  background: rgba(255, 255, 255, 0.63);
}
dt.table_color01 {
  background: #fb4d44 !important;
  color: #fff;
}
dt.table_color02 {
  background: #000040 !important;
  color: #fff;
  vertical-align: middle;
}
dd.plan_dd {
  text-align: left;
  font-size: 16px !important;
}

.plan_text04,
.plan_text07 {
  width: 1024px;
  background: #fb4d44;
  padding: 16px 0;
  margin: 16px auto 32px;
}
.plan_text04 p,
.plan_text07 p {
  text-align: center;
  height: 60px;
  font-size: 40px;
  font-weight: bold;
  line-height: 60px;
  color: #fff;
  letter-spacing: 8px;
}
.plan_text05 h3 {
  text-align: center;
  height: 60px;
  font-size: 32px;
  font-weight: bold;
  line-height: 60px;
  color: #0c2082;
  letter-spacing: 8px;
}
.plan_text05 p {
  font-size: 21px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 4px;
  margin: 16px 0;
}
.plan_text06 {
  margin: 24px auto 16px;
  width: 770px;
}
.plan_text06_l,
.plan_text06_l02 {
  width: 60px;
  height: 60px;
  background: #000040;
  display: inline-block;
  font-weight: bold;
  padding: 16px;
  text-align: center;
  font-size: 18px;
}
.plan_text06_l p,
.plan_text06_l02 p {
  color: #fff;
  line-height: 30px;
}
.plan_text06_r,
.plan_text06_r02 {
  width: 670px;
  display: inline-block;
  vertical-align: top;
}
.plan_text06_r p,
.plan_text06_r02 p {
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 8px;
  padding: 30px 0 0 40px;
}
.plan_text06_l02 p {
  padding: 16px 0 0;
}
.plan_text06_r02 p {
  line-height: 40px;
  padding: 6px 0 0 40px;
}
.plan_text06_l03 {
  width: 380px;
  display: inline-block;
}

.plan_text06_r03 {
  width: 239px;
  display: inline-block;
  padding: 24px 0 0 !important;
  vertical-align: top;
}

.triangle_icon {
  text-align: center;
}
.triangle_icon p {
  color: #fb4d44;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: 8px;
  margin: 32px 0;
}
.plan_text07 {
  background: #000040;
}
.plan_text08 {
  text-align: center;
  margin: 32px 0;
}
.plan_text08 h3 {
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 4px;
}
.plan_text08 p {
  margin: 16px 0;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 4px;
}
.plan_tabie table {
  border-collapse: collapse;
  text-align: center;
  width: 1000px;
  margin: 32px auto 16px;
  letter-spacing: 2px;
  font-weight: bold;
}
tr.bg_plan {
  background: #000040;
  color: #fff;
}
.plan_tabie table td {
  border: 1px solid #000;
  padding: 5px;
  height: 50px;
  line-height: 24px;
}
.l_plan {
  text-align: left;
  padding: 0 0 0 16px !important;
  width: 300px;
}
/*Q&A*/
.qa_box h2 {
  background: url(../media/mens/icon_img07.png) no-repeat;
  padding: 12px 0px 0px 140px;
  height: 100px;
  font-size: 40px;
  font-weight: bold;
  line-height: 90px;
  color: #fff;
  letter-spacing: 8px;
  margin: 0px 0px 0 260px;
}
.qa_list {
  margin: 0 0 32px;
}
.qa_list p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 4px;
  margin: 0 0 32px;
}

.tabContainer h3 {
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 8px;
  margin: 32px 0 16px;
  text-align: center;
}
.tabContainer ul.tabMenu li {
  float: left;
  margin-right: 5px;
  padding: 0;
  position: relative;
  letter-spacing: 0.1em;
}
.tabContainer ul.tabMenu li a {
  display: block;
  float: left;
  padding: 5px 10px;
  background: url(../media/qa/bg_qa.gif) no-repeat right top;
  border-left: 1px solid #999;
  color: #999;
  text-decoration: none;
}
.tabContainer ul.tabMenu li.active a {
  position: relative;
  top: 1px;
  background: url(../media/qa/bg_qa.gif) no-repeat right top;
  border-left: 1px solid #595959;
  color: #000;
}
.tabContainer ul.tabMenu li a:hover {
  color: #000;
}
.tabContainer dl {
  clear: both;
  width: 1000px;
  padding: 0 32px;
}
.tabContainer dl dt {
  padding: 16px 0 16px 32px;
  background: url(../media/mens/q.gif) no-repeat 0px 16px;
  font-weight: bold;
  font-size: 18px;
  letter-spacing: 4px;
  border-bottom: 1px dotted #ccc;
}
.tabContainer dl dd {
  margin: 16px 0;
  background: url(../media/mens/a.gif) no-repeat 0px 7px;
  border-bottom: 1px dotted #ccc;
  padding: 0 0 16px 32px;
  font-size: 16px;
  letter-spacing: 4px;
}
.tabContainer p {
  text-align: left;
  margin: 0;
  font-size: 16px;
  font-weight: normal;
}

/**/
.footer_bg {
  width: 1024px;
  background: #0c2082;
  padding: 16px 0 12px;
  margin: 16px auto 32px;
}
.footer_bg h2 {
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  color: #fff;
  letter-spacing: 8px;
}
.access {
  margin: 60px 0 32px;
}
.access_box {
  width: 660px;
  font-size: 16px;
  letter-spacing: 2px;
  display: inline-block;
}
.access_img {
  width: 340px;
  display: inline-block;
  vertical-align: top;
}
.access_box dt {
  width: 100px;
  display: inline-block;
  margin: 0 6px 0;
  line-height: 24px;
  vertical-align: top;
}
.access_box dd {
  width: 500px;
  display: inline-block;
  text-align: left;
  line-height: 24px;
  margin: 0 0 24px;
}
.iv {
  margin: 32px 0 0;
}
/*footer*/
footer {
  margin: -36px 0 70px;
  display: block;
  padding: 0;
  background: #000040;
  width: 100%;
  height: 88px;
}
#footernav li {
  display: inline-block;
  margin: 16px 51px;
}
#footernav li a {
  color: #fff;
  text-decoration: underline;
}
#footernav li a:hover {
  color: #fb4d44;
  text-decoration: underline;
}
footer p {
  color: #fff;
  text-align: center;
}
.fixBox {
  background: hsla(0, 0%, 100%, 0.8);
  border-top: 2px solid #fb4d44;
  display: block;
  height: 68px;
  line-height: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.fixBox .wrap {
  display: block;
  margin: 0 auto;
  padding: 15px 0;
  width: 750pt;
  display: flex;
  justify-content: center;
}
.fixBox .wrap li {
  _float: left;
  height: 36px;
  line-height: 36px;
  margin: 0 2px 0 8px;
  padding: 0;
}

#page-top {
  position: fixed;
  right: 20px;
  font-size: 77%;
  margin-bottom: 50px;
}
#page-top a {
  background: #fb4d44;
  text-decoration: none;
  color: #fff;
  width: 40px;
  padding: 8px;
  text-align: center;
  display: block;
  border-radius: 5px;
  line-height: 21px;
}
#page-top a:hover {
  text-decoration: none;
  background: #fb4d44;
}
