/*
Theme Name: 株式会社伊藤土建
Author: Toshiya Suzuki
Description: 株式会社伊藤土建のオリジナルWordPressテーマです。
Version: 0.1
*/

:root,
.editor-styles-wrapper {
	--border-radius-curves: clamp(0.938rem, -0.085rem + 5.11vw, 3.75rem);
	--color-curves-purple: #802077;
	--color-curves-purple-gradation: linear-gradient(110deg, #802077 15%, #ba55b1 50%, #802077 85%);
	--color-curves-blue: #caf0f4;
	--color-curves-blue-gradation: linear-gradient(110deg, #a5e0e7 15%, #c1f3f7 50%, #aae5ec 85%);
	--color-curves-green: #d9edb6;
	--color-black: #000;
	--color-white: #FFF;
	--color-navy: #3a3a66;
	--color-gray: #CCC;
	--color-darkgray: #333;
	--color-lightgray: #F6F6F6;
	--color-pale-blue-gradation: linear-gradient(90deg, #EFF9FF 15%, #EFFEFF 85%);
	--font-body: clamp(0.9rem, 0.808rem + 0.41vw, 1.1rem);
	--font-small: clamp(0.7rem, 0.608rem + 0.41vw, 0.9rem);
	--font-h-one: clamp(2rem, 1.61rem + 1.95vw, 3rem);
	--font-h-two: clamp(1.8rem, 1.431rem + 1.64vw, 2.6rem);
	--font-h-three: clamp(1.5rem, 1.177rem + 1.44vw, 2.2rem);
	--font-h-four: clamp(1.3rem, 1.069rem + 1.03vw, 1.8rem);
	--font-h-five: clamp(1.1rem, 0.869rem + 1.03vw, 1.6rem);
	--font-h-six: clamp(0.9rem, 0.715rem + 0.82vw, 1.3rem);
	--font-mainvisual: clamp(1.2rem, 0.836rem + 1.82vw, 2.2rem);
	--padding-top-bottom: clamp(4rem, 2.727rem + 6.36vw, 7.5rem);
	--padding-left-right: clamp(2rem, 1.273rem + 3.64vw, 4rem);
}

/* ----------- GSAP ----------- */
.gsap-fadeinup,
.gsap-stagger>*,
.wp-block-cover.gsap-reveal .wp-block-cover__image-background,
.wp-block-cover.gsap-reveal .wp-block-cover__video-background,
.gsap-reveal .wp-block-cover__inner-container {
	opacity: 0;
}

.editor-styles-wrapper .gsap-fadeinup,
.editor-styles-wrapper .gsap-stagger>*,
.editor-styles-wrapper .gsap-reveal .wp-block-cover__image-background,
.editor-styles-wrapper .gsap-reveal .wp-block-cover__inner-container {
	opacity: 1 !important;
}

.gsap-reveal {
	overflow: hidden;
	position: relative;
}

.gsap-reveal-color {
	background-color: var(--color-navy);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 10;
	width: 100%;
}

/* ----------- 要素の基本設定 ----------- */
body {
	background-color: var(--color-white);
	color: var(--color-navy);
	/* font-family: "Zen Maru Gothic", sans-serif; */
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-size: var(--font-body);
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 2;
	word-break: break-all;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: 0.06em;
	line-height: 1.5;
	font-weight: 700;
}

h1 {
	font-size: var(--font-h-one);
}

h2 {
	font-size: var(--font-h-two);
}

h3 {
	font-size: var(--font-h-three);
}

h4 {
	font-size: var(--font-h-four);
}

h5 {
	font-size: var(--font-h-five);
}

h6 {
	font-size: var(--font-h-six);
}

.wp-block-heading.has-background {
	padding: 0;
}

:root :where(p.has-background) {
    padding: 0;
}

img {
	height: auto;
	max-width: 100%;
	vertical-align: bottom;
}

main article ul {
	list-style: disc;
	list-style-position: inside;
}

main article ol {
	list-style: decimal;
	list-style-position: inside;
}

a {
	color: var(--color-navy);
	transition: opacity 0.3s;
}

button{
	transition: opacity 0.3s;
}

a:hover, button:hover {
	opacity: 0.75;
}

main article a {
	text-decoration: underline;
}

.wp-element-button{
	position: relative;
    transition: .3s;
}
.wp-element-button:hover{
	background-color: var(--color-navy);
	border-color: var(--color-navy);
	color: var(--color-white);
	opacity: 1;
	/* translate: 0 -10%; */
}
.wp-element-button::after {
    background-color: var(--color-navy);
	content: "";
	display: block;
	height: 0.7em;
    -webkit-mask: url(img/icon_arrow.svg) no-repeat center / contain;
    mask: url(img/icon_arrow.svg) no-repeat center / contain;
	rotate: -90deg;
	transition: .3s;
    width: 0.7em;
    position: absolute;
    right: 0.5em;
    top: 50%;
    translate: 0 -45%;
}
.wp-element-button:hover::after{
	filter: invert(100%);
}

/* ----------- 各種コンテナ ----------- */
header,
main,
main>article {
	margin: 0;
	padding: 0;
	width: 100%;
}

/* ----------- ヘッダー ----------- */
header{
    background-color: var(--color-white);
    color: var(--wp--preset--color--base);
	display: flex;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.header_logo {
    align-self: center;
    line-height: 1;
    margin: min(40px, 6vw) auto min(40px, 6vw) min(40px, 6vw);
    width: min(250px, 50vw);
    z-index: 12;
}

header .tel {
    align-self: center;
    margin-right: 40px;
    width: 250px;
	z-index: 12;
}
@media (max-width: 820px) {
	header .tel {
		display: none;
	}
}

header [class*="button"]{
	align-items: center;
    align-self: flex-start;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    width: min(100px, 20vw);
	z-index: 12;
}
header .button-contact{
	background-color: #67BAE5;
}
header .button-hamburger{
	background-color: var(--color-navy);
}
header [class*="button"] img{
    height: 65%;
}
header .button-hamburger .open{
	display: block;
}
header .button-hamburger .close{
	display: none;
}
body.hamburger-open header .button-hamburger  .open{
	display: none;
}
body.hamburger-open header .button-hamburger  .close{
	display: block;
}
@media (max-width: 820px) {
	header .button-contact {
		display: none;
	}
}
/* header {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0 auto;
	padding: 25px 0 25px var(--padding-left-right);
	width: 100%;
}

header h1,
header .site-name {
	align-items: center;
	display: flex;
	font-size: var(--font-h-four);
	line-height: 1.00;
}

header h1 a,
header h1 a:visited,
header .site-name a,
header .site-name a:visited {
	color: var(--color-curves-navy);
}

header nav {
	display: grid;
	place-items: center;
}

header nav ul.menu {
	align-items: center;
	display: flex;
	flex-direction: row;
	list-style: none;
	gap: 1rem;
}

header nav ul.menu a {
	border-bottom: 0 solid rgba(204, 204, 204, 0.0);
	color: var(--color-navy);
	font-weight: 500;
	padding: 0.5em;
	transition: 0.4s;
}

header nav ul.menu a:hover {
	border-bottom: 4px solid var(--color-gray);
}

header nav ul.menu li.current-menu-item a {
	border-bottom: 4px solid var(--color-navy);
	color: var(--color-navy);
}

header nav ul.menu li:last-child a {
    background-color: var(--color-navy);
	border-bottom: 0;
    color: #fff;
    padding: 0.8em 1.6em;
    display: inline-block;
}

@media (max-width: 768px) {
	header {
		padding: 30px var(--padding-left-right);
	}

	header nav ul.menu {
		gap: 0;
	}
} */

/* ----------- ハンバーガーメニュー ----------- */
.main-nav {
    align-items: center;
    background-color: #ffffffee;
    display: flex;
    height: 100dvh;
    justify-content: center;
    left: 0;
    opacity: 0;
    overflow: scroll;
    position: fixed;
    top: 0;
    transition: .3s;
    visibility: hidden;
    width: 100%;
    z-index: -1;
}
.main-nav ul{
	display: flex;
	flex-direction: column;
    font-size: 1.5em;
    width: min(480px, 80vw);
}
.main-nav li {
	position: relative;
}
.main-nav a {
	border-bottom: 2px solid var(--color-navy);
    display: block;
    padding: 0.8em 0 0.8em 0.8em;
}
.main-nav :is(a:hover, a:active, a:focus) {
    /* opacity: var(--wp--custom--opacity--7); */
}
.main-nav a{
	position: relative;
    transition: .3s;
}
.main-nav a:hover{
	background-color: var(--color-navy);
	border-color: var(--color-navy);
	color: var(--color-white);
	opacity: 1;
}
.main-nav a::after {
    background-color: var(--color-navy);
	content: "";
	display: block;
	height: 0.7em;
    -webkit-mask: url(img/icon_arrow.svg) no-repeat center / contain;
    mask: url(img/icon_arrow.svg) no-repeat center / contain;
	rotate: -90deg;
	transition: .3s;
    width: 0.7em;
    position: absolute;
    right: 0.5em;
    top: 50%;
    translate: 0 -45%;
}
.main-nav a:hover::after{
	filter: invert(100%);
}


.main-nav li::before {
	background-color: #ffffff80;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 40px;
}
.main-nav li:last-child::before {
	content: none;
}
body.hamburger-open .main-nav {
    opacity: 1;
    visibility: visible;
    z-index: 11;
}

/* .button-hamburger {
	display: none;
    height: 60px;
    position: fixed;
    right: 20px;
    top: 12px;
    width: 60px;
    z-index: 100;
}

.button-hamburger-bar,
.button-hamburger-bar::before,
.button-hamburger-bar::after {
	background: #333;
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	transition: all 0.6s;
	width: 40px;
}

.button-hamburger-bar {
	top: 50%;
	transform: translate(-50%, -50%);
}

.button-hamburger-bar::before,
.button-hamburger-bar::after {
	content: "";
	transform: translateX(-50%);
}

.button-hamburger-bar::before {
	top: -12px;
}

.button-hamburger-bar::after {
	top: 12px;
}

@media (max-width: 768px) {
	.button-hamburger {
		display: block;
	}

	header nav {
		background: rgba(247, 247, 247, 0.95);
		top: 0;
		right: -100%;
		width: 75%;
		height: 100vh;
		transition: all 0.3s;
		padding-bottom: 80px;
		padding-top: 80px;
		position: fixed;
		z-index: 90;
	}

	.hamburger-open header nav {
		right: 0;
	}

	.hamburger-open .button-hamburger-bar {
		background: transparent;
	}

	.hamburger-open .button-hamburger-bar::before {
		transform: translateX(-50%) rotate(45deg);
		top: 0;
	}

	.hamburger-open .button-hamburger-bar::after {
		transform: translateX(-50%) rotate(-45deg);
		top: 0;
	}

	header nav ul.menu {
		border-top: 1px solid var(--color-gray);
		flex-direction: column;
		text-align: center;
		width: 100%;
	}

	header nav ul.menu li {
		width: 100%;
	}

	header nav ul.menu li a {
		border-bottom: 1px solid var(--color-gray);
		color: var(--color-navy);
		display: block;
		padding: 1.5rem 0 !important;
		width: 100%;
	}

	header nav ul.menu li.current-menu-item a {
		background-color: var(--color-gray);
		border-bottom: 1px solid var(--color-gray);
		color: var(--color-navy);
		font-weight: 500;
	}

	header nav ul.menu a:hover {
		border-bottom: 1px solid var(--color-gray);
	}
} */

/* ----------- フッター ----------- */
footer {
	align-items: center;
	background-color: var(--color-white);
	border-top: 1px solid var(--color-lightgray);
	color: var(--color-navy);
	display: flex;
	flex-direction: column;
	gap: 3rem;
	padding: var(--padding-top-bottom) var(--padding-left-right);
}

footer .footer-container {
	align-items: flex-start;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 2rem;
	margin: 0 auto;
	max-width: 720px;
	width: 100%;
}

@media (max-width: 768px) {
	footer .footer-container {
		flex-direction: column;
	}
}

footer .footer-widgets {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

footer .footer-nav ul {
	display: flex;
	flex-direction: column;
	font-size: var(--font-small);
	gap: 0.5rem;
	text-align: right;
}

@media (max-width: 768px) {
	footer .footer-nav ul {
		text-align: left;
	}
}

footer .copy {
	font-size: var(--font-small);
	/* text-align: center; */
}

footer a {
	color: var(--color-navy);
	font-weight: bold;
}

main>article>div.wp-block-group {
	padding: var(--padding-top-bottom) var(--padding-left-right);
}

main>article>div.wp-block-group.alignfull.is-no-padding {
	padding: 0;
}

/* ----------- フロントページ ----------- */
:root{
	--mv-height: calc(90vw / 2.5);
}
@media (max-width: 781px) {
	:root{
		--mv-height: calc(90vw * 1.25);
	}
}

main>article>div.wp-block-group.home-mainvisual {
	/* margin-bottom: calc( var(--mv-height) * -0.2 ); */
	/* margin-bottom: -20vw; */
	padding-left: 10%;	
	position: relative;
	z-index: 2;
}

main>article>div.wp-block-group.home-mainvisual .wp-block-cover {
	border-radius: var(--border-radius-curves) 0 0 var(--border-radius-curves);
	height: var(--mv-height);
    min-height: auto;
	width: 100%;
}
@media (max-width: 781px) {
	main>article>div.wp-block-group.home-mainvisual .wp-block-cover {
		margin-top: 15vw;
	}
}

main>article>div.wp-block-group.home-mainvisual .wp-block-cover p {
	text-shadow: 0px 0px 20px rgba(0, 0, 32, 0.3);
}

main>article>div.wp-block-group.home-mainvisual .sp{
	display: none;
}
@media (max-width: 781px) {
	main>article>div.wp-block-group.home-mainvisual .pc{
		display: none;
	}
	main>article>div.wp-block-group.home-mainvisual .sp{
		display: block;
	}
}

.home-mainvisual-svg {
	bottom: 38%;
	left: 6%;
    position: absolute;
    width: 36vw;
    z-index: 1;
}
.home-mainvisual-svg svg * {
	fill: none;
}
@media (max-width: 781px) {
	.home-mainvisual-svg {
        bottom: auto;
        top: -12.5vw;
        width: 82vw;
        left: 8%;
    }
}

.home-company{
	margin-top: -10vw;
	padding-top: calc( var(--padding-top-bottom) + 10vw ) !important;
    position: relative;
	/* overflow: hidden; */
}
.home-company [class*="back"]{
	position: absolute;
    width: max(50vw, 720px);
	z-index: 0;
}
.home-company .back1{
	left: 50%;
    top: 50%;
    translate: -50% -50% !important;
}
.home-company .back2{
	left: 100%;
    bottom: -60%;
    translate: -50% 0% !important;
}
.home-company-inner>*{
    position: relative;
	z-index: 1;
}
.home-company-img{
	height: 36vw;
	position: relative;
	width: 55%;
}
.home-company-img [class*="img"]{
	position: absolute;
}
.home-company-img .img1{
	height: 66.5%;
    width: 42.5%;
    top: 0%;
    right: 36%;
}
.home-company-img .img2{
	height: 58%;
    width: 18%;
    top: 23.5%;
    left: 0%;
}
.home-company-img .img3{
	height: 73.5%;
    width: 32.5%;
    bottom: 0;
    right: 0;
}
.home-company-img .img4{
	height: 19.5%;
    width: 33.5%;
    top: 72.5%;
    right: 36%;
}
.home-company-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-company-text{
    flex-shrink: 0;
	width: max(420px, 45%);
}
@media (max-width: 781px) {
	.home-company .back1{
		/* top: 20%; */
	}
	.home-company .back2{
		/* top: 20%; */
	}
	.home-company-inner{
		flex-direction: column;
        gap: 40px !important;
	}
	.home-company-img{
		height: 64vw;
		width: 100%;
	}
	.home-company-text{
		width: 100%;
	}
}

.sec_whats{
	position: relative;
}
.sec_whats::after{
	background: linear-gradient(0deg,rgba(103,219,229, 0%) 0%,rgba(103,219,229, 100%) 100%);
	content: "";
	height: 50%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
    z-index: -1;
}
.sec_whats .wp-block-cover{
	padding-top: var(--wp--preset--spacing--70) !important;
    padding-right: var(--wp--preset--spacing--60) !important;
    padding-bottom: var(--wp--preset--spacing--70) !important;
    padding-left: var(--wp--preset--spacing--60) !important;
}

.home-shore-list {
	align-items: start !important;
}

.home-shore-list>.wp-block-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
	justify-content: flex-end;
}

[class*="shore-list"] .tel::before{
	background-color: currentColor;
    content: "";
    display: inline-block;
    height: 0.9em;
    margin-right: 0.3em;
    mask: url(img/icon_telephone.png) no-repeat center / contain;
    translate: 0 -0.05em;
    vertical-align: middle;
    width: 0.9em;
}

@media (max-width: 690px) {
	.home-shore-list.wp-block-group {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 20px !important;
	}

	.home-shore-list.wp-block-group>* {
		margin: 0 !important;
		width: 100% !important;
	}
}


/* .home-recruit {
    overflow: hidden;
}
.home-recruit .pc{
	margin-right: -15%;
}
.home-recruit .sp{
	display: none;
}
.home-recruit-svg {
    max-width: 360px;
}
.home-recruit-svg svg * {
	fill: none;
}

@media (max-width: 781px) {
	.home-recruit .box-split{
		flex-direction: column;
	}
	.home-recruit .box-split .wp-block-group:last-child{
		padding-top: 0 !important;
	}
	.home-recruit .pc{
		display: none;
	}
	.home-recruit .sp{
		display: block;
	}
} */

.home-recruit {
    overflow: visible;
}
.home-recruit-img{
	height: 45.5vw;
	margin-bottom: calc(var(--padding-top-bottom) * 0.5) !important;
	margin-top: -4vw !important;
	position: relative;
	width: 53%;
}
.home-recruit-img [class*="img"]{
	position: absolute;
}
.home-recruit-img .img1{
	height: 62.5%;
    width: 54%;
    top: 0%;
    right: 0%;
}
.home-recruit-img .img2{
	height: 57%;
    width: 40.5%;
    top: 17%;
    left: 0%;
}
.home-recruit-img .img3{
	height: 20%;
    width: 45.5%;
    bottom: 12%;
    right: 8.5%;
}
.home-recruit-img .img4{
	height: 20.5%;
    width: 29%;
    bottom: 0%;
    left: 11.5%;
}
.home-recruit-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-recruit-text{
    flex-shrink: 0;
	width: max(420px, 47%);
}
.home-recruit-svg svg {
    margin-left: -1em;
}
@media (max-width: 781px) {
	.home-recruit-svg{
		max-width: 86% !important;
	}
	.home-recruit-img{
		margin-bottom: -8vw !important;
	}
	.home-recruit-inner{
		flex-direction: column-reverse;
	}
	.home-recruit-img{
		height: 86vw;
		width: 100%;
	}
	.home-recruit-text{
		width: 100%;
	}
}

/* ----------- 固定ページ ----------- */
.page-header {
	align-items: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	min-height: clamp(10rem, 6.878rem + 15.61vw, 18rem);
	justify-content: center;
	position: relative;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.page-header::before {
	background: rgba(0, 0, 0, 0.5);
	content: "";
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
}

.page-header h1 {
	color: #FFF;
	font-size: clamp(1.5rem, 5vw, 3rem);
	position: relative;
	z-index: 2;
}

/* テーブル */
body :is( table, .wp-block-table ) th, body :is( table, .wp-block-table ) td{
    border-color: var(--color-gray) !important;
    border-style: solid;
    border-width: 1px 0px;
    line-height: inherit;
    padding: 2.25em 1.5em;
}
body :is( table, .wp-block-table ) th{
    font-size: 110%;
    line-height: 1.5;
    white-space: nowrap;
}
body :is( table, .wp-block-table ) td{
	color: var(--color-darkgray);
}
.wp-block-table thead{
    border-bottom: inherit;
}
.wp-block-table tfoot{
    border-top: inherit;
}
.wp-block-table .has-fixed-layout th{
    white-space: initial;
}
/* テーブル　スマホで縦並び */
@media screen and (max-width: 600px){
    body .table_spBlock th{
        border-bottom: 0;
        display: block;
		padding-bottom: 0.8rem;
		padding-left: 0;
        text-align: left;
        white-space: initial;
    }
    body .table_spBlock tr:not(:first-child) th{
        border-top: 0;
    }
    body .table_spBlock td{
		border-top: 0;
		display: block;
        padding-right: 0;
        padding-top: 0;
    }
}

/* ----------- モバイル用フッターボタン ----------- */
.mobile-footer-buttons {
	display: none;
}

@media screen and (max-width: 820px) {
	.mobile-footer-buttons {
		background: #fff;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
		bottom: 0;
		display: flex;
		height: 65px;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 9999;
	}

	.mobile-footer-buttons a {
		align-items: center;
		color: #fff;
		display: flex;
		font-size: 15px;
		font-weight: bold;
		gap: 8px;
		justify-content: center;
		text-decoration: none;
	}

	.mobile-button-contact {
		background-color: #67BAE5;
		flex: 7;
	}

	.mobile-button-tel {
		background-color: #67BAE5;
		border-left: 1px solid rgba(255, 255, 255, 0.3);
		flex: 3;
	}

	.mobile-footer-buttons a::before {
		background-color: var(--color-white);
        content: "";
        display: inline-block;
        height: 1.5em;
        transition: .3s;
        width: 1.5em;
	}
	.mobile-button-contact::before {
		-webkit-mask: url(img/footer_icon_contact_01.png) no-repeat center / contain;
		mask: url(img/footer_icon_contact_01.png) no-repeat center / contain;
	}
	.mobile-button-tel::before {
		-webkit-mask: url(img/footer_icon_tel_01.png) no-repeat center / contain;
		mask: url(img/footer_icon_tel_01.png) no-repeat center / contain;
	}


	body {
		padding-bottom: 60px;
	}
}

/* ----------- 会社概要ページ ----------- */
.sec_philosophy{
	overflow: hidden;
}
.sec_philosophy >*{
    position: relative;
	z-index: 1;
}
.sec_philosophy .back{
	left: 0;
	position: absolute;
    top: 40%;
    translate: -50% -50%;
    width: max(50vw, 720px);
	z-index: 0;
}
.flex_row_philosophy{
	align-items: flex-start;
	gap: 20px 4%;
}
.flex_row_philosophy .headline{
    flex-shrink: 0;
	width: 20%;
}
.flex_row_philosophy .content{
	width: 100%;
}
.sec_philosophy hr{
	border: 0px;
	border-bottom: 1px solid var(--color-gray);
}
.sec_philosophy li{
	list-style: none;
	padding-left: 1.8em;
    position: relative;
}
.sec_philosophy li::before{
	display: inline-block;
    left: 0;
    position: absolute;

	background-color: #33333388;
    border-radius: 50%;
    content: "";
    height: 0.3em;
    top: 0.5lh;
    width: 0.3em;
}
@media screen and (max-width: 767px) {
	.sec_philosophy .back{
		top: 20%;
	}
	.flex_row_philosophy{
		flex-direction: column;
	}
	.flex_row_philosophy .headline{
		width: 100%;
	}	
}

/* ----------- 採用情報ページ ----------- */
.swiper_snap .swiper-wrapper {
  transition-timing-function: linear;
}

/* ----------- 店舗紹介ページ ----------- */
.badge_pink {
    display: inline-block;
    padding: 0 1em !important;
    border-radius: 999px;
}
.page-shore-list .tel{
	margin-top: 0;
}
.page-shore-list .wp-element-button {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}