body{
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background: linear-gradient(90deg, #CCCCFF 10%, #CCFFFF 110%);
	color: #2d2d2d;
	margin:auto;
	/* mix-blend-mode : multiply; 乗算を指定 */
	/* font-family: 'Codystar', sans-serif;/* タイトル 
	font-family: 'Poppins', sans-serif;/* 日本語？、ドイツ語、英語
	font-family "Zen Kaku Gothic New", sans-serif;*/
	font-family: "Zen Kaku Gothic New", sans-serif;
	text-align: center center;
	font-size: 10px;
	overflow-x: hidden;
	
}

h1 {color: #2D2D2D; font-size: 12px; font-weith: 300; font-family: "Zen Kaku Gothic New", sans-serif; font-style: normal;} /* キャプション*/
h2 {color: #0028FF; font-size: 20px; font-weith: 300; font-family: 'Codystar', sans-serif; font-style: normal;} /* 本文大見出し*/
h3 {color: #555555; font-size: 12px; font-weith: 100; font-family: 'Poppins', sans-serif; font-style: normal;}　/* フッダー*/
h4 {color: #2D2D2D; font-size: 1px; font-weith: 400; font-family: "Zen Kaku Gothic New", sans-serif; font-style: normal;}　/* 本文*/

.poem{
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: 14px;
	font-weight: 200;
	font-style: italic;
	color: #555555;
	text-align: center;
}



a{text-decoration:blink;}
a:link { color: #0028FF; }
a:visited { color: #999999; }
a:hover { color: #ff0000; }
a:active { color: #0000ff; }
	
html {
	scroll-behavior: smooth;
	min-height: 500px;
}
.responsive {
width: 100%;
aspect-ratio: 16/9;
}

header {
	background: linear-gradient(90deg, #CCCCFF 10%, #CCFFFF 110%);
	text-align: center;
	line-height: 0px;
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0;
	margin: px px px px;
	width: 100%;
	height: 70px;
	z-index: 24;
	min-width: 95%;
}/* ヘッダーの内容 */

.header {
	background-color: transparent;
	text-align: left;
	line-height: 14px;
	position: fixed;
	top: 0px;
	left: 20px;
	bottom: 0;
	margin: px px px px;
	width: 90%;
	height: 70px;
	z-index: 24;
	min-width: 90%;
	color: #3600E5;
	font-size: 12px; 
	font-weith: 200;
}/* ヘッダーの内容 */

div.wrapper {
overflow:hidden;
}

div.work_main {
	background-color: transparent;
	text-align: center;
	line-height: 0px;
	position: relative;
	top: 70px;
	bottom: 50px;
	width: 90%;
	height: 100%;
	min-width: 90%;
	margin-left: 4vw;
}

div.work_hinter{
	background-color: white;
	margin-top: 70px;
	margin-left: 10vw;
	margin-right: 10vw;
	min-width: 80%;
	bottom: 50px;
	width: 80%;
	min-height:400px;
	height: auto;
	text-align: center;
	line-height:1.6;
	position: relative;
	color: #2d2d2d; 
	font-size: 13px; 
	font-weith: 400; 
	font-family: "Zen Kaku Gothic New", sans-serif; 
	font-style: normal;
}

div.work_inhalt{
	background-color: transparent;
	margin-top: 100px;
	margin-left: 70px;
	margin-right: 70px;
	bottom: 20px;
	min-width: 70%;
	min-height:400px;
	
	text-aliheight: auto;
	text-align: left;
	line-height:1.6;
	position: relative;
	color: #2d2d2d; 
	font-size: 15px; 
	font-weith: 400; 
	font-family: "Zen Kaku Gothic New", sans-serif; 
	font-style: normal;
}


	
footer {
	background: linear-gradient(90deg, #CCCCFF 10%, #CCFFFF 110%);
	font-size:7px;
	text-align: right;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 14px;
	color: #3600E5;
}
.foot{
	font-size:7px;
	text-align: right;
	position: fixed;
	bottom: 0;
	width:98%;
	height:14px;
	color: #3600E5;
	
}