body {
  font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size:120%;
  line-height:1.7;
color:#242414;
    animation: cfadeIn 2s ease 0s 1 normal;
    -webkit-animation: cfadeIn 2s ease 0s 1 normal;
}
@media only screen and (max-width:700px) {
body {
  font-size:100%;
}
}

@keyframes cfadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes cfadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

img { 
    max-width: 100%; 
    height:auto;
	vertical-align:bottom;
	image-rendering: -webkit-optimize-contrast;
}
a,a:link,a:visited{
	text-decoration:none;
}

.bi{
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
/*-
a img:hover{opacity:0.7;}
.clear{
	clear:both;
}

a img:hover {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}-*/
@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}


h3 {
    display: flex;
    align-items: center;
	text-align:center;
	color:#0085B2;
	font-size:220%;
	font-weight:normal;
	margin-top:40px;
}
 
h3:before,
h3:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #0085B2;
}
 
h3:before {
    margin-right: 1rem;
}
 
h3:after {
    margin-left: 1rem;
}
@media only screen and (max-width:700px) {
h3{
	font-size:180%;
	line-height:1.3;
	margin-top:30px;
}
}


h4 {
	text-align:center;
	color:#0085B2;
	font-size:130%;
	font-weight:normal;
	margin-top:40px;
}
h5 {
	color:#0085B2;
	font-size:130%;
	font-weight:normal;
	margin-bottom:20px;
}
header{
  background:#82C7D7;
  padding:0;
  text-align:center;
}
@media only screen and (max-width:700px) {
header{
  padding:0;
}
}
.head_line{
	background:#EEF7FA;
	padding:15px 0;
	text-align:center;
	font-family: 'Noto Serif JP', serif;
}
@media only screen and (max-width:700px) {
.head_line{
	font-size:70%;
	padding:5px 0;
}
}

.head_img {
  position: relative;
  }

.head_img h1 {
  position: absolute;
  top: 50%;
  text-align:center;
  width:100%;
  -ms-transform: translate(0%,-50%);
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  margin:0;
  padding:0;
  font-weight:normal;
  font-size:210%;
  line-height:1.3;
  color:#fff;
text-shadow: 4px 4px 10px #295CAF ,
-4px 4px 10px #295CAF ,
4px -4px 10px #295CAF ,
-4px -4px 10px #295CAF;
  }

.head_img img {
  width: 100%;
  }

@media only screen and (max-width:700px) {
.head_img h1 { font-size:120%;}
.head_img img {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  }
}

footer{
	color:#fff;
	padding:20px;
	font-size:60%;
	text-align:center;
	font-weight:normal;
	background:#0085B2;
}

