/**
 * プロトタイプ
----------------------------------------------------------------*/
img{
	max-width:100%;
	display:block;
}
table{ width:100%; }
iframe{
	width:100%;
	display:block;
}
.spacer{ padding-bottom:40px; }

/* レイアウト基準 */
.base{
	max-width:1024px;
	margin:0 auto;
	box-sizing:border-box;
}
@media screen and (max-width: 768px){
	.base{ width:100%; }
}

/* アウトライン */
h2{ padding-bottom:20px; }

/* ボタン */
.buttons{
	padding:40px;
	text-align:center;
}

/* 電話・LINEボックス */
.telbox{
	background:rgb(35,24,21,1);
	display:inline-block;
	border-radius:10px;
	transition:background .2s;
	margin:10px;
}
.linebox{
	background:rgb(29,205,0,1);
	display:inline-block;
	border-radius:10px;
	transition:background .2s;
	margin:10px;
}
.telbox:hover{ background:#333; }
.linebox:hover{ background:rgb(29,205,0,1); }
.telbox img,
.linebox img{ max-width:480px; }
@media screen and (max-width: 768px){
	.telbox img,
	.linebox img{ max-width:100%; }
	.telbox,
	.linebox{ padding:10px; }
}

/* 商品リスト */
.productlist{
	display:flex;
	flex-wrap:wrap;
}

/* 会社概要テーブル */
.table01 th,
.table01 td{ padding:10px; }
.table01 th{
	font-weight:normal;
	text-align:left;
}
.table01 tr:nth-child(even){ background:#ffcc66; }
.table01 tr:nth-child(odd){ background:#ffffcc; }

/**
 * 全体
----------------------------------------------------------------*/
body{
	background:rgb(249,190,0,1);
	color: #333333;
	font-size:14px;
	line-height:1.5;
	font-family:"Helvetica Neue", HelveticaNeue, "Segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/**
 * ヘッダー・フッター
----------------------------------------------------------------*/
#headcard{ background:rgb(35,24,21,1); }
#logo{ text-align:left; }
#logo > a{
	position:relative;
	z-index:1;
	transition:opacity .2s;
	display:inline-block;
}
#logo > a:hover{ opacity:.7; }
#logo > a > img{ margin:0; }
@media screen and (max-width: 768px){
	#logo{ text-align:center; }
}
#cr{
	background:rgb(35,24,21,1);
	color:white;
	font-size:16px;
	padding:20px;
	text-align:center;
}

/**
 * コンテンツ
----------------------------------------------------------------*/
.cont{
	background:white;
	padding:40px 60px;
	border:10px solid rgb(249,190,0,1);
}
@media screen and (max-width: 768px){
	.cont{ padding:40px 20px; }
}
.cont > section:not(:first-child){ padding-top:80px; }
#pagename{
	font-size:24px;
	font-weight:bold;
	padding:40px 10px 20px;
	text-align:center;
}

/**
 * TOPページ
----------------------------------------------------------------*/
#mvis{ margin-top:-80px; }
#mvis > img{ margin:0 auto; }
@media screen and (max-width: 768px){
	#mvis{ margin-top:0; }
}

.txt_or{ color:#F29600; }
.txt_green{ color:#009245; }
.photo_box{
	width:130px;
	font-size:12px;
	text-align:center;
	padding-top:10px;
	padding-right:0px;
	padding-bottom:10px;
	padding-left:0px;
	height:150px;
}
.txt24{
	font-size:24px;
	line-height:30px;
	font-weight:bold;
}
.txt12{ font-size:12px; }
.list_kobetutitle{
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#00A99D;
	line-height:30px;
	padding:5px;
}
.osusume{
	background-image:url(../../img/list/osusume2.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:40px;
	text-align:left;
}
.req{
	font-size: 12px;
	color: #FF6600;
}

form input[type="text"],
form textarea{
	width:100%;
	border:1px solid #ccc;
	font-size:16px;
	padding:4px 2px;
}
form input[type="text"].short{ width:80px; }

.form table { margin-bottom: 10px; }
.form td {
	padding: 10px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}