*{margin:0;padding:0;}

.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;}
/*
  The rest is only styling for this example page
*/

.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;
    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%;}

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 #acacac;}

.red01{color:#f00;}

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

text-decoration:none;}

.red03, .red03 a, .red03 a:hover, .red03 a:hover:after{color:#FF1100;

text-decoration:none;text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff,
  -1px 1px 0 #fff,  1px -1px 0 #fff,
  1px 0 0 #fff, -1px  0 0 #fff,
  0 1px 0 #fff,  0 -1px 0 #fff;}

.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){

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%;}

.stroke-green{font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;}

.head-border {
    padding: 0 5%;
    display: flex;
    flex-direction: column;  /* 縦方向に並べる */
    align-items: center;
    text-align: center;
    position: relative;
}

/* spanで囲んだメインテキストの部分のスタイリング */
.head-border span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 0.5rem;  /* 下のテキストとの間隔 */
}

/* 横線の設定 */
.head-border span:before,
.head-border span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 40%;  /* 線の長さ - 調整可能 */
    background-color: #666;
}

.head-border span:before {
    right: 100%;  /* テキストの左側に配置 */
}

.head-border span:after {
    left: 100%;  /* テキストの右側に配置 */
}

/* data-en属性の内容を表示する */
.head-border:after {
    content: attr(data-en);
    display: block;
    font-size: 2.2em;  /* 英語テキストのサイズ */
    font-family: 'Time New Roman', serif; /* 英語テキストの色 */
    font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;
    margin-top: 0.2rem;  /* 上のテキストとの間隔 */
}

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

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

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

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

.s-right-text3 {z-index:2;
  position: absolute;
  top: 80%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:45%;
  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;}

.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 3%;}
.between-left-wide{margin:0 0 0 10%;}

#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:60%; margin:0 auto;}

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

.sub_staff5{width:95%;margin:0 auto;}
/*table*/
.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%/5);}

.sub_staff td{width:calc(400%/5);}

.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(400%/5);}

.sub_staff2 td{width:calc(100%/5);}
/*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_1 a img{width:100%;display:inline-block;}

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

.picture_456 a img{width:100%;display:inline-block;height:70px;}

.picture_789 a img{width:10%;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:repeat;background:#fff;

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

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

}

@media (min-width:961px) and (max-width:1399px){

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%;}

.stroke-green{font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;}

.head-border {
    padding: 0 5%;
    display: flex;
    flex-direction: column;  /* 縦方向に並べる */
    align-items: center;
    text-align: center;
    position: relative;
}

/* spanで囲んだメインテキストの部分のスタイリング */
.head-border span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 0.5rem;  /* 下のテキストとの間隔 */
}

/* 横線の設定 */
.head-border span:before,
.head-border span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 40%;  /* 線の長さ - 調整可能 */
    background-color: #666;
}

.head-border span:before {
    right: 100%;  /* テキストの左側に配置 */
}

.head-border span:after {
    left: 100%;  /* テキストの右側に配置 */
}

/* data-en属性の内容を表示する */
.head-border:after {
    content: attr(data-en);
    display: block;
    font-size: 2.2em;  /* 英語テキストのサイズ */
    font-family: 'Time New Roman', serif; /* 英語テキストの色 */
    font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;
    margin-top: 0.2rem;  /* 上のテキストとの間隔 */
}

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

min-height:100vh;}

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

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

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

.s-right-text3 {z-index:5;
  position: absolute;
  top: 80%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:5;
  position: absolute;
  top:45%;
  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%;}

.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 5%;}
.between-left-wide{margin:0 0 0 10%;}

#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:95%;margin:0 auto;}

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

.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%/5);}

.sub_staff td{width:calc(400%/5);}

.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(400%/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_1 a img{width:100%;display:inline-block;}

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

.picture_00 a img{width:10%;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:#fff;

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

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


}

@media (min-width:769px) and (max-width:960px){

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%;}

.stroke-green{font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;}

.head-border {
    padding: 0 5%;
    display: flex;
    flex-direction: column;  /* 縦方向に並べる */
    align-items: center;
    text-align: center;
    position: relative;
}

/* spanで囲んだメインテキストの部分のスタイリング */
.head-border span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 0.5rem;  /* 下のテキストとの間隔 */
}

/* 横線の設定 */
.head-border span:before,
.head-border span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 40%;  /* 線の長さ - 調整可能 */
    background-color: #666;
}

.head-border span:before {
    right: 100%;  /* テキストの左側に配置 */
}

.head-border span:after {
    left: 100%;  /* テキストの右側に配置 */
}

/* data-en属性の内容を表示する */
.head-border:after {
    content: attr(data-en);
    display: block;
    font-size: 2.2em;  /* 英語テキストのサイズ */
    font-family: 'Time New Roman', serif; /* 英語テキストの色 */
    font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;
    margin-top: 0.2rem;  /* 上のテキストとの間隔 */
}

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

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

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

.s-right-text3 {z-index:2;
  position: absolute;
  top: 80%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:45%;
  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;}

.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 5%;}
.between-left-wide{margin:0 0 0 10%;}

#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:95%;margin:0 auto;}

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

.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 td
{border:1px solid gray;font-weight:600;

padding:5px;}

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

		min-height:200px;}

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

.sub_staff td{width:calc(400%/5);}

.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(400%/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 td
{border:0px solid gray;font-weight:400;

padding:5px;}

.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_1 a 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_00 a img{width:10%;display:inline-block;margin:0;padding:0;}

.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:#fff;

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

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

}

@media (min-width:515px) and (max-width:768px){

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%;}

.stroke-green{font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;}

