@charset "utf-8";
/* CSS Document */

@import url("base.css");


/* pc */
@media only screen and (min-width: 1200px) {
	
/*メイン*/

section h1{
	font-size:175%;
	background-color:#000000;
	color:#fff;
	margin:1em 0 1em 0;
	padding:0 0 0.25em 0;
	line-height:1.5;
	text-shadow: 2px  2px 3px #b8b574,
            -2px  2px 3px #b8b574,
             2px -2px 3px #b8b574,
            -2px -2px 3px #b8b574;
			font-weight:normal;
	}

section #botan{
	font-size:120%;
	color:#fff;
	margin:1em 0 1em 60%;
	line-height:1.5;
	text-shadow: 2px  2px 3px #b8b574,
            -2px  2px 3px #b8b574,
             2px -2px 3px #b8b574,
            -2px -2px 3px #b8b574;
			font-weight:normal;
			width:40%;
	}
section #botan li{
	float:left;
	width:48%;
	margin:0 0 0 2%;
	text-align:center;
	}
section #botan li:nth-child(n+3){
	margin:0.5em 0 0 2%;
	}
	
section #botan a:link,section #botan a:visited{
	background-color:#000000;
	color:#fff;
	padding:0.25em 0 0.25em 0;
	text-shadow: 2px  2px 3px #b8b574,
            -2px  2px 3px #b8b574,
             2px -2px 3px #b8b574,
            -2px -2px 3px #b8b574;
			font-weight:normal;
	text-decoration:none;
	display:block;
	}
section #botan a:hover{
	background-color:#333;
	}
h2{
	font-size: 40px;
	margin: 1em 0 0 0;
	background-image: url(../img_asset/base/h1line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-weight:normal;
	background-size: auto 20px;
	line-height:3em;
	text-align: center;
	}
.name{
	width:100%;
	margin:1em 0 0 0;
	font-weight:bold;
	text-align:right;
	}
#company table th{
	width: 22%;
	padding: 0.5em 2%;
	text-align: left;
	border-bottom: 1px dotted #000000;
	border-right: 20px solid #fff;
	vertical-align: middle;
	font-weight: normal;
	}
#company table td{
		width: 68%;
	padding: 0.5em 2%;
	border-bottom: 1px dotted #000000;
	}
#company table td span{
		display: block;
	}
#history{
		width: 100%;
		margin: 2em auto 0;
	}
#history table{
		width: 100%;
	margin: 1em 0 0;
	}
#history table th{
	width: 16%;
	padding: 0.5em 2%;
	border-bottom: 1px dotted #000000;
	border-right: 20px solid #fff;
	vertical-align: middle;
	font-weight: normal;
	}
#history table td{
	width: 76%;
	vertical-align: middle;
	border-bottom: 1px dotted #000000;
	}
#history table td{
	width: 76%;
	vertical-align: middle;
	border-bottom: none;
	}
#history table tr td table{
	width: 100%;
	margin: 0;
	}
#history table td table td:nth-child(1){
	width: 16%;
	padding: 0.5em 2%;
	border-right: 20px solid #fff;
	}
#history table td table td{
	width: 76%;
	padding: 0.5em 2%;
	border-bottom: 1px dotted #000000;
	}
#message dl dd{
	border: 5px dotted #338BCB;
	padding:0.75em 1% 0.75em 1%;
	margin:2em 0 0 0;
	}
}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 1199px) {

/*メイン*/
main{
	width:96%;
	margin:0 2% 0 2%;
	}
section h1{
	font-size:175%;
	background-color:#000000;
	color:#fff;
	margin:1em 0 1em 0;
	padding:0 0 0.25em 0;
	line-height:1.5;
	text-shadow: 2px  2px 3px #b8b574,
            -2px  2px 3px #b8b574,
             2px -2px 3px #b8b574,
            -2px -2px 3px #b8b574;
			font-weight:normal;
	}

section ul{
	width: 100%;
	margin: 2em 0 0 0;
	
	}
section ul li dl dt{
	float:left;
	width: 31%;
	padding: 0.5em 0 0.5em 2%;
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px dotted #000000;
	}
section ul li dl dd{
	float:right;
	width:63%;
	padding: 0.5em 0 0.5em 2%;
	border-bottom: 1px dotted #000000;
	vertical-align:middle;
	}
section #botan{
	font-size:120%;
	color:#fff;
	margin:1em 0 1em 40%;
	line-height:1.5;
	text-shadow: 2px  2px 3px #b8b574,
            -2px  2px 3px #b8b574,
             2px -2px 3px #b8b574,
            -2px -2px 3px #b8b574;
			font-weight:normal;
			width:60%;
	}
section #botan li{
	float:left;
	width:48%;
	margin:0 0 0 2%;
	text-align:center;
	}
section #botan li:nth-child(n+3){
	margin:0.5em 0 0 2%;
	}
	
section #botan a:link,section #botan a:visited{
	background-color:#000000;
	color:#fff;
	padding:0.25em 0 0.25em 0;
	text-shadow: 2px  2px 3px #b8b574,
            -2px  2px 3px #b8b574,
             2px -2px 3px #b8b574,
            -2px -2px 3px #b8b574;
			font-weight:normal;
	text-decoration:none;
	display:block;
	}
section #botan a:hover{
	background-color:#333;
	}
