/*
Theme Name: suikou-e
Theme URI: ★ 株式会社水光エンジニア ★
*/


/* -----------------------------------------------------------
	フッター
----------------------------------------------------------- */

@media (min-width: 669px) {
	.flex-box-pc.ftr_tel {
		justify-content: center;
	}
}
html {
    scroll-padding-top: 100px;
}

/* -----------------------------------------------------------
	事業所一覧
----------------------------------------------------------- */

.office__item-map iframe {
	width: 100%;
	height: 100%;
}

/* -----------------------------------------------------------
	採用情報会社案内ページ
----------------------------------------------------------- */

.mb_50 {
	margin-bottom: 50px;
}

/* -----------------------------------------------------------
	福利厚生ページ
----------------------------------------------------------- */

.system > section .txt .flex-box-pc ul li.etc_text::before {
	content: none;
}


/* -----------------------------------------------------------
	採用情報
----------------------------------------------------------- */

section.mb_60:not(:last-of-type) {
	margin-bottom: 60px;
}

/* -----------------------------------------------------------
	エントリーフォーム
----------------------------------------------------------- */

.submt_btn_wrap {
	display: flex;
	justify-content: center;
}

.submt_btn_wrap .submt_wrap:first-child {
	margin-right: 20px;
}

.submt_btn_wrap .submt_wrap input {
	font-size: 108%;
    margin: 0 7px;
    width: 290px;
	font-family: YakuHanJP, "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica", "Arial", "Verdana", sans-serif;
    text-align: center;
    border: 0;
    width: 100%;
    color: #fff;
    height: 70px;
	background-color: #0e7a92;
}

.submt_btn_wrap .submt_wrap:first-child input {
	background-color: #777;
	width: 120px;
}

.submt_btn_wrap .submt_wrap input:hover {
	opacity: 0.7;
}

.entry_not_text {
	text-align: center;
}

.entry_not_text p {
	text-align: left;
	display: inline-block;
}

/* -----------------------------------------------------------
	画像トリミング
----------------------------------------------------------- */

.img_crop {
	aspect-ratio: 5 / 3;
	overflow: hidden;
	display: block;
}

.img_crop img {
	aspect-ratio: 5 / 3;
	object-fit: cover;
}

.img_crop.aspect_3_2 {
	aspect-ratio: 3 / 2;
}

.img_crop.aspect_3_2 img {
	aspect-ratio: 3 / 2;
}

.img_crop.aspect_1_1 {
	aspect-ratio: 1 / 1;
}

.img_crop.aspect_1_1 img {
	aspect-ratio: 1 / 1;
}

.top__main_sliderset .img_crop.aspect_1_1 {
	border-radius: 30px;
}

.img_crop.aspect_17_10 {
	aspect-ratio: 17 / 10;
}

.img_crop.aspect_17_10 img {
	aspect-ratio: 17 / 10;
}

.img_crop.aspect_25_11 {
	aspect-ratio: 25 / 11;
}

.img_crop.aspect_25_11 img {
	aspect-ratio: 25 / 11;
}

.img_crop.aspect_25_14 {
	aspect-ratio: 25 / 14;
}

.img_crop.aspect_25_14 img {
	aspect-ratio: 25 / 14;
}

.img_crop.aspect_25_18 {
	aspect-ratio: 25 / 18;
}

.img_crop.aspect_25_18 img {
	aspect-ratio: 25 / 18;
}


.img_crop.page_link_crop { 
	aspect-ratio: 627 / 303;
}

.img_crop.aspect_10_7, .img_crop.aspect_10_7 img { 
	aspect-ratio: 10 / 7;
}