@charset "utf-8";
/*
 Theme Name:  無線ナビ
 Theme URI:   http://musennavi.com/
*/

/* Background pattern from Subtle Patterns */

/* リセットCSS */

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, a, button, input, main {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  box-sizing: border-box;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  transition: .3s;
}

ol, ul, li {
  list-style: none;
}

img {
  vertical-align: bottom;
  max-width: 100%;
}

a {
  text-decoration: none;
}

/* iOSでのsubmit,buttonのスタイルをリセット */

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

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

input[type="submit"]::focus, input[type="button"]::focus {
  outline-offset: -2px;
}

/* IE対策 */

main {
  display: block;
}

/* 画面幅1025px以上で電話番号へのリンクを無効化 */

@media screen and (min-width: 1025px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* 汎用クラス */

.red {
  color: #B70000;
}

.blue {
  color: #0053AC;
}

.marker {
  background: linear-gradient(transparent 50%, rgba(248, 241, 211, .8) 0%)
}

.fa-phone {
  transform: rotate(105deg);
}

.new_icon {
  color: #eee;
  background: #d00;
  padding: 0 .3em;
}

.bold {
  font-weight: bold;
}

/* 共通のボタンデザイン */

.btn {
  display: block;
  margin: auto;
  max-width: 400px;
  text-align: center;
  color: #000;
  position: relative;
}

.btn svg:last-child {
  position: absolute;
  right: 16px;
  top: 24px;
}

.btn.more {
  border: 2px solid #333;
  line-height: 4;
  font-size: 18px;
  margin-top: 64px
}

.btn.more:hover {
  background: #333;
  color: #eee;
}

.btn.inquiry {
  border: 2px solid #EAAF00;
  line-height: 1.5;
  font-size: 18px;
  margin-top: 64px;
  background: #EAAF00;
  color: #eee;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn.inquiry svg:first-child {
  position: absolute;
  left: 32px;
  top: 19px;
  font-size: 36px;
}

@media screen and (max-width: 400px) {
  .btn.inquiry svg:first-child {
    left: 8px;
    top: 23px;
    font-size: 24px
  }
}

.btn.inquiry:hover {
  border: 2px solid #0054AC;
  background: #0054AC;
}

.btn.general_btn {
  border: 2px solid #333;
  line-height: 1.5;
  font-size: 18px;
  margin-top: 64px;
  background: #333;
  color: #eee;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn.general_btn svg:first-child {
  position: absolute;
  left: 32px;
  top: 19px;
  font-size: 36px;
}

@media screen and (max-width: 400px) {
  .btn.general_btn svg:first-child {
    left: 8px;
    top: 23px;
    font-size: 24px
  }
}

.btn.general_btn:hover {
  border: 2px solid #333;
  background: transparent;
  color: #333;
}

.btn.btn_angle_right_only svg:only-child:only-of-type {
  /*  詳細度を上げるための若干筋の悪いセレクタの書き方  */
  top: 26px;
  left: auto;
  font-size: 18px;
}

/* 汎用クラスその2。順番的にこちらに書くしかなかったもの */

.mb64 {
  margin-bottom: 64px;
}

/* 全体に共通のレイアウト */

::selection {
  background-color: #EAAF00;
  color: #eee;
}

h1 {
  font-size: 32px;
  text-align: center;
}

/* パンくずリストの文字色とホバー時の挙動の指定 */

#path a {
  color: #333
}

#path a:hover {
  text-decoration: underline;
}

/* ヘッダー */

.home .header {
  background: transparent;
  transition: 0s;
  border-color: transparent;
}

.header {
  transition: 0s;
}

.home .header .logo a {
  /* opacity: 0; */
  transition: 0s;
}

.home .header.fixed_header {
  background: #222;
}

.home .header .logo a.fixed_header {
  opacity: 1;
}

.home .header .topPage_h1 {
  font-size: 16px;
  font-weight: normal;
  text-align: left;
}

.header {
  border-top: 6px solid #00688E;
  background: #222;
  position: fixed;
  width: 100%;
  color: #eee;
  z-index: 9999;
}

.header .header_inner {
  max-width: 1920px;
  margin: auto;
  padding: 8px 16px 0;
  position: relative;
  padding-bottom: 8px;
}

.header .header_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
}

.header .header_flex_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

@media screen and (max-width: 979px) {
  .header .header_flex_box:first-child {
    padding-right: 0 !important;
    width: 0 !important;
  }
  .header .header_flex_box.logo_box {
    align-items: center;
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .tel2 {
    width: 100% !important;
  }
  .header .header_flex_box.logo_box {
    flex-wrap: wrap;
  }
}

.header .header_flex_box:first-child {
  padding-right: 60px;
  width: 33%;
}

@media screen and (max-width: 1160px) {
  .header .header_flex_box:first-child {
    width: 10%;
  }
}

.header .header_flex_box:last-of-type {
  position: relative;
  top: 6px;
  width: 445px;
}

.header .header_flex_box:last-of-type a:nth-child(2) {
  margin-right: 12px;
}

.header .header_flex_box .btn {
  display: block;
  border: 2px solid #bbb;
  width: 180px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #eee;
  font-size: 16px;
}

.header .header_flex_box .btn.consultation {
  border: none;
  background: #0054AC;
}

.header .header_flex_box .btn.inquiry {
  border: none;
  background: #EAAF00;
  margin-top: 0;
}

.header .header_flex_box .btn:hover {
  background: #eee;
  color: #333;
  border-color: #eee;
}

.header .header_flex .header_flex_box:not(:nth-child(2)) a:nth-child(1) {
  margin-right: 16px;
}

.header .header_flex_box .logo {
  transform: translateY(-12px);
}

.header .header_flex_box .logo img {
  max-width: 300px;
  width: 100%;
}

.header .hamburger {
  display: block;
  height: 56px;
  margin: 0 0 0 5%;
  width: 48px;
  z-index: 999;
  position: relative;
  transform: translateY(-14px);
}

@media screen and (max-width: 480px) {
  .header .hamburger {
    transform: scale(.8) translateY(-14px);
    transform-origin: right bottom;
  }
}

.header .hamburger .icon span {
  display: block;
  position: absolute;
  height: 5px;
  background: #eee;
  border-radius: 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
}

@media screen and (max-width: 979px) {
  .header .hamburger .icon span {
    top: -25px;
  }
  .header .hamburger .txt {
    position: absolute;
    top: -10px;
  }
}

.header .hamburger .icon span:nth-child(1) {
  transform: translateY(-12px)
}

.header .hamburger .icon span:nth-child(3) {
  transform: translateY(12px)
}

.header .hamburger .txt {
  display: block;
  transform: translateY(46px);
  color: #eee;
  font-weight: bold;
  font-size: 15px;
}

.header .hamburger.open .icon span {
  background: #eee;
}

.header .hamburger.open .icon span:nth-child(1) {
  transform: rotate(45deg);
}

.header .hamburger.open .icon span:nth-child(2) {
  transform: rotate(0);
  opacity: 0;
}

.header .hamburger.open .icon span:nth-child(3) {
  transform: rotate(-45deg);
}

.header .hamburger.open .txt {
  color: #eee;
}

.header .menu {
  position: fixed;
  right: -100%;
  background: #333;
  height: 100%;
  width: 100%;
  top: 0;
  padding-top: 118px;
  overflow: auto;
}

.header .menu li {
  line-height: 3;
  text-align: center;
  border-top: 1px solid #000;
}

.header .menu li a {
  line-height: 3;
  text-align: center;
}

.header .menu li:nth-child(2) {
  background-image: none;
}

@media screen and (max-width: 768px) {
  .header .menu li {
    line-height: 2;
  }
}

.header .menu li:last-child {
  border-bottom: 1px solid #000;
}

.header .menu a {
  color: #eee;
  display: block;
  line-height: 3;
  background: #333;
}

.header .menu a:hover {
  opacity: .7;
}

.header .menu.open {
  right: 0;
}

.header .menu .bg_darkgray a {
  background-color: #444;
}

.header .menu .bg_gray a {
  background-color: #DCDCDC;
}

.header .menu .bg_gray a {
  color: #333;
}

.header .menu .bg_blue a {
  background-color: #0A5176;
}

.header .menu .bg_orange a {
  background-color: #BD8F06;
}

.header .menu span {
  display: inline-block;
  width: 260px;
  background-image: url(/img/common/angle_right.png);
  background-position: right center;
  background-repeat: no-repeat;
}

.header .menu .bg_gray span {
  background-image: url(/img/common/angle_right_dark.png);
  background-position: right center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 1365px) {
  .header .header_flex .header_flex_box:nth-child(1) a, .header .header_flex .header_flex_box:nth-child(3) a:not(:last-child) {
    display: none;
  }
  .header .header_flex_box .logo {
    transform: translateY(0);
    /* display:none; */
  }
}

@media screen and (max-width: 480px) {
  .header .header_inner>p, .home .header .header_inner>h1 {
    font-size: 11px;
  }
}

/* トップページ */

.topPage .main_logo {
  padding: 0 8px;
}

.topPage h2 {
  text-align: center;
  padding-top: 72px;
}

.topPage .news h2 {
  text-align: center;
  padding-top: 72px;
  padding-bottom: 25px;
}

.topPage .lead {
  margin: 72px 0 16px;
  text-align: center;
  font-size: 26px;
  line-height: 2;
}

@media screen and (max-width: 700px) {
  .topPage .lead {
    font-size: 20px;
  }
}

@media screen and (max-width: 480px) {
  .topPage .lead {
    font-size: 18px;
    padding: 0 8px;
  }
  .topPage .lead br {
    display: none;
  }
}

.topPage .hero {
  background: #333;
  padding-top: 108px;
  text-align: center;
  color: #eee;
  /*border-bottom: 2px solid #0054AC;*/
  position: relative;
}

@media screen and (max-width: 767px) {
  .topPage .hero {
    padding-top: 140px;
  }
  .header .header_flex_box .logo {
    text-align: center;
    width: 100%;
  }
  .header .header_flex_box .logo img {
    margin: auto;
    width: 50%;
  }
}

.topPage .hero .hero_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin: 30px auto 0;
}

.topPage .hero .hero_flex_box {
  width: 220px;
  height: 200px;
  background: #0054AC;
  border: 2px solid #eee;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  color: #eee;
}

.topPage .hero .hero_flex_box a {
  display: block;
}

.topPage .hero .hero_flex_box:hover {
  background: #EAAF00;
}

.topPage .hero .hero_flex_box:hover .angle_down {
  color: #EAAF00;
}

.topPage .hero .hero_flex_box h2 {
  font-size: 18px;
  font-weight: normal;
  padding-top: 0;
  line-height: 1;
}

.topPage .hero .hero_flex_box h2 span {
  font-size: 36px;
  font-weight: bold;
}

.topPage .hero .hero_flex_box .angle_down {
  width: 64px;
  height: 32px;
  background: rgba(255, 255, 255, .6);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  line-height: 36px;
  font-size: 28px;
  color: #0054AC;
}

.topPage .hero .lead {
  font-size: 36px;
  line-height: 1.5;
  margin-top: 22px;
}

.topPage .hero .lead:nth-of-type(3) {
  margin-top: 0;
}

.topPage .hero .lead span {
  font-size: 48px;
  font-weight: bold;
}

.topPage .hero form {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  max-width: 768px;
  margin: 22px auto 0;
  align-items: center;
}

.topPage .hero form label {
  position: relative;
}

.topPage .hero form label::after {
  display: block;
  content: url(/img/common/angle_down.png);
  width: 32px;
  height: 48px;
  background: #0054AC;
  right: 0;
  position: absolute;
  top: 0;
  pointer-events: none;
  padding-top: 12px;
  box-sizing: border-box;
}

.topPage .hero form select {
  width: 240px;
  height: 48px;
  font-size: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  padding-left: 4px
}

.topPage .hero form .icon {
  font-size: 36px;
  font-weight: bold;
}

.topPage .hero form button {
  width: 200px;
  background: #0054AC;
  border: none;
  color: #eee;
  font-size: 18px;
  height: 48px;
}

.topPage .hero form button:hover {
  background: #EAAF00;
}

@media screen and (max-width: 800px) {
  .topPage .hero form {
    display: block;
  }
  .topPage .hero form .icon:nth-of-type(2) {
    transform: rotate(90deg)
  }
  .topPage .hero form label::after {
    top: -13px;
  }
}

.topPage .hero .notice_area {
  margin-top: 12px;
  color: #FFEB3B;
}

.topPage .hero .txt {
  margin: 22px 0 8px;
}

.topPage .hero .searchbox {
  display: none;
  width: 320px;
  margin: 0 auto;
}

.topPage .hero .searchbox form {
  margin-top: 12px;
}

.topPage .hero .searchbox input[type=text] {
  font-size: 18px;
}

.topPage .hero .searchbox input[type=submit] {
  flex-grow: 1;
  background: #0054AC;
  border: none;
  color: #eee;
  font-size: 18px;
  align-self: stretch;
  padding: 0 .5em;
}

.topPage .hero .searchbox input[type=submit]:hover {
  background: #EAAF00;
}

.topPage .hero .dispsearch {
  color: #ffc721;
  text-decoration: underline;
}

.topPage .hero .dispsearch:hover {
  text-decoration: none;
}

.topPage .hero .btn.request {
  margin-top: 22px;
  border: 2px solid #EAAF00;
  line-height: 1.5;
  font-size: 18px;
  background: #EAAF00;
  color: #eee;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 40px;
}

.topPage .hero .btn.request svg:first-child {
  position: absolute;
  left: 32px;
  top: 19px;
  font-size: 36px
}

.topPage .hero .btn.request:hover {
  border: 2px solid #0054AC;
  background: #0054AC;
}

/* .topPage .hero .corporation {
  width: 230px;
  background: #EAAF00;
  display: block;
  color: #eee;
  font-size: 20px;
  position: absolute;
  right: 0;
  bottom: 16px;
  padding: 8px 0 8px 8px;
  text-align: left;
  z-index: 2;
}

@media screen and (max-width: 980px) {
  .topPage .hero .corporation {
    display: none;
  }
}

.topPage .hero .corporation::after {
  content: "";
  display: block;
  width: 80px;
  height: 0;
  border-left: 24px solid transparent;
  border-bottom: 76px solid #EAAF00;
  position: absolute;
  top: 0;
  left: -32px;
  z-index: -1;
  transition: .3s;
}

.topPage .hero .corporation:hover {
  background: #0054AC;
  ;
}

.topPage .hero .corporation:hover::after {
  border-bottom: 76px solid #0054AC;
  ;
} */

.topPage .hero .scroll_down {
  display: block;
  width: 88px;
  height: 26px;
  background: #0054AC;
  color: #eee;
  font-size: 24px;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 620px) {
  .topPage .hero .hero_flex {
    display: block;
    margin: auto;
    width: 260px;
  }
  .topPage .hero .hero_flex_box {
    margin-top: 32px;
    width: 260px;
    height: 160px;
  }
  .topPage .hero .hero_flex_box .angle_down {
    height: 24px;
    line-height: 0;
  }
  .topPage .hero .hero_flex_box .angle_down svg {}
  .topPage .hero .lead {
    font-size: 24px;
  }
  .topPage .hero .lead a:nth-of-type(1) img {
    margin-bottom: 10px;
  }
  .topPage .hero .lead span {
    font-size: 32px
  }
}

.topPage .about {
  background: #f6f6f6;
  padding-bottom: 32px
}

.topPage .about .about_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  max-width: 1366px;
  margin: 72px auto 0;
  justify-content: space-around;
  flex-wrap: wrap;
}

.topPage .about .about_flex_box {
  width: 280px;
  position: relative;
  margin: 0 8px 120px 8px
}

.topPage .about .about_flex_box:nth-child(1) h3 {
  line-height: 78px
}

.topPage .about .about_flex_box .image {
  text-align: center;
}

.topPage .about .about_flex_box h3 {
  font-size: 26px;
  margin-top: 48px;
  text-align: center;
}

.topPage .about .about_flex_box .txt {
  margin-top: 24px;
  line-height: 1.8;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .topPage .about .about_flex_box .txt {
    margin-top: 8px;
  }
}

.topPage .about .about_flex_box .more {
  display: block;
  font-size: 18px;
  background: #333;
  color: #eee;
  line-height: 2.5;
  text-align: center;
  position: absolute;
  bottom: -64px;
  width: 100%;
  border: 2px solid #333;
}

.topPage .about .about_flex_box .more:hover {
  background: transparent;
  color: #333;
}

.topPage .about .about_flex_box .more svg {
  position: absolute;
  right: 8px;
  top: 14px;
  font-size: 16px;
}

.topPage .popular {
  padding-bottom: 64px;
}

.topPage .top_slider {
  display: none;
  position: relative;
  padding: 0 48px;
}

.topPage .top_slider.slick-initialized {
  display: block;
}

.topPage .slick-slide .title {
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.topPage .slick-prev {
  position: absolute;
  left: 0;
  background: #111;
  height: 128px;
  width: 44px;
}

.topPage .slick-next {
  position: absolute;
  right: 0;
  background: #111;
  height: 128px;
  width: 44px;
}

.topPage .slick-dots {
  position: static;
}

.topPage .popular {
  background: url(/img/top/top_bg_popular.jpg) center / cover no-repeat;
}

.topPage .popular .top_slider .slick-list li {
  margin: 24px;
  box-shadow: 0 0 5px #aaa;
}

.topPage .popular .top_slider .slick-list li a {
  color: #333;
}

.topPage .popular .top_slider li:hover {
  opacity: .7;
}

.topPage .popular .top_slider li .title {
  background: #fff;
  padding: .2em .5em 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold
}

.topPage .popular .top_slider li .txt {
  background: #fff;
  padding: .5em 1em;
  min-height: 160px;
}

.topPage .popular .top_slider li .btn.more {
  border: none;
  background: #111;
  color: #eee;
  line-height: 3;
  position: relative;
  margin-top: 0;
  max-width: 900px;
}

.topPage .popular .top_slider li .btn.more svg {
  top: 17px;
}

.topPage .campaign {
  background: url(/img/top/top_bg_campaign.jpg) center / cover no-repeat;
}

.topPage .campaign .campaign_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  max-width: 950px;
  margin: 30px auto 0;
  margin-top: 30px;
  justify-content: space-around;
  flex-wrap: wrap;
  padding-bottom: 64px;
}

.topPage .campaign .campaign_flex::before, .topPage .campaign .campaign_flex::after {
  content: "";
  order: 1;
  width: 386px;
  margin: 42px 8px 0;
}

.topPage .campaign .campaign_flex_box {
  width: 386px;
  text-align: center;
  margin: 42px 8px 0;
}

.topPage .campaign .campaign_flex_box img {
  width: 100%;
  box-shadow: 0 0 6px #999;
}

.topPage .campaign .campaign_flex_box a {
  display: block;
}

.topPage .campaign .campaign_flex_box a:hover {
  opacity: .7;
}

.topPage .campaign .campaign_flex_box .txt {
  margin-top: 8px;
  color: #000;
  text-decoration: underline;
}

.topPage .scene {
  background: url(/img/top/top_bg_scene.jpg) center / cover no-repeat;
  padding-bottom: 64px
}

.topPage .scene .scene_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  max-width: 1366px;
  margin: auto;
  margin-top: 30px;
  justify-content: space-around;
  flex-wrap: wrap;
}

.topPage .scene .scene_flex_box {
  width: 280px;
  margin: 42px 8px 0;
}

.topPage .scene .scene_flex::after {
  content: "";
  width: 280px;
  margin: 42px 8px 0;
}

.topPage .scene .scene_flex_box a {
  display: block;
  margin: auto;
  text-align: center;
  color: #0054AC;
  transition-duration: .3s;
  transition-property: transform;
}

.topPage .scene .scene_flex_box a img {
  width: 40%;
}

.topPage .scene .scene_flex_box a:hover {
  color: #ffbf00;
}

.topPage .scene .scene_flex_box a:hover .image {
  transform: translateY(-12px);
}

.topPage .scene .scene_flex_box h3 {
  margin-top: 8px;
}

.topPage .scene .scene_flex_box .txt {
  margin-top: 8px;
}

.topPage .scene .btn.more {
  background: #333;
  color: #eee;
}

.topPage .scene .btn.more:hover {
  background: #eee;
  color: #333;
}

.topPage .news {
  padding-bottom: 64px;
}

.topPage .news_box {
  margin: 48px auto 96px;
  max-width: 1366px;
}

.topPage .news_box li {
  border-top: 3px dotted #ccc;
  position: relative;
}

.topPage .news_box li:last-child {
  border-bottom: 3px dotted #ccc;
}

.topPage .news_box li a {
  padding: 1em;
  display: block;
  color: #333;
}

