.hidden{
  display:none;
}
.forSP{
  display:initial !important;
}
@media screen and (min-width: 768px){
.forSP{
    display:none !important
}
}
.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
.forPC{
    display:inline !important;
    display:initial !important
}
}
br.forSP{
  display:inline !important;
}
@media screen and (min-width: 768px){
br.forSP{
    display:none !important
}
}
br.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
br.forPC{
    display:inline !important
}
}
img.forSP{
  display:inline !important;
}
@media screen and (min-width: 768px){
img.forSP{
    display:none !important
}
}
img.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
img.forPC{
    display:inline !important
}
}
span.forSP{
  display:inline !important;
}
@media screen and (min-width: 768px){
span.forSP{
    display:none !important
}
}
span.forPC{
  display:none !important;
}
@media screen and (min-width: 768px){
span.forPC{
    display:inline !important
}
}
.ta-left{
  text-align:left !important;
}
.ta-right{
  text-align:right !important;
}
.ta-center{
  text-align:center !important;
}
.magazine-index{
  width:100%;
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
  gap:40px 40px;
}
.magazine-index > .-item{
    -webkit-box-shadow:0px 0.4rem 0.8rem rgba(0, 0, 0, 0.4);
            box-shadow:0px 0.4rem 0.8rem rgba(0, 0, 0, 0.4);
    text-decoration:none;
    border-radius:10px;
    overflow:hidden;
    color:#44433d;
    width:100%;
  }
.magazine-index > .-item > .-info{
      position:relative;
      padding:1.5em 1em 1em;
      font-size:12px;
    }
.magazine-index > .-item > .-info > .-category{
        background:#fff100;
        color:#fff;
        font-weight:bold;
        display:block;
        position:absolute;
        top:-0.75em;
        left:1em;
        padding:0 1em;
      }
.magazine-index > .-item > .-info > .-category.-top{
          background:#b22222;
          color:#fff;
        }
.magazine-index > .-item > .-info > .-category.-column{
          background:#fff100;
          color:#000;
        }
.magazine-index > .-item > .-info > .-category.-vision{
          background:#003968;
          color:#fff;
        }
@media screen and (min-width: 768px){
.magazine-index > .-item > .-info{
    font-size:16px
    }
.magazine-index > .-item{
    width:calc(50% - 20px)
  }
}
@media screen and (min-width: 768px){}
hr.vision-hr{
  width:100%;
  border-top:2px solid #f0ead6;
  margin:20px 0;
}
@media screen and (min-width: 768px){
hr.vision-hr{
    margin:40px 0
}
}
.vision-container{
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
}
.vision-container > .-thumb{
    width:100%;
    padding:0 15% 30px;
  }
.vision-container > .-thumb > img{
      width:100%;
      height:auto;
      border:1px solid #f0ead6;
      -webkit-box-shadow:0px 0.8rem 1.6rem rgba(0, 0, 0, 0.3);
              box-shadow:0px 0.8rem 1.6rem rgba(0, 0, 0, 0.3);
    }
@media screen and (min-width: 768px){
.vision-container > .-thumb{
    width:35%;
    padding:0
  }
}
@media screen and (min-width: 768px){}
.vision-container > .-info{
    font-size:12px;
    width:100%;
  }
.vision-container > .-info > .-button{
      display:-webkit-box;
      display:-webkit-flex;
      display:-ms-flexbox;
      display:flex;
      -webkit-box-pack:center;
      -webkit-justify-content:center;
          -ms-flex-pack:center;
              justify-content:center;
      -webkit-box-align:center;
      -webkit-align-items:center;
          -ms-flex-align:center;
              align-items:center;
      width:200px;
      height:50px;
      color:#fff;
      background-color:#506499;
      border:solid 2px #506499;
      border-radius:30px;
      padding-bottom:2px;
      font-size:1em;
      font-weight:bold;
      text-decoration:none;
      margin-top:2.5em;
    }
