@charset "utf-8";

body {
font-family: "Arial", "メイリオ";
}


.button23 a {font-family: Georgia, serif; float:right; 
-webkit-appearance: none;
border-radius: 0;
  display: block;
  position: relative;
  margin: 10px 10px 10px 10px ;
  padding: 10px 10px 10px 10px;
  width: 200px;
  color: #fff;
  font-size: 18px;
  background-color: #000099;
  text-align:center;
  transition: 0.3s;
}

.button23 a::after {
  content: '';
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #FF9900 transparent;
  transition: 0.3s;
}

.button23 a:hover {
  text-decoration: none;
  background-color: #990000;
}

.button23 a:hover::after {
  bottom: 8px;
  right: 8px;
}

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


table{width:100%; border-collapse:collapse;}
td { height: 50px; padding: 0px 50px;}
.t-line tr:nth-child(odd) td {  
  background-color: #EAF6FD; 
}
.t-line tr:nth-child(even) td {  
  background-color: #fff; 
}  
 
h3{
padding: 5px 0px 3px 0px;
color: #000;
text-align:center;
border: solid 1px #000099;
background:#e5e5e5;
}

.h3{ 
font-family: Georgia, serif;
padding: 0px 0px 0px 0px;
font-size:42px;
color:#034aa1;
margin: 10px 0px 0px 5px; 
width : 90%;
vertical-align: bottom;
border-bottom: solid 1px #0098cb;
}

.h3_tel{ 
font-family: Georgia, serif;
padding: 0px 0px 0px 0px;
font-size:42px;
color:#034aa1;
margin: 0px 0px 20px 13px; 
width : 90%;
border-bottom: solid 1px #0098cb;
}


.h3_form{ 
font-family: Georgia, serif;
padding: 0px 0px 0px 0px;
font-size:42px;
color:#034aa1;
margin: 0px 0px 20px 13px; 
width : 98%;
border-bottom: solid 1px #0098cb;
text-align:center;
}

.h3_sub{padding: 5px 0px 0px 10px;}

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

.shadow_img {
        filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.7));
}

.h4{ 
font-family: Georgia, serif;
padding: 0px 0px 0px 0px;
font-size:24px;
color:#034aa1;
margin: 10px 0px 0px 0px; 
width : 90%;
vertical-align: middle;
display: inline-block;
border-bottom: solid 1px #0098cb;
}

.promise{width : 100%;  background-color: #fff; }


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


img.img_hide{ display: none;}
img.img_hide2{ display: block; }

#header-img { margin-top: 10px; }
#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-inquiry img {margin-top: 10px;}
div#img-inquiry img { width: 100%; }
   img.mininq    { display: block; } 
   img.biginq    { display: none;} 





#cnt{ width:100%; margin: 0px auto; margin-bottom: 0px;}
#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 : 95.5%;
margin : 10px auto 10px auto;
padding : 10px  0px 10px 0px;
background : #FFF;
}

div.box2{
width : 95%;
margin : 10px auto;
padding : 25px  0px 10px 10px;
background : #f0f5f8;
}


div.box3{
width : 94%;
margin : 10px auto;
padding : 5px  0px 10px 10px;
background : #f0f5f8;
}
div.box4{
width : 95%;
margin : 10px auto;
padding : 15px 0px 10px 0px;
background : #f0f5f8;
}

div.box5{
width : 94%;
margin : 10px auto;
padding : 25px  0px 10px 10px;
background : #FFF;
}

div.box6{
width : 95.5%;
margin : 10px auto;
padding : 10px  0px 10px 0px;
background : #FFF;
}



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

div.in_box1{ float:left;width : 40%; margin-left : 10px; margin-bottom: 10px;}
div.in_box2{ float:left; width : 55%; margin-left : 15px; margin-bottom: 5px; font-size:18px;}

