@font-face {
  font-family: 'Noto Serif Japanese';
  font-style: normal;
  font-weight: 400;
  src: url('font-notofont/fonts/NotoSerifCJKjp-Regular.eot') format('eot');
  src: url('font-notofont/fonts/NotoSerifCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
 url('font-notofont/fonts/NotoSerifCJKjp-Regular.otf') format('opentype'),
 url('font-notofont/fonts/NotoSerifCJKjp-Regular.woff') format('woff'),
 url('font-notofont/fonts/NotoSerifCJKjp-Regular.woff2') format('woff2'),
 url('font-notofont/fonts/NotoSerifCJKjp-Regular.ttf') format('ttf');
}

#page-top2 {
	  font-family: 'Noto Serif Japanese' , serif ;
}


/*---- CSS for window background ----*/
.bodybg {
background-color: #fff;
}

/*---- CSS for  p text left ----*/
.txtl {
text-align: left; 
padding-top: 15px;
}

/*---- h3の装飾 小見出し ----*/
.subtyl {
font-family: 'Noto Serif Japanese' , serif ;
color: #000 ;
}

/*---- h3の装飾 modal window コーナータイトル ----*/
.modaltitle {
padding: 15px;
border-bottom:solid 1px #06f;
text-align: left;
}

/*---- h3の装飾 modal window コーナータイトル 問合せ・購入フォーム ----*/
.modaltitle_form {
padding: 15px;
text-align: center;
}

/*---- h4の装飾 小見出し ----*/
.subtyl2 {
font-family: 'Noto Serif Japanese' , serif ;
font-weight: 600;
color: #000 ;
text-align: left; 
border-bottom: 1px dotted #000;
padding: 5px 5px 5px 15px;
}

.thanks_form {
padding: 15px;
text-align: center;
}