@charset "utf-8";

/* ◆◆◆CSS reset◆◆◆ */
body, h1, h2, h3, h4, p, ul, ol, li, table, tr, th, td, hr,
header, footer, main, section, article, aside, figure  {
	margin : 0;
	padding : 0;
}





/* ◆◆◆ common ◆◆◆ */
html {
	font-size : 62.5%;
	font-family : -apple-system, BlinkMacSystemFont, "Helvetica Nune", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	height : 100%;
}

body {
	background : url(../images/top_dummy.jpg) center top no-repeat fixed #000;
	background-size : cover;
	height : 100%;

	color : #333;
}

h1 {
	font-family : "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size : 1.8em;
	line-height : 1em;
	letter-spacing : 0;
}

p {
	font-size : 1.4em;
	line-height : 1em;
}

a { text-decoration : none; font-weight : bold; }

a:link, a:visited { color : #000; }
a:hover {  }

.sp {}





/* ◆◆◆ base ◆◆◆ */
/* ◆◆ wrap ◆◆ */
#wrap {
	position : relative;
	background : rgba(255, 255, 255, 0.8);
	margin : 0 5vw;
	height : 100%;
}





/* ◆◆ header ◆◆ */
header {
	position : fixed;
	right : 2.5vw;
	top : 0;
	z-index : 10;
	background-color : rgb(115, 160, 60);
	box-shadow : 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
	color : #fff;
}

header h1 {
	padding : 20px 5px;
	font-size : 3.2em;
	writing-mode : vertical-rl;
	text-orientation : upright;
}

header h1 span {
	font-size : 2.4rem;
}

header h1 img {
	max-height : 70vh;
}





/* ◆◆ main ◆◆ */
main {
	box-sizing : border-box;
	padding : 2.5vw 5vw 2.5vw 2.5vw;
	height : 100%;
}





/* ◆◆ section ◆◆ */
section {
	margin-bottom : 2.5vw;
}

section:last-child {
	margin-bottom : 0;
}

section h1 {
	position : relative;
	left : -7.5vw;
	background : #fff;
	box-shadow : 5px 5px 5px 0 rgba(0, 0, 0, 0.2);
	border-top : solid 2px rgb(115, 160, 60);
	margin-bottom : 2.5vw;
	padding : 5px;
	color : rgb(115, 160, 60);
}

section div {
	margin-bottom : 2.5vw;
}

section:last-child div {
	margin-bottom : 0;
}

/* ◆ typeButton ◆ */
section div p {
	/* display : flex; */
}

section div p a {
	display : block;
	flex-grow : 1;
	border-bottom : dotted 2px #000;
	margin-top : 10px;
	padding : 5px 0;
}

section div p a:not(:last-child) {
	margin-right : 5px;
}

section div p a span {
	display : inline-block;
	transform : rotate(90deg);
	color : rgb(115, 160, 60);
	font-size : 1.2rem;
}