@charset "utf-8";
/* ====================================
	common
===================================== */
/* マウスオーバー：フェード */
.hover-fade a, a.hover-fade {
  transition: 0.5s ease 0s;
  -webkit-transition: 0.5s ease 0s;
  -moz-transition: 0.5s ease 0s;
  -ms-transition: 0.5s ease 0s;
}
.hover-fade a.hovering, a.hover-fade.hovering {
  opacity: 0.6;
}
/* マウスオーバー：テキストアンダーライン＆フェード */
a.hover-parent {
  display: block;
  pointer-events: none;
  text-decoration: none;
}
a.hover-parent .hover-trigger {
  pointer-events: auto;
}
a.hover-parent span.hover-trigger {
  display: inline-block; /* IE, Edge 対応 */
}
a.hover-parent.hovering .hover-trigger {
  text-decoration: underline;
}
a.hover-parent.hovering h4.hover-trigger span {
  text-decoration: none !important;
  display: inline-block;
}
a.hover-parent.hovering .hover-trigger.fade {
  transition: 0.5s ease 0s;
  -webkit-transition: 0.5s ease 0s;
  -moz-transition: 0.5s ease 0s;
  -ms-transition: 0.5s ease 0s;
}
a.hover-parent.hovering .hover-trigger.fade {
  opacity: 0.6;
}
#contents__business {
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}
#contents__business--top {
  width: 100%;
}
#contents__main--wrap {
  margin: 0 auto;
  padding-top: 1.5em;
  /*	padding-bottom: 3em;*/
}
.downA {
  margin-right: 1em;
}
/*::::::::::::: Line Up :::::::::::::*/
.closeBtnL {
  z-index: 999;
  background: #b3b2a4;
  position: fixed;
  bottom: 0;
  display: none;
  opacity: 0.9;
}
.closeBtnL a {
  display: block;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  font-weight: 600;
  text-decoration: none;
}
.closeBtnL:hover {
  opacity: 1;
}
.closeBtnL a:hover {
  color: #fff;
}
.lineupWrap h3.ttlBar {
  width: 100%;
  background-color: #dedede;
  color: #000;
  text-align: center;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 36px;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.actCate {
  background: #b3b2a4 !important;
  color: #FFF !important;
  font-weight: 600 !important;
}
#lineupArea .itemLayer {
  /*    position: relative;*/
}
#lineupArea .topItems {}
#lineupArea .newItems {}
#lineupArea .lineupItem a, #lineupArea .lineupItemL a {
  display: flex;
  flex-wrap: wrap;
  text-decoration: none;
}
#lineupArea .lineupItem div.luImg img {
  max-width: 185px;
  width: 100%;
}
#lineupArea .lineupItemL div.luImg img {
  /*    max-width: 655px;*/
  width: auto;
}
div.luSpec h4.luName {
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: 700;
  padding-left: 0.5rem;
}
/*div.luSpec h4.luName span.names{
    color: #000!important;
}*/
div.luSpec h4.luName span {
  color: #FF0000;
  font-size: 1rem;
  padding-left: 0.5rem;
  /*    text-decoration: none!important;*/
}
div.luSpec div.luMaisu {
  padding-left: 1rem;
  padding-top: 0.8rem;
  border-top: 1px solid #CCC;
  margin-bottom: 0.8rem;
}
div.luSpec div.luMaisu span.luColor {
  line-height: 20px;
  background: url("/business/print/images/top/lineup/lu_color_icn.png") no-repeat 0;
  font-weight: 700;
}
div.luSpec div.luMaisu span.luMono {
  line-height: 20px;
  background: url("/business/print/images/top/lineup/lu_mono_icn.png") no-repeat 0;
  font-weight: 700;
}
div.luSpec div.luMaisu span.luMim {
  line-height: 20px;
  font-weight: 500;
  margin-right: 0.5rem;
}
div.luSpec div.luMaisu img {
  width: auto;
  margin: 5px 0;
}
div.luSpec div.luCatch {
  padding: 5px 0 2px 1rem;
  border-top: 1px solid #ccc;
  font-size: 1rem;
  line-height: 1.4;
  margin: 5px 0;
  font-weight: 500;
}
div.luSpec div.luPriceBlock {
  padding-left: 1rem;
  padding-top: 5px;
  border-top: 1px solid #CCC;
}
div.luSpec div.luPriceBlock p.luOpen {
  font-size: 1.2rem;
  line-height: 1.4;
  font-weight: 500;
}
div.luSpec div.luPriceBlock p.luPrice {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 500;
}
div.luSpec div.luPriceBlock span {
  font-size: 0.9rem;
}
/*::::::::::::: Contents Etc :::::::::::::*/
.contEtcArea {
  background-color: #eae9d8;
  margin: 5rem 0;
}
.btnArea ul {
  display: flex;
  flex-wrap: wrap;
}
/*::::::::::::: NewsScroll :::::::::::::*/
.flexcroll {
  position: relative;
  overflow: auto;
}
.scrollgeneric {
  line-height: 1px;
  font-size: 1px;
  position: absolute;
  top: 0;
  left: 0;
}
.vscrollerbase {
  width: 10px;
  background-color: #f9f9f9;
}
.vscrollerbar {
  width: 8px;
  background-color: #b4b4b4;
  border-radius: 8px
}
/* ====================================
        PC style
===================================== */
@media print, screen and (min-width: 768px) {
  #contents__main--wrap {
    max-width: 1200px;
    min-width: 960px;
  }
  /*::::::::::::: Line Up :::::::::::::*/
  .btnAll, .closeBtn {
    width: 100%;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
  .btnAll a, .closeBtn a {
    padding: 0.4em 1em;
    width: auto;
    margin: 10px auto;
    cursor: pointer;
    border: 1px solid #CCC;
    border-radius: 3px;
    text-decoration: none;
  }
  .btnAll span, .closeBtn span, .closeBtnL span {
    font-size: 1rem;
    margin-right: 0.5em;
  }
  .btnAll i, .closeBtn i, .closeBtnL i {
    font-size: 1.2rem;
  }
  .btnAll, .closeBtn {}
  .closeBtnL {
    width: 100%;
    max-width: 1200px;
    height: 50px;
  }
  .closeBtnL a {
    line-height: 50px;
  }
  .closeBtnL a i.ml5rem {
    margin-left: 5px !important;
  }
  #lineupArea h2 {
    margin: 2rem auto 0;
    font-size: 1.8em;
    text-align: left;
  }
  #lineupArea .lineupWrap {}
  #lineupArea .topItems, #lineupArea .allItems {
    padding: 0 7rem;
  }
  #lineupArea .allItems {
    display: none;
  }
  #lineupArea .topItems, #lineupArea .allItems .lineupFlex {
    display: flex;
    flex-wrap: wrap;
  }
  #lineupArea .lineupItem {
    box-sizing: border-box;
    width: 49%;
    min-height: 210px;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-top: 1rem;
  }
  #lineupArea .lineupItem:nth-child(odd) {
    margin-right: 2%;
  }
  #lineupArea .lineupItem div.luSpec {
    max-width: 250px;
    width: 49%;
    padding-left: 0.5rem;
  }
  #lineupArea .lineupItemL {
    box-sizing: border-box;
    width: 100%;
    min-height: 210px;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-top: 1rem;
  }
  #lineupArea .lineupItem div.luImg {
    width: 47%;
  }
  #lineupArea .lineupItemL div.luImg {
    width: 70%;
    text-align: center;
  }
  #lineupArea .lineupItemL div.luSpec {
    max-width: 250px;
    width: 25%;
    padding-left: 0.5rem;
  }
  div.luSpec p.luNameCap {
    display: block;
    padding-left: 1rem;
    font-size: 0.8rem;
  }
  div.luSpec div.luMaisu span.luColor {
    padding-left: 25px;
    font-size: 1.4rem;
  }
  div.luSpec div.luMaisu span.luMono {
    padding-left: 25px;
    font-size: 1.4rem;
  }
  div.luSpec div.luMaisu span.luMim {
    font-size: 1rem;
  }
  /*::::::::::::: LaterProduct :::::::::::::*/
  .laterProductArea {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .laterProductArea a {
    text-decoration: none;
  }
  .laterProductArea a:hover {
    text-decoration: underline;
  }
  .laterProductArea .laterProductLink {
    text-align: right;
  }
  /*::::::::::::: Contents Etc :::::::::::::*/
  #contentsEtc h2 {
    font-size: 1.8em;
    text-align: center;
  }
  .contEtcArea {
    padding: 3rem 7rem;
  }
  .contEtcArea .btnArea {
    /*        width: 969px;*/
    margin: 3rem auto 1rem;
  }
  .btnArea ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 1rem;
  }
  .btnArea ul li img {
    max-width: 315px;
    margin: 0 auto;
  }
  .btnArea ul li:nth-child(3n) {
    margin-right: 0;
  }
  .btnArea ul.spBtn {
    display: none;
  }
  /*::::::::::::: News Buntton :::::::::::::*/
  .newsBtnArea {
    padding: 2rem 7rem;
	margin-top: 4rem; /* add 2021/11/02  */
  }
  #downloadBtn h2 {
    font-size: 1.8em;
    text-align: center;
  }
  /*::::::::::::: NewsArea :::::::::::::*/
  #newsTopic h2 {
    font-size: 1.8em;
    text-align: left;
    line-height: 1.8;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
  }
  .newsTopicArea {
    margin-bottom: 5rem;
  }
  .newsTopicArea a {
    text-decoration: none;
  }
  .newsTopicArea a:hover {
    text-decoration: underline;
  }
  .newsTp {
    margin-bottom: 1rem;
    height: 350px;
    border-bottom: 1px solid #ccc;
  }
  .newsTp ul li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    margin-left: 1rem;
  }
  .newsTp ul li div.newsDate {
    width: 11%;
  }
  .newsTp ul li div.newsText {
    box-sizing: border-box;
    width: 85%;
    padding-right: 2rem;
    padding-left: 110px;
  }
  .newsTp ul li div.newsText a {
    /* margin-left: 1rem; *** modified by nii [2020/11/13] */
  }
  .newsTp ul li .newsProd {
    background: url("/business/print/images/top/label_newproducts.png") no-repeat left top;
  }
  .newsTp ul li .newsSupport {
    background: url("/business/print/images/top/label_support.png") no-repeat left top;
  }
  .newsTp ul li .newsTopic {
    background: url("/business/print/images/top/label_newsTp.png") no-repeat left top;
  }
  .newsTopicArea .newsPageLink {
    text-align: right;
  }
  /*[add 2021/08/27]*/
  #remoteoperation_privacy_wrap #privacyPolicy {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
  #remoteoperation_privacy_wrap #privacyPolicy h2 {
    font-size: 2.8rem;
    font-weight: 200;
    color: #535353;
    margin-bottom: 1.5rem;
  }
  #remoteoperation_privacy_wrap #privacyPolicy .aboutTxt {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: left;
  }
  #remoteoperation_privacy_wrap #privacyPolicy h4 {
    padding-top: 1rem;
    font-size: 2rem;
    font-weight: 200;
    color: #535353;
    margin-bottom: 1rem;
  }
  #remoteoperation_privacy_wrap #privacyPolicy .itemTxt {
    margin-top: 30pt;
    margin-bottom: 30pt;
  }
  #remoteoperation_privacy_wrap #privacyPolicy .itemTxt li {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: left;
    padding: 3px;
    margin: 3px 5px 3px 35px;
  }
  #remoteoperation_privacy_wrap #privacyPolicy .itemTxt ol {
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: left;
    padding: 10px;
    margin: 10px;
  }
  #remoteoperation_privacy_wrap #privacyPolicy table {
    border-collapse: collapse;
    margin: 1rem auto;
    width: 98%;
    text-align: left;
    line-height: 1;
    border: 1px solid #ccc;
  }
  #remoteoperation_privacy_wrap #privacyPolicy th {
    padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eeeeee;
    text-align: center;
  }
  #remoteoperation_privacy_wrap #privacyPolicy td {
    padding: 6px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
  }
  #remoteoperation_privacy_wrap #privacyPolicy .dateTxt {
    text-align: right;
    font-size: 1.1rem;
    line-height: 1.6;
  }
  /* メインビジュアル下お知らせリンク：黒 */
  .info-link-bk {
    margin: 2rem 0;
    font-size: 1.4rem;
  }
  /* メインビジュアル下お知らせリンク：黒 */
  .info-link-bk {
    padding: 0.5em;
    border: solid 1px #000;
    color: #000;
    text-align: center;
  }
  .info-link-bk a {
    color: inherit;
  }
}
/* ====================================
        SP Style
===================================== */
@media only screen and (max-width: 767px) {
  #contents__main--wrap {
    width: 100%;
  }
  .spNavBdPlus {
    border-top: 2px solid #d9d9d9 !important;
  }
  #global__tablinknavigation > li a > span {
    font-size: 0.9rem;
  }
  /* Line Up */
  .btnAll, .closeBtn {
    width: 100%;
    text-align: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .btnAll a, .closeBtn a {
    padding: 0.8em 1.4em;
    width: auto;
    margin: 10px auto;
    cursor: pointer;
    border: 1px solid #CCC;
    border-radius: 5px;
    text-decoration: none;
  }
  .btnAll span, .closeBtn span {
    font-size: 1rem;
    margin-right: 0.5em;
  }
  .btnAll i, .closeBtn i {
    font-size: 1.2rem;
  }
  .closeBtnL {
    width: 100%;
    height: 70px;
  }
  .closeBtnL a {
    line-height: 70px;
  }
  .closeBtnL a i.ml5rem {
    margin-left: 0.5rem !important;
  }
  #lineupArea h2 {
    width: 96%;
    font-size: 1.8em;
    text-align: center;
    margin: 2rem auto 1.5rem;
  }
  #lineupArea .lineupWrap {
    width: 100%;
    margin: 0 auto;
  }
  #lineupArea .topItems, #lineupArea .newItems, #lineupArea .allItems .lineupFlex {
    display: block;
  }
  #lineupArea .allItems {
    display: none;
  }
  #lineupArea .lineupItem {
    box-sizing: border-box;
    min-height: 210px;
    width: 100%;
    margin-bottom: 1.5rem;
    padding-left: 1rem;
    padding-top: 1rem;
  }
  #lineupArea .lineupItem div.luImg {
    width: 40%;
  }
  #lineupArea .lineupItemL div.luImg {
    width: 100%;
    text-align: center;
  }
  #lineupArea .lineupItem div.luSpec {
    width: 51%;
    padding-left: 0.5rem;
  }
  /*    #lineupArea .lineupItemL div.luSpec{
        max-width: 250px;
        width: 51%;
        padding-left: 0.5rem;
        margin-left: 40%;
        margin-bottom: 1.2rem;
    }
    div.luSpec div.luMaisu span.luMim{
        font-size: 0.8rem;
    }*/
  #lineupArea .lineupItemL div.luSpec {
    width: 90%;
    padding-left: 0.5rem;
    margin: 1.2rem 5%;
  }
  div.luSpec p.luNameCap {
    display: block;
    padding-left: 1rem;
    font-size: 0.72rem;
  }
  div.luSpec div.luMaisu span.luColor {
    padding-left: 23px;
    font-size: 1.3rem;
  }
  div.luSpec div.luMaisu span.luMono {
    padding-left: 23px;
    font-size: 1.3rem;
  }
  div.luSpec div.luMaisu span.luMim {
    font-size: 0.8rem;
  }
  #lineupArea .lineupItemL div.luSpec div.luPriceBlock p.luPrice br {
    display: none;
  }
  /*::::::::::::: LaterProduct :::::::::::::*/
  .laterProductArea {
    margin: 0 2% 1em;
  }
  .laterProductArea .laterProductLink {
    text-align: right;
    margin-bottom: 1.5rem;
  }
  .laterProductArea a {
    text-decoration: none;
  }
  .laterProductArea a:hover {
    text-decoration: underline;
  }
  /*::::::::::::: Contents Etc :::::::::::::*/
  #contentsEtc h2, #downloadBtn h2 {
    font-size: 1.4em;
    text-align: center;
  }
  .contEtcArea {
    padding: 2rem 1rem;
  }
  .contEtcArea .btnArea {
    width: 100%;
    margin: 2rem auto;
  }
  .btnArea ul li {
    width: 48%;
    margin: 0 1% 1rem;
  }
  .btnArea ul.pcBtn {
    display: none;
  }
  /*::::::::::::: NewsArea :::::::::::::*/
  #newsTopic {
    margin: 0 2% 1em;
  }
  #newsTopic h2 {
    font-size: 1.8em;
    text-align: left;
    line-height: 1.8;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
  }
  .newsTp {
    margin-bottom: 1rem;
    height: 300px;
    border-bottom: 1px solid #ccc;
  }
  .newsTp ul li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
    margin-left: 1rem;
  }
  .newsTp ul li div.newsDate {
    width: 25%;
    font-size: 0.8em;
  }
  .newsTp ul li div.newsText {
    box-sizing: border-box;
    font-size: 0.8em;
    width: 75%;
    padding-left: 55px;
    padding-right: 1em;
    padding-bottom: 1em;
  }
  .newsTp ul li div.newsText a {
    /* margin-left: 1rem; *** modified by nii [2020/11/13] */
  }
  .newsTp ul li .newsProd {
    background: url("/business/print/images/top/label_newproducts.png") no-repeat left top;
    background-size: 50px;
  }
  .newsTp ul li .newsSupport {
    background: url("/business/print/images/top/label_support.png") no-repeat left top;
    background-size: 50px;
  }
  .newsTp ul li .newsTopic {
    background: url("/business/print/images/top/label_newsTp.png") no-repeat left top;
    background-size: 50px;
  }
  .newsTopicArea .newsPageLink {
    text-align: right;
    margin-bottom: 1.5rem;
  }
  .newsBtnArea {
    padding: 2rem 1rem;
	margin-top: 2rem; /* add 2021/11/02  */
  }
  .newsTopicArea a {
    text-decoration: none;
  }
  .newsTopicArea a:hover {
    text-decoration: underline;
  }
  /*[add 2021/08/27]*/
  #remoteoperation_privacy_wrap #privacyPolicy {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 2rem;
    padding-bottom: 3rem;
  }
  #remoteoperation_privacy_wrap #privacyPolicy h2 {
    font-size: 2rem;
    font-weight: 200;
    color: #535353;
    margin-bottom: 1.5rem;
  }
  #remoteoperation_privacy_wrap #privacyPolicy .aboutTxt {
    font-size: 1rem;
    line-height: 1.6;
    text-align: left;
  }
  #remoteoperation_privacy_wrap #privacyPolicy h4 {
    padding-top: 1rem;
    font-size: 1.6rem;
    font-weight: 200;
    color: #535353;
    margin-bottom: 1.5rem;
  }
  #remoteoperation_privacy_wrap #privacyPolicy .itemTxt {
    margin-top: 20pt;
    margin-bottom: 20pt;
  }
  #remoteoperation_privacy_wrap #privacyPolicy .itemTxt li {
    font-size: 1rem;
    line-height: 1.6;
    text-align: left;
    padding: 4px;
    margin: 4px;
  }
  #remoteoperation_privacy_wrap #privacyPolicy .itemTxt ol {
    font-size: 1rem;
    line-height: 1.6;
    text-align: left;
    padding: 4px; /* 0px; */
    margin: 10 30 10 30;
  }
  #remoteoperation_privacy_wrap #privacyPolicy table {
    border-collapse: collapse;
    margin: 1rem auto;
    width: 98%;
    text-align: left;
    line-height: 1;
    border: 1px solid #ccc;
  }
  #remoteoperation_privacy_wrap #privacyPolicy th {
    padding: 10px;
    font-weight: bold;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    background: #eeeeee;
    text-align: center;
  }
  #remoteoperation_privacy_wrap #privacyPolicy td {
    padding: 6px;
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: left;
  }
  #remoteoperation_privacy_wrap #privacyPolicy .dateTxt {
    text-align: right;
    font-size: 1rem;
    line-height: 1.6;
  }
  /* メインビジュアル下お知らせリンク：黒 */
  .info-link-bk {
    margin: 1rem 0 2rem;
    font-size: 1.2rem;
  }
  /* メインビジュアル下お知らせリンク：黒 */
  .info-link-bk {
    padding: 0.5em;
    border: solid 1px #000;
    color: #000;
    text-align: center;
  }
  .info-link-bk a {
    color: inherit;
  }
}
/*print_solution TOP用*/
.topics {
  margin: 3rem auto 0 auto;
}
.topics img {
  width: 80%;
  margin: 0 auto;
}
.topics p {
  width: 100%;
  text-align: center;
  padding: 0.8rem;
  font-size: 1.5rem;
}
.topics a:hover {
  opacity: 0.5;
  transition: 0.2s;
  color: #000;
  text-decoration: underline;
}
.list-lineup a:hover {
  transition: 0.2s;
  color: #000;
  text-decoration: underline;
}
#lineupArea .topics > .lineupItem:nth-child(odd) {
  margin-right: 0;
}
.img-container {
  padding: 0 7rem;
  margin-top: 1.5rem;
}
.banner {
  border: solid 1px #d9d9d9;
}
.fa-chevron-down:before {
  margin-right: 0.75em;
}
ul.list-lineup {
  display: flex;
  flex-wrap: wrap;
  margin-top: 2rem; 
}
ul.list-lineup > li > a .img {
  padding: 0 20%;
}
ul.list-lineup > li:nth-child(-n+4) {
  margin-top: 0;
}
ul.list-lineup > li:nth-child(4n-3) {
  margin-left: 0;
}
ul.list-lineup > li {
  width: 24%;
  margin-left: 1%;
  margin-top: 1.5rem;
}
ul.list-lineup > li > a {
  display: block;
  padding: 40px 1rem 25px;
  text-decoration: none;
}
ul.list-lineup > li > a .ttl {
  width: 100%;
  text-align: center;
}
.btnlinkArea ul {
  justify-content: space-between;
}
.btnlinkArea ul li {
  width: 100%;
  margin-bottom: 0;
}
.btnlink {
  border: solid 1px #000;
  width: 45%;
  text-decoration: none;
  padding: 15px;
  text-align: center;
  border-radius: 5px;
}
.btnlink:hover {
  border: solid 1px #aaa;
  color: #aaa;
}
.mv_title {
  padding: 2% 5%;
  font-weight: bold;
}
.mv_link {
  width: 100%;
  border-radius: 3px;
  background: #fff;
  text-align: center;
  margin-top: 1rem;
}
.mv_link img {
  width: auto;
}
.mv_search {
  margin: 0 auto;
  padding: 0.3rem;
}
.ttlArea {
  width: 100%;
  font-weight: 500;
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 2rem;
}
.ttlArea img {
  width: 110px;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.contents-about {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.contents-about ul {
  display: flex;
  justify-content: center;
  margin: 0 auto 2rem;
  border-bottom: 1px solid #d0d0d0;
  border-top: 1px solid #d0d0d0;
}
.contents-about ul li {
  font-size: 1.2rem;
  padding: 0.5rem 0;
  margin-right: 15px;
}
@media only screen and (max-width: 767px) {
  .img-container {
    padding: 0 1rem;
  }
  ul.list-lineup {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
  }
  ul.list-lineup > li:nth-child(-n+2) {
    margin-top: 0;
  }
  ul.list-lineup > li:nth-child(2n-1) {
    margin-left: 0;
  }
  ul.list-lineup > li {
    width: 49%;
    margin-left: 1%;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
  ul.list-lineup > li > a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 1rem;
    line-height: 1.3;
  }
  ul.list-lineup > li > a .ttl {
    width: 100%;
    text-align: center;
  }
  .btnlink {
    width: 90%;
    margin: 0.3rem auto;
  }
  .contents-about ul {
    width: 83%;
    padding: 0.5em 0;
    margin: 0 auto 2rem;
    border-bottom: 1px solid #d0d0d0;
    border-top: 1px solid #d0d0d0;
  }
}