*{margin:0;padding:0;}

h1,h2,h3{padding:0;margin:0;}

#back-light-gray{background:#fff;}

.btn-social-circle {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  text-decoration: none;
  color: #FFF;
  width: 50px;
  height: 50px;
  line-height: 30px;
  padding: 5px;
  font-size: 25px;
  border-radius: 50%;
  text-align: center;
  font-weight: bold;
  box-shadow: inset 0 2px 0px rgba(255, 255, 255, 0.25), inset 0 -2px 0px rgba(0, 0, 0, 0.18);
  transition: .2s;
}
.btn-social-circle .fa {
  line-height: 30px;
}
.btn-social-circle:hover {
  box-shadow: none;
}

.btn-social-circle--twitter {
  background: #ff6452;
  border: solid 5px #ff6452;
}

.btn-social-circle--facebook {
  background: #ff6452;
  border: solid 5px #ff6452;
}
.btn-social-circle--instagram {
  background: #ff6452;
  border: solid 5px #ff6452;
}
.btn-social-circle--youtube {
  background: #ff6452;
  border: solid 5px #ff6452;
}
.btn-social-circle--line {
  background: #ff6452;
  border: solid 5px #ff6452;
}
#text-wrap {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0 auto;
    padding: 0px;
}
 
.hide-text {
    display: none;
}
 
 
button.readmore {
    position: relative;
    height: 80px;
    width: 90px;
    margin: 40px auto;
    display: block;
    background-color: transparent;
    color: #666;
    padding-bottom: 40px;
    border: none;
    outline: 0;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore::after {
    content: " ";
    position: absolute;
    width: 30px;
    height: 30px;
    border-top: solid 3px #666;
    border-right: solid 3px #666;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 28px;
    top: 25px;
    transition: .5s;
    -erbkit-transition: .5s;
}
 
button.readmore:hover::after {
    top: 40px;
}
 
.on-click {
    color: transparent!important;
}
 
.on-click {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

.show-panel-btn {
  display: block;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  line-height: 50px;
  text-align: center;
  color: #333;
  border: 4px solid #C3A572;
  transition: .3s;
  text-decoration: none;
}
.show-panel-btn:hover {
  color: #fff;
  background: #C3A572;
}

.wrapper {
  /*width: 100vw;
  height: 100vh;*/
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.bg_01{position:relative;}
.head-border {padding: 0 5%;
    display: flex;
    align-items: center;
}
 
.head-border:before,
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}
 
.head-border:before {
    margin-right: 1rem;
}
 
.head-border:after {
    margin-left: 1rem;
}

.item {
  position: relative;
  overflow: hidden;
}

.item img {
  /*vertical-align: middle;*/
}

.caption {
  margin: 0;
  padding: 1em;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  overflow: auto;
  box-sizing: border-box;
  transition: transform 0.5s;
  transform: translateY(100%);
  background: rgba(0, 0, 0, 0.7);
  color: rgb(255, 255, 255,1.0);
}

.item:hover .caption {
  transform: translateY(0%);
}

/*
  The rest is only styling for this example page
*/
.item p {
  text-align: center;
}
.blue00{color:#618bad;}

.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}

.right00{text-align:right;}

.left00{text-align:left;}

.center{text-align:center;}

ul{list-style:none;}

.ul-align-center{display: flex;
    align-items: center;justify-content:center;
    flex-direction: column;}

.ul-align-right{display: flex;line-height:2.0;
    align-items: flex-end;justify-content: flex-start;
    flex-direction: column;}

.ul-align-left{display: flex;line-height:2.0;
    align-items: flex-start;justify-content: flex-start;
    flex-direction: column;}

.font_family2 {font-weight:bold;
font-family: "HGP行書体", "ＭＳ Ｐ明朝", "MS PMincho" ,serif; 
}

.font_family{font-family: 'Time New Roman', serif;}

.swiper-slide-active .s-right-text {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}

.swiper-slide-active .s-right-text2 {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}

.swiper-slide-active .s-right-text3 {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}

.swiper-slide-active .s-right-text4 {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}

.swiper-slide-active .s-right-text0 {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}

.swiper-slide-active .s-right-text-z {
  animation: slideFromBottom 1.5s ease 0s 1 normal;}

.between02{margin:2%;}

.between03{padding:6%;}

.text a, .text a:hover, .text a:hover:after{color:#000;

text-decoration:none;}

html{height:100%;}

body{overflow-x:hidden;height:100%;

font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;}

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

@keyframes slideFromBottom {
  0%, 25% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

@-webkit-keyframes slideFromBottom {
  0%, 25% {
    transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.solid-bottom{border-bottom:1px solid #000;}

.dot_bottom{border-bottom:3px dotted gray;}

.red01{color:#f00;}

.red01 a, .red01 a:hover, .red01 a:hover:after{color:#f00;

text-decoration:none;}

.title a, .title a:hover, .title a:hover:after{text-decoration:none;}

.black01{color:#000;text-shadow:1px 1px 1px white;

-webkit-text-shadow:1px 1px 1px white;}

.black01 a, .black01 a:hover, .black01 a:hover:after

{color:#000;text-shadow:1px 1px 1px white;

-webkit-text-shadow:1px 1px 1px white;text-decoration:none;}

.white01{color:#fff;}

.white02{color:#fff;text-shadow:1px 1px 1px black;

-webkit-text-shadow:1px 1px 1px black;}

.white03{color:#fff;text-shadow:2px 2px 2px black;

-webkit-text-shadow:2px 2px 2px black;}

.white03 a, .white03 a:hover, .white03 a:hover:after

{color:#fff;text-shadow:2px 2px 2px black;

-webkit-text-shadow:2px 2px 2px black; text-decoration:none;}

.white01 a, .white01 a:hover, .white01 a:hover:after{color:#fff;}

@media screen and (max-width:3000px){
.picture_09 img{width:20%;display:inline-block;}

.back-brown p, .back-white p, .back-board p{width:35vw;display:grid;padding:6%;
  justify-self: center;
    align-self: center;text-align:center;}

.left01{text-align:left;}

html{height:100%;}

body {overflow-x:hidden;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
 }

.between00{padding:0 10%;}
.wrap2 {
    width: 50%;
    float: right;padding:0 0 0 20%;
  }

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}
/*index.html_start_top_view*/
.s-right-text {z-index:2;
  position: absolute;
  top: 5%;
  left: 0%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top:15%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:10;
  position: absolute;
  top: 80%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:2;
  position: absolute;
  top: 30%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:50%;
  left: 0%;
  width: 100%;
   }
/*flexbox*/
.flexbox0_blog{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;width:100%;padding:0;margin:0;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox0_blog li{display:-webkit-box;
  	display:-ms-flexbox;
  	padding:0;margin:0;    
  display : flex;width:100%;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox0{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox0 li{display:-webkit-box;
  	display:-ms-flexbox;
  	    
  display : flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox_reverse{display:-webkit-box;flex-direction: row-reverse;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox_reverse li{display:-webkit-box;flex-direction: row-reverse;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;display:block;}



#id2 > li{
  flex:1 0 20%;}

#id2 .grow02{
  flex:1 0 80%;}

#id3 > li{
  flex:1 0 30%;}

#id3 .grow03{
  flex:1 0 60%;}

#id4 > li{
  flex:1 0 40%;}

#id4 .grow04{
  flex:2 0 50%;}

/*top.html_start*/
.sub_staff, .sub_staff2, .sub_staff3{width:80%;margin:0 auto;}

.sub_staff0{width:70%; margin:0 auto;}

.sub_staff4{width:45%;margin:0 auto;}

.sub_staff5{width:65%;margin:0 auto;}
/*table*/
.ul-align-center th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table,.ul-align-center td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.ul-align-center th{width: calc(100%/3);}

.ul-align-center td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}
/*table_end*/
/*table*/
.sub_staff th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff table,.sub_staff td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff tr{border-bottom:1px solid gray;}*/

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/3);}

.sub_staff td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff2 tr{border-bottom:1px solid gray;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(100%/6);}

.sub_staff2 td{width:calc(250%/6);}
/*table_end*/
.sub_question{width:75%;margin:0 auto;}

/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:7px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:7px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/4);}

.sub_staff3 td{width:calc(200%/4);}
/*table_end*/
.picture_sdgs img{width:60%;}

.tel_logo a img{width:70%;}

.header-bar{display:flex;align-items:center;justify-self: stretch;}

.header-bar li{display:flex;justify-self: stretch;width:calc(100%/3);text-align:center;}

.picture_123 img{width:10%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:60%;display:inline-block;}



.picture_456 img{width:40%;display:inline-block;}

.picture_789 a img{width:40%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_a{font-size:2.3em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.6em;font-weight:bold;}

.size_small03{font-size:2.2em;font-weight:bold;}

.size_small04{font-size:1.2em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#86A9AA;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}

.form-width{max-width:100%;}

}

@media (min-width:961px) and (max-width:1399px){
.picture_09 img{width:20%;display:inline-block;}

.back-brown p, .back-white p, .back-board p{width:35vw;display:grid;padding:8%;
  justify-self: center;
    align-self: center;text-align:center;}

.left01{text-align:left;}

html{height:100%;}

body {overflow-x:hidden;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }

.between00{padding:0 10%;}
.wrap2 {
    width: 50%;
    float: right;padding:0 0 0 20%;
  }
.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

/*index.html_start_top_view*/
.s-right-text {z-index:5;
  position: absolute;
  top: 5%;
  left: 0%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top: 15%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:10;
  position: absolute;
  top: 80%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:5;
  position: absolute;
  top: 30%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:5;
  position: absolute;
  top:50%;
  left: 0%;
  width: 100%;
   }
/*flexbox*/
.flexbox0_blog{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;width:100%;padding:0;margin:0;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox0_blog li{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;width:100%;padding:0;margin:0;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox0{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox0 li{display:-webkit-box;
  	display:-ms-flexbox;
  	    
  display : flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox_reverse{display:-webkit-box;flex-direction: row-reverse;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox_reverse li{display:-webkit-box;flex-direction: row-reverse;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;}

#id2 > li{
  flex:1 0 20%;}

#id2 .grow02{
  flex:4 0 70%;}

#id3 > li{
  flex:1 0 30%;}

#id3 .grow03{
  flex:2 0 60%;}

#id4 > li{
  flex:1 0 40%;}

#id4 .grow04{
  flex:2 0 50%;}

.sub_question{width:80%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff3{width:80%;margin:0 auto;}

.sub_staff4{width:45%;margin:0 auto;}

.sub_staff5{width:65%;margin:0 auto;}

.sub_staff0{width:70%; margin:0 auto;}
/*table*/
.ul-align-center th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table,.ul-align-center td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.ul-align-center th{width: calc(100%/3);}

.ul-align-center td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}
/*table_end*/
/*table*/
.sub_staff th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff td
{border-bottom:1px solid gray;font-weight:400;padding:5px;}

/*.sub_staff tr{border-bottom:1px solid gray;}*/

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/3);}

.sub_staff td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff2 tr{border-bottom:1px solid gray;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(300%/5);}

.sub_staff2 td{width:calc(100%/5);}
/*table_end*/
/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/4);}

