@charset "UTF-8";

html {
  font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 18px; /* 元の62.5%から10%増加 */
}

body {
  margin: 0;
  font-size: 1rem; /* 全体のフォントサイズを調整 */
}

p{
	text-align: center;
	margin: 1.5em 1em;
	line-height: 2em;
}

h2{
	font-size: 1.7em;
	font-weight: bold;
	color: #F27682;
	margin: 3em 0.5em 0em 0.5em;
}
h3{
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	border-left: solid 5px #f27682;/*左線*/
	font-size: 1.2em;
	font-weight: bold;
	margin: 1em 0.5em;
	
}
footer{
	margin: 4em 1em 2em 1em;
	text-align: center;
	font-size: 0.8em;

}

a.footer{
	color: #464646;
	line-height: 2em;

}

main{
	padding-bottom: 1em;
}
.marker{	
	background: linear-gradient(transparent 50%, #ffffab 50%);
}
.red{
	color: #e9232c;
}
.blue{
	color: #0000ff
}
.big{
	font-size: 1.3em;
	line-height: 2em;
}
.bigger{
	font-size: 1.7em;
	line-height: 2em;
}
.small{
	font-size: 0.5em;
}
.note{
	font-size: 0.7em;
}
.left-note{
	font-size: 0.7em;
	text-align: left;
	margin: 0 2em;
}
.center{
	text-align: center;
}
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.bold{
	font-weight: bold;
}
.bolder{
	font-weight: bolder;
}

img {
	margin: 1em 0;
}

.pr {
	font-size: 0.8em;
	color: #464646;
}

.pr-right{
	margin: 0.5em 1em;
	text-align: right;
}

.fv {
	margin: 0 1 1 1em;
}

h1{
	margin: 0 0.5em;
}

.wrapper {
  max-width: 750px;
  margin: 0 auto;
  width: 100%;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background: #fff;
}





/* 画像をレスポンシブに調整 */
img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}

/* レスポンシブ対応 */
@media screen and (max-width: 480px) {
  html {
    font-size: 90%; /* モバイル向けにフォントサイズを少し下げる */
  }

}