.topPage .news_box li a svg {
  font-size: 24px;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.topPage .news_box li a {
  padding: 1em 2em 1em 1em;
  display: block;
}

.topPage .news_box li a:hover .txt {
  text-decoration: underline;
}

.topPage .news_box br {
  display: none;
}

@media screen and (max-width: 480px) {
  .topPage .news_box br {
    display: block;
  }
}

/* サイドバー */

.sidebar {
  width: 260px;
  background: linear-gradient(#333, #434343);
  flex-shrink: 1;
}

@media screen and (max-width: 1366px) {
  .sidebar {
    display: none;
  }
}

.sidebar .bg_gray {
  background-color: #555;
}

.sidebar .bg_gray a {
  line-height: 3;
}

.sidebar li {
  padding-left: 48px;
  background-position: left 18px center, right 12px center;
  background-repeat: no-repeat;
}

.sidebar li:hover {
  opacity: .7;
}

.sidebar .guide {
  background-image: url(/img/sidebar/side_icon_beginner.png), url(/img/common/angle_right.png);
}

.sidebar .flow {
  background-image: url(/img/sidebar/side_icon_flow.png), url(/img/common/angle_right.png);
}

.sidebar .payment {
  background-image: url(/img/sidebar/side_icon_wallet.png), url(/img/common/angle_right.png);
}

.sidebar .delivery {
  background-image: url(/img/sidebar/side_icon_cardboard.png), url(/img/common/angle_right.png);
}

.sidebar .return {
  background-image: url(/img/sidebar/side_icon_return.png), url(/img/common/angle_right.png);
}

.sidebar .faq {
  background-image: url(/img/sidebar/side_icon_chat.png), url(/img/common/angle_right.png);
  margin-top: 8px;
}

.sidebar .inquiry {
  background-image: url(/img/sidebar/side_icon_mail.png), url(/img/common/angle_right.png);
  margin-top: 8px;
  color: #ffbf00;
}

.sidebar .inquiry a {
  color: #ffbf00;
}

.sidebar .about {
  background-image: url(/img/sidebar/side_icon_transceiver.png), url(/img/common/angle_right.png);
  margin-top: 8px;
}

.sidebar .terms {
  background-image: url(/img/sidebar/side_icon_document01.png), url(/img/common/angle_right.png);
}

.sidebar .policy {
  background-image: url(/img/sidebar/side_icon_document01.png), url(/img/common/angle_right.png);
}

.sidebar .code {
  background-image: url(/img/sidebar/side_icon_document01.png), url(/img/common/angle_right.png);
}

.sidebar li a {
  display: block;
  line-height: 2.5;
  color: #eee;
}

/* フッター */

footer {
  color: #eee;
  background: linear-gradient(#434343, #222);
  padding-top: 32px;
}

footer a {
  color: #eee;
}

footer a:hover {
  background: #eee;
  color: #333;
}

.footer_inner {
  max-width: 1600px;
  margin: auto;
}

footer .fa-w-8 {
  display: inline-block;
  margin-right: 8px;
}

.footer_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.footer_flex>div {
  margin-bottom: 32px;
}

.footer_flex>div:nth-child(1), .footer_flex>div:nth-child(2), .footer_flex>div:nth-child(3), .footer_flex>div:nth-child(4) {
  /*   width: 280px; */
  /* SNSのコメントアウトを解除したら↓の記述を削除して↑のコメントアウトを解除 */
  width: 360px;
}

/* SNSのコメントアウトを解除したらこのコメントアウトを解除 */

/* .footer_flex > div:nth-child(5) {
  width: 400px;
} */

.footer_flex dd a {
  padding-left: 4px;
}

footer dt, footer .purchase, footer .sns_box p:first-child {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  padding-bottom: 6px;
  margin-bottom: 8px;
}

footer .purchase {
  margin-top: 32px;
}

footer .sns li {
  margin-top: 8px;
}

footer .sns li a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
}

footer .fa-bold, footer .fa-instagram, footer .fa-facebook-square {
  font-size: 32px;
  padding: 0 8px 0 2px;
}

footer .fa-bold {
  padding: 0 10px 0 4px;
}

footer .inquiry {
  background: linear-gradient(rgba(255, 255, 255, .2), rgba(255, 255, 255, .3));
  padding: 1em;
}

footer .mail_heading {
  font-size: 18px;
  font-weight: bold;
}

footer .mail a {
  background: #333;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  padding: 16px 0 16px 16px;
  font-size: 18px;
  font-weight: bold;
}

footer .mail a:hover {
  background: #eee;
}

footer .fa-envelope {
  font-size: 32px;
  margin-right: 8px
}

footer .tel_heading {
  font-size: 18px;
  font-weight: bold;
  margin-top: 16px;
}

footer .tel a {
  background: #333;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  padding: 16px;
  font-size: 28px;
  font-weight: bold;
}

footer .tel a:hover {
  background: #eee;
}

footer .fa-phone {
  font-size: 32px;
  padding-right: 8px;
  position: relative;
  right: 4px;
}

footer .inquiry_time {
  margin-top: 16px;
}

.footer_bottom {
  background: linear-gradient(#434343, #333);
  padding-top: 32px
}

.footer_nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  max-width: 960px;
  margin: auto;
  justify-content: space-between;
}

.footer_nav li {
  width: 25%;
  text-align: center;
}

.footer_nav li:not(:first-child) {
  border-left: 1px solid #eee;
}

@media screen and (max-width: 768px) {
  .footer_nav {
    display: block;
    margin-top: 0;
  }
  .footer_nav li {
    width: 100%;
    margin: auto;
  }
  .footer_nav li:not(:first-child) {
    border-left: none;
    margin-top: 4px
  }
}

@media screen and (max-width: 400px) {
  footer .fa-envelope {
    font-size: 24px;
  }
  footer .mail a {
    font-size: 16px;
  }
  footer .fa-phone {
    font-size: 24px
  }
  footer .tel a {
    font-size: 24px;
  }
}

.copyright {
  width: 100%;
  text-align: center;
  line-height: 4;
}

.copyright br {
  display: none;
}

@media screen and (max-width: 530px) {
  .copyright {
    line-height: 1.5;
    margin-top: 32px
  }
  .copyright br:nth-child(2) {
    display: block;
  }
}

@media screen and (max-width: 400px) {
  .copyright br:nth-child(1) {
    display: block;
  }
  .copyright {
    padding-bottom: 1em;
  }
}

/* 特集・キャンペーン用のフッター */

.footer_campaign {
  padding-top: 16px
}

.footer_campaign h2 {
  text-align: center;
}

.footer_campaign .footer_campaign_flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 16px;
}

/* .footer_campaign .footer_campaign_flex::before, .footer_campaign .footer_campaign_flex::after {
  content: "";
  order: 1;
  width: 360px;
  margin: 0 8px;
} */

.footer_campaign .footer_campaign_flex_box {
  width: 360px;
  margin: 16px 15px;
}

.footer_campaign .footer_campaign_flex_box a {
  display: block;
}

.footer_campaign .footer_campaign_flex_box a:hover {
  background: none;
  color: #eee;
  opacity: .7;
}

.footer_campaign .footer_campaign_flex_box .txt {
  margin-top: 4px;
  text-align: center;
}

/* お問合せフォームのレイアウト */

.mw_wp_form {
  max-width: 980px;
  margin: 32px auto 64px;
}

.mw_wp_form input, .mw_wp_form textarea, .mw_wp_form select {
  padding: .5em;
  font-size: 16px;
}

.mw_wp_form input.txt, .mw_wp_form textarea {
  width: 100%;
  box-sizing: border-box;
}

.mw_wp_form h1 {
  font-size: 32px;
}

.mw_wp_form .lead {
  margin-top: 16px;
}

.mw_wp_form .lead--flex {
  display: flex;
  justify-content: space-between;
}

#mw_wp_form_mw-wp-form-785 .lead--flex .postage__text {
  margin: 16px 3% 0;
  width: 45%;
}

#mw_wp_form_mw-wp-form-106 .lead--flex .postage__text {
  margin: 15px 3% 0;
  width: 43%;
}

@media screen and (max-width: 767px) {
  #mw_wp_form_mw-wp-form-785 .lead--flex .postage__text {
    display: block;
  }
  #mw_wp_form_mw-wp-form-106 .lead--flex {
    display: block;
  }
  #mw_wp_form_mw-wp-form-106 .lead--flex .postage__text {
    display: block;
    margin: 5%;
    width: auto;
  }
  .mw_wp_form .lead--flex .postage__text {
    margin: 4% auto;
    text-align: center;
    width: auto;
  }
}

.mw_wp_form .quickly {
  margin: 16px 0;
}

.mw_wp_form .quickly span {
  color: #B70000;
}

.mw_wp_form .quickly label {
  display: flex;
}

.mw_wp_form .quickly .mwform-checkbox-field-text {
  color: #B70000;
  font-size: 18px;
}

.mw_wp_form dl {
  font-size: 18px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 32px;
}

.mw_wp_form dt {
  width: 35%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mw_wp_form dt.rentaldetail_block {
    flex-wrap: wrap;
}
.mw_wp_form dt:nth-of-type(odd), .mw_wp_form dd:nth-of-type(odd) {
  background: #ddd;
}

.mw_wp_form dt, .mw_wp_form dd {
  padding: 1em;
}

.mw_wp_form dt:last-of-type, .mw_wp_form dd:last-of-type {
  border-bottom: 2px solid #ddd;
}

.mw_wp_form dd {
  width: 65%;
}

.mw_wp_form .confirm_btn {
  margin-top: 32px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
}

.mw_wp_form .confirm_btn button {
  background-color: #333;
  border: 2px solid #333;
  cursor: pointer;
  appearance: none;
  width: 300px;
  margin: auto;
  display: block;
  font-size: 18px;
  line-height: 3;
  color: #eee;
  padding: .5em;
}

.mw_wp_form .confirm_btn button:hover {
  background-color: transparent;
  border: 2px solid #333;
  color: #333;
}

.mw_wp_form .confirm_btn input {
  background-color: #EAAF00;
  border: 2px solid #EAAF00;
  cursor: pointer;
  appearance: none;
  width: 300px;
  margin: auto;
  display: block;
  font-size: 18px;
  line-height: 3;
  color: #eee;
  padding: .5em;
}

.mw_wp_form .confirm_btn input:hover {
  background-color: #0054AC;
  border: 2px solid #0054AC;
}

.inquiry_item .teiankibou label {
  display: flex;
}

@media screen and (max-width: 979px) {
  .inquiry_item {
    padding: 0 8px;
  }
  .mw_wp_form dt, .mw_wp_form dd {
    padding: 1em;
    width: 100%;
    justify-content: flex-start;
  }
  .mw_wp_form dt {
    padding-bottom: 0;
  }
  .mw_wp_form dt:nth-of-type(odd), .mw_wp_form dd:nth-of-type(odd) {
    background: #ddd
  }
  .mw_wp_form dt, .mw_wp_form dd {
    border: none;
  }
  .mw_wp_form dt:last-of-type, .mw_wp_form dd:last-of-type {
    border: none;
  }
}

@media screen and (max-width: 640px) {
  .mw_wp_form .confirm_btn {
    flex-direction: column;
  }
  .mw_wp_form .confirm_btn input {
    margin-top: 32px;
  }
}

.mw_wp_form_complete {
  text-align: center;
  font-size: 22px;
  margin-top: 80px;
}

.mw_wp_form .postal_code {
  display: flex;
  align-items: center;
}

.mw_wp_form .postal_code input {
  margin: 0 8px;
}

.mw_wp_form .postal_code span.error {
  order: 1;
}
.mw_wp_form dd .error {
  width: 100%;
}
/* 用途に合わせた商品一覧のレイアウト */

.appList_wrapper {
  max-width: 1366px;
  margin: 32px auto;
}

.appList_wrapper>.lead {
  margin-top: 4px;
  text-align: center;
  font-size: 18px;
}

.appList_content_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.appList_content_flex::before, .appList_content_flex::after {
  order: 1;
  content: "";
  width: 300px;
}

.appList_content_flex .appList_content_flex_box {
  width: 300px;
  margin-top: 32px
}

.appList_content_flex .appList_content_flex_box .image {
  margin-top: 6px
}

.appList_content_flex .appList_content_flex_box .more {
  margin-top: 6px;
  display: block;
  text-align: center;
  color: #333;
  text-decoration: underline;
}

.appList_content_flex .appList_content_flex_box .more:hover {
  color: #EAAF00;
}

.appList_content_flex .appList_content_title_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.appList_content_flex .appList_content_title_flex input {
  display: none;
}

.appList_content_flex .appList_content_title_flex input+.checkbox {
  width: 20px;
  height: 20px;
  border: 2px solid #333;
  margin-right: 8px;
  position: relative;
}

.appList_content_flex .appList_content_title_flex input+.checkbox::after {
  content: "";
  display: block;
  border-right: 3px solid #333;
  border-bottom: 3px solid #333;
  width: 6px;
  height: 9px;
  transform: rotate(45deg);
  position: absolute;
  left: 3px;
  opacity: 0;
  transition: .1s;
}

.appList_content_flex .appList_content_title_flex input:checked+.checkbox::after {
  opacity: 1;
}

.appList_content_flex .appList_content_title_flex .title {
  font-size: 18px;
}

.appList_content button {
  background-color: #EAAF00;
  border: 2px solid #EAAF00;
  cursor: pointer;
  appearance: none;
  width: 300px;
  margin: 32px auto;
  display: block;
  font-size: 18px;
  line-height: 3;
  color: #eee;
}

.appList_content button:hover {
  background-color: #0054AC;
  border: 2px solid #0054AC;
}

/* 各カテゴリー一覧のレイアウト */

.eachCatList {
  background: #f5f5f5;
  max-width: 1366px;
  margin: 32px auto;
  padding: 16px 0;
}

.eachCatList h2 {
  text-align: center;
}

.eachCatList_footer .wp-pagenavi {
  text-align: center;
  padding-bottom: 13px;
}

.eachCatList .eachCatList_main_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.eachCatList .eachCatList_main_flex_box {
  width: 300px;
  margin-top: 32px;
  position: relative;
}

.eachCatList .eachCatList_main_flex_box a {
  color: #333;
}

.eachCatList .eachCatList_main_flex_box a:hover {
  opacity: .7;
}

.eachCatList .eachCatList_main_flex_box .title {
  text-align: center;
  margin-top: 8px;
}

.eachCatList .eachCatList_main_flex_box .next_btn {
  width: 300px;
  height: 300px;
  background: url(/img/category/category_next.jpg);
}

.eachCatList .eachCatList_main_flex_box a {
  display: block;
}

.eachCatList .eachCatList_main_flex_box .icon_box_l {
  position: absolute;
  top: 3%;
  left: 3%;
  width: 30%;
  padding: 0;
  text-align: left;
}

.eachCatList .eachCatList_main_flex_box .makerlogo {
  width: 100%;
  margin: 0 0 7%;
}

.eachCatList .eachCatList_main_flex_box .icon {
  margin: 0 0 7%;
}

.eachCatList .eachCatList_main_flex_box .icon_box_r {
  position: absolute;
  top: 3%;
  right: 3%;
  width: 30%;
  padding: 0;
  text-align: right;
}

.eachCatList .eachCatList_main_flex_box .icon_box_r .icon_r {
  margin: 0 0 7%;
}

.eachCatList .eachCatList_main_flex .titlebox {
  text-align: center;
  width: 100%;
}

.eachCatList .eachCatList_main_flex .titlebox:nth-child(n+2) {
  margin-top: 5%;
}

.eachCatList .eachCatList_main_flex .titlebox h4 {
  text-align: center;
  width: 40%;
  min-width: 300px;
  font-size: 20px;
  padding: 1% 5%;
  margin: 0 auto;
  border: 1px solid black;
}

/* 用途から選ぶのレイアウト */

.eachCatList .usage_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 1366px;
  margin: 0 auto 64px;
}

.eachCatList .usage_flex::before, .eachCatList .usage_flex::after {
  order: 1;
  content: "";
  width: 190px;
}

.eachCatList .usage_flex_box {
  width: 190px;
  margin-top: 32px;
}

.eachCatList .usage_flex_box a:hover .image {
  transform: translateY(-12px)
}

.eachCatList .usage_flex_box a:hover .title {
  color: #EAAF00;
}

.eachCatList .usage_flex_box .image {
  width: 80px;
  margin: auto;
}

.eachCatList .usage_flex_box .title {
  margin-top: 16px;
  text-align: center;
  font-size: 20px;
  color: #0054AC;
}

.btn.mb64 {
  margin-bottom: 64px;
}

/* メーカーで選ぶのレイアウト */

.eachCatList .maker_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 1200px;
  margin: 0 auto 64px;
  padding: 0 16px;
}

.eachCatList .maker_flex::before, .eachCatList .maker_flex::after {
  order: 1;
  content: "";
  width: 320px;
  margin: 0 4px 0;
}

.eachCatList .maker_flex_box {
  width: 320px;
  margin: 32px 4px 0;
}

.eachCatList .maker_flex_box .image {
  margin: auto;
  height: 127px;
  background: white;
  display: table-cell;
  vertical-align: middle;
}

.eachCatList .maker_flex_box h2 {
  margin-top: 8px;
  text-align: center;
  font-size: 20px;
  color: #333;
}

.eachCatList .maker_flex_box a {
  display: block;
}

.eachCatList .maker_flex_box a:hover {
  opacity: .7;
}

/* 種類で選ぶのレイアウト */

.type_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  max-width: 1366px;
  margin: 0 auto 64px;
  padding: 0 16px;
}

.type_flex::before, .type_flex::after {
  order: 1;
  content: "";
  width: 300px;
}

.type_flex_box {
  width: 300px;
  margin-top: 32px;
}

.type_flex_box .image {
  margin: auto;
}

.type_flex_box h2 {
  margin-top: 8px;
  text-align: center;
  font-size: 20px;
  color: #333;
}

.type_flex_box a {
  display: block;
}

.type_flex_box a:hover {
  opacity: .7;
}

/* 商品詳細ページのレイアウト */

.product {
  max-width: 1000px;
  margin: 32px auto 64px;
  padding: 0 48px 48px;
  background: #f5f5f5;
}

@media screen and (max-width: 1000px) {
  .product {
    padding: 0 16px 48px;
  }
}

.product .product_title {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  padding-top: 32px;
}

.product .product_title .image {
  margin-right: 24px;
}

.product .product_flex {
  margin-top: 32px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.product .product_flex_box:nth-child(1) {
  max-width: 380px;
}

.slider.slider_nav_rental.rental.rental_thumb, .slider.slider_nav_purchase.purchase_thumb {
  font-size: 0;
}

.slider.slider_nav_rental.rental.rental_thumb a, .slider.slider_nav_purchase.purchase_thumb a {
  display: inline-block;
  width: 25%;
}

.slider.slider_nav_rental.rental.rental_thumb a, .slider.slider_nav_purchase.purchase_thumb a {
  border-right: 2px solid transparent;
  border-left: 2px solid transparent;
}

.slider.slider_nav_rental.rental.rental_thumb a img, .slider.slider_nav_purchase.purchase_thumb a img {
  width: 100%;
}

.product .main_pic {
  display: none;
}

.product .bx-viewport .main_pic {
  display: block;
}

.product .product_flex_box:nth-child(1) img {
  width: 100%;
  height: auto;
}

.product .product_flex_box .btn.inquiry {
  margin-top: 32px;
}

.product .product_flex_box:nth-child(2) {
  max-width: 492px;
}

.product .product_flex_box .main_pic {
  margin-bottom: 4px;
}

.product .product_flex .icon_box {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.product .product_flex .icon_box .image:not(:last-child) {
  margin-right: 8px;
}

.product .feature {
  margin-top: 16px;
}

.product .feature h2 {
  font-size: 22px;
}

.product .feature h2:not(first-of-type) {
  margin-top: 8px;
}

.product .spec {
  margin-top: 32px;
  border-collapse: collapse;
  width: 100%;
}

.product .spec th, .product .spec td {
  border: 1px solid #bbb;
}

.product .spec th {
  background: #ccc;
  width: 30%;
  font-weight: normal;
}

.product .spec td {
  background: #f5f5f5;
  width: 70%;
  padding: .5em 1em;
}

@media screen and (max-width: 1000px) {
  .product .product_title {
    justify-content: center;
  }
  .product .product_flex {
    display: block;
  }
  .product .product_flex_box {
    margin: auto;
  }
  .product .product_flex_box:nth-child(2) {
    margin-top: 24px;
  }
  .product .product_flex .icon_box {
    justify-content: center;
  }
  .product .feature h2 {
    text-align: center;
  }
}

.product .set {
  margin-top: 32px;
}

.product .set h2.title {
  text-align: center;
}

.product .set_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #eee;
  padding: 0 32px 16px;
}

.product .set_flex:before, .product .set_flex:after {
  order: 1;
  content: "";
  width: 192px;
  margin: 0 4px
}

.product .set_flex_box {
  width: 192px;
  margin: 16px 4px 0;
}

.product .set_flex_box img {
  width: 100%;
  height: auto;
}

.product .set_flex_box .title {
  margin-top: 8px;
}

.product .set_flex_box h3.title {
  font-weight: normal;
  font-size: 16px;
}

.product .option {
  margin-top: 32px;
}

.product .option h2.title {
  text-align: center;
}

.product .option_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  background: #eee;
  padding: 0 32px 16px;
}

.product .option_flex:before, .product .option_flex:after {
  order: 1;
  content: "";
  width: 192px;
  margin: 0 4px
}

.product .option_flex_box {
  width: 192px;
  margin: 16px 4px 0;
}

.product .option_flex_box img {
  width: 100%;
  height: auto;
}

.product .option_flex_box .title {
  margin-top: 8px;
}

.product .option_flex_box h3.title {
  font-weight: normal;
  font-size: 16px;
}

.product .comment {
  margin-top: 32px;
}

.product .comment .title {
  text-align: center;
}

.product .comment_flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  background: #eee;
}

.product .comment_flex .image {
  width: 25%;
}

.product .comment_flex .image img {
  width: 100%;
  height: auto;
}

.product .comment_flex .txt {
  width: 75%;
  padding: 1em;
}

@media screen and (max-width: 1000px) {
  .product .comment_flex {
    display: block;
  }
  .product .comment_flex .image {
    width: 240px;
    margin: auto;
  }
  .product .comment_flex .txt {
    width: 100%;
    padding: 1em;
  }
}

.product .recommend {
  margin-top: 32px;
}

.product .recommend h2 {
  text-align: center
}