.sub_staff3 td{width:calc(200%/4);}
/*table_end*/
.picture_sdgs img{width:60%;}

.tel_logo a img{width:70%;}

.header-bar{display:flex;align-items:center;justify-self: stretch;}

.header-bar li{display:flex;justify-self: stretch;width:calc(100%/3);text-align:center;}

.picture_123 a img{width:30%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:60%;display:inline-block;}

.picture_0 a img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_456 img{width:40%;display:inline-block;}

.picture_789 a img{width:20%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_a{font-size:2.3em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.6em;font-weight:bold;}

.size_small03{font-size:2.2em;font-weight:bold;}

.size_small04{font-size:1.2em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#86A9AA;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}

.form-width{max-width:100%;}


}

@media (min-width:769px) and (max-width:960px){
.picture_09 img{width:20%;display:inline-block;}

.back-brown p, .back-white p, .back-board p{width:42.5vw;display:grid;padding:4%;
  justify-self: center;
    align-self: center;text-align:center;}

.left01{text-align:left;}

html{height:100%;}

body {overflow-x:hidden;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.between00{padding:0 5%;}

.wrap2 {
    width: 50%;
    float: right;padding:0 0 0 10%;
  }

/*index.html_start_top_view*/
.s-right-text {z-index:2;
  position: absolute;
  top: 5%;
  left: 0%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top: 15%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:5;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:2;
  position: absolute;
  top: 30%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:70%;
  left: 0%;
  width: 100%;
   }
/*flexbox*/
.flexbox0_blog{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;width:100%;padding:0;margin:0;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox0_blog li{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;width:100%;padding:0;margin:0;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox0{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;
  -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox0 li{display:-webkit-box;
  	display:-ms-flexbox;
  	    
  display : flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox_reverse{display:-webkit-box;flex-direction: row-reverse;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.flexbox_reverse li{display:-webkit-box;flex-direction: row-reverse;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;display:block;}

#id2 > li{
  flex:1 0 20%;}

#id2 .grow02{
  flex:4 0 70%;}

#id3 > li{
  flex:1 0 30%;}

#id3 .grow03{
  flex:1 0 60%;}

#id4 > li{
  flex:1 0 40%;}

#id4 .grow04{
  flex:2 0 50%;}

.sub_question{width:85%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff3{width:90%;margin:0 auto;}

.sub_staff4, .sub_staff5{width:75%;margin:0 auto;}

.sub_staff0{width:70%; margin:0 auto;}
/*table*/
.ul-align-center th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table,.ul-align-center td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.ul-align-center th{width: calc(100%/3);}

.ul-align-center td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}
/*table_end*/
/*table*/
.sub_staff th{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff table,.sub_staff td
{border:1px solid gray;font-weight:600;

padding:5px;}

.sub_staff tr{border:1px solid gray;}

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/3);}

.sub_staff td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff2 tr{border-bottom:1px solid gray;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(300%/5);}

.sub_staff2 td{width:calc(100%/5);}
/*table_end*/
/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/5);}

