.gradation_colored{
  background: linear-gradient(to right,#C30D23,#EA652D);
}

.gradation_trans_colored{
  background: linear-gradient(to top,rgba(195,13,35,0.8),rgba(234,101,45,0.8));
}
.gradation_colored_to_top{
  background: linear-gradient(to top,#C30D23,#EA652D);
}

.gradation_black_to_top{
   background: linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,1));
 }

.min_height{
  min-height:800px;
}
.ryumin{
  /*font-family: 'リュウミン M-KL';*//* 游明朝体 */
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;

}
.gothic{
  /*font-family: '新ゴ R';*/
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.gothic_b{
  /*font-family: '新ゴ M';*/
font-weight: 600;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}


.center{
  text-align: center;
}
.strong{
  color:#C30D23;
  font-size: 1.1em;
  font-weight: 600;
  margin: 0 0.2rem;
}
.strong_black{
font-weight: 550;
  font-size: 1.2em;
}
.strong_white{
  color:#fff;
  font-size: 1.1em;
  font-weight: 600;
}

.orange_colored{
  color:#EA652D;
}
.orange_back_colored{
  background-color:#EA652D;
}
.orange_trans_back_colored{
  background-color:rgba(234,101,45,0.8);
}
.red_colored{
  color:#C30D23;
}
.red_underline_colored{
  display: inline-block;
  position: relative;
  z-index:1;
}
.red_underline_colored:after{
  position: absolute;
  display: inline-block;
  bottom:5px;
  left:0;
  content:"";
  width:100%;
  height:10px;
  background-color: #C30D23;
  z-index:-1;
}
.red_back_colored{
  background-color:#C30D23;
}

.red_trans_back_colored{
  background-color:rgba(195,13,35,0.8);
}

.blue_colored{
  color:#003E8D;
}
.blue_back_colored{
  background-color:#003E8D;
}
.blue_trans_back_colored{
  background-color:rgba(0,62,141,0.8);
}

.trans_colored{
  color:transparent;
}


.pc_visible{
  display: block;
}
.sp_visible{
  display: none;
}

/*斜め線*/
/*top*/
.triangle_top {
  position: relative;
  height: 100px
}

.triangle_top:after {
  content: "";
  position: absolute;
  display: block;
  top:0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 100px solid #f3f3f3;
  border-left: 100vw solid transparent;
  z-index: 1;
}
/*bottom*/
.triangle_bottom_gray {
  position: relative;
  height: 100px;
  margin-bottom: -100px;
}

.triangle_bottom_gray:after {
  content: "";
  display: block;
  position: absolute;
  top:0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 100px solid #f3f3f3;
  border-left: 100vw solid transparent;
  z-index: 1;
}

.triangle_bottom_white {
  position: relative;
  height: 100px;
  margin-bottom: -100px;
}

.triangle_bottom_white:after {
  content: "";
  display: block;
  position: absolute;
  top:0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 100px solid #fff;
  border-left: 100vw solid transparent;
  z-index: 1;
}

/*マージン*/
.mar_ss{
  height:10px;
}
.mar_s{
  height:20px;
}
.mar_m{
  height:40px;
}
.mar_l{
  height:60px;
}
.mar_ll{
  height:80px;
}


.background_gray{
  background-color: #f3f3f3;
}



/*ボタン*/
.main_button{
  text-align: center;
  composes: gothic;
  font-size: 1.2rem;
}
.main_button a,
button.main_button{
  display:inline-block;
  background-color: #C30D23;
  padding: 10px 20px;
  text-align: center;
  color:#fff;
  margin: 0 auto;
}
button.main_button{
  display: inline-block;
  width:200px;
  margin-top: 40px;
}
.main_button a:hover{
  background-color: #B20017;
}

.link_button{
  composes: gothic;
  background-color: #EA652D;
  padding: 5px;
  border-radius: 20px;
  font-size: 0.9rem;
  text-align: center;
  margin: 20px auto 0;
  width:200px;
}
.gray_button{
  composes: gothic;
  text-align: center;
  font-size: 1.1rem;
}
.gray_button a{
  display: inline;
  background-color: #666;
  color:#fff;
  padding: 10px 40px;
  border-radius: 20px;
  margin: 20px auto 0;
}


.message{
  font-size: 2.2rem;
  composes: ryumin;
  text-align: center;
}

.margin_bottom{
  margin-bottom: 10px;
}


.sydeBySide{
  display:flex;
}
.sydeBySideCenter{
  composes: sydeBySide;
  align-items: center;
  text-align: center;
}

.card{
  background-color: rgba(255,255,255,0.8);
  box-shadow: 1px 1px 4px #ccc;
  padding: 20px;
  margin-bottom: 2em;
}

.common_image_back_wrapper{
  position: relative;
}
.common_image_back{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  /*background: url("/office_image2.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;

   */
  z-index:  -2;
}

.common_image_back img{
  object-fit: cover;
  height:100%;
  width: 100%;
  object-position: center center;
}
.trans_white_layer{
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color: rgba(255,255,255,0.8);
  z-index:  -1;
}
.common_image_back_midashi{
  composes: ryumin;
  font-size: 1.8rem;
  line-height: 1.2em;
  text-align: center;
}




/* Mobile */
@media (max-width: 768px) {

  .strong{
    font-size: 1.3em;
  }
  .red_underline_colored{
    display: inline;
    position: relative;
    z-index:1;
    text-decoration: underline;
    text-decoration-color: #C30D23;
  }
  .red_underline_colored:after{
    display: none;
    background-color: transparent;
  }


  .pc_visible{
    display: none;
  }
  .sp_visible{
    display: block;
  }

  .sydeBySide{
    display: block;
  }
  .sydeBySideCenter{
    text-align: left;
  }


  .message{
    font-size: 1.6rem;
    composes: ryumin;
    text-align: center;
  }


  .card{
    padding: 20px;
  }


  /*マージン*/
  .mar_ss{
    height:10px;
  }
  .mar_s{
    height:20px;
  }
  .mar_m{
    height:30px;
  }
  .mar_l{
    height:40px;
  }
  .mar_ll{
    height:50px;
  }


}