@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@400;500&display=swap');


#gn01803732 {	/*●全体の背景画像の指定*/
	font-family: 'Noto Sans JP', sans-serif;
	color: #ffef57;	/*文字カラー*/
	max-width: 964px;	/*横幅*/
	margin-top: 50px;
	margin-bottom: 50px;
	background-color: #fff;	/*背景色*/
}

#gn01803732 img {
	width: 100%;
	max-width: 964px;
	height: auto;
}

#gn01803732 a {
	text-decoration: none;
}

#gn01803732 .box { /* box＝親 */
	position: relative; /* 要素の配置方法をと子要素の起点を指定 */
	margin-bottom: 10%;/*border: solid 5px red;       枠線指定 */
}

#gn01803732 .point {
	margin: 60px 0;
	width: 100%;
}

#gn01803732 h3 {
	font-size: 52px; /*ここに検証で使用する単位を使用*/
	line-height: 1.3em;
	font-weight: bold;
	background-color: #FF5782; /*背景透明*/
	margin: auto;
	width: 964px;
	padding: 15px 15px;             /* 余白指定 */
}

#gn01803732 h2 {
	font-size: 54px; /*ここに検証で使用する単位を使用*/
	line-height: 1.3em;
	font-weight: bold;
	background-color: #FF5782; /*背景透明*/
	position: absolute;        /* 要素の配置方法を指定 */
	margin: auto;
	padding: 15px 15px;             /* 余白指定 */
}

#gn01803732 h2 span {
	color: #fff;	/*文字カラー*/
}

#gn01803732 #otoku {
	width: 100%;
    margin-right: auto;
    margin-left: auto;
	margin: 40px 0;
}

#gn01803732 .link {
	width: 90%;
    margin: 46px auto 46px auto;
    padding: 20px;
    background-color: #000000;
    border-radius: 20px;
}

#gn01803732 .link p{
    font-size: 32px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.4;
}

#gn01803732 .link p span{
	font-size: 34px;
	color: #FF5782;
	font-weight: bold;
}


@media screen and ( min-width:521px ){ /* tablet&PC */

}


/*--------------------------------------------------------------------
●SP　640px以下
--------------------------------------------------------------------*/
@media screen and ( max-width:520px ){
/* スマホ用のCSS */

#gn01803732 img {
	max-width: 100%;
	height: auto;
}

#gn01803732 .box { /* box＝親 */
	position: relative; /* 要素の配置方法をと子要素の起点を指定 */
}

#gn01803732 .point {
	margin: 30px 0;
	width: 100%;
}

#gn01803732 h3 {
	font-size: 20px; /*ここに検証で使用する単位を使用*/
	line-height: 1.3em;
	font-weight: bold;
	background-color: #FF5782; /*背景透明*/
	margin: auto;
	width: 100%;
	padding: 6px 3px;             /* 余白指定 */
}

#gn01803732 h2 {
	font-size: 18px; /*ここに検証で使用する単位を使用*/
	line-height: 1.3em;
	font-weight: bold;
	background-color: #FF5782; /*背景透明*/
	position: absolute;        /* 要素の配置方法を指定 */
	margin: auto;
	padding: 6px 3px;             /* 余白指定 */
}

#gn01803732 h2 span {
	color: #fff;	/*文字カラー*/
}

#gn01803732 #otoku {
	width: 100%;
    margin-right: auto;
    margin-left: auto;
	margin: 30px 0;
}

#gn01803732 .link {
	width: 90%;
    margin: 22px auto 22px auto;
    padding: 8px;
    background-color: #000000;
    border-radius: 10px;
}

#gn01803732 .link p{
    font-size: 15px;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.3;
}

#gn01803732 .link p span{
	font-size: 18px;
	color: #FF5782;
	font-weight: bold;
}
 /* スマホ用のCSSここまで */