.sub_staff3 td{width:calc(300%/5);}

/*table_end*/
.picture_sdgs img{width:60%;}

.tel_logo a img{width:70%;}

.header-bar{display:flex;align-items:center;justify-self: stretch;}

.header-bar li{display:flex;justify-self: stretch;width:calc(100%/3);text-align:center;}

.picture_123 a img{width:30%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:60%;display:inline-block;}

.picture_0 a img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_456 img{width:50%;display:inline-block;}

.picture_789 a img{width:20%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_a{font-size:2.3em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.6em;font-weight:bold;}

.size_small03{font-size:2.2em;font-weight:bold;}

.size_small04{font-size:1.2em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#86A9AA;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}

.form-width{max-width:100%;}

}

@media (min-width:515px) and (max-width:768px){
.picture_09 img{width:20%;display:inline-block;}

.back-brown p, .back-white p, .back-board p{width:85vw;display:grid;padding:4%;
  justify-self: center;
    align-self: center;text-align:center;}

.left01{text-align:left;}

html{height:100%;}

body {overflow-x:hidden;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.between00{padding:0 5%;}

.wrap2 {
    width: 100%;
    float: none;padding:0 0 0 0%;
  }
/*index.html_start_top_view*/
.s-right-text {z-index:2;
  position: absolute;
  top: 15%;
  left: 0%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top: 45%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:5;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:2;
  position: absolute;
  top: 30%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:70%;
  left: 0%;
  width: 100%;
   }

.flexbox0_blog{display: flex;padding:0;margin:0;
    align-items: flex-start;
    flex-direction: column;line-height:1.3;}

.flexbox0_blog li{display: flex;padding:0;margin:0;
    align-items: flex-start;
    flex-direction: column;line-height:1.3;}

.flexbox0{display: flex;
    align-items: start;justify-content:flex-start;
    flex-direction: column;}

.flexbox0 li{display: flex;
    align-items: start;justify-content:flex-start;
    flex-direction: column;}

.flexbox_reverse{display: flex;
    align-items: center;
    flex-direction: column;line-height:1.3;}

.flexbox_reverse li{display: flex;
    align-items: center;
    flex-direction: column;line-height:1.3;}

.flexbox li{display : -webkit-box;    
  display : -webkit-flex;    
  display : -ms-flexbox;    
  display : flex;width:100%;}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;display:block;}

#id2 > li{
  flex:1 0 20%;}

#id2 .grow02{
  flex:4 0 70%;}

