/* company message
=============================================== */

#message #page-header { background-image:url(../img/message/bg_header.jpg); }

@font-face {
  font-family: 'TBSGothicTP-Bold';
  src: url('../../font/TBSGothicTP-Bold-Subset20250826.otf') format('truetype');
	   font-weight:normal;
}

/* top-message
-------------------------------- */

#tpmsg-pic { margin:0 auto 2.0em auto; aspect-ratio:1500 / 1001; border-radius:0.5em; background:url(../img/message/tpmsg_pic.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media all and (max-width: 1079px) {
#tpmsg-pic { width:calc(100% + 1.5em + 1.5em); box-sizing:border-box; border-radius:0; margin:0 -1.5em 1.5em -1.5em; }
}

#tpmsg-name { margin-bottom:0.5em; font-size:180%; line-height:130%; font-weight:700; }
#tpmsg-message { margin-bottom:1.0em; font-size:240%; line-height:140%; color:var(--cl-tbsblue); font-weight:700; }

#top-message { background: linear-gradient(#FCFCFC 47%, #E2F4FF 100%); }

/* -- Media Queries -- */

@media all and (max-width:1079px) {

#tpmsg-name { font-size:140%; }
#tpmsg-message { font-size:180%; }

}

@media all and (max-width:767px) {

#tpmsg-name { font-size:120%; }
#tpmsg-message { font-size:155%; }

}


/* brand-message
-------------------------------- */

#corporate-philosophy,
#brand-promise,
#brand-message-txt { width:700px; margin:2.0em auto; padding:2.0em; text-align:center; }
#corporate-philosophy,
#brand-promise { background-color:rgba(0, 81, 255, 0.1); }
#brand-message-txt { box-shadow:2px 3px 20px rgba(0, 0, 0, 0.25); }

.bm-txt-read { padding-top:1.0em; }

#corporate-philosophy .bm-ttl { margin-bottom:1.0em; font-size:140%; }
#corporate-philosophy .bm-txt1 { display:block; line-height:180%; padding-bottom:1.5em; border-bottom:#AAA 1px solid; margin-bottom:1.5em; }
#corporate-philosophy .bm-txt2 { font-size:120%; font-weight:700; line-height:180%; }

#brand-promise .bm-ttl { margin-bottom:1.0em; font-size:140%; }
#brand-promise .bm-txt1 { display:block; line-height:180%; padding-bottom:1.5em; border-bottom:#AAA 1px solid; margin-bottom:1.5em; }
#brand-promise .bm-txt2 { font-size:120%; font-weight:700; line-height:180%; }
#brand-promise .bm-txt3 { font-size:200%; font-weight:700; line-height:180%; margin:0.5em 0; }
#brand-promise .bm-txt4 { margin-bottom:1.0em; }

#brand-message-txt .bm-ttl { margin-bottom:1.0em; font-size:140%; }
#brand-message-txt .bm-txt1 { display:block; line-height:180%; padding-bottom:1.5em; border-bottom:#AAA 1px solid; margin-bottom:2.0em; }
#brand-message-txt .bm-txt2 { font-size:120%; font-weight:700; line-height:180%; }
#brand-message-txt .bm-txt3 { font-size:240%; font-weight:700; margin:0.5em -1.0em 0.75em 0; letter-spacing:0.25em; }


#br-arrow { margin:2.0em auto; width:calc(96px / 2); aspect-ratio:96 / 56; background:url(../img/message/arrow.png) center center no-repeat; background-size:cover; text-indent:-9999px; }

.tbsfont { font-family:'TBSGothicTP-Bold'; font-weight:normal; }

#bm-btn { font-size:110%; text-align:center; }
#bm-btn a { position:relative; display:inline-block; width:17em; padding:1.0em 0; background-color:#fff; border-radius:1000px; border:var(--cl-tbsblue) 2px solid; box-shadow:2px 2px 4px rgba(0, 0, 0, 0.4); color:var(--cl-tbsblue); font-weight:700; font-size:90%; text-decoration:none; /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
@media (hover:hover) { #bm-btn a:hover { transform:translateX(4px); opacity:0.7; } }


/* -- Media Queries -- */

@media all and (max-width:767px) {

#corporate-philosophy,
#brand-promise,
#brand-message-txt { width:auto; font-size:90%; max-width:24em; padding:1.5em; }

#brand-promise .bm-txt3 { font-size:170%; }
#brand-message-txt .bm-txt3 { font-size:190%; margin:0.75em -1.0em 0.75em 0; }

#br-arrow { margin:1.5em auto; width:calc(96px * 0.4); }

}

@media all and (max-width:500px) {

#corporate-philosophy,
#brand-promise,
#brand-message-txt { font-size:85%; }

}


/* documents
-------------------------------- */

#documents.contents-box { background-color:transparent; box-shadow:none; padding:0 1.5em;}

#dc-bn-list { margin:auto; padding-top:1.0em; width:470px; }
#dc-bn-list li { margin-bottom:2.0em;  }
#dc-bn-list li dl dt .banner a { display:flex; justify-content:center; align-items:center; width:100%; aspect-ratio:312 /60;  background-position:center center; background-repeat:no-repeat; background-size:cover; border-radius:8px; font-size:120%; color:#fff; text-decoration:none; box-shadow:1px 1px 10px rgba(0, 0, 0, 0.25); text-shadow:1px 1px 10px rgba(0, 0, 0, 0.25); /* hover */ transition:transform 0.2s, opacity 0.2s ease-out; }
#dc-bn-list li dl dt .banner a::after { display:inline-block; content:""; vertical-align:middle; margin-left:0.25em; width:1em; height:1em; background:url(../img/message/icon_exlink.png) center center no-repeat; background-size:100% auto; }
@media (hover:hover) { #dc-bn-list li dl dt .banner a:hover { transform:translateX(4px); opacity:0.7; } }
#dc-bn-book dl dt .banner a { background-image:url(../img/message/btn_doc_book.jpg); }
#dc-bn-vision dl dt .banner a { background-image:url(../img/message/btn_doc_vision.jpg); }
#dc-bn-report dl dt .banner a { background-image:url(../img/message/btn_doc_report2.jpg); }
#dc-bn-list li dl dd { padding-top:1.0em; line-height:140%; font-family:"dotgothic16", sans-serif; }

/* -- Media Queries -- */

@media all and (max-width: 767px) {

#dc-bn-list { width:100%; font-size:3.5vw; }

}


/* campany-profile
-------------------------------- */

#cp-tbl { width:100%; padding-top:1.0em; }
#cp-tbl table { width:100%; }
#cp-tbl table th,
#cp-tbl table td { border-collapse:collapse; vertical-align:top; padding:0.7em 0.8em; border-top:#D9D9D9 1px solid; line-height:160%; text-align:left; word-break:break-all; }
#cp-tbl th { white-space:nowrap; }

.map-container { margin-top:20px; width:100%; height:480px; }
.map-container iframe { width:100%; height:100%; border: 0; }

/* ------ Media Queries ------ */

@media all and (max-width:1079px) {

#cp-tbl { font-size:90%; }
.map-container {  height:320px; }

}


/*eof*/