body {
  font-family: 'Noto Sans JP', sans-serif;
  -webkit-text-size-adjust: 100%;
  font-size:100%;
  line-height:1.6;
    animation: cfadeIn 2s ease 0s 1 normal;
    -webkit-animation: cfadeIn 2s ease 0s 1 normal;
color: #333;
}

@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;
	color:#3A68D7;
}
a:hover {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}
a img:hover {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}

.hf:hover {
  opacity: 1;
  -webkit-animation: flash 1.5s;
  animation: flash 1.5s;
}

.none_c {
	display:none;
}

.bd{
  -webkit-border-radius: 10px;
  border-radius: 10px;
}


@-webkit-keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flash {
  0% {
    opacity: .4;
  }
  100% {
    opacity: 1;
  }
}

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

@media only screen and (min-width:641px) {
.sp{display:none;}
}

/* header-start */
header {
	padding:0;
	margin:0;
	width:100%;
	text-align:center;
	
}
@media only screen and (max-width:640px) {
header {
	height:auto;
	padding:0;
	background:none;
}
}
/* header-end */


/* footer-start */
.footer_contents{
	background:#FBF9F1;
	background-size:cover;
	padding:60px 0;
	border-top:3px solid #48B3CF;
}
@media only screen and (max-width:640px) {
.footer_contents{
	padding:40px 0;
}
}

.footer_txt{
	max-width:1000px;
	width:95%;
	margin:0 auto;
}

footer{
	background:#48B3CF;
	text-align:center;
	color:#fff;
	padding:20px 0;
}
.footer_link a{
	font-weight:normal;
	color:#fff;
}
@media only screen and (max-width:640px) {
footer{
	font-size:60%;
	padding:10px 0;
}
}
/* footer-end */


/* menu-start */
.toggle {
    position: fixed;
    right: 20px;
    top: 17px;
    display: block;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 3;
  line-height: 200px;
    background:rgba(255,255,255,0.3);
  border-radius: 50%;
}
@media only screen and (max-width:640px) {
.toggle {
    position: fixed;
    right: 8px;
    top: 12px;
    display: block;
    width: 42px;
    height: 42px;
    cursor: pointer;
    z-index: 3;
}
}
.toggle span {
    display: block;
    position: absolute;
    width: 70%;
    border-bottom: solid 2px #000;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    padding-top: 10px;
    right: 7px;
}
.toggle span:nth-child(1) {
    top: 3px;
}
.toggle span:nth-child(2) {
    top: 13px;
}
.toggle span:nth-child(3) {
    top: 23px;
}