#id3 > li{
  flex:1 0 30%;}

#id3 .grow03{
  flex:1 0 60%;}

#id4 > li{
  flex:1 0 40%;}

#id4 .grow04{
  flex:2 0 50%;}

.sub_question{width:90%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff5, .sub_staff0

{width:95%;margin:0 auto;}

.sub_staff3,.sub_staff4{width:75%; margin:0 auto;}
/*table*/
.ul-align-center th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table,.ul-align-center td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.ul-align-center th{width: calc(100%/3);}

.ul-align-center td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}
/*table_end*/
/*table*/
.sub_staff th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff tr{border:1px solid gray;}*/

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/3);}

.sub_staff td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:7px;}

/*.sub_staff2 tr{border:1px solid gray;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(300%/5);}

.sub_staff2 td{width:calc(100%/5);}
/*table_end*/
/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/5);}

.sub_staff3 td{width:calc(300%/5);}

/*table_end*/
.picture_sdgs img{width:60%;}

.tel_logo a img{width:90%;}

.header-bar{display:flex;align-items:center;justify-self: stretch;}

.header-bar li{display:flex;justify-self: stretch;width:calc(100%/3);text-align:center;}

.picture_123 a img{width:50%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:60%;display:inline-block;}

.picture_0 a img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_456 img{width:40%;display:inline-block;}

