/*
Theme Name: genken
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

@charset "UTF-8";

* {
  box-sizing: border-box;
} /*全ての要素をborder-boxにするーーコンテンツ、border、paddingの合計がwidthと解釈される*/

html {
  font-size: 100%;
}
/*設定した文字サイズを正しく反映*/

img {
  max-width: 100%;
}
/*画像の大きさの指定。画像が親要素よりも大きくなることを防ぐ*/
body {
  background-color: white;
  margin: 0;
  font-family: 'Noto Sans JP', sans-serif;
}

a {
  cursor: pointer;
}

main {
  margin: auto;
}
.study-title {
  width: 69.44%;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
}

.study-title h1 {
  text-align: center;
}

.english-desc {
  padding: 0 100px 100px 100px;
}

#study-visual {
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.border-only {
  width: 100%;
  height: 0px;
  border: solid #4070bf 3px;
  margin-top: 80px;
}

.english-list{
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px;
}

.english-item{
  width: 100%;
}

.item-title{
  position:absolute;
  color: #fff;
  font-weight:bolder;
}
/*====================メディアクエリーcss=======*/

@media (max-width: 678px) {
    
  .english-list{
    grid-template-columns: auto;
  }
  
  .study-title {
  width: 94.67%;
  margin-top: 20px;
  }

  #study-visual {
  width: 100%;
  }

  .study-title h1 {
    font-size: 1.5rem;
  }

  .english-desc {
    padding: 0;
  }

  .border-only {
    margin-top: 20px;
  }

  
}