@media(min-width:1280px) {

/* .search_plus{
  top: 85%;
} */

/* #map #kv{
width: calc(100% - 40px)
} */

#top #kv{
  height: 94%;
  /* max-height: 580px; */
  background-image: url(../img/kv_top.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  margin: auto;
  position: absolute;
  max-width: 94%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}

#map #kv{
  height: 94%;
  /* max-height: 580px; */
  background-image: url(../img/kv_top.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
  margin: auto;
  position: absolute;
  max-width: 94%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
}

.top_kv {
  /* max-width: 1280px; */
  width: 100%;
  margin: auto;
  position: relative;
  height: auto;
  max-height: 640px;
}

.top_bkg_slash {
  height: 580px;
  padding-top: 45px;
  display: flex;
}

}

@media(max-width:1279px) {

.top_kv {
  width: 100vw;
  height: 50vw;
  position: relative;
}

#top #kv {
  width: calc(100vw - 40px);
  height: calc(50vw - 20px);
  margin: 0 auto;
}

#map #kv{
  width: calc(100vw - 40px);
  height: calc(50vw - 20px);
  margin: 0 auto;
}

.search_plus{
  top: 86%;
}

.top_bkg_slash .grey_bkg_slash{
  margin-top: 2%;
}

.pink_bkg_slash{
  margin-top: 5%;
}

}
@media(max-width: 1024px) {
  #top #kv {
    background-size: contain;
    background-repeat: no-repeat;
    /* max-width: 1000px;
    width: calc(100vw - 20px);
    height: calc(50vw - 10px);
    margin: 0 auto; */
  }
  /* .top_bkg_slash {
    display: flex;
    padding-top: 20px;
    height: 100%;
  }
  .top_bkg_slash .grey_bkg_slash {
    display: block;
    height: 100%;
  } */
  /* .pink_bkg_slash {
    display: block;
    height: 100%;
  } */

  /* .top_section .container_slider {
    margin-top: -60px;
  } */

  ul.gnavi_menu li {
    padding: 10px 10px 0;
    border-left: 1px solid #E6E6E6;
  }
  .header_inner_wrapper.down ul.gnavi_menu .sub_menu {
    top: 54px;
  }
  .header_inner_wrapper.down ul.gnavi_menu li {
    padding: 5px 5px 0 5px;
  }
  .header_inner_wrapper.down ul.gnavi_menu li a, .header_inner_wrapper.down ul.gnavi_menu li p {
    font-size: 10px;
  }
  .header_inner_wrapper.down .header_title {
    font-size: 20px;
  }
  .header_inner_wrapper.down .header_sub_title {
    font-size: 14px;
  }
}



@media(max-width:1023px) {

	.btn_wrapper a.btn_main{
	  /* width: 90%; */
	  padding: 18px;
	}

	.btn_wrapper.focus_area a.btn_main{
	  margin: 0 auto 20px;
	}

	.btn_wrapper{
	  display: block;
	}

	.focus_area_wrapper .btn_wrapper.focus_area .btn_main:last-of-type{
	  margin-bottom: 0;
	}

	#about .focus_area_wrapper{
	  padding: 0;
	}

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

	.search_plus{
	  top: 85%;
	  left: 46%;
	}

	.project_list_wrapper {
		max-width: 650px;
		margin: auto;
		width: 100%;
	}
	ul.project_list.flex {
		justify-content: space-between;
	}


}


