body {
	background-image: 
	radial-gradient(1px 1px at 20px 30px, #ffffff, rgba(0,0,0,0)),
	radial-gradient(1px 1px at 75px 130px, #ffffff, rgba(0,0,0,0)),
	radial-gradient(1.5px 1.5px at 150px 60px, #ffffff, rgba(0,0,0,0)),
	radial-gradient(1px 1px at 220px 180px, #ddf0ff, rgba(0,0,0,0)),
	radial-gradient(2px 2px at 280px 40px, #ffffff, rgba(0,0,0,0)),
	linear-gradient(170deg, #355783 10%, #7788B0 47%, #CFB4B9 80%, #ECD7CA 89%, #F7F6EF 100%);
	background-size: 350px 250px, 100% 100%; 
	background-attachment: fixed;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 140%;
	color: #3D3D40;
	box-sizing: border-box;
	font-family: 'メイリオ','ＭＳ ゴシック','Kosugi Maru', sans-serif;
	}

a:link {
	display: inline-block;
	color: #3D3D40;
	background-color: #DCF3FE;
	padding: 0px 2px;
 	text-decoration:none;
	border-radius: 2px;
	}

a:visited, a:hover, a:active {
	display: inline-block;
	color: #8a8a8c;
	background-color: #FFF1DA;
 	text-decoration:none;
	}


.container {
	background-color: #fdfdff;
	margin: 0 auto;
	width: calc(100% - 20px);
	padding: 35px 20px 25px 20px;
	max-width: 720px;
	box-sizing: border-box;
	}

.title {
	text-align: right;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	color: #fdfdff;
	margin-right: 10px;
	text-shadow: 5px 5px 13px #F7F6EF, -5px 5px 13px #CFB4B9, 5px -5px 13px #7788B0, -5px -5px 13px #7788B0;
	font-family: 'Noto Serif JP', serif;
	}

.link-main{
	flex-wrap: wrap;
	gap: 10px;
	line-height: 190%;
	font-family: "Oleo Script Swash Caps", 'メイリオ','ＭＳ ゴシック', 'Kosugi Maru', system-ui;
	}

.link-main a{
	padding: 2px 18px;
	margin: 4px 10px;
	text-align: center;
	text-decoration: none;
	color: #3D3D40;
	border-radius: 6px;
	font-size: 20px;
	font-weight: normal;
	box-sizing: border-box;
	background-color: #B9E8FF;
	background: repeating-linear-gradient(135deg, #DCF3FE, #DCF3FE 4px, #B9E8FF 4px, #B9E8FF 8px);
	transition: background .2s;
	}

.link-main a:visited,
.link-main a:hover,
.link-main a:active{
	background-color: #FFE2B5;
	background: repeating-linear-gradient(135deg, #FFF1DA, #FFF1DA 4px, #FFE2B5 4px, #FFE2B5 8px);
	}

.heading-with-line {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 26px;
	font-weight: bold;
	color:#355783;
	margin: 10px 0;
	font-family: "Send Flowers", cursive;
	}

.heading-with-line::after {
	content: "";
	flex-grow: 1;
	height: 2px;
	background-color: #7788B0;
	margin-top: 8px;
	}

.content {
	padding: 15px 5px;
	text-align: left;
	text-wrap: wrap;
	}

textarea{
	margin: 0;
	padding: 0;
	font-size: 14px;
	width: 360px;
	height: 20px;
	resize: none;
	}

.counter {
	text-align: right;
	}