@charset "utf-8";
/* CSS Document */

/*
 * テンプレートのPC用 CSS
 */


:root {
/* ヘッダー */
	--headerHeight: 118px;
	--headersetGapT: 15px;
	--headersetGapB: 15px;
	
/* ロゴ */
	--logoHeight: 75px;
}

/* 柔軟なレイアウト */
:root {
	--sectionContentChildGapV: 30px;
}



section.commonBg_osusume {
	background-size: auto;
}


/* グローバルナビ */
/* サムネイル集 */
#GNAVI .thmbsBoxParent .naviSubOpclBox .layoutBox {
  font-size: 1.1em;
}

#GNAVICONTENTS01 .gnaviContents {
	width: 1000px;
}


#HEADRCONTENTS .title {
    right: 0;
	left: auto;
}

.top-service-box {
    width: 350px;
}

.kome100 {
	font-size: 24px;
}

.contact-box-font1 {
	font-size: 2.5em;
}

.contact-box-font2 {
	font-size: 2.7em;
}


/* CSSボタン */
.button-rink, .button-rink:visited {
    font-size: 20px;
}


/* 設備案内 */
.setsubi-grid {
	gap: 50px;
}
.setsubi-midashi {
	font-size: 18px;
}

/* 業務案内 */
.business-flex {
	gap: 50px;
}

.business-flex-box {
	width: 350px;
}


/* はがき支給パック */
.business-flow-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 40px;
	  > div {
    &:nth-child(4n) {
    }

    &:not(:last-child) {
      position: relative;
      &::after {
        position: absolute;
        top: 50%;
        right: -23px;
        display: block;
        width: 16px;
        height: 50px;
        content: '';
        background-color: #09f;
        transform: translate(50%, -50%);
        mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1 2" preserveAspectRatio="none"><path d="M0,0 L1,1 L0,2 Z"/></svg>');
      }
    }
  }
}

.business-flex2 {
	justify-content: left;
	flex-direction: column;
}