@charset "utf-8";
.read {
    font-weight: bold;
}
/* img_wrap */
.img_wrap {
    display: flex;
    height: 100%;
    background-color: #ebf0f9;
    align-items: center;
    justify-content: center;
  }
  .img_wrap p {
    margin: 0;
    padding: 50px;
    font-weight: bold;
    color: #113471;
    padding: 10px;
  }
  .img_wrap img {
    height: 100%;
  }
  /* 768px */
  @media only screen and (max-width: 768px) {
      .contents_wrap .img_wrap {
          display: block;
      }
      .contents_wrap .img_box01 p{
          width:100%;
      }
      .contents_wrap .img_wrap img{
          width:100%;
      }
  }
  /* img_wrap end */
  
  /* img_box */
.img_box01 p {
  width: 60%;
  padding: 30px;
}
.img_box01 img {
  width: 40%;
}
/* img_box end */
/* text_box01 */
.text_box01 {
  margin: 0 0 100px 0;
}
.text_box02 {
  margin: 0 0 50px 0;
}
.text_box01 p, .text_box02 p {
  margin-bottom: 1.5em;
}
.text_box01 p span, .text_box02 p span {
  color: #113471;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .contents_wrap .text_box01 {
    margin: 0 0 50px 0;
  }
  .contents_wrap .text_box01 p, .contents_wrap .text_box02 p{
    padding: 20px 10px;
    margin:0;
  }
}
/* text_box01 end */
/* box_r box_l */
.contents_wrap .box_l,
.contents_wrap .box_r {
  clear: both;
}
.contents_wrap .box_l img {
  width: 100%;
  max-width: 300px;
  float: left;
  margin: 0 20px 10px 0;
}
.contents_wrap .box_r img {
  width: 100%;
  max-width: 300px;
  float: right;
  margin: 0 0 10px 20px;
}
@media only screen and (max-width: 768px) {
    .contents_wrap .box_l img, .contents_wrap .box_r img {
        float: unset;
        max-width: unset;
        margin: 0 0 20px 0;
    }
}
/* box_r box_l end */


/* large grande*/
.cont_header.visual.large {
  height: 450px;
}
.cont_header.visual.grande {
  height: 550px;
}
.cont_header.visual.large::after,
.cont_header.visual.grande::after {
  background: none;
}
.cont_header.visual.large h1,
.cont_header.visual.grande h1 {
  margin-bottom: 25px;
  padding: 0 10px;
}
.cont_header.visual.large  p,
.cont_header.visual.grande p {
  color: #333;
  font-weight: bold;
  font-size: 18px;
  padding: 0 10px;
}
.cont_header.visual.large  p span,
.cont_header.visual.grande p span{
  letter-spacing: 0.1em;
}
  .cont_header.visual h1 small {
  color: #ba0042;
  display: block;
  font-size: 2.4rem;
  padding: 0 0 0.4em;
}
.cont_header.visual.large .wrap::after,
.cont_header.visual.grande .wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e2e2e2 url(../img/message/mv_pc.jpg) right top 20% / cover
    no-repeat;
  z-index: -1;
}
.cont_header.visual.grande .mv_md, .cont_header.visual.grande .mv_sd{
    display: none;
  }
/* 1300px */
@media only screen and (max-width: 1300px) {
  .cont_header.large .wrap, .cont_header.grande .wrap{
    margin: 0 0 0 10px;
  }
  .cont_header.visual.grande .mv_md{
    display: block;
  }
}
/* 1000px */
@media only screen and (max-width: 1000px) {
  .cont_header.visual.large h1,
  .cont_header.visual.grande h1 {
    font-size: 25px;
  }
  .cont_header.visual.large .mv_sd, .cont_header.visual.grande .mv_sd{
    display: block;
  }
}
/* 810px */
@media only screen and (max-width: 810px) {
  .cont_header.visual.large,.cont_header.visual.grande {
    height: auto;
  }
}
/* 768px */
@media only screen and (max-width: 768px) {
  .cont_header.visual.large .wrap,.cont_header.visual.grande .wrap {
    display: flex;
    flex-direction: column;
    margin: 0;
    width: 100%;
  }
  .cont_header.visual,
  .cont_header.visual.large::after,
  .cont_header.visual.grande::after {
    background: none;
  }
  .cont_header.visual.large h1 small,
  .cont_header.visual.grande h1 small {
    font-size: 1.8rem;
  }
  .cont_header.visual.large h1,
  .cont_header.visual.grande h1 {
    margin: 0 0 20px 0;
  }
  .cont_header.visual.large p,
  .cont_header.visual.grande p{
    font-size:16px;
    margin: 0;
    line-height: 1.5;
    padding: 0px 10px 10px 10px;
  }
}
/* large grande end*/

