div.dispMore {width:100px; height:20px; line-height:1.5em; margin-top:32px; text-align:center; color:#3060c0; background-color:#fff; border-radius:7px;}
div.dispMore:hover {cursor:pointer;}
div.dispMore:after {content:" "url(/jp/common/v2/img/img-arrow-down-b.png);}
div.dispLess:after {content:" "url(/jp/common/v2/img/img-arrow-up-b.png);}

div#specialInfo a, div#disasterInfo a {text-decoration:underline;}
div#specialInfo {padding:10px; border:1px solid #c00; text-align:center;}
div#specialInfo span {color:#c00; font-size:125%; font-weight:bold;}
div#disasterInfo {padding:10px; border:1px solid #ccc; background-color:#fc3; text-align:center; font-size:115%; display:table;}
div#disasterInfo div{background:#fc3; display:table-cell; vertical-align:middle;}
div#disasterInfo p:first-child {font-weight:500; margin-bottom:5px;}

div.block-link-page-four:first-child {margin-bottom:2px;}
div.block-link-page-four:last-child div.child_block a {padding: 9px 5px;}
.column-two_product .column-two_text .title {padding: 0 0 0 0;}
.column-two_product .column-two_text .inner {padding: 20px 40px 0 20px;}
.btn-basic_child{height: 106px;}
div.btn-basic_child p.text {padding: 5px 23px 5px 12px; line-height: 1em;}
div.btn-basic_child p.text img {margin-left:2px; vertical-align:center;}
div.btn-basic_child p.text span.caption {display:block; font-weight:normal; font-size:75%; margin-top:5px;}
div.btn-basic_child p.text img.freeDial {margin:0 3px 0 0;}
div.btn-basic_child p.text span.phoneRuby {font-size:10px; margin-left:64px;}
div.btn-basic_child a p.image img {width:75px;}
div.btn-basic_child a p.image {
    width: 75px;
}
div#repair div.column-two {margin-bottom:0;}
h3.btnBlock {font-size:115%; margin-top:5px; color:#02266d;}

.btn-basic_child a p.text.call, .btn-basic_child a p.text.nolink {background-image:none;}
a[href^="tel:"] {cursor:default;}
small {
    font-size: 80%;
    padding-left: 1.5em;
}
@media only screen and (max-width: 640px) {
  div.dispMore {width:100%; margin-top:60px; margin-bottom:5px;}
  div#disasterInfo, div#disasterInfo div {display:block;}
  div.block-link-page-four:first-child {margin-bottom:1px;}
  div.block-link-page-four:last-child div.child_block a {padding: 0 40px 0 20px;}
  .column-two_product .column-two_text .inner {padding: 10px 40px 10px 20px;}
  div.column-two_product div.column-two_child {margin-bottom:8px;}
  div.btn-basic_child p.text img.freeDial {width:16px; height:16px;}
  .btn-basic_child a p.text.call {background-image:url(/jp/common/v2/img/icon_large-phone_gray.png); background-size:11px 15px;}
}
@media only screen and (max-width: 342px) {
  br.spOnly.wideSP {display:none;}
}

.rubyposition_under{
  display: inline-block;
}
.rubyposition_under ruby{
  display: flex;
  flex-direction: column;
  text-align: justify;
  text-align-last: justify;
}
@media only screen and (max-device-width: 1280px) and (max-width: 640px)
{
	.btn-basic_child{height: 85px;}
}
.support-gray-box {
  background-color: #efefef !important;
  padding: 22px !important;
}
.support-u-img {
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
}
.column-three_cat-title.is-support {
  background-color: #eee !important;
}

/* contact-area */
#inquiry * {box-sizing: border-box;}
#inquiry img {max-width: 100%; height: auto;}
#inquiry .MenuList {display: grid; gap: 20px;}
#inquiry .MenuList--col3 {grid-template-columns: repeat(3, calc((100% - 40px) / 3));}
#inquiry .MenuList__btn {display: grid; align-items: center; position: relative; z-index: 1; border: 1px solid #D6D6D6; color: #000; background-color: #fff; cursor: pointer;}
#inquiry a.MenuList__btn {height: 100%;}
#inquiry .MenuList__btn:where(:hover, :focus, :active) {opacity: .8;}
#inquiry .MenuList__btn::after {content: ""; display: block; position: absolute; top: 50%; right: 17px; transform: rotate(45deg); width: 7px; height: 7px; margin: -4px 0 0 0; border-top: 2px solid #000; border-right: 2px solid #000;}
#inquiry .MenuList--col3 > .MenuList__item > .MenuList__btn {grid-template-columns: 36px 1fr; gap: 0 20px; padding: 1.571em 2.857em 1.571em 1.428em;}
#inquiry .MenuList__text {font-size: 14px; line-height: 1.5;}
#inquiry .MenuList__text > *:last-child {margin-bottom: 0;}
#inquiry .MenuList__category {font-size: 16px; font-weight: bold; line-height: 1.5;}
@media only screen and (max-width:640px) and (max-device-width:1280px) {
  #inquiry .MenuList {gap: 10px;}
  #inquiry .MenuList--col3 {grid-template-columns: auto;}
  #inquiry .MenuList__btn {gap: 0 10px;}
  #inquiry .MenuList__text {font-size: 12px;}
  #inquiry .MenuList__category {font-size: 14px;}
}