@charset "UTF-8";
/* CSS Document */
#ShopList {
padding-top: 24px;
}
#ShopList .ttl{
color: #FFF;
margin-bottom: 24px;
}
.link-item {
width: 90%;
max-width: 380px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
background: #FFF;
padding: 6px;
margin: 0 auto 16px;
-webkit-box-shadow: 3px 3px 10px rgba(35,24,21,0.3);
        box-shadow: 3px 3px 10px rgba(35,24,21,0.3);
}
.link-item h2 {
width: 45%;
}
.link-item h2 img {
height: 36px;
-o-object-fit: contain;
   object-fit: contain;
}
.shop-name {
margin-top: 8px;
width: 100%;
}
.recruit-btn {
width: 50%;
padding: 6px;
background: #e60012;
color: #FFF;
text-align: center;
font-size: 24px;
}
.recruit-btn span{
display: inline-block;
vertical-align: middle;
border: 1px solid #FFF;
padding: 4px 8px;
font-size: 10px;
margin: 2px 6px 6px;
}

#page article {
padding: 24px 0;
}
#page dl > div {
padding: 8px;
border-bottom: dashed 3px #CCC;
}
#page dt {
float: left;
color: #e60012;
font-size: 1.1em;
font-size: 14px;
font-weight: 700;
width: 100px;
}
#page dd {
margin-left: 100px;
}
#page dd span {
display: block;
font-weight: 700;
}
.ttl-b {
padding: 8px;
background: #006DBB;
color: #FFF;
font-size: 1.1em;
font-size: 14px;
font-weight: 700;
}
.ttl-r {
margin: 16px auto;
color: #e60012;
font-size: 1.2em;
font-size: 16px;
font-weight: 700;
}
.tg {
display: inline-block;
margin: 0 8px 8px 0;
padding: 4px 8px;
color: #FFF;
font-weight: 700;
}
.tg-b {
background: #006DBB;
}
.tg-o {
background: #f29100;
}
.hero-img {
width: 100%;
height: auto;
}
.work-desc {
margin-top: 8px;
padding: 16px;
background: #ebebec;
line-height: 150%;
}

.form section{
padding: 24px 0;
width: 94%;
max-width: 480px;
}
.form h2 {
padding: 12px;
border-radius: 6px;
font-size: 1.1em;
font-size: 14px;
font-weight: 700;
background: #f1f0e1;
margin-top: 24px;
}
form > p {
margin-bottom: 8px;
width: 100%;
}
.item-ttl {
margin-bottom: 8px;
font-size: 14px;
}
.item-ttl span{
font-size: 12px;
color: #e60012;
padding-left: 12px;
}
.radio-area {
text-align: center;
}
input[type="radio"]{
  display: none;
}
.radio{
position:relative;
display: inline-block;
margin-right: 12px;
padding: 8px 0;
width: 100px;
color: #FFF;
}
.radio::before{
background: #dcc7a7;
border-radius: 3px;
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
}
input[type="radio"]:checked + .radio::after{
  background-color: #f29100;
  border-radius: 3px;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 z-index: -1;
}
.select-name {
display: inline-block;
margin-left: 4px;
}
.privacy {
text-align: center;
font-size: 12px;
font-weight: 700;
}
.privacy a {
display: inline-block;
color: #006DBB;
border-bottom: solid 2px #006DBB;
font-weight: 700;
}

.privacyTxt {
width: 100%;
max-height: 200px;
overflow: scroll;
margin: 0 auto;
margin-top: 3%;
border-spacing: 0px 5px;
font-size: 13px;
color: #000;
}