/*
@mixin mPc { 
	@media screen and (min-width: 961px) and (max-width: 1280px){
		@content;
	}	
}
*/
/* ----------------------------------------
	.page_title
---------------------------------------- */
.page_title {
  position: relative;
  background: url("../images/common/pagetit_bg.jpg");
  background-size: cover;
  max-width: 100vw;
  width: 100vw;
  height: 200px;
  text-align: center; }
  @media screen and (min-width: 961px) and (max-width: 1280px) {
    .page_title {
      height: 300px; } }
  @media screen and (min-width: 1281px) {
    .page_title {
      height: 350px; } }
  .page_title .title {
    position: absolute;
    top: 65%;
    -webkit-transform: translateY(-65%);
    transform: translateY(-60%);
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 1.6rem;
    ont-weight: 500;
    color: #FFFFFF;
    z-index: 3; }
    @media screen and (min-width: 961px) and (max-width: 1280px) {
      .page_title .title {
        top: 70%; } }
    @media screen and (min-width: 1281px) {
      .page_title .title {
        top: 70%; } }
    .page_title .title span {
      display: block;
      font-weight: 500;
      font-size: clamp(2.5rem, 6.67vw, 5.5rem);
      line-height: 1.6;
      text-transform: capitalize;
      color: #FFFFFF;
      font-family: "Jost", sans-serif;
      font-style: italic;
      line-height: 1.0; }
  .page_title figure {
    position: relative;
    margin: 0;
    width: 100%;
    height: 100%; }
    .page_title figure img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
    .page_title figure::after {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      content: "";
      background-color: rgba(0, 40, 50, 0.7); }

.sectionTit {
  font-weight: bold;
  line-height: 1.0;
  margin-bottom: 30px;
  font-size: clamp(1.8rem, 2vw, 2.2rem);
  text-align: center;
  color: #3f3530; }
  @media screen and (min-width: 768px) and (max-width: 1280px) {
    .sectionTit {
      margin-bottom: 50px; } }
  @media screen and (min-width: 1281px) {
    .sectionTit {
      margin-bottom: 80px; } }
  .sectionTit span {
    font-weight: 900;
    line-height: 1.0;
    font-family: "Lato", serif;
    font-size: clamp(4rem, 5vw, 6rem);
    color: #3f3530;
    width: 100%;
    display: inline-block;
    padding-bottom: 7px; }

.bgG {
  background: #f5f5f5; }

.pointR {
  color: #d1121b; }

.pointG {
  color: #005fb7; }

.moreBtn {
  max-width: 210px; }
  .moreBtn a {
    font-size: 2.0rem;
    color: #ffffff;
    display: block;
    padding: 15px 15px;
    font-family: "Jost", sans-serif;
    font-style: italic;
    font-weight: 500;
    position: relative;
    text-align: center; }
    @media screen and (min-width: 1281px) {
      .moreBtn a {
        font-size: 2.4rem; } }
    .moreBtn a::after {
      content: url("../images/common/arrow_thin_white.svg");
      display: inline-block;
      background-size: contain;
      position: absolute;
      width: 28px;
      top: 20%;
      right: 15px; }