@media(max-width: 895px) {
  header {
    padding: 0;
    margin: 0;
    width: 100vw;
  }
  header + * {
    margin-top: 80px;
    padding-top: 0;
  }
  header .container {
    /* padding: 0 10px; */
		padding: 0 15px;
    width: 100vw;
    background-color: white;
  }
  header .container.bkg_change {
    background: #38A1DB;
  }
  header .container.bkg_change .header_title_inner_wrapper {
    opacity: 0;
  }
  /* header .container.bkg_change .header_sub_title {
    color: #38A1DB;
  } */
  header .header_inner_wrapper {
    height: 100px;
    padding: 10px 0;
    z-index: 1000;
  }
  header .gnavi_icon.pc_on {
    display: none;
  }
  header .gnavi_icon.sp_on {
    display: block;
  }
  .header_inner_wrapper {
    align-items: center;
  }
  .menu_btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    width: 24px;
    height: 24px;
    margin: 0 0 0 auto;
    position: relative
  }
  .menu_btn .bar_1,
  .menu_btn .bar_2,
  .menu_btn .bar_3 {
    width: 100%;
    height: 2px;
    background-color: #38A1DB;
    /* background-color: white; */
    transition: 0.5s !important;
  }
  header .container.bkg_change .menu_btn .bar_1,
  header .container.bkg_change .menu_btn .bar_2,
  header .container.bkg_change .menu_btn .bar_3 {
    background: white;
    transition: 0.5s !important;
  }
  .menu_btn.open .bar_1 {
    transform: rotate(-45deg);
    position: absolute;
    top: 10.5px;
  }
  .menu_btn.open .bar_2 {
    opacity: 0;
  }
  .menu_btn.open .bar_3 {
    transform: rotate(45deg);
    position: absolute;
    top: 10.5px;
  }
  .gnavi {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    /* height: 100%; */
    /* height: 53px; */
    height: 80px;
  }
  .gnavi.open {
    display: block;
    width: 100%;
  }
  .gnavi a,
  .gnavi p {
    color: white;
  }
  .gnavi ul.gnavi_menu {
    display: block;
    transform: translateY(-100vh);
    background: #38A1DB;
    transition: 0.5s !important;
    height: 100vh;
  }
  .gnavi.open ul.gnavi_menu {
    display: block;
    /* transform: translateY(53px); */
    /* transform: translateY(100px); */
    transform: translateY(80px);
    background: #38A1DB;
    transition: 0.5s !important;
    height: 100vh;
  }
  ul.gnavi_menu li {
    max-width: 540px;
    margin: auto;
    padding: 0 !important;
    border: none !important;
    width: 100%;
  }
  ul.gnavi_menu > li {
    border-bottom: 1px solid white !important;
  }
  .gnavi ul.gnavi_menu li a,
  .gnavi ul.gnavi_menu li p {
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .header_inner_wrapper.down .gnavi_icon {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 10px 0 0;
  }
  ul.gnavi_menu li a,
  ul.gnavi_menu li p {
    color: white;
  }
  .sub_menu_wrapper i {
    margin: 0 0 0 auto;
    font-size: 24px;
  }
  ul.gnavi_menu .sub_menu {
    position: static;
    width: 100%;
    padding-left: 34px;
  }

  .header_inner_wrapper {
    display: flex;
    /* transition: 0.5s; */
    transition: 0s;
  }

  .header_inner_wrapper .header_title_wrapper {
    width: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .header_title_wrapper, .header_title_wrapper * {
    transition: 0s !important;
  }

  .header_inner_wrapper .header_title_inner_wrapper {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    border: 4px solid #38A1DB;
    position: relative;
    padding: 0px 10px;
    width: 200px;
  }

  .header_inner_wrapper .header_title_inner_wrapper:before {
    content: "";
    border-left: 4px solid white;
    border-right: 4px solid white;
    width: 100%;
    height: calc(100% - 20px);
    display: block;
    position: absolute;
    top: 10px;
    left: -4px;
  }

  .header_inner_wrapper .header_title_inner_wrapper:after {
    content: "";
    border-top: 4px solid white;
    border-bottom: 4px solid white;
    width: calc(100% - 20px);
    height: 100%;
    display: block;
    position: absolute;
    top: -4px;
    left: 10px;
  }

  .header_inner_wrapper nav.gnavi {
    margin: 0 0 0 auto;
  }

  .header_inner_wrapper .header_title {
    font-size: 26px;
    /* font-weight: bold; */
  }

  .header_inner_wrapper .header_sub_title {
    font-size: 16px;
    /* font-weight: bold; */
    padding-bottom: 0;
  }

  .header_inner_wrapper.down .gnavi_icon {
    width: 24px;
    height: 24px;
  }

  .header_inner_wrapper.down ul.gnavi_menu li {
    /* padding: 5px 10px 0 10px; */
    padding: 5px 5px 0 5px;
  }

  .header_inner_wrapper.down ul.gnavi_menu li a,
  .header_inner_wrapper.down ul.gnavi_menu li p {
    font-size: 12px;
  }

  .header_inner_wrapper.down ul.gnavi_menu .sub_menu {
    top: 57px;
  }
	.header_inner_wrapper.down .logo_for_responsive{

	}
	.header_inner_wrapper .logo_for_responsive img,
	.header_inner_wrapper.down .logo_for_responsive img{
		width: 180px;
		margin-left: 15px;
	}

}


@media(max-width: 768px) {
  header {
    padding: 0;
    margin: 0;
    width: 100vw;
  }
  header + * {
    /* margin-top: 100px;
    padding-top: 0; */
  }
  header .container {
    padding: 0 10px;
    width: 100vw;
    background-color: white;
  }
  header .container.bkg_change {
    background: #38A1DB;
  }
  header .container.bkg_change .header_title_inner_wrapper {
    opacity: 0;
  }
  /* header .container.bkg_change .header_sub_title {
    color: #38A1DB;
  } */
  header .header_inner_wrapper {
    height: 100px;
    padding: 10px 0;
    z-index: 1000;
  }
  header .gnavi_icon.pc_on {
    display: none;
  }
  header .gnavi_icon.sp_on {
    display: block;
  }
  .header_inner_wrapper {
    align-items: center;
  }
  .menu_btn {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    width: 24px;
    height: 24px;
    /* margin: 0 0 0 auto; */
		margin-right: 15px;
    position: relative
  }
  .menu_btn .bar_1,
  .menu_btn .bar_2,
  .menu_btn .bar_3 {
    width: 100%;
    height: 2px;
    background-color: #38A1DB;
    /* background-color: white; */
    transition: 0.5s !important;
  }
  header .container.bkg_change .menu_btn .bar_1,
  header .container.bkg_change .menu_btn .bar_2,
  header .container.bkg_change .menu_btn .bar_3 {
    background: white;
    transition: 0.5s !important;
  }
  .menu_btn.open .bar_1 {
    transform: rotate(-45deg);
    position: absolute;
    top: 10.5px;
  }
  .menu_btn.open .bar_2 {
    opacity: 0;
  }
  .menu_btn.open .bar_3 {
    transform: rotate(45deg);
    position: absolute;
    top: 10.5px;
  }
  .gnavi {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    /* height: 100%; */
    /* height: 53px; */
    /* height: 100px; */
  }
  .gnavi.open {
    display: block;
    width: 100%;
  }
  .gnavi a,
  .gnavi p {
    color: white;
  }
  .gnavi ul.gnavi_menu {
    display: block;
    transform: translateY(-100vh);
    background: #38A1DB;
    transition: 0.5s !important;
    height: 100vh;
  }
  .gnavi.open ul.gnavi_menu {
    display: block;
    /* transform: translateY(53px); */
    transform: translateY(80px);
    background: #38A1DB;
    transition: 0.5s !important;
    height: 100vh;
  }
  ul.gnavi_menu li {
    max-width: 540px;
    margin: auto;
    padding: 0 !important;
    border: none !important;
    width: 100%;
  }
  ul.gnavi_menu > li {
    border-bottom: 1px solid white !important;
  }
  .gnavi ul.gnavi_menu li a,
  .gnavi ul.gnavi_menu li p {
    display: flex;
    align-items: center;
    padding: 10px;
  }
  .header_inner_wrapper.down .gnavi_icon {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0 10px 0 0;
  }
  ul.gnavi_menu li a,
  ul.gnavi_menu li p {
    color: white;
  }
  .sub_menu_wrapper i {
    margin: 0 0 0 auto;
    font-size: 24px;
  }
  ul.gnavi_menu .sub_menu {
    position: static;
    width: 100%;
    padding-left: 34px;
  }

  .header_inner_wrapper {
    display: flex;
    /* transition: 0.5s; */
    transition: 0s;
  }

  .header_inner_wrapper .header_title_wrapper {
    width: auto;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .header_title_wrapper, .header_title_wrapper * {
    transition: 0s !important;
  }

  .header_inner_wrapper .header_title_inner_wrapper {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    border: 4px solid #38A1DB;
    position: relative;
    padding: 0px 10px;
    width: 200px;
  }

  .header_inner_wrapper .header_title_inner_wrapper:before {
    content: "";
    border-left: 4px solid white;
    border-right: 4px solid white;
    width: 100%;
    height: calc(100% - 20px);
    display: block;
    position: absolute;
    top: 10px;
    left: -4px;
  }

  .header_inner_wrapper .header_title_inner_wrapper:after {
    content: "";
    border-top: 4px solid white;
    border-bottom: 4px solid white;
    width: calc(100% - 20px);
    height: 100%;
    display: block;
    position: absolute;
    top: -4px;
    left: 10px;
  }

  .header_inner_wrapper nav.gnavi {
    margin: 0 0 0 auto;
  }

  .header_inner_wrapper .header_title {
    font-size: 26px;
    /* font-weight: bold; */
  }

  .header_inner_wrapper .header_sub_title {
    font-size: 16px;
    /* font-weight: bold; */
    padding-bottom: 0;
  }

  .header_inner_wrapper.down .gnavi_icon {
    width: 24px;
    height: 24px;
  }

  .header_inner_wrapper.down ul.gnavi_menu li {
    /* padding: 5px 10px 0 10px; */
    padding: 5px 5px 0 5px;
  }

  .header_inner_wrapper.down ul.gnavi_menu li a,
  .header_inner_wrapper.down ul.gnavi_menu li p {
    font-size: 12px;
  }

  .header_inner_wrapper.down ul.gnavi_menu .sub_menu {
    top: 57px;
  }

  ul.footer_menu_list li {
    display: none;
  }
  ul.footer_menu_list li.sp_view {
    display: block;
    border-bottom: 0;
  }
  ul.footer_menu_list {
    border-top: none;
    padding-bottom: 0;
  }
  footer .copyright {
    font-size: 10px;
    text-align: center;
    padding: 0 0 20px;
  }

}





@media(max-width:767px) {

.pink_bkg_slash {
  margin-top: 3%;
}

.top_bkg_slash .grey_bkg_slash {
  margin-top: 0%;
}


section {
  padding-bottom: 30px;
  padding-top: 30px;
}

.container{
  padding: 0 20px;
}

.container,.inner_container{
  width: auto;
}

.section_head{
  font-size: 30px;
  letter-spacing: -0.02em;
}


ul.project_list.flex{
  justify-content: space-around;
}

/* header */

.header_title{
  font-size: 27px;
}

/* ----- index.php ----- */

/* top_section */

#top #kv{
  height: 350px;
  background-position: top right;
  width: 100%;
}

/* about_kashiwanoha */

.about_kashiwanoha_wrapper .section_head{
  font-size: 27px;
  letter-spacing: -0.1em;
}

.grey_filter{
  padding: 30px 0;
}

.about_kashiwanoha p{
  padding-bottom: 30px;
}

#about .about_kashiwanoha{
  padding-bottom: 0;
}

.about_kashiwanoha_organization .col_6{
  padding: 30px;
}

.about_kashiwanoha_organization .member_wrapper .col_6:first-of-type{
  width: 100%;
  margin-bottom: 30px;
}

.about_kashiwanoha_organization .member_wrapper .col_6:last-of-type{
  width: 100%;
  margin: 0;
}

.about_kashiwanoha_organization p{
  padding: 0 20px 20px;
}

.member_wrapper ul{
  padding: 0 20px;
}

.about_kashiwanoha_organization .member_title{
  margin-bottom: 30px;
}



/* index_project */
.project_list:last-child{
  margin-bottom: 10px;
}

.bkg_slash{
  background-size: 6px 6px;
}


/* index_news */

.news_list_wrapper li:before{
  width: 67%;
}

.news_list_wrapper li:after{
  width: 30%;
}

/* 関連団組織　index_organization */

.member_title{
  width: 80%;
}

.index_organization p{
  line-height: 1.75;
  padding-bottom: 0;
}

.index_requirements p{
  padding-bottom: 0;
}

.member_list.flex .sp_last_type{
  margin-bottom: 30px;
}

/* common_project */

.banner_list {
}

.banner_list_item {
  width: 100%;
}

.facility_list li:nth-child(even),.facility_list li:nth-child(odd){
  padding-bottom: 60px;
}

.single_project_news{
  margin-bottom: 0;
}

.top_single_project p{
  padding-bottom: 30px;
}

.top_single_project{
  padding-bottom: 0;
}

.common_project.single_project .grey_bkg_slash{
  padding-top: 50px;
  margin-bottom: 30px;
  padding-bottom: 0;
}

.common_project.single_project .section_head{
  padding-bottom: 20px;
}

/* footer */

footer .container{
  padding: 0;
}

ul.footer_menu_list{
display: block;
text-align: center;
padding-top: 0;
border-top: solid 2px #003668;

}

ul.footer_menu_list li{
  border-bottom: solid 2px #003668;
  padding: 0;
}

ul.footer_menu_list a{
  padding: 10px 0;
}

.single_title_info{
  display: block;
}

.single_title_info .single_title{
  width: 100%;
  border-top: 0;
}

.single_title_info .category_icon{
  width: 100%;
  padding: 20px 0;
}



.project_requirements p{
  font-size: 14px;
}

#requirement .section_icon{
  padding-top: 0;
}