.vision-container > .-info > h2{
      font-size:2em;
      margin:0;
    }
.vision-container > .-info > h2 > span{
        margin-left:1em;
        font-weight:normal;
        font-size:65%;
      }
.vision-container > .-info > p{
      font-size:1.25em;
      font-weight:bold;
      margin-top:1em;
      line-height:1.25;
    }
.vision-container > .-info > p > span{
        display:inline-block;
        color:#b22222;
        font-size:0.75em;
        font-weight:normal;
        margin-bottom:0.15em;
      }
.vision-container > .-info > p.-tokusyu{
        font-size:2.5rem;
        margin-top:0.5em;
        line-height:1.1;
      }
.vision-container > .-info > p.-tokusyu > span{
          background:#b22222;
          color:#fff;
          padding:0.1em 0.25em;
          letter-spacing:0.15em;
          font-size:0.6em;
        }
@media screen and (min-width: 768px){
.vision-container > .-info{
    font-size:16px;
    width:55%
  }
}
@media screen and (min-width: 768px){}
.q{
  margin-bottom:20px;
}
.column-hr{
  width:100%;
  border-top:1px solid #506499;
  margin-bottom:30px;
}
.column-num{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  font-size:0.8em;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row nowrap;
      -ms-flex-flow:row nowrap;
          flex-flow:row nowrap;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  width:1.25em;
  height:1.25em;
  border:1px solid #003968;
  margin-right:0.5em;
}
.profile{
  width:100%;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  gap:50px;
  margin-bottom:60px;
}
.profile > .-photo{
    position:relative;
    width:100%;
  }
.profile > .-photo::before{
      content:"";
      display:block;
      position:absolute;
      width:100%;
      height:100%;
      top:0;
      left:0;
      background-color:#b22222;
      z-index:0;
      -webkit-transform:translate(10px, 10px);
              transform:translate(10px, 10px);
    }
.profile > .-photo > img{
      position:relative;
      z-index:1;
    }
@media screen and (min-width: 768px){
.profile > .-photo{
    width:calc(40% - 25px)
  }
}
.profile > .-info{
    width:100%;
    font-size:12px;
  }
.profile > .-info > .-company{
      font-size:1.75em;
      color:#000;
      font-family:serif;
      margin-bottom:0.5em;
    }
.profile > .-info > .-name-jp{
      font-size:1.25em;
      font-family:serif;
      line-height:1.25;
    }
.profile > .-info > .-name-jp > span{
        font-size:0.85em;
      }
.profile > .-info > .-name-jp > strong{
        font-size:2em;
        letter-spacing:0.15em;
      }
.profile > .-info > .-name-eng{
      color:#506499;
      letter-spacing:0.15em;
    }
.profile > .-info > .-text{
      position:relative;
      padding-top:1em;
      margin-top:1em;
    }
.profile > .-info > .-text:before{
        position:absolute;
        content:"";
        display:block;
        top:0;
        left:0;
        height:2px;
        width:50px;
        background-color:#506499;
      }
@media screen and (min-width: 768px){
.profile > .-info{
    width:calc(60% - 25px);
    font-size:16px
  }
}
@media screen and (min-width: 768px){}
.interview-block{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
      -ms-flex-align:start;
          align-items:flex-start;
  gap:30px 40px;
}
.interview-block p:not(:last-child){
    margin-bottom:30px;
  }
.interview-block p:not(:last-child) + p{
      margin-top:-15px;
    }
.interview-block > .-full,.interview-block > .-half{
    width:100%;
  }
@media screen and (min-width: 768px){
.interview-block > .-half{
    width:calc(50% - 20px)
  }
}
.interview-block .-text h3{
      font-weight:bold;
      font-size:1.25em;
      margin-bottom:0.5em;
    }
.interview-block .-text h3 > span{
        color:#fff;
        background:#003968;
        padding:0.1em 0.5em;
      }
