@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(48,147,209,1.00)}a:hover { color:rgba(168,215,245,1.00)}
/* css setting */
a   {
text-decoration:none;
}

h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
}



.hover_opacity:hover{
    opacity: 0.8;
    transition:0.6s;
}

.hover_opacity_img img:hover { 
opacity:0.6; 
transition:0.6s;
}

.box-shadow img {
    box-shadow: 0.1rem 0.1rem #cccccc;
    -webkit-box-shadow: 0.1rem 0.1rem #cccccc;
    -moz-box-shadow: 0.1rem 0.1rem #cccccc;
}

.eiji{
font-family: Century Gothic , Futura-Medium , メイリオ , Meiryo ,sans-serif;
}

.bold {
    font-weight: bold;
}

.space{
    letter-spacing: 0.1rem;
}

.space_2{
    letter-spacing: 0.2rem;
}

.opacity {
    opacity: 0.9;
}

.main_color {
    color: #0b3a94;
}

.main_backgroundcolor {
    background-color: #0b3a94;
}

.sub_backgroundcolor {
    background-color: #0f4abf;
}

.fs_btn {
    background: none;
}

.news .entryData:after{
    background: #c8c8c8 !important;
    font-size: 0.8rem !important;
    color: #ffffff !important;
    margin-left: 0.2rem !important;
}

@media screen and (min-width: 768px){
.br-sp {display: none; }
}

@media screen and (max-width: 489px){
.sp-none {display: none; }
.br-pc {display: none; }
}

#pt101-2-1 .fs_c_title , #pt102-2-1 .fs_c_title {
  background-repeat: no-repeat;
  margin: 3rem 2rem 2rem 2rem;
  padding: 0 0 1rem 0;
  font-size: 1.3rem;
  color: #969696
}

#pt101-2-1 .fs_content , #pt102-3-2 .fs_content {
  background-repeat: no-repeat;
  padding: 0 2rem 4rem 2rem;
  font-size: 1rem;
}

.border-radius_under {
-ms-border-bottom-right-radius:1rem ;  
-ms-border-bottom-left-radius:1rem ;  
-moz-border-bottom-right-radius:1rem;   
-moz-border-bottom-left-radius:1rem;  
-webkit-border-bottom-right-radius:1rem;  
-webkit-border-bottom-left-radius:1rem;  
border-bottom-right-radius:1rem; 
border-bottom-left-radius:1rem;
}

.border-radius_top {
-ms-border-top-right-radius:1rem ;  
-ms-border-top-left-radius:1rem ;  
-moz-border-top-right-radius:1rem;   
-moz-border-top-left-radius:1rem;  
-webkit-border-top-right-radius:1rem;  
-webkit-border-top-left-radius:1rem;  
border-top-right-radius:1rem; 
border-top-left-radius:1rem;
}

#header-2-2 .fsNavMenuList li {
    border-radius: 2rem;
}

#fsInfoBpager .numbers {
    font-family: Century Gothic , Futura-Medium , メイリオ , Meiryo ,sans-serif;
    background: #c8c8c8 ;
}

#fsInfoBpager .active {
    font-family: Century Gothic , Futura-Medium , メイリオ , Meiryo ,sans-serif;
    background: #969696 ;
}

#fsInfoBpager .ccm-page-left a,
#fsInfoBpager .ccm-page-right a {
    background: #c8c8c8 ;
}

#fsInfoBpager .ccm-page-left span,
#fsInfoBpager .ccm-page-right span{
    background: #969696 ;
}

#pt004-5-1 a, #pt004-5-1 a:visited, #pt004-5-1 a:active {
    color: #ffffff;
}

#pt004-5-1 a:hover {
    color: #dc2229;
}



/*----------------------- ギャラリーブロック -----------------------*/
#imageLightbox-container img {
   border: 2px solid rgba( 255, 255, 255, .5 );
}

