/*! Writen  by SCSS */
.content_bottom {
  padding-bottom: 40px; }

sup {
  font-size: 0.5em; }

.sec_head {
  font-size: clamp(20px, 3.38vw, 42px);
  line-height: 1.29;
  color: #575138; }

/*
.sec_lead{
	font-size: clamp(20px,fz_vw(1240,36),36px);
	line-height: 1.8;
}
*/
.sec_lead {
  font-size: clamp(20px, 2.74vw, 34px);
  line-height: 1.8;
  font-weight: 400; }

.lead {
  font-size: clamp(16px, 1.93vw, 24px);
  line-height: 1.8;
  font-weight: 400; }

.read {
  font-size: clamp(13px, 1.371vw, 17px);
  line-height: 1.77;
  letter-spacing: 0.1em;
  font-weight: 400; }

.item_ttl {
  text-align: center;
  padding-bottom: 40px; }
  .item_ttl .text_in {
    display: flex;
    flex-direction: column;
    row-gap: clamp(20px, 3.334vw, 40px);
    margin-bottom: clamp(30px, 5vw, 60px); }
    .item_ttl .text_in .head {
      margin-inline: auto; }
    .item_ttl .text_in .ttl {
      font-size: clamp(20px, 2.667vw, 32px);
      font-weight: 400;
      letter-spacing: 0.15em; }
  .item_ttl .en_read {
    color: #ca4851;
    font-size: clamp(13px, 1.572vw, 22px);
    line-height: 1.46; }

.first_sec {
  padding-top: clamp(40px, 4.584vw, 55px); }

/*.wrap {
	position: relative;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	&::after {
		content: '';
		inset: 0;
		position: absolute;
		max-width: 1560px;
		margin-inline: auto;
		background: rgba(#fff,0.8);
		z-index: -1;
		width: calc(100% - 20px);
		margin-inline: auto;
	
	}
	&::before {
		content: '';
		position: fixed;
		inset: 0;
		z-index: -1;
		background: url("../../common/images/bg.jpg") top left / cover no-repeat;
	}
}*/
@media screen and (max-width: 480px) {
  .pinch_box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
    color: #FFF;
    text-align: center;
    background: #ca4851;
    margin-bottom: 7px;
    padding: 8px 0.5em; }
    .pinch_box .icon {
      max-width: 20px;
      margin-right: 0.5em; }
      .pinch_box .icon img {
        width: 100%; } }

.wrap {
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  .wrap::after {
    content: '';
    inset: 0;
    position: absolute;
    max-width: 1560px;
    margin-inline: auto;
    background: rgba(255, 255, 255, 0.8);
    z-index: -1;
    width: calc(100% - 20px);
    margin-inline: auto; }
  .wrap::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    background: url("../../common/images/bg.jpg") top left/cover no-repeat; }

.top_cv_wrap {
  max-width: 515px;
  display: flex;
  justify-content: center;
  gap: 0.97%; }
  @media screen and (max-width: 900px) {
    .top_cv_wrap {
      gap: 0; } }
  @media screen and (max-width: 480px) {
    .top_cv_wrap {
      /*
      flex-direction: column;
      align-items: center;
      gap: 15px 0;
      */ } }
  .top_cv_wrap .item_ent,
  .top_cv_wrap .item_res {
    width: 49.52%; }
    @media screen and (max-width: 480px) {
      .top_cv_wrap .item_ent,
      .top_cv_wrap .item_res {
        width: 80%; } }
    .top_cv_wrap .item_ent a,
    .top_cv_wrap .item_res a {
      width: 100%;
      height: 100%;
      padding: 5.49% 9.8%; }
      .top_cv_wrap .item_ent a::after,
      .top_cv_wrap .item_res a::after {
        width: 4.4%;
        padding-top: 5.37%; }
  .top_cv_wrap .item_ent a img {
    width: 72.69%; }
  .top_cv_wrap .item_res a img {
    width: 43.91%; }

.banner_list {
  font-size: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 7px;
  margin-top: clamp(40px, 5.84%, 70px);
  display: none; }
  @media screen and (max-width: 768px) {
    .banner_list {
      flex-wrap: wrap;
      gap: 7px 2%; } }
  @media screen and (max-width: 480px) {
    .banner_list {
      justify-content: space-between;
      gap: 5px; } }
  .banner_list li {
    box-sizing: border-box;
    display: inline-block; }
    @media screen and (max-width: 768px) {
      .banner_list li {
        width: 32%; } }
    @media screen and (max-width: 480px) {
      .banner_list li {
        width: 48%; } }

/*# sourceMappingURL=inner.css.map */