.yarpp-related ol {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.yarpp-related ol::before, .yarpp-related ol::after {
  order: 1;
  content: "";
  width: 260px;
  margin: 0 6px;
}

.yarpp-related ol li {
  width: 260px;
  text-align: center;
  margin: 16px 6px 0;
}

.yarpp-related ol li p {
  margin-top: 8px;
}

.yarpp-related ol li img {
  backface-visibility: hidden;
}

.yarpp-related ol a {
  color: #333;
}

.yarpp-related ol li img:hover, .yarpp-related ol li a:hover {
  opacity: .7;
}

a.btn.inquiry.fixed_btn {
  width: 100%;
  max-width: 100%;
  position: fixed;
  bottom: 0;
  height: 44px;
  display: none;
  z-index: 99;
}

a.btn.inquiry.fixed_btn svg {
  top: 0;
  bottom: 0;
  margin: auto;
}

.single_spacer {
  display: none;
}

@media screen and (max-width: 480px) {
  a.btn.inquiry.fixed_btn {
    display: flex;
  }
  .single_spacer {
    height: 44px;
    display: block;
  }
}

/* 固定ページのレイアウト */

.primary {
  flex: 1;
  margin-bottom: 64px;
  min-height: 480px;
}

.page_container {
  max-width: 980px;
  margin: 24px auto 0;
  padding: 48px;
  background: #f5f5f5;
}

@media screen and (max-width: 980px) {
  .page_container {
    padding: 48px 8px;
  }
}

/* サイドバー有りの固定ページのレイアウト */

.container.sidebar-content {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

/* 固定ページのヘッダー */

.page_header .heading {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  flex-wrap: wrap;
}

.page_header .lead {
  margin-top: 32px;
  font-size: 18px;
  text-align: center;
  border-bottom: 4px dotted #999;
  padding-bottom: 16px;
}

.page_header .image {
  margin-top: 32px;
}

.page_header .txt {
  margin-top: 32px;
}

.page_header .copy {
  color: #0053AC;
  font-size: 22px;
  line-height: 2;
  margin-top: 24px;
  text-align: center;
  border-bottom: 1px solid #aaa;
  padding-bottom: 24px;
}

@media screen and (max-width: 375px) {
  .page_header .copy {
    font-size: 18px;
    text-align: left;
    line-height: 1.5;
    font-weight: bold;
  }
  .page_header .copy br {
    display: none;
  }
}

/* 無線ナビのレンタル */

.rental_nav ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.rental_nav li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  border: 1px solid #666;
  height: 72px;
  width: 160px;
  margin: 32px 4px 0;
}

.rental_nav li a {
  color: #333;
  text-align: center;
  width: 100%;
  font-size: 18px;
  display: block;
  position: relative;
  line-height: 1.3;
  padding-top: 6px;
}

.rental_nav li a:hover {
  background: #333;
  color: #eee;
}

.rental_nav li:nth-child(4) a, .rental_nav li:nth-child(5) a {
  padding-top: 18px;
}

.rental_nav li a svg {
  position: absolute;
  bottom: 0;
  right: 70px;
  font-size: 22px;
}

.rental.page_container h2 {
  font-size: 28px;
  font-weight: normal;
  text-align: center;
}

.rental_point {
  margin-top: 64px;
  text-align: center;
}

.rental_point>.image {
  margin-top: 48px;
}

.rental_point .lead {
  color: #0053AC;
  margin-top: 32px;
  font-size: 22px;
  display: flex;
  justify-content: center;
}

.rental_point .lead svg {
  font-size: 32px;
  margin-right: 16px;
}

.rental_point .rental_point_flex {
  display: flex;
  justify-content: space-around;
  margin-top: 32px;
  flex-wrap: wrap;
}

.rental_point .rental_point_flex::before, .rental_point .rental_point_flex::after {
  order: 1;
  content: "";
  width: 200px;
  margin: 32px 4px 0;
}

.rental_point .rental_point_flex_box {
  width: 200px;
  margin: 32px 4px 0;
  text-align: left;
}

.rental_point .rental_point_flex_box .txt {
  margin-top: 16px;
  height: 108px;
}

.rental_point .rental_point_flex_box .btn {
  background: #111;
  color: #fefefe;
  padding: .5em;
  line-height: 1.3;
  position: relative;
  border: 1px solid #111;
}

.rental_point .rental_point_flex_box .btn:hover {
  background: transparent;
  color: #111;
  border: 1px solid #111;
}

.rental_point .rental_point_flex_box .btn svg {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.rental_process {
  margin-top: 64px;
}

.rental.page_container .inquiry_area {
  border: none;
}

@media screen and (max-width: 980px) {
  .rental.page_container .inquiry_area {
    border-top: 2px solid #ccc;
  }
}

.rental_process_flow_box {
  background: #fff;
  margin-top: 48px;
  padding: 1em;
  border: 2px solid #ccc;
  position: relative;
}

.rental_process_flow_box:not(:last-child)::after {
  content: "";
  width: 0;
  position: absolute;
  border: 24px solid transparent;
  border-top: 24px solid #bbb;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -62px
}

.rental_process_flow_box:first-child {
  margin-top: 16px;
  padding: 0;
}

.rental_process_flow_box:first-child .btn.inquiry {
  margin-top: 8px;
}

.rental_process_flow_box .tel .btn.inquiry {
  font-size: 24px;
  padding-left: 24px;
}

.rental_process_flow_box:first-child .btn.inquiry svg:first-child {
  left: 16px
}

.rental_process_flow_box .tel .btn.inquiry {
  background: transparent;
  color: #EAAF00;
}

.rental_process_flow_box .tel .btn.inquiry:hover {
  border-color: #EAAF00;
}

.rental_process_flow_box:first-child .box_item:first-child .txt {
  width: 70%;
  padding: 0 1em;
}

.rental_process_flow_box .box_item {
  display: flex;
}

.rental_process_flow_box .box_item:first-child {
  padding: 1em;
}

.rental_process_flow_box:first-child .box_item>.heading {
  width: 30%;
  border-right: 1px solid #bbb;
  display: flex;
  align-items: center;
  font-size: 26px;
  align-self: stretch;
}

.rental_process_flow_box .box_item:last-child {
  justify-content: space-between;
  background: #ddd;
  padding: 0 1em 0;
}

.rental_process_flow_box .box_item:last-child>div {
  margin-top: 1em;
  width: 280px;
}

.rental_process_flow_box:not(:first-child) {
  display: flex;
  align-items: center
}

.rental_process_flow_box:not(:first-child) dt {
  font-weight: bold;
  font-size: 18px;
}

.rental_process_flow_box:not(:first-child) .heading {
  width: 30%;
  border-right: 1px solid #bbb;
  display: flex;
  align-items: center;
  font-size: 26px;
  align-self: stretch;
}

.rental_process_flow_box .heading .num {
  border-radius: 50%;
  background: #333;
  color: #eee;
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  margin-right: 24px;
  flex-shrink: 0;
}

.rental_process_flow_box .heading small {
  font-size: 16px;
}

.rental_process_flow_box:not(:first-child) .txt {
  width: 70%;
  padding: 0 1em;
}

@media screen and (max-width: 980px) {
  .rental_process_flow_box .box_item:first-child {
    display: block;
  }
  .rental_process_flow_box .box_item:last-child {
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .rental_process_flow_box:first-child .box_item>.heading {
    width: 100%;
    border-right: none;
    justify-content: center;
  }
  .rental_process_flow_box:first-child .box_item:first-child .txt {
    margin-top: 1em;
    width: 100%;
    border-right: none;
    text-align: center;
    padding: 0;
  }
  .rental_process_flow_box:not(:first-child) {
    display: block;
  }
  .rental_process_flow_box:not(:first-child) .heading {
    width: 100%;
    border-right: none;
    justify-content: center;
  }
  .rental_process_flow_box:not(:first-child) .heading br {
    display: none;
  }
  .rental_process_flow_box:not(:first-child) .txt {
    width: 100%;
    padding: 1em;
    text-align: center
  }
}

.rental_rental {
  margin-top: 64px;
}

.rental_rental_flex {
  display: flex;
  margin-top: 48px;
  flex-wrap: wrap;
}

.rental_rental_flex_box:nth-child(1) {
  flex-basis: 34%;
  flex-shrink: 0;
}

.rental_rental_flex_box:nth-child(2) {
  width: 66%;
  padding-left: 2em;
}

.rental_rental_flex_box:nth-child(2) .btn.inquiry {
  margin: 32px auto;
}

@media screen and (max-width: 980px) {
  .rental_rental_flex_box:nth-child(1) {
    flex-basis: 100%;
    text-align: center;
  }
  .rental_rental_flex_box:nth-child(2) {
    flex-basis: 100%;
    margin: 24px auto 0;
    padding-left: 0;
  }
}

.rental_support {
  margin-top: 64px;
}

.rental_support_flex {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.rental_support_flex::before, .rental_support_flex::after {
  order: 1;
  content: "";
  width: 200px;
  margin: 0 4px;
}

.rental_support_flex_box {
  margin: 64px 4px 0;
  width: 200px;
}

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

.rental_support_flex_box .heading {
  margin-top: 16px;
  padding-bottom: 4px;
  border-bottom: 1px solid #333
}

.rental_support_flex_box .txt {
  margin-top: 16px;
}

@media screen and (max-width: 980px) {
  .rental_rental_flex_box:nth-child(1) {
    flex-basis: 100%;
    text-align: center;
  }
  .rental_rental_flex_box:nth-child(2) {
    flex-basis: 100%;
    margin: 24px auto 0;
    padding-left: 0;
  }
}

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

.rental_terms .lead {
  margin-top: 16px;
}

.rental_terms .btn {
  margin-top: 24px;
}

/* 特定商取引法に基づく表記 */

.business-deal.page_container th, .business-deal.page_container td {
  padding: 1em;
  background: #fff;
}

.business-deal.page_container th {
  width: 30%;
}

.business-deal.page_container td {
  width: 70%;
}

.business-deal.page_container .payee dt {
  float: left;
}

@media screen and (max-width: 980px) {
  .business-deal.page_container tr {
    display: flex;
    flex-direction: column;
    margin-top: 8px;
  }
  .business-deal.page_container th, .business-deal.page_container td {
    width: 100%;
    text-align: left;
  }
  .business-deal.page_container th {
    padding: .5em 1em;
    margin-bottom: 2px
  }
}

/* プライバシーポリシー */

.privacy.page_container ol li {
  list-style: decimal;
  margin-top: 2em
}

/* 利用規約 */

.policy.page_container dt {
  margin-top: 1em;
  font-size: 18px;
  font-weight: bold;
}

.policy.page_container dd {
  padding-left: 1em;
  margin-top: .5em;
}

@media screen and (max-width: 480px) {
  .policy.page_container dd {
    padding-left: 0;
  }
}

/* 特集・キャンペーン一覧ページのレイアウト */

.campaign_list_container {
  max-width: 980px;
  margin: 32px auto 48px;
  padding: 16px 48px 48px;
  display: flex;
  flex-wrap: wrap;
  background: #f5f5f5;
  justify-content: space-around;
}

@media screen and (max-width: 480px) {
  padding: 16px 8px 48px;
}

.campaign_list_container::after {
  content: "";
  width: 386px;
  margin: 32px 8px 0;
}

.campaign_list_container_box {
  width: 386px;
  text-align: center;
  margin: 32px 8px 0;
}

.campaign_list_container_box img {
  width: 100%;
  box-shadow: 0 0 6px #999;
}

.campaign_list_container_box a {
  display: block;
}

.campaign_list_container_box a:hover {
  opacity: .7;
}

.campaign_list_container_box .heading {
  margin-top: 8px;
  color: #000;
  text-decoration: underline;
  font-size: 16px;
  font-weight: normal;
}

@media screen and (max-width: 980px) {
  .campaign_list_container {
    padding: 0 8px 48px;
  }
}

/* 特集・キャンペーン個別ページのレイアウト */

.campaign_container {
  max-width: 980px;
  margin: 32px auto;
  background: #f5f5f5;
  padding: 0 35px 48px;
}

@media screen and (max-width: 980px) {
  .campaign_container {
    padding: 0 8px 48px;
  }
}

/* リニューアルキャンペーン第一弾 */

.renewal01 {
  margin-bottom: 64px;
}

.renewal01_header {
  background: url(/img/campaign/campaign_renewal01_mainvis.jpg) center/cover no-repeat;
}

.renewal01_header h1 {
  padding: 48px;
}

@media screen and (max-width: 480px) {
  .renewal01_header h1 {
    padding: 16px;
  }
}

.renewal01_nav ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.renewal01_nav li {
  width: 210px;
  margin: 32px 2px 0;
}

.renewal01_nav a {
  display: flex;
  text-align: center;
  height: 64px;
  position: relative;
  justify-content: center;
  align-items: center;
  border: 2px solid #777;
  color: #333;
  font-size: 18px
}

.renewal01_nav a:hover {
  border: 2px solid #333;
  background: #333;
  color: #eee;
}

.renewal01_nav svg {
  position: absolute;
  right: 8px;
  font-size: 24px;
}

.renewal01_nav li:last-child a {
  border: 2px solid #EAAF00;
  background: #EAAF00;
  color: #eee;
}

.renewal01_nav li:last-child a:hover {
  border: 2px solid #0054AC;
  background: #0054AC;
}

.renewal01_main {
  margin-top: 48px;
}

.renewal01_main h2 {
  text-align: center
}

.renewal01_main .lead {
  margin-top: 32px;
}

.renewal01_main .period {
  background: #F8ECC7;
  padding: .7em;
  font-size: 22px;
  margin-top: 32px;
}

.renewal01_main .condition {
  margin-top: 32px;
}

.renewal01_main .flow {
  margin-top: 48px;
}

.renewal01_main .flow .txt {
  margin-top: 32px;
}

.renewal01_main .flow .inquiry_area {
  margin-top: 32px;
}

.renewal01_main .products {
  margin-top: 48px;
}

.renewal01_main .btn.general_btn {
  margin-top: 24px;
}

/* 運営会社について */

.company.page_container h2 {
  text-align: center;
}

.company.page_container .blog, .company.page_container .staff {
  margin-top: 32px;
}

.company.page_container .flex_container {
  display: flex;
  flex-wrap: wrap;
}

.company.page_container .flex_container .image {
  width: 320px;
  flex-shrink: 0;
}

.company.page_container .flex_container .txt_area {
  padding: 2em;
  flex: 1;
}

@media screen and (max-width: 980px) {
  .company.page_container .flex_container .image {
    width: 100%;
    text-align: center;
  }
  .company.page_container .flex_container .image img {
    width: 320px;
  }
  .company.page_container .flex_container .btn.general_btn {
    margin-top: 24px;
  }
}

.company.page_container .heading:nth-of-type(2) {
  margin-top: 24px;
}

.company.page_container table {
  width: 100%;
}

.company.page_container th, .company.page_container td {
  padding: 1em;
  background-color: #fff;
}

.company.page_container th {
  width: 30%;
}

.company.page_container td {
  width: 70%;
}

@media screen and (max-width: 980px) {
  .company.page_container tr {
    display: flex;
    flex-direction: column;
    margin-top: 8px;
  }
  .company.page_container th, .company.page_container td {
    width: 100%;
    text-align: left;
  }
  .company.page_container th {
    padding: .5em 1em;
    margin-bottom: 2px
  }
}

/* お支払・送料について */

.payment.page_container .page_header .copy {
  border: none;
}

.payment.page_container section h2 {
  border-left: 12px solid #666;
  padding-left: 8px;
}

.payment.page_container .rental {
  margin-top: 16px;
}

.payment.page_container .purchase {
  margin-top: 32px;
}

.payment.page_container h3 {
  margin-top: 24px;
  border-bottom: 4px dotted #666;
  padding-bottom: 4px;
}

.payment.page_container h4 {
  margin-top: 16px;
}

.payment.page_container .txt, .payment.page_container dl {
  margin-top: 8px;
}

.payment.page_container .notice {
  display: block;
  margin-top: 8px;
}

.payment.page_container dt::after {
  content: ":"
}

.payment.page_container dt {
  float: left;
}

.payment.page_container dd:last-of-type {
  padding-left: 88px;
}

@media screen and (max-width: 375px) {
  .payment.page_container dd:nth-last-of-type(2) {
    clear: left;
  }
  .payment.page_container dd:last-of-type {
    padding-left: 0;
  }
}

/* ご利用ガイド */

.guide.page_container .fee, .guide.page_container .criterion {
  margin-top: 32px;
}

.guide.page_container .payment .txt, .guide.page_container .fee .txt, .guide.page_container .criterion .txt {
  margin-top: 4px;
}

.guide.page_container .payment .heading, .guide.page_container .fee .heading, .guide.page_container .criterion .heading {
  margin-top: 16px;
}

.guide.page_container .page_header .lead {
  margin-top: 16px
}

.guide.page_container .flow h2, .guide.page_container .period h2, .guide.page_container .payment h2, .guide.page_container .fee h2, .guide.page_container .criterion h2 {
  border-left: 12px solid #666;
  padding-left: 8px;
}

.guide.page_container .flow {
  margin-top: 32px;
}

.guide.page_container .flow li {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 1em;
  border: 2px solid #ccc;
  font-size: 26px;
  margin-top: 16px;
  position: relative;
  flex-wrap: wrap;
}

.guide.page_container .flow li>div {
  display: flex;
  align-items: center;
}

.guide.page_container .flow li+li {
  margin-top: 48px;
}

.guide.page_container .flow li:not(:last-child)::after {
  content: "";
  width: 0;
  position: absolute;
  border: 24px solid transparent;
  border-top: 24px solid #bbb;
  left: 0;
  right: 0;
  margin: auto;
  bottom: -64px;
}

.guide.page_container .flow li .number {
  border-radius: 50%;
  background: #333;
  color: #eee;
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  margin-right: 24px;
  flex-shrink: 0;
  font-weight: bold;
}

.guide.page_container .flow li .heading {
  border-right: 1px solid #bbb;
  width: 176px;
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
}

.guide.page_container .flow li .txt {
  padding-left: 1em;
  font-size: 18px;
  width: 70%;
}

@media screen and (max-width: 980px) {
  .guide.page_container .flow li>div {
    width: 100%;
    justify-content: center;
  }
  .guide.page_container .flow li .number {
    margin-right: 12px;
  }
  .guide.page_container .flow li .heading {
    border-right: none;
    width: auto;
  }
  .guide.page_container .flow li .txt {
    margin-top: 8px;
    width: 100%;
    text-align: center;
  }
}

.guide.page_container .period {
  margin-top: 32px
}

.guide.page_container .period_box {
  display: flex;
  justify-content: space-around;
  margin-top: 24px
}

.guide.page_container .period_wrapper {
  display: flex;
  background-color: #fefefe;
  border: 2px solid #ccc;
  padding: 1em;
  width: 360px;
  justify-content: space-around;
  position: relative;
}

.guide.page_container .period_wrapper:after {
  content: "レンタル期間";
  position: absolute;
  bottom: -32px;
  display: block;
  width: 160px;
  text-align: center;
  right: 0;
  left: 0;
  margin: auto;
}

.guide.page_container .period_item {
  position: relative;
}

.guide.page_container .period_item::after {
  content: "";
  border: 12px solid transparent;
  border-left: 12px solid #bbb;
  position: absolute;
  right: -32px;
}

.guide.page_container .period_item.no_arrow::after {
  content: none;
}

.guide.page_container .period_item {
  display: flex;
  background: #fff;
  padding: 1em;
  border: 2px solid #ccc;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  /*   flex-basis: 140px; */
  width: 140px;
  align-self: center;
}

@media screen and (max-width: 980px) {
  .guide.page_container .period_box {
    display: block;
  }
  .guide.page_container .period_wrapper {
    display: block;
    margin: auto;
    margin-bottom: 32px;
    width: auto;
    max-width: 360px;
  }
  .guide.page_container .period_wrapper::after {
    bottom: 10px;
    text-align: center;
    left: 0;
    right: 0;
  }
  .guide.page_container .period_item {
    margin-bottom: 32px;
    width: auto;
  }
  .guide.page_container .period_box>.period_item {
    width: auto;
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
  }
  .guide.page_container .period_item::after {
    content: "";
    width: 0;
    border: 12px solid transparent;
    border-top: 12px solid #bbb;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -32px
  }
  .guide.page_container .period_item:last-child::after {
    bottom: -86px
  }
}

.guide.page_container h2+.lead {
  margin-top: 16px;
}

.guide.page_container .payment {
  margin-top: 48px;
}

.guide.page_container .payment dt {
  float: left;
}

.guide.page_container .payment dt::after {
  content: ":";
}

.guide.page_container .payment dd:last-of-type {
  padding-left: 87px;
}

@media screen and (max-width: 375px) {
  .guide.page_container .payment dd:nth-last-of-type(2) {
    clear: left;
  }
  .guide.page_container .payment dd:last-of-type {
    padding-left: 0;
  }
}

/* レンタル・購入までの流れ */

.flow.page_container .page_header .copy {
  border-bottom: none;
}

.flow.page_container h2 {
  text-align: center
}

.flow.page_container .inquiry_area {
  border: none;
}

@media screen and (max-width: 980px) {
  .flow.page_container .inquiry_area {
    border-top: 2px solid #ccc;
  }
}

.flow.page_container .contract_flow .contract_flow_box:first-child {
  margin-top: 16px
}

.flow.page_container .purchase {
  margin-top: 32px
}

.flow.page_container .contract_flow_box {
  background: #fff;
  margin-top: 48px;
  padding: 1em;
  border: 2px solid #ccc;
  position: relative;
}

.flow.page_container .contract_flow_box:not(:last-child)::after {
  content: "";
  width: 0;
  position: absolute;
  border: 24px solid transparent;
  border-top: 24px solid #bbb;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -62px
}

.flow.page_container .contract_flow_box:first-child {
  padding: 0;
}

.flow.page_container .contract_flow_box:first-child .btn.inquiry {
  margin-top: 8px;
}

.flow.page_container .contract_flow_box .tel .btn.inquiry {
  font-size: 24px;
  padding-left: 24px;
}

.flow.page_container .contract_flow_box:first-child .btn.inquiry svg:first-child {
  left: 16px
}

.flow.page_container .contract_flow_box .tel .btn.inquiry {
  background: transparent;
  color: #EAAF00;
}

.flow.page_container .contract_flow_box .tel .btn.inquiry:hover {
  border-color: #EAAF00;
}

.flow.page_container .contract_flow_box:first-child .box_item:first-child .txt {
  width: 70%;
  padding: 0 1em;
}

.flow.page_container .contract_flow_box .box_item {
  display: flex;
}

.flow.page_container .contract_flow_box .box_item:first-child {
  padding: 1em;
}

.flow.page_container .contract_flow_box:first-child .box_item>.heading {
  width: 30%;
  border-right: 1px solid #bbb;
  display: flex;
  align-items: center;
  font-size: 24px;
  align-self: stretch;
}

.flow.page_container .contract_flow_box .box_item:last-child {
  justify-content: space-between;
  background: #ddd;
  padding: 0 1em 0;
}

.flow.page_container .contract_flow_box .box_item:last-child>div {
  margin-top: 1em;
  width: 280px;
}

.flow.page_container .contract_flow_box:not(:first-child) {
  display: flex;
  align-items: center
}

.flow.page_container .contract_flow_box:not(:first-child) dt {
  font-weight: bold;
}

.flow.page_container .contract_flow_box:not(:first-child) .heading {
  width: 30%;
  border-right: 1px solid #bbb;
  display: flex;
  align-items: center;
  font-size: 22px;
  align-self: stretch;
  padding-right: 6px;
}

.flow.page_container .contract_flow_box .heading .num {
  border-radius: 50%;
  background: #333;
  color: #eee;
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  flex-shrink: 0;
}

.flow.page_container .contract_flow_box .heading small {
  font-size: 16px;
}

.flow.page_container .contract_flow_box:not(:first-child) .txt {
  width: 70%;
  padding: 0 1em;
}

.flow.page_container .btn.general_btn {
  margin-top: 24px;
}

.flow.page_container .contract_flow_box h4 {
  margin-top: 8px
}

.flow.page_container .contract_flow_box dt {
  float: left;
}

.flow.page_container .contract_flow_box dt::after {
  content: ":"
}

.flow.page_container .contract_flow_box dd:last-child {
  padding-left: 87px;
}

@media screen and (max-width: 980px) {
  .flow.page_container .contract_flow_box .box_item:first-child {
    display: block;
  }
  .flow.page_container .contract_flow_box .box_item:last-child {
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .flow.page_container .contract_flow_box:first-child .box_item>.heading {
    width: 100%;
    border-right: none;
    justify-content: center;
  }
  .flow.page_container .contract_flow_box:first-child .box_item:first-child .txt {
    margin-top: 1em;
    width: 100%;
    padding: 0;
    border-right: none;
  }
  .flow.page_container .contract_flow_box:not(:first-child) {
    display: block;
  }
  .flow.page_container .contract_flow_box:not(:first-child) .heading {
    width: 100%;
    border-right: none;
    justify-content: center;
  }
  .flow.page_container .contract_flow_box:not(:first-child) .heading br {
    display: none;
  }
  .flow.page_container .contract_flow_box:not(:first-child) .txt {
    width: 100%;
    padding: 1em 0;
  }
}

@media screen and (max-width: 375px) {
  .flow.page_container .contract_flow_box dd:nth-last-of-type(2) {
    clear: left;
  }
  .flow.page_container .contract_flow_box dd:last-child {
    padding-left: 0;
  }
}

/* 無線ナビのこだわり */

.commitment_nav {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.commitment_nav li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  border: 1px solid #666;
  height: 72px;
  width: 160px;
  margin: 32px 4px 0;
}

.commitment_nav li a {
  color: #333;
  text-align: center;
  width: 100%;
  font-size: 18px;
  display: block;
  position: relative;
  line-height: 1.3;
  padding-top: 6px;
}

.commitment_nav li a:hover {
  background: #333;
  color: #eee;
}

/* .commitment_nav li:nth-child(2) a {
  padding-top: 18px;
} */

.commitment_nav li a svg {
  position: absolute;
  bottom: 0;
  right: 70px;
  font-size: 22px;
}

.commitment.page_container section {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
}

.commitment.page_container section:nth-child(even) .box:first-child {
  order: 1;
}

.commitment.page_container section .box:first-child {
  padding: 1em;
}

.commitment.page_container section .box:first-child .txt {
  margin-top: 1em;
}

.commitment.page_container section .box:last-child {
  width: 100%;
  /*  画像が入った後、このwidthを50%にする  */
}

.commitment.page_container section .box .heading {
  display: flex;
  align-items: center;
}

.commitment.page_container section .box .number {
  border-radius: 50%;
  background: #333;
  color: #eee;
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  flex-shrink: 0;
  font-weight: bold;
}
.commitment_higtlight {
    background: linear-gradient(transparent 50%, rgba(248, 241, 211, 1) 0%);
}
@media screen and (max-width: 980px) {
  .commitment.page_container section .box:first-child {
    width: 100%;
  }
  .commitment.page_container section:nth-child(even) .box:first-child {
    order: 0;
  }
  .commitment.page_container section .box .heading {
    justify-content: center;
  }
  .commitment.page_container section .box:last-child {
    margin: auto;
  }
}

/* 無線機・トランシーバーの選び方 */

.choice_nav ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.choice_nav li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  border: 1px solid #666;
  height: 72px;
  width: 200px;
  margin: 32px 4px 0;
}

.choice_nav li a {
  color: #333;
  text-align: center;
  width: 100%;
  font-size: 18px;
  display: block;
  position: relative;
  line-height: 1.3;
  padding-top: 6px;
}

.choice_nav li a:hover {
  background: #333;
  color: #eee;
}

.choice_nav li a {
  padding-top: 18px;
}

.choice_nav li a svg {
  position: absolute;
  bottom: 0;
  right: 92px;
  font-size: 22px;
}

.choice.page_container .distance, .choice.page_container .usage, .choice.page_container .maker {
  margin-top: 48px;
}

.choice.page_container .main_contents .btn.general_btn {
  margin-top: 16px;
}

.choice.page_container .main_contents .btn.general_btn svg {
  left: auto;
}

.choice.page_container .distance h2, .choice.page_container .usage h2, .choice.page_container .maker h2 {
  text-align: center;
}

.choice.page_container .distance h2+.lead, .choice.page_container .usage h2+.lead, .choice.page_container .maker h2+.lead {
  margin-top: 8px;
  font-size: 18px;
  text-align: center;
  ;
  margin: 15px auto;
}

.choice.page_container .distance .distance_flex, .choice.page_container .usage .usage_flex, .choice.page_container .maker .maker_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.choice.page_container .distance .distance_flex_box, .choice.page_container .usage .usage_flex_box, .choice.page_container .maker .maker_flex_box {
  margin: 32px 4px 0;
}

.choice.page_container .distance .distance_flex_box .txt, .choice.page_container .usage .usage_flex_box .txt, .choice.page_container .maker .maker_flex_box .txt {
  margin-top: 10px;
}

.choice.page_container .usage .usage_flex_box .txt {
  height: 96px;
}

.choice.page_container .maker .maker_flex_box .txt {
  height: 120px
}

.choice.page_container .distance .distance_flex_box {
  margin-top: 48px;
}

.choice.page_container .distance .distance_flex_box .image {
  width: 320px;
  margin: 6px auto;
}

.choice.page_container .distance .distance_flex_box .figure {
  text-align: center;
  margin-top: 16px;
}

.choice.page_container .distance .distance_flex .heading {
  text-align: center;
}

.choice.page_container .distance h3 {
  font-size: 22px;
}

.choice.page_container .distance h4 {
  font-size: 20px;
}

.choice.page_container .distance .distance_inner_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.choice.page_container .distance .distance_inner_box {
  max-width: 380px;
  margin: 32px 4px 0;
}

/*****************************************************
↓↓通信距離から選ぶ2018/10/19更新↓↓
******************************************************/

.com-distance {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  width: 100%;
  margin: 0 auto;
}

.com-distance div:nth-of-type(1), .com-distance div:nth-of-type(2), .com-distance div:nth-of-type(3) {
  width: 30%;
  background-color: #fff;
}

.band01, .band02, .band03 {
  text-align: center;
  font-size: 18px;
  color: #fff;
  height: 61px;
  line-height: 2em;
}

.band01 span, .band02 span, .band03 span {
  display: block;
  text-align: center;
  line-height: 1em;
}

.band01 {
  background-color: #65AAB5;
}

.band02 {
  background-color: #8D9E4B;
  padding: 15px;
}

.band03 {
  background-color: #3C8C39;
  padding: 15px;
}

.com-distance ul li {
  font-size: 11px;
  text-align: center;
}

.com-distance ul li:nth-last-of-type(2) span, .com-distance ul li:nth-last-of-type(3) span {
  display: block;
}

.com-distance ul li:nth-of-type(1) {
  border-bottom: 1px #969696 solid;
  font-size: 34px;
  color: #B20000;
  line-height: 1em;
  margin: 13px 15px 0 15px;
}

.com-distance ul li:nth-of-type(2) {
  border-bottom: 1px #969696 dotted;
  text-align: left;
  padding: 9px;
  margin: 0 15px;
}

.com-distance ul li:nth-of-type(3) {
  text-align: left;
  padding: 15px 15px 0;
  margin: 0;
}

.com-distance ul li:nth-of-type(4) {
  display: block;
  text-align: center;
  background-color: #000;
  margin: 20px;
  position: relative;
}

.com-distance ul li:nth-of-type(4) a {
  display: block;
  color: #fff;
  font-size: 20px;
  padding: 8px;
}

.com-distance ul li:nth-of-type(4) a span {
  color: #fff;
  font-size: 14px;
  display: inline-block;
  position: absolute;
  right: 25px;
  top: 12px;
}

.com-distance ul li span {
  color: #727272;
  font-size: 9px;
}

.jump-distance, .jump-distance-sp {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  width: 100%;
  margin: 26px auto;
}

.jump-distance div, .jump-distance-sp div {
  width: 30%;
  background-color: #fff;
  border: #353535 1px solid;
  text-align: center;
  line-height: 1.2em;
  font-weight: bold;
}

.jump-distance div:nth-of-type(1) a, .jump-distance-sp div:nth-of-type(1) a {
  color: #65AAB4;
}

.jump-distance div:nth-of-type(2) a, .jump-distance-sp div:nth-of-type(2) a {
  color: #8C9E4B;
}

.jump-distance div:nth-of-type(3) a, .jump-distance-sp div:nth-of-type(3) a {
  color: #3B8C39;
}

.jump-distance div a, .jump-distance-sp div a {
  display: block;
  padding: 6px 30px;
}

.jump-distance div a:hover, .jump-distance-sp div a:hover {
  opacity: 0.7;
}

.jump-distance div span, .jump-distance-sp div span {
  display: block;
  text-align: center;
  color: #A2A2A2;
  transform: rotate(90deg);
  line-height: 1em;
  font-weight: bold;
}

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

.jump-distance-sp {
  display: none;
}

#jump1-sp, #jump2-sp, #jump3-sp {
  display: none;
}

#jump1, #jump2, #jump3 {
  display: block;
}

@media screen and (max-width: 768px) {
  .com-distance {
    display: block;
  }
  .com-distance div:nth-of-type(1), .com-distance div:nth-of-type(2), .com-distance div:nth-of-type(3) {
    width: 100%;
  }
  .com-distance img {
    display: block;
    margin: 0 auto;
  }
  .jump-distance {
    display: none;
  }
  .jump-distance-sp p {
    width: 95%;
    margin: 20px auto;
  }
  .com-distance-sp ul li:nth-of-type(3) {
    padding: 15px 25px 0 25px;
  }
  .com-distance-sp ul li:nth-of-type(4) {
    margin: 20px 68px;
  }
  .jump-distance-sp {
    display: block;
  }
  #jump1, #jump2, #jump3 {
    display: none;
  }
  #jump1-sp, #jump2-sp, #jump3-sp {
    display: block;
    padding-top: 60px;
  }
}

