@charset "UTF-8";
/* CSS Document */
/*
font-family: ヒラギノ角ゴ W3 JIS2004   または  Hiragino Kaku Gothic W3 JIS2004 
font-family: ヒラギノ角ゴ W6 JIS2004   または  Hiragino Kaku Gothic W6 JIS2004 
font-family: ヒラギノ角ゴ W8 JIS2004   または  Hiragino Kaku Gothic W8 JIS2004 
font-family: ゴシックMB101 H JIS2004   または  Gothic MB101 Heavy JIS2004 
*/
.w3 {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-weight: 300;
}

.w6, h1, h2, h3, b, h4, h3 small, .head .titles .c_name {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-weight: 600;
}

body {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}

#page {
  /*
	background-image:url(../../images/book_images/book_base.png);
	background-size:148mm * $B 210mm * $B;
*/
}

.opacity {
  background-color: rgba(255, 255, 255, 0.8);
  position: relative;
  width: 148mm;
  min-height: 207mm;
}

.text-center {
  text-align: center;
}

div {
  margin: 0;
  padding: 0;
}

body {
  background-color: #ccc;
  padding: 0;
  margin: 0;
}

#page {
  margin: 0 auto;
  width: 148mm;
  min-height: 105mm;
  height: auto;
  font-size: 6.532pt;
  line-height: 1.4;
  border: 1px solid #999;
  background-color: #fff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 148mm 297mm;
}

h1 {
  font-weight: normal;
  font-size: 16pt;
}

h2 {
  font-weight: normal;
  font-size: 12pt;
}

h3, b, h4 {
  line-height: 1.2;
}

.col {
  color: #ea5541;
}

h3 {
  margin: 0mm 0 1mm;
  padding: 0;
  font-size: 7.1pt;
  color: #ea5541;
  border-bottom: 1px solid #ef7e6f;
}

h3 i {
  opacity: 0.6;
  margin-right: 1mm;
}

h3 small {
  font-size: 60%;
}

h3.contact {
  margin-top: 1mm;
}

h4 {
  font-size: 5.68pt;
  margin: 1mm 0 0;
}

.hashira {
  float: left;
  top: 0;
  left: 2.5mm;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  color: #ccc;
  width: 7mm;
  padding-top: 46mm;
}

.hashira img {
  width: 7mm;
}

.main-area {
  float: left;
  padding-left: 4mm;
  width: 122mm;
}

.head {
  margin: 3mm auto 0 auto;
  padding: 0mm 0 0 0;
  clear: both;
}

.head .gyoshu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(234, 85, 65, 0.7);
  border-radius: 2mm 0 0 0;
  line-height: 1;
}

.head .gyoshu .gyoshu_cat {
  background: #FFF;
  border: 0.25mm solid #ea5541;
  border-radius: 2mm 0 0 0;
  padding: 1.5mm;
  padding-bottom: 1mm;
  color: #ea5541;
  width: 13mm;
  text-align: center;
}

.head .gyoshu .gyoshu_text {
  padding: 1.75mm;
  padding-left: 2mm;
  padding-bottom: 1mm;
  color: #fff;
  width: auto;
  width: 116mm;
  vertical-align: middle;
}

.head .titles {
  background-color: #ea5541;
  color: #fff;
  height: 11mm;
  padding: 1mm 2mm;
}

.head .titles .c_name {
  font-size: 17.04pt;
}

.head .titles .company_name_sub {
  height: 5mm;
}

.maker .head .gyoshu {
  background-color: rgba(234, 85, 65, 0.7);
}

.maker .head .gyoshu .gyoshu_cat {
  border-color: #ea5541;
  color: #ea5541;
}

.maker .head .titles {
  background-color: #ea5541;
}

.building .head .gyoshu {
  background-color: rgba(108, 187, 90, 0.7);
}

.building .head .gyoshu .gyoshu_cat {
  border-color: #6cbb5a;
  color: #6cbb5a;
}

.building .head .titles {
  background-color: #6cbb5a;
}

.distri .head .gyoshu {
  background-color: rgba(32, 174, 229, 0.7);
}

.distri .head .gyoshu .gyoshu_cat {
  border-color: #20aee5;
  color: #20aee5;
}

.distri .head .titles {
  background-color: #20aee5;
}

.service .head .gyoshu {
  background-color: rgba(247, 171, 0, 0.7);
}

.service .head .gyoshu .gyoshu_cat {
  border-color: #f7ab00;
  color: #f7ab00;
}

.service .head .titles {
  background-color: #f7ab00;
}

.contact_data {
  padding: 1mm 2mm;
}

.contact_data .data-icon {
  display: inline-block;
  width: 7.5mm;
  text-align: center;
  border: 0.25mm solid #000;
  color: #000;
  background: #fff;
  text-align: center;
  line-height: 1;
  padding: .5mm 0 0mm 0;
  margin-right: 1mm;
}

.maker .contact_data {
  background-color: rgba(234, 85, 65, 0.15);
}

.building .contact_data {
  background-color: rgba(108, 187, 90, 0.15);
}

.distri .contact_data {
  background-color: rgba(32, 174, 229, 0.15);
}

.service .contact_data {
  background-color: rgba(247, 171, 0, 0.15);
}

