/* designed by Green Labo Bangkok */
html {
  scroll-behavior: smooth;
  box-sizing: border-box;
}
body {
	background: #fff;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 16px;
	line-height: 1.8;
	color: #222;
  box-sizing: border-box;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1200px;}
.halfpage {width: 1000px; margin: 0 auto;}
.sectionbox {padding: 40px 0;}
.subsectionbox {margin-bottom: 40px;}
ul {list-style-type: square;}
.no-lists {list-style-type: none; padding-left: 0;}
.nospcbttm {padding-bottom: 0!important; margin-bottom: 0!important;}
.getshadow {box-shadow: 0 0 5px #222;}
.getcorner {border-radius: 5px;}
.txtshadow {text-shadow: 0 0 3px #000;}
.br-1024, .br-ipxl, .br-768, .br-736, .br-667, .br-568, .br-414, .br-375, .br-360, .br-320, .br-pc, .br-mb {display: none;}
.view-pc, .view-mb, .hidely {display: none;}
.get-corner {border-radius: 10px;}

h1 img {width: 14%; margin: 15px 0px 15px 2px;}
h1, h2, h3 {font-weight: 700;}

/* header */
.tphd-left .img-fluid {width: 80%; max-width: 160px; margin-bottom: 20px;}
.tphd-right h3 {margin: 3% 0 0; font-size: 90%;}
.tphd-right img {width: auto; height: 44px;}

/* top navigation */
#phlpTPnav {
  padding: 20px 0;
  background: #003553;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
}
#phlpTPnav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#phlpTPnav ul li {
  display: inline;
  margin: 0 10px;
}
#phlpTPnav ul li.tpnvseparator {
  margin: 0;
  padding: 0;
  border-right: 1px solid #fff;
}
#phlpTPnav ul li a {
  padding: 5px 10px;
  text-decoration: none;
  color: #fff;
}
#phlpTPnav ul li a:hover {
  background: rgba(255,255,255,0.2);
  border-radius: 3px;
}

/* report */
#ceremonypage {padding: 3% 0 5%;}
#ceremonypage h2 {
  padding: 10px;
  text-align: center;
  background: rgba(0,53,83,0.1);
  margin-bottom: 100px;
}
#ceremonypage h3 {margin-top: 40px; color: #003553;}
#ceremonypage h4 {margin-top: 40px;}
#rprtlogo {margin-top: 40px; margin-bottom: 40px;}
#rprtlogo img {height: 120px;}
.rprtpctgall {
  list-style-type: none;
  padding: 0;
  text-align: center;
}
.rprtpctgall li {
  display: inline;
  margin: 10px;
}
.rprtpctgall li img {width: 45%; margin-bottom: 20px;}
#sect04 {}
#sect04 ul {margin-bottom: 0; padding-bottom: 0;}
.modal-footer {justify-content: center;}


/* back to top */
#back2top {
  position: fixed;
  right: 5px;
  bottom: 5px;
  line-height: 96px;
  font-size: 96px;
  width: 120px;
  height: 120px;
  text-align: right;
  z-index: 5;
}
#back2top a {
  display: block;
  padding: 16px;
  color: navy;
  text-shadow: 0 0 10px #fff;
}
#back2top a:hover {color: red;}
#back2top a .material-symbols-outlined {font-size: 72px;}


@media screen and (min-width: 641px) {
  .container {overflow: hidden;}
  .view-pc {display: block!important;}
  .br-736, .br-pc {display: block;}
  .s2-right {padding: 12% 20% 5% 3%;}
  .s2sign {text-align: right;}
  #s3Remarks {padding: 5%;}
  #phlpTPnav li:first-child {padding-left: 34px;}
  #phlphdglogo {padding-left: 60%;}
  .tphd-left .img-fluid {margin-top: 20px; margin-bottom: 10px;}
  .mbseprtr {display: none;}
  #rprtlogo {margin-top: 120px; margin-bottom: 120px;}
  .subsectionbox {margin-bottom: 100px;}
  figcaption {max-width: 1000px; margin: 0 auto;}
  .s3ftrlogo img {width: 220px; margin-bottom: 20px;}
  figcaption.mbtxt-left {text-align: left; margin-left: 12%;}
  #ceremonypage .img-fluid {max-width: 80%;}
  #ceremonypage #mr11 .img-fluid {max-width: 40%;}
  #sect04 img {margin-bottom: 0;}
  figcaption.mbtxt-left3 {max-width: 50%;}
  .modal-dialog {max-width: 1000px;}
  #s2logo img {margin-top: 10%;}
}
@media screen and (width: 768px){
  #sect03 img, #sect04 img, #sect05 img {height: 350px;}
}
@media screen and (max-width: 640px){
  body {font-size: 14px;}
  .view-mb {display: block!important;}
  .br-667, .br-mb {display: block;}
  #phlpTPnav {padding: 10px 0 20px;}
  #phlpHeader h1 {text-align: center; width: 100%; margin-bottom: 0;}
  #phlpHeader h1 img {margin: 10px auto; width: 30%;}
  #phlphdglogo {text-align: center; margin-bottom: 20px;}
  .tphd-left {text-align: center;}
  .tphd-left img.img-fluid {margin-left: 0; max-width: 50%; margin-bottom: 10px;}
  .tphd-right h3 {margin-bottom: 10px; text-align: center;}
  #phlpTPnav ul li {margin: 10px 0;}
  #tpmn01, #tpmn02 {display: block!important;}
  #phlpTPnav ul li.tpnvseparator {font-size: 0.6rem;}
  #phlpTPnav ul li a {font-size: 1rem;}
  #s2footer {font-size: 120%;}
  #back2top {right: 0; bottom: 0;}
  #rprtlogo img {width: 70%; height: auto;}
  .rprtpctgall li img {width: 90%;}
  figcaption {font-size: smaller;}
  #ceremonypage h2 {font-size: 20px;}
  #s4pcsgle img.img-fluid {max-width: 100%;} {}
  #ceremonypage h3 {font-size: 16px;}
  #ceremonypage h4 {font-size: 14px; font-weight: 700;}
  .rprtpctgall li {margin: 0 0 20px;}
  .rprtpctgall li img {width: 100%;}
  .s3ftrlogo img {width: 40%; margin-bottom: 20px;}
  figcaption.mbtxt-left {text-align: left;}
  figcaption.mbtxt-left2 {text-align: left; padding-left: 15%;}
  figcaption.mbtxt-left3 {text-align: left; padding-left: 7%;}
  .mblbblock {display: inline-block; width: 18px; height: 10px;}
  .mblbblock2 {display: inline-block; width: 20px; height: 10px;}
  #caprdcmb {display: none;}
  .indntblock {display: inline-block; width: 10%; height: 10px;}
  #s2logo img {max-width: 60%;}
  #sect03 img, #sect04 img, #sect05 img {height: auto;}
  .subsectionbox, #ceremonypage h2 {margin-bottom: 50px;}
  #dks4lpct img {margin-bottom: 0;}
  .tleft-mb {text-align: left;}
}
@media screen and (max-width: 430px) {
  #intrbrand {letter-spacing: -1px;}
  #ceremonypage h4 {font-size: 16px;}
}
@media screen and (max-width: 428px) {}
@media screen and (max-width: 393px) {
  .br-375 {display: block;}
  body {font-size: 12px;}
  #phlpTPnav {font-size: 14px;}
  #txt001 {font-size: 11px;}
  #ip4hd1, #ip4txtspc01, #sect04txt01, #s1p1, #s6p1 {letter-spacing: -1px;}
}