@charset "UTF-8";
/* CSS Document */
/*ブレイクポイント　1000px, 600px, 500px, 320px*/


/*ーーーーーーーーーーーーーーーーーーーーーーーータブレット縦・スマホ横　1024以下ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media(max-width:1024px) {
    
body{
    background-color:rgba(123,120,133,1.00);
    width: 100%;
    margin: 0vw;
}

/*header ロゴアコーディオン用CSS　ここから*/
header{
    width: 100%;
    margin: 0vw;
    z-index: 99;
    display: block;
    
    /*background-color: brown;*/
}

.logo-menu{
    display: none;
}
    
.logo-menu2{
    display: block;
    widows: 100%;
    margin: 0vw;
    position: relative;
}

.acd-check{
  display: none;
    position: absolute;
    right: 20vw;
}


/* アコーディオンメニュー開閉ボタン（ロゴ） */
.acd-label {
  display: flex;         /* 中のロゴを中央に寄せるためにflexに変更 */
  align-items: center;    /* 垂直方向中央 */
  justify-content: center;/* 水平方向中央 */
  
/* 1. 幅を固定。スマホで見やすいサイズ（px）にするのが最も安定します */
  width: 80px; 
  height: 80px; /* aspect-ratioではなく、直接heightをpxで指定 */
    
  margin: 0; 
  color: #fff;
  cursor: pointer;
  background-color: rgba(162,158,175,0.60);
  border-radius: 50% !important; /* 強制的に正円にする */
  
  position: fixed;
  top: 20px; 
  left: 50%; 
  transform: translateX(-50%); 
  z-index: 1000;
    
 /* 2. スマホのFlexboxによる「引き伸ばし」を無効化する */
  flex-shrink: 0;
  align-self: center;

  overflow: hidden;
  box-sizing: border-box;
  padding: 6px; /* 少し余裕を持たせる */
}

/* 中のロゴ画像が縦長の原因にならないよう調整 */
.acd-label img {
  width: 100%;    /* 100%以上に設定 */
  height: 100%;   /* 100%以上に設定 */
  object-fit: contain;
  position: relative;
  top: -1.1px; /* マイナス値にすると上に上がります。数値で微調整してください */  
    
  flex-shrink: 0;    
}

/* アコーディオンメニューコンテンツ（フルスクリーンナビ） */
.acd-content{
  width: 100vw;
  max-height: 0; 
  margin: 0;
  background-color: rgba(162,158,175,0.95); 
  opacity: 0;
  overflow: hidden; 
  
  transition: opacity 0.9s ease, max-height 0.9s ease;
  
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 999;
  
  /* メニュー項目を中央に配置するためのFlexbox設定 */
  display: flex;
  flex-direction: column; /* 縦並び */
  justify-content: center; /* 垂直方向中央寄せ */
  align-items: center; /* 水平方向中央寄せ */
  height: 100vh; /* ビューポート全体の高さ */
}

.acd-content li{
  list-style: none;
  margin: 1.2rem 0; 
  text-align: center;
  
  font-family: "Plantagenet Cherokee", "Book Antiqua", Palatino, "serif";
  font-size: 1.8rem; 
}

.acd-content a{
    text-decoration: none;
    color: aliceblue;
}

/* アコーディオンが開いた時のスタイル */
.acd-check:checked + .acd-label + .acd-content{   
  max-height: 100vh; 
  opacity: 1;
}


main{
    width: 100%;
    position: absolute;
    top:14vw;
    left: 0vw;
    text-align: center; /*main全体にかかってる*/
    margin: 0vw;
    
    /*background-color: yellow;*/
}

main h1{
    color: aliceblue;
    position: relative;
    right: 0vw;
    margin:  2vw 4vw 4vw 4vw;
    
    font-family: "Plantagenet Cherokee", "Book Antiqua", Palatino, "serif";
    font-weight: 100;
    font-size: 3.5vw;
    
    /*background-color: deeppink;*/
}


/*ーーーーー　タブメニューCSS　ここから　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*タブ切り替え全体のスタイル*/
.tabs {
  padding-bottom: 30vw; /*コンテンツの中身の表示領域？*/
  width: 90%;
  position: relative;
    
  /*background-color: rgba(250,176,79,1.00);*/
}