/*****************************************************
↑↑通信距離から選ぶ2018/10/19更新↑↑
******************************************************/

.choice.page_container table {
  margin-top: 32px;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 16px
}

.choice.page_container table td {
  border: 1px solid #333;
}

.choice.page_container table td .td_top, .choice.page_container table td .td_bottom {
  padding: .5em;
  text-align: center;
}

.choice.page_container table td .td_top {
  font-weight: bold;
  border-bottom: 1px solid #333;
  background: #ccc
}

.choice.page_container table td .td_bottom {
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .choice.page_container table td {
    display: block;
    width: 100%;
  }
  .choice.page_container table td:not(:first-child) {
    border-top: none;
  }
  .choice.page_container table td .td_bottom {
    height: auto;
  }
}

.choice.page_container .usage .usage_flex_box {
  margin-top: 48px;
  width: 260px;
}

.choice.page_container .maker .maker_flex_box {
  margin-top: 48px;
  width: 320px;
}

/* お知らせ一覧ページのレイアウト */

.news_list_container {
  max-width: 980px;
  margin: 16px auto;
  padding: 48px;
  background: #f5f5f5;
}

.news_list_container p {
  line-height: 2;
  border-top: 3px dotted #ccc;
  position: relative;
}

.news_list_container p:last-child {
  border-bottom: 3px dotted #ccc;
}

.news_list_container p a {
  color: #333;
  display: inline-block;
  width: 100%;
  padding: .5em 2.5em .5em .5em;
}

.news_list_container p a .new_icon {
  margin-right: 4px;
}

.news_list_container p a svg {
  font-size: 24px;
  position: absolute;
  right: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.news_list_container p a:hover .txt {
  text-decoration: underline;
}

@media screen and (max-width: 980px) {
  .news_list_container {
    padding: 48px 8px;
  }
}

.news_list_container br {
  display: none;
}

@media screen and (max-width: 480px) {
  .news_list_container br {
    display: block;
  }
}

/* お知らせ個別ページのレイアウト */

.news_container {
  max-width: 980px;
  margin: 48px auto;
  padding: 48px;
  background: #f5f5f5;
}

@media screen and (max-width: 980px) {
  .news_container {
    padding: 48px 8px;
  }
}

.news_container .title {
  padding-left: 12px;
  border-left: 12px solid #666;
}

.news_container h1 {
  text-align: left;
  font-size: 28px;
}

.news_container .txt {
  margin-top: 24px;
}

/* スタッフ紹介 */

.staff.page_container .staff_content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.staff.page_container .staff_content_box {
  width: 320px;
  margin: 32px 8px;
}

.staff.page_container .staff_content_box .heading {
  border-left: 8px solid #666;
  padding-left: 8px;
}

.staff.page_container .staff_content_box .image, .staff.page_container .staff_content_box .txt {
  margin-top: 8px;
}

/* 無線用語集 */

.term.page_container .page_header .copy {
  border-bottom: none;
}

.term.page_container table {
  margin-top: 32px;
  border-collapse: collapse;
}

.term.page_container table thead {
  background-color: #ccc;
}

.term.page_container table th, .term.page_container table td {
  padding: 1em;
  border: 1px solid #999;
}

.term.page_container table thead th:first-child {
  width: 162px;
}

.term.page_container table tbody th {
  width: 162px;
  padding: 1em 0;
  background-color: #ccc;
}

@media screen and (max-width: 980px) {
  .term.page_container table thead {
    display: none;
  }
  .term.page_container table tbody th, .term.page_container table tbody td {
    display: block;
    width: 100%;
  }
  .term.page_container table tbody th br {
    display: none;
  }
  .term.page_container table tbody td {
    width: 100%;
    margin-bottom: 16px;
    border-top: none;
  }
}

/* よくある質問 */

.faq.page_container .page_header .copy {
  border-bottom: none;
}

.faq.page_container .faq_content h2 {
  margin: 32px 0 8px;
}

.faq.page_container .faq_content dt {
  padding-top: 8px;
}

.faq.page_container .faq_content dt:first-of-type {
  border-top: 2px dotted #666;
}

.faq.page_container .faq_content dd {
  border-bottom: 2px dotted #666;
  padding-bottom: 8px
}

/* 無線に関するご相談 */

.consultation.page_container .page_header .copy {
  border-bottom: none;
}

.consultation.page_container .consultation_content h2 {
  margin: 32px 0 8px;
  border-left: 12px solid #666;
  padding-left: 8px;
}

.consultation.page_container .consultation_content dl {
  margin-top: 16px;
}

.consultation.page_container .consultation_content dt {
  padding-top: 8px;
  display: flex;
}

.consultation.page_container .consultation_content dt:first-of-type {
  border-top: 2px dotted #666;
}

.consultation.page_container .consultation_content dt svg {
  font-size: 24px;
  color: #333;
  margin-right: 4px
}

.consultation.page_container .consultation_content dd {
  margin-top: 4px;
  border-bottom: 2px dotted #666;
  padding-bottom: 8px;
}

/* 無線・トランシーバーの種類と特徴 */

.chara.page_container .page_header .copy {
  border-bottom: none;
}

.chara.page_container .chara_nav {
  margin-top: 24px;
}

.chara.page_container .chara_nav li {
  border-top: 2px dotted #333;
}

.chara.page_container .chara_nav li:last-child {
  border-bottom: 2px dotted #333;
}

.chara.page_container .chara_nav a {
  color: #333;
  display: block;
  line-height: 2.5;
  position: relative;
  padding-right: 2em;
}

.chara.page_container .chara_nav a:hover {
  color: #0053AC;
  padding: .5em 2em .5em 0;
}

.chara.page_container .chara_nav a svg {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 24px;
}

.chara.page_container .chara_content section {
  margin-top: 48px;
}

.chara.page_container .chara_content section h2 {
  border-left: 12px solid #666;
  padding-left: 8px;
}

.chara.page_container .chara_content section .txt {
  margin-top: 12px;
}

.chara.page_container .chara_content section .image {
  margin-top: 24px;
  text-align: center;
}

.chara.page_container .chara_content section table {
  margin-top: 32px;
  border-collapse: collapse;
  width: 100%;
}

.chara.page_container .chara_content section table td {
  border: 1px solid #333;
}

.chara.page_container .chara_content section table td .td_top, .chara.page_container .chara_content section table td .td_bottom {
  padding: .5em;
  text-align: center;
}

.chara.page_container .chara_content section table td .td_top {
  font-weight: bold;
  border-bottom: 1px solid #333;
  background: #ccc
}

.chara.page_container .chara_content section table td .td_bottom {
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .chara.page_container .chara_content section table td {
    display: block;
    width: 100%;
  }
  .chara.page_container .chara_content section table td:not(:first-child) {
    border-top: none;
  }
  .chara.page_container .chara_content section table td .td_bottom {
    height: auto;
  }
}

.chara.page_container .chara_content .knowledge h3 {
  margin-top: 12px;
}

.chara.page_container .chara_content .knowledge h3:first-of-type {
  border-top: 2px dotted #333;
  padding-top: 8px;
}

.chara.page_container .chara_content .knowledge .txt {
  margin-top: 0;
  padding-bottom: 8px;
  border-bottom: 2px dotted #333;
}

.chara.page_container .chara_content .taboo li {
  margin-top: 8px;
  padding-left: 1.4em;
}

.chara.page_container .chara_content .taboo li:not(:last-child) {
  text-indent: -1.4em;
}

.chara.page_container .chara_content .taboo li svg {
  color: #666;
  margin-right: 4px;
}

/* お問合せエリア */

.page_container .inquiry_area, .campaign_container .inquiry_area {
  padding: 1em 0;
  border: 2px solid #ccc;
  background: #eee;
  display: flex;
  flex-wrap: wrap;
}

.page_container .inquiry_area .heading, .campaign_container .inquiry_area .heading {
  font-size: 18px;
  font-weight: bold;
}

.page_container .inquiry_area .mail, .campaign_container .inquiry_area .mail {
  padding: 0 1em;
  width: 310px;
}

.page_container .inquiry_area .mail .btn, .campaign_container .inquiry_area .mail .btn {
  margin-top: 8px;
  text-align: left;
  padding-left: 16px;
  height: 64px;
  line-height: 1.3;
}

.page_container .inquiry_area .mail .btn svg:first-child, .campaign_container .inquiry_area .mail .btn svg:first-child {
  left: 16px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.page_container .inquiry_area .mail .btn svg:last-child, .campaign_container .inquiry_area .mail .btn svg:last-child {
  top: 0;
  bottom: 0;
  margin: auto;
}

.page_container .inquiry_area .tel, .campaign_container .inquiry_area .tel {
  padding: 0 1em;
  width: 310px;
  border-left: 1px solid #bbb;
  border-right: 1px solid #bbb;
}

.page_container .inquiry_area .tel .tel_num, .campaign_container .inquiry_area .tel .tel_num {
  font-size: 30px;
  display: flex;
  align-items: center;
  font-weight: bold;
}

.page_container .inquiry_area .tel .tel_num span, .campaign_container .inquiry_area .tel .tel_num span {
  background: #EAAF00;
  border-radius: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
}

.page_container .inquiry_area .tel .tel_num svg, .campaign_container .inquiry_area .tel .tel_num svg {
  color: #eee;
  border-radius: 50%;
  font-size: 18px;
}

.page_container .inquiry_area .fax, .campaign_container .inquiry_area .fax {
  padding: 0 1em;
  flex: 1;
}

.page_container .inquiry_area .fax .fax_num, .campaign_container .inquiry_area .fax .fax_num {
  font-size: 24px;
  display: flex;
  align-items: center;
  font-weight: bold;
}

.page_container .inquiry_area .fax .fax_num span, .campaign_container .inquiry_area .fax .fax_num span {
  background: #EAAF00;
  border-radius: 50%;
  display: inline-block;
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
}

.page_container .inquiry_area .fax .fax_num svg, .campaign_container .inquiry_area .fax .fax_num svg {
  color: #eee;
  border-radius: 50%;
  font-size: 18px;
}
/* ----------↑Crescent20220215-------- */
.page_container .inquiry_area .tel .tel_num svg, .page_container .inquiry_area .fax .fax_num svg {
  background: #EAAF00;
  padding: 7px;
}
/* ----------↓Crescent20220215-------- */

.page_container .inquiry_area .fax .btn, .campaign_container .inquiry_area .fax .btn {
  margin-top: 8px;
  background: #fff;
  line-height: 40px;
  position: relative;
  padding-left: 16px;
  border: 1px solid #ccc;
}

.page_container .inquiry_area .fax .btn svg:first-child, .campaign_container .inquiry_area .fax .btn svg:first-child {
  position: absolute;
  color: #B70000;
  font-size: 24px;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 12px;
}

.page_container .inquiry_area .fax .btn svg:last-child, .campaign_container .inquiry_area .fax .btn svg:last-child {
  top: 0;
  bottom: 0;
  margin: auto;
  right: 8px;
}

.page_container .inquiry_area .fax .btn:hover, .campaign_container .inquiry_area .fax .btn:hover {
  background: transparent;
  border-color: #333;
}
/* ----------↑Crescent20220215---------- */
.page_container .inquiry_area .btn.sp {
  display: none;
}
/* ----------↓Crescent20220215---------- */

@media screen and (max-width: 980px) {
  .page_container .inquiry_area .mail, .campaign_container .inquiry_area .mail {
    flex-basis: 100%;
    text-align: center;
  }
  .page_container .inquiry_area .tel, .campaign_container .inquiry_area .tel {
    padding-top: 1em;
    flex-basis: 100%;
    border: none;
    text-align: center;
    margin-top: 16px;
    border-top: 2px solid #ccc
  }
  .page_container .inquiry_area .tel .tel_num, .campaign_container .inquiry_area .tel .tel_num {
    justify-content: center;
  }
  .page_container .inquiry_area .fax, .campaign_container .inquiry_area .fax {
    padding-top: 1em;
    flex-basis: 100%;
    text-align: center;
    margin-top: 16px;
    border-top: 2px solid #ccc
  }
  .page_container .inquiry_area .fax .fax_num, .campaign_container .inquiry_area .fax .fax_num {
    justify-content: center;
  }
  .page_container .inquiry_area .btn, .campaign_container .inquiry_area .btn {
    max-width: 320px;
  }
  /* ----------↑Crescent20220215---------- */
  .page_container .inquiry_area .btn.pc {
    display: none;
  }
  .page_container .inquiry_area .btn.sp {
    display: flex;
  }
  /* ----------↓Crescent20220215---------- */
}

/* 404ページ */

.container_404 {
  margin-bottom: 64px;
}

.container_404 h1+.txt {
  margin-top: 32px;
}

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

/* 無線・トランシーバーの購入 */

.purchase.page_container .inquiry_area {
  border: none;
}

@media screen and (max-width: 980px) {
  .purchase.page_container .inquiry_area {
    border-top: 2px solid #ccc;
  }

}

.purchase.page_container h2 {
  font-size: 28px;
  font-weight: normal;
  text-align: center;
}

.purchase.page_container .purchase_content {
  margin-top: 64px;
}

/* -------- ↓Crescent_20220209 -------- */

.purchase.page_container #toc_container {
  display: none;
}

.purchase_intro {
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 65px;
  margin-bottom: 65px;
}

.purchase_intro .purchase_introlist {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  margin: 60px 0;
}

@media screen and (max-width: 980px) {
  .purchase_intro .purchase_introlist {
    width: 80%;
    margin: 40px auto 0;
    flex-wrap: wrap;
  }
}

.purchase_intro .purchase_introlist li {
  width: 30%;
  text-align: center;
  font-weight: bold;
}

@media screen and (max-width: 980px) {
  .purchase_intro .purchase_introlist li {
    width: 100%;
  }
  .purchase_intro .purchase_introlist li + li {
    padding-top: 40px;
  }
}

.purchase_intro .purchase_introlist li a {
  color: #333;
}

.purchase_intro .purchase_introlist li:hover {
  opacity: 0.7;
}

.purchase_intro .purlist-btn {
  border: 2px solid #0054ac;
  line-height: 1.5;
  font-size: 24px;
  margin-top: 64px;
  background: #0054ac;
  color: #eee;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.purchase_intro .purlist-btn img {
  position: absolute;
  right: 40px;
  top: 22px;
}

@media screen and (max-width: 980px) {
  .purchase_intro .purlist-btn {
    height: 64px;
    width: 90%;
    font-size: 20px;
  }
  .purchase_intro .purlist-btn img {
    top: 18px;
  }
}

.purchase_intro .purlist-btn:hover {
  background: #EAAF00;
  color: #fff;
  border-color: #EAAF00;
}

.purchase_intro .purchase_introlist figure {
    padding: 15px 0 10px;
}

.purchase_intro .purchase_introlist .pur_introtxt {
  font-size: 15px;
  font-weight: bold;
  border-bottom: 3px solid #949494;
}

/* -------- ↑Crescent_20220209 -------- */

.purchase_process_flow_box {
  background: #fff;
  margin-top: 48px;
  padding: 1em;
  border: 2px solid #ccc;
  position: relative;
}

.purchase_process_flow_box:not(:last-child)::after {
  content: "";
  width: 0;
  position: absolute;
  border: 24px solid transparent;
  border-top: 24px solid #bbb;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -62px
}

.purchase_process_flow_box:first-child {
  margin-top: 16px;
  padding: 0;
}

.purchase_process_flow_box:first-child .btn.inquiry {
  margin-top: 8px;
}

.purchase_process_flow_box .tel .btn.inquiry {
  font-size: 24px;
  padding-left: 24px;
}

.purchase_process_flow_box:first-child .btn.inquiry svg:first-child {
  left: 16px
}

.purchase_process_flow_box .tel .btn.inquiry {
  background: transparent;
  color: #EAAF00;
}

.purchase_process_flow_box .tel .btn.inquiry:hover {
  border-color: #EAAF00;
}

.purchase_process_flow_box:first-child .box_item:first-child .txt {
  width: 70%;
  padding: 0 1em;
}

.purchase_process_flow_box .box_item {
  display: flex;
}

.purchase_process_flow_box .box_item:first-child {
  padding: 1em;
}

.purchase_process_flow_box:first-child .box_item>.heading {
  width: 30%;
  border-right: 1px solid #bbb;
  display: flex;
  align-items: center;
  font-size: 26px;
  align-self: stretch;
}

.purchase_process_flow_box .box_item:last-child {
  justify-content: space-between;
  background: #ddd;
  padding: 0 1em 0;
}

.purchase_process_flow_box .box_item:last-child>div {
  margin-top: 1em;
  width: 280px;
}

.purchase_process_flow_box:not(:first-child) {
  display: flex;
  align-items: center
}

.purchase_process_flow_box:not(:first-child) dt {
  font-weight: bold;
  font-size: 18px;
}

.purchase_process_flow_box:not(:first-child) .heading {
  width: 30%;
  border-right: 1px solid #bbb;
  display: flex;
  align-items: center;
  font-size: 26px;
  align-self: stretch;
}

.purchase_process_flow_box:not(:first-child) .btn.general_btn {
  margin-top: 24px;
}

.purchase_process_flow_box .heading .num {
  border-radius: 50%;
  background: #333;
  color: #eee;
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
  margin-right: 24px;
  flex-shrink: 0;
}

.purchase_process_flow_box .heading small {
  font-size: 16px;
}

.purchase_process_flow_box:not(:first-child) .txt {
  width: 70%;
  padding: 0 1em;
}

@media screen and (max-width: 980px) {
  .purchase_process_flow_box .box_item:first-child {
    display: block;
  }
  .purchase_process_flow_box .box_item:last-child {
    justify-content: space-around;
    flex-wrap: wrap;
  }
  .purchase_process_flow_box:first-child .box_item>.heading {
    width: 100%;
    border-right: none;
    justify-content: center;
  }
  .purchase_process_flow_box:first-child .box_item:first-child .txt {
    margin-top: 1em;
    width: 100%;
    border-right: none;
    text-align: center;
    padding: 0;
  }
  .purchase_process_flow_box:not(:first-child) {
    display: block;
  }
  .purchase_process_flow_box:not(:first-child) .heading {
    width: 100%;
    border-right: none;
    justify-content: center;
  }
  .purchase_process_flow_box:not(:first-child) .heading br {
    display: none;
  }
  .purchase_process_flow_box:not(:first-child) .txt {
    width: 100%;
    padding: 1em;
    text-align: center
  }
}

/* 検索結果画面 */

section.searchresult {
  min-height: 320px;
  max-width: 980px;
  margin: auto;
}

section.searchresult p {
  text-align: center;
}

section.searchresult h2 {
  margin: 24px auto;
  text-align: center;
}

section.searchresult ul {
  margin: 48px auto;
  list-style: none;
}

section.searchresult ul li:first-child {
  border-top: 2px #CCC dotted;
}

section.searchresult ul li {
  border-bottom: 2px #CCC dotted;
}

section.searchresult a {
  padding: 24px 12px;
  display: block;
  color: #333;
}

section.searchresult a:hover {
  text-decoration: underline;
}

/* ページトップボタン */

#page_top {
  position: fixed;
  right: 8px;
  bottom: 8px;
  display: none;
  transition: 0s;
}

