@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
.shop-sec .txt1 {font-size:3.4rem; font-weight:700; text-align:center;}
.shop-sec .txt2 {font-size:2.0rem; text-align:left; margin:15px 0 0 0;}
.shop-sec .txt2 a {text-decoration:none; color:#000;}
.shop-sec .txt2 a:hover {text-decoration:underline; color:#000;}
.shop-sec .txt3 {text-align:left; margin:15px 0 0 0;}
.shop-sec .txt3 dt {font-size:3.0rem; font-weight:700; line-height:1.2;}
.shop-sec .txt3 dd {font-size:1.8rem; font-weight:500;}
.shop-sec .txt3 dd.wage {font-size:2.0rem; text-align:right;}
.shop-sec .txt3 dd.wage span {font-size:120%; font-weight:700;}
.shop-sec .image {margin:60px 0 0 0;}
.shop-sec .image .clm {margin:0 -13px; display:flex; flex-wrap:wrap;}
.shop-sec .image .clm > div {width:25%; padding:13px; box-sizing:border-box;}
.shop-sec .access {margin:200px 0 0 0;}
.shop-sec .access .map {width:100%; height:500px; margin:25px 0 0 0; overflow:hidden;}
.shop-sec .access .map iframe {width:100%; height:500px;}
.shop-sec .recruit {margin:200px 0 0 0;}
.shop-sec .recruit .clm {margin:0 -22px; display:flex; flex-wrap:wrap;}
.shop-sec .recruit .clm > div {width:33.33%; padding:30px 22px 0 22px; box-sizing:border-box;}
.shop-sec .recruit .clm > div a {text-decoration:none; color:#000; display:block; transition:opacity 0.3s ease;}
.shop-sec .recruit .clm > div a:hover {opacity:0.7;}
.shop-sec .recruit .box {padding:9px; background-color:#fff; border:solid 1px #E88F2A;}
.shop-sec .recruit .box .img {text-align:center;}

@media screen and (max-width:767px){
	.shop-sec .txt1 {font-size:3.0rem;}
	.shop-sec .txt2 {font-size:1.6rem; margin:10px 0 0 0;}
	.shop-sec .txt3 {margin:15px 0 0 0;}
	.shop-sec .image {margin:20px 0 0 0;}
	.shop-sec .image .clm {margin:15px -9px 0 -9px;}
	.shop-sec .image .clm > div {width:50%; padding:13px 9px 0 9px;}
	.shop-sec .access {margin:100px 0 0 0;}
	.shop-sec .access .map {width:auto; height:300px; margin:10px -5.6vw 0 -5.6vw;}
	.shop-sec .access .map iframe {width:100%; height:300px;}
	.shop-sec .recruit {margin:100px 0 0 0;}
	.shop-sec .recruit .clm {margin:0; display:block;}
	.shop-sec .recruit .clm > div {width:auto; padding:20px 0 0 0;}
}