@charset "utf-8";

#pageBelief {
}

#pageBelief p {
  padding-bottom:16px;
}

#pageBelief #boxNote {
  position:relative;
  margin:120px;
  font-family: "Shippori Mincho", serif;  
  color:#707070;
  font-size:20px;
  font-weight:normal;
  letter-spacing:0em;
  line-height:1.2em;
  background:#fffdf6;
  border:1px solid #c7c8c8;
  z-index:1;
}
#pageBelief #boxNote h1 {
  display:block;
  position:absolute;
  top:-95px;
  left:calc( 50% - 89px );
  width:250px;
  height:190px;
  background:url("../img/bg_h1.png") no-repeat center center;
  background-size:250px 190px
}
#pageBelief #boxNote h1 span {
  display:block;
  padding-top:45px;
  color:#fff;
  font-size:24px;
  font-weight:normal;
  letter-spacing:0em;
  line-height:1.2em;
  text-align:center;
}
#pageBelief #boxNote h2 {
  padding:115px 0;
  font-size:30px;
  font-weight:normal;
  letter-spacing:0em;
  line-height:1.0em;
  text-align:center;
}
#pageBelief #boxNote #NoteSpace {
  padding:100px 50px;
}
#pageBelief #boxNote #NoteCore {
  padding-bottom:200px;
  line-height:50px;
  border-top:2px solid #c7c8c8;
  background:url("../img/bg_note.png");
}
#pageBelief #boxNote #NoteSign {
  padding:30px 0 60px;
  text-align:right;
}

#pageBelief #boxNote #noteFooter {
}
#pageBelief #boxNote #footerPhoto {
  float:left;
  position:relative;
  z-index:3;
}
#pageBelief #boxNote #footerPhoto img {
  position:absolute;
  top:-20px;
  left:-70px;
  transform:rotate(-10deg);
  filter: drop-shadow(8px 8px 8px #707070);
}
#pageBelief #boxNote #footerText {
  float:right;
  padding-top:40px;
  width:17em;
  font-size:18px;
  line-height:1.8em;
}



/* ------------------------------------------------------------ */
/*   For SmartPhones                                            */
/* ------------------------------------------------------------ */
@media print, screen and (max-width: 640px) {

#pageBelief #boxNote {
  margin:90px 20px 20px;
  font-size:16px;
}
#pageBelief #boxNote #NoteSpace {
  padding:100px 20px;
}

#pageBelief #boxNote h1 {
  display:block;
  position:absolute;
  top:-68px;
  left:calc( 50% - 90px );
  width:180px;
  height:136px;
  background:url("../img/bg_h1.png") no-repeat center center;
  background-size:180px 136px
}
#pageBelief #boxNote h1 span {
  display:block;
  padding-top:35px;
  color:#fff;
  font-size:18px;
  font-weight:normal;
  letter-spacing:0em;
  line-height:1.2em;
  text-align:center;
}

#pageBelief #boxNote #NoteCore {
  padding-bottom:50px;
  line-height:1.8em;
}

#pageBelief #boxNote h2 {
  padding:55px 0;
  font-size:24px;
  font-weight:normal;
  line-height:1.3em;
}

#pageBelief #boxNote #NoteSign {
  padding:30px 0 60px;
  text-align:right;
}
#pageBelief #boxNote #NoteSign img {
  width:70%;
}

#pageBelief #boxNote #footerText {
  position:static;
  float:none;
  padding-bottom:50px;
  width:100%;
  font-size:15px;
}
#pageBelief #boxNote #footerPhoto {
  position:static;
  float:none;   
  width:100%;
  text-align:center;
}
#pageBelief #boxNote #footerPhoto img {
  position:static;
  width:90%;
  height:auto;
}


}