@media screen and (max-width: 979px) {
  #page_top {
    bottom: 35px;
  }
}

#page_top a {
  display: flex;
  width: 44px;
  height: 44px;
  border: 2px solid #333;
  background: #fff;
  transition: .3s;
  justify-content: center;
  align-items: center;
}

#page_top a {
  color: #333;
  font-size: 32px;
}

#page_top a:hover {
  opacity: .7;
}

/* サイトマップ */

.sitemap.page_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.sitemap.page_container section {
  width: 45%;
}

@media screen and (max-width: 600px) {
  .sitemap.page_container section {
    width: 90%;
  }
}

.sitemap.page_container h2 {
  border-left: 12px solid #666;
  padding-left: 8px;
}

.sitemap.page_container section {
  margin-top: 32px;
}

.sitemap.page_container ul {
  margin-top: 24px;
}

.sitemap.page_container li {
  line-height: 1.8;
}

.sitemap.page_container a {
  color: #333;
  text-decoration: underline;
}

.sitemap.page_container a:hover {
  text-decoration: none;
}

/* 無線・トランシーバーの操作方法 */

.operation.page_container span {
  font-weight: bold;
}

.operation.page_container .pink {
  color: #ce0067;
}

.operation.page_container .brown {
  color: #7d5228;
}

.operation.page_container .green {
  color: #366636;
}

.operation.page_container .skyblue {
  color: #0099cc;
}

.operation.page_container section {
  margin-top: 32px;
}

.operation.page_container h2 {
  text-align: center;
}

.operation.page_container .illustration .image {
  text-align: center;
  margin-top: 16px;
}

.operation.page_container .use {
  max-width: 640px;
  margin: 32px auto 0;
}

.operation.page_container ol {
  counter-reset: my-counter;
}

.operation.page_container li {
  margin-top: 16px;
}

.operation.page_container li::before {
  content: counter(my-counter);
  counter-increment: my-counter;
  display: inline-block;
  margin-right: 8px;
  font-weight: bold;
}

.operation.page_container .use .image {
  margin-top: 16px;
  text-align: center;
}

.operation.page_container .call .lead, .operation.page_container .call>.txt {
  text-align: center;
  margin-top: 16px;
}

.operation.page_container .call_a, .operation.page_container .call_b {
  margin: 32px auto 0;
  max-width: 640px;
  display: flex;
  align-items: center;
}

.operation.page_container .call_a {
  justify-content: flex-start;
}

.operation.page_container .call_a .txt::before {
  content: "";
  display: block;
  border: 16px solid transparent;
  border-right: 32px solid #fff;
  position: absolute;
  left: -32px;
}

.operation.page_container .call_b .txt::before {
  content: "";
  display: block;
  border: 16px solid transparent;
  border-left: 32px solid #fff;
  position: absolute;
  right: -32px;
}

.operation.page_container .call_b {
  justify-content: flex-end;
}

.operation.page_container .call_a .txt, .operation.page_container .call_b .txt {
  background: #fff;
  padding: 1em;
  border-radius: 1em;
  position: relative
}

.operation.page_container .call_a .txt {
  margin-left: 2em;
}

.operation.page_container .call_b .txt {
  margin-right: 2em;
}

.operation.page_container .call svg {
  font-size: 48px;
  color: #444
}

/* 購入・レンタル・リースの違い */

.difference.page_container section {
  margin-top: 32px;
}

.difference.page_container section h2 {
  text-align: center;
}

.difference.page_container table {
  border-collapse: collapse;
  width: 100%;
}

.difference.page_container table caption {
  margin-bottom: 8px;
}

.difference.page_container th, .difference.page_container td {
  padding: 1em;
  border: 1px solid #999;
}

.difference.page_container th {
  background: #ccc;
}

.difference.page_container .rental_purchase table:first-of-type {
  margin-top: 16px;
}

.difference.page_container .rental_purchase table:not(:first-of-type) {
  margin-top: 24px;
}

.difference.page_container .rental_purchase th {
  width: 200px
}

@media screen and (max-width: 980px) {
  .difference.page_container .rental_purchase th, .difference.page_container .rental_purchase td {
    display: block;
    width: 100%;
  }
  .difference.page_container .rental_purchase tr:not(:first-child) th {
    border-top: none;
  }
  .difference.page_container .rental_purchase td {
    border-top: none;
  }
}

.difference.page_container ol {
  counter-reset: difference-counter;
}

.difference.page_container li::before {
  content: counter(difference-counter)".";
  counter-increment: difference-counter;
  display: inline-blockp;
}

.difference.page_container .rental_lease dl {
  margin-top: 16px;
}

.difference.page_container .rental_lease dt {
  font-weight: bold;
}

.difference.page_container .rental_lease dt:not(:first-of-type) {
  margin-top: 8px;
}

/* -------- ↓Crescent_20220209 -------- */
.difference.page_container #toc_container {
  display: none;
}

.difference.page_container section.rental__detail {
  margin: 65px 0 0 0;
  border-top: 1px solid #aaaaaa;
  padding-top: 40px;
}

.difference.page_container .rental_intro {
  margin-top: 65px;
  border-top: 1px solid #aaaaaa;
  padding-top: 40px;
}

.difference.page_container .rental_intro li::before {
  content: "";
  display: none;
}

/* .difference.page_container .rental__detail figure {
  margin: 30px 0;
}

.difference.page_container .rental__detail figure img {
  object-fit: none;
} */

.difference.page_container .rental__detail .ren_lineup_wrap {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -webkit-box;
  justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  position: relative;
  margin-top: 30px;
}

.difference.page_container .rental__detail .ren_lineup-img {
  width: 4%;
}

.difference.page_container .rental__detail .lineup {
  width: 24%;
  background: #fff;
  text-align: center;
  padding: 10px 0 0 0;
  margin: 2px 0 0 0;
}
.difference.page_container .rental__detail .lineup .detail-img img:hover {
  opacity: 0.7;
}
.difference.page_container .rental__detail .lineup.lineup02 {
  width: 49%;
  margin: 2px 3px 0;
}

.difference.page_container .rental__detail .eria {
  padding: 42px 0 0 0;
  font-size: 13px;
}

.difference.page_container .rental__detail .eria li::before {
  content: "";
  display: none;
}

.difference.page_container .rental__detail .eria_txt {
  text-align: left;
  padding: 15px 20px;
  font-size: 11px;
}

.difference.page_container .rental__detail .eria_txt.eria_txt02 {
  text-align: center;
}

.difference.page_container .rental__detail .lineup_bnrtxt {
  position: absolute;
  text-align: center;
  width: 93%;
  background: #ea4444;
  border-radius: 25px;
  color: #fff;
  padding: 2px 0;
  left: 53%;
  margin: 0 auto;
  transform: translate(-50%, -50%);
  top: 60%;
}


.difference.page_container .rental__detail .rentallist-btn {
  border: 2px solid #0054ac;
  line-height: 1.5;
  font-size: 24px;
  margin: 40px auto;
  background: #0054ac;
  color: #eee;
  height: 76px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.difference.page_container .rental__detail .rentallist-btn:hover {
  background: #EAAF00;
  color: #fff;
  border-color: #EAAF00;
}

.difference.page_container .rental__detail .rentallist-btn img {
  position: absolute;
  right: 40px;
  top: 22px;
}

@media screen and (max-width: 980px) {
  .difference.page_container section.rental__detail .heading{
    font-size: 19px;
  }

  .difference.page_container .rental__detail .rentallist-btn {
    height: 64px;
    width: 90%;
    font-size: 18px;
    margin-top: 35px;
  }

  .difference.page_container .rental__detail .rentallist-btn img {
    right: 22px;
    top: 18px;
  }
  .difference.page_container .rental__detail figure img {
    object-fit: initial;
  }
  
  .difference.page_container .rental__detail .ren_lineup_wrap {
    display: block;
    width: 300px;
    margin: 30px auto;
  }
  .difference.page_container .rental__detail .ren_lineup-img {
    display: none;
  }
  .difference.page_container .rental__detail .lineup {
    width: 100%;
    padding: 10px 0 0 0;
    margin: 2px 0 0 0;
  }
 
  .difference.page_container .rental__detail .lineup.lineup02 {
    width: 100%;
    margin: 5px 0;
  }
  .difference.page_container .rental__detail .lineup .bgimg1 img {
    width: 100%;
    height: 135px;
    object-fit: cover;
    object-position: left;
  }
  .difference.page_container .rental__detail .lineup_bnrtxt {
    position: relative;
    width: 100%;
    border-radius: 0;
    padding: 5px 30px;
    left: 0;
    margin: 0 auto;
    transform: inherit;
    top: 0;
    font-size: 13px;
  }

}
/* -------- ↑Crescent_20220209 -------- */

.difference.page_container .rental_lease table {
  margin-top: 32px;
}

.difference.page_container .rental_lease table th:first-child {
  width: 120px;
}

@media screen and (max-width:480px) {
  .difference.page_container .table_wrap {
    overflow-x: scroll;
  }
  .difference.page_container .table_wrap::-webkit-scrollbar {
    height: 12px;
  }
  .difference.page_container .table_wrap::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 4px;
  }
  .difference.page_container .table_wrap::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #666;
  }
  .difference.page_container .rental_lease table {
    width: 720px;
  }
  .difference.page_container .rental_lease table th:not(:first-child) {
    width: 300px;
  }
}

/* 免許・登録申請の流れ */

.license.page_container h2 {
  text-align: center;
}

.license.page_container .license_content, .license.page_container .license_business_price, .license.page_container .license_registration_price, .license.page_container .license_flow, .license.page_container .license_schedule, .license.page_container .license_more {
  margin-top: 32px;
}

.license.page_container .license_about .txt {
  margin-top: 16px;
}

.license.page_container table {
  border-collapse: collapse;
  width: 100%;
}

.license.page_container table caption {
  margin-bottom: 8px;
}

.license.page_container th, .license.page_container td {
  padding: 1em;
  border: 1px solid #999;
  text-align: center
}

.license.page_container th {
  background: #ccc;
}

.license.page_container .license_business_price table, .license.page_container .license_registration_price table {
  margin-top: 24px;
}

@media screen and (max-width: 480px) {
  .license.page_container .table_wrap {
    overflow-x: scroll;
  }
  .license.page_container .table_wrap::-webkit-scrollbar {
    height: 12px;
  }
  .license.page_container .table_wrap::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 4px;
  }
  .license.page_container .table_wrap::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #666;
  }
  .license.page_container .license_business_price .table_wrap table .license.page_container .license_registration_price .table_wrap table {
    width: 700px;
  }
}

.license.page_container .license_flow .image {
  margin-top: 32px;
  text-align: center;
}

.license.page_container .license_schedule figure {
  margin-top: 32px;
  text-align: center;
}

.license.page_container .license_schedule figcaption {
  margin-bottom: 8px;
}

.license.page_container .license_schedule .sp {
  display: none;
}

@media screen and (max-width:980px) {
  .license.page_container .license_schedule .pc {
    display: none;
  }
  .license.page_container .license_schedule .sp {
    display: block;
  }
}

.license.page_container .license_more .txt, .license.page_container .license_more ul, .license.page_container .license_more .notice {
  margin-top: 16px;
}

/* ビジネスで無線を使う */

.business_header {
  background: url(/img/campaign/campaign_business_mainvis.jpg) center/cover no-repeat;
  min-height: 360px;
}

.business_header .title_area {
  max-width: 980px;
  margin: auto;
  padding: 64px 0;
}

.business_header .title_area h1 {
  text-align: left;
  font-size: 50px;
  font-weight: lighter;
}

.business_header .title_area .txt {
  margin-top: 32px;
  font-size: 20px;
}

@media screen and (max-width: 980px) {
  .business_header .title_area {
    text-align: center;
    padding: 64px 8px;
    text-shadow: #fefefe 1px 1px 0, #fefefe -1px -1px 0, #fefefe -1px 1px 0, #fefefe 1px -1px 0, #fefefe 0px 1px 0, #fefefe 0-1px 0, #fefefe -1px 0 0, #fefefe 1px 0 0;
  }
  .business_header .title_area h1 {
    text-align: center;
  }
  .business_header .title_area .txt br {
    display: none;
  }
}

.campaign_business .lead_area {
  max-width: 980px;
  margin: 32px auto;
  text-align: center;
  font-size: 24px;
}

@media screen and (max-width: 980px) {
  .campaign_business .lead_area {
    padding: 0 8px;
  }
}

.campaign_business .business_convenience {
  padding-top: 48px;
}

.campaign_business .business_convenience h2 {
  text-align: center;
}

.campaign_business .business_convenience .notice {
  text-align: right;
}

.campaign_business .business_convenience ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.campaign_business .business_convenience ul li {
  margin: 16px 4px 0;
  width: 166px;
  background: #fefefe;
  padding: 24px 4px 0;
}

.campaign_business .business_convenience ul li .image {
  width: 60%;
  margin: auto;
}