#imageLightbox-container img:hover {
   border-color: #F29318;
   box-shadow: 0 0 0.25rem rgba( 0, 0, 0, .25 );
}

#imageLightbox-container li {
    display: inline-block;
    margin: 0.15em;
}


#imageLightbox-container img {
    height: 7.5em;
}

/*----------------------- フッター部　ブロック表示切替 -----------------------*/
.entry_button_sp {  display:none; }

.header_logo{
 max-width: 240px;
}
.top_logo{
 max-width: 490px;
 margin: 6rem auto;
}
.footer_logo{
 max-width: 260px;
 margin: 0 auto;
}
.border-top{
 border-radius: 20px 20px 0 0;
}
.border-top-bg{
 border-radius: 60px 60px 0 0;
}
.border-radius-bg{
 border-radius: 60px;
}
.border-radius{
border-radius: 20px;
}
.entry_btn{
box-shadow: 11px 11px 6px 1px rgba(0, 0, 0, 0.2);
}
.tour-shadow{
box-shadow: 6px 6px 8px 0 rgba(10, 10, 10, 0.1);
}
.pic-border img{
border-radius: 20px;
}
.pic-left-border img{
border-radius: 20px 0 0 20px;
 height: 400px;
 width: 100%;
 object-fit: cover;
}
.sdgs_wrapper{
 display: flex; 
 gap: 20px;
}
.sdgs_icon_wrapper{
 display: flex; 
 gap: 3px;
}
.sdgs_icon img{
  width: 210px;
  height: auto;
}
.sdgs_icon_2 img{
  width: 166px;
  height: auto;
}
.sdgs_icon_3 img{
  width: 111px;
  height: auto;
}
.sdgs_icon_1 img{
  width: 189px;
  height: auto;
}
.tour-img img{
 height: 228px;
 width: 100%;
 object-fit: cover;
}
.flow-td {
  background-color: #B0E0F8;
  padding: 15px;
  width: 125px;
  vertical-align: top;
}
.home-camp-wrapper{
 z-index: 100;
}
.home-camp-sen-wrapper{
 height: 400px;
 border-radius: 0 20px 20px 0;
 position: relative;
}
.home-camp-sen{
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
.home-camp-parts1{
 position: absolute;
 bottom: -5%;
 right: -5%;
 display: inline-block;
}
.camp-bg {
  position: relative;
  background: linear-gradient(to bottom, transparent 58%, #66A96B 42%);
  overflow: hidden;
}

.camp-bg::after {
  content: "";
  position: absolute;
  top: 58%; /* 緑部分の開始位置 */
  left: 0;
  width: 100%;
  height: 42%;
  background-image: url("/files/3717/5212/8243/paper-fibers.png");
  background-repeat: repeat;
  background-size: 400px 400px; 
  z-index: 0;
}
.home-camp-content{
 position: relative;
  z-index: 100;
}
.home-camp-title{
 position: relative;
}
.flow-text {
  padding: 20px;
  vertical-align: top;
}
.home-camp-title::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 9%;
  transform: translateY(-50%);
  background-image: url("/index.php/download_file/366/");
 width: 120px;
 height: 120px;
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}
@media screen and (max-width: 1033px){
.home-camp-title::before{
  left: 0%;
 width: 110px;
 height: 110px;
}
}
@media screen and (max-width: 899px){
.home-camp-title::before{
  left: -5%;
 width: 90px;
 height: 90px;
}
}
@media screen and (max-width: 480px){
.home-camp-title::before{
  left: 1%;
 width: 70px;
 height: 70px;
}
.pic-left-border img{
 border-radius: 20px 20px 0 0;
 height: 250px;
}
.home-camp-sen-wrapper{
 height: 250px;
 border-radius: 0 0 20px 20px;
 position: relative;
}
.home-camp-parts1 img{
 transform: rotate(10deg);
 width: 70%;
}
.home-camp-parts1{
 bottom: -15%;
}
.home-camp-sen{
 width: 70%;
}
.camp-bg{
 padding: 4rem 0 5rem 0!important;
 background: linear-gradient(to bottom, transparent 57.5%, #66A96B 42.5%);
}
}
@media screen and (max-width: 425px){
.home-camp-title::before{
  left: -1%;
}
}
@media screen and (max-width: 400px){
.home-camp-title::before{
  left: -5%;
 width: 65px;
 height: 65px;
}
}

/*　--------------------　ギャラリーに関する設定　--------------------　*/
.gallery ul{
display: -webkit-flex!important;
display: -moz-flex!important;
display: -ms-flex!important;
display: -o-flex!important;
display: flex!important;
flex-flow: row wrap!important;
justify-content: flex-start!important;
align-contents: stretch!important;
}
.gallery li{
width: 16.66%!important;
margin: 0%!important;
}
.gallery li:hover{
transition: .3s;
opacity: 0.4!important;
}
.gallery li a img{
width: 100%!important;
height: auto!important;
box-sizing: border-box!important;
border: 0px solid rgba( 60, 158, 143, 1 )!important;
box-shadow:0rem 0rem 0rem rgba( 0, 0, 0, .05 )!important;
}
@media screen and (max-width: 698px) {
.gallery li{
width: 16.66%!important;
}
}
@media screen and (max-width: 480px) {
.gallery li{
width: 33.33%!important;
}
.header_logo{
 max-width: 180px;
}
.about_main_dis{
 padding: 1rem 2rem 1rem 2rem!important;
}
.about_map{
 margin: 1rem 7rem 0 7rem!important;
}
.about_pic{
 margin: 0!important;
}
.footer_logo{
 max-width: 180px;
}
.home_day{
 font-size: 2rem!important;
}
.home_day_2{
 font-size: 2.4rem!important;
}
.padding-sp-4{
 padding: 4rem 0 4rem 0!important;
}
.padding-bottom-sp-4{
 padding: 0 0 4rem 0!important;
}
.margin-sp-4{
 margin: 4rem 2rem 4rem 2rem!important;
}
.access_btn .fs_btn{
 padding: 1rem 1.7rem!important;
}
.border-top-bg{
 border-radius: 30px 30px 0 0;
}
.border-radius-bg{
 border-radius: 30px;
}
}

@media screen and (max-width: 930px){
.btn-2024{
margin: 0 1rem!important;
}
}
@media screen and (max-width: 480px){
.btn-2024{
margin: 0 2rem!important;
}
.tour-img{
 padding: 1rem 2rem 0!important;
}
.tour-img img{
 height: 160px;
}
.tour-btn-pc{
 display: none;
}
.tour-btn-sp{
 display: block;
}
}

@media screen and (min-width: 480px){
.tour-btn-sp{
 display: none;
}
}
.type1 li:first-child {
  display: none;
}
#topfix-A {
  position: absolute;
  z-index: 50;
  top: 28px;
  right: 0;
}
/*　--------------------　Fatナビに関する設定　--------------------　*/
@media screen and (min-width: 769px) {
#topfix-A{
display: none;
}
}
.fat-nav li {
  list-style-type: none;
  text-align: left;
  padding: 1.5rem 0 1.5rem 2rem;
  font-size: 1.2rem;
 margin: 0 2rem;
  border-bottom: 1px solid #3093D1;
}
.fat-nav{
background: rgba(0, 0, 0, .5)!important;
}
.fat-nav__wrapper {
  background: rgba(255, 255, 255, 1);
  width: 70%;
 BOX-SHADOW: -8PX 0 18PX RGBA(0, 0, 0, 0.1);
 margin-left: auto;
}
fat-nav li, .fat-nav li a {
color: #000;
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
  background-color: #3093D1;
}
.hamburger.active .hamburger__icon:after, .hamburger.active .hamburger__icon:before {
    background-color: #3093D1;
}


