@charset "utf-8";


.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;
	
}
input[type="button"]
{-webkit-appearance: none;}
input[type="submit"]
{-webkit-appearance: none;}

.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;letter-spacing: 2px;
    display: inline-block;
    padding: 0.1em 1em;
    text-decoration: none;
    border: solid 2px #ff9932;
    border-radius: 14px;
    transition: .4s;
    color: white;
    background: #ff8c00;
    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:16px; 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{ 
padding: 10px 10px 10px 10px;line-height:1.3;
font-size:16px;font-weight:bold;
margin: 10px 0px 10px 0px; 
width : 90%;
vertical-align: middle;
border-left: solid 5px #0098cb;
border-bottom: solid 1px #0098cb;
}

.img-inquiry{padding: 10px 0px 0px 0px;}

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

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

.red2_s  {font-size: 16px;font-weight: bold;color: #ce0202;}
.black_s  { color: #000000; font-size: 18x; font-weight: normal;}
.black_l  { color: #000000; font-size: 26px; font-weight: normal;font-family: "HG明朝E", serif; }
.pc { display: block !important; }
.sp { display: none !important; }

div#header-img { margin-top: 10px; height:auto;}
div#header-img img { width: 100%; }
   img.bigimage    { display: block;} 
   img.middleimage { display: none; } 
   img.miniimage   { display: none; }
   
p.bigimage2    { display: block;} 
p.middleimage2 { display: none; }
p.miniimage2   { display: none; } 

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

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

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


#divflex{background : #FFF; margin: 50px; height:auto;}

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

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

div.box2{
width : 44%;
margin : 10px 10px;
float :left;
padding : 10px  10px;
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;
}

} 

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

@media screen and (min-width : 768px) and (max-width : 999px){
	
.red2_s  {font-size: 35px;font-weight: bold;color: #ce0202;}
.black_s  { color: #000000; font-size: 35px; font-weight: normal; }
.black_l  { color: #000000; font-size: 60px; font-weight: normal;font-family: "HG明朝E", serif; }
.pc { display: block !important; }
.sp { display: none !important; }

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

p.bigimage2    { display: none;} 
p.middleimage2 { display: block; }
p.miniimage2   { display: none; } 

div.img-txt img {margin-top: 10px;}
div.img-txt 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 : 80%;
margin : 0px auto 10px auto;
padding : 0px  10px 10px 10px;
background : #FFF;
border : 1px solid #cccccc;
border-radius : 7px;
}
div.box2{
width : 80%;
margin : 0px auto 10px auto;
padding : 0px  10px 10px 10px;
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;
}

}

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

@media screen and (max-width : 768px){
.pc { display: none !important; }
.sp { display: block !important; }

.red2_s  {font-size: 35px;font-weight: bold;color: #ce0202;}
.black_s  { color: #000000; font-size: 35px; font-weight: normal; }
.black_l  { color: #000000; font-size: 60px; font-weight: normal;font-family: "HG明朝E", serif; }



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

p.bigimage2    { display: none;} 
p.middleimage2 { display: none; }
p.miniimage2   { display: block; } 


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


div.cnt{ width:95%; margin: auto;  margin-bottom:70px; }


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

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

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

div.in_box1{width : 40%; margin-left : 5px; }
div.in_box2{width : 50%; margin-left : 25px; margin-bottom : 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: #000;
  height:30px;
  
}

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

}