.campaign_business .business_convenience ul h3 {
  margin-top: 12px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.campaign_business .business_convenience ul li .txt {
  margin-top: 12px;
  text-align: justify;
}

@media screen and (max-width: 414px) {
  .campaign_business .business_convenience {
    text-align: center;
  }
  .campaign_business .business_convenience br {
    display: none;
  }
  .campaign_business .business_convenience ul li {
    width: 100%;
    padding-bottom: 1em
  }
  .campaign_business .business_convenience ul li .txt {
    margin-top: 0;
    text-align: center;
  }
}

.campaign_business .business_case {
  margin-top: 64px
}

.campaign_business .business_case h2 {
  text-align: center;
}

.campaign_business .business_case ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.campaign_business .business_case ul li {
  width: 360px;
  text-align: center;
  margin: 32px 4px 0;
}

.campaign_business .business_case ul li .image {
  margin-top: 8px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 2px 2px 4px #999;
}

.campaign_business .business_case ul li .txt {
  margin-top: 16px;
}

.campaign_business .campaign_btn_area {
  margin-top: 64px;
  border: 2px solid #999;
  padding: 32px 24px 48px;
  background: #fefefe;
}

.campaign_business .campaign_btn_wrap {
  display: flex;
  margin: auto;
  max-width: 600px;
  justify-content: space-around;
  flex-wrap: wrap;
}

.campaign_business .campaign_toItem_btn {
  margin: 32px 4px 0;
  width: 220px;
  height: 160px;
  background: #0054AC;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  color: #eee;
}

.campaign_business .campaign_toItem_btn .txt {
  position: relative;
  top: -12px;
}

.campaign_business .campaign_toItem_btn span {
  display: inline-block;
  margin-top: 8px;
  line-height: 1.2;
}

.campaign_business .campaign_toItem_btn a {
  display: block;
}

.campaign_business .campaign_toItem_btn:hover {
  background: #EAAF00;
}

.campaign_business .campaign_toItem_btn:hover .angle_down {
  color: #EAAF00;
}

.campaign_business .campaign_toItem_btn .txt {
  font-size: 18px;
  font-weight: normal;
  padding-top: 0;
  line-height: 1;
  text-align: center;
}

.campaign_business .campaign_toItem_btn .txt span {
  font-size: 32px;
  font-weight: bold;
}

.campaign_business .campaign_toItem_btn .angle_down {
  width: 64px;
  height: 32px;
  background: rgba(255, 255, 255, .6);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  line-height: 36px;
  font-size: 28px;
  color: #0054AC;
  display: flex;
  justify-content: center;
}

.campaign_business .campaign_toItem_btn .angle_down svg {
  padding-top: 4px;
}

/* レジャーで無線を使う */

.leisure_header {
  background: url(/img/campaign/campaign_leisure_mainvis.jpg) center/cover no-repeat;
  min-height: 360px;
}

.leisure_header .title_area {
  max-width: 980px;
  margin: auto;
  padding: 64px 0;
  color: #fefefe;
  text-shadow: #333 2px 0px, #333 -2px 0px, #333 0px -2px, #333 0px 2px, #333 2px 2px, #333 -2px 2px, #333 2px -2px, #333 -2px -2px, #333 1px 2px, #333 -1px 2px, #333 1px -2px, #333 -1px -2px, #333 2px 1px, #333 -2px 1px, #333 2px -1px, #333 -2px -1px;
}

.leisure_header .title_area h1 {
  text-align: left;
  font-size: 50px;
  font-weight: lighter;
}

.leisure_header .title_area .txt {
  margin-top: 32px;
  font-size: 20px;
}

@media screen and (max-width: 980px) {
  .leisure_header .title_area {
    text-align: center;
    padding: 64px 8px;
  }
  .leisure_header .title_area h1 {
    text-align: center;
  }
  .leisure_header .title_area .txt br {
    display: none;
  }
}

.campaign_leisure .lead_area {
  max-width: 980px;
  margin: 32px auto;
  text-align: center;
  font-size: 24px;
}

@media screen and (max-width: 980px) {
  .campaign_leisure .lead_area {
    padding: 0 8px;
  }
}

.campaign_leisure .leisure_convenience {
  padding-top: 48px;
}

.campaign_leisure .leisure_convenience h2 {
  text-align: center;
}

.campaign_leisure .leisure_convenience ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.campaign_leisure .leisure_convenience ul li {
  margin: 16px 4px 0;
  width: 166px;
  background: #fefefe;
  padding: 24px 4px 4px;
}

.campaign_leisure .leisure_convenience ul li .image {
  width: 60%;
  margin: auto;
}

.campaign_leisure .leisure_convenience ul h3 {
  margin-top: 12px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.campaign_leisure .leisure_convenience ul li .txt {
  margin-top: 12px;
  text-align: justify;
}

@media screen and (max-width: 414px) {
  .campaign_leisure .leisure_convenience {
    text-align: center;
  }
  .campaign_leisure .leisure_convenience br {
    display: none;
  }
  .campaign_leisure .leisure_convenience ul li {
    width: 100%;
    padding-bottom: 1em
  }
  .campaign_leisure .leisure_convenience ul li .txt {
    margin-top: 0;
    text-align: center;
  }
}

.campaign_leisure .leisure_case {
  margin-top: 64px
}

.campaign_leisure .leisure_case h2 {
  text-align: center;
}

.campaign_leisure .leisure_convenience .notice {
  text-align: right;
}

.campaign_leisure .leisure_case ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.campaign_leisure .leisure_case ul li {
  width: 360px;
  text-align: center;
  margin: 32px 4px 0;
}

.campaign_leisure .leisure_case ul li .image {
  margin-top: 8px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 2px 2px 4px #999;
}

.campaign_leisure .leisure_case ul li .txt {
  margin-top: 16px;
}

.campaign_leisure .campaign_btn_area {
  margin-top: 64px;
  border: 2px solid #999;
  padding: 32px 24px 48px;
  background: #fefefe;
}

.campaign_leisure .campaign_btn_wrap {
  display: flex;
  margin: auto;
  max-width: 600px;
  justify-content: space-around;
  flex-wrap: wrap;
}

.campaign_leisure .campaign_toItem_btn {
  margin: 32px 4px 0;
  width: 220px;
  height: 160px;
  background: #0054AC;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  position: relative;
  justify-content: center;
  color: #eee;
}

.campaign_leisure .campaign_toItem_btn .txt {
  position: relative;
  top: -12px;
}

.campaign_leisure .campaign_toItem_btn span {
  display: inline-block;
  margin-top: 8px;
  line-height: 1.2;
}

.campaign_leisure .campaign_toItem_btn a {
  display: block;
}

.campaign_leisure .campaign_toItem_btn:hover {
  background: #EAAF00;
}

.campaign_leisure .campaign_toItem_btn:hover .angle_down {
  color: #EAAF00;
}

.campaign_leisure .campaign_toItem_btn .txt {
  font-size: 18px;
  font-weight: normal;
  padding-top: 0;
  line-height: 1;
  text-align: center;
}

.campaign_leisure .campaign_toItem_btn .txt span {
  font-size: 32px;
  font-weight: bold;
}

.campaign_leisure .campaign_toItem_btn .angle_down {
  width: 64px;
  height: 32px;
  background: rgba(255, 255, 255, .6);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  line-height: 36px;
  font-size: 28px;
  color: #0054AC;
  display: flex;
  justify-content: center;
}

.campaign_leisure .campaign_toItem_btn .angle_down svg {
  padding-top: 4px;
}

/* 今だけ学校割20%OFF */

.school_header {
  background: url(/img/campaign/campaign_school_mainvis.jpg) center/cover no-repeat;
  min-height: 360px;
}

.school_header .title_area {
  max-width: 980px;
  margin: auto;
  padding: 64px 0;
  color: #fefefe;
  text-shadow: #333 2px 0px, #333 -2px 0px, #333 0px -2px, #333 0px 2px, #333 2px 2px, #333 -2px 2px, #333 2px -2px, #333 -2px -2px, #333 1px 2px, #333 -1px 2px, #333 1px -2px, #333 -1px -2px, #333 2px 1px, #333 -2px 1px, #333 2px -1px, #333 -2px -1px;
}

.school_header .title_area h1 {
  text-align: left;
  font-size: 50px;
  font-weight: lighter;
}

.school_header .title_area .txt {
  margin-top: 32px;
  font-size: 20px;
}

@media screen and (max-width: 980px) {
  .school_header .title_area {
    text-align: center;
    padding: 64px 8px;
  }
  .school_header .title_area h1 {
    text-align: center;
  }
  .school_header .title_area .txt br {
    display: none;
  }
}

.campaign_school .lead_area {
  max-width: 980px;
  margin: 32px auto;
  text-align: center;
  font-size: 24px;
}

@media screen and (max-width: 980px) {
  .campaign_school .lead_area {
    padding: 0 8px;
  }
}

.campaign_school .school_convenience {
  padding-top: 48px;
}

.campaign_school .school_convenience h2 {
  text-align: center;
}

.campaign_school .school_convenience ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.campaign_school .school_convenience ul li {
  margin: 16px 4px 0;
  width: 166px;
  background: #fefefe;
  padding: 24px 4px 4px;
}

.campaign_school .school_convenience ul li .image {
  width: 60%;
  margin: auto;
}

.campaign_school .school_convenience ul h3 {
  margin-top: 12px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.campaign_school .school_convenience ul li .txt {
  margin-top: 12px;
  text-align: justify;
}

@media screen and (max-width: 414px) {
  .campaign_school .school_convenience {
    text-align: center;
  }
  .campaign_school .school_convenience br {
    display: none;
  }
  .campaign_school .school_convenience ul li {
    width: 100%;
    padding-bottom: 1em
  }
  .campaign_school .school_convenience ul li .txt {
    margin-top: 0;
    text-align: center;
  }
}

.campaign_school .school_case {
  margin-top: 64px
}

.campaign_school .school_case h2 {
  text-align: center;
}

.campaign_school .school_convenience .notice {
  text-align: right;
}

.campaign_school .school_case ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.campaign_school .school_case ul li {
  width: 360px;
  text-align: center;
  margin: 32px 4px 0;
}

.campaign_school .school_case ul li .image {
  margin-top: 8px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 2px 2px 4px #999;
}

.campaign_school .school_case ul li .txt {
  margin-top: 16px;
  text-align: left;
}

.campaign_school .school_characteristic {
  margin-top: 64px;
}

.campaign_school .school_characteristic h2 {
  text-align: center;
}

.campaign_school .school_characteristic .image {
  margin-top: 8px;
  text-align: center;
}

.campaign_school .school_characteristic .txt {
  margin-top: 32px;
}

.txt_out_of_container {
  max-width: 980px;
  margin: auto;
  text-align: center;
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .txt_out_of_container {
    text-align: left;
    padding: 1em;
    font-size: 20px;
  }
  .txt_out_of_container br {
    display: none;
  }
}

.txt_out_of_container+.btn.inquiry.mb64 {
  margin-top: 32px;
}

/* 無線機の次世代機 IP無線機 */

.campaign_ip .fa-star {
  color: #888;
  margin-right: .3em;
}

.campaign_ip .ip_header {
  background: url(/img/campaign/campaign_ip_main_bg.jpg) center/cover no-repeat;
  position: relative;
  padding: 2em 0;
}

.campaign_ip .ip_header .image {
  text-align: center;
}

.campaign_ip .ip_header .item_image {
  position: absolute;
}

.campaign_ip .ip_header p:nth-child(2) {
  left: 16%;
  top: 32px;
}

.campaign_ip .ip_header p:nth-child(3) {
  right: 18%;
  top: 0;
}

.campaign_ip .ip_header .item_image {
  position: absolute;
}

@media screen and (max-width: 1799px) {
  .campaign_ip .ip_header .item_image {
    display: none;
  }
}

.campaign_ip .ip_nav ul {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

.campaign_ip .ip_nav li {
  margin: 32px 2px 0;
  position: relative;
  text-align: center;
  width: 172px;
}

.campaign_ip .ip_nav a {
  display: flex;
  text-align: center;
  height: 92px;
  position: relative;
  justify-content: center;
  align-items: center;
  border: 2px solid #777;
  color: #333;
  font-size: 18px;
  padding: 0 0 10px;
}

.campaign_ip .ip_nav a:hover {
  border: 2px solid #333;
  background: #333;
  color: #eee;
}

.campaign_ip .ip_nav svg {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 4px;
  margin: auto;
  font-size: 24px;
}

.campaign_ip .ip_nav li:last-child a {
  border: 2px solid #EAAF00;
  background: #EAAF00;
  color: #eee;
}

.campaign_ip .ip_nav li:last-child a:hover {
  border: 2px solid #0054AC;
  background: #0054AC;
}

.campaign_ip .ip_characteristic, .campaign_ip .ip_simultaneuos_calls, .campaign_ip .ip_price, .campaign_ip .ip_function, .campaign_ip .ip_happy, .campaign_ip .ip_specification, .campaign_ip .ip_inquiry {
  margin-top: 4em;
}

.campaign_ip .ip_characteristic h2, .campaign_ip .ip_simultaneuos_calls h2, .campaign_ip .ip_price h2, .campaign_ip .ip_function h2, .campaign_ip .ip_happy h2, .campaign_ip .ip_specification h2, .campaign_ip .ip_inquiry h2 {
  font-size: 28px;
  font-weight: normal;
  text-align: center;
}

.campaign_ip .ip_characteristic .ip_characteristic_list {
  margin-top: 1em;
  font-size: 24px;
  display: flex;
}

.campaign_ip .ip_characteristic .ip_characteristic_list_inner {
  padding: 1em 0.5em;
}

.campaign_ip .ip_characteristic .ip_characteristic_list_inner h3 {
  font-weight: normal;
  margin: 0 0 0.9em;
  text-align: center;
}

.campaign_ip .ip_characteristic .ip_characteristic_list_inner.left {
  background: #FFF;
}

.campaign_ip .ip_characteristic .ip_characteristic_list_inner.right {
  margin: 0 0 0 1em;
}

.campaign_ip .ip_characteristic .ip_characteristic_list_inner.right .heading {
  color: #65a347;
  font-size: 28px;
  font-weight: bold;
}

.campaign_ip .ip_characteristic .ip_characteristic_list_inner.right .image {
  margin: -3em 0 1em;
  text-align: center;
}

.campaign_ip .ip_characteristic .ip_characteristic_list_inner.right .paragraph {
  font-size: 19px;
}

.campaign_ip .ip_characteristic .ip_characteristic_list_inner.right .paragraph .big {
  font-size: 26px;
  font-weight: bold;
}

.campaign_ip .ip_characteristic .ip_characteristic_list_inner.right .paragraph .middle {
  font-size: 23px;
}

.campaign_ip .ip_characteristic .ip_characteristic_list ul {}

.campaign_ip .ip_characteristic .ip_characteristic_list li {
  margin: 0 0 0.9em;
  padding-left: 1.4em;
  text-indent: -0.9em;
}

.campaign_ip .ip_characteristic .ip_characteristic_list li svg.rotate {
  color: #555;
  fill: #555;
  font-size: 18px;
  margin: 0 5px 3px 0;
  transform: rotate(90deg);
}

.campaign_ip .ip_characteristic .ip_characteristic_list li .small {
  font-size: 0.8em;
}

.campaign_ip .ip_characteristic .ip_characteristic_list li:first-child small {
  font-size: 10px;
  vertical-align: top;
}

@media screen and (max-width: 979px) {
  .campaign_ip .ip_characteristic .ip_characteristic_list {
    display: block;
  }
  .campaign_ip .ip_characteristic .ip_characteristic_list ul {
    width: 100%;
  }
  .campaign_ip .ip_characteristic .ip_characteristic_list li:first-child small {
    vertical-align: baseline;
    margin-left: 1em;
  }
  .campaign_ip .ip_characteristic .ip_characteristic_list ul br {
    display: none;
  }
}

.campaign_ip .ip_simultaneuos_calls .lead {
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(/img/campaign/campaign_ip_map.png) no-repeat right;
}

.campaign_ip .ip_simultaneuos_calls .lead .marker {
  font-size: 20px
}

.campaign_ip .ip_simultaneuos_calls .lead span span {
  font-size: 26px
}

.campaign_ip .ip_simultaneuos_calls small {
  font-weight: normal;
}

.campaign_ip .ip_simultaneuos_calls .txt {
  margin-top: 2em;
}

@media screen and (max-width: 979px) {
  .campaign_ip .ip_simultaneuos_calls .lead {
    height: 480px;
    padding-top: 2em;
    align-items: flex-start;
    background-position: center bottom;
  }
}

@media screen and (max-width: 499px) {
  .campaign_ip .ip_simultaneuos_calls .lead br {
    display: none;
  }
}

.campaign_ip .ip_price .image {
  text-align: center;
  margin-top: 2em;
}

.campaign_ip .ip_price .txt {
  margin-top: 2em;
}

.campaign_ip .ip_function .lead {
  margin-top: 1em;
}

.campaign_ip .ip_function .ip_function_flex {
  margin: 1em 0 0;
  display: flex;
  justify-content: space-around;
  font-size: 26px;
  flex-wrap: wrap;
}

.campaign_ip .ip_function .ip_function_flex_item {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  width: 270px;
  text-align: center;
  height: 200px;
  margin: 1em 8px 0
}

.campaign_ip .ip_function .ip_function_flex_item:last-child {
  background-image: url(/img/campaign/campaign_ip_location.png);
  background-repeat: no-repeat;
  background-position: center left;
  justify-content: flex-end;
  padding-right: .4em;
}

.campaign_ip .ip_function .ip_function_flex_item:last-child small {
  font-size: 16px;
}

.campaign_ip .ip_happy {
  height: 460px;
  position: relative;
}

.campaign_ip .ip_happy ul {
  font-size: 22px;
  padding: 6em 0 0 4em;
}

.campaign_ip .ip_happy li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.campaign_ip .ip_happy li+li {
  margin-top: 1em;
}

.campaign_ip .ip_happy .image {
  position: absolute;
  right: 4em;
  top: 6em;
}

@media screen and (max-width: 979px) {
  .campaign_ip .ip_happy {
    height: auto;
  }
  .campaign_ip .ip_happy ul {
    margin-top: 1em;
    padding: 0;
    text-align: center;
  }
  .campaign_ip .ip_happy ul br {
    display: none;
  }
  .campaign_ip .ip_happy .image {
    position: relative;
    margin-top: 2em;
    text-align: center;
    right: 0;
    top: 0;
  }
}

.campaign_ip .ip_specification table {
  border-collapse: collapse;
  background: #fff;
  margin-top: 1em;
}

.campaign_ip .ip_specification table thead {
  background: #eee
}

.campaign_ip .ip_specification table thead th:nth-child(1) {
  width: 42%;
}

.campaign_ip .ip_specification table thead th:nth-child(2) {
  width: 58%;
}

.campaign_ip .ip_specification th, .campaign_ip .ip_specification td {
  border: 2px solid #f5f5f5;
  padding: 1em;
  font-weight: normal;
}

.campaign_ip .with_image .image {
  text-align: center
}

.campaign_ip .ip_specification ul {
  margin-top: 1em;
}

@media screen and (max-width: 979px) {
  .campaign_ip .ip_specification .table_wrap {
    overflow-x: scroll;
  }
  .campaign_ip .ip_specification .table_wrap::-webkit-scrollbar {
    height: 12px;
  }
  .campaign_ip .ip_specification .table_wrap::-webkit-scrollbar-track {
    background: #ccc;
    border-radius: 4px;
  }
  .campaign_ip .ip_specification .table_wrap::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #666;
  }
}

.campaign_ip .ip_inquiry .inquiry_area {
  margin-top: 1em;
}

/*2018/07.17追記
******************************************************************/

@media screen and (min-width:1366px) {
  #headerTel {
    position: absolute;
    top: -35px;
    left: 0;
  }
}

#headerTel>dl {
  display: -webkit-flex;
  display: flex;
}

#headerTel>dl dt {
  margin-right: 20px;
  font-size: 16px;
  line-height: 1.4em;
}

#headerTel>dl>dd .tel {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 28px;
  font-weight: bold;
  line-height: 1em;
}

#headerTel>dl>dd .tel:before {
  content: url(/wp/wp-content/themes/musennavi/images/campaign/tel_icon.png );
  position: absolute;
  left: -25px;
}

#headerTel>dl>dd aside {
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 3.2px;
}

.tel2 {
  display: none;
}

@media screen and (max-width: 979px) {
  #headerTel {
    display: none;
  }
  #naviTel {
    position: absolute;
    top: 10%;
    left: 10%;
    right: 0;
    width: 96%;
    margin: 0 auto;
  }
  /*
#naviTel > dl {
    display:-webkit-flex;
    display:flex;
  }
#naviTel > dl dt {
    margin-right:20px;
    font-size:14px;
    line-height:1.4em;
  }
#naviTel > dl > dd .tel {
    position:relative;
    margin:0;
    padding:0;
    font-size:23px;
    font-weight:bold;
    line-height:1em;
  }

#naviTel > dl > dd .tel:before {
    content:url(/wp/wp-content/themes/musennavi/images/campaign/tel_icon.png );
    position:absolute;
    left:-25px;
  }
#naviTel > dl > dd aside {
    font-size:12px;
    line-height:1em;
    letter-spacing:1px;
  }
}
*/
  #naviTel .tel {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 23px;
    font-weight: bold;
    line-height: 1em;
  }
  #naviTel .tel:before {
    content: url(/wp/wp-content/themes/musennavi/images/campaign/tel_icon.png);
    position: absolute;
    left: -25px;
  }
  #naviTel aside {
    font-size: 12px;
    line-height: 1em;
    letter-spacing: 1px;
  }
  .tel2 {
    display: block;
    margin: 0 3%;
    /*
  padding:18px 0 0 28px;*/
    color: #fff !important;
    font-size: 28px;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    width: 68%;
  }
  .tel2 a {
    color: #fff;
    text-decoration: none;
  }
  .tel2 span img {
    vertical-align: middle;
  }
  .tel2 i {
    position: absolute;
    top: 0;
    left: 0;
  }
  .tel2 aside {
    margin: 3%;
    font-size: 14px;
    font-weight: normal;
    line-height: 0;
    text-align: center;
  }
  .tel2Btn {
    line-height: 1;
    width: auto;
  }
  .tel2Btn::before {
    background: url(https://musennavi.com/wp/wp-content/themes/musennavi/images/header/tel_icon.png)no-repeat left center;
  }
  .tel2Btn a {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 50%, rgba(225, 225, 225, 1) 51%, rgba(246, 246, 246, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
    border: 2px solid #555;
    border-radius: 10px;
    color: #555;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
    font-size: 18px;
    /* margin: 0 0 4%; */
    text-align: center;
    padding: 1.5% 6.5% 1.5% 5.5%;
  }
  .tel2Btn_svg {
    fill: #555;
    height: 22px;
    width: 22px;
    vertical-align: -10%;
  }
  .header .header_flex_box:last-of-type {
    width: auto;
  }
}

/* 20180925 */

.type01 {
  margin: 6% 0 0;
  padding: 6% 0 0;
  text-align: center;
}

.type01 h2 {
  position: relative;
  text-align: center;
  width: 100%;
}

.type01 h2 .bbord {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border-bottom: 1px solid #000;
  width: 100%;
}

.type01 h2 .bbord>span {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -22px;
  background: #F5F5F5;
  font-size: 28px;
  font-weight: normal;
  margin: auto;
  width: 25%;
}

.type01 h3 {
  font-size: 27px;
  margin: 8% 0 2%;
}

.type01 .heading {
  font-size: 19.5px;
  margin: 0 0 6%;
}

.type01 .month {
  color: #d90100;
  font-size: 43px;
}

.type01 .month .small {
  font-size: 0.6em;
}

.type01 .month .value {
  font-size: 1.7em;
  font-weight: bold;
}

.type01 .cancel {
  font-size: 28.3px;
  margin: 0 0 5%;
}

.type01 .cancel .small {
  font-size: 0.8em;
}

.type01 .case .inner {
  background: #FFF;
  padding: 5% 0;
}

.type01 .case h3 {
  font-size: 30px;
  margin: 0 0 2%;
}

.type01 .case .inner ul {
  display: flex;
  justify-content: space-around;
}

.type01 .case .inner li {
  font-size: 17.3px;
  padding: 1% 2%;
  text-align: left;
  width: 32%;
}

.type01 .case .inner .icon {
  margin: 0 0 6%;
  text-align: center;
}

.type01 .case .inner p {
  line-height: 1.6;
}

.type01 .lineup {
  overflow: hidden;
}

.type01 .lineup .campaign_lineup {
  width: 50%;
}

.type01 .lineup .left {
  float: left;
}

.type01 .lineup .right {
  float: right;
}

.type01 .lineup .campaign_lineup h4 {
  font-size: 26px;
  margin: 0 0 3%;
}

.type01 .lineup .campaign_lineup h5 {
  font-size: 20px;
  margin: 0 0 3%;
}

.type01 .lineup .campaign_lineup h5 {
  text-align: left;
}

.type01 .lineup .campaign_lineup p {
  font-size: 17.3px;
  line-height: 1.6;
  margin: 0 0 5%;
  text-align: left;
}

.type01 .lineup .campaign_lineup .img {
  margin: 0 0 5%;
}

.type01 .lineup .campaign_lineup.right p.small {
  font-size: 0.7em;
}

.type01 .lineup .campaign_lineup.right p img {
  float: left;
  margin: 0 4% 1% 0;
}

.type01 .lineup .campaign_lineup .matchHeight {
  margin: 0 0 8%;
}

.type01 .lineup .campaign_lineup .readmore a {
  background: #222;
  color: #FFF;
}

.type01 .lineup .campaign_lineup .readmore a {
  background: #222;
  color: #FFF;
  display: block;
  margin: auto;
  padding: 10px 0;
  position: relative;
  width: 200px;
}

.type01 .lineup .campaign_lineup .readmore a::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7px;
  margin: auto;
  border-left: 12px solid #FFF;
  border-right: 12px solid transparent;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-radius: 50%;
  height: 0;
  width: 0;
}

