@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
a {
	text-decoration: none;
}
img {
	width:100%;
	vertical-align:bottom;
	border:none;
}

table {
	border-collapse: collapse;
	width: 100%;
}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
  	height: 1px;
  	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"] {
	-webkit-appearance: none;
}
body {
	font-family: Verdana, "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

main{
	width:100%;
	max-width:900px;
	margin: 0 auto;
	right: 0;
	left: 0;
}

nav{
	text-align: center;
	font-size:min(2.33vw, 21px);
	font-family: sans-serif;
	font-weight: bold;
}

nav ul{
	margin: 2%;
	padding: 0;
}

nav li{
	list-style: none;
	display: inline-block;
	min-width: 17%;
}

nav li:not(:last-child){
	border-right:2px solid #ddd;
	padding: 0% 1%;
}

nav a{
	text-decoration: none;
	color: #333;
}

nav a.current{
	color: #00B0F0;
	border-bottom:2px solid #00B0F0;
}

nav a:hover{
	color:#F7CB4D;
	border-bottom:2px solid #F7CB4D;
}

#logo {
	width: 22.2%;
} 

/* 会社概要 */

#company_table {
	padding: 4%;
}

#company_table th {
	background-color: #039b68;
	width: 22%;
	font-size: 14px;
	color: #fff;
	font-size: min(2.33vw, 21px);
}

#company_table td {
	padding: 3%;
	font-size: min(2.6vw, 20px);
}

#company_table th,td {
	border: solid 1px #000; 
}

/* 事業内容 */

#business {
	margin: 10%;
	font-size: min(2.6vw, 24px);
}

#business h3 {
  padding: 1%;
  border-bottom: 3px dotted #016769;
	color: #016769;
	font-size: min(3.11vw, 28px);
} 

#business h4 {
	font-size: min(2.88vw, 26px);
} 

#business h5 {
	color: #039b68;
} 

/* プライバシーポリシー */

#privacy {
	margin: 10%;
	font-size: min(2.6vw, 24px);
}

#privacy h3 {
  padding: 1%;
  border-bottom: 3px dotted #016769;
	color: #016769;
	font-size: min(3.11vw, 28px);
} 

#privacy h5 {
	font-size: min(2.6vw, 24px);
	text-align: right;
	font-weight: normal;
} 

#privacy th, #privacy td {
  border: 1px solid rgb(160 160 160);
  padding: 2% 1%;
}

#privacy th[scope="col"] {
  background-color: #505050;
  color: #fff;
}

#privacy th[scope="row"] {
  background-color: #d6ecd4;
}

#privacy td {
  text-align: center;
}

#privacy table {
  border-collapse: collapse;
  border: 2px solid rgb(140 140 140);
  font-family: sans-serif;
  font-size: min(2.0vw, 18px);
  letter-spacing: 1px;
}
#privacy ol {
	padding-left:1.5em;
}

/* お問合せ */

#form_title {
	text-align: center;
	font-size: min(2.66vw, 24px);
	background-color: #016769;
	color: #fff;
	margin: 8% 4% -2%;
	padding: 1%;
}

#contact_table {
	padding: 4%;
}

#contact_table th {
	background-color: #039b68;
	width: 37%;
	color: #fff;
	padding: 3% 0;
	font-size: min(2.0vw, 18px);
}

#contact_table td {
	padding: 0 0 0 3%;
}

#contact_table td .post {
	width: 45%;
	padding: 1% 0;
}

#contact_table td .questions {
	padding: 20%;
}

#contact_table th,td {
	border: solid 1px #000;
}

table th span {
	color: #f49d57;
}

#contact_table td #question {
	margin: 5% 0;
	padding: 3% 1%;
	width: 70%;
}

#contact_table td .form_text {
	width: 70%;
	padding: 1% 0;
}

#form_privacy {
	display: block;
	text-align: center;
	font-size: min(2.66vw, 24px);
}
#form_privacy a {
	text-decoration: underline;
}
#btn {
	display: block;
	text-align: center;
	text-decoration: none;
	width: 34%;
	margin: 0 auto;
	padding: 1%;
	font-weight: bold;
	border-radius: 100vh;
	border: none;
	border-bottom: 5px solid #c66313;
	background: #f19315;
	color: #fff;
	font-size: min(2.0vw, 18px);
	margin-bottom: 10%;
}

#btn:hover {
	margin-top: 4px;
	border-bottom: 1px solid #c66313;
	color: #fff;
}

/* フッター */

footer {
	background-color: #13693a;
	padding:  8%;
	color: #fff;
	text-align: center;
	font-size: min(2.0vw, 18px);
}