.inBlock{
  position:relative;
  padding:30px 0 0;
}
.inBlock:not(:last-child):not(.lead):not(.column-lead):after{
    content:"";
    position:absolute;
    width:40px;
    height:8px;
    bottom:-40px;
    left:50%;
    -webkit-transform:translate(-50%);
            transform:translate(-50%);
    background:url(/assets/images/common/red_leader.svg) no-repeat;
  }
.columnpage .inBlock:not(:last-child):not(.lead):not(.column-lead):after{
      background:url(/assets/images/common/blue_leader.svg) no-repeat;
    }
@media screen and (min-width: 768px){
.inBlock:not(:last-child):not(.lead):not(.column-lead):after{
    width:50px;
    height:10px;
    bottom:-70px
  }
}
@media screen and (min-width: 768px){}
@media screen and (min-width: 768px){}
.inBlock.-profile{
    padding:0;
  }
.inBlock.lead{
    padding:0;
    margin-bottom:30px;
  }
@media screen and (min-width: 768px){
.inBlock.lead{
    margin-bottom:60px
  }
}
.inBlock.column-lead{
    padding:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
        -ms-flex-pack:start;
            justify-content:flex-start;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    gap:30px 40px;
  }
.inBlock.column-lead h1{
      color:#003968;
      font-size:2em;
      text-align:left;
    }
.inBlock.column-lead p{
      font-weight:bold;
      margin-top:1em;
      font-size:1.3em;
    }
.inBlock.column-lead > .-half{
      width:100%;
    }
@media screen and (min-width: 768px){
.inBlock.column-lead > .-half{
    width:calc(50% - 20px)
    }
}
.inBlock.column-lead > .-text p{
        font-weight:normal;
        margin-top:1em;
        font-size:1em;
      }
.inBlock.column-figs{
    padding:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    gap:30px 40px;
  }
.inBlock.column-figs h1{
      color:#003968;
      font-size:2em;
      text-align:left;
    }
.inBlock.column-figs p{
      font-weight:bold;
      margin-top:1em;
      font-size:1.3em;
    }
.inBlock.column-figs > .-half{
      width:100%;
    }
@media screen and (min-width: 768px){
.inBlock.column-figs > .-half{
    width:calc(50% - 20px)
    }
.inBlock.column-figs{
    gap:100px 40px
  }
}
@media screen and (min-width: 768px){}
.inBlock.column-points-head{
    padding:3rem 0 0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-flow:row wrap;
        -ms-flex-flow:row wrap;
            flex-flow:row wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
        -ms-flex-pack:center;
            justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
        -ms-flex-align:center;
            align-items:center;
    gap:30px 40px;
  }
.inBlock.column-points-head > .-key{
      width:15%;
    }
.inBlock.column-points-head > .-key > img{
        width:100%;
        height:auto;
      }
.inBlock.column-points-head > .-body{
      width:calc(84.99% - 60px);
    }
.inBlock.column-points-head > .-body > h2{
        color:#003968;
        font-size:1.55em;
      }
.inBlock > h2{
    color:#b22222;
  }
.columnpage .inBlock > h2{
      color:#003968;
      background:#fff100;
      padding:0.2em 0.5em;
    }
@media screen and (min-width: 768px){
.inBlock{
    padding:50px 0 0
}
}
.-column01-fig{
  padding:0 25%;
}
@media screen and (min-width: 768px){
.-column01-fig{
    padding:0
}
}
.column-points-point{
  background:#003968;
  color:#fff;
  font-size:0.8em;
  padding:0.35em 0.75em;
  border-radius:0.35em;
  display:inline-block;
  margin-right:0.5em;
  line-height:1;
}
.column-point-before{
  background:#e6e6e6;
  width:100%;
  padding:0.5em 1em;
  font-size:1.25em;
  font-weight:bold;
}

/*# sourceMappingURL=magazine.css.map */