@charset "utf-8";

@media print,screen and (min-width : 501px) {


#main h1{
  font-family:"MPLUSRounded1c-5";
  font-size:30px;font-size:3.0rem;
  color: #f3752c;
}
#main h2{
  font-family:"MPLUSRounded1c-5";
  font-size:26px;font-size:2.6rem;
  color: #f3752c;
  border-bottom:solid 1px #f3752c;
  text-align: center;
}

#greeting{
  margin-top: 20px;
}
#greeting p{
  margin: 10px 0;
}

#feature{
  margin-top: 40px;
  background-color: #f9e6d5;
  padding: 40px 0;
}
#feature .b_link{
  margin-top: 20px;
  text-align: left;
}
#feature .b_link dt{
  margin-top: 10px;
  text-align: left;
  font-family:"MPLUSRounded1c-4";
}
#feature .b_link dt span{
  background-color: #f3752c;
  color: #fff;
  padding: 2px 10px;
  margin-right: 6px;
  font-size:14px;font-size:1.4rem;
  display: inline-block;
  border-radius:6px;
}
#feature .b_link dd{
  text-align: left;
  font-size:14px;font-size:1.4rem;
  margin-top: 10px;
}
#feature .b_link img{
  border:solid 10px #fff;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}


#services{
  margin-top: 40px;
}
#services .b_link{
  margin-top: 20px;
  text-align: center;
}
#services .b_link p{
  font-family:"MPLUSRounded1c-4";
  margin-top: 10px;
}

#news{
  margin-top: 40px;
}
#news ul{
  margin-top: 20px;
  border:none;
  max-height: 400px;
  overflow-y: auto;
  background-color: #fffbf2;
  padding: 20px;
  border-radius:10px;
}
#news li{
  padding: 20px 10px;
  border-top:solid 1px #dfdfdf;
}
#news li:first-child{
  border-top: none;
}
#news li .date{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
#news li .date .blinking{
  margin-right: 6px;
}
#news dt{
  font-family:"MPLUSRounded1c-4";
  margin-top: 6px;
}
#news dd{
  font-size:14px;font-size:1.4rem;
  margin-top: 4px;
}




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

#main h1{
  font-family:"MPLUSRounded1c-5";
  font-size:22px;font-size:2.2rem;
  color: #f3752c;
}
#main h2{
  font-family:"MPLUSRounded1c-5";
  font-size:26px;font-size:2.6rem;
  color: #f3752c;
  border-bottom:solid 1px #f3752c;
  text-align: center;
}

#greeting{
  margin-top: 20px;
}
#greeting p{
  margin: 10px 0;
}

#feature{
  margin-top: 40px;
  background-color: #f9e6d5;
  padding: 40px 0;
}
#feature .b_link{
  margin-top: 20px;
  text-align: left;
}
#feature .b_link li{
  width: 100%;
  margin-bottom: 20px;
}

#feature .b_link dt{
  margin-top: 10px;
  text-align: left;
  font-family:"MPLUSRounded1c-4";
}
#feature .b_link dt span{
  background-color: #f3752c;
  color: #fff;
  padding: 2px 10px;
  margin-right: 6px;
  font-size:12px;font-size:1.2rem;
  display: inline-block;
  border-radius:6px;
}
#feature .b_link dd{
  text-align: left;
  font-size:12px;font-size:1.2rem;
  margin-top: 10px;
}
#feature .b_link img{
  border:solid 10px #fff;
  -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
}


#services{
  margin-top: 40px;
}
#services .b_link{
  margin-top: 20px;
  text-align: center;
}
#services .b_link p{
  font-family:"MPLUSRounded1c-4";
  margin-top: 10px;
  font-size:12px;font-size:1.2rem;
}

#news{
  margin-top: 40px;
}
#news ul{
  margin-top: 20px;
  border:none;
  max-height: 400px;
  overflow-y: auto;
  background-color: #fffbf2;
  padding: 10px;
  border-radius:10px;
}
#news li{
  padding: 20px 10px;
  border-top:solid 1px #dfdfdf;
}
#news li:first-child{
  border-top: none;
}
#news li .date{
  display:-webkit-box;display:-ms-flexbox;display:flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
#news li .date .blinking{
  margin-right: 6px;
}
#news dt{
  font-family:"MPLUSRounded1c-4";
  margin-top: 6px;
}
#news dd{
  font-size:14px;font-size:1.4rem;
  margin-top: 4px;
}




}