@charset "UTF-8";
@-webkit-keyframes _delay_01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes _delay_01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes _delay_01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@media screen and (min-width: 1081px), print {
  p.cm {
    font-size: 1.6rem;
    line-height: 30px;
    letter-spacing: 1.3px;
  }
  small.cm {
    display: block;
    font-size: 1.4rem;
    line-height: 22px;
    letter-spacing: 1.3px;
    position: relative;
    padding-left: 20px;
    margin: 5px 0 0;
  }
  small.cm::before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  dl.contact {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #bebebe;
  }
  dl.contact dt {
    width: 234px;
    background: #f3f3f3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-right: 1px solid #bebebe;
    font-size: 1.4rem;
    line-height: 30px;
    letter-spacing: 1px;
  }
  dl.contact dd {
    width: -webkit-calc(100% - 234px);
    width: -moz-calc(100% - 234px);
    width: calc(100% - 234px);
    font-size: 1.6rem;
    line-height: 30px;
    padding: 15px 21px 9px;
  }
  dl.contact dd > span {
    display: block;
    line-height: 20px;
  }
  dl.contact dd p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: 1.2px;
  }
  dl.contact dd p small {
    min-width: 36px;
    height: 17px;
    background: #780e00;
    font-size: 1.2rem;
    line-height: 20px;
    color: #fff;
    text-align: center;
    padding: 0 4px;
    margin-right: 9px;
  }
  dl.contact dd p a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 16px;
    pointer-events: none;
  }
  dl.contact dd p span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .row.cm {
    padding: 70px 30px 39px;
  }
  .row.cm .ttl_art {
    margin-bottom: 18px;
  }
  .logomark article {
    margin-bottom: 60px;
  }
  .logomark article .logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: center;
    padding: 28px 128px 37px 115px;
  }
  .logomark article .logo .box {
    width: 335px;
  }
  .logomark article .logo .box figure {
    height: 106px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .logomark article .logo .box span {
    display: block;
    font-size: 1.6rem;
    line-height: 24px;
    letter-spacing: 1px;
    margin-top: 8px;
  }
  .logomark article .logo .box span::after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #d9d9d9;
    margin: 4px auto 5px;
  }
  .logomark article .logo .box p {
    font-size: 1.4rem;
    line-height: 22px;
    letter-spacing: 1.1px;
  }
  .logomark article > .link {
    padding-top: 14px;
  }
  .logomark article > .link > li {
    font-size: 1.6rem;
    line-height: 30px;
    letter-spacing: 1.2px;
    border-bottom: 1px dashed #dcdcdc;
    padding: 14px 0;
  }
  .logomark article > .link > li > a {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
  }
  .logomark article > .link > li > a::after {
    content: "";
    display: inline-block;
    width: 18px;
    height: 22px;
    background: url("/outline/logomark/img/pdf.png") no-repeat;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 7px;
  }
  .logomark article > .link > li > a:hover {
    opacity: 0.7;
  }
  .logomark article > .link > li > a:hover span {
    border: none;
  }
  .logomark article > .link > li > a span {
    color: #0099e8;
    border-bottom: 1px solid #0099e8;
    position: relative;
    margin-left: 13px;
  }
  .logomark article > .link > li > a span::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #780e00;
    position: absolute;
    top: 7px;
    left: -13px;
  }
  .logomark article > .link > li > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 37px;
    padding-bottom: 2px;
  }
  .logomark article > .link > li > ul > li {
    width: 435px;
    padding-right: 30px;
    position: relative;
  }
  .logomark article > .link > li > ul > li::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #780e00;
    position: absolute;
    top: 13px;
    left: -14px;
  }
  .logomark article > .link > li > ul > li > a {
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px;
  }
  .logomark article > .link > li > ul > li > a:hover {
    opacity: 0.8;
  }
  .logomark article > .link > li > ul > li > a small {
    display: block;
    text-indent: -9999px;
    height: 22px;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
  }
  .logomark article > .link > li > ul > li > a small.pdf {
    width: 18px;
    background: url("/outline/logomark/img/pdf.png") no-repeat;
    margin: 0 3px 0 5px;
  }
  .logomark article > .link > li > ul > li > a small.doc {
    width: 22px;
    background: url("/outline/logomark/img/doc.png") no-repeat;
  }
  .goods .block {
    margin-bottom: 60px;
  }
  .goods .block.first {
    padding-top: 48px;
  }
  .goods .block.last {
    margin-bottom: 75px;
  }
  .goods .block.last .table {
    margin-bottom: 20px;
  }
  .goods .block.text_rg .table ._body .cl_03 {
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
    padding-right: 55px;
    padding-left: 20px;
  }
  .goods .block h4 {
    width: 100%;
    height: 48px;
    background: #f4eceb;
    font-weight: normal;
    font-size: 2.2rem;
    line-height: 50px;
    color: #780e00;
    letter-spacing: 1.4px;
    padding: 0 12px;
    margin-bottom: 24px;
  }
  .goods .block > p {
    font-size: 1.6rem;
    line-height: 30px;
    margin: -15px 0 23px;
  }
  .goods .block .table {
    border: 1px solid #bebebe;
    position: relative;
    margin-bottom: 9px;
  }
  .goods .block .table .cl_01 {
    width: 388px;
    border-right: 1px solid #bebebe;
  }
  .goods .block .table .cl_02 {
    width: 150px;
    border-right: 1px solid #bebebe;
  }
  .goods .block .table .cl_03 {
    width: 202px;
    border-right: 1px solid #bebebe;
  }
  .goods .block .table .cl_04 {
    width: 198px;
  }
  .goods .block .table ._head {
    background: #f3f3f3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.4rem;
    line-height: 24px;
  }
  .goods .block .table ._head > div {
    height: 52px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .goods .block .table ._body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #bebebe;
  }
  .goods .block .table ._body.show .cl_03 {
    height: -webkit-calc(100% - 53px);
    height: -moz-calc(100% - 53px);
    height: calc(100% - 53px);
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 198px;
  }
  .goods .block .table ._body.show .cl_04 {
    height: -webkit-calc(100% - 53px);
    height: -moz-calc(100% - 53px);
    height: calc(100% - 53px);
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .goods .block .table ._body.hide .cl_03,
  .goods .block .table ._body.hide .cl_04 {
    display: none;
  }
  .goods .block .table ._body > div {
    height: 62px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.6rem;
    line-height: 24px;
  }
  .goods .block .table ._body .cl_01 {
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 25px;
  }
  .goods .block .table ._body img {
    max-height: 36px;
    cursor: pointer;
  }
  .goods .block .des {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .goods .block .des dl {
    width: 470px;
  }
  .goods .block .des dl:nth-of-type(2n+2) {
    border-left: none;
  }
  .goods .block .des dl dt {
    width: 174px;
  }
  .goods .block .des dl dd {
    width: -webkit-calc(100% - 174px);
    width: -moz-calc(100% - 174px);
    width: calc(100% - 174px);
    line-height: 24px;
    padding: 15px 30px 11px;
  }
  .goods .block .des dl dd p a.tel {
    margin: 0;
  }
  .modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-animation: _delay_01 .1s ease-in;
       -moz-animation: _delay_01 .1s ease-in;
            animation: _delay_01 .1s ease-in;
  }
  .modal .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-animation: _delay_01 .2s ease-in;
       -moz-animation: _delay_01 .2s ease-in;
            animation: _delay_01 .2s ease-in;
  }
  .modal .main {
    width: 760px;
    height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    -webkit-animation: _delay_01 .5s ease-in;
       -moz-animation: _delay_01 .5s ease-in;
            animation: _delay_01 .5s ease-in;
  }
  .modal .main > .close {
    display: block;
    width: 38px;
    height: 38px;
    background: url("/outline/logomark/img/close.png") no-repeat;
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    top: -55px;
    right: -1px;
  }
  .modal .main .content {
    width: 100%;
    height: 100%;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px;
  }
  .modal .main .content img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
  p.cm {
    font-size: 1.48148vw;
    line-height: 2.77778vw;
    letter-spacing: 0.12037vw;
  }
  small.cm {
    display: block;
    font-size: 1.2963vw;
    line-height: 2.03704vw;
    letter-spacing: 0.12037vw;
    position: relative;
    padding-left: 1.85185vw;
    margin: 0.46296vw 0 0;
  }
  small.cm::before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  dl.contact {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #bebebe;
  }
  dl.contact dt {
    width: 21.66667vw;
    background: #f3f3f3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-right: 1px solid #bebebe;
    font-size: 1.2963vw;
    line-height: 2.77778vw;
    letter-spacing: 0.09259vw;
  }
  dl.contact dd {
    width: -webkit-calc(100% - 21.66667vw);
    width: -moz-calc(100% - 21.66667vw);
    width: calc(100% - 21.66667vw);
    font-size: 1.48148vw;
    line-height: 2.77778vw;
    padding: 1.38889vw 1.94444vw 0.83333vw;
  }
  dl.contact dd > span {
    display: block;
    line-height: 1.85185vw;
  }
  dl.contact dd p {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    letter-spacing: 0.11111vw;
  }
  dl.contact dd p small {
    min-width: 3.33333vw;
    height: 1.57407vw;
    background: #780e00;
    font-size: 1.11111vw;
    line-height: 1.85185vw;
    color: #fff;
    text-align: center;
    padding: 0 0.37037vw;
    margin-right: 0.83333vw;
  }
  dl.contact dd p a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-right: 1.48148vw;
    pointer-events: none;
  }
  dl.contact dd p span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .row.cm {
    padding-top: 6.48148vw;
    padding-bottom: 3.61111vw;
  }
  .row.cm .ttl_art {
    margin-bottom: 1.66667vw;
  }
  .logomark article {
    margin-bottom: 5.55556vw;
  }
  .logomark article .logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: center;
    padding: 2.59259vw 11.85185vw 3.42593vw 10.64815vw;
  }
  .logomark article .logo .box {
    width: 31.01852vw;
  }
  .logomark article .logo .box figure {
    height: 9.81481vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .logomark article .logo .box figure img {
    max-height: 100%;
  }
  .logomark article .logo .box span {
    display: block;
    font-size: 1.48148vw;
    line-height: 2.22222vw;
    letter-spacing: 0.09259vw;
    margin-top: 0.74074vw;
  }
  .logomark article .logo .box span::after {
    content: "";
    display: block;
    width: 5.55556vw;
    height: 0.18519vw;
    background: #d9d9d9;
    margin: 0.37037vw auto 0.46296vw;
  }
  .logomark article .logo .box p {
    font-size: 1.2963vw;
    line-height: 2.03704vw;
    letter-spacing: 0.10185vw;
  }
  .logomark article > .link {
    padding-top: 1.2963vw;
  }
  .logomark article > .link > li {
    font-size: 1.48148vw;
    line-height: 2.77778vw;
    letter-spacing: 0.11111vw;
    border-bottom: 1px dashed #dcdcdc;
    padding: 1.2963vw 0;
  }
  .logomark article > .link > li > a {
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
  }
  .logomark article > .link > li > a::after {
    content: "";
    display: inline-block;
    width: 1.66667vw;
    height: 2.03704vw;
    background: url("/outline/logomark/img/pdf.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    vertical-align: middle;
    margin-top: -0.37037vw;
    margin-left: 0.64815vw;
  }
  .logomark article > .link > li > a:hover {
    opacity: 0.7;
  }
  .logomark article > .link > li > a:hover span {
    border: none;
  }
  .logomark article > .link > li > a span {
    color: #0099e8;
    border-bottom: 1px solid #0099e8;
    position: relative;
    margin-left: 1.2037vw;
  }
  .logomark article > .link > li > a span::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #780e00;
    position: absolute;
    top: 0.64815vw;
    left: -1.2037vw;
  }
  .logomark article > .link > li > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 3.42593vw;
    padding-bottom: 0.18519vw;
  }
  .logomark article > .link > li > ul > li {
    width: -webkit-calc(50% - 1.85185vw);
    width: -moz-calc(50% - 1.85185vw);
    width: calc(50% - 1.85185vw);
    padding-right: 2.77778vw;
    position: relative;
  }
  .logomark article > .link > li > ul > li::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #780e00;
    position: absolute;
    top: 1.2037vw;
    left: -1.2963vw;
  }
  .logomark article > .link > li > ul > li > a {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.37037vw;
  }
  .logomark article > .link > li > ul > li > a:hover {
    opacity: 0.8;
  }
  .logomark article > .link > li > ul > li > a small {
    display: block;
    text-indent: -9999px;
    height: 2.03704vw;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
  }
  .logomark article > .link > li > ul > li > a small.pdf {
    width: 1.66667vw;
    background: url("/outline/logomark/img/pdf.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    margin: 0 0.27778vw 0 0.46296vw;
  }
  .logomark article > .link > li > ul > li > a small.doc {
    width: 2.03704vw;
    background: url("/outline/logomark/img/doc.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .goods .block {
    margin-bottom: 5.55556vw;
  }
  .goods .block.first {
    padding-top: 4.44444vw;
  }
  .goods .block.last {
    margin-bottom: 6.94444vw;
  }
  .goods .block.last .table {
    margin-bottom: 1.85185vw;
  }
  .goods .block.text_rg .table ._body .cl_03 {
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
    padding-right: 5.09259vw;
    padding-left: 1.85185vw;
  }
  .goods .block h4 {
    width: 100%;
    height: 4.62963vw;
    background: #f4eceb;
    font-weight: normal;
    font-size: 2.03704vw;
    line-height: 4.62963vw;
    color: #780e00;
    letter-spacing: 0.12963vw;
    padding: 0 1.11111vw;
    margin-bottom: 2.22222vw;
  }
  .goods .block > p {
    font-size: 1.48148vw;
    line-height: 2.77778vw;
    margin: -1.38889vw 0 2.12963vw;
  }
  .goods .block .table {
    border: 1px solid #bebebe;
    position: relative;
    margin-bottom: 0.83333vw;
  }
  .goods .block .table .cl_01 {
    width: 35.92593vw;
    border-right: 1px solid #bebebe;
  }
  .goods .block .table .cl_02 {
    width: -webkit-calc((100% - 35.92593vw) / 3);
    width: -moz-calc((100% - 35.92593vw) / 3);
    width: calc((100% - 35.92593vw) / 3);
    border-right: 1px solid #bebebe;
  }
  .goods .block .table .cl_03 {
    width: -webkit-calc((100% - 35.92593vw) / 3);
    width: -moz-calc((100% - 35.92593vw) / 3);
    width: calc((100% - 35.92593vw) / 3);
    border-right: 1px solid #bebebe;
  }
  .goods .block .table .cl_04 {
    width: -webkit-calc((100% - 35.92593vw) / 3);
    width: -moz-calc((100% - 35.92593vw) / 3);
    width: calc((100% - 35.92593vw) / 3);
  }
  .goods .block .table ._head {
    background: #f3f3f3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2963vw;
    line-height: 2.22222vw;
  }
  .goods .block .table ._head > div {
    height: 4.81481vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .goods .block .table ._body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #bebebe;
  }
  .goods .block .table ._body.show .cl_03 {
    height: -webkit-calc(100% - 4.90741vw);
    height: -moz-calc(100% - 4.90741vw);
    height: calc(100% - 4.90741vw);
    background: #fff;
    position: absolute;
    bottom: 0;
    right: -webkit-calc((100% - 35.92593vw) / 3);
    right: -moz-calc((100% - 35.92593vw) / 3);
    right: calc((100% - 35.92593vw) / 3);
    z-index: 1;
  }
  .goods .block .table ._body.show .cl_04 {
    height: -webkit-calc(100% - 4.90741vw);
    height: -moz-calc(100% - 4.90741vw);
    height: calc(100% - 4.90741vw);
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .goods .block .table ._body.hide .cl_03,
  .goods .block .table ._body.hide .cl_04 {
    display: none;
  }
  .goods .block .table ._body > div {
    height: 5.74074vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 1.48148vw;
    line-height: 2.22222vw;
  }
  .goods .block .table ._body .cl_01 {
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 2.31481vw;
  }
  .goods .block .table ._body img {
    max-height: 3.33333vw;
    cursor: pointer;
  }
  .goods .block .des {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .goods .block .des dl {
    width: 50%;
  }
  .goods .block .des dl:nth-of-type(2n+2) {
    border-left: none;
  }
  .goods .block .des dl dt {
    width: 16.11111vw;
  }
  .goods .block .des dl dd {
    width: -webkit-calc(100% - 16.11111vw);
    width: -moz-calc(100% - 16.11111vw);
    width: calc(100% - 16.11111vw);
    line-height: 2.22222vw;
    padding: 1.38889vw 2.77778vw 1.01852vw;
  }
  .goods .block .des dl dd p a.tel {
    margin: 0;
  }
  .modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-animation: _delay_01 .1s ease-in;
       -moz-animation: _delay_01 .1s ease-in;
            animation: _delay_01 .1s ease-in;
  }
  .modal .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-animation: _delay_01 .2s ease-in;
       -moz-animation: _delay_01 .2s ease-in;
            animation: _delay_01 .2s ease-in;
  }
  .modal .main {
    width: 70.37037vw;
    height: 46.2963vw;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    -webkit-animation: _delay_01 .5s ease-in;
       -moz-animation: _delay_01 .5s ease-in;
            animation: _delay_01 .5s ease-in;
  }
  .modal .main > .close {
    display: block;
    width: 3.51852vw;
    height: 3.51852vw;
    background: url("/outline/logomark/img/close.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    top: -5.09259vw;
    right: -0.09259vw;
  }
  .modal .main .content {
    width: 100%;
    height: 100%;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 1.85185vw;
  }
  .modal .main .content img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
}

@media screen and (max-width: 767px) {
  p.cm {
    font-size: 3.125vw;
    line-height: 4.6875vw;
    letter-spacing: 0.16927vw;
  }
  small.cm {
    display: block;
    font-size: 2.86458vw;
    line-height: 3.90625vw;
    letter-spacing: 0.16927vw;
    position: relative;
    padding-left: 3.90625vw;
    margin: 1.30208vw 0 0;
  }
  small.cm::before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  dl.contact {
    border: 1px solid #bebebe;
  }
  dl.contact dt {
    background: #f3f3f3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 3.125vw;
    line-height: 1;
    letter-spacing: 0.13021vw;
    border-bottom: 1px solid #bebebe;
    padding: 2.60417vw 0;
  }
  dl.contact dd {
    font-size: 3.125vw;
    line-height: 4.42708vw;
    padding: 3.25521vw 2.60417vw;
  }
  dl.contact dd > span {
    display: block;
    line-height: 1;
    margin-bottom: 1.30208vw;
  }
  dl.contact dd p {
    letter-spacing: 0.16927vw;
  }
  dl.contact dd p small {
    min-width: 13.02083vw;
    height: 4.6875vw;
    background: #780e00;
    font-size: 2.60417vw;
    line-height: 4.94792vw;
    color: #fff;
    text-align: center;
    margin-right: 2.60417vw;
  }
  dl.contact dd p a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.30208vw;
  }
  dl.contact dd p span {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .row.cm {
    padding-top: 9.11458vw;
    padding-bottom: 3.90625vw;
  }
  .logomark article {
    margin-bottom: 7.8125vw;
  }
  .logomark article .logo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    text-align: center;
    padding: 5.20833vw 2.60417vw 6.51042vw;
  }
  .logomark article .logo .box {
    width: 50%;
  }
  .logomark article .logo .box figure {
    height: 13.80208vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .logomark article .logo .box figure img {
    display: block;
    max-height: 100%;
  }
  .logomark article .logo .box span {
    display: block;
    font-size: 3.38542vw;
    line-height: 4.6875vw;
    letter-spacing: 0.13021vw;
    margin-top: 1.95312vw;
  }
  .logomark article .logo .box span::after {
    content: "";
    display: block;
    width: 13.02083vw;
    height: 0.65104vw;
    background: #d9d9d9;
    margin: 1.30208vw auto 2.60417vw;
  }
  .logomark article .logo .box p {
    font-size: 2.86458vw;
    line-height: 4.16667vw;
    letter-spacing: 0.09115vw;
  }
  .logomark article > .link {
    padding-top: 1.95312vw;
  }
  .logomark article > .link > li {
    font-size: 3.38542vw;
    line-height: 4.6875vw;
    letter-spacing: 0.15625vw;
    border-bottom: 1px dashed #dcdcdc;
    padding: 2.60417vw 0;
  }
  .logomark article > .link > li > a::after {
    content: "";
    display: inline-block;
    width: 2.86458vw;
    height: 3.38542vw;
    background: url("/outline/logomark/img/pdf.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    text-indent: -9999px;
    vertical-align: middle;
    margin-top: -0.52083vw;
    margin-left: 2.60417vw;
  }
  .logomark article > .link > li > a span {
    color: #0099e8;
    border-bottom: 1px solid #0099e8;
    position: relative;
    margin-left: 3.25521vw;
  }
  .logomark article > .link > li > a span::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #780e00;
    position: absolute;
    top: -webkit-calc(2.08333vw - 2.5px);
    top: -moz-calc(2.08333vw - 2.5px);
    top: calc(2.08333vw - 2.5px);
    left: -3.25521vw;
  }
  .logomark article > .link > li > ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 4.55729vw;
    padding-bottom: 2px;
  }
  .logomark article > .link > li > ul > li {
    padding-right: 3.90625vw;
    position: relative;
    margin-top: 0.91146vw;
  }
  .logomark article > .link > li > ul > li::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #780e00;
    position: absolute;
    top: 50%;
    left: -2.08333vw;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .logomark article > .link > li > ul > li > a {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.52083vw;
  }
  .logomark article > .link > li > ul > li > a small {
    display: block;
    text-indent: -9999px;
    height: 2.86458vw;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    transition: opacity .3s;
  }
  .logomark article > .link > li > ul > li > a small.pdf {
    width: 2.34375vw;
    background: url("/outline/logomark/img/pdf.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    margin: 0 0.78125vw 0 1.30208vw;
  }
  .logomark article > .link > li > ul > li > a small.doc {
    width: 2.86458vw;
    background: url("/outline/logomark/img/doc.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .goods .block {
    margin-bottom: 7.8125vw;
  }
  .goods .block.first {
    padding-top: 6.51042vw;
  }
  .goods .block.last {
    margin-bottom: 9.76562vw;
  }
  .goods .block.text_rg .table ._body .cl_03 {
    -webkit-box-pack: end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: right;
  }
  .goods .block h4 {
    width: 100%;
    height: 10.41667vw;
    background: #f4eceb;
    font-weight: normal;
    font-size: 3.90625vw;
    line-height: 10.41667vw;
    color: #780e00;
    padding: 0 2.60417vw;
    margin-bottom: 2.60417vw;
  }
  .goods .block > p {
    font-size: 3.125vw;
    line-height: 4.42708vw;
    margin-bottom: 3.90625vw;
  }
  .goods .block .table {
    border: 1px solid #bebebe;
    position: relative;
    margin-bottom: 2.60417vw;
  }
  .goods .block .table .cl_01 {
    width: 41.66667vw;
    border-right: 1px solid #bebebe;
  }
  .goods .block .table .cl_02 {
    width: -webkit-calc((100% - 41.66667vw) / 3);
    width: -moz-calc((100% - 41.66667vw) / 3);
    width: calc((100% - 41.66667vw) / 3);
    border-right: 1px solid #bebebe;
  }
  .goods .block .table .cl_03 {
    width: -webkit-calc((100% - 41.66667vw) / 3);
    width: -moz-calc((100% - 41.66667vw) / 3);
    width: calc((100% - 41.66667vw) / 3);
    border-right: 1px solid #bebebe;
  }
  .goods .block .table .cl_04 {
    width: -webkit-calc((100% - 41.66667vw) / 3);
    width: -moz-calc((100% - 41.66667vw) / 3);
    width: calc((100% - 41.66667vw) / 3);
  }
  .goods .block .table ._head {
    background: #f3f3f3;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.60417vw;
    line-height: 1.5;
  }
  .goods .block .table ._head > div {
    height: 10.41667vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .goods .block .table ._body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #bebebe;
  }
  .goods .block .table ._body.show .cl_03 {
    height: -webkit-calc((100% - 10.41667vw) - 1px);
    height: -moz-calc((100% - 10.41667vw) - 1px);
    height: calc((100% - 10.41667vw) - 1px);
    background: #fff;
    position: absolute;
    bottom: 0;
    right: -webkit-calc(((100% - 41.66667vw) / 3) + 0.5px);
    right: -moz-calc(((100% - 41.66667vw) / 3) + 0.5px);
    right: calc(((100% - 41.66667vw) / 3) + 0.5px);
  }
  .goods .block .table ._body.show .cl_04 {
    height: -webkit-calc((100% - 10.41667vw) - 1px);
    height: -moz-calc((100% - 10.41667vw) - 1px);
    height: calc((100% - 10.41667vw) - 1px);
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .goods .block .table ._body.hide .cl_03,
  .goods .block .table ._body.hide .cl_04 {
    display: none;
  }
  .goods .block .table ._body > div {
    padding: 2.60417vw 0.65104vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 2.60417vw;
    line-height: 1.5;
  }
  .goods .block .table ._body .cl_01 {
    -webkit-box-pack: start;
       -moz-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 2.60417vw;
    padding-right: 2.60417vw;
  }
  .goods .block .table ._body img {
    max-height: 4.6875vw;
    cursor: pointer;
  }
  .goods .block .des {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .goods .block .des dl {
    width: 50%;
  }
  .goods .block .des dl:nth-of-type(2n+2) {
    border-left: none;
  }
  .goods .block .des dl dd {
    padding: 3.25521vw 1.95312vw;
  }
  .modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-animation: _delay_01 .1s ease-in;
       -moz-animation: _delay_01 .1s ease-in;
            animation: _delay_01 .1s ease-in;
  }
  .modal .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-animation: _delay_01 .2s ease-in;
       -moz-animation: _delay_01 .2s ease-in;
            animation: _delay_01 .2s ease-in;
  }
  .modal .main {
    width: 90%;
    height: 65.10417vw;
    max-height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-transform: translate3d(-50%, -50%, 0);
       -moz-transform: translate3d(-50%, -50%, 0);
            transform: translate3d(-50%, -50%, 0);
    -webkit-animation: _delay_01 .5s ease-in;
       -moz-animation: _delay_01 .5s ease-in;
            animation: _delay_01 .5s ease-in;
  }
  .modal .main > .close {
    display: block;
    width: 4.94792vw;
    height: 4.94792vw;
    background: url("/outline/logomark/img/close.png") no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    top: -7.16146vw;
    right: 0;
  }
  .modal .main .content {
    width: 100%;
    height: 100%;
    background: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 2.60417vw;
  }
  .modal .main .content img {
    display: block;
    max-width: 100%;
    max-height: 100%;
  }
}