/*タブ切り替え全体のスタイル*****
**************************************/
.tabs {
 margin-top:50%;
 padding-bottom: 40px;
 background-color: #fff;
 box-shadow: 0 0 10px rgba(0,0,0,0.2);
 width: 1020px;
 margin:0 auto; 
 }

/*タブのスタイル*****
**************************************/
.tab_item {
  width: calc(100%/4);
  height: 50px;
  border-bottom: 3px solid #A61E2B;
  background-color: #e6e6e6;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}


.tab_item:hover {
  opacity: 0.75;
}

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

/*タブ切り替えの中身のスタイル*****
**************************************/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*****
**************************************/
#intro:checked ~ #intro_content,
#chapter_1:checked ~ #chapter_1_content,
#chapter_2:checked ~ #chapter_2_content,
#archive:checked ~ #archive_content{
  display: block;
}

/*選択されているタブのスタイルを変える*****
**************************************/
.tabs input:checked + .tab_item {
  background-color: #A61E2B;
  color: #fff;
}


/*埋め込みコンテンツの大きさの設定
.iframe_wrapper{
 position: relative;
 width: 100%;
 height: 100%;
 padding-top: 56.25%;
 }

iframe {
 position: absolute;
 top: 0; 
 left: 0; 
 width: 100%;
 height:100%;
} */

/*iframeの設定****
**************************************/

iframe {
 display: block;
 }

.wrapper_01 iframe{
 margin: 0 auto;
 text-align: center;
 }

.tab_content_description iframe{
 margin: 0 auto; 
 text-align: center;
 }


/* 以下アコーディオン *****
**************************************/

.accordion{
margin: 3em auto;
max-width: 60vw;
}

.toggle {
display: none;
}

.hover_color:hover{
background-color: #A61E2B;
  color: #fff;
}

.option {
position: relative;
}

.title, .Ch2_content{
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}

.title {
border: solid 1px #ccc;
padding: 1em;
display: block;
color: #333;
font-weight: bold;
font-size: 14px;
}

.title::after,
.title::before {
Ch2_content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}

.title::after {
transform: rotate(90deg);
}

.Ch2_content{
max-height: 0;
overflow: hidden;
}

.Ch2_contentp {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}

.toggle:checked + .title + .Ch2_content{
max-height: 100%;
transition: all 1.5s;
}

.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}

/*アコーディオンはここまで*****
**************************************/


/*リンク（aタグ）の装飾****
**************************************/
a {
color: #000 !important;
text-decoration: none !important;
}

a:hover {
 background-color: #A61E2B !important;
  color: #fff !important;
}

/*リンク*****
**************************************/

.pathwaysFuture_2022 {
background-color: #f6f6f6;
}

#footer{
      position: relative;
      border-top:8px solid #B3434A !important;
      padding-top:15px;
}

/*英語ページへの切り替えボタン****
***************************************/
.Eng_btn_link a{
 padding: 12px;
  }

.Eng_btn_link{
 display: inline;
 margin-bottom:30px;
 margin-left: 80%;
 }