/* ------------------------------------
  message
------------------------------------ */
.message.visual .wrap{
  padding: 20px 0 25px;
}
@media only screen and (min-width: 1001px){
  .message .cont_header.visual h1 {
    font-size: 4rem;
  }
  .message .cont_header.visual h1 small {
    font-size: 26px;
  }
  .message .cont_header.visual p{
    font-size: 20px;
  }
  
}
@media only screen and (max-width: 768px) {
  .message .cont_header.visual h1 {
    font-size: 22px;
  }
  .message .cont_header.visual.large .wrap::after {
    content: "";
    display: block;
    position: inherit;
    background: #e2e2e2 url(../img/message/mv_sp.jpg) top center no-repeat;
    background-size: cover;
    height: 100vw;
    margin: 20px 0 0 0;
  }
}
/* ------------------------------------
message end
------------------------------------ */

/* ------------------------------------
	investor
------------------------------------ */
.investor .cont_header.visual.grande .wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e2e2e2 url(../img/investor/mv_pc.jpg) right top 10% / cover
    no-repeat;
  z-index: -1;
}
@media only screen and (min-width: 1001px){
  .investor .cont_header.visual h1{
    font-size: 32px;
  }
  .investor .cont_header.visual p{
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .investor .cont_header.visual h1{
    font-size: 22px;
  }
  .investor .cont_header.visual.grande .wrap::after {
    content: "";
    display: block;
    position: inherit;
    background: #e2e2e2 url(../img/investor/mv_sp.jpg) top center no-repeat;
    background-size: cover;
    width: 100vw;
    height: 69vw;
    margin: 20px 0 0 0;
  }
}
/* ------------------------------------
	investor end
------------------------------------ */

/* ------------------------------------
	auditor
------------------------------------ */
.auditor .cont_header.visual.grande .wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #e2e2e2 url(../img/auditor/mv_pc.jpg) right top 10% / cover
    no-repeat;
  z-index: -1;
}
@media only screen and (min-width: 769px){
  .auditor .txt_inr_box01 {
    padding:30px 25px;
  }
}
@media only screen and (min-width: 1001px){
  .auditor .cont_header.visual h1{
    font-size: 32px;
  }
  .auditor .cont_header.visual p{
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .auditor .cont_header.visual h1{
    font-size: 22px;
  }
  .auditor .cont_header.visual.grande .wrap::after {
    content: "";
    display: block;
    position: inherit;
    background: #e2e2e2 url(../img/auditor/mv_sp.jpg) top center no-repeat;
    background-size: cover;
    width: 100vw;
    height: 69vw;
    margin: 20px 0 0 0;
  }
}
/* ------------------------------------
	auditor end
------------------------------------ */

/* ------------------------------------
	reco
------------------------------------ */
.reco .cont_header .wrap {
  width: 92%;
  max-width: 800px;
  margin: 0 auto;
  padding: 32px 0;
}
.reco .cont_header h1 {
  text-align: left;
}
.reco .contents_wrap {
  width: 94%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.reco h2 {
  font-size: 2rem;
  margin: 0 0 14px;
}
.reco h3 {
  font-size: 1.6rem;
  margin: 0 0 14px;
  padding: 0;
}
.reco p {
  margin: 0 0 24px;
}

/* border */
.border_b {
  position: relative;
  margin: 0 0 75px;
  padding: 0 0 75px;
}
.border_b::after {
  content: "";
  position: absolute;
  width: 200px;
  height: 1px;
  background-color: #8c9ba5;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
}

/* ※list */
.reco .ul_attn li {
  line-height: 2.8rem;
  font-size: 1.4rem;
}
.reco #global_footer p.copy {
  margin: 0;
}

/* 768px */
@media only screen and (max-width: 768px) {
  .reco .border_b {
    margin: 0 0 40px;
    padding: 0 0 44px;
  }
  .reco .ul_attn li {
    line-height: 2.4rem;
  }
}
/* ------------------------------------
	reco end
------------------------------------ */