﻿@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
#wrapper {
	overflow: hidden;
}
body {
	background: #ffffff;
}
main {
	padding-bottom: 1rem;
	min-height: calc(100vh - 180px);
}
#footer {
	height: 100px;
}
img {
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 575px) {
	h1,h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1rem;
	}
	h5,h6 {
		font-size: 1rem;
	}
}
@media screen and (min-width:576px) and (max-width:767px) {
	h1,h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1rem;
	}
	h5,h6 {
		font-size: 1rem;
	}
}
@media screen and (min-width:768px) and (max-width:991px) {
	h1,h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1rem;
	}
	h5,h6 {
		font-size: 1rem;
	}
}
@media screen and (min-width:992px) and (max-width:1199px) {
	h1,h2 {
		font-size: 1.5rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1rem;
	}
	h5,h6 {
		font-size: 1rem;
	}
}
@media screen and (min-width: 1200px) {
	h1,h2 {
		font-size: 1.75rem;
	}
	h3 {
		font-size: 1.25rem;
	}
	h4 {
		font-size: 1rem;
	}
	h5,h6 {
		font-size: 1rem;
	}
}

.caption {
	padding: 5px;
	background-color: #00a23f;
	color: #ffffff;
	font-weight: bold;
}
.caption-text {
	padding: 5px;
	color: #00a23f;
	font-weight: bold;
}

.note1 {
  font-size: 10px;
}

.comment {
  background: lightpink;
  padding: 5px 0px 5px 0px;
}

.form-help a {
  background-color: #0075d9;
  color: #ffffff;
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 5px;
  padding: 1px 4px;
  text-decoration: none;
}

/* 横幅オーバーした時にスクロールバーを表示 */
.scroll-box {
	overflow-x: auto;
	margin-bottom:1.25rem;
}
.scroll-box::-webkit-scrollbar {
	height: 6px;
}
.scroll-box::-webkit-scrollbar-track {
	background: #eeeeee;
}
.scroll-box::-webkit-scrollbar-thumb {
	background: #999999;
}

.input-acitve {
	ime-mode: acitve;
}
.input-inactive {
	ime-mode: inactive;
}
.input-disabled {
	ime-mode: disabled;
}
