@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap');
/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 大枠レイアウト
　02. モジュール

******************************************************************************* */
/* ==

　01. 大枠レイアウト

=============================================================================== */

#container{
    width: 880px;
    padding-top: 100px;
    font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
    color: #4d4d4d;
}
#container h1{
    margin: 0 0 50px;
    padding: 0;
    font-size: 267%;
    color: #365c48;
    border-bottom: none;
    text-align: center;
    white-space: nowrap;
}
#container h2{
    margin: 0 0 60px;
    padding: 0;
    background: transparent;
    font-size: 200%;
    color: #365c48;
    font-weight: 500;
    text-align: center;
}
#container h3{
    margin: 0 0 80px 23px;
    padding: 12px 25px;
    background: #e4e7e4;
    border-bottom: none;
    border-radius: 10px;
    font-size: 150%;
    line-height: 2.0;
    color: #4d4d4d;
    font-weight: normal;
    position: relative;
}
#container h3::before{
    content: "";
    width: 23px;
    height: 22px;
    background: url(../images/bg_balloon01.png) left bottom no-repeat;
    position: absolute;
    bottom: 10px;
    left: -23px;
}

/* タブレット PC表示モード調整 */
@media only screen and (min-width: 820px) and (max-width: 820px) {
    #container{
        padding: 100px 40px 70px;
    }
}

/* ==

　02. モジュール

=============================================================================== */
/* 
------------------------------------------------------------------------------- */
.lead{
    margin-bottom: 100px;
    padding: 40px 45px;
    background-color: #e4e7e4;
    border-radius: 10px;
}
.lead p{
    font-size: 150%;
    line-height: 2.0;
}
.enPhoto ~ .lead{
    margin-top: -50px;
}



.enTalk{
    width: 680px;
    margin: 0 auto;
}
.enTalk > p{
    margin-bottom: 45px;
    font-size: 150%;
    line-height: 2.0;
}
#container .enTalk > p ~ h3{ margin-top: 80px; }
.enTalk > p.notes{
    margin: 0 0 30px;
    font-size: 117%;
    line-height: 1.7;
    text-indent: 0;
}



.enPhoto{
    margin-bottom: 100px;
    text-align: center;
}
.enPhoto p{
    margin-top: 20px;
    font-size: 117%;
}
.enTalk ~ .enPhoto{
    margin-top: 80px;
}


.enSpeaker{
    margin-top: 100px;
    margin-bottom: 80px;
}

#container .enSpeaker h2{
    min-width: 140px;
    margin: 0;
    padding: 2px 20px;
    background-color: #365c48;
    border-radius: 10px 10px 0 0;
    font-size: 150%;
    color: #fff;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
}
.enSpeaker > div{
    padding: 50px 50px 15px;
    background-color: #e4e7e4;
    border-radius: 0 10px 10px 10px;
}
.enSpeaker ul{
    font-size: 117%;
}
.enSpeaker li{
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between;
}
.enSpeaker li div.img{
    width: 120px;
}
.enSpeaker li div.docs{
    width: calc(100% - 150px);
}
.enSpeaker li span.affiliation{
    font-weight: 500;
}
.enSpeaker li span.name{
    margin-bottom: 5px;
    font-size: 135%;
    font-weight: 500;
    display: inline-block;
}


.enSpeaker ~ .notes{
    margin-left: 0;
    margin-bottom: 80px;
    font-size: 117%;
    text-align:right;
    text-indent: 0;
}



.enWriter{
    width: 560px;
    margin: 0 auto 80px;
}
.enWriter .img{
    margin-bottom: 15px;
    text-align: center;
}
.enWriter .name{
    margin-bottom: 10px;
    font-size: 135%;
    line-height: 1.4;
    font-weight: 500;
    text-align: center;
}
.enWriter p{
    font-size: 117%;
}




.enOtherInterview{
  width: 480px;
  margin: 0 auto 80px;
}
.enOtherInterview a{
  text-decoration: none;
  opacity: 1.0;
}
.enOtherInterview a:hover{
  opacity: 0.7;
}
.enOtherInterview .hdTxt{
  font-size: 135%;
}
.enOtherInterview .hdTxt span{
  padding: 2px 20px;
  background-color: #365c48;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-weight: 500;
  display: inline-block;
}
.enOtherInterview .tit{
  margin-top: 30px;
  font-size: 150%;
  color: #365c48;
  font-weight: 500;
}
.enOtherInterview .img img{
    border-radius: 0 10px 10px 10px;
}





.btn_prev a{
    width: 360px;
    height: 80px;
    margin: 0 auto;
    padding: 0;
    background: #365c48 url(/shinrin/econotes/images/ico_arrow01.png) right 20px center no-repeat;
    border-radius: 40px;
    box-shadow: 3px 3px 3px 1px rgba(0, 0, 0, 0.2);
    font-size: 185%;
    line-height: 80px;
    text-decoration: none;
    color: #fff;
    text-align: center;
    display: block;
    opacity: 1.0;
}
.btn_prev a:hover{
    opacity: 0.6;
}