@charset "UTF-8";


.test-bg{
background: #FFFFFF;
width: 100%;	
height: 150px;
position: fixed;
z-index: 999;	
/*background-size: cover;
background-position: center top;*/	
}




.wrapper{
max-width: 1280px;
margin: 0 auto;
padding: 0 4%;
}


.tel-accsess{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;	
}

/*.mail img{
padding: 0px 15px;	
margin-top: 6px;	
}*/


.header_bg{
display: flex;
margin-top: 20px;
}


/*.access-mail{
padding: 0px 0px 10px 280px;	
}*/


.rogo_pc{
display: block;
}

.rogo_sp{
display: none;
}

.tel-number h5 a{
text-decoration-line: none;	
color: inherit;	
font-size: 1.6rem;
/*padding-left: 120px;*/	
}


.telnumber_pc{
display: block;	
}


.telnumber_sp{
display: none;	
}






/* トップ画像 ここから*/
.top-img-pc{
display: block;
padding-top: 120px;	
}


.top-img-sp{
display: none;
}





/* ナビメニューここから*/


a {
  text-decoration: none;
}

ul,
li {
  list-style: none;
}






@media screen and (min-width: 960px) {
  .header__title {
    width: 120px;
  }
}

.header__title img {
  display: block;
  width: 100%;
  height: 100%;
}

.header__nav {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  transform: translateX(100%);
  background-color: #fff;
  transition: ease .4s;
  padding-top: 8px;
	
}


@media screen and (min-width: 960px) {
  .header__nav {
    position: static;
    transform: initial;
    background-color: inherit;
    height: inherit;
    display: flex;
    justify-content: end;
    width: 100%;
  }
}


@media screen and (min-width: 960px) {
  .nav__items {
    width: 100%;
    display: flex;
    align-items: center;
    height: initial;
    justify-content: space-evenly;
  }
}

.nav-items {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
}


@media screen and (min-width: 960px) {
  .nav-items {
    padding-top: inherit;
    padding-bottom: inherit;
    position: inherit;
    top: 0;
    left: 0;
    transform: translate(0, 0);
  }
}

.nav-items__item a {
  color: black;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 20px;
  margin-bottom: 24px;
  font-size: 1rem;
}

.nav-items__item:last-child a {
  margin-bottom: 0;
}

@media screen and (min-width: 960px) {
  .nav-items__item a {
    margin-bottom: 0;
  }
}


/* ハンバーガーメニュー */

.button-bg{
background:#FFFFFF;
width: 100%;
margin-top:15px;
}


.header__hamburger {
  width: 48px;
  height: 100%;
}

.hamburger {
  background-color: transparent;
  border-color: transparent;
  z-index: 9999;
  
}

@media screen and (min-width: 960px) {
  .hamburger {
    display: none;
	  
  }
}


.hamburger span {
  width: 100%;
  height: 2px;
  background-color: #000;
  position: relative;
  transition: ease .4s;
  display: block;	
}

.hamburger span:nth-child(1) {
  top: 0;
}

.hamburger span:nth-child(2) {
  margin: 8px 0;
}

.hamburger span:nth-child(3) {
  top: 0;
}


/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
  transform: translateX(0);
}

.hamburger.active span:nth-child(1) {
  top: 5px;
  transform: rotate(45deg);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;

}

.hamburger.active span:nth-child(3) {
  top: -13px;
  transform: rotate(-45deg);
} 

/*ここまで*/




/*設立目的　ここから*/
.mokutekitext{
margin-top: 100px;	
}


.mokutekitext-title1 h3{
border-left:10px solid #4689FF; /*線の設定*/
padding:2px 8px; /*余白の設定*/
}





/*概要　ここから*/

.gaiyoutext{
display: block;
}


.gaiyoutext_sp{
display: none;	
}



.gaiyoutext{
margin-top: 100px;	
}


.gaiyoutext-title1 h3{
border-left:10px solid #4689FF; /*線の設定*/
padding:2px 8px; /*余白の設定*/
}

.kakomi-iner{
display: flex;		
}

table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #000000;	
}

table th,table td{
  padding: 30px 30px;
  /*text-align: center;*/
}

table tr:nth-child(odd){
  background-color: #D9E5FF;
}

/*方法について　ここから*/
.houho-title{
margin-top: 50px;	
}



/*事業遍歴　ここから*/
.henrekitext{
margin-top: 100px;	
}


.henrekitext-title1 h3{
border-left:10px solid #4689FF; /*線の設定*/
padding:2px 8px; /*余白の設定*/
}

/*入会のご案内　ここから*/

.annaitext{
margin-top: 50px;	
}

.annaitext-title1 h3{
border-left:10px solid #4689FF; /*線の設定*/
padding:2px 8px; /*余白の設定*/
}

.annaitext-comento1{
margin-top: 30px;	
}








/*リンクとアドレス　ここから*/

.link-menu-iner{
display: flex;
width: 100%;
text-align: center;
justify-content: space-around;
padding: 0px 0px;
	
}

.link-menu-iner a{
font-size: 0.9rem;	
}


.link-address-info{
text-align: center;
line-height: 15px;
padding-top: 35px;	
}


.link-address-info a{
color: #000000;	
font-size: 1.3rem;	
}








/*フッター　ここから*/
.footer-bg{
background: #000080;
height: 50px;
margin-top: 50px;	
}

.footer-info p{
text-align: center;
padding-top: 15px;
color: #FFFFFF;	
}














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


.test-bg{
height: 120px;		
}	
	
	
	
.rogo_pc{
display: none;	
}

.rogo_sp{
display: block;
}	
		
	
	

#contents{
width: 340px;
margin: 20px 0px;	
justify-content: space-around;
}



/*.tel-number{
transform: scale(0.6, 0.6);			
}	*/
	

.tel-number h5 a{
font-size: 1rem;
padding-left: 20px;
}	
	


.telnumber_pc{
display: none;	
}


.telnumber_sp{
display: block;	
}	
	
	
	
	
/*トップ画像 ここから*/	
.top-img-pc{
display: none;	
}


.top-img-sp{
display: block;	
padding-top: 120px;	
}	
	

	
/*概要  ここから*/	

.gaiyoutext-title1 h3{
font-size: 20px;	
}	
	
	
	
	
.gaiyoutext{
display: none;
}


.gaiyoutext_sp{
display: block;	
margin-top: 60px;	
}	
	
	
	
table th,table td{
padding: 20px 10px;
/*text-align: center;*/
}	

	
	
.kakomitext span{
font-weight: bold; 	
}
	
	
	
	
	
	
/*リンクとアドレス  ここから*/	
.link-menu-iner{
display: block;
text-align: center;
}	
	
/*フッターロゴ  ここから*/	
.footer-rogo{
transform: scale(0.6, 0.6);
}	

	
.footer-tel-number  a span{
font-size: 0.7rem;	
}	
	
	
	
.footer-info p{
font-size: 0.5rem;	
}	
	

a.mail {
font-size: 15px;	
}	
	
	
	
	
	
	
	
}