.picture_789 a img{width:20%;display:inline-block;margin:0;padding:0;}

.size{font-size:3.2em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_a{font-size:1.6em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.2em;font-weight:400;}

.size_small02{font-size:1.3em;font-weight:bold;}

.size_small03{font-size:1.6em;font-weight:bold;}

.size_small04{font-size:1.2em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#86A9AA;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}

.form-width{max-width:95%;}

}

@media (min-width:320px) and (max-width:514px){
.picture_09 img{width:20%;display:inline-block;}

.back-brown p, .back-white p, .back-board p{width:85vw;display:grid;padding:4%;
  justify-self: center;
    align-self: center;text-align:center;}

.only-sh2{display:none;}

.left01{text-align:left;}

html{height:100%;}

body {overflow-x:hidden;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100%;}

.between00{padding:0 3%;}

.wrap2 {
    width: 100%;
    float: none;padding:0 0 0 0%;
  }
/*index.html_start_top_view*/
.s-right-text {z-index:5;
  position: absolute;
  top: 15%;
  left:0%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top: 30%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:10;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:2;
  position: absolute;
  top: 45%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:70%;
  left: 0%;
  width: 100%;
   }

.flexbox0_blog{display: flex;padding:0;margin:0;
    align-items: flex-start;
    flex-direction: column;line-height:1.3;}

.flexbox0_blog li{display: flex;padding:0;margin:0;
    align-items: flex-start;
    flex-direction: column;line-height:1.3;}

.flexbox0{display: flex;
    align-items: start;justify-content:flex-start;
    flex-direction: column;}

.flexbox0 li{display: flex;
    align-items: start;justify-content:flex-start;
    flex-direction: column;}

.flexbox li .grow02, .flexbox li .grow03, .flexbox li .grow04
{align-items: start;display:flex;justify-content:flex-start;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox0 li .grow02, .flexbox0 li .grow03, .flexbox0 li .grow04
{align-items:start;display:flex;justify-content:flex-start;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox_reverse{display: flex;
    align-items: center;
    flex-direction: column;line-height:1.3;}

.flexbox_reverse li{display: flex;
    align-items: center;
    flex-direction: column;line-height:1.3;}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;display:block;}

#id2 > li{
  flex:1 0 20%;}

#id2 .grow02{
  flex:4 0 70%;}

#id3 > li{
  flex:1 0 30%;}

