@charset "UTF-8";
/*$btn-request-off-color:*/
/*#9e7013*/
/*#BD8617;*/
/*$btn-request-on-color:#db9b1a;*/
/*$btn-reserve-off-color:#9c9e73;
$btn-reserve-on-color:#b5b886;*/
/**.local-nav{
    @include flex-j-s;
    width: 80%;
    max-width: 1040px;
    margin: 2.5rem auto 0;
    li{
        width: 312/1040*100%;
        a{
            display: block;
            width: 100%;
            height: 100%;
            text-align: center;
            background-color: #B0BEC5;
            padding: 1rem 0.25rem;
            .txt{
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            p{
                color: #fff;
                font-size: 1rem;
                text-align: center;
                line-height: 1.2;
            }
            }
            &:hover, &.current{
                background-color: #3FA1BC;
            }
        }
    }
    
    @media screen and (max-width:$bp04){
        li{
            width: 100%;
            & + li{
                margin-top: 1rem;
            }
        }
    }
}


.item-list{
    @include flex-j-s;
    width: 100%;
    max-width: 1040px;
    margin: auto;
    padding-bottom: 2.5rem;
    li{
        margin-top: 2rem;

        &.w3{
            width: 312/1040*100%;
        }
        &.w2{
            width: 494/1040*100%;
        }
        &.w3x2{
            width: 676/1040*100%;
        }
        .item-list{
            padding-bottom: 0;
            li{
                 &:first-of-type, &:nth-of-type(2){
                    margin-top: 0;
                }
                &.w2{
                    width: 312/676*100%;
                }
            }
        }
    }
    
    .sub-category{
        width: 100%;
        text-align: left;
        line-height: 1.2;
        margin-top: 2rem;
        margin-bottom: -1rem;
        .en{
            color: #4d97b7;
            font-size: 1.25rem;
        }
        .ja{
            font-size:  0.875rem;
        }
    }
    .item-name{
        font-size: 1rem;
        text-align: left;
        line-height: 1.44;
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
    .lead{
        font-size: 0.875rem;
        text-align: left;
    }
    .note{
        margin-top: 0.5rem;
    }
    
    @media screen and (max-width:1040px){
      	padding-left: 16/414*100%;
	padding-right: 16/414*100%;
    }
    @media screen and (max-width:$bp04){
        padding-left: 0;
        padding-right:  0;
        li{
            &.w3{
                width: 46%;
            }
            &.w2,{
                width: 100%;
            }
            &.w3x2{
                width: 100%;

            }
        .item-list{
            li{
                &:nth-of-type(2){
                    margin-top: 2rem;
                }
                &.w2{
                    width: 46%;
                }
            }
        }
        }
    }
}**/
#Security .item-list li:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  #Security .item-list li:nth-of-type(1) div, #Security .item-list li:nth-of-type(1) li {
    min-height: 0%; }
  #Security .item-list li:nth-of-type(1) .image {
    width: 51.7307692308%; }
  #Security .item-list li:nth-of-type(1) .text {
    width: 45.9615384615%; }
#Security .item-list li:nth-of-type(2) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  #Security .item-list li:nth-of-type(2) div, #Security .item-list li:nth-of-type(2) li {
    min-height: 0%; }
  #Security .item-list li:nth-of-type(2) .image {
    width: 65%; }
  #Security .item-list li:nth-of-type(2) .text {
    width: 32.6923076923%; }
    #Security .item-list li:nth-of-type(2) .text .owl24 {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border: thin solid #a0a0a0;
      margin-top: 1rem; }
      #Security .item-list li:nth-of-type(2) .text .owl24 div, #Security .item-list li:nth-of-type(2) .text .owl24 li {
        min-height: 0%; }
      #Security .item-list li:nth-of-type(2) .text .owl24 dt {
        font-size: 0.875rem;
        font-weight: normal;
        padding: 0.75rem 0 0.75rem 0.75rem;
        width: 32%; }
      #Security .item-list li:nth-of-type(2) .text .owl24 dd {
        font-size: 0.75rem;
        padding: 1rem;
        width: 68%;
        padding: 0.75rem 0.5rem;
        flex-grow: 1; }
@media screen and (max-width: 768px) {
  #Security .item-list li:nth-of-type(1) .image {
    width: 100%; }
  #Security .item-list li:nth-of-type(1) .text {
    width: 100%; }
  #Security .item-list li:nth-of-type(2) .image {
    width: 100%; }
  #Security .item-list li:nth-of-type(2) .text {
    width: 100%; } }

#Afterservice .item-list > li:not(:first-of-type) {
  margin-top: 3.5rem; }
#Afterservice .item-list > li:nth-of-type(1) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  #Afterservice .item-list > li:nth-of-type(1) div, #Afterservice .item-list > li:nth-of-type(1) li {
    min-height: 0%; }
  #Afterservice .item-list > li:nth-of-type(1) .image {
    width: 51.7307692308%; }
  #Afterservice .item-list > li:nth-of-type(1) .text {
    width: 45.9615384615%; }
#Afterservice .item-list > li:nth-of-type(4) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  #Afterservice .item-list > li:nth-of-type(4) div, #Afterservice .item-list > li:nth-of-type(4) li {
    min-height: 0%; }
  #Afterservice .item-list > li:nth-of-type(4) .image {
    width: 30%; }
  #Afterservice .item-list > li:nth-of-type(4) .text {
    width: 65%; }
    #Afterservice .item-list > li:nth-of-type(4) .text .item-list {
      margin-top: 1rem; }
      #Afterservice .item-list > li:nth-of-type(4) .text .item-list li {
        border: thin solid #a0a0a0;
        margin-top: 0;
        padding: 0.75rem 1rem;
        display: block; }
        #Afterservice .item-list > li:nth-of-type(4) .text .item-list li .item-name {
          font-family: "Noto Sans JP","Roboto","YuGothic,YuGothicM","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
          -webkit-font-smoothing: antialiased;
          font-weight: 300;
          font-feature-settings: 'palt';
          font-size: 0.875rem;
          font-weight: bolder; }
        #Afterservice .item-list > li:nth-of-type(4) .text .item-list li .lead {
          font-size: 0.75rem; }
@media screen and (max-width: 600px) {
  #Afterservice .item-list li:nth-of-type(1) .image {
    width: 100%; }
  #Afterservice .item-list li:nth-of-type(1) .text {
    width: 100%; }
  #Afterservice .item-list li:nth-of-type(4) .image {
    width: 100%;
    margin-top: 1rem; }
  #Afterservice .item-list li:nth-of-type(4) .text {
    width: 100%; }
    #Afterservice .item-list li:nth-of-type(4) .text .item-list li {
      padding: 0.5rem 0.75rem; } }