.type01 .lineup .campaign_lineup .readmore a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  border-left: 12px solid #222;
  border-right: 12px solid transparent;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  height: 0;
  width: 0;
}

.ip_inquiry .heading {
  margin: 0 0 2%;
}

@media screen and (max-width:678px) {
  .campaign_ip .ip_characteristic .ip_characteristic_list_inner.right .heading {
    font-size: 6vw;
  }
  .campaign_ip .ip_characteristic .ip_characteristic_list_inner.right .paragraph {
    display: inline;
  }
  .type01 h2 .bbord>span {
    width: 60%;
  }
  .type01 .case {
    margin: 0 0 5%;
  }
  .type01 .case h3 {
    font-size: 25px;
  }
  .type01 .case .inner ul {
    display: block;
  }
  .type01 .case .inner li {
    width: 100%;
  }
  .type01 .case .inner p {
    margin: 5% auto;
    width: 85%;
  }
  .type01 .case .inner p>br {
    display: none;
  }
  .type01 .lineup {
    padding: 0 5%;
  }
  .type01 .lineup .left, .type01 .lineup .right {
    float: none;
  }
  .type01 .lineup .campaign_lineup {
    margin: 0 0 15%;
    width: 100%;
  }
  .type01 .lineup .campaign_lineup h4 {
    font-size: 22px;
  }
}

/* トップページリニューアル */

.topPage .hero .hero_flex {
  background: url(/wp/wp-content/themes/musennavi/images/home/topBtn_bg.jpg) left top;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  padding: 1.5% 0;
  width: 100%;
}

.topPage .hero .hero_flex .inner {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin: auto;
  max-width: 1000px;
  width: 100%;
}

.topPage .hero .hero_flex_box {
  height: 126px;
  width: 49%;
}

.topPage .hero .hero_flex_box:hover {
  filter: brightness(120%);
}

@media all and (-ms-high-contrast: none) {
  /* IE10以上 */
  .topPage .hero .hero_flex_box:hover {
    opacity: 0.8;
    transition: .3s;
  }
}

.topPage .hero .hero_flex_box.rental {
  /* background: rgb(0,128,150);
  background: -moz-linear-gradient(left, rgba(0,128,150,1) 0%, rgba(1,118,172,1) 100%);
  background: -webkit-linear-gradient(left, rgba(0,128,150,1) 0%,rgba(1,118,172,1) 100%);
  background: linear-gradient(to right, rgba(0,128,150,1) 0%,rgba(1,118,172,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008096', endColorstr='#0176ac',GradientType=1 ); */
}

.topPage .hero .hero_flex_box.purchase {
  /* background: rgb(0,150,125);
  background: -moz-linear-gradient(left, rgba(0,150,125,1) 0%, rgba(0,169,172,1) 100%);
  background: -webkit-linear-gradient(left, rgba(0,150,125,1) 0%,rgba(0,169,172,1) 100%);
  background: linear-gradient(to right, rgba(0,150,125,1) 0%,rgba(0,169,172,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00967d', endColorstr='#00a9ac',GradientType=1 ); */
}

.topPage .info {
  padding-bottom: 0;
}

.topPage .news {
  background: #FFF;
}

.topPage .news .inner {
  margin: auto;
  max-width: 1000px;
  padding: 20px 0;
  width: 96%;
}

.topPage .news_box {
  margin: 0 auto;
}

.topPage .hero .hero_flex_box h2, .topPage .hero .hero_flex_box h2 span {
  font-size: 22px;
  font-weight: normal;
}

.topPage .hero .hero_flex_box h2 .large {
  font-size: 40px;
  font-weight: bold;
}

/* お知らせ枠 */

.topPage .news .inner p {
  overflow: hidden;
  text-align: left;
}

.topPage .news .inner p .heading, .topPage .news .inner p .new_icon, .topPage .news .inner p .content a {
  display: inline-block;
  vertical-align: top;
}

.topPage .news .inner p .heading {
  color: #333;
}

.topPage .news .inner p .new_icon_box {
  display: inline-block;
  margin: 0 5px;
  width: 53.4px;
}

.topPage .news .inner p .txt {
  margin: 0;
}

.topPage .news .inner p .content a {
  color: #0054AC;
  width: 75%;
}

.topPage .news .inner p .content a:hover {
  text-decoration: none;
}

.topPage .news .inner p .content a .time {
  display: inline-block;
  vertical-align: middle;
  text-decoration: underline;
}

.topPage .news .inner p .content a:hover .time {
  text-decoration: none;
}

.topPage .news .inner p .content a .txt {
  display: inline-block;
  overflow: hidden;
  text-decoration: underline;
  /* コロナ後消す */

  /* コロナ後消す */
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
  width: 85%;
}

.topPage .news .inner p .content a:hover .txt {
  text-decoration: none;
}

.topPage .news .inner p .newsList {
  float: right;
}

.topPage .news .inner p .newsList a {
  border: 1px solid #000;
  color: #333;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 4px 0;
  text-align: center;
  width: 110px;
}

.topPage .news .inner p .newsList a:hover {
  opacity: 0.8;
  transition: .3s;
}

/* スライダー */

.swiper-container {
  padding: 2% 0;
}

.swiper-slide {
  background: #000;
}

.swiper-slide a {
  opacity: 0.5;
}

.swiper-slide-active a {
  opacity: 1;
}

.mainSlider-prev {
  display: table;
  position: absolute;
  top: 40%;
  /*  bottom: 0;*/
  left: 0;
  margin: auto;
  z-index: 50;
}

@media all and (-ms-high-contrast: none) {
  /* IE10以上 */
  .mainSlider-prev {
    top: 37%;
  }
}

@supports (-ms-ime-align: auto) {
  /* Edge のみ適用される */
  .mainSlider-prev {
    top: 37%;
  }
}

.mainSlider-prev:hover {
  cursor: pointer;
}

.mainSlider-prev img {
  display: table-cell;
  vertical-align: middle;
}

.mainSlider-next {
  display: table;
  position: absolute;
  top: 40%;
  /*  bottom: 0;*/
  right: 0;
  margin: auto;
  z-index: 50;
}

@-moz-document url-prefix() {
  /*firefox*/
  .mainSlider-prev, .mainSlider-next {
    top: 42%;
  }
}

@media all and (-ms-high-contrast: none) {
  /* IE10以上 */
  .mainSlider-next {
    top: 37%;
  }
}

@supports (-ms-ime-align: auto) {
  /* Edge のみ適用される */
  .mainSlider-next {
    top: 37%;
  }
}

.mainSlider-next:hover {
  cursor: pointer;
}

.mainSlider-next img {
  display: table-cell;
  vertical-align: middle;
}

.swiper-pagination-bullet {
  background: #ccc !important;
  height: 12px !important;
  width: 12px !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -3px !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px !important;
}

@media screen and (max-width: 767px) {
  .swiper-container {
    padding: 0 0 8%;
  }
  .topPage .hero .hero_flex_box {
    margin: 0;
  }
  .mainSlider-prev {
    width: 8%;
  }
  .mainSlider-prev img {
    padding: 0 0 50%;
  }
  .mainSlider-next {
    width: 8%;
  }
  .mainSlider-next img {
    padding: 0 0 50%;
  }
  .topPage .hero .hero_flex_box h2 {
    font-size: 4vw;
  }
  .topPage .hero .hero_flex_box h2 .pc {
    display: none;
  }
  .topPage .hero .hero_flex_box h2 .large {
    display: block;
    font-size: 8vw;
    margin: 8% 0 0;
  }
  .topPage .news .inner p .content a {
    width: 100%;
  }
  .topPage .news .inner p .content a .txt {
    width: 100%;
  }
  .topPage .news .inner p .newsList {
    float: none;
  }
  .topPage .news .inner p .newsList a {
    margin: 4% auto 0;
    padding: 2.5% 0;
    width: 80%;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0 !important;
  }
}

/*page-id-142*/

.yarpp-related {
  display: none;
}

.page-id-142 .main-img .pc {
  display: block;
}

.page-id-142 .main-img .sp {
  display: none;
}

.page-id-142 .chara_content h1 {
  margin: 70px 0 40px;
  font-size: 35px;
  text-align: center;
}

.page-id-142 #toc_container {
  display: none;
}

.page-id-142 .page_container {
  max-width: 960px;
  width: 100%;
  background: none;
  padding: 0 10px;
  margin: 64px auto 0;
}

.page-id-142 .page_nav ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
}

.page-id-142 .page_nav ul li {
  /*max-width: 227px;*/
  width: 25%;
  margin: 0 25px 0 0;
}

.page-id-142 .page_nav ul li:last-child {
  margin: 0;
}

.page-id-142 .page_nav ul li a {
  max-width: 227px;
  display: block;
  position: relative;
  border: 1px solid #2A4881;
  padding: 10px 10px 30px 60px;
  text-align: center;
  color: #111;
  font-weight: bold;
  position: relative;
  white-space: nowrap;
}

.page-id-142 .page_nav ul li a span {
  transition: initial;
}

.page-id-142 .page_nav ul li a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  bottom: 10px;
  left: 51%;
  border-style: solid;
  border-width: 15px 12.5px 0 12.5px;
  border-color: #2a4881 transparent transparent transparent;
}

.page-id-142 .page_nav ul li a:hover {
  background: #2A4881;
  color: #fff;
}

.page-id-142 .page_nav ul li a:hover::before {
  border-color: #fff transparent transparent transparent;
}

.page-id-142 .page_nav ul li a img {
  position: absolute;
  position: absolute;
  left: 14px;
  bottom: 05px;
}

.page-id-142 #intro .catch-area {
  background: #EEEEEE;
  max-width: 840px;
  margin: 0 auto;
  padding: 50px;
}

.page-id-142 #intro .catch-area p {
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}

.page-id-142 #intro .catch-area span {
  color: #c71622;
  font-weight: bold;
  font-size: 34px;
  display: inline-block;
  margin: 5px 0 0;
}

.page-id-142 #intro .catch-area+p {
  margin: 60px 0 30px;
  text-align: center;
  font-size: 35px;
  font-weight: bold;
}

.page-id-142 #intro thead th {
  background: #2A4881;
  color: #fff;
  font-size: 28px;
  border: 1px solid #2A4881;
  padding: 8px 0;
}

.page-id-142 #intro tbody th {
  background: #E5E5E5;
  border-top: 1px solid #1B1B1B;
  border-left: 1px solid #1B1B1B;
  border-right: 1px solid #1B1B1B;
  border-bottom: 1px dashed #1B1B1B;
  text-align: center;
}

.page-id-142 #intro tbody td {
  border-top: none;
  text-align: center;
  border-left: 1px solid #1B1B1B;
  border-right: 1px solid #1B1B1B;
  border-bottom: 1px solid #1B1B1B;
  font-weight: bold;
  font-size: 20px;
}

.page-id-142 #intro tbody td.td-fig {
  width: 13%;
}

.page-id-142 .chara.page_container .chara_content section table td .td_top {
  border-bottom: 1px dashed #333;
  background: #E5E5E5;
  white-space: nowrap;
}

.page-id-142 .chara.page_container .chara_content section#intro table td .td_top {
  font-size: 17px;
  padding: 13px 0.5em;
}

.page-id-142 .chara.page_container .chara_content section#intro table td .td_bottom {
  padding: 45px 0.5em;
}

.page-id-142 .chara.page_container .chara_content section .image {
  text-align: center;
  margin: 0 0 80px;
  box-sizing: border-box;
}

.page-id-142 .chara.page_container .chara_content .itembox {
  margin: 0 0 100px;
}

.page-id-142 .itembox {
  background: #F0F5F7;
  padding: 40px 15px;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.page-id-142 .content_flex {
  background: #fff;
  padding: 20px 25px;
  margin: 0 30px 90px;
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5);
}

.page-id-142 .chara.page_container .chara_content .itembox .heading {
  font-size: 30px;
  border-left: 8px solid #2A4881;
  padding: 0 0 0 15px;
}

.page-id-142 .chara.page_container .chara_content .itembox .heading span.fs-20 {
  font-size: 20px;
  display: inline-block;
  margin: 0 0 0 -10px;
}

.page-id-142 .chara.page_container .chara_content section table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto 60px;
  /*max-width: 800px;*/
}

.page-id-142 .chara.page_container .chara_content section table td .td_bottom {
  background: #fff;
  font-weight: bold;
  font-size: 19px;
}

.page-id-142 .lineup {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-id-142 .lineup a:hover img {
  opacity: 0.7;
}

.page-id-142 .lineup>div {
  margin: 0 10px 0 0;
  /*width: 227px;*/
  max-width: 217px;
  width: 100%;
}

.page-id-142 .lineup>div:last-child {
  margin: 0 0 0 0;
}

.page-id-142 .lineup h3 {
  font-size: 24px;
  margin: 10px 0;
}

.page-id-142 .lineup dl {
  border: 1px solid #2A4881;
  overflow: hidden;
  margin: 0 0 10px;
}

.page-id-142 .lineup dt {
  font-size: 18px;
  background: #2A4881;
  color: #fff;
  float: left;
  padding: 3px 10px;
  text-align: center;
  width: 40%;
}

.page-id-142 .lineup dd {
  font-size: 18px;
  background: #fff;
  color: #2A4881;
  float: left;
  padding: 3px 10px;
  text-align: center;
  width: 60%;
}

p.link {
  text-align: right;
  margin: 30px 0 0;
}

p.link a {
  font-size: 19px;
  color: #2a4881;
  font-weight: bold;
  text-decoration: underline;
}

.page-id-142 .item-case {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  align-items: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.page-id-142 .item-case>div {
  max-width: 285px;
  width: 100%;
  padding: 20px;
  margin: 0 25px 10px 0;
  background: #fff;
}

.page-id-142 .item-case>div:last-of-type {
  margin: 0 0 0 0;
}

.page-id-142 .item-case>div figure {
  text-align: center;
}

.page-id-142 .item-case>div dt {
  text-align: center;
  font-size: 23px;
  margin: 20px 0;
  font-weight: bold;
  /*letter-spacing: 0.1em;*/
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3em;
}

.page-id-142 #lp .item-case>div dt, .page-id-142 #registration .item-case>div dt {
  min-height: 2em;
}

.page-id-142 .item-case>div dd {
  font-size: 16px;
  font-weight: bold;
}

.page-id-142 #registration .item-case>div dd {
  min-height: 6em;
}

.page-id-142 #license .item-case>div dd, .page-id-142 #ip .item-case>div dd {
  min-height: 8em;
}

.page-id-142 .chara.page_container .chara_content section h2.def-h2ttl-ver1 {
  font-size: 26px;
  text-align: center;
  max-width: 750px;
  padding: 20px 0;
  border: 1px solid #1B1B1B;
  position: relative;
  margin: 55px auto 80px;
}

.page-id-142 .chara.page_container .chara_content section h2.def-h2ttl-ver1::before {
  position: absolute;
  content: "";
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 46px 0 46px;
  border-color: #000001 transparent transparent transparent;
}

.page-id-142 .chara.page_container .chara_content section h2.def-h2ttl-ver2 {
  font-size: 22px;
  text-align: center;
  margin: 0 0 40px;
  border-left: none;
}

.page-id-142 .cv-area {
  margin: 60px 0 40px;
}

.page-id-142 .cv-area a:hover {
  opacity: 0.8;
}

.page-id-142 .banner-area ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  width: 80%;
  margin: 0 auto;
}

.page-id-142 .banner-area ul li {
  width: 48%;
  margin: 0 auto 30px;
  text-align: center;
}

.page-id-142 .banner-area>p {
  text-align: center;
  margin: 0 0 20px;
}

.page-id-142 .banner-area>p:last-of-type {
  text-align: center;
  margin: 0 0 40px;
}

.page-id-142 .musen-tips {
  background: #F5F5F5;
  padding: 60px 30px;
}

.page-id-142 .musen-tips .knowledge ul {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: space-between;
  align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
}

.page-id-142 .musen-tips .knowledge ul li {
  background: #fff;
  padding: 20px 27px;
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  width: 31.5%;
  min-height: 300px;
  margin: 0 0 30px
}

.page-id-142 .chara.page_container .chara_content .musen-tips .knowledge h2 {
  padding: 56px 0 65px;
  background: url(/img/characteristic/knowledge-ttl.png) no-repeat center center;
  border-left: none;
  text-align: center;
  margin: 0 0 50px;
}

.page-id-142 .knowledge+p {
  text-align: center;
  margin: 0 0 80px;
}

.page-id-142 .knowledge+p a:hover {
  opacity: 0.8;
}

.page-id-142 .musen-tips .taboo2 {
  border: 2px solid #DF1A05;
  padding: 35px;
  font-weight: bold;
  background: #FAFAFA;
}

.page-id-142 .musen-tips .taboo2 figure {
  text-align: center;
}

.page-id-142 .chara.page_container .chara_content section.musen-tips .taboo2 h2 {
  padding: 20px 0 0;
  border-left: none;
  text-align: center;
  margin: 0 0 50px;
  font-size: 30px;
}

.page-id-142 .musen-tips .taboo2 li {
  position: relative;
  padding: 0 0 0 25px;
  font-size: 19px;
  line-height: 2em;
  margin: 0 0 20px;
}

.page-id-142 .musen-tips .taboo2 li::before {
  position: absolute;
  content: "■";
  top: 0;
  left: 0;
}

.page-id-142 .chara.page_container .chara_content .knowledge h3 {
  height: 2.5em;
  font-size: 21px;
}

.page-id-142 .chara.page_container .chara_content .knowledge h3:first-of-type {
  border-top: none;
  border-left: 8px solid #2A4881;
  padding: 0 0 0 15px;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 980px) {
  .page-id-142 .page_nav ul {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    /*-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;*/
  }
  .page-id-142 .chara.page_container .chara_content section#intro table td .td_top {
    font-size: 14px;
    padding: 13px 0.5em;
    white-space: nowrap;
  }
  .page-id-142 .chara.page_container .chara_content section table td .td_bottom {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .page-id-142 .main-img .pc {
    display: none;
  }
  .page-id-142 .main-img .sp {
    display: block;
  }
  .page-id-142 .page_nav ul {
    justify-content: space-around;
    -webkit-box-pack: space-around;
    -webkit-justify-content: space-around;
    -ms-flex-pack: space-around;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-id-142 .page_nav ul li {
    /* max-width: 227px; */
    width: 48%;
    margin: 0 0px 10px 0;
  }
  .page-id-142 .page_nav ul li a {
    margin: 0 auto;
    padding: 10px 10px 30px;
  }
  .page-id-142 .page_nav ul li a::before {
    border-width: 10px 8.5px 0 8.5px;
    left: 50%;
    transform: translateX(-50%);
  }
  .page-id-142 .page_nav ul li a img {
    /*height: 80px;*/
    display: none;
    padding: 10px 0 30px;
  }
  .page-id-142 .chara.page_container .chara_content .itembox {
    margin: 0 0 50px;
  }
  .chara.page_container .chara_content section#intro {
    margin: 30px 0 0;
  }
  .page-id-142 #intro tbody td.td-fig {
    width: 100%;
    padding: 10px 0;
  }
  .page-id-142 .chara.page_container .chara_content section#intro table td .td_bottom {
    padding: 13px 0.5em;
  }
  .page-id-142 #intro thead th {
    font-size: 24px;
  }
  .page-id-142 #intro .catch-area {
    padding: 5%;
  }
  .page-id-142 #intro .catch-area span {
    font-size: 24px;
  }
  .page-id-142 #intro .catch-area+p {
    font-size: 26px;
  }
  .page-id-142 .chara_content h1 {
    margin: 70px 0 40px;
    font-size: 26px;
    text-align: center;
  }
  .page-id-142 .content_flex {
    margin: 0 0 30px;
  }
  .page-id-142 .chara.page_container .chara_content .itembox .heading {
    font-size: 22px;
  }
  .page-id-142 .chara.page_container .chara_content section .image {
    margin: 0 0 30px;
  }
  .page-id-142 .lineup>div {
    margin: 0 0 30px;
  }
  .page-id-142 .item-case>div {
    max-width: 285px;
    width: 100%;
    padding: 20px;
    margin: 0 0 30px;
    background: #fff;
  }
  .page-id-142 .item-case>div figure {
    width: 60%;
    margin: 0 auto;
  }
  .page-id-142 .chara.page_container .chara_content section h2.def-h2ttl-ver1 {
    font-size: 22px;
  }
  .page-id-142 .musen-tips .knowledge ul {
    flex-direction: column;
  }
  .page-id-142 .musen-tips .knowledge ul li {
    width: 100%;
    min-height: inherit;
  }
  .page-id-142 .musen-tips {
    background: #F5F5F5;
    padding: 30px 5%;
  }
  .page-id-142 .chara.page_container .chara_content .musen-tips .knowledge h2 {
    margin: 0 0 20px;
  }
  .page-id-142 .musen-tips .taboo2 {
    padding: 30px 5%;
  }
  .page-id-142 .chara.page_container .chara_content section.musen-tips .taboo2 h2 {
    margin: 0 0 30px;
    font-size: 24px;
  }
  .page-id-142 .musen-tips .taboo2 li {
    font-size: 16px;
    line-height: 1.5em;
  }
  .page-id-142 .banner-area ul {
    width: 100%;
  }
  .page-id-142 .cv-area {
    margin: 40px 0 10px;
  }
  .page-id-142 .banner-area>p>img {
    width: 80%;
  }
}