.head-border {
    padding: 0 5%;
    display: flex;
    flex-direction: column;  /* 縦方向に並べる */
    align-items: center;
    text-align: center;
    position: relative;
}

/* spanで囲んだメインテキストの部分のスタイリング */
.head-border span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 0.5rem;  /* 下のテキストとの間隔 */
}

/* 横線の設定 */
.head-border span:before,
.head-border span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 40%;  /* 線の長さ - 調整可能 */
    background-color: #666;
}

.head-border span:before {
    right: 100%;  /* テキストの左側に配置 */
}

.head-border span:after {
    left: 100%;  /* テキストの右側に配置 */
}

/* data-en属性の内容を表示する */
.head-border:after {
    content: attr(data-en);
    display: block;
    font-size: 2.2em;  /* 英語テキストのサイズ */
    font-family: 'Time New Roman', serif; /* 英語テキストの色 */
    font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;
    margin-top: 0.2rem;  /* 上のテキストとの間隔 */
}
/*index.html_start_top_view*/
.s-right-text {z-index:2;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;height:100%;
   }

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

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

.s-right-text3 {z-index:2;
  position: absolute;
  top: 80%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:45%;
  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:center;justify-content:center;
    flex-direction: column;}

.flexbox0 li{display: flex;
    align-items:center;justify-content:center;
    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;}

.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 0%;}
.between-left-wide{margin:0 0 0 0%;}

#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, 

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

.sub_staff3,.sub_staff4,.sub_staff0{width:60%; margin:0 auto;}

.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%/4);}

.sub_staff td{width:calc(300%/4);}

.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(400%/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_1 a img{width:100%;display:inline-block;}

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

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

.picture_456 a img{width:100%;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:#fff;

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

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


}

@media (min-width:320px) and (max-width:514px){

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%;}

.stroke-green{font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;}

.head-border {
    padding: 0 5%;
    display: flex;
    flex-direction: column;  /* 縦方向に並べる */
    align-items: center;
    text-align: center;
    position: relative;
}

/* spanで囲んだメインテキストの部分のスタイリング */
.head-border span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 0.5rem;  /* 下のテキストとの間隔 */
}

/* 横線の設定 */
.head-border span:before,
.head-border span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 40%;  /* 線の長さ - 調整可能 */
    background-color: #666;
}

.head-border span:before {
    right: 100%;  /* テキストの左側に配置 */
}

.head-border span:after {
    left: 100%;  /* テキストの右側に配置 */
}

/* data-en属性の内容を表示する */
.head-border:after {
    content: attr(data-en);
    display: block;
    font-size: 1.2em;  /* 英語テキストのサイズ */
    font-family: 'Time New Roman', serif; /* 英語テキストの色 */
    font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;
    margin-top: 0.2rem;  /* 上のテキストとの間隔 */
}
/*index.html_start_top_view*/
.s-right-text {z-index:2;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;height:100%;
   }

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

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

.s-right-text3 {z-index:2;
  position: absolute;
  top: 80%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:45%;
  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: center;justify-content:center;
    flex-direction: column;}

.flexbox0 li{display: flex;
    align-items:center;justify-content:center;
    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;}

.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 0%;}
.between-left-wide{margin:0 0 0 0%;}

#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
{width:95%;margin:0 auto;}

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

.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%/5);}

.sub_staff td{width:calc(400%/5);}

.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(400%/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_1 a img{width:100%;display:inline-block;}

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

.picture_456 a img{width:60%;height:auto;display:inline-block;}

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

.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:#fff;

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

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

}

@media screen and (max-width:319px){

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%;}

.stroke-green{font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;}

.head-border {
    padding: 0 5%;
    display: flex;
    flex-direction: column;  /* 縦方向に並べる */
    align-items: center;
    text-align: center;
    position: relative;
}

/* spanで囲んだメインテキストの部分のスタイリング */
.head-border span {
    display: inline-block;
    position: relative;
    padding: 0 1rem;
    margin-bottom: 0.5rem;  /* 下のテキストとの間隔 */
}

/* 横線の設定 */
.head-border span:before,
.head-border span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 40%;  /* 線の長さ - 調整可能 */
    background-color: #666;
}

.head-border span:before {
    right: 100%;  /* テキストの左側に配置 */
}

.head-border span:after {
    left: 100%;  /* テキストの右側に配置 */
}

/* data-en属性の内容を表示する */
.head-border:after {
    content: attr(data-en);
    display: block;
    font-size: 1.2em;  /* 英語テキストのサイズ */
    font-family: 'Time New Roman', serif; /* 英語テキストの色 */
    font-weight: normal;
    color: transparent;
    -webkit-text-stroke: 1px #6c8a30;
    text-stroke: 1px #6c8a30;
    line-height: 1;
    margin-top: 0.2rem;  /* 上のテキストとの間隔 */
}

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

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

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

.s-right-text3 {z-index:2;
  position: absolute;
  top: 80%;
  left: 0%;
  width: 100%;
   }
.s-right-text4 {z-index:2;
  position: absolute;
  top:45%;
  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:center;justify-content:center;
    flex-direction: column;}

.flexbox0 li{display: flex;
    align-items:center;justify-content:center;
    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;}

.between-right{margin:0 0% 0 0;}
.between-left{margin:0 0 0 0%;}
.between-left-wide{margin:0 0 0 0%;}

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

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

.sub_staff3,.sub_staff4,.sub_staff0{width:60%; margin:0 auto;}

.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%/5);}

.sub_staff td{width:calc(400%/5);}

.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(400%/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_1 a img{width:100%;display:inline-block;}

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

.picture_456 a img{width:60%;display:inline-block;height:auto;}

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

.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:#fff;

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

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


}