@charset "utf-8";

input[type="button"]
{-webkit-appearance: none;}
input[type="submit"]
{-webkit-appearance: none;}


form#mail_form input#name,
form#mail_form input#name21{
    margin:3px;
	padding-left :  5px;
	width : 30%;
}
form#mail_form textarea{
    margin:3px;
	width : 95%;
	height : 120px;
	padding :  4px;
	resize : vertical;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}

dt #space1{height : 100px;}

.div01_input{
    margin:3px;}

#mail_form input#phone1{width : 10%; padding-left : 4px;margin:3px;}
#mail_form input#email{width : 60%; padding-left : 4px;margin:3px;}
#mail_form input#mail_submit_button{
	width : auto;
	height : auto;
	padding : 4px 10px;
	vertical-align : middle;
	text-align : center;
	color : #444444;
	background : #b22222;
    color: #fff  !important;
	border : 1px solid #cccccc;
	font-family : inherit;
}
form#mail_form input#mail_submit_button:hover{
	cursor : pointer;
	color : #106dff;
	background : #00bfff;
}

#inq_t{padding: 3px 4px; margin:10px 0px 20px 0px;}
#inq{ padding: 3px 4px; margin:10px 0px;}

/* -info------------------------------------------- */

#info2{float:left;}

.in_box1 img{ margin:5px; padding: 0px 0px 0px 15px; }

#info table {width:95%; margin:5px 5px 5px 20px;}
#info th {padding:5px;width:20%;}
#info td {padding:5px;}

.s-tbl {
        border-collapse: collapse;
}
.s-tbl th, .s-tbl td {
        border: 1px solid #000;
}
.s-tbl tr:nth-child(even) {
        background: #e6eae3;
}

.cb{
	/* floatを解除 */
	clear: both;
}

.square_btn {
    display: inline-block;
    padding: 0.4em 2.5em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #003fff;
    border-radius: 3px;
    transition: .4s;
    color: white;
    background: #003fff;
    margin:5px 5px 5px 4px;
}

.square_btn:hover {
    background: #ffffff;
    color: #003fff;
}

.square_btn2 {
    display: inline-block;
    padding: 0.4em 2.5em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #ff003f;
    border-radius: 3px;
    transition: .4s;
    color: white;
    background: #ff003f;
    margin:5px 5px 5px 4px;
}

.square_btn2:hover {
    background: #ffffff;
    color: #ff003f;
}


.square_btn3 {font-size:12px;
    display: inline-block;
    padding: 0.1em 1em;
    text-decoration: none;
    border: solid 2px #ff9932;
    border-radius: 14px;
    transition: .4s;
    color: white;
    background: #ff9932;
    margin:5px 5px 5px 4px;
    float: right;
}
.square_btn3:hover {
    background: #ffcc99;
    color: #000000;
}


#subtitle{ margin : 0px 0px 10px 0px ;
padding : 0px  0px 0px 20px; font-size:14px; border-bottom : solid 2px #00bfff; line-height:1;}

.b12{font-size:12px;}


.d_link {float:right; padding-right:10px; }

h3{
padding: 5px 0px 3px 0px;
color: #000;
text-align:center;
border: solid 1px #7f7f7f;
background:#e5e5e5;
}

.h3{ 
margin: 0px 0px 10px 0px; 
padding: 10px 10px 10px 10px;
line-height:1.3;
font-size:16px;
font-weight:bold;
vertical-align: middle;
border-left: solid 5px #0098cb;
border-bottom: solid 1px #0098cb;
}

#google_map{padding: 0px 20px 0px 0px;}

/** a:link { color: #0000ff; }
/** a:hover { color: #ff0000; }

/*************************************************************************/
/*****  ブラウザが 1000px 以上  *******************************************/
/*************************************************************************/
@media screen and (min-width : 1000px) {

dt #space1{height : 80px;}

#header-img { margin-top: 10px; }
div#header-img { margin-top: 10px;}
div#header-img img { width: 100%; }
   img.bigimage    { display: block;} 
   img.middleimage { display: none; } 
   img.miniimage   { display: none; }


div#img-inquiry img {margin-top: 10px;}
div#img-inquiry img { width: 100%; }
   img.mininq    { display: block; } 
   img.biginq    { display: none;} 

#cnt{ width:95%; margin: 0px auto; margin-bottom: 50px;}
#cnt{ display: flex; padding : 10px 0px 0px 0px;}

#divflex{flex: 1;}
#divflex2{flex: 1;}

#boxCNT{display: flex; flex-wrap: wrap;}

#divflex{margin : 10px auto; background : #FFF;}

div.box1{
width : 100%;
margin : 5px auto;
padding :  20px  10px 20px  5px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}

div.box2{
width : 94%; 
line-height:1.8;
margin : 15px 0px 15px 7px;
padding : 20px  0px 20px  30px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}

div.box3{
width : 98%; 
line-height:1.8;
margin : 15px 0px 15px 0px;
padding : 20px  0px 20px  30px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}

form#form2{
width : 200px;
margin : 10px auto 20px auto;
margin-right: 10px;
padding : 0px  10px 0px 10px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}

} 

