@charset "utf-8";
/* CSS Document */


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

    common

================================*/
:root { font-size: 62.5%; }/* 1(r)em = 10px */

* { letter-spacing: 0; }

body {
  color: #3E3A39;
  font-family: '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  height: 100%;
  text-align: left;
  width: 100%;
}

.wrapper {
  margin: 20px auto 0;
  overflow:hidden;
  text-align: left;
  width: 980px;
}

.container {
  float: right;
  width: 730px;
}

.gpassageContainer p {
}

/* スマホ用アニメーション */
@keyframes show{
  from { opacity: 0;visibility: visible; }
  to { opacity: 1; visibility: hidden; }
}

/* text-indent */
.u_ti1 {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}



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

    トップページ

================================*/
.intervewContainer {
}


/*
    ご挨拶
================================*/
.greetingsWrap {
  background-image: url("../../img/ginko-no-ikku/blue_cloud.svg");
  background-position: -5px 105px;
  background-repeat: no-repeat;
  background-size: 850px;
  position: relative;
  width: 730px;
}

.greetings {
  background-color: rgba(255,255,255,.8);/* 暫定対応 */
  font-size: 17px;
  height: 310px;
  line-height: 1.7;
  margin: 0 0 30px;
  -ms-writing-mode: tb-rl;
  text-orientation: upright;
  width: 100%;
  writing-mode: vertical-rl;
}

.greetings_ttl {
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 30px;
  letter-spacing: 5px;
  margin-left: 20px;
}

.greetings_txt {
  text-align: justify;
  text-justify: inter-ideograph;
  text-shadow: 
        #fff 1px 1px 0, #fff -1px -1px 0,/*右下、左上*/
        #fff -1px 1px 0, #fff 1px -1px 0,/*右上、左下*/
        #fff 0px 1px 0, #fff  0 -1px 0,/*右、左*/
        #fff -1px 0 0, #fff 1px 0 0;/*上、下*/
}

.greetings_txt + .greetings_txt { margin-left: 20px; }

.attention-sp { display: none; }


/*
    最新の一句
================================*/
.latestArticle {
  align-items: flex-start;
  font-size: 17px;
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: space-between;
  height: 100%;
  line-height: 1.7;
  width: 100%;
}

/* 見出し */
.latestArticle_ttl {
  align-self: flex-start;
  display: inline-block;
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 30px;
  letter-spacing: 5px;
  /*margin: 0 25px 0 50px;*/
  min-width: 51px;
}

.latestArticle_ttl > span {
  background-color: #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 10px 0;
}

/* 一句の画像 */
.latestArticle_txt { /*width: 180px;*/ }

.latestArticle_passage {
  background-color: #fff;
  border: 15px solid #007f41;
  box-shadow: 8px 8px 9px 0px rgba(41, 41, 41, 0.5);
  height: 380px;
  position: relative;
}

.latestArticle_passage_link {
  border: 2px solid #ccc;
  display: block;
  height: 100%;
  transition: .3s;
  width:  100%;
}

.latestArticle_passage_link:hover { opacity: .6; }

.latestArticle_passage_link > img {
  position: relative;
  top: 20px;
}

/* 記事概要 */
.latestArticle_introCont {
  display: flex;
  flex-flow: column wrap;
  justify-content: space-between;
  min-height: 380px;
  width: 380px;
}

.latestArticle_introLink {
  background-color: #fff;
  color: inherit;
  display: block;
  text-decoration: none;
  transition: .3s;
}

.latestArticle_introLink:hover {
  color: inherit;
  text-decoration: none;
}

.latestArticle_introLink:hover > .latestArticle_intro { opacity: .6; }

.latestArticle_intro {
  background-color: #fff;
  border: 2px solid #ccc;
  box-sizing: border-box;
  /*max-height: 400px;*/
  padding: 10px;
  transition: .3s;
  width: 380px;
}

.latestArticle_intro_img {
  margin-bottom: 10px;
  width: 100%;
}

.latestArticle_intro_img img {
  display: block;
  height: auto;
  width: 100%;
}

