@charset "UTF-8";



:root{--fit-color-main:#1f79bd;--fit-color-sub:#96dbe2;--fit-color-accent:#59c7db;--fit-color-text:#191919;--fit-color-palette1:#c91b44;--fit-color-palette2:#f2cc0f;--fit-color-palette3:#3170b9;--fit-color-palette4:#ffc796;--fit-color-palette5:#ff6b95;--fit-color-palette6:#e0c3fc;--fit-color-palette7:#62affc;--fit-color-palette8:#f8f0d7;--fit-color-black:#191919;--fit-color-dark_gray:#333;--fit-color-dull_gray:#666;--fit-color-gray:#999999;--fit-color-light_gray:#ccc;--fit-color-pale_gray:#f5f5f5;--fit-color-blue_gray:#f7f6fa;--fit-color-white:#fff}html{font-size:62.5%}body{background-color:#fff;font-family:"Josefin Sans","Noto Sans JP"}

.panel-is-side .panel__contents{color:#191919}
.panel-is-big .panel__contents{color:#191919}





.l-header {
      
      height: 60px;
  
    
  
                  box-shadow:
        0px 2px 6px 0px
        rgba(0,0,0, 0.1)
      ;
      
                  background-color: rgba(255,255,255,1);
          }



.l-header_clone {
  
  }





.l-header .site_title{
  
            color: #191919;
              font-size: 2rem;
        font-weight: bold;
    font-family: Josefin Sans,Yu Gothic,YuGothic;
  
  
  

  
    
                          
        
        margin-right:auto;}







  .l-header.l-header_separate .panel_link::before{
    background-color: #cccccc;
  }





  
  .l-header.l-header_separate .panel_link:last-of-type{
    padding-right: 0;
  }







.l-header .panel_link-is-primary{
	font-size:8px;
}
.l-header .panel_link-is-primary .panel_link__link{
      color: #1f79bd;
                  border: 1px solid #1f79bd;
      }
  .l-header .panel_link-is-primary .panel_link__link:hover{animation: flash 1s;}


  .l-header .panel-is-primary .sns_list{
    justify-content: center;
          gap:10px;
      }

    .l-header .panel-is-primary .sns_list__item{
    flex-grow: 1;
  }
  
  .l-header .panel-is-primary .sns_list__link{
          font-size: 1.2rem;
    
    padding-top: 10px;    padding-bottom: 10px;    padding-left: 10px;    padding-right: 10px;
    color: #ffffff;          }
      .l-header .panel-is-primary .sns_list__link:before{margin-right:5px}
  
  .l-header .panel-is-primary .sns_list__link.icon-facebook{
        background-color:var(--fit-color-facebook);      }
  .l-header .panel-is-primary .sns_list__link.icon-twitter{
        background-color:var(--fit-color-twitter);      }
  .l-header .panel-is-primary .sns_list__link.icon-hatenabookmark{
        background-color:var(--fit-color-hatenabookmark);      }
  .l-header .panel-is-primary .sns_list__link.icon-Pocket{
        background-color:var(--fit-color-pocket);      }
  .l-header .panel-is-primary .sns_list__link.icon-line{
        background-color:var(--fit-color-line);      }
  .l-header .panel-is-primary .sns_list__link.icon-linkedin{
        background-color:var(--fit-color-linkedin);      }
  .l-header .panel-is-primary .sns_list__link.icon-pinterest{
        background-color:var(--fit-color-pinterest);      }
  .l-header .panel-is-primary .sns_list__link.icon-x{
        background-color:var(--fit-color-x);      }

          .l-header .panel-is-primary .sns_list__link:hover{animation: flash 1s;}
            




.l-header .panel_link-is-secondary{
	font-size:8px;
  }

.l-header .panel_link-is-secondary .panel_link__link{
      color: #59c7db;
                  border: 1px solid #59c7db;
      }
  .l-header .panel_link-is-secondary .panel_link__link:hover{animation: flash 1s;}







.l-header .panel_link-is-tertiary{
	font-size:14px;
  }

.l-header .panel_link-is-tertiary .panel_link__link{
      color: #191919;
    }
  .l-header .panel_link-is-tertiary .panel_link__link:hover{animation: flash 1s;}







.l-global_navi {
      
  padding-top: 15px;  padding-bottom: 15px;    
  
  
                  background-color: rgba(255,255,255,1);
      
  
  
}


.global_navi-is-header .global_navi__list > .global_navi__item a {
      color: #191919;
        font-size: 1.2rem;
    font-weight: 600;
}
.global_navi-is-header .global_navi__list > .global_navi__item a span {
      font-size: 1rem;
    font-weight: 600;
}
.global_navi-is-header .global_navi__list > .global_navi__item > a span {
      color: #191919;
  }
.global_navi-is-header .global_navi__list > .global_navi__item a i::before {
      color: #191919;
        font-size: 2.2rem;
  }

  .global_navi-is-header.global_navi-is-separate .global_navi__list .global_navi__item::before {	background-color: #cccccc;}





.l-top_header {
      
      height: 80px;
  
    
  
  
      }






.l-top_header .site_title{
  
            color: #ffffff;
              font-size: 2rem;
        font-weight: bold;
    font-family: Josefin Sans,Yu Gothic,YuGothic;
  
  
  
  
    
                          
        
        margin-right:auto;}







  .l-top_header.l-header_box .panel_link {
    border-color: #43536b;
  }





      .l-top_header.l-header_box .panel_link:last-of-type{
      margin-right: clamp(-15px,-3vw,-30px);
    }
  
  .l-top_header.l-header_separate .panel_link:last-of-type{
    padding-right: 0;
  }







.l-top_header .panel_link-is-primary{
	font-size:8px;
}
.l-top_header .panel_link-is-primary .panel_link__link{
      color: #ffffff;
                  border: 1px solid #ffffff;
      }
  .l-top_header .panel_link-is-primary .panel_link__link:hover{
          color: #96dbe2;
                            border: 1px solid #96dbe2;
            }


  .l-top_header .panel-is-primary .sns_list{
    justify-content: center;
          gap:10px;
      }

  
  .l-top_header .panel-is-primary .sns_list__link{
          font-size: 1.3rem;
    
    padding-top: 20px;    padding-bottom: 20px;    padding-left: 20px;    padding-right: 20px;
    color: #ffffff;          }
  
  .l-top_header .panel-is-primary .sns_list__link.icon-facebook{
        background-color:var(--fit-color-facebook);      }
  .l-top_header .panel-is-primary .sns_list__link.icon-twitter{
        background-color:var(--fit-color-twitter);      }
  .l-top_header .panel-is-primary .sns_list__link.icon-hatenabookmark{
        background-color:var(--fit-color-hatenabookmark);      }
  .l-top_header .panel-is-primary .sns_list__link.icon-Pocket{
        background-color:var(--fit-color-pocket);      }
  .l-top_header .panel-is-primary .sns_list__link.icon-line{
        background-color:var(--fit-color-line);      }
  .l-top_header .panel-is-primary .sns_list__link.icon-linkedin{
        background-color:var(--fit-color-linkedin);      }
  .l-top_header .panel-is-primary .sns_list__link.icon-pinterest{
        background-color:var(--fit-color-pinterest);      }
  .l-top_header .panel-is-primary .sns_list__link.icon-x{
        background-color:var(--fit-color-x);      }

                  .l-top_header .panel-is-primary .sns_list__link:hover{transform: scale(1.2);}
    




.l-top_header .panel_link-is-secondary{
	font-size:8px;
  }

.l-top_header .panel_link-is-secondary .panel_link__link{
      color: #ffffff;
                  border: 1px solid #ffffff;
      }
  .l-top_header .panel_link-is-secondary .panel_link__link:hover{
                      background-color: #96dbe2;
                    border: 1px solid #96dbe2;
            }







.l-top_header .panel_link-is-tertiary{
	font-size:14px;
  }

.l-top_header .panel_link-is-tertiary .panel_link__link{
      color: #ffffff;
    }
  .l-top_header .panel_link-is-tertiary .panel_link__link:hover{animation: flash 1s;}







.l-top_global_navi {
      
  padding-top: 15px;  padding-bottom: 15px;
    
  
  
                  background-color: rgba(255,255,255,0.2);
      
  
  }


.global_navi-is-top .global_navi__list > .global_navi__item a {
      color: #ffffff;
        font-size: 1.2rem;
    font-weight: 600;
}
.global_navi-is-top .global_navi__list > .global_navi__item a span {
      font-size: 1rem;
    font-weight: 600;
}
.global_navi-is-top .global_navi__list > .global_navi__item > a span {
      color: #ffffff;
  }
.global_navi-is-top .global_navi__list > .global_navi__item a i::before {
      color: #ffffff;
        font-size: 2.2rem;
  }

  .global_navi-is-top.global_navi-is-separate .global_navi__list .global_navi__item::before {background-color: #999999;}









.l-info_search {
      
      height: 55px;
  
    
  
  
                  background-color: rgba(25,25,25,0.2);
          }



  .c-info_search{
          gap: 20px;
      }
  .info_bar  {
              flex-basis: 60%;
      max-width: 60%;
      }
  .search_bar  {
          flex-basis: 40%;
      max-width: 40%;
      }

.info_bar__title{
  padding-left: 15px;  padding-right: 15px;
      color: #ffffff;
        background-color :#1f79bd;
    
      font-size: 1.2rem;
    font-weight: bold;
}

.info_bar__item{
      color: #ffffff;
        font-size: 1.2rem;
    font-weight: bold;
}

.info_bar__text{
      padding-left: 100%;
    animation-name: marquee;
    animation-timing-function: linear;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    }

.search_bar__form{
      background-color :#ffffff;
          font-size: 1.2rem;
    font-weight: bold;
}
.search_bar__input{
      color: #191919;
  }
.search_bar__submit{
      color: #1f79bd;
  }





.l-breadcrumb {
      
  padding-top: 10px;  
    
  
  
                  background-color: rgba(240,243,247,1);
      
  
  }

.breadcrumb__item {
  color: #191919;  font-weight: normal;  font-size: 1.2rem;}
.breadcrumb__item:not(:first-child)::before{
	    color: rgba(25,25,25, 0.5);
  }
.breadcrumb__link:hover {
  color: #1f79bd;}





.l-header_bottom {
        color: #191919;
  padding-top: 30px;  padding-bottom: 30px;    
  
  
                  background-color: rgba(240,243,247,1);
      
  
  }


.l-header_bottom .c-header_bottom{
  row-gap: 40px;  column-gap: 40px;  justify-content: left;}
.l-header_bottom .widget{
      width: 100%;
    }






.l-keyvisual_common {
        border-radius:15px;
  
  
   padding-top: 30px;    padding-bottom: 30px; 
      height: auto;
     padding-left: 30px;      padding-right: 30px;       
  
                  box-shadow:
        1px 1px 6px -1px
        rgba(0,0,0, 0.15)
      ;
      }

.l-keyvisual_common .keyvisual__img{
        border-radius:15px;
      }
  .l-keyvisual_common .keyvisual__bg::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

              border-radius:15px;
    
                          background-color:rgba(255,255,255, 1);
          
    
    
    
    mix-blend-mode:unset;
  }

.l-keyvisual_common .c-keyvisual{
  align-items: center;
  text-align: left;
      width: 100%;
    }



.l-keyvisual_common .keyvisual__img_area{
  order:1;  }
.l-keyvisual_common .keyvisual__text_area{
  order:2;  }
.l-keyvisual_common .keyvisual__img_area img{
  width: 560px;
}

.l-keyvisual_common .heading-is-custom{
      color:#191919;
        font-size:1.8rem;
        font-weight:bold;
  }
.l-keyvisual_common .phrase-is-custom{
      color:#666666;
        font-size:1.3rem;
        font-weight:normal;
  }

.l-keyvisual_common .keyvisual__list{
  justify-content: left;
}





      .i-header_top{
      position: absolute;
      top:0;
    }
  
.l-keyvisual_top {
    
  
   padding-top: 30px;    padding-bottom: 30px; 
    
  
  }

.l-keyvisual_top .keyvisual__img{
        }
  .l-keyvisual_top .keyvisual__bg::after {
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

        
                            background-color:rgba(0,0,0, 0.2);
            
    
    
    
    mix-blend-mode:unset;
  }

.l-keyvisual_top .c-keyvisual{
  align-items: center;
  text-align: left;
  }




.l-keyvisual_top .keyvisual__img_area{
  order:1;  }
.l-keyvisual_top .keyvisual__text_area{
  order:2;  }
.l-keyvisual_top .keyvisual__img_area img{
  width: 560px;
}

.l-keyvisual_top .heading-is-custom{
      color:#ffffff;
        font-size:4rem;
        font-weight:bold;
  }
.l-keyvisual_top .phrase-is-custom{
      color:#ffffff;
        font-size:1.8rem;
        font-weight:normal;
  }

.l-keyvisual_top .keyvisual__scroll_link{color: #ffffff;}
.l-keyvisual_top .keyvisual__scroll_link span{border-color: #ffffff;}
.l-keyvisual_top .keyvisual__scroll_link span::before{background-color: #ffffff;}

































  
  .l-keyvisual_post {
        
    
        
          height: auto;
                        
    
      }

  .l-keyvisual_post .keyvisual__img{
                  }
  
  .l-keyvisual_post .c-keyvisual{
    align-items: center;
    text-align: left;
          width: 100%;
          }


  
  .l-keyvisual_post .keyvisual__img_area{
    order:1;      }
  .l-keyvisual_post .keyvisual__text_area{
    order:2;      }
  .l-keyvisual_post .keyvisual__img_area img{
    width: 560px;
  }

  .l-keyvisual_post .heading-is-custom{
          color:#191919;
              font-size:1.8rem;
              font-weight:bold;
      }
  .l-keyvisual_post .phrase-is-custom{
          color:#666666;
              font-size:1.3rem;
              font-weight:normal;
      }



  .l-keyvisual_post .keyvisual__time{
          color:#191919;
                      border-right: 1px solid;
        border-image: linear-gradient(
          to bottom,
          transparent 10%,
          #e8e8e8 10%,
          #e8e8e8 90%,
          transparent 90%
        );
        border-image-slice: 1;
        font-weight: bold;
                              }

  
      .l-keyvisual_post .date_list{
      border-radius: 5px;
      padding: 7.5px 15px;
      justify-content: left;
              color:#666666;
                    background-color:#f0f3f7;
          }
  
  

  
  
      .l-keyvisual_post .keyvisual__text_area-is-date .keyvisual__text_area__inner{
      justify-content: left;
    }
  
  
  









.l-main_top {
        color: #191919;
    padding-bottom: 40px;        
          border-bottom:#f0f3f7 dashed 5px  ;          
  
                  background-color: rgba(255,255,255,1);
      
  
  }


.l-main_top .c-main_top{
  width: 100%;
  row-gap: 40px;  column-gap: 40px;  justify-content: left;}
.l-main_top .widget{
      width: 100%;
    }





.l-main_bottom {
        color: #191919;
  padding-top: 30px;  padding-bottom: 30px;  padding-left: 30px;  padding-right: 30px;    
  
  
                  background-color: rgba(247,246,250,1);
      
  
  }


.l-main_bottom .c-main_bottom{
  width: 100%;
  row-gap: 40px;  column-gap: 40px;  justify-content: left;}
.l-main_bottom .widget{
      width: 100%;
    }





.l-contents_common {
    
   padding-top: 20px;    padding-bottom: 40px; 
    
  
  
                  background-color: rgba(240,243,247,1);
          }



.l-contents_common .l-wrapper{
     gap: 30px; }





.l-contents_common .l-main {
    
   color: #191919; 
        
  
  
      }






.l-contents_common .l-side_main .widget{
        border-radius:15px;
  
   color: #191919; 
   padding-top: 20px;    padding-bottom: 20px;    padding-left: 20px;    padding-right: 20px; 
  
                  box-shadow:
        1px 1px 6px -1px
        rgba(0,0,0, 0.15)
      ;
      
                  background-color: rgba(255,255,255,1);
          }






.l-contents_common .l-side_sub{
    
   color: #191919; 
        
  
  
      }






.l-contents_top {
    
   padding-top: 40px;    padding-bottom: 40px; 
    
  
  
                  background-color: rgba(255,255,255,1);
          }



.l-contents_top .l-wrapper{
     gap: 30px; }





.l-contents_top .l-main {
    
   color: #191919; 
        
  
  
      }






.l-contents_top .l-side_main{
    
   color: #191919; 
        
  
  
      }






.l-contents_top .l-side_sub{
    
   color: #191919; 
        
  
  
      }




































.main_content-is-page{font-size:var(--fit-phrase-secondary);color:#191919;line-height:1.85}.main_content-is-page h1{font-size:var(--fit-heading-quinary)}.main_content-is-page h2{font-size:var(--fit-heading-primary)}.main_content-is-page h3{font-size:var(--fit-heading-secondary)}.main_content-is-page h4{font-size:var(--fit-heading-tertiary)}.main_content-is-page h5{font-size:var(--fit-heading-quaternary)}.main_content-is-page h6{font-size:var(--fit-heading-quaternary)}




.l-contents_post {
    
   padding-top: 20px;    padding-bottom: 40px; 
    
  
  
                  background-color: rgba(240,243,247,1);
          }



.l-contents_post .l-wrapper{
     gap: 30px; }





.l-contents_post .l-main {
        border-radius:15px;
  
   color: #191919; 
   padding-top: 30px;    padding-bottom: 30px;    padding-left: 30px;    padding-right: 30px; 
  
                  box-shadow:
        1px 1px 6px -1px
        rgba(0,0,0, 0.15)
      ;
      
                  background-color: rgba(255,255,255,1);
          }






.l-contents_post .l-side_main .widget{
        border-radius:15px;
  
   color: #191919; 
   padding-top: 20px;    padding-bottom: 20px;    padding-left: 20px;    padding-right: 20px; 
  
                  box-shadow:
        1px 1px 6px -1px
        rgba(0,0,0, 0.15)
      ;
      
                  background-color: rgba(255,255,255,1);
          }






.l-contents_post .l-side_sub{
    
   color: #191919; 
        
  
  
      }






.main_content-is-post{font-size:var(--fit-phrase-secondary);color:#191919;line-height:2}.main_content-is-post h1{font-size:var(--fit-heading-senary)}.main_content-is-post h2{font-size:var(--fit-heading-quinary)}.main_content-is-post h3{font-size:var(--fit-heading-primary)}.main_content-is-post h4{font-size:var(--fit-heading-secondary)}.main_content-is-post h5{font-size:var(--fit-heading-tertiary)}.main_content-is-post h6{font-size:var(--fit-heading-quaternary)}




.main_content-is-post .read_minute{
	color: #191919;
    
   padding-top: 20px;    padding-bottom: 20px;    padding-left: 20px;    padding-right: 20px; 
  

  
                  background-color: rgba(247,246,250,1);
          }






.main_content-is-post .sns_list{
  justify-content: center;
      gap:10px;
  }

  .main_content-is-post .sns_list__item{
  flex-grow: 1;
}

.main_content-is-post .sns_list__link{
      font-size: 1.3rem;
  
  padding-top: 8px;  padding-bottom: 8px;  padding-left: 4px;  padding-right: 4px;
  color: #ffffff;    }

.main_content-is-post .sns_list__link.icon-facebook{
    background-color:var(--fit-color-facebook);  }
.main_content-is-post .sns_list__link.icon-twitter{
    background-color:var(--fit-color-twitter);  }
.main_content-is-post .sns_list__link.icon-hatenabookmark{
    background-color:var(--fit-color-hatenabookmark);  }
.main_content-is-post .sns_list__link.icon-Pocket{
    background-color:var(--fit-color-pocket);  }
.main_content-is-post .sns_list__link.icon-line{
    background-color:var(--fit-color-line);  }
.main_content-is-post .sns_list__link.icon-linkedin{
    background-color:var(--fit-color-linkedin);  }
.main_content-is-post .sns_list__link.icon-pinterest{
    background-color:var(--fit-color-pinterest);  }
.main_content-is-post .sns_list__link.icon-x{
    background-color:var(--fit-color-x);  }

  .main_content-is-post .sns_list__link:hover{transform: translateY(3px); border-bottom: solid 0px rgba(0,0,0,0.25);}





.main_content-is-post .outline{
        border-radius:15px;
  
   width: 95%; 
      margin-left: auto;
    margin-right: auto;
    
   padding-top: 20px;    padding-bottom: 20px;    padding-left: 20px;    padding-right: 20px; 
  

                  box-shadow:
        1px 1px 6px -1px
        rgba(0,0,0, 0.15)
      ;
      
                  background-color: rgba(255,255,255,1);
          }


  .main_content-is-post .outline__link{
    color:#191919;
  }

      .main_content-is-post .outline__dot{
      background-color:#1f79bd;
    }
    

  .main_content-is-post .outline > .outline__list > .outline__item > .outline__list .outline__link{
          color:#191919;
              border-bottom:dotted 2px #eeeeee;
      }
  
      .main_content-is-post .outline > .outline__list > .outline__item > .outline__list .outline__dot{
      border-color:#1f79bd;
    }
    




.sub_content-is-post .profile{
        border-radius:15px;
  
   padding-top: 20px;    padding-bottom: 20px;    padding-left: 20px;    padding-right: 20px; 
  

                  box-shadow:
        1px 1px 6px -1px
        rgba(25,25,25, 0.15)
      ;
      
                  background-color: rgba(255,255,255,1);
          }

.sub_content-is-post .profile__img img{
          border-radius:9999px;
  }
.sub_content-is-post .profile__item .heading,
.sub_content-is-post .profile__item .phrase {
  color:#191919;
}
.sub_content-is-post .profile .sns_list{
      margin-top: 20px;
    margin-bottom: -20px;
     margin-left: -20px;    margin-right: -20px; }










.archive-is-common{
  margin-top: 20px;}
.sort_tab-is-common{
    justify-content: center;}
.sort_tab-is-common .sort_tab__item{
  color: #191919;    border-color: #f5f5f5;}
.sort_tab-is-common .sort_tab__item:hover,
.sort_tab-is-common .sort_tab__item.is-current{
  color: #1f79bd;    border-color: #1f79bd;}
.sort_tab-is-common.sort_tab-is-tab{
  border-color: #f5f5f5;}
.sort_tab-is-common.sort_tab-is-balloon .sort_tab__item.is-current::before{
  }





  .archive-is-top{
    margin-top: 20px;  }
  .sort_tab-is-top{
        justify-content: center;  }
  .sort_tab-is-top .sort_tab__item{
    color: #191919;        border-color: #f5f5f5;  }
  .sort_tab-is-top .sort_tab__item:hover,
  .sort_tab-is-top .sort_tab__item.is-current{
    color: #1f79bd;        border-color: #1f79bd;  }
  .sort_tab-is-top.sort_tab-is-tab{
    border-color: #f5f5f5;  }
  .sort_tab-is-top.sort_tab-is-balloon .sort_tab__item.is-current::before{
      }






























.l-footer_top {
        color: #191919;
  padding-top: 30px;  padding-bottom: 30px;
    
  
  
                  background-color: rgba(240,243,247,1);
      
  
  }


.l-footer_top .c-footer_top{
  row-gap: 40px;  column-gap: 20px;  justify-content: left;}
.l-footer_top .c-footer_top::before {margin-bottom: -40px;}

.l-footer_top .widget{
      width: 100%;
    }





.l-footer_middle {
        color: #191919;
  padding-top: 30px;  padding-bottom: 30px;    
  
  

                  background-color: rgba(255,255,255,1);
      
  
  }


.l-footer_middle .c-footer_middle{
  row-gap: 40px;  column-gap: 20px;  justify-content: left;}
.l-footer_middle .c-footer_middle::before {margin-bottom: -40px;}

.l-footer_middle .widget{
      width: 100%;
    }





.l-footer_navi {
      
  padding-top: 15px;  padding-bottom: 15px;    
  
  
                  background-color: rgba(31,121,189,1);
      
  
  }


.global_navi-is-footer .global_navi__list > .global_navi__item a {
      color: #f5f5f5;
        font-size: 1.2rem;
    font-weight: normal;
}
.global_navi-is-footer .global_navi__list > .global_navi__item a span {
      font-size: 1rem;
    font-weight: 600;
}
.global_navi-is-footer .global_navi__list > .global_navi__item > a span {
	    color: #f5f5f5;
  }
.global_navi-is-footer .global_navi__list > .global_navi__item a i::before {
      color: #f5f5f5;
        font-size: 2.2rem;
  }

  .global_navi-is-footer.global_navi-is-separate .global_navi__list .global_navi__item::before {background-color: #96dbe2;}





.l-footer_sns {
      
  padding-top: 40px;      
  
  

                  background-color: rgba(240,243,247,1);
      
  
  }



.l-footer_sns .heading-is-custom{
  text-align:center;
      color:#ffffff;
        font-size:1.4rem;
    font-weight:bold;
}

.l-footer_sns .sns_list{
  justify-content: center;
      gap:10px;
  }


.l-footer_sns .sns_list__link{
      font-size: 1.3rem;
  
  padding-top: 20px;  padding-bottom: 20px;  padding-left: 20px;  padding-right: 20px;
  color: #999999;  background-color: #ffffff;  }

.l-footer_sns .sns_list__link.icon-home1{
      }
.l-footer_sns .sns_list__link.icon-rss-alt{
      }
.l-footer_sns .sns_list__link.icon-facebook{
      }
.l-footer_sns .sns_list__link.icon-instagram{
      }
.l-footer_sns .sns_list__link.icon-twitter{
      }
.l-footer_sns .sns_list__link.icon-youtube{
      }
.l-footer_sns .sns_list__link.icon-line{
      }
.l-footer_sns .sns_list__link.icon-pinterest{
      }
.l-footer_sns .sns_list__link.icon-linkedin{
      }
.l-footer_sns .sns_list__link.icon-x{
      }


  .l-footer_sns .sns_list__link:hover{
    color: #ffffff;          }
  .l-footer_sns .sns_list__link.icon-home1:hover{
        background-color:var(--fit-color-main);      }
  .l-footer_sns .sns_list__link.icon-rss-alt:hover{
        background-color:var(--fit-color-rss);      }
  .l-footer_sns .sns_list__link.icon-facebook:hover{
        background-color:var(--fit-color-facebook);      }
  .l-footer_sns .sns_list__link.icon-instagram:hover{
        background:var(--fit-color-instagram);      }
  .l-footer_sns .sns_list__link.icon-twitter:hover{
        background-color:var(--fit-color-twitter);      }
  .l-footer_sns .sns_list__link.icon-youtube:hover{
        background-color:var(--fit-color-youtube);      }
  .l-footer_sns .sns_list__link.icon-line:hover{
        background-color:var(--fit-color-line);      }
  .l-footer_sns .sns_list__link.icon-pinterest:hover{
        background-color:var(--fit-color-pinterest);      }
  .l-footer_sns .sns_list__link.icon-linkedin:hover{
        background-color:var(--fit-color-linkedin);      }
  .l-footer_sns .sns_list__link.icon-x:hover{
        background-color:var(--fit-color-x);      }





.l-copyright {
  padding-top: 15px;  padding-bottom: 85px;    
  
  
                  background-color: rgba(240,243,247,1);
      
  
  }


.copyright{
        text-align: center;
    }
.copyright .phrase-is-custom{
      color: #999999;
        font-size: 1.3rem;
    font-weight: bold;
}
.copyright .phrase-is-custom a{
      color: #96dbe2;
  }





.l-footer_menu {
      
      height: 60px;
  
    
  
                  box-shadow:
        0px 0px 4px 2px
        rgba(0,0,0, 0.1)
      ;
      
                  background-color: rgba(31,121,189,1);
      
  
  }



.float_menu__item {
  font-size: 10px;
}
.float_menu__link {
      color: #191919;
    font-weight:bold;
}
.float_menu__icon {
      color: #ffffff;
  }





























.top_btn {
      border-radius:9999px;
      
      min-height: 60px;
  
      min-width: 60px;
  
  margin-bottom: 70px;  margin-right:  10px;
  
                  box-shadow:
        2px 2px 6px -1px
        rgba(0,0,0, 0.3)
      ;
      
  
            background: linear-gradient(135deg,rgba(150, 219, 226, 1) 0%,rgba(31, 121, 189, 1) 100%);
      
  }


.top_btn__icon{
      font-size: 1.5rem;
        color: #ffffff;
  }
.top_btn__link .heading-is-custom{
      font-size: 1.2rem;
        color: #ffffff;
  }
.top_btn__link .phrase-is-custom{
      font-size: 1.2rem;
    }







@media only screen and (min-width:640px){html{font-size:62.5%}}@media only screen and (min-width: 640px){

  .l-header {
          height: 90px;
                  }


  .l-header .c-header{
          max-width: 1100px;
      }

  .l-header .site_title{
                  font-size: 2.6rem;
          
                
            
                            margin-right:0px;
                  
      }

  
  


  .l-global_navi {
        padding-top: 30px;    padding-bottom: 30px;          }

  .c-global_navi{
      }

  .l-header .global_navi-is-header{
          margin-left:auto;
	margin-right: clamp(30px, 4vw, 40px) ;
    }

  .global_navi-is-header .global_navi__list{
          margin-left:auto;
    }

      .global_navi-is-header .global_navi__list .is-parent .sub-menu .is-parent .sub-menu {right: 100%; left:unset; }
  
  .global_navi-is-header .global_navi__list > .global_navi__item a {
    color: var(--fit-color-white);
          font-size: 1.3rem;
      }
  .global_navi-is-header .global_navi__list > .global_navi__item > a {
          color: #191919;
      }
  .global_navi-is-header .global_navi__list > .global_navi__item a span {
  		  font-size: 1.1rem;
	  }
  .global_navi-is-header .global_navi__list > .global_navi__item a i::before {
          font-size: 2rem;
      }

  .global_navi-is-header .global_navi__list > .is-parent > a::before {
          border-bottom: solid 1px #191919;
      border-right: solid 1px #191919;
      }


          

    
    
          .global_navi-is-header .global_navi__list > .global_navi__item:hover > a,
	  .global_navi-is-header .global_navi__list > .global_navi__item:hover > a span,
      .global_navi-is-header .global_navi__list > .global_navi__item.is-current > a,
	  .global_navi-is-header .global_navi__list > .global_navi__item.is-current > a span {
        color:rgba(31,121,189,1);
        transition: .3s;
      }
      .global_navi-is-header .global_navi__list > .is-parent:hover > a::before {
        border-bottom: solid 1px rgba(31,121,189,1);
        border-right: solid 1px rgba(31,121,189,1);
      }
      







  .l-top_header {
          height: 120px;
                  }

  .c-top_header{
      }

  .l-top_header .site_title{
                  font-size: 2.6rem;
          
                
            
                            margin-right:0px;
                  
      }
  
  

  .l-top_global_navi {
        padding-top: 30px;    padding-bottom: 30px;          }

  .c-top_global_navi{
      }

  .l-top_header .global_navi-is-top{
          margin-left:auto;
	margin-right: clamp(30px, 4vw, 40px) ;
    }



  .global_navi-is-top .global_navi__list{
          margin-left:auto;
    }

      .global_navi-is-top .global_navi__list .is-parent .sub-menu .is-parent .sub-menu {right: 100%; left:unset; }
  
  .global_navi-is-top .global_navi__list > .global_navi__item a {
    color: var(--fit-color-white);
          font-size: 1.3rem;
      }
  .global_navi-is-top .global_navi__list > .global_navi__item > a {
          color: #ffffff;
      }
  .global_navi-is-top .global_navi__list > .global_navi__item a span {
  		  font-size: 1.1rem;
	  }
  .global_navi-is-top .global_navi__list > .global_navi__item a i::before {
          font-size: 2.0rem;
      }

  .global_navi-is-top .global_navi__list > .is-parent > a::before {
          border-bottom: solid 1px #ffffff;
      border-right: solid 1px #ffffff;
      }


          
    
    
          .global_navi-is-top .global_navi__list > .global_navi__item:hover > a,
	  .global_navi-is-top .global_navi__list > .global_navi__item:hover > a span,
      .global_navi-is-top .global_navi__list > .global_navi__item.is-current > a,
	  .global_navi-is-top .global_navi__list > .global_navi__item.is-current > a span {
        color:rgba(255,255,255,0.6);
        transition: .3s;
      }
      .global_navi-is-top .global_navi__list > .is-parent:hover > a::before {
        border-bottom: solid 1px rgba(255,255,255,0.6);
        border-right: solid 1px rgba(255,255,255,0.6);
      }
      





  .l-info_search {
          height: 80px;
                
  }
  .c-info_search{
      }

  .info_bar__title{
          font-size: 1.4rem;
      }

  .info_bar__item{
          font-size: 1.4rem;
      }

  .search_bar__form{
          font-size: 1.4rem;
      }





  .l-breadcrumb {
        padding-top: 20px;              }
  .c-breadcrumb{
          max-width: 1100px;
      }
  .breadcrumb__item {
    font-size: 1.4rem;  }



  .l-header_bottom {
        padding-top: 60px;    padding-bottom: 60px;          }

  .l-header_bottom .c-header_bottom{
          max-width: 1100px;
       row-gap: 60px;	   column-gap: 60px;      }

  .l-header_bottom .widget{
          width: 100%;
                      }





  
  .l-keyvisual_common {
         padding-top: 30px;      padding-bottom: 30px;            padding-left: 30px;        padding-right: 30px;               }

  .l-keyvisual_common .c-keyvisual{
      }

  
  .l-keyvisual_common .keyvisual__img_area{
    max-width: 560px;
        order:2;  }
  .l-keyvisual_common .keyvisual__text_area{
        order:1;  }
  .l-keyvisual_common .keyvisual__img_area img{
    width: 560px;
  }

  .l-keyvisual_common .heading-is-custom{
          font-size:2.4rem;
      }
  .l-keyvisual_common .phrase-is-custom{
          font-size:1.5rem;
      }




            
  .l-keyvisual_top {
             padding-top: 30px;      padding-bottom: 30px;           }

  .l-keyvisual_top .c-keyvisual{
              max-width: 1100px;
      }

  
  .l-keyvisual_top .keyvisual__img_area{
    max-width: 560px;
        order:2;  }
  .l-keyvisual_top .keyvisual__text_area{
        order:1;  }
  .l-keyvisual_top .keyvisual__img_area img{
    width: 560px;
  }

  .l-keyvisual_top .heading-is-custom{
          font-size:5rem;
      }
  .l-keyvisual_top .phrase-is-custom{
          font-size:2rem;
      }

  




  




  




  




  




  




      
    .l-keyvisual_post {
                                                              }

    .l-keyvisual_post .c-keyvisual{
          }

    
    .l-keyvisual_post .keyvisual__img_area{
      max-width: 560px;
            order:2;    }
    .l-keyvisual_post .keyvisual__text_area{
            order:1;    }
    .l-keyvisual_post .keyvisual__img_area img{
      width: 560px;
    }

    .l-keyvisual_post .heading-is-custom{
              font-size:2.4rem;
          }
    .l-keyvisual_post .phrase-is-custom{
              font-size:1.5rem;
          }
  






  .l-main_top {
        padding-bottom: 60px;                  }
      .l-main_top .c-main_top{
	  row-gap: 60px;	  column-gap: 60px;	}
    .l-main_top .widget{
          width: 100%;
                      }

  .l-main_bottom {
    padding-top: 60px;    padding-bottom: 60px;    padding-left: 60px;    padding-right: 60px;          }
      .l-main_bottom .c-main_bottom{
	  row-gap: 60px;	  column-gap: 60px;	}
    .l-main_bottom .widget{
              width: calc(50% - 60px/2);
                  }


  .l-contents_common {
        padding-top: 30px;    padding-bottom: 60px;          }
  .l-contents_common .c-contents{
          max-width: 1100px;
      }


  .l-contents_common .l-wrapper{
         gap: 50px;   }
  .l-contents_common .l-main{
                  }
  .l-contents_common .l-side_main{
     width: 320px;   }
  .l-contents_common .l-side_main .widget{
     padding-top: 20px;      padding-bottom: 20px;      padding-left: 20px;      padding-right: 20px;   }
  .l-contents_common .l-side_main .side_sticky{
  	 top: 20px;   }

  .l-contents_common .l-side_sub{
  	 width: 260px;   }
  .l-contents_common .l-side_sub{
                  }
  .l-contents_common .l-side_sub .side_sticky{
  	 top: 20px;   }





    .l-contents_top {
        padding-top: 60px;    padding-bottom: 60px;          }
  .l-contents_top .c-contents{
          max-width: 1100px;
      }

  .l-contents_top .l-wrapper{
         gap: 50px;   }
  .l-contents_top .l-main{
                  }
  .l-contents_top .l-side_main{
     width: 260px;   }
  .l-contents_top .l-side_main{
                  }
  .l-contents_top .l-side_main .side_sticky{
  	 top: 20px;   }

  .l-contents_top .l-side_sub{
  	 width: 260px;   }
  .l-contents_top .l-side_sub{
                  }
  .l-contents_top .l-side_sub .side_sticky{
  	 top: 20px;   }
  



  



  



  



  




  





    .l-contents_post {
        padding-top: 30px;    padding-bottom: 60px;          }
  .l-contents_post .c-contents{
          max-width: 1100px;
      }

  .l-contents_post .l-wrapper{
         gap: 50px;   }
  .l-contents_post .l-main{
     padding-top: 40px;      padding-bottom: 40px;      padding-left: 40px;      padding-right: 40px;   }
  .l-contents_post .l-side_main{
          flex-basis: 320px;
      width: 320px;
      }
  .l-contents_post .l-side_main .widget{
     padding-top: 20px;      padding-bottom: 20px;      padding-left: 20px;      padding-right: 20px;   }
  .l-contents_post .l-side_main .side_sticky{
  	 top: 20px;   }

  .l-contents_post .l-side_sub{
          flex-basis: 260px;
      width: 260px;
      }
  .l-contents_post .l-side_sub{
                  }
  .l-contents_post .l-side_sub .side_sticky{
  	 top: 20px;   }
  


  .main_content-is-post .read_minute{
     padding-top: 30px;      padding-bottom: 30px;      padding-left: 30px;      padding-right: 30px;   }

  .main_content-is-post .outline{
     padding-top: 30px;      padding-bottom: 30px;      padding-left: 30px;      padding-right: 30px;   }

  .sub_content-is-post .profile{
     padding-top: 30px;      padding-bottom: 30px;      padding-left: 30px;      padding-right: 30px;   }
  .sub_content-is-post .profile .sns_list{
          margin-top: 30px;
      margin-bottom: -30px;
         margin-left: -30px;      margin-right: -30px;   }







  .archive-is-common{
    margin-top: 40px;  }
  .sort_tab-is-common{
      }

      .archive-is-top{
      margin-top: 40px;    }
    .sort_tab-is-top{
          }
  
  
  
  
  






  .l-footer_top {
        padding-top: 60px;    padding-bottom: 60px;          }
  .l-footer_top .c-footer_top{
          max-width: 1100px;
          row-gap: 60px;    column-gap: 40px;  }
      .l-footer_top .c-footer_top::before {margin-bottom: -60px;}
        .l-footer_top .widget{
          width: 100%;
                      }





  .l-footer_middle {
        padding-top: 60px;    padding-bottom: 60px;          }
  .l-footer_middle .c-footer_middle{
          max-width: 1100px;
        row-gap: 60px;    column-gap: 40px;  }
      .l-footer_middle .c-footer_middle::before {margin-bottom: -60px;}
        .l-footer_middle .widget{
                  width: calc(50% - 40px/2);
              }




  .l-footer_navi {
        padding-top: 30px;    padding-bottom: 30px;          }
  .c-footer_navi{
      }

  .global_navi-is-footer .global_navi__list{
        margin-left:auto;
    margin-right:auto;
      }
  
  .global_navi-is-footer .global_navi__list > .global_navi__item a {
    color: var(--fit-color-white);
          font-size: 1.3rem;
      }
  .global_navi-is-footer .global_navi__list > .global_navi__item > a {
          color: #f5f5f5;
      }
  .global_navi-is-footer .global_navi__list > .global_navi__item a span {
  		  font-size: 1.1rem;
	  }
  .global_navi-is-footer .global_navi__list > .global_navi__item a i::before {
          font-size: 2.5rem;
      }

  .global_navi-is-footer .global_navi__list > .is-parent > a::before {
          border-bottom: solid 1px #f5f5f5;
      border-right: solid 1px #f5f5f5;
      }

                .global_navi-is-footer .global_navi__list > .global_navi__item > a::before {
        display: block;
        content: "";
        position: absolute;
      	left: 0;
    	bottom: 0;
		width: 100%;
      	height: 2px;
      	background: rgba(245,245,245,0.5);
    	transform: scale(0, 1);
      	transition: .3s;
      }
      .global_navi-is-footer .global_navi__list > .global_navi__item:hover > a::before,
      .global_navi-is-footer .global_navi__list > .global_navi__item.is-current > a::before {transform: scale(1);}
    
    
    
      



  .l-footer_sns {
        padding-top: 60px;              }
  .c-footer_sns{
      }
  .l-footer_sns .heading-is-custom{
          font-size:1.8rem;
      }



  .l-copyright {
    
    padding-top: 30px;    padding-bottom: 30px;        
  }
  .c-copyright{
      }
  .copyright .phrase-is-custom{
          font-size: 1.5rem;
      }




  .top_btn {
    min-height: 80px;     min-width: 80px;    margin-bottom: 10px;    margin-right:  10px;  }
  .top_btn__icon{
    font-size: 2rem;  }
  .top_btn__link .heading-is-custom{
    font-size: 1.2rem;  }
  .top_btn__link .phrase-is-custom{
    font-size: 1.2rem;  }



}


@media only screen and (min-width: 1000px){


  .l-header_bottom .widget{
              }


  .l-main_top .widget{
              }


  .l-main_bottom .widget{
              }


  .l-footer_top .widget{
              }

  .l-footer_middle .widget{
          width: calc(33.33% - 40px/1.5);
              }
}


@media only screen and (min-width: 1360px){
  .l-header_bottom .widget{
          }

  .l-main_top .widget{
          }

  .l-main_bottom .widget{
          }

  .l-footer_top .widget{
          }

  .l-footer_middle .widget{
          }

}