@media only screen and (max-width:640px) {
	.toggle span {
    padding-top: 12px;
    right: 6px;
}
.toggle span:nth-child(1) {
    top: 0px;
}
.toggle span:nth-child(2) {
    top: 8px;
}
.toggle span:nth-child(3) {
    top: 16px;
}
}
.toggle.active span:nth-child(1) {
    top: 16px;
    left: 4px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.toggle.active span:nth-child(2),
.toggle.active span:nth-child(3) {
    top: 16px;
    right: 4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media only screen and (max-width:640px) {
.toggle.active span:nth-child(1) {
    top: 10px;
    left: 2px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.toggle.active span:nth-child(2),
.toggle.active span:nth-child(3) {
    top: 10px;
    right: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
}
.global_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translateY(-100%);
    z-index: 2;
    padding-top: 40px;
    text-align: center;
    background:rgba(255,255,255,0.9);
    transition: all 0.8s;
	border-bottom:3px #ccc solid;
  height:85%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.global_nav.active {
    transform: translateY(0%);
}
@media only screen and (max-width:640px) {
	.global_nav {
  height:90%;
}
}
/* menu-end */


/* menu-contents-start */
.global_txt{
	max-width:1000px;
	width:98%;
	margin:0 auto;
}
.global_column {
    list-style: none;
    display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    flex-flow: wrap;
	margin:0 auto;
	font-size:90%;
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;

}
.global_column li {
    box-sizing: border-box;
    width : 33.33333% ;
  width : -webkit-calc(100% / 3) ;
  width : calc(100% / 3) ;
	padding:30px;
  text-align:left;
}
.global_column li a{
	display:block;
	margin-bottom:15px;
	color:#212121;
}
.global_column li a:last-child{
	margin-bottom:0px;
}
.global_column li a:hover{
	color:#6CC3DE;
}
.global_l_line{border-left:1px solid #ccc;}
@media only screen and (max-width:640px) {
.global_column li {
    width: 100%;
	box-sizing:border-box;
	background:#fff;
	margin-bottom:20px;
	border:1px solid #ccc;
}
.global_column li .txt_c{
	text-align:center;
}
.global_column li img{
	margin:0 auto;
}
.global_l_line{border-left:none;}

}
/* menu-contents-end */


.pc_logo{
	max-width:100%;
	margin:0;
	padding:20px 10px 0 20px;
	height:70px;
	text-align:left;
}
.pc_logo img{
	height:50px;
}
@media only screen and (max-width:640px) {
.pc_logo{
	display:none;
}
.pc_logo img{
	display:none;
}
	}


/* img-title-start */
.top_title{
	width:100%;
	text-align:center;
	background:#6CC3DE;
}
.top_label {
  position: relative;
  max-width:1600px;
  height:500px;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  box-sizing:border-box;
  }
.top_label h1 {
  position: absolute;
  top: 60%;
  text-align:center;
  -ms-transform: translate(0%,-50%);
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  margin:0;
  padding:0;
  width:100%;
  font-size:220%;
  line-height:1.6;
  color:#fff;
  font-weight:normal;
font-family: "M PLUS Rounded 1c";
text-shadow: 
    #6CC3DE 1px 1px 10px, #6CC3DE -1px 1px 10px,
    #6CC3DE 1px -1px 10px, #6CC3DE -1px -1px 10px;
-moz-text-shadow: 
    #6CC3DE 1px 1px 10px, #6CC3DE -1px 1px 10px,
    #6CC3DE 1px -1px 10px, #6CC3DE -1px -1px 10px;
-webkit-text-shadow: 
    #6CC3DE 1px 1px 10px, #6CC3DE -1px 1px 10px,
    #6CC3DE 1px -1px 10px, #6CC3DE -1px -1px 10px;
	z-index:2;
  }
.top_label h1 img{
	display:none;
	}
.top_label img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

@media only screen and (max-width:900px) {
.top_label h1 { font-size:160%;}
}

@media only screen and (max-width:640px) {
.top_label h1 { font-size:130%;}
.top_label h1 img{
	width:50%;
	display:block;
	margin:20px auto;
	filter: drop-shadow(10px 10px 10px rgb(255,255,255));
	}
}

.sub_title{
	width:100%;
	text-align:center;
	background:#6CC3DE;
}

.sub_label {
  position: relative;
  max-width:1200px;
  height:220px;
  margin:0 auto;
  overflow:hidden;
  padding:0;
  box-sizing:border-box;
  }

.sub_label h1 {
  position: absolute;
  top: 50%;
  text-align:center;
  -ms-transform: translate(0%,-50%);
  -webkit-transform: translate(0%,-50%);
  transform: translate(0%,-50%);
  margin:0;
  padding:0;
  width:100%;
  font-size:250%;
  line-height:1.3;
  color:#fff;
  font-weight:normal;
font-family: "M PLUS Rounded 1c";
text-shadow: 
    #6CC3DE 1px 1px 10px, white -1px 1px 10px,
    #6CC3DE 1px -1px 10px, white -1px -1px 10px;
-moz-text-shadow: 
    #6CC3DE 1px 1px 10px, white -1px 1px 10px,
    #6CC3DE 1px -1px 10px, white -1px -1px 10px;
-webkit-text-shadow: 
    #6CC3DE 1px 1px 10px, white -1px 1px 10px,
    #6CC3DE 1px -1px 10px, white -1px -1px 10px;
  }

.sub_label img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
@media only screen and (max-width:900px) {
.sub_label h1 { font-size:160%;}
}
/* img-title-end */


.main_contents_1{
	background:#F8F8F4;
}
.main_contents_2{
	background:#B8D1F4;
}

.contents_area_1{
	max-width:1080px;
	margin:0 auto;
	padding:50px 10px 70px 10px;
	box-sizing:border-box;
}
@media only screen and (max-width:640px) {
.contents_area_1{
	padding:30px 10px 40px 10px;
}
}
.contents_area_2{
	max-width:1080px;
	margin:0 auto;
	padding:50px 10px 70px 10px;
	box-sizing:border-box;
}
@media only screen and (max-width:640px) {
.contents_area_2{
	padding:0 10px 40px 10px;
}
}

.contents_area_3{
	max-width:1080px;
	margin:0 auto;
	padding:50px 10px 70px 10px;
	box-sizing:border-box;
}
@media only screen and (max-width:640px) {
.contents_area_3{
	padding:30px 10px 40px 10px;
}
}
.sub_contents_area_1{
	max-width:1080px;
	margin:0 auto;
	padding:50px 10px 70px 10px;
	box-sizing:border-box;
}
@media only screen and (max-width:640px) {
.sub_contents_area_1{
	padding:30px 10px 40px 10px;
}
}



.title_1{font-size:400%;font-weight:normal; color:#212121;}
.title_1_s{font-size:45%;}
@media only screen and (max-width:640px) {
.title_1{font-size:220%;}
}
.title_2{font-size:400%;font-weight:normal; color:#B7B700;}
.title_2_s{font-size:50%; color:#212121;}
@media only screen and (max-width:640px) {
.title_2{font-size:220%;}
}
.title_3{font-size:400%;font-weight:normal; color:#5B95E6;}
.title_3_s{font-size:50%; color:#212121;}
@media only screen and (max-width:640px) {
.title_3{font-size:220%;}
}
.title_4{color:#5B95E6; padding:0 0 10px 0; text-align:center;}
@media only screen and (max-width:640px) {
.title_4{font-size:120%;}
}
.title_5{font-size:220%;font-weight:normal; color:#5B95E6;  padding:0 0 10px 0;}
@media only screen and (max-width:640px) {
.title_5{font-size:160%;}
}


.top_box_1{
	margin-top:30px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border:1px solid #C8D7EB;
	background:#fff;
}
.top_box_1_in1{
	padding:20px;
}
.top_box_1_in2{
	padding:20px;
	background:#EFF3FA;
	-webkit-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}
.top_bland_1{padding:37px 0 0 0;}
@media only screen and (max-width:640px){
.top_bland_1{padding:0;}
}
.top_img_1 img{
	padding:20px 0 0 0;
	display:block;
	margin:0 auto;
}
@media only screen and (max-width:640px){
.top_img_1 img{padding:0;}
}

.top_box_2{
	margin-top:30px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background:#EFF3FA;
	padding:20px;
}






.container_1 {
  display: flex;
}
@media only screen and (max-width:640px){
.container_1 {display: block;}
}
.container_1 .img_area {
  flex: 3;
}
.container_1 .img_area img{
  -webkit-border-radius: 10px;
  border-radius: 10px;
  width:100%;
}
.container_1 .text_area  {
  flex: 7;
  padding:0 0 0 20px;
}
.container_1 .text_area strong{
	display:block;
	font-size:130%;
	padding-bottom:15px;
	color:#212121;
}

@media only screen and (max-width:640px){
.container_1 .img_area{
 width:100%;
}
.container_1 .text_area {
	font-size:100%;
	width:100%;
  padding:15px 0 0 0;
}
.container_1 .text_area strong{
	font-size:120%;
	padding-bottom:10px;
}
}


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

}
.container_2 li {
    box-sizing: border-box;
    width: 19%;
	text-align:center;
}

.container_2::after{
  content:"";
  display: block;
  width:32%;
}
.container_2 li img{
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display:block;
  width:100%;
  margin-bottom:10px;
}

.container_2 li a{color: #333;}
 
@media only screen and (max-width:640px) {
.container_2 {
    flex-flow: row nowrap;
    width:100%;
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;

}
.container_2 li {
    box-sizing: border-box;
	padding:10px;
	margin-right:10px;
    flex: 0 0 60%;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background:#fff;
  text-align:center;
}
.container_2 li img{
  margin-bottom:8px;
}
}

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

}
.container_3 li {
    box-sizing: border-box;
    width: 24%;
	padding:20px;
	border:1px solid #C8D7EB;
  background:#fff;
  text-align:left;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width:640px) {
.container_3 li {
    width: 100%;
	margin-bottom:20px;
}
}
.container_4 {
    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;

}
.container_4 li {
    width: 50%;
  background:#EFF3FA;
}
@media only screen and (max-width:640px) {
.container_4 li {
    width: 100%;
}
}

.container_5 {
    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;

}
.container_5 li {
	background:#fff;
	padding:15px;
	width:49%;
	border:1px solid #bbb;
	box-sizing:border-box;
	margin-top:20px;
}
@media only screen and (max-width:640px) {
.container_5 li {
    width: 100%;
}
}
.container_6 {
    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;

}
.container_6 li {
    box-sizing: border-box;
    width: 32%;
	padding:20px;
  background:#fff;
  text-align:center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	margin-top:20px;
}
.container_6 li img{
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display:block;
  width:100%;
  margin-bottom:10px;
}
@media only screen and (max-width:640px) {
.container_6 li {
    width: 48%;
	padding:5px;
	margin-top:20px;
}
}
.container_7 {
    list-style: none;
    display: flex;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    flex-flow: wrap;
    width:100%;
	margin:20px 0 0; 
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
	justify-content: space-between;

}
.container_7 li {
    box-sizing: border-box;
    width: 48%;
	padding:50px 0 0 0;
  text-align:left;
}
@media only screen and (max-width:640px) {
.container_7 li {
    width: 100%;
	margin-top:20px;
	padding:10px;
}
}

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

}
.container_8 li {
    box-sizing: border-box;
    width: 24%;
	padding:20px;
	margin-bottom:20px;
	border:1px solid #C8D7EB;
  background:#fff;
  text-align: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.container_8 li img{
	margin-bottom:20px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
@media only screen and (max-width:640px) {
.container_8 li {
    width: 100%;
	margin-bottom:20px;
}
}

.column_2_1 {
    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;

}
.column_2_1 li {
    box-sizing: border-box;
    width: 48%;
	padding:0 0 50px 0;
}
@media only screen and (max-width:640px) {
.column_2_1 li {
    width: 100%;
	padding:0 0 20px 0;
}
}

.column_2_2 {
    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;

}
.column_2_2 li {
    box-sizing: border-box;
    width: 48%;
	padding:20px;
}
@media only screen and (max-width:640px) {
.column_2_2 li {
    width: 100%;
	padding:0;
}
.column_2_2 li img{
	padding-bottom:30px;
}
}

.column_3_1 {
    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;

}
.column_3_1 li{
    box-sizing: border-box;
    width: 32%;
	padding:20px;
	border:1px solid #C8D7EB;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	margin:0 0 20px 0;
}
@media only screen and (max-width:640px) {
.column_3_1 li{
    width: 100%;
	padding:15px;
	margin:0 0 20px 0;
}
}

.column_3_i_1 {
    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;

}
.column_3_i_1 li{
    box-sizing: border-box;
    width: 32%;
	padding:0 0 30px 0;
}
.column_3_i_1 li img{
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.column_3_1::after{
  content:"";
  display: block;
    width: 32%;
}
@media only screen and (max-width:640px) {
.column_3_i_1 li{
    width: 100%;
	padding:0 0 20px 0;
}
}
.column_3_i_2 {
    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;

}
.column_3_i_2 li{
    box-sizing: border-box;
    width: 32%;
	padding:30px 0 0 0;
}
.column_3_i_2 li img{
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.column_3_i_2::after{
  content:"";
  display: block;
    width: 32%;
}
@media only screen and (max-width:640px) {
.column_3_i_2 li{
    width: 100%;
	padding:20px 0 0 0;
}
}


.column_4_1 {
    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;

}
.column_4_1 li{
    box-sizing: border-box;
    width: 24%;
	margin:0;
}
.column_4_1::after{
  content:"";
  display: block;
    width: 24%;
}
@media only screen and (max-width:640px) {
.column_4_1 li{
    width: 100%;
	padding:0 0 20px 0;
	margin:0 0 0 0;
}
}

.c_4_txt {
	padding:60px;
}

.c_4_txt strong{
	font-size:160%;
	display:block;
	padding-bottom:20px;
}
.c_4_txt p{
	font-size:120%;
	display:block;
	padding-bottom:20px;
}
@media only screen and (max-width:640px) {
.c_4_txt {padding:10px 10px 30px 10px;}
.c_4_txt strong{font-size:130%;}
.c_4_txt p{font-size:110%;}
}
.c_4_img {
	background:url(../img/tc_2.jpg) top no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
}

.bana_1 a {
    margin:20px 0 0 0;
    min-width: 260px;
    padding: 15px 25px;
    color: #fff;
    background:#48B3CF;
	display:inline-block;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	box-sizing:border-box;
}
.bana_1 a:hover {
    background: #86CEE6;
    color: #FFF;
}
@media only screen and (max-width:640px) {
.bana_1 a {
    min-width: 100%;
	text-align:center;
}
}
.bana_1_b a {
    margin:0 0 20px 0;
    min-width: 260px;
    padding: 15px 25px;
    color: #fff;
    background:#48B3CF;
	display:inline-block;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	box-sizing:border-box;
}
.bana_1_b a:hover {
    background: #86CEE6;
    color: #FFF;
}
@media only screen and (max-width:640px) {
.bana_1_b a {
    min-width: 100%;
	text-align:center;
}
}
.bana_2 a {
    margin:20px 0 20px 0;
	width:100%;
    padding: 15px 25px;
    color: #fff;
    background:#48B3CF;
	display:inline-block;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	box-sizing:border-box;
}
.bana_2 a:hover {
    background: #86CEE6;
    color: #FFF;
}
@media only screen and (max-width:640px) {
.bana_2 a {
    margin:10px 0 20px 0;
	text-align:center;
}
}

.bana_3 a {
    margin:20px 0 0 0;
    min-width: 260px;
    padding: 15px 25px;
    color: #31A7C3;
    background:#fff;
	display:inline-block;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	box-sizing:border-box;
	border:1px solid #86CEE6;
	box-sizing:border-box;
}
.bana_3 a:hover {
    background: #86CEE6;
    color: #FFF;
}
@media only screen and (max-width:640px) {
.bana_3 a {
    min-width: 100%;
	text-align:center;
}
}
.bana_4 a {
    margin:20px 0 20px 0;
	width:100%;
    padding: 15px 25px;
    color: #fff;
    background:#5B95E6;
	display:inline-block;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	box-sizing:border-box;
}
.bana_4 a:hover {
    background: #86CEE6;
    color: #FFF;
}
@media only screen and (max-width:640px) {
.bana_4 a {
    margin:20px 0 20px 0;
	text-align:center;
}
}

.bana_5 a {
    margin:20px 0 20px 0;
    min-width: 260px;
    padding: 15px 25px;
    color: #fff;
    background:#B7B700;
	display:inline-block;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	box-sizing:border-box;
}
.bana_5 a:hover {
    background: #D1D100;
    color: #FFF;
}
@media only screen and (max-width:640px) {
.bana_5 a {
    margin:20px 0 20px 0;
	text-align:center;
	width:100%;
}
}

.bana_6 a {
    margin:30px 0 0 0;
    min-width: 260px;
    padding: 15px 25px;
    color: #1EAA39;
    background:#fff;
	display:inline-block;
  -webkit-border-radius: 10px;
  border:1px solid #1EAA39;
  border-radius: 10px;
	box-sizing:border-box;
}
.bana_6 a:hover {
    background:#56BF6B;
    color: #FFF;
}
@media only screen and (max-width:640px) {
.bana_6 a {
    margin:20px 0 0 0;
	text-align:center;
	width:100%;
}
}



.bana_7 a {
    margin:0 0 20px 0;
	width:100%;
    padding: 15px 25px;
    color: #fff;
    background:#48B3CF;
	display:inline-block;
  -webkit-border-radius: 10px;
  border-radius: 10px;
	box-sizing:border-box;
}
.bana_7 a:hover {
    background: #86CEE6;
    color: #FFF;
}
@media only screen and (max-width:640px) {
.bana_7 a {
    margin:0;
	text-align:center;
}
}


.qa_area_1{
	height:320px;
	overflow:auto;
}
@media only screen and (max-width:640px) {
.qa_area_1{
	height:320px;
}
}

.news_area_1{
	height:320px;
	overflow:auto;
}
.news_area_1 dt{
  float:left;
  padding:15px 5px;
  box-sizing:border-box;
  width:10%;
  font-weight:bold;
}
.news_area_1 dd{
 border-bottom:1px solid #ccc;
  padding:15px 5px;
  box-sizing:border-box;
  width:97%;
}

@media only screen and (max-width:640px) {
.news_area_1 dt{
  box-sizing:border-box;
 border-bottom:none;
 float:none;
 display:block;
  width:98%;
  padding:10px 0 0 0;
}
.news_area_1 dd{
  box-sizing:border-box;
 border-bottom:1px solid #ccc;
  padding:10px 0 30px 0;
  width:98%;
  margin:0 0 20px 0; 
}
}

.sns_table td{
	padding:20px;
	box-sizing:border-box;
}

@media only screen and (max-width:640px) {
.sns_table td{
	padding:25px;
}
}


@media only screen and (min-width:641px) {
.fix_menu{display:none;}
}

@media only screen and (max-width:640px) {
.fix_menu {
  display:flex;
  justify-content:space-between;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index:1;
}
.fix_menu_item{
	width:25%; /* –¢‘Ήž—p */ 
	width:-webkit-calc(100% / 4); 
	width:calc(100% / 4) ; 
}
.fix_menu_item a{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:5px 0;
}
}

.f_cl_1{ background:#5B95E6;}
.f_cl_2{ background:#68A4EA;}
.f_cl_3{ background:#5B95E6;}
.f_cl_4{ background:#68A4EA;}

.pagelist{
	max-width:1080px;
	margin:0 auto;
	padding:10px;
	box-sizing:border-box;
	font-size:80%;
}

@media only screen and (max-width:640px) {
.pagelist{
	padding:8px 10px;
}
}
.pagelist ol a{color:#333;}
.pagelist ol a:hover{text-decoration:underline;}
.pagelist ol li {display: inline;list-style-type: none;}
.pagelist ol li:before {content: ">";padding:0 5px;}
.pagelist ol li:first-child:before {content: none;}






.company_table {
border-collapse: collapse;
width: 100%;
}
.company_table th, .company_table td {
border-bottom: 2px solid #c1c7c6;
padding:25px;
box-sizing:border-box;
}
.company_table th {
border-bottom: 2px solid #6CC3DE;
font-weight: bold;
width: 20%;
text-align:left;
}

@media only screen and (max-width:640px) {
.company_table th, .company_table td {
padding:15px 5px;
}
.company_table th {
width: 40%;
}
}


.company_img_1 {
width: 250px;
background:#fff;
padding:5px 10px;
border:1px solid #CCC;
margin-bottom:10px;
}

@media only screen and (max-width:640px) {
.company_img_1 {
width: 90%;
}
}

.salon_table {
border-collapse: collapse;
width: 100%;
}
.salon_table th, .salon_table td {
border-bottom: 2px solid #c1c7c6;
padding:25px;
box-sizing:border-box;
}
.salon_table th {
border-bottom: 2px solid #6CC3DE;
font-weight: bold;
width: 25%;
text-align:left;
}

@media only screen and (max-width:640px) {
.salon_table th, .salon_table td {
padding:15px 5px;
}
.salon_table th {
width: 40%;
}
}


.media_table {
border-collapse: collapse;
width: 100%;
}
.media_table img{
	display:block;
	margin-top:10px;
}
.media_table th, .media_table td {
padding:25px;
box-sizing:border-box;
border-bottom: 20px solid #fff;
}
.media_table th {
border-right: 1px solid #6CC3DE;
font-weight: bold;
width: 20%;
text-align:left;
background:#EFF3FA;
}

@media only screen and (max-width:640px) {
.media_table th, .media_table td {
padding:15px 10px;
}
.media_table th, .media_table td {
width: 100%;
display:block;
}
.media_table th{
	border:none;
}
}













/* subpage-others-start */

.sub_title_1 {font-size:160%;font-weight: bold; color:#212121; margin-bottom:20px;}
@media only screen and (max-width:640px) {.sub_title_1 {font-size:140%;margin-bottom:10px;}}
.sub_title_2 {font-size:160%;font-weight: normal; color:#212121; margin-bottom:20px;}
@media only screen and (max-width:640px) {.sub_title_2 {font-size:140%;margin-bottom:10px;}}

.sub_box_1 {
    box-sizing: border-box;
    padding:20px;
	border:1px solid #C8D7EB;
	background:#fff;
	text-align:left;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
@media only screen and (max-width:640px) {.sub_box_1 {padding:15px;}}

.mt30{margin-top:30px; display:block;}@media only screen and (max-width:640px) {.mt30{margin-top:20px;}}
.mt30_1{margin-top:30px;}@media only screen and (max-width:640px) {.mt30_1{margin-top:20px;}}
.mt70{margin-top:70px;}@media only screen and (max-width:640px) {.mt70{margin-top:30px;}}
.mb30{margin-bottom:30px; display:block;}@media only screen and (max-width:640px) {.mb30{margin-bottom:15px;}}
.mb70{margin-bottom:70px;}@media only screen and (max-width:640px) {.mb70{margin-bottom:30px;}}

.map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    height: 0;
	margin-top:20px;
}
.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media only screen and (max-width:640px) {.map{ height:400px;}}

.i_70 {
	width:70%;
	margin:0 auto;
	display:block;
}

.font_70{font-size:70%;}
.font_80{font-size:80%;}
.font_120{font-size:120%;}
.font_140{font-size:140%;}

.list_1 {
	list-style:none;
	padding:0;
}
.list_1 li{
	padding:10px 0;
}
.list_1 li:before {content: "\30FB";padding:0 5px;}
.list_2 {
	padding:0 0 0 30px;
}
.list_2 li{
	padding:10px 0;
}
/* subpage-others-end */

.image {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background-size: cover;
  background-position: center center;
  animation: image-switch-animation 32s infinite;
}

.src1 {
  background-image:url(../img/top_i1.jpg);
}
.src2 {
  background-image:url(../img/top_i2.jpg);
}
.src3 {
  background-image:url(../img/top_i3.jpg);
}
.src4 {
  background-image:url(../img/top_i4.jpg);
}
.src5 {
  background-image:url(../img/top_i5.jpg);
}
.src6 {
  background-image:url(../img/top_i6.jpg);
}

.image:nth-of-type(1) {
  animation-delay: 0s;
}
.image:nth-of-type(2) {
  animation-delay: 7s;
}
.image:nth-of-type(3) {
  animation-delay: 12s;
}
.image:nth-of-type(4) {
  animation-delay: 17s;
}
.image:nth-of-type(5) {
  animation-delay: 22s;
}

.image:nth-of-type(6) {
  animation-delay: 27s;
}

@keyframes image-switch-animation {
  0%{ opacity: 0;}
  5%{ opacity: 1;}
  25%{ opacity: 1;}
  30%{ opacity: 0;}
  100%{ opacity: 0;}
}

.s_txt_1{
	font-size:160%;
	display:block;
	padding-bottom:20px;
	font-weight:bold;
}



.company_history {
    width: 96%;
}

.company_history-list {
    padding: 40px 0;
}

.company_history-list-item {
    display: flex;
}

.company_history-list-item .timedate {
    width: 15%;
    padding: 0 25px 0 0;
    color:#5B95E6;
    font-weight: bold;
	text-align:right;
}

.company_history-list-item .history_content {
    position: relative;
    width: 85%;
    padding: 0 0 40px 30px;
    border-left: 1px solid #5B95E6;
}
.company_history-list-item .p0{
    padding: 0 0 0 30px !important;
}

.company_history-list-item .history_content::before {
  content: "";
  position: absolute;
  left: -11px;
  top: 3px;
  background: #5B95E6;
  width: 20px;
  height: 20px;
  border-radius: 10px;
}
@media only screen and (max-width:640px) {
.company_history-list-item .timedate {
    width: 25%;
    padding: 0 15px 0 0;
}

.company_history-list-item .history_content {
    position: relative;
    width: 75%;
    padding: 0 0 40px 30px;
}
}

.company_group_1{
	width:90%;
	display:block;
	margin:140px auto 0 auto;
	}

@media only screen and (max-width:640px) {
.company_group_1{
	width:80%;
	display:block;
	margin:50px auto 20px auto;
	}
}
@media only screen and (max-width:640px) {
.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
}

.tel_img_1 img{
	display:block;
	margin-bottom:20px;
	}

@media only screen and (max-width:640px) {
.tel_img_1 img{
	width:100%;
	display:block;
	}
}