@charset "UTF-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c");

abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,time,ul,var,video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background-color: transparent;
  list-style: none;
  font-style: normal;
  font-weight: 400; }

li,
ol li {
  list-style-type: none; }

a img {
  border-style: none; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: none; }

img {
  max-width: 100%;
  height: auto;
  border-style: none; }


body {
	font-family: 'M PLUS Rounded 1c';
	letter-spacing: 1px;
	width:460px;
	margin:0 auto
}

header #logo {
	width:100%;
	text-align:center;
	padding:15px 0;
}
header #mainimg,
header #mainimg2 {
	width:100%;
	margin:0 auto;
}
header #mainimg img,
header #mainimg2 img {
	width:100%;
}

#sougei {
	font-weight: 800;
	transform:rotateZ(0.03deg);
	text-align: center;
	padding: 2rem 0 1rem;
	margin: 0 auto 2rem;
	width: 100%;
	font-size: 24px;
	letter-spacing: 5px;
	color: #26B7BC;
	border-bottom: 2px solid;
}

#area:before {
	content:"● ";
	color: #26B7BC;
	font-weight:bold;
	font-size:19px;
}
#area {
	font-weight: 600;
	transform:rotateZ(0.03deg);
	width:100%;
	margin: 0 auto 2rem;
	background-color:#dff4f5;
	padding: 15px 10px;
	font-size: 19px;
}

#area a {
	color: #000;
}

footer {
	background-color:#26B7BC;
}
footer #logo {
	width:100%;
	text-align:center;
	padding:15px 0 10px;
}


/*area*/
#area_name {
	width:100%;
	background-image:url(img/area/head_bg.jpg);
	background-repeat: round;
	color:#FFF;
	padding: 15px 0;
	height: 127px;
}
#area_name .txt1 {
	text-align:center;
	padding-bottom: 10px;
	font-weight: 800;
	font-size: 24px;
}
#area_name .txt1:after {
	content:"";
	background-image:url(img/area/arrow01.png);
	background-repeat:no-repeat;
	background-position:center;
	display: block;
	height: 18px;
}
#area_name .txt2 {
	text-align:	center;
	padding: 0;
	font-weight: 800;
	font-size: 24px;
}
#mainimg2 {
	border-bottom: 2px solid;
	color: #26B7BC;
	margin: 0 auto 4rem !important;
}

#annai .anshin {
	text-align:	center;
	background-color:#26B7BC;
	padding: 15px 0px;
	font-weight:800;
	color:#FFF;
	font-size: 21px;
	margin: 0 auto 20px;
}
#annai .anshin_img {
	width: 355px;
	margin: 0 auto 20px;
}
#annai .anshin_img img {
	width:100%;
}

.point_box {
	display:flex;
	margin:0 auto 25px;
	padding:0 0 17px;
	border-bottom:dotted 4px #A67C52;
	font-family: 'M PLUS Rounded 1c';
	transform:rotateZ(0.03deg);
}
.point_box2 {
	display:flex;
	margin:0 auto 25px;
	padding:0 0 17px;
	border-bottom:dotted 4px #A67C52;
	align-items:center;
	font-family: 'M PLUS Rounded 1c';
	transform:rotateZ(0.03deg);
}

.no {
	color:#FFF;
	font-weight:800;
	font-size:24px;
	background-color:#26B7BC;
	border-radius: 50%;
	width:50px;
	height:50px;
	text-align:center;
	line-height:50px;
	margin:0 auto;
}
.txtbox {
	width:83%;
}
.ttl01 {
	font-weight:800;
	font-size:21px;
}
.ttl01-2 {
	font-weight:800;
	font-size:21px;
}
.ttl01-3 {
	font-weight:800;
	font-size:21px;
	letter-spacing:-0.8px;
}
.ttl02 {
	font-weight: 800;
	font-size: 16px;
	line-height: 1.5em;
	color: #A67C52;
	text-align: justify;
	width: 95%;
}
#link1 {
	color:#FFF;
	background-color:#26B7BC;
	border-radius: 10px;
	line-height: 70px;
	box-shadow: 0px 0px 15px -5px #777777;
}
#link1 a {
	color:#FFF;
}
#link2 {
	color:#26B7BC;
	border:2px solid #26B7BC;
	line-height: 70px;
}
#link2 a {
	color:#26B7BC;
}
#link3 {
	color:#26B7BC;
	border:2px solid #26B7BC;
	border-radius: 50%;
	width: 90px;
	height: 90px;
	text-align:center;
	line-height: 105px;
	margin: 0 auto 3rem;
}

#link1,#link2 {
	margin: 5rem auto 3rem;
	font-weight:800;
	font-size:24px;
	border-radius: 10px;
	width: 90%;
	height: 70px;
	text-align:center;
}