/*************************************************************************/
/*****  ブラウザが 800 - 999px  ******************************************/
/*************************************************************************/

@media screen and (min-width : 800px) and (max-width : 999px){

dt #space1{height : 80px;}

#header-img { margin-top: 10px; }
div#header-img { margin-top: 10px;}
div#header-img img { width: 96%; }
   img.bigimage { display: none; } 
   img.middleimage { display: block; }  
   img.miniimage { display: none; }  


div#img-inquiry img {margin-top: 10px;}
div#img-inquiry img { width: 100%; }
   img.mininq    { display: block; } 
   img.biginq    { display: none;} 


#cnt{ width:95%; margin: auto; margin-bottom: 50px;}
#cnt{display: flex; padding : 10px 0px 0px 0px;}

#divflex{flex: 1;}
#divflex2{flex: 1;}

#boxCNT{display: flex;flex-wrap: wrap;}

#divflex{margin : 10px auto; background : #FFF;}

div.box1{
width : 100%;
margin : 10px auto 10px auto;
padding : 10px  10px 10px 10px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}

div.box2{
width : 92%; 
line-height:1.8;
margin : 15px 0px 10px 5px;
padding : 20px  0px 20px  30px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}


div.box3{
width : 98%; 
line-height:1.8;
margin : 15px 0px 15px 0px;
padding : 20px  30px 20px  30px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}



form#form2{
width : 200px;
margin : 10px auto 20px auto;
margin-right: 10px;
padding : 0px  10px 0px 10px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}

}

/*************************************************************************/
/*****  ブラウザが 799px 以下  *******************************************/
/*************************************************************************/

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

dt #space1{height : auto;}

div#header-img img { width: 96%; }
   img.bigimage { display: none; } 
   img.middleimage { display: none; }  
   img.miniimage { display: block; }  


div#img-inquiry img {margin-top: 10px;}
div#img-inquiry img { width: 100%; }
   img.mininq    { display: none; } 
   img.biginq    { display: block;} 


div#cnt{ width:97%; margin: auto;  margin-bottom:70px; }


.s-tbl {  border-collapse: collapse;}
.s-tbl th, .s-tbl td {      border: 1px solid #000;}
.s-tbl tr:nth-child(even) {  background: #e6eae3;}

.h3{ width:90%;
padding: 10px 10px 10px 10px;
line-height:1.3;
font-size:16px;
font-weight:bold;
margin: 10px 0px 10px 0px; 
vertical-align: middle;
border-left: solid 5px #0098cb;
border-bottom: solid 1px #0098cb;
}

div.box1{
width : 97%;
padding : 10px  0px 10px 10px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}

div.box2{
width : 92%;
margin : 10px auto;
padding : 10px  5px 10px 15px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}
div.box3{
width : 97%; 
margin : 10px 0px;
padding : 10px  5px 10px 15px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}



div.box1{display: flex; flex-wrap: wrap;}

div.in_box1{width : 95%; margin-left : 5px; }

#info table {width:93%; margin:5px 0px 5px 13px;}
#info th {padding:5px;width:20%;}
#info td {padding:5px;}

form#form2{
margin : 30px auto;
margin-right: 10px;
padding : 0px 10px 0px 20px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}

}



/*************************************************************************/
form#form2 select{
	margin-bottom : 0.7em;
	height : 1.8em;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fafafa;
}
form#form2 input#add{width : 80%; padding-left : 4px;}
form#form2 input#add2{width : 50%; padding-left : 4px;}
form#form2 input#area{width : 20%; padding-left : 4px;}
form#form2 input#area2{width : 80%; padding-left : 4px;}

form#form2 input#submit_button{
width : auto;
height : auto;
padding : 4px 10px;
vertical-align : middle;
text-align : center;
color : #444444;
background : #b22222;
color: #fff  !important;
border : 1px solid #cccccc;
font-family : inherit;
}

form#form2 input#submit_button:hover{
cursor : pointer;
color : #106dff;
background : #00bfff;
}


footer {
    position: fixed;
    width: 100%;
    bottom: 0;
  text-align: center;
  padding: 15px 0 0 0;
  background: #ffffff;
  height:30px;
  
}

.footer p {
  text-align: center;
  color: #000  !important;
  font-size: 14px;
  margin: 0;

}