@charset "utf-8";
body{line-height: 1.7;font-size: 1em;color: #333;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin: 0px;}
/*h3{border-bottom: 1px solid #ccc; font-size: 1.6em;font-weight: bold;margin: 0px;}*/
h1{text-align: left;margin: 0;font-size: 1em;}
h3 {
background: linear-gradient(transparent 70%, #a7d6ff 70%);font-size: 1.6em;}
h4{font-size: 1.4em;font-weight: bold;margin: 0;padding: 0px;}
h5{
	text-align: center;
position: relative;
color: black;
	background:#FFF9D1;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 20px;
border-radius: 0 5px 5px 5px;
	font-size: 1em;
}


a {
	color: #333;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

a img:hover{
	opacity: .85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: .85;
	-moz-opacity: .85;
}
a img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;

}
a:hover{
	opacity: .85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
	-khtml-opacity: .85;
	-moz-opacity: .85;
}

ul{padding: 0px;}

#header{padding: 20px 2% 10px;font-weight: bold;}
#header_wr1{width: 18%;float: left;margin-right: 2%;}
#header_wr2{width: 43%;float: left;margin-right: 2%;font-size: 0.9em;}
#header_wr3{width: 35%;float: right;font-size: 1.4em;line-height: 1.2;}

#main_wr{width: 900px;margin: 0 auto;padding:0 10px;}

#footer{background-color: #006fbc;padding: 40px 2%;color: #fff;text-align: center;}

.c{text-align: center;}
.l{text-align: left;}
.r{text-align: right;}
.b{font-weight: bold;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 10px;}
.mb30{margin-bottom: 30px;}

.w45{width: 45%;}

.f_red{color: #ff0000;font-weight: bold;}

p{margin:0 0 20px;padding:0;}

.clear{clear: both;}

.wr100{width: 100%;text-align: center;; margin-bottom: 50px;}
.wr31{
	width: 31%;
	float: left;
	margin-bottom: 0px;
	padding: 0 1% 0;
}
.wr31 img{width: 100%;height:auto;border: 1px solid #ccc;}
.wr50{width: 50%;float: left;margin-bottom: 30px;}
.wr70l{width: 68%;margin-right: 2%;float: left;}
.wr45l{width: 45%;float: left;margin-bottom: 30px;}
.wr55r{width: 55%;float: left;font-size: 0.9em;line-height: 1.4;}
.wr30r{width: 30%;float: left;}
.wr30r img{width: 100%;height:auto;}
.wr16{width: 16.6%;text-align: center;margin-bottom: 20px;float:left;}

.itemlist4 li{list-style: none; width: 21%;text-align:left;float:left;padding: 1%;border: 1px solid #ccc;border-radius:10px;margin: 0 0% 20px 1%;}
.itemlist4 li img{width: 100%;height: auto;}
.itemlist6 li{list-style: none; width: 16.6%;text-align: center;margin-bottom: 20px;float:left;}

.button1 a {
  background-color: #009fde;
  border-radius: 10px;
  box-shadow: 0 7px 0 rgba(3,110,184,1);
  color: #ffffff;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 20px 0;
	width: 45%;
}
.button1 a:hover {
  box-shadow: 0 1px 0 rgba(3,110,184,1);
  margin: 12px auto 8px;
}

.button2 a {
  background-color: #23ac38;
  border-radius: 10px;
  box-shadow: 0 7px 0 rgba(23,117,34,1);
  color: #ffffff;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 20px 0;
	width: auto;
}
.button2 a:hover {
  box-shadow: 0 1px 0 rgba(23,117,34,1);
  margin: 12px auto 8px;
}

.button3 a {
  background-color: #e95599;
  border-radius: 10px;
  box-shadow: 0 7px 0 rgba(209,32,120,1);
  color: #ffffff;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 20px 0;
	width: 45%;
}
.button3 a:hover {
  box-shadow: 0 1px 0 rgba(209,32,120,1);
  margin: 12px auto 8px;
}

.index1{text-align: center;font-size: 1.6em;margin-bottom: 20px;font-weight: bold;}

.square_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
	margin:0 auto 50px;
  }

.square_btn:hover {
    background: #1ec7bb;
}

.caution {
    position: relative;
    margin: 2em 0;
    padding: 0.7em 1em;
    border: solid 3px #f08e74;
	color:#f08e74;
    border-radius: 8px;
	text-align: center;
	font-weight: bold;
}
.caution .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #f08e74;
    font-weight: bold;
}
.caution p {
    margin: 0; 
    padding: 0;
}
.sp{display: none;}

@media screen and (max-width:800px){
	body{font-size:1.2em;}
	#main_wr{width: auto;}
	img{width: 100%;}
	.pc{display: none;}
	.wr55r{width: auto;margin-bottom: 30px;}
	.button3 a{width: auto;}
	.button1 a{width: auto;}
	.wr31{width: auto;}
	.wr31 img{float: left;height: auto;margin-bottom: 5px;}
	.sp{display: block;}
	h1{font-size: 0.8em;}
}