@charset "UTF-8";

@media print {
  /* 印刷に不要な要素を消す */
  .no-print {
    display: none;
  }

  /* 背景色や背景画像を表示させる設定 */
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  @page {
    margin: 3mm 2.5mm;
    size: A4 landscape;
  }

  html, body {
    width: 292mm;
    height: 204mm;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
}


@media screen and (min-width:801px) and (max-width:1600px) {}
@media screen and (max-width: 800px) {}

html, body, header, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
:focus {outline: 0;}
ul, ul li {list-style: none;}
ol {margin:1em 0;}
ul.normal_list {margin:0 0 0 20px;}
ul.normal_list li {list-style-type:disc;}
table.table {border-collapse: separate;border-spacing: 5px;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, nav, hgroup, menu, section {display: block;}
ul{list-style-type: none;}
body { line-height:160%; font-family: Meiryo, "Hiragino Kaku Gothic ProN", sans-serif; font-size : 16px; color:#222;}
a { text-decoration:none; color: #FF6600; -webkit-transform: translateZ(0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; -webkit-text-size-adjust: 100%;/*ios文字サイズ対策*/}
a:hover {color: #3399FF; -webkit-transform: translateZ(0);-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
a img{ border: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; border:0px none;}
a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";}
sup, sub { font-size:0.6em; height: 0;line-height: 1;vertical-align: baseline;_vertical-align: bottom;position: relative;} sup {bottom: 1.2ex;} sub { top: .5ex; }
iframe {border:none;}


.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c";}
.wf-notosansjapanese { font-family: "Noto Sans JP"; }
.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }
.min{ font-family:"Century","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;}
.b { font-weight:bold;}

.size12{ font-size:12px;display: block;margin-top: -2px;}
.size14{ font-size:14px;}
.size16{ font-size:16px;}
.size18{ font-size:18px;}
.size20{ font-size:20px;}
.size25{ font-size:25px;}

.xxx{ display:none;}

.waku-a4{ width: 292mm;height:204mm;padding:0; border:1px #ccc solid;overflow:hidden;color:#222; margin:0 auto; position:relative; box-sizing: border-box; /* 枠線や内側余白によるサイズ肥大を防ぐ */ break-inside: avoid;page-break-inside: avoid; /* 枠の途中でページが切れるのを防ぐ */}
.waku-a4-in{display: flex;width:100%;overflow:hidden; padding:5.3mm 5.5mm 3.5mm;}
.co-a4 {border-top:1px solid #555; width:calc(100% - 14.2mm); padding-top:2.5mm; display:block; position:absolute; bottom:10px; left:7.1mm;}
.ratio-wrap {width: 97.4mm;display: grid;row-gap: 3mm;flex-shrink: 0;height: 538px;}

/*
.top{ width:100%; padding:10px; color:#FFFFFF; background:#B4B4B4; font-size:30px; position:relative; margin-bottom:10px; text-shadow: 1px 2px 3px rgb(0, 0, 0, 0.4); font-family:"Century","ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-weight:bold;}
*/

.top2{ width:100%; padding: 14px 20px 7px 20px; color:#FFFFFF; background:#5A5A5A; font-size:20px; position:relative; }
.top2.rental{color: #323232;background: #D5D5D5;}

.touroku{position:absolute; bottom:5px; right:10px; font-size:12px; text-shadow:none;}
.qr{width:50px; top:0; right:0; margin-right:0px; position:absolute;}
.qr img{width:100%;}

.left{width: 65%; float:left; padding:10px 20px 10px 0;}
.right{width: 35%; float:right; padding:10px 0 0 0 ;}

.data {width:100%;max-width: 178.5mm; float:left; text-align:left; border-collapse: collapse; border-spacing: 2px; font-size:3.4mm;margin-left: auto;}
.data th {width:33.9mm; padding:3px 6px; background:#5A5A5A;color: #FFFFFF; font-weight:normal; border:1px #B7B7B7 solid; line-height:150%;}
.rental .data th {color: #323232;background: #D5D5D5;}
.data td {width:55.7mm; color:#222; background:#fff; padding:3px 8px; border:1px #B7B7B7 solid; line-height:150%; white-space: pre-wrap; }
.data td span {color: #FF0000; font-weight: 600; }

.ratio { position: relative; width: 100%; float:left; text-align:center;}
.ratio:before { content:""; display: block; padding-top: 75%;}
.gazou { position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
.gazou img { max-width:100%; max-height:100%; margin:0 auto;}

.a4 { position: relative; width: 49%; float:left; text-align:center; margin:0.3%;}
.a4:before { content:""; display: block; padding-top: 75%;}

.circle{
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  background: #fff;
  text-align:center;
  color:ccc;
  margin-right:10px;
  border:1px solid #666;
}
.libre-caslon-text-regular {
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: normal;
}

.libre-caslon-text-bold {
  font-family: "Libre Caslon Text", serif;
  font-weight: 700;
  font-style: normal;
}

.libre-caslon-text-regular-italic {
  font-family: "Libre Caslon Text", serif;
  font-weight: 400;
  font-style: italic;
}

.co-img {
  width: 230mm;
}

.co-qr-page {
  position: absolute;
  right: 0;
  bottom: 4px;
  z-index: 10000;
  margin-bottom: 1px;
}

.registration-no {
  font-size: 2.85mm;
  margin-top: -0.7mm;
}

.land-wrapper {
  display: flex;
}
.xxx8327 {
  margin-left: auto;
}