.latestArticle_intro_ttl {
  background-image: url("../../img/ginko-no-ikku/g_int_title.svg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 3px solid #b3342f;
  border-bottom: 1px dotted #666;
  font-size: 25px;
  height: 120px;
  margin-bottom: 10px;
  position: relative;
  width: 100%;
}

.latestArticle_intro_ttlBox {
  display: block;
  line-height: 1.3;
  padding: 10px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.latestArticle_intro_subTtl {
  display: block;
  font-size: 13px;
}

.latestArticle_intro_txt {
  background-color: #fff;
  font-size: 15px;
  line-height: 1.5;
  /*max-height: 180px;*/
  overflow: hidden;
  width: 100%;
}

.latestArticle_introTrainingLink {
  background-color: #fff;
  border-radius: 2px;
  margin-top: 20px;
}

.latestArticle_introTrainingLink > .interviewBoxlink_link { padding: 5px; }

/* 赤の背景 */
.latestArticleWrap_top {
  background-image: url("../../img/ginko-no-ikku/g_slanting.png");
  background-position: left top;
  background-repeat: no-repeat;
  padding: 45px 25px 0px;
} 

.latestArticleWrap_mid { background-color: #b3342f; }

.latestArticleWrap_btm {
  background-image: url("../../img/ginko-no-ikku/g_redbottom.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 0 0 100px;
} 


/*
    これまでの一句
================================*/
.pastPsgList {
  /*background-color: #007f41;*/
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: space-between;
  font-size: 17px;
  /*height: 415px;*/
  line-height: 1.7;
  padding: 35px 25px;
  width: 100%;
}

.pastPsgList_ttl {
  display: inline-block;
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 30px;
  letter-spacing: 5px;
  min-width: 51px;
}

.pastPsgList_ttl > span {
  background-color: #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 10px 0;
}

.pastPsgListList {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  /*width: 600px;*/
  width: calc(100% - 80px);
}

.pastPsgListList_item {}

.pastPsgListList_item > a {
  display: block;
  transition: .3s;
}
.pastPsgListList_item > a:hover { opacity: .75; }

.pastPsgListList_item img {
border: 2px solid #ccc;
margin: auto;
transform: scale(0.9);
}


/* 緑の背景 */
.pastPsgList_mid { background-color: #007f41; }

.pastPsgList_bottom {
  background-image: url("../../img/ginko-no-ikku/nakagoro_g_btm2.png");
  background-position: bottom;
  background-repeat: no-repeat;
  margin-bottom: 30px;
  padding: 0 0 25px;
  width: 730px;
}


/*
    関連記事
================================*/
.relatedArticleWrap {
  background-image: url("../../img/ginko-no-ikku/g_text_l.svg");
  background-position: -43px -21px;
  background-repeat: no-repeat;
  background-size: 825px;
  width: 100%;
}

.relatedArticle {}

.relatedArticle_ttl {
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 30px;
  letter-spacing: 5px;
  margin-bottom: 20px;
}

.relatedArticleList {}

.relatedArticleList_item {
  font-size: 18px;
}

.relatedArticleList_item + .relatedArticleList_item { margin-top: 10px; }



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

    下層ページ

================================*/
/*
    タイトル
================================*/
.ginterviewTtlCont {
  background-image: url("../../img/ginko-no-ikku/g_title.svg");
  background-position: center top;
  background-repeat: no-repeat;
  border-top: 5px solid #b3342f;
  border-bottom: 1px dotted #666;
  font-size: 18px;
  margin-bottom: 30px;
  padding: 30px;
}

.ginterviewTtl {
  font-weight: 500;
}

.ginterviewTtl > span {
  display: block;
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 1.5;
}

.ginterviewTtl_sub { margin-top: 10px; }


/*
    インタビュー本文
================================*/
.interviewBox {
  background-image: url(../../img/ginko-no-ikku/g_text_l.svg);
  background-position: center;
  background-repeat: no-repeat;
}

[class^="interviewBox_interview"] {}

[class^="interviewBox_interview"] + [class^="interviewBox_interview"]  { margin-top: 30px; }

.interviewBox_ttl {
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 25px;
  margin: 50px 0 30px;
}

/* 銀子 */
.interviewBox_interviewer {
  display: flex;
  flex-flow: row wrap;
  justify-content:space-between;
}

/* インタビュイー */
.interviewBox_interviewee {
  display: flex;
  flex-flow: row wrap;
  justify-content:space-between;
}

/* 共通 */
.interviewBox_name {
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  width: 60px;
}

.interviewBox_txt {
  font-size: 16px;
  line-height: 1.5;
  width: calc(100% - 70px);
}

.interviewBox_txt + .interviewBox_txt {
  margin-top: 20px;
  padding-left: 70px;
  width: 100%;
}

/* 2019/01/08 番外編 */
.interviewBox_txt.flat { width: 100%; }
.interviewBox_txt > .interviewBox_txt { width: 100%; }

.emphasis {
  color: #b3342f;
  font-weight: 700;
}

/* 研修リンク */
.interviewBoxlink {
  margin: 40px auto 0;
  position: relative;
  width: 85%;
  z-index: 3;
}

.interviewBoxlink.add { margin-top: 20px; }/* 2つめ以降 */

.interviewBoxlink_link {
  background-color: #fff;
  border: 3px solid #d9a62e;
  border-radius: 2px;
  color: inherit;
  display: block;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  padding: 20px;
  text-align: center;
  transition: .3s;
}

.interviewBoxlink_link:hover {
  color: inherit;
  opacity: .6;
  text-decoration: none;
}


/*
    銀子の眼
================================*/
.overviewArticle {
  align-items: center;
  font-size: 17px;
  display: flex;
  flex-flow: row-reverse wrap;
  justify-content: space-between;
  height: 100%;
  line-height: 1.7;
  position: relative;
  width: 100%;
  z-index: 1;
}

.overviewArticle_ttl {
  display: inline-block;
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 30px;
  letter-spacing: 5px;
  /*margin: 0 25px 0 50px;*/
  min-width: 51px;
}

.overviewArticle_ttl > span {
  background-color: #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  padding: 10px 0;
}

.overviewArticle_txt {}

.overviewArticle_passage {
  background-color: #fff;
  border: 15px solid #007f41;
  box-shadow: 8px 8px 9px 0px rgba(41, 41, 41, 0.5);
  height: 380px;
  position: relative;
}

.overviewArticle_passage::before {
  border: 2px solid #ccc;
  content: "";
  display: block;
  height: 100%;
  position:  absolute;
  top: -2px;
  left: -2px;
  width:  100%;
}

.overviewArticle_intro {
  background-color: #fff;
  border: 2px solid #ccc;
  box-sizing: border-box;
/*max-height: 400px;*/
  padding: 15px;
  width: 440px;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
}

.overviewArticle_intro_img {
  margin-bottom: 20px;
}

.overviewArticle_intro_img img {
  display: block;
  height: auto;
  width: 200px;
}

.overviewArticle_intro_ttl {
  font-size: 25px;
}

.overviewArticle_intro_ttl > span {
  display: block;
  font-size: 13px;
}

.overviewArticle_intro_txt {
  background-color: #fff;
  font-size: 15px;
  line-height: 1.5;
  /*max-height: 180px;*/
  overflow: hidden;
  width: 100%;
}

/* 赤の背景 */
.overviewWrap_top {
  background-image: url("../../img/ginko-no-ikku/g_slanting_cloud.png");
  background-position: left top;
  background-repeat: no-repeat;
  padding: 125px 25px 0px;
} 

.overviewWrap_mid {
  background-color: #b3342f;
  margin-top: -40px;
}

.overviewWrap_btm {
  background-image: url("../../img/ginko-no-ikku/g_redbottom_flat.png");
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 0 0 50px;
} 



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

    ★★レスポンシブ

================================*/
@media screen and (max-width:768px) {
.wrapper { width: 100%; }

.container {
  float: none;
  width: 100%;
}

}/* @media */

@media screen and (max-width:600px) {
.greetingsWrap {
background-position: center center;
background-size: contain;
width: 100%;
}
.greetings {
width: 100%;
overflow: auto;
}

/* スマホ用ココカラ */
.attention-sp {
  background-color: rgba(0,0,0,.4);
  border-radius: 5px;
  color: #fff;
  display: block;
  height: 130px;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 130px;
  animation: show 2s ease .5s 1 alternate forwards running;
}

.attention-sp > span {
  display: inline-block;
  height: 30px;
  width: 50px;
  background-color: #fff;
  position: relative;
  top: 43%;
  left: 50%;
  transform: translate(-72%,-50%);
}

.attention-sp::after {
    content: "右にスクロール";
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: block;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    text-align: center;
}

.attention-sp > span::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 30px solid transparent;
  border-left: 30px solid #fff;
  left: 94%;
  top: -16px;
}
/* スマホ用ココマデ */

.latestArticleWrap_top,
.overviewWrap_top { background-size: contain; }

.latestArticleWrap_btm,
.overviewWrap_btm,
.pastPsgList_bottom{ background-size: contain; }

.latestArticle { justify-content: space-around; }
.latestArticle_introLink { margin-top: 30px; }
.latestArticle_intro { width: 100%; }

.latestArticle_introCont { height: 100%;display: block; }
.latestArticle_introTrainingLink { margin-top: 20px; }

.pastPsgList_bottom { width: 100%; }

/* 記事 */
.overviewArticle { flex-direction: column; }
.overviewArticle_intro { width: 100%; margin-top: 30px; }


}/* @media */

@media screen and (max-width:375px) {
.latestArticle_intro_ttl { height:auto; }
.latestArticle_intro_ttlBox { position: static; transform: none; }
}/* @media */