.slidebana{
  animation: SlideIn 2.0s;
  position: absolute;
	top:80px;
	left:30px;
	z-index:100;
}
@keyframes SlideIn {
  0% {
    opacity: 0;
    transform: translateX(64px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@media only screen and (max-width:1000px) {
.slidebana{
	width:350px;
	}
}
@media only screen and (max-width:700px) {
.slidebana{
	display:none;
	}
}
@keyframes Slidemenu {
  0% {
    opacity: 0;
    transform: translateX(-80px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.slidemenu{
  animation: Slidemenu 2.0s;
  position: fixed;
	top:150px;
	left:0;
	z-index:100;
}
@media only screen and (max-width:700px) {
.slidemenu{
	display:none;
	}
}



@media only screen and (max-width:700px) {
.pc{
	display:none;
}
}

@media only screen and (max-width:1150px) {
.tab{
	display:none;
}
}

@media only screen and (min-width:701px) {
.sp{
	display:none;
}
}
.mt_30{
	margin-top:30px;
}
.mt_60{
	margin-top:60px;
}
.mb_30{
	margin-bottom:30px;
}
@media only screen and (max-width:700px) {
.mt_60{
	margin-top:40px;
}
}


.contents_area{
	max-width:948px;
	margin:0 auto;
	padding:0 20px;
}
@media only screen and (max-width:700px) {
.contents_area{
	padding:0 10px;
}
}

.footer_area{
	max-width:948px;
	margin:0 auto;
	padding:20px;
	text-align:left;
}
@media only screen and (max-width:700px) {
.footer_area{
	padding:10px;
}
}

section{
	padding:60px 0;
	text-align:center;
}
.contents_t_img{
	text-align:center;
	padding:0 0 30px 0;
}

.list_c_3 {
    list-style: none;
    display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    flex-flow: wrap;
    width:100%;
	margin:0; 
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;

}
.list_c_3 li {
    box-sizing: border-box;
    width: 31%;
	margin-top:30px;
	padding:20px;
	box-sizing:border-box;
  text-align:left;
  border:#7BC4D3 1px solid;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.list_c_3::after{
  content:"";
  display: block;
  width:31%;
}
.list_c_3 li img{
  display:block;
  margin:0 auto 20px auto;
}
.list_c_3 a{
	color:#242414;
}


@media only screen and (max-width:700px) {
.list_c_3 li {
    box-sizing: border-box;
    width: 100%;
	margin-top:20px;
}
.list_c_3 li img{
  margin-bottom:10px;
}
}

.list_c_3_v {
    list-style: none;
    display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    flex-flow: wrap;
    width:100%;
	margin:0; 
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;

}
.list_c_3_v li {
    box-sizing: border-box;
    width: 31%;
	margin-top:30px;
	padding:20px;
	box-sizing:border-box;
  text-align:left;
  background:#F0F0E1;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.list_c_3_v::after{
  content:"";
  display: block;
  width:31%;
}
.list_c_3_v li img{
  display:block;
  margin:0 auto 20px auto;
}


@media only screen and (max-width:700px) {
.list_c_3_v li {
    box-sizing: border-box;
    width: 100%;
	margin-top:20px;
}
.list_c_3_v li img{
  margin-bottom:10px;
}
}


.box_1{
  border:#7BC4D3 1px solid;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding:20px;
  text-align:left;
  margin:30px 0 0 0;
}
.box_2{
	background:#DEEFF5;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding:30px;
  text-align:left;
  margin:30px 0 0 0;
  position: relative;
}
.box_3{
  border:#7BC4D3 1px solid;
  background:#fff;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  padding:20px;
  text-align:left;
  margin:30px 0 0 0;
}


@media only screen and (max-width:700px) {
.box_1 .box_2 .box_3 {
	padding:15px;
}
}
.flex-c_1 {
  display: flex;
  width: auto;
  margin-bottom:30px;
}
.flex-c_1 .item1 {
  flex: 0 0 30%;
  padding:0 20px 0 0;
  box-sizing:border-box;
}
.flex-c_1 .item2 {
  flex: 1;
  padding:10px 0 0 0;
}

@media only screen and (max-width:700px) {
.flex-c_1 {
  margin-bottom:20px;
  display:block;
}
.flex-c_1 .item1 {
	display:block;
	text-align:center;
  padding:0;
}
.flex-c_1 .item1 img{
	max-width:80%;
	margin:0 auto;
}
.flex-c_1 .item2 {
	display:block;
}
}


.flex-c_0b {
  margin-bottom:0;
}
@media only screen and (max-width:700px) {
.flex-c_0b {
  margin-bottom:0;
}
}
.flex-c_2 {
  display: flex;
  width: auto;
}
.flex-c_2 .item1 {
  flex: 1;
  padding:0 0 0 0;
  box-sizing:border-box;
}
.flex-c_2 .item2 {
  flex: 0 0 20%;
  padding:10px 0 0 0;
}
.flex-c_2 .item2 img{
  position: absolute;
bottom: 0;
right:10px;
}

@media only screen and (max-width:700px) {
.flex-c_1 {
  margin-bottom:20px;
  display:block;
}
.flex-c_2 .item1 {
	display:block;
}
.flex-c_2 .item2 {
	display:block;
  flex: 0;
}

.flex-c_2 .item2 img{
	display:none;
}
}

table.mail_table_1{
  box-sizing: border-box;
  border-collapse:collapse;
  margin-top: 20px;
  text-align: center;
  width: 100%;
  background:#fff;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
table.mail_table_1 th,td{
  padding:20px;
  vertical-align:middle;
  font-size:90%;
}
table.mail_table_1 tr{
  border-bottom:1px dashed #0085B5;
}
table.mail_table_1 tr:last-child{
  border-bottom:none;
}
table.mail_table_1 th{
  color:#0085B5;
  font-weight:normal;
}
table.mail_table_1 input[type=text] {
            width: 100%;
            box-sizing: border-box;
			font-size:120%;
			padding:10px;
        }
table.mail_table_1 textarea {
width:100%;
box-sizing:border-box;
padding: 1em;
margin:0;
}

table.mail_table_1 .bt_1{
	 padding:10px;
	 margin:20px;
	 font-size:16px;
     }
@media only screen and (max-width:700px) {
table.mail_table_1 th{
      display: block;
	  padding-bottom:0;
    }
table.mail_table_1 td{
      display: block;
    }
}

.blue_b{
	background:#82C7D7;
	color:#fff;
	padding:60px 0 60px 0;
}
.brown_b{
	background:#F0F0E1;
	margin-top:60px;
	padding:60px 0 60px 0;
}
.brown_b_2{
	background:#F0F0E1;
	padding:30px 20px;
}



.list_c_3 li{ 
	display:inline-block;
    outline: none;  
    transition:.3s ease-out;
}

.list_c_3 li:hover{
	border-radius:45px;
	border:1px solid #0583B6;
	cursor:pointer;
}
.list_c_3 li img{
  transition-duration: 0.5s;
  width:80%;
}
.list_c_3 li:hover img{
  transform: scale(1.03);
  transition-duration: 0.5s;
}


.pagetop {
    position: fixed;
    bottom: 25px;
    right: 15px;
}
@media only screen and (max-width:700px) {
.pagetop {
	position:static;
	display:none;
}
.pagetop img{
	display:none;
}
}

.img_wh{
  cursor: pointer;
  transition-duration: 0.3s;
}
.img_wh:hover{
  opacity: 0.7;
  transition-duration: 0.3s;
}
.txt_mail_1 {
	padding:10px 0 0 0;
	color:#242414;
	font-size:80%;
	text-align:left;
	}
	
.privacy_box{
	margin:30px 0 0 0;
		padding:10px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  background:#fff;
	}
.privacy {
	padding:20px;
	font-size:80%;
	height:250px;
	overflow:auto;
  color:#242414;
  text-align:left;
	}
@media only screen and (max-width: 640px) {
.privacy {
	padding:0;
	height:350px;
	}
}