@media screen and (max-width: 768px) {

body {
	margin: 0;
	padding: 0;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 14px;
}

h2 {
	font-size: 14px;
	line-height:21px;
	margin: 0;
	padding: 0;
}

h3 {
	font-size: 14px;
	margin: 0;
	padding: 0;
}

h4 {
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	padding: 0;
	margin: 0;
}
p {
	font-size: 14px;
}

/*image size*/
img.w100 {width: 100%;}
img.w95 {width: 95%;}
img.w90 {width: 90%;}
img.w60 {width: 60%;}

/*spacer*/
#spacer10 {height: 10px;}
#spacer15 {height: 15px;}
#spacer20 {height: 20px;}
#spacer30 {height: 30px;}

.clear {clear: both;}


/*frame*/
#wrapper {
	width: 100%;
	margin: 0 auto;
	position:relative;
}

/*header*/

#title_text {
	width: 100%;
	height:35px;
	padding: 20px 0px 5px 0px;
	background-color: #DB2032;
	font-size: 14px;
	color: #ffffff;
}
#title_text h1{
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	display: inline;
}

#title_text h1 a{
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	display: inline;
	text-decoration:none;
}

#title_text h1 a:hover{
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	display: inline;
	text-decoration:none;
}

/*menu*/
#menu {
	width:95%;
	margin: 10px auto 10px auto;
	overflow: hidden;
}

#menu ul{
	margin: 0; 
	padding: 0; 
	list-style: none;
}
#menu li{ 
	width: 50%;
	margin:5px 1% 5px 1%;
	display: inline; 
	padding: 0; 
	margin: 0; 
	float: left;
}
#menu li a{
	display: block; 
	background-color: #DB2032;
	margin:5px 1% 5px 1%;
	padding:10px 0px;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 14px;
	font-weight:bold;
}
#menu li a:hover{
	background-color: #7F0505;
	color: #fff;
}
#menu #haji li a{
	display: block; 
	border: 1px solid #474655;
	background-color: #fff;
	padding: padding: 3px 10px;;
	text-decoration: none;
	color: #333;
	width: 100px; 
	margin: 1px 0px;
	text-align: center;
	font-size: 14px;
}
#menu #haji li a:hover{
	display: block; 
	border: 1px solid #474655;
	background-color: #F3D898;
}

/*パンくず*/
#pan {
	margin:10px 0px -20px 0px;
	display:none
}

/*SP電話ボタン*/
#sp_tell_bt{
	width:45%;
	position: fixed;
	top: 12px;
	right: 5px;
}

/*SPボタン*/
#sp_bt{
	width:70%;
	margin:10px auto;
}

/*side menu*/
#side {
	width:95%;
	margin: 0 auto;
	display:none;
}

#side_top {
	width:95%;
	margin: 0 auto;
}

#side_image {
	display:none;
}

#voice {
	width:100%;
	border: 1px solid #474655;
}

#voice_title {
	width:100%;
	padding:5px 0px;
	background-color: #397efe;
	color: #fff;
	text-align:center;
	line-height:0px;
}


#contact_button {
	width:100%;
	margin-bottom:5px;
	text-align:center;
}

#side_title {
	margin-top:15px;
	padding-top:15px;
	border-top: 1px solid #474655;
}

#side_title h2 {
	font-weight: bold;
	font-size:16px;
	line-height:21px;
}

/*main contents*/
#main {
	width:95%;
	padding:10px 0px;
	margin: 0 auto;
}

#main2 {
	width:95%;
	padding:10px  0px;
	margin: 0 auto;
}

#main_title {
	height:30px;
	margin:0;
	line-height:-1px;
}

/*footer*/
#footer {
	text-align:center;
	background-color: #DB2032;
}

/*privacy*/
.privacy_tb {
	margin-top:20px;
	width: 100%;
	border-collapse: collapse;
}

.privacy_tb_01 {
	border: 1px solid #474655;
	width: 40%;
	padding:5px;
	font-size:9px;
	background-color:#eee;
}

.privacy_tb_02 {
	border: 1px solid #474655;
	width: 60%;
	font-size:9px;
	padding:5px;
}

#privacy_image {
	width:40%;
	margin: 20px auto;
}

/*about*/
#about_image {
	width:60%;
	margin: 20px auto;
}

#about_button {
	width:70%;
	margin:40px auto;
	display:none
}

#about_button_01 {
	width:48%;
	float:left;
	padding:0 1%;
}

#about_button_02 {
	width:48%;
	float:right;
	padding:0 1%;
}

/*contact*/
#form_bt {
	width:40%;
	margin:50px auto;
}

/*history*/
#history_image {
	width:60%;
	margin: 20px auto;
}

/*被リンク用*/
#other_link a{
	font-size:10px;
	text-align:right;
}
}