@charset "utf-8";
/* -------------------------
base layout
------------------------- */
html {
  font-size: 62.5%;
}
.lp0524 {
  font-size: 1.3em;
  color: #333;
  overflow-x: hidden;
  line-height: 1.6;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.en {
	font-family: 'Cinzel', serif;
}
img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 769px) {
  /* 769px以上（PC用）の記述 */
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}
.mb40 { margin-bottom: 40px;}
.mb50 { margin-bottom: 50px;}
.mb60 { margin-bottom: 60px;}
.mtb60 { margin: 60px 0;}
.h10 { height: 10px;}
.h20 { height: 20px;}
.h30 { height: 30px;}
.h40 { height: 40px;}
.h50 { height: 50px;}
.h60 { height: 60px;}
}

@media screen and (max-width: 768px) {
  /* 480px以下用（スマートフォン用）の記述 */
.mb10 { margin-bottom: 5px;}
.mb20 { margin-bottom: 10px;}
.mb30 { margin-bottom: 10px;}
.mb40 { margin-bottom: 10px;}
.mb50 { margin-bottom: 30px;}
.mb60 { margin-bottom: 40px;}
.mtb60 { margin: 40px 0;}
.h10 { height: 5px;}
.h20 { height: 10px;}
.h30 { height: 10px;}
.h40 { height: 10px;}
.h50 { height: 30px;}
.h60 { height: 40px;}

}