@charset "Shift_JIS";

* {
	margin: 0;
	padding: 0;
}
body {
	background: #6667AB; /*2022年PANTONE流行色*/
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 11pt;
	-webkit-text-size-adjust: 100%; /*スマホで文字サイズが変わるのを防ぐ*/
	line-height: 1.8;
	letter-spacing: 1px;
	text-align:center;
	color: #fff;
}
a {
	color: #fff;
	outline: none;
	text-decoration: none;
}
a:hover {
	opacity: 0.5;
}
img {
	max-width: 100%;
	height: auto;
}
footer {
	margin-top: 80px;
	padding: 26px 0;
	border-top: dotted 1px #000;
}
.copyright {
	font-size: 70%;
}
.pagetop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 100;
}
.pagetop a {
	display: block;
	background: #000;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px
}
header {
	padding: 100px 0;
}
nav{
	text-align:center;
	margin: 0 auto;
	width: 290px;
}
nav a{
	background: #000;
	padding: 1px;
	margin: 0.2%;
	width: 32.2%;
	display: block;
	float:left;
}
h1 {
	font-weight: normal;
	font-size: 140%;
	letter-spacing: 6px;
	padding: 0 0 0 6px;
}
h2 {
	clear: both;
	font-weight: normal;
	font-size: 200%;
	letter-spacing: 14px;
	padding: 50px 0;
	border-top: dotted 1px #000;
	margin-top: 50px;
}
.top100 {margin-top: 100px;}
.top80 {margin-top: 80px;}
.top60 {margin-top: 60px;}
.top40 {margin-top: 40px;}
.top20 {margin-top: 20px;}
.aboutimg img {
	border-radius: 50%;
	width: 140px;
}

/*----------　flexbox　----------*/
.flexitem {
	margin: 30px;
}
@media only screen and (min-width: 600px){
	.flexbox {
		display: -webkit-box;
		display: box;
		width: 90%;
		margin: 0 auto;
	}
	.flexitem {
		-webkit-box-flex: 1;
		box-flex: 1;
		width: 100%;
		margin: 0 20px 20px 20px;
	}
}

/*----------　メールフォーム　----------*/
.formbox {
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
}
textarea,
input[type="text"] {
	width: 100%;
	box-sizing:border-box;
	border-radius: 10px;
	border: #ccc 1px solid;
	font-size: 16px;
	padding: 15px 20px;
	background: #efefef;
}
textarea:focus,
input[type="text"]:focus {
	outline: 0;
	background: #fff;
}
input[type='submit'] {
	-webkit-appearance: none; /*アイフォンでCSSが無効になるのを防ぐ*/
	border: none;
	background: #000;
	color: #fff;
	padding: 10px 40px;
	margin: 40px 0 0 0;
	border-radius: 20px;
}
input[type='submit']:hover {
	opacity: 0.5;
}