section h2{
	font-size: 40px;
	margin: 1em 0 0 0;
	background-image: url(../img_asset/base/h1line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-weight:normal;
	background-size: auto 20px;
	line-height:3em;
	text-align: center;
	}
.name{
	width:100%;
	margin:1em 0 0 0;
	font-weight:bold;
	text-align:right;
	}
#company table th{
	width: 22%;
	padding: 0.5em 2%;
	text-align: left;
	border-bottom: 1px dotted #000000;
	border-right: 20px solid #fff;
	vertical-align: middle;
	font-weight: normal;
	}
#company table td{
		width: 68%;
	padding: 0.5em 2%;
	border-bottom: 1px dotted #000000;
	}
#company table td span{
		display: block;
	}
#history{
		width: 100%;
		margin: 2em auto 0;
	}
#history{
		width: 100%;
		margin: 2em auto 0;
	}
table{
		width: 100%;
	margin: 1em 0 0;
	}
#history table th{
	width: 24%;
	padding: 0.5em 2%;
	border-bottom: 1px dotted #000000;
	border-right: 20px solid #fff;
	vertical-align: middle;
	font-weight: normal;
	}
#history table td{
	width: 68%;
	vertical-align: middle;
	}
#history table tr td table{
	width: 100%;
	margin: 0;
	}
#history table td table td:nth-child(1){
	width: 16%;
	padding: 0.5em 2%;
	border-right: 20px solid #fff;
	}
#history table td table td{
	width: 76%;
	padding: 0.5em 2%;
	border-bottom: 1px dotted #000000;
	}
#message dl dd{
	border: 5px dotted #338BCB;
	padding:0.75em 1% 0.75em 1%;
	margin:2em 0 0 0;
	}
}
 
/* smartPhone */
@media screen and (max-width: 640px) {

/*メイン*/
main{
	width:96%;
	margin:0 2% 0 2%;
	}
section h1{
	font-size:175%;
	background-color:#000000;
	color:#fff;
	margin:1em 0 1em 0;
	padding:0 0 0.25em 0;
	line-height:1.5;
	text-shadow: 2px  2px 3px #b8b574,
            -2px  2px 3px #b8b574,
             2px -2px 3px #b8b574,
            -2px -2px 3px #b8b574;
			font-weight:normal;
	}
section ul{
	width: 100%;
	margin: 2em 0 0 0;
	
	}
section ul li dl dt{
	float:none;
	width: 98%;
	padding: 0.5em 0 0 2%;
	vertical-align: middle;
	text-align: left;
	border-bottom: 1px dotted #000000;
	}
section ul li dl dd{
	float:none;
	width:98%;
	padding: 0.5em 0 1em 2%;
	vertical-align:middle;
	}
section #botan{
	font-size:120%;
	color:#fff;
	margin:1em 0 1em -2%;
	line-height:1.5;
	text-shadow: 2px  2px 3px #b8b574,
            -2px  2px 3px #b8b574,
             2px -2px 3px #b8b574,
            -2px -2px 3px #b8b574;
			font-weight:normal;
			width:102%;
	}
section #botan li{
	float:left;
	width:48%;
	margin:0 0 0 2%;
	text-align:center;
	}
section #botan li:nth-child(n+3){
	margin:0.5em 0 0 2%;
	}
	
section #botan a:link,section #botan a:visited{
	background-color:#000000;
	color:#fff;
	padding:0.25em 0 0.25em 0;
	text-shadow: 2px  2px 3px #b8b574,
            -2px  2px 3px #b8b574,
             2px -2px 3px #b8b574,
            -2px -2px 3px #b8b574;
			font-weight:normal;
	text-decoration:none;
	display:block;
	}
section #botan a:hover{
	background-color:#333;
	}
section h2{
	font-size: 220%;
	margin: 1em 0 0 0;
	padding: 0 0 0.5em;
	background-image: url(../img_asset/base/h1line.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	font-weight:normal;
	background-size: auto 15px;
	text-align: center;
	}
.name{
	width:100%;
	margin:1em 0 0 0;
	font-weight:bold;
	text-align:right;
	}
#company table th{
	display: block;
	width: 96%;
	padding: 0.5em 2% 0;
	text-align: left;
	border-bottom: 1px dotted #000000;
	vertical-align: middle;
	font-weight: normal;
	}
#company table td{
	display: block;
	width: 96%;
	padding: 0.5em 2% 1em;
	}
#company table td span{
		display: block;
	}
#history{
		width: 100%;
		margin: 2em auto 0;
	}
#history table{
		width: 100%;
	margin: 0;
	}
#history table th{
	width:96%;
	padding: 0.5em 2% 0;
	border-bottom: 1px dotted #000000;
	vertical-align: middle;
	font-weight: normal;
	display: block;
	text-align: left;
	margin: 1em 0 0;
	}
#history table td{
	width: 100%;
	vertical-align: middle;
	display: block;
	}
#history table td table{
	width: 96%;
	margin: 0 2%;
	}
#history table td table td:nth-child(1){
	float: left;
	width: 20%;
	display:table;
	vertical-align: middle;
	}
#history table td table td{
	float: right;
	width: 80%;
	margin: 0.5em 0 1em;
	display:table;
	}
#message dl dd{
	border: 5px dotted #338BCB;
	padding:0.75em 1% 0.75em 1%;
	margin:2em 0 0 0;
	}

}