.box2_coment{font-size:18px;width : 90%; margin-top : 30px;  padding : 15px 15px 15px 20px; background : #FFF;}
.box2_coment2{ text-align:center; margin-top : 30px;padding : 15px 15px 15px 0px; background : #FFF;}

.box2_title{width : 90%; margin-top : 30px;  font-size:28px; font-weight:bold;   padding : 0px 15px 15px 0px; color:#034aa1;}

div.in_box3{width : 53%; margin-left : 20px; margin-bottom : 5px; }
div.in_box4{width : 98%; margin-top : 30px;  margin-left : 10px; font-size:16px; color:#696969;}


div.box_promise{
width : 91%;
margin : 10px auto;
padding : 25px;
background : #f0f5f8;
}

div.promise{

}

div.in_box5{ float:left; width : 30%; margin-left : 0px;  background : #FFF;}
div.in_box6{ float:left; width : 65%; margin-left : 0px; margin-bottom : 0px; font-size:18px; padding : 35px  5px 15px 35px;  background : #FFF;}

div.in_box7{width : 40%; margin-left : 0px; }
div.in_box8{ text-align:center; }


div.ta_l{text-align:left; width : 30%;  float:left;   padding : 5px 0px 0px 20px;  font-size:16px;} 
div.ta_r{text-align:left;width : 65%;  float:right; padding : 0px 0px 0px 0px; }
div.ta_l_area{text-align:left;width : 30%;  float:left;   padding : 15px 0px 0px 20px;  font-size:16px;} 
div.ta_r_area{text-align:left;width : 65%;  float:right; padding : 10px 0px 10px 0px; }



div.box_tel{
width : 94%;
text-align:center; 
margin : 10px auto 0px auto;
padding : 10px 10px 10px 10px;
background : #000099;
}
div.box_tel2{
width : 94%;
text-align:center; 
margin : -10px auto 10px auto;
padding : 10px 10px 10px 10px;
background : #000099;
}

.h3_tel{ 
width : 97%;
font-family: Georgia, serif;
text-align:center; 
padding: 0px 0px 0px 0px;
font-size:42px;
color:#034aa1;

border-bottom: solid 1px #0098cb;
}

div.in_box_tel{ text-align:center; width: 90%; margin-left:0px; margin-bottom:0px; font-size:18px; padding : 15px  5px 15px 45px;  background : #FFF;}

.tel_num{font-size:48px;  color:#ff8c00;margin : 10px auto;}

.tel_text1{ font-size:18px; padding : 15px 0px 15px 0px; }

div.box4{
width : 95%;
margin : 10px auto;
padding : 15px 0px 10px 0px;
background : #f0f5f8;
}
.form_sub_txt{text-align:center; padding: 0px 0px 15px 0px; color:#dc143c;}



} 



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

@media screen and (min-width : 791px) 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; }

img.img_hide{ display: none;}

#header-img { margin-top: 10px; }
#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-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 : 95.5%;
margin : 10px auto;
padding : 10px  0px 10px 0px;
background : #FFF;/
}

div.box2{
width : 95%;
margin : 10px auto;
padding : 25px  0px 10px 10px;
background : #f0f5f8;
}


div.box3{
width : 94%;
margin : 10px auto;
padding : 25px  0px 10px 10px;
background : #f0f5f8;
}

div.box5{
width : 95.5%;
margin : 10px auto;
padding : 10px  0px 10px 0px;
background : #FFF;
}
div.box6{
width : 95.5%;
margin : 10px auto;
padding : 10px  0px 10px 0px;
background : #FFF;/
}





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

div.in_box1{width : 40%; margin-left : 10px; }
div.in_box2{width : 55%; margin-left : 25px; margin-bottom : 5px;font-size:16px;}

.box2_coment{font-size:14px;width : 90%; margin-top : 30px;  padding : 15px 15px 15px 20px; background : #FFF;}
.box2_coment2{ text-align:center; margin-top : 30px;padding : 15px 15px 15px 0px; background : #FFF;}

.box2_title{width : 90%; margin-top : 30px;  font-size:28px; font-weight:bold;   padding : 0px 15px 15px 0px; color:#034aa1;}

div.in_box3{width : 53%; margin-left : 20px; margin-bottom : 5px; }
div.in_box2{width : 55%; margin-left : 25px; margin-bottom : 5px;font-size:16px;}

div.in_box4{width : 98%; margin-top : 30px;  margin-left : 10px; font-size:16px; color:#696969;}


div.box_promise{
width : 91%;
margin : 10px auto;
padding : 25px;
background : #f0f5f8;
}

div.promise{

}

div.in_box5{ float:left; width : 30%; margin-left : 0px;  background : #FFF;}
div.in_box6{ float:left; width : 60%; margin-left : 0px; margin-bottom : 0px; font-size:18px; padding : 15px 5px 15px 35px;  background : #FFF;}

div.in_box7{width : 40%; margin-left : 0px; }
div.in_box8{ text-align:center; }
.in_box8 img{width : 90%; margin-top : 10px; }

div.ta_l{text-align:left;width : 30%;  float:left;   padding : 5px 0px 0px 20px;  font-size:16px;} 
div.ta_r{text-align:left;width : 65%;  float:right; padding : 0px 0px 0px 0px; }
div.ta_l_area{text-align:left;width : 30%;  float:left;   padding : 15px 0px 0px 20px;  font-size:16px;} 
div.ta_r_area{text-align:left;width : 65%;  float:right; padding : 10px 0px 10px 0px; }

div.ta_send{width : 100%;  padding : 25px 0px 10px 0px; text-align:center;}


div.box_tel{
width : 94%;
text-align:center; 
margin : 10px auto;
padding : 10px 10px 10px 10px;
background : #000099;
}
div.box_tel2{
width : 94%;
text-align:center; 
margin : -10px auto 0px auto;
padding : 10px 10px 10px 10px;
background : #000099;
}
.h3_tel{ 
width : 97%;
font-family: Georgia, serif;
text-align:center; 
padding: 0px 0px 0px 0px;
font-size:42px;
color:#034aa1;

border-bottom: solid 1px #0098cb;
}

div.in_box_tel{ text-align:center; width: 90%; margin-left:0px; margin-bottom:0px; font-size:18px; padding : 15px  5px 15px 45px;  background : #FFF;}

.tel_num{font-size:48px;  color:#ff8c00;margin : 10px auto;}

.tel_text1{ font-size:18px; padding : 15px 0px 15px 0px; }

div.box4{
width : 95%;
margin : 10px auto;
padding : 15px 0px 10px 0px;
background : #f0f5f8;
}
.form_sub_txt{text-align:center; padding: 0px 0px 15px 0px; color:#dc143c;}








} 




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


@media screen and (max-width : 790px){
img.img_hide{ display: block; padding: 15px 0px 0px 0px;}
img.img_hide2{ display: none; }


.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; }

img.img_hide{ display: block; padding: 15px 0px 0px 0px;}
img.img_hide2{ display: none; }

div#header-img img { width: 96%; }
   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-inquiry img {margin-top: 10px;}
div#img-inquiry img { width: 100%; }
   img.mininq    { display: none; } 
   img.biginq    { display: block;} 


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



div.box1{
width : 96%;
margin : 10px auto 60px auto;
padding : 0px  10px 30px 10px;
background : #FFF;
}
div.box2{
width : 97%;
margin : 30px auto 10px auto;
padding : 10px 5px 80px 10px;
background : #f0f5f8;
}
div.box3{
width : 96%;
margin : auto;
padding : 10px  10px 30px 10px;
background : #FFF;
background : #f0f5f8;
}


/***　↓　*******************************************/
div.box5{
width : 96%;
margin : 20px auto 10px auto;
padding : 0px  10px 30px 10px;
background : #FFF;
}
div.box6{
width : 96%;
margin : 30px auto 0px auto;
padding : 0px  10px 30px 10px;
background : #FFF;
}
/***　↑　*******************************************/


.button23{margin-top:10px;}
.button23 a{text-align:center; width:200px; padding: 10px 10px 10px 10px;}

td { height: 50px; padding: 0px 10px;}
div.in_box4{width : 95%; margin-top : 30px;  margin-left : 10px; font-size:16px; color:#696969;}

.box2_coment{width : 91%; margin-top : 20px; margin-bottom : 20px;  padding : 15px  15px 15px 15px; background : #FFF;}


div.ta_l{text-align:left;width : 100%;  float:left;   padding : 10px 0px 10px 20px;  font-size:16px;} 
div.ta_r{text-align:left;width : 100%;  float:left; padding : 0px 0px 10px 20px; }
div.ta_r_area{width : 100%; float:left; padding : 10px 0px 10px 0px; }
div.ta_l_area{text-align:left;width : 100%;  float:left;   padding : 10px 0px 10px 20px;  font-size:16px;} 
div.ta_send{width : 100%;  padding : 20px 0px 10px 0px; text-align:center;}


div.in_box1{width : 100%; }
div.in_box2{width : 98%; height : auto;}

div.in_box5{ width : 100%; margin-left : 0px;  background : #red;}
div.in_box6{ width : 90%; margin-left : 0px; margin-bottom : 0px; font-size:18px; padding : 33px  5px 20px 25px;  background : #FFF;}

div.in_box7{width : 40%; margin-left : 0px; }
div.in_box8{width : 97%; text-align:center;}


div.box_promise{
width : 92%;
margin : 10px auto;
padding : 20px  15px 20px 15px;
background : #f0f5f8;
}

div.promise{
width : 95%;
margin : 10px auto;
padding : 0px  4px 0px 0px;

}


div.box_tel{
width : 96%;
text-align:center; 
margin : 10px auto 5px auto;
padding : 10px 10px 5px 10px;
background : #000099;
}
div.box_tel2{
width : 96%;
text-align:center; 
margin : -10px auto 0px auto;
padding : 5px 10px 10px 10px;
background : #000099;
}


div.in_box_tel{ text-align:center; width : 96%; margin-left : 0px; margin-bottom : 0px; font-size:18px; padding : 25px  5px 15px 15px;  background : #FFF;}

.tel_text1{ font-size:18px; padding : 15px 0px 15px 0px; }

.tel_num{font-size:30px; margin-top:0px; -webkit-text-fill-color: #ff8c00; color:#ff8c00;}
.tel_num img{height:40px;}


.h3_tel{ 
font-family: Georgia, serif;
padding: 10px 0px 0px 0px;
color:#034aa1;
font-size:30px;
margin: 0px 0px 0px 13px; 
width : 98%;
border-bottom: solid 1px #0098cb;
}

.h3_form{ 
font-family: Georgia, serif;
padding: 0px 0px 0px 0px;
font-size:30px;
color:#034aa1;
margin: 0px 0px 20px 10px; 
width : 98%;
border-bottom: solid 1px #0098cb;
text-align:center;
}


} 


/*************************************************************************/


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

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

}




/***TOPへ戻るボタン*******************************************/

#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  line-height: 1;
  z-index: 99;
}
#page-top a {
  background: #72C7CA;
  text-decoration: none;
  color: #fff;
  width: 60px;
  padding: 28px 5px;
  text-align: center;
  display: block;
  border-radius: 90px;
  opacity: 0.9;
  transition: all .3s ease;
}
#page-top a:hover {
  text-decoration: none;
  opacity: .5;
}