#id3 .grow03{
  flex:1 0 60%;}

#id4 > li{
  flex:1 0 40%;}

#id4 .grow04{
  flex:2 0 50%;}

.sub_question{width:95%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff5, .sub_staff0
{width:95%;margin:0 auto;}

.sub_staff3,.sub_staff4{width:75%; margin:0 auto;}
/*table*/
.ul-align-center th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table,.ul-align-center td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.ul-align-center th{width: calc(100%/3);}

.ul-align-center td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}
/*table_end*/
/*table*/
.sub_staff th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff tr{border:1px solid gray;}*/

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/3);}

.sub_staff td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff2 tr{border:1px solid gray;font-weight:600;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff2 th{width: calc(300%/5);}

.sub_staff2 td{width:calc(100%/5);}
/*table_end*/
/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/5);}

.sub_staff3 td{width:calc(300%/5);}

/*table_end*/
.picture_sdgs img{width:60%;}

.tel_logo a img{width:100%;}

.header-bar{display:flex;align-items:center;justify-self: stretch;}

.header-bar li{display:flex;justify-self: stretch;width:calc(100%/3);text-align:center;}

.picture_123 a img{width:60%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:60%;display:inline-block;}

.picture_01 img{width:30%;display:inline-block;}

.picture_456 img{width:50%;display:inline-block;}

.picture_789 a img{width:35%;display:inline-block;margin:0;padding:0;}

.size{font-size:1.6em;font-weight:bold;}

.size_a{font-size:1.4em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.0em;font-weight:400;}

.size_small02{font-size:1.3em;font-weight:bold;}

.size_small03{font-size:1.4em;font-weight:bold;}

.size_small04{font-size:1.1em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#86A9AA;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}

.form-width{max-width:95%;}

}