/* .banner_list_item{
  width: 100%;
} */

.search_plus p{
  width: 50px;
  height: 50px;
  line-height: 45px;
  font-size: 40px;
}

.search_plus{
  top: 86%;
}

.member_wrapper{
  display: block;
}

/* single_news */

#single_news .single_title_info{
  padding-bottom: 30px;
}

#single_news .single_body .inner_container > *{
  padding-bottom: 30px;
}

#single_news .single_body p:last-of-type{
  padding-bottom: 30px;
}

#single_news ul.project_info{
  padding-top: 0;
}

#single_news .single_body .inner_container .btn_wrapper{
  padding-bottom: 0;
}

.pc_on {
	display: none;
}
.sp_on {
	display: block;
}
.container_slider {
	display: block !important;
}
.container {
	width: 340px;
	padding: 0;
	margin: auto;
}
#slider {
	padding: 20px;
	width: 100% !important;
}
/* .top_bkg_slash {
	height: 50vw;
	padding-top: 10px;
}
.top_bkg_slash .grey_bkg_slash {
	height: 50vw;
} */
/* .pink_bkg_slash {
	height: 50vw;
	margin-top: 0;
} */
.top_section .container_slider {
	margin-top: -40px;
	padding: 0;
}
button.slick-prev.slick-arrow:after {
	width: 15px;
	height: 30px;
	font-size: 42px;
}
button.slick-next.slick-arrow:after {
	width: 15px;
	height: 30px;
	font-size: 42px;
}
button.slick-prev.slick-arrow {
	left: 0px;
	top: 110px;
}
button.slick-next.slick-arrow {
	right: 0px;
	top: 110px;
}
#slider .slick-slide img {
	object-fit: cover;
	width: 300px;
	height: 200px;
}
.top_deco_02 .deco {
	top: -45px;
}
.top_deco_02 .deco:before {
	border-width: 45px 0 0 50vw;
}
.top_deco_02 .deco:after {
	border-width: 0 0 45px 50vw;
}
.top_deco_02 .inner_deco {
	top: 0;
}
.top_deco_02 .inner_deco:before {
	border-width: 20px 0 0 50vw;
	bottom: 0;
}
.top_deco_02 .inner_deco:after {
	border-width: 0px 0 20px 50vw;
	bottom: 0;
}
.btm_deco_01 .deco {
	height: 0px;
	bottom: 0px;
}
.btm_deco_01 .inner_deco {
	height: 45px;
	bottom: -45px;
}
.btm_deco_01 .inner_deco:before {
	border-width: 0px 100vw 45px 0;
	left: -50vw;
}
.btm_deco_01 .inner_deco:after {
	border-width: 45px 100vw 0 0;
	right: -50vw;
}
.btm_deco_01 .deco:before {
	border-width: 0 50vw 45px 0;
}
.btm_deco_01 .deco:after {
	border-width: 45px 50vw 0 0;
}
.top_deco_01 {
	padding-top: 105px;
}
.section_head {
	font-size: 28px;
	letter-spacing: 0;
	width: 100%;
}
header .header_inner_wrapper {
	padding: 0;
	height: 100px;
}
.header_inner_wrapper.down .header_title_inner_wrapper {
	width: 200px;
}
.header_inner_wrapper.down .header_title {
	font-size: 20px;
	letter-spacing: 0;
}
.header_inner_wrapper.down .header_sub_title {
	font-size: 12px;
	letter-spacing: 0;
}
.header_inner_wrapper.down .header_title_inner_wrapper:before {
	height: calc(100% - 12px);
	top: 6px;
}
.header_inner_wrapper.down .header_title_inner_wrapper:after {
	width: calc(100% - 12px);
	left: 6px;
}

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

.member_title {
	width: 100%;
	max-width: 340px;
}

.member_list.flex {
	justify-content: center;
}

ul.member_list > li {
	width: 100% !important;
	max-width: 340px !important;
	height: 120px !important;
}

.member_list img {
	margin: 0 auto;
	height: 100%;
	width: auto;
	object-fit: contain;
}

.btn_wrapper a.btn_main {
	width: 300px;
	padding: 0;
	height: 60px;
}

/* .project_list_wrapper ul.project_list.flex > * {
	margin: auto;
	margin-bottom: 40px;
} */
/* .project_list_wrapper ul.project_list.flex > * {
	margin-bottom: 0;
	margin: calc((100vw - 40px - 600px)/4);
} */

.project_list_wrapper {
	max-width: 650px;
	margin: auto;
	width: 100%;
}
.project_list_wrapper .project_list > * {
	margin: 0;
}


}

@media(max-width:414px){


.banner_list_item {
    width: 100%;
}

.search_plus{
  left: 41%;
}

.top_bkg_slash .grey_bkg_slash{
  margin-top: -5%;
}

.pink_bkg_slash{
  margin-top: -3%;
}

.search_plus{
  top: 75%;
}

.facility_wrapper {
  margin-top: 30px;
}

}