.ok-point-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3mm;
}

.ok-point-row .ok-point {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 15mm;
  width: 106mm;
  font-size: 9.94pt;
}

.ok-point-row .qr_codes {
  padding-left: 2mm;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.ok-point-row .qr_codes .qr {
  background-color: #fff;
  padding: 1mm;
}

.ok-point-row .qr_codes .qr img {
  display: block;
  width: 13mm;
  height: 13mm;
}

.ichiopshi-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 0.25mm dotted #ccc;
  padding-top: 2mm;
  margin-top: 2mm;
}

.ichiopshi-row .ichioshi-icon {
  width: 15mm;
}

.ichiopshi-row .ichioshi-icon img {
  width: 14mm;
  height: auto;
}

.ichiopshi-row .ichi-shi-list {
  width: 55mm;
  font-size: 9.23pt;
}

.ichiopshi-row .ichi-shi-list img {
  width: 3.5mm;
  height: auto;
}

.ichiopshi-row .message {
  width: 50mm;
}

.ichiopshi-row .message .message-title {
  color: #ea5541;
  font-size: 6.39pt;
}

.ichiopshi-row .message .message-box {
  border: 0.25mm solid #ea5541;
  padding: 2mm;
  height: 13mm;
  border-radius: 2mm;
}

.images {
  margin-bottom: 2mm;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.images .img {
  background: #eee;
  float: left;
  display: block;
  margin-bottom: 1mm;
}

.images .img img {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.images .img .no-image {
  width: 100%;
  text-align: center;
  color: #F00;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.images .img1, .images .img2 {
  margin-right: 2mm;
}

.images .img img,
.images .img .no-image {
  width: 39mm;
  height: 25mm;
}

.body-left {
  width: 57mm;
  padding-bottom: 2mm;
  float: left;
}

.company_data {
  clear: both;
  font-size: 7.455px;
  line-height: 9.94px;
}

.data_row {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-bottom: -1px;
  padding: 0.65mm 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.data_row .th {
  width: 18mm;
  padding-left: 1mm;
}

.data_row .td {
  width: 42mm;
}

.body-right {
  float: right;
  width: 59mm;
  word-break: break-all;
}

.body-right .icn {
  width: 2mm;
  height: auto;
}

.profile, .message {
  min-height: 5mm;
  margin-bottom: 3mm;
}

.footColor {
  background: #f2f2f2;
  clear: both;
  margin: 0;
  padding: 0;
  height: 57mm;
}

.foot {
  width: 126mm;
  min-height: 57mm;
  margin: 0 auto;
  clear: both;
  padding: 0;
}

.foot h3 {
  padding-top: 2mm;
}

.foot .foot-attention {
  text-align: right;
  font-size: 85%;
  position: relative;
  margin-top: -3.5mm;
  margin-bottom: 1.5mm;
}

.foot .data {
  clear: both;
  margin-right: -3mm;
  height: 40.5mm;
  line-height: 1.5;
}

.foot .data ul {
  margin: 0;
  padding: 0;
  width: 40mm;
  margin-right: 2mm;
  float: left;
}

.foot .data ul li {
  width: 38mm;
  padding-left: 2mm;
  list-style-type: none;
  background-image: url("./../images/book_images/carret.png");
  background-repeat: no-repeat;
  background-position: 0 0.5mm;
  background-size: 1mm 1.5mm;
}

.foot .qrs {
  width: 45mm;
  float: right;
  text-align: right;
  margin-top: -5mm;
}

.foot .qrs .qr-message {
  padding-top: 7mm;
  color: #ea5541;
}

.foot .qrs .qrcode {
  float: right;
}

.foot .qrs .qrcode img {
  width: 10mm;
  height: 10mm;
}

.confirm_btn {
  margin: 0 auto;
  display: inline-block;
  font-size: 18px;
  padding: 10px;
  background: #0273FF;
  color: #fff;
  border: none;
  border-radius: 5px;
}

.confirm_btn:hover {
  background: #18D3FF;
  color: #fff;
}

.confirm_btn:disabled {
  background: #aaa;
  color: #fff;
}

.confirm_btn:disabled:hover {
  background: #aaa;
  color: #fff;
}

.caution {
  font-weight: bold;
  color: #c00;
}

.text-blue {
  color: #0269C9;
}

.text-red {
  color: #e00;
}

@media print {
  .noprint {
    display: none;
  }
  .attentionBox {
    display: none;
  }
}

.inner {
  width: 80%;
  margin: 0 auto;
}

.attentionBox {
  clear: both;
  font-size: 12px;
  padding: 3mm 4mm;
  background-color: #fff;
}

.attentionBox .attention {
  padding: 5mm;
  color: #ea5541;
  border: 1px solid #ea5541;
}

.error {
  background: #FFFF00;
  color: #900;
}

.errorBox {
  border: 2px solid #e00;
  padding: 3mm;
  background-color: #fff;
}

.confirmBox {
  padding: 10mm 0;
}

.tool {
  padding: 1rem;
}

.tool .btn {
  padding: .5rem 1rem;
  border: 1px solid #999;
  background: #fff;
  border-radius: .2rem;
  font-size: 14px;
}
/*# sourceMappingURL=style100s.css.map */