@charset "utf-8";
/* CSS Document */
* { outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
 }
input,textarea{outline:none}  
a{text-decoration:none;}
a:hover{ text-decoration:none;}

body, h1, h2, h3, h4, h5, h6, p, blockquote, th, td, div, dl, dt, dd, pre, code, form, fieldset, legend, input, button, textarea {
  margin: 0;
  padding: 0;
}

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}
body {	
	margin: 0px 0px 0px 0px; padding: 0;
	font-family: 'Arial', sans-serif, "Noto Sans TC", Heiti TC, "メイリオ", sans-serif;
	
	background-color: #fff;
	position: relative;
	-webkit-text-size-adjust: none;
}
#wrapper { margin:0px auto; width:100%; height:auto; overflow: hidden;}
header { margin:0px auto 0px auto; padding: 0; width:100%; height:auto; position: relative;}
main { margin:0px auto 0px auto; width:100%; height:auto;  padding:0px 0px 0px 0px;}
footer { margin:0px auto 0px auto; padding:0 0 0px 0; width:100%; height:auto; overflow: hidden; background: #4575c0;}

footer ul { width:100%; margin:0 0 0px 0; padding:50px 0 10px 0; list-style:none; 
display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
footer ul:after {
    content: "";
    width:calc(100% / 3 - 25px);
}
footer ul li{ margin:0 0px 40px 0; padding:0 0px; list-style:none; font-size: 14px; color:#fff; line-height:2; 
	display: inline-block; font-weight: bold; width:calc(100% / 3 - 25px);
}
footer ul li a{ color:#fff;}
footer ul li a:hover{ color:#ff2400;}
footer ul li .name{ width:100%; border-bottom: 1px solid #f1f1f1; 
display: flex;
  align-items: center;
  justify-content: flex-start;
}
footer ul li .name h2{ font-size: 18px; margin:0 10px 0px 0;}
footer ul li .name span{ font-size: 18px; color: #4575c0; font-size: 12px; background: #f1f1f1; padding:0px 10px; border-radius: 15px;}
footer ul li .info{ width:100%; }
footer ul li .info .call, footer ul li .info .calendar{ width:100%; padding: 0 0 0 23px; display: flex;
  align-items: center; position: relative;}
footer ul li .info .call dd, footer ul li .info .calendar dd{ width:80px; float: left;}
footer ul li .info .call dt, footer ul li .info .calendar dt{ width:80px; width:calc(100% - 80px); float: left;}
footer ul li .info .call:before { content: ''; width: 14px; height: 16px; background:url('../../archive/images/call.png') no-repeat; display: block; position: absolute; left: 0px; }
footer ul li .info .calendar:before { content: ''; width: 14px; height: 16px; background:url('../../archive/images/calendar.png') no-repeat; display: block;  position: absolute; left: 0px;}
footer ul li a:hover{ color:rgba(255, 255, 255, 0.7);}

footer .copyright { width:100%; line-height:25px; height:auto; overflow: hidden;
text-align:right; padding:10px 0px 10px 0px; background: #1c4584;}
footer .copyright a{ color:#fefefe; }
footer .copyright a:hover{ color:rgba(255, 255, 255, 0.7); }
footer .copyright .fmenu01{ float: left; font-size: 14px; color:#fff; font-weight: 600;}
footer .copyright .fmenu01 li{ display: inline-block; margin:0px 0px 0px 10px; }
footer .copyright .fmenu01 li:after{
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #dee1e9;
  margin: 0px 0 0px 10px; 
}
footer .copyright .fmenu01 li:last-child:after{ display: none;}
footer .copyright .fmenu02{ float: right; font-size: 12px; color:#fff; font-family: "Arial"; }
footer .copyright .fmenu02 span{ display: inline-block; margin:0px 0px 0px 10px;}
footer .copyright .fmenu02 span:before{
  content: '';
  display: inline-block;
  width: 1px;
  height: 10px;
  background: #dee1e9;
  margin: 0px 10px 0px 0; 
}

@media only screen and (min-width: 651px) and (max-width: 1050px){
footer ul:after {
    width:calc(100% / 2 - 15px);
}
footer ul li{ width:calc(100% / 2 - 15px);
}
}

@media only screen and (min-width: 0px) and (max-width: 650px){
footer ul { padding:30px 0 10px 0; 
}
footer ul:after {
    content: "";
    width:100%;
}
footer ul li{ margin:0 0px 20px 0; width:100%;;
}
}

@media only screen and (min-width: 0px) and (max-width: 700px){
footer .copyright { text-align:center; line-height:1.5; padding:7px 0px 7px 0px;}
footer .copyright .fmenu01{ width: 100%; }
footer .copyright .fmenu02{ width: 100%; }
}