@charset"utf-8";

/* ページ全体の設定 */

body {
	.webkit-text-size-sdjust:none;/*テキストの自動拡大防止*/
	text-size-adjust:none;
	margin:0;
}

img {
	width:100%;
	height:auto;
}


/* ヘッダー：ブロック */

/* ヘッダ－：固定する*/
.top-header {
	display:flex;
	justify-content:space-between;
	padding:20px 10px;
	background-color:#FFF;
	position:fixed;
	width:100%;
	box-shadow:5px 5px 5px #aaa;
	top:0;
	right:0;
	z-index:99;
}
figure {
	margin-top:0;
}
ul {
	margin-top:0;
	margin-bottom:0;
}



/* ナビゲーションメニュー */
.item {
	position:absolute;
	left:auto;
	right: 30px;
	bottom: 40px;
}

ul {
	list-style-type:none;
	padding:0;
	font-size:18px;
	display:flex;
	justify-content:center;
}

li {
	font-weight: 400;
	font-size:14px;
	color: #80a491;
}

li:not(:last-child) {
	margin-right:20px;
}

/* リンク */
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #666;
}
a:hover {
	text-decoration: none;
}
a {
	font-size: 18px;
}



/* コンテンツ：ブロック */
.container {
	padding:10px 12px 40px 12px;
	padding-top:150px;
	max-width:800px;
	margin-right:auto;
	margin-left:auto;
}

.port {
	background-image:url(img/suttuport.jpg);
	background-size:cover;
	height:100vh;
	box-sizing:border-box;
}
.greeting {
	display:block;
	text-align:center;
}
h1 {
	text-align:center;
	font-size:24px;
	margin:0;
	color:#333;
}

p {
	font-size:12px;
	color:#666;
	margin:0;
	line-height:2.0;
}

h3 {
	font-size:14px;
	color:#333;
	text-align:center;
}


	

/* フッター：ブロック */
footer {
	text-align:center;
	color:#333;
}

/* お問い合わせのページです*/

input, textarea {
	width:100%;
	box-sizing:border-box;
	padding:10px;
}
textarea {
	height:120px;
}
input[type="submit"] {
	background-color:#ffaa00;
	border:none;
	-webkit-appearance:none;
}
strong {
	text-align:center;
	font-size:large;
}





/* pc版 */

@media (max-width:540px) {
.container {
	max-width:800px;
}

.item {
	position:absolute;
	left:auto;
	right: 30px;
	bottom: 10px;
}
}

@media (min-width:600px) { 
input[type="submit"] {
	width:250px;
}
}