@charset "utf-8";

/*sectionのレイアウト*/

#section{
    background-color: #ffffff00;
    font-family:'Zen Maru Gothic', sans-serif;
  }

/*mainのレイアウト*/

div#mainbox{
  background-color:#ffffffb7;
    font-family:'Zen Maru Gothic', sans-serif;
    margin:0 150px;
    text-align: center;
  }

  #body   {
	position:absolute;
	top:0;
	left:0;
	padding:0;
	width:100%;
	height:100%;
  background-color:#ffffff00;
  font-family:'Zen Maru Gothic', sans-serif;
	}
  
  body {
    margin: 0; padding: 0;
    text-align: center;
    color: #8b837a;
  }

  /*モーダルウィンドウ*/
  /*infoエリアをはじめは非表示*/
#info{
	display: none;
}

/*モーダルの横幅を変更したい場合*/
.modaal-container{
    max-width: 600px;
}

/*モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*mainboxのレイアウト*/

.zukan{
  margin:0 120px;
  padding:50px 0;
}

h3.zukan{
  display:inline-block;
  padding:30px 10px;
  font-size:35px;
}

p.zukan{
  text-align:justify;
  width:80%;
  line-height:2;
  font-size:20px;
}

.kanjyo{
  margin:0 120px;
}

h3.kanjyo{
  display:inline-block;
  padding:30px 10px;
  font-size:35px;
}

p.kanjyo{
  text-align:justify;
  width:80%;
  margin-bottom:20px;
  margin-top:20px;
  font-size:20px;
  line-height:2;
}

.button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #fff;
  font-size: 18px;
  background-color: #8b837a;
  transition: 0.3s;
  text-decoration:none;
}

.button01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.button01 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

.en{
  padding:100px 0;
}

h3.en{
  display:inline-block;
  padding:30px 10px;
  font-size:35px;
}

.pulu{
  display:flex;
  text-align:center;
  margin:50px 100px;
}

.pulu1{
  width:500px;
  margin:0;
}

.pulu1 img{
  width:80%;
}

.pulu2{
  text-align:left;
  width:400px;
  padding-top:35px;
  font-size:20px;
}

p.pulu2{
  text-align:justify;
  line-height:2;
  font-size:20px;
}

.source{
  text-align:left;
}