@media screen and (max-width:319px){
.picture_09 img{width:20%;display:inline-block;}

.back-brown p, .back-white p, .back-board p{width:85vw;display:grid;padding:4%;
  justify-self: center;
    align-self: center;text-align:center;}

.only-sh2{display:none;}

.left01{text-align:left;}

html{height:100%;}

body {overflow-x:hidden;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  height:100%;
  margin: 0;
  padding: 0;
  }

.wrap{overflow:hidden;width:100%;width:100vw;

min-height:100vh;}

.between00{padding:0 3%;}

.wrap2 {
    width: 100%;
    float: none;padding:0 0 0 0%;
  }

/*index.html_start_top_view*/
.s-right-text {z-index:2;
  position: absolute;
  top: 15%;
  left:0%;
  width: 100%;
   }

.s-right-text2 {z-index:6;
  position: absolute;
  top: 45%;
  left: 0%;
  width: 100%;
   }

.s-right-text0 {z-index:10;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
   }

.s-right-text3 {z-index:2;
  position: absolute;
  top: 30%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:70%;
  left: 0%;
  width: 100%;
   }

.flexbox0_blog{display: flex;padding:0;margin:0;
    align-items: flex-start;
    flex-direction: column;line-height:1.3;}

.flexbox0_blog li{display: flex;padding:0;margin:0;
    align-items: flex-start;
    flex-direction: column;line-height:1.3;}

.flexbox0{display: flex;
    align-items: start;justify-content:flex-start;
    flex-direction: column;}

.flexbox0 li{display: flex;
    align-items: start;justify-content:flex-start;
    flex-direction: column;}

.flexbox_reverse{display: flex;
    align-items: center;
    flex-direction: column;line-height:1.3;}

.flexbox_reverse li{display: flex;
    align-items: center;
    flex-direction: column;line-height:1.3;}

.flexbox li{align-items: center;display:flex;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox li .grow02, .flexbox li .grow03, .flexbox li .grow04
{align-items: start;display:flex;justify-content:flex-start;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.flexbox0 li .grow02, .flexbox0 li .grow03, .flexbox0 li .grow04
{align-items: start;display:flex;justify-content:flex-start;
  	flex-direction: column;width:100%;
	padding:0 0px;}

.ul-center-left{width:fit-content;margin:auto;max-width:100%;display:block;}

.sub_question{width:95%;margin:0 auto;}

.sub_staff, .sub_staff2, .sub_staff5, .sub_staff0
{width:95%;margin:0 auto;}

.sub_staff3,.sub_staff4{width:75%; margin:0 auto;}
/*table*/
.ul-align-center th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table,.ul-align-center td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.ul-align-center table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.ul-align-center th{width: calc(100%/3);}

.ul-align-center td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.2);}
/*table_end*/
/*table*/
.sub_staff th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff td
{border-bottom:1px solid gray;

padding:5px;}

/*.sub_staff tr{border:1px solid gray;}*/

.sub_staff table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff th{width: calc(100%/3);}

.sub_staff td{width:calc(200%/3);}

.bgcolor01{background:rgba(222,234,246,0.8);}

.bgcolor02{background:rgba(255,255,255,0.8);}
/*table_end*/
/*table*/
.sub_staff2 th{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

.sub_staff2 td
{border-bottom:1px solid gray;font-weight:400;

padding:5px;}

/*.sub_staff2 tr{border-bottom:1px solid gray;}*/

.sub_staff2 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;font-size:1.0em;}

.sub_staff2 th{width: calc(300%/5);}

.sub_staff2 td{width:calc(100%/5);}

/*table_end*/
/*table*/
.sub_staff3 th{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 table,.sub_staff3 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.sub_staff3 tr{border:0px solid gray;font-weight:400;}

.sub_staff3 table{width:100%;max-width:100%;min-width:100%;

		min-height:200px;}

.sub_staff3 th{width: calc(100%/5);}

.sub_staff3 td{width:calc(300%/5);}

/*table_end*/
.picture_sdgs img{width:60%;}

.tel_logo a img{width:70%;}

.header-bar{display:flex;align-items:center;justify-self: stretch;}

.header-bar li{display:flex;justify-self: stretch;width:calc(100%/3);text-align:center;}

.picture_123 a img{width:35%;display:inline-block;margin:0;padding:0;}

.picture_1 img, .picture_2 img{width:100%;display:inline-block;}

.picture_3 img{width:100%;display:inline-block;}

.picture_0 a img{width:20%;display:inline-block;margin:0;padding:0;}

.picture_456 img{width:50%;display:inline-block;}

.picture_789 a img{width:35%;display:inline-block;margin:0;padding:0;}

.size{font-size:1.6em;font-weight:bold;}

.size_a{font-size:1.3em;font-weight:bold;}

.size_b{font-size:1.0em;font-weight:bold;}

.size_c{font-size:1.1em;font-weight:400;}

.size_small0{font-size:1.0em;font-weight:400;}

.size_small01{font-size:1.0em;font-weight:400;}

.size_small02{font-size:1.4em;font-weight:bold;}

.size_small03{font-size:1.4em;font-weight:bold;}

.size_small04{font-size:1.1em;font-weight:600;}

#footer{width:100%;height:auto;margin-top:auto;

background-repeat:no-repeat;background:#86A9AA;

background-position:center center;background-size:cover;}

#footer a, #footer ul li, #footer p{z-index:2;}

.form-width{max-width:95%;}

}