/*タブのスタイル*/
.tab_item {
    
  border: 0.1vw solid rgba(255,255,255,0.00);
  
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: bold;
  font-size: 0.8rem;
  color: rgba(255,255,255,0.60); /*選択されていないタブメニュータイトルの文字色*/     

  transition: all 0.2s ease;
    
  /*background-color: rgba(0,84,7,1.00);*/
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 5vw 0vw; /*タブメニュータイトルからコンテンツ内容までの距離感*/
  clear: both;
  overflow: hidden;
  width: 100%;
}

.tab_content_description{
  /*background-color: rgba(81,0,25,1.00);*/
}


/*ーーーーー　タブメニューCSS　ここまで　ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


/*ーーー　「chapter-1」中身　ここからーーー*/
.chapter{
    width: 80%;
    color: aliceblue;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    
    display: inline-block;
    text-align: center;
    /*background-color: rgba(0,139,48,1.00);*/
}

.chapter h2{
    font-size: 1rem;
}
        
.chapter h3{
    font-size: 1rem;
    color: aliceblue;
    margin-top: 3vw auto;
}
    

.chapter p{
    font-weight: 100;
    font-size: 1.6vw;
    margin: 3vw 0vw;
    padding: 0vw 5vw;
    text-align: left;

} 
    

p.another{
    width: 90%;
    margin: 1rem auto 1rem auto;

    font-size: 0.9rem;
}    


.br-599{
    display: none;
}

/*ーーー　「chapter-1」中身　ここまでーーー*/


footer{
    width: 100%;
    margin-top: -25vw;
    position: relative;
    left: 0vw;
    padding: 0vw 0vw 0vw 0vw;
    height: 55vw;
    z-index: 20;
    background-color: rgba(84,82,90,1.00);
    text-align: center;
}

.contact-icon{
    width: 100%;
    margin: 0vw;
    position: relative;
    top: 4vw;
    left: 0vw;
    /*background-color: blue;    */
}

.contact-icon a{
    /*background-color: aqua;*/
    padding: 1vw 0vw 0vw 0vw;
    margin: 0vw 3vw;
}

.contact-icon img{
    width: 4%;
    margin: 0vw 0vw;
}

.footer-menu-list{
    width: 90%; /*これが100%だったせいで謎余白ができてた*/
    margin: 0vw 0vw;
    position: relative;
    top: 8vw;
    left: 10%;
    
    /*background-color: lawngreen;*/
}

.footer-menu-list li{
    width: 15%; /*.footer-menu-listのwidthが100%なので、*/
    margin: 0vw 0vw;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    color: aliceblue;
    font-size: 2vw;
    list-style: none;
    position: relative;
    top:0vw;
    left: 0vw;
    float: left;
    
    /*background-color: rgba(255,244,0,1.00);*/
}

.footer-menu-list a{
    text-decoration: none; /*リンク下のバーを消す*/
    color: aliceblue; /*リンク文字の色変更用*/
    
    /*background-color: brown;*/
}

.copyright{
    margin: 0vw 0vw 2vw 0vw;
    position: relative;
    top: 14vw;
    
    /*background-color: rgba(125,68,28,0.50);*/
}

.copyright p{
    width: 100%;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    
    /*background-color: rgba(140,180,60,0.50);*/
}    
    
.footer-logo{
    width: 100%;
    margin: 0vw;
    position: relative;
    top: 16vw;
    left: 0vw;
    text-align: center;
    
    /*background-color: black;*/
}

.footer-logo img{
    width: 7%;
    margin: 0vw;
    position: relative;
    right: 0%;
    
    /*background-color: lightcoral;*/
}

.c-mark{
    width: 100%;
    margin: 0vw;
    position: relative;
    top: 16vw;
    left: 0vw;
    text-align: center;
    font-size: 0.8vw;
    
    color: rgba(255,255,255,1.00);
}
    
}

/*ーーーーーーーーーーーーーーーーーーーーーーーータブレット縦・スマホ横　1000以下ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/