/* 業種別テンプレート　デザイン start */

/* トップ画像がない場合 industry_content */

.industry_content {
  width: 1366px;
  margin: 30px auto 0;
  padding: 30px 50px;
  background: #f5f5f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.industry_content h2 {
  margin: 0 0 50px;
  font-size: 34px;
  text-align: center;
}

.industry_content h2 span, .tag_content h2 span {
  display: block;
}

.industry_content h2 span img, .tag_content h2 span img {
  width: 87px;
}

.industry_content h3, .tag_content h3 {
  margin: 0 0 40px;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

.industry_content h3 br, .tag_content h3 br {
  display: none;
}

.industry_content h3 span, .tag_content h3 span {
  display: inline-block;
  border-bottom: solid 1px #555;
  line-height: 2em;
  text-align: center;
}

.industry_content dl, .industry_content ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 50px;
  padding: 0;
}

.industry_content dl dt, .tag_content dl dt {
  padding: 0 2% 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.industry_content dl dd, .tag_content dl dd {
  width: 50%;
}

.industry_content .industry_main_text_title, .tag_content .industry_main_text_title {
  text-align: left;
  margin: auto;
  margin-bottom: 1em;
  color: #284780;
  font-weight: bold;
  font-size: 29px;
}

.industry_main_text {
  margin: auto;
  margin-bottom: 18px;
}

.industry_content .industry_content_chi {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  /* margin: 0 auto; */
  margin-bottom: 50px;
  max-width: 1020px;
  font-size: 14px;
}

.industry_content_chi figure {
  padding-right: 54px;
}

.industry_content_free {
  margin-bottom: 50px;
  text-align: center;
}

/* 業種タブ内　おすすめ商品一覧 start */

.industry_content ul li {
  min-height: 180px;
  list-style: none;
  width: 49%;
  margin: 0;
  padding: 2%;
  font-size: 13px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.industry_content ul li h4, .tag_content ul li h4 {
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: normal;
}

.industry_content ul li dl {
  margin: 0 0 10px;
  min-height: 430px;
  border-bottom: solid 1px #999;
}

.industry_content ul li dl dt {
  padding: 0 2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.industry_content ul li dl dd {
  margin: 0;
  padding: 0;
}

.industry_content ul li dl dd h5, .tag_content ul li dl dd h5 {
  margin: 0;
  font-size: 16px;
  font-weight: bold;
}

.industry_content ul li dl dd p, .tag_content ul li dl dd p {
  margin: 0 0 20px;
}

.industry_content ul li dl dt .product_main_img img {
  width: 262px;
  height: 262px;
  margin-bottom: 45px;
}

.industry_content ul li dl dt .product_sub_img {
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px;
}

.industry_content ul li dl dt .product_sub_img img, .tag_content ul li dl dt .product_sub_img img {
  width: 131px;
  height: 131px;
}

.industry_content .detailsBtn, .tag_content .detailsBtn {
  width: 95%;
  text-align: center;
  font-size: 18px;
  display: -webkit-flex;
  display: flex;
  position: absolute;
  bottom: 0;
  margin-bottom: 13px;
}

.industry_content .detailsBtn .rental_link {
  background: #26688B;
  width: 250px;
  margin: 0 auto;
  color: #fff;
  line-height: 3em;
}

.industry_content .detailsBtn .purchase_link {
  background: #870711;
  width: 250px;
  margin: 0 auto;
  color: #fff;
  line-height: 3em;
}

/* 業種タブ内　おすすめ商品一覧 end */

/* トップ画像がない場合 end */

/* トップ画像がある場合 start tag_content */

.tag_content {
  width: 1260px;
  margin: 0 auto;
  background: #f5f5f5;
  padding: 21px 127px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.tag_content h2 {
  margin: 0 0 18px;
  font-size: 34px;
  text-align: center;
}

.tag_content dt img {
  width: 541px;
  height: auto;
}

.tag_content dl, .tag_content ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 0 0 23px;
  padding: 0;
  flex-wrap: wrap;
}

.tag_content dl dd {
  width: 50%;
}

.tag_content .industry_content_chi {
  text-align: center;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;
  margin-bottom: 50px;
  font-size: 14px;
}

/* 業種タブ内　おすすめ商品一覧 start */

.tag_content ul li {
  min-height: 180px;
  list-style: none;
  width: 49.5%;
  margin: 0 1% 17px 0;
  padding: 1%;
  font-size: 13px;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.tag_content ul li:nth-of-type(2n) {
  margin: 0 0 17px 0;
  padding: 1%;
}

.tag_content ul li dl {
  margin: 0 0 10px;
  min-height: 430px;
  border-bottom: solid 1px #999;
  display: block;
}

.tag_content ul li dl dt {
  padding: 0 2% 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
}

.tag_content ul li dl dd {
  margin: 0;
  padding: 0;
  width: 100%
}

.tag_content ul li dl dt .product_main_img img {
  width: 262px;
  height: 262px;
  margin-bottom: 6%;
  margin-right: 121px;
}

.tag_content ul li dl dt .product_sub_img {
  margin-bottom: 30px;
}

.tag_content .detailsBtn .rental_link {
  background: #26688B;
  width: 225px;
  margin: 0 auto;
  color: #fff;
  line-height: 3em;
}

.tag_content .detailsBtn .purchase_link {
  background: #870711;
  width: 225px;
  margin: 0 auto;
  color: #fff;
  line-height: 3em;
}

/* 業種タブ内　おすすめ商品一覧 end */

/* トップ画像がある場合 end */

/* 業種タブ　レスポンシブ start */

@media screen and (max-width: 960px) {
  .industry_content, .tag_content {
    width: 98%;
    margin: 0 auto;
    padding: 3%;
  }
  .industry_content h2, .tag_content h2 {
    margin: 0 0 30px;
    font-size: 28px;
  }
  .tag_content h2 img {
    width: 100%;
    height: auto;
  }
  .industry_content h3, .tag_content h3 {
    margin: 0 0 40px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
  }
  .industry_content h3 br, .tag_content h3 br {
    display: block;
  }
  .industry_content dl, .industry_content ul, .tag_content dl, .tag_content ul {
    display: block;
    margin: 0 0 30px;
  }
  .industry_content dl dt, .tag_content dl dt {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .industry_content dl dt img, .tag_content dl dt img {
    height: auto;
  }
  .industry_content dl dd, .tag_content dl dd {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .industry_content .industry_main_text_title, .tag_content .industry_main_text_title {
    font-size: 20px;
  }
  .industry_content .industry_content_chi, .tag_content .industry_content_chi {
    flex-wrap: wrap;
  }
  .industry_content .industry_content_chi figure, .tag_content .industry_content_chi figure {
    width: 50%;
    margin-bottom: 19px;
    padding: 3px;
  }
  .industry_content .industry_content_chi figure img, .tag_content .industry_content_chi figure img {
    width: 100%;
    height: auto;
  }
  .industry_content_free {
    margin-bottom: 50px;
    text-align: center;
  }
  .industry_content_free figure img {
    height: auto;
  }
  /* 業種タブ内　おすすめ商品一覧 start */
  .industry_content ul li, .tag_content ul li {
    min-height: auto;
    width: 100%;
    padding: 5%;
  }
  .tag_content ul li:nth-of-type(2n) {
    margin: 0;
  }
  .industry_content ul li h4, .tag_content ul li h4 {
    text-align: center;
  }
  .industry_content .detailsBtn, .tag_content .detailsBtn {
    width: 90%;
    font-size: 16px;
  }
  .tag_content ul li dl dt {
    display: block;
  }
  .industry_content ul li dl dt .product_main_img img, .tag_content ul li dl dt .product_main_img img {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    margin-right: 0;
  }
  .tag_content ul li dl dt .product_sub_img {
    width: 100%;
    display: -webkit-flex;
    display: flex;
  }
  .industry_content ul li dl dt .product_sub_img img, .tag_content ul li dl dt .product_sub_img img {
    width: 50%;
    height: 50%;
  }
  .industry_content ul li ul, .tag_content ul li ul {
    margin: 0 0 37px;
  }
  .industry_content ul li ul li, .tag_content ul li ul li {
    padding: 4% 0;
  }
  .industry_content .detailsBtn .rental_link, .tag_content .detailsBtn .rental_link {
    width: 48%;
  }
  .industry_content .detailsBtn .purchase_link, .tag_content .detailsBtn .purchase_link {
    width: 48%;
  }
}

/* 業種タブ　レスポンシブ end */

/* 業種別テンプレート　デザイン end */

.floating-banner-pc {
  display: block;
}

.floating-banner-sp {
  display: none;
}

.floating-banner {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 999;
  transition: none;
}

.floating-banner img {
  width: 230px;
}

@media screen and (max-width: 979px) {
  .floating-banner-pc {
    display: none;
  }
  .floating-banner-sp {
    display: block;
  }
  .floating-banner {
    bottom: 0;
    right: 0;
    top: initial;
  }
  .floating-banner img {
    width: 180px;
  }
}

#headerTel_new {
  /* position: absolute; */
  top: -35px;
  left: 0;
  width:380px;
}


#headerTel_new>dl {
  display: -webkit-flex;
  display: flex;
}

#headerTel_new>dl dt {
  margin-right: 20px;
  font-size: 16px;
  line-height: 1.4em;
}

#headerTel_new>dl>dd .tel_new {
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 30px;
  /* font-weight: bold; */
  line-height: 1em;
  transform:scaleY(1.2);
  top:10px;
}

#headerTel_new>dl>dd aside {
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 3.2px;
}

.header .header_box{
  margin:0;
}

.header .header_logo{
  margin:0 auto;
  position:relative;
  bottom:10px;
  min-width:150px;
}

@media screen and (max-width: 278px) {
  .header .header_logo{
  bottom:0px;
}
}


@media screen and (max-width: 768px) {
  #headerTel_new{
    display: none;
  }
}

.header .tel2_new {
  display: none;
}

.header .header-title{
  white-space: nowrap;
}
@media screen and (max-width: 1264px) {
  .header .header-title{
  font-size:0.8em;
}

#headerTel_new {
  width:300px;
}

#headerTel_new>dl dt {
  margin-right: 18px;
  font-size: 12px;
  line-height: 1.4em;
}

#headerTel_new>dl>dd .tel_new {
  font-size: 24px;
  top:2px;
  transform: translateY(5px);
}

}

@media screen and (max-width: 868px) {
  .header .header-title{
  font-size:0.6em;
  }
  
  #headerTel_new {
    width:240px;
  }
  
  #headerTel_new>dl dt {
    margin-right: 18px;
    font-size: 10px;
    line-height: 1.4em;
  }
  
  #headerTel_new>dl>dd .tel_new {
    font-size: 18px;
    top:2px;
  }
}


@media screen and (max-width: 768px) {
  .header .tel2_new{
    display: flex;
    margin:0 auto;
  }

  .header .header-title{
  white-space: nowrap;
}
}

.header .header_left_box{
            display:flex;
            width:420px;
            margin-left:30px;
            margin-right:10px;
          }
.header .header_right_box{
  display:flex;
  margin-right:75px;
  margin-left:10px;
}

.header .header_center_box{
  display:flex;
  width:100%;
}

@media screen and (max-width: 1466px) {
  .header .header_left_box{
            margin-left:20px;
          }
}


@media screen and (max-width: 1366px) {
  .header .header_left_box{
            width:360px;
            margin-left:20px;
          }
  .header .header_right_box{
    margin-right:5px;
  }
}

@media screen and (max-width: 768px) {
  .header .header_left_box{
            display:none;
            width:none;
          }
  .header .header_right_box{
    display:none;
    width:none;
  }
}



          
.header{
  border-top: none;
  height: 158px;
  padding: 24px 0 0 0;
}

.topPage .hero {
    padding-top: 128px;
}

.header .hamburger {
    position:absolute;
    right: 30px;
    bottom: 20px;
    min-width:48px;
}

@media screen and (max-width: 1366px) {
  .header .hamburger {
    position:relative;
    right: 5px;
    bottom: 0px;
}
}

@media screen and (max-width: 768px) {
  .header{
  height: 244px;
}

.topPage .hero {
    padding-top: 244px;
}

.header .hamburger {
    right: 10px;
    bottom: -10px;
    margin:0px;
}

.header .header-title{
  padding-left:10px;
  font-size:0.9em;
  width:420px;
  white-space: nowrap;
  margin-bottom:10px;
}
.header .header_box {
    margin: 0;
}
}


@media screen and (max-width: 540px) {
  .header{
  height: 194px;
}

.topPage .hero {
    padding-top: 194px;
}
}

@media screen and (max-width: 320px) {
  .header{
  height: 189px;
}

.topPage .hero {
    padding-top: 189px;
}
}

@media screen and (max-width: 568px){
  .header .header-title{
  padding-left:0.8em;
  font-size:0.8em;
}
}
@media screen and (max-width: 320px){
  .header .header-title{
  padding-left:0.8em;
  font-size:0.7em;
  }
}

.header .header_flex_box:last-of-type {
    position: relative;
    top: 0px;
    width: 445px;
}

.header .header_flex_box:first-child {
    padding-right: 5px;
}

.header .header_flex {
    padding: 4px;
    margin-bottom: 5px;
}

.header .hamburger {
  margin:0 0 0 0;
}

@media screen and (max-width: 768px) {
.header .header_flex {
  margin-top:10px;
  margin-bottom: 10px;
}
}

          @media screen and (max-width: 768px) {
            .header .tel2Btn_new{
              padding: 5px 10px;
            }

            .header .logo_sp{
              padding: 5px 10px;
            }
          }


          .header .flex_change_l{
            display: flex;
          }

          .header .flex_change_m{
            display: flex;
          }

          .flex_change_s{
            display: none;
          }

          @media screen and (max-width: 1366px) {
            .header .flex_change_l{
              display: none;
            }

          }

          @media screen and (max-width: 768px) {
            .header .flex_change_m{
              display: none;
            }

            .header .flex_change_s{
              display: flex;
            }
          }

          .header .block_change_l{
            display: block;
          }

          .header .block_change_m{
            display: block;
          }

          .header .block_change_s{
            display: none;
          }

          @media screen and (max-width: 1366px) {
              .header .block_change_l{
              display: none;
            }

          }

          @media screen and (max-width: 768px) {
            .header .block_change_m{
              display: none;
            }

            .header .block_change_s{
              display: block;
            }
          }

          .search_container{
            box-sizing: border-box;
            position: relative;
            display: flex;
            padding: 0 5px;
            height: 42px;
            width: 100%;
            overflow: hidden;
            white-space:nowrap;
          }

          @media screen and (max-width: 768px) {
          .fixed_search_container{
            display: none;
          }
        }

          .search_container .search_text_box{
            display: flex;
            width:100%;
            height: 100%;
          }

          .search_container input[type="text"]{
            height: 100%;
            width:100%;
            min-width:3em;
            border-radius: 0 0 0 0;
            position:static;
            padding-left:0.5em;
          }
          .search_container input[type="text"]:focus {
            outline: 0;
            float:left
          }
          .search_container input[type="submit"]{
            cursor: pointer;
            font-family: FontAwesome;
            font-size:26px;
            border: none;
            border-radius: 0 5px 5px 0;
            background: #0054AC;
            color: #fff;
            position: absolute;
            right:0;
            bottom:0;
            width: 2.0em;
            height: 100%;
            outline : none;
          } 

          .search_container input[type="submit"]:hover{
            background-color: #EAAF00;
          } 
          
          .search_container .selectitem{
            height: 100%;
            width: 10.5em;
            border-radius: 5px 0 0 5px;
            background-color: #f3f3f3;
            color: #7e7e7e;
            float:left;
            position:relative;
          }

          .search_container .selectitem:focus{
            outline:none;
          }


          @media screen and (max-width: 1366px) {
          .search_container{
            width: 100%;
          }
          }

          @media screen and (max-width: 768px) {
          .search_container{
            font-size: 1.0em;
            height: 66px;
          }
          .search_container input[type="submit"]{
            font-size:42px;
            width: 1.5em;
          } 
        }

        @media screen and (max-width: 540px) {
          .search_container{
            height: 42px;
          }
          .search_container input[type="submit"]{
            font-size:26px;
            width: 2.0em;
          } 
        }

        @media screen and (max-width: 320px) {
          .search_container{
            height: 36px;
          }
          .search_container input[type="submit"]{
            font-size:24px;
          } 
        }

        #selectitem::-ms-expand {
          display: none; 
        }
        #selectitem {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          margin-bottom: 20px;
          padding: 7px 30px 7px 10px;
          font-size: 93%;
          background-image: url(https://musennavi.com/wp/wp-content/themes/musennavi/images/header/select_icon.png);
          background-repeat: no-repeat;
          background-size: 12px 10px;
          background-position: right 10px center;
        }

        @media screen and (max-width: 768px) {
        .fixed_scrolldown{
          height:138px;
        }
      }

      @media screen and (max-width: 540px) {
        .fixed_scrolldown{
          height:128px;
        }
      }


/* 用途から選ぶ */
.usage_category {
  width: 100%;
  max-width: 1260px;
  margin: 40px auto 0;
}
.usage_category .usage_ttl {
  color: #3f3f3f;
  margin-bottom: 30px;
}
.usage_category .usage_secttl {
  background: #136191;
  text-align: center;
  color: #fff;
  font-size: 30px;
  padding: 8px;
  position: relative;
}
.usage_category .usage_secttl::after {
  content: "";
  position: absolute;
  background: url(/img/usage/secttl_darw.png);
  width: 57px;
  height: 27px;
  bottom: -27px;
  transform: translate(-50%, 0);
  left: 50%;
}
.usage_popularList {
  display: flex;
  justify-content: space-between;
  margin: 46px 40px 120px;
  gap: 2%;
}
.usage_popularItem {
  width: 100%;
  max-width: 372px;
  border: 1px solid #dddddd;
  border-radius: 12px;
}
.usage_popularItem a {
    display: block;
    height: 100%;
}
.usage_popularItem a:hover {
  opacity: 0.8;
}
.usage_popularFig {
    text-align: center;
}
.usage_popularcaption {
  text-align: center;
  padding: 20px;
  font-size: 22px;
  color: #404040;
}
.usage_populardetail {
  font-size: 19px;
  color: #3f3f3f;
  padding: 0 20px 20px;
}
.usage_anchorList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 55px 25px;
}
.usage_anchorItem {
  width: 100%;
  max-width: 23%;
  background: #eeeeee;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
}
.usage_anchorItem:nth-child(3),
.usage_anchorItem:nth-child(6),
.usage_anchorItem:nth-child(8) {
  text-align: left;
}
.usage_anchorItem a {
  color: #3f3f3f;
  font-weight: bold;
  font-size: 20px;
  padding: 20px 18px;
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
.usage_anchorItem a:hover {
  opacity: 0.8;
}
.usage_anchorItem a::after {
  content: "";
  position: absolute;
  background: url(/img/usage/darw_icn.png);
  width: 45px;
  height: 45px;
  bottom: -19px;
  left: 50%;
  transform: translate(-50%, 0);
}
.othersec_warpTtl {
  background: #f6f6f6;
  text-align: center;
  padding: 10px 0;
  font-size: 30px;
  color: #3f3f3f;
  margin-bottom: 30px;
}
.othersec_wrapList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 40px 20px;
  flex-direction: row;
  justify-content: space-between;
}
.othersec_wrapItem {
  border: 1px solid #ddd;
  max-width: 22.2%;
  width: 100%;
  border-radius: 10px;
  margin-bottom: 35px;
}
.othersec_wrapItem a:hover {
  opacity: 0.8;
}
.othersec_wrapItem_last {
  border: none;
}
.othersec_wrapFig {
    text-align: center;
}
.othersec_wrapcaption {
  text-align: center;
  color: #3f3f3f;
  font-size: 19px;
  padding: 13px 0;
  display: flex;
  align-items: center;
  justify-content: center
}
#saleshop .othersec_wrapItem:nth-child(3) .othersec_wrapcaption,
#government .othersec_wrapItem:nth-child(4) .othersec_wrapcaption {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (max-width: 1200px) {
 .usage_anchorItem a br {
    display: none;
  }
  .othersec_wrapcaption br {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .usage_popularList {
    flex-wrap: wrap;
    gap: 20px;
  }
  .usage_popularItem {
    max-width: 48%;
  }
  .usage_anchorItem {
    max-width: 48%;
  }
  .othersec_wrapItem {
    max-width: 24%;
  }
 
}
@media screen and (max-width: 768px) {
  .usage_category .usage_ttl {
    font-size: 26px;
  }
  .usage_category .usage_secttl {
    font-size: 24px;
  }
  .usage_popularList {
    margin: 46px 30px 50px;
    flex-wrap: wrap;
  }
  .usage_popularItem {
    max-width: 100%;
  }
  .usage_popularcaption {
    padding: 10px;
    font-size: 20px;
    color: #404040;
  }
  .usage_populardetail {
    font-size: 18px;
    padding: 0 20px 20px;
  }
  
  .usage_anchorItem a {
    font-size: 16px;
    text-align: left;
  }

  .usage_anchorItem a::after {
    content: "";
    position: absolute;
    background: url(/img/usage/darw_icn.png);
    width: 35px;
    height: 35px;
    bottom: -16px;
    left: 50%;
    transform: translate(-50%, 0);
    background-size: cover;
  }
  .othersec_warpTtl {
    font-size: 20px;
  }
  .othersec_wrapList {
    margin: 0 20px 20px;
  }
  .othersec_wrapItem {
    max-width: 48%;
    margin-bottom: 25px;
  }
  .othersec_wrapcaption {
    font-size: 16px;
    padding: 15px 10px;
  }
  
}