@charset "UTF-8";
  .main_bace{width:100%;}
.the_content.bace_page{padding:0 4% 100px 4%;} .the_content img{
max-width: 100%;
height: auto;
display: block;
margin: 0 auto;
}
.the_content > section{margin-bottom:120px;
}
.the_content > section:last-of-type{margin-bottom:0;}
#page-about #sec02 .flexBox02:not(:last-of-type){
margin-bottom: 40px;
}
@media only screen and (min-width:813px) {
.flexBox02{display: flex;}
.flexBox02 figure{width:48%; margin-right: 4%;}
.flexBox02 figure img{width: 100%;}
.flexBox02 .textBox{width: 48%;}
}
@media only screen and (min-width:813px) {
.flexBox02 figure{width:100%; margin-bottom: 20px;}
.flexBox02 .textBox{width:100%;}
}
.shopBox .textBox h2{margin-bottom:20px;
font-size: 2.8rem;
font-family: 'Noto Serif JP', sans-serif; font-weight:500;}
.shopBox .textBox p:not(:last-of-type){margin-bottom: 10px;}
@media only screen and (min-width:813px) {
.shopBox{display: flex;}
.shopBox figure{width:48%; margin-right: 4%;}
.shopBox figure img{width: 100%;}
.shopBox .textBox{width: 48%;}
}
@media only screen and (max-width:812px){
.shopBox figure{width:100%; margin-bottom: 40px;}
.shopBox figure img{width: 100%;}
.shopBox .textBox{width:100%;}
}
.recruitBox .textBox h2{margin-bottom:20px;
font-size: 2.8rem;
font-family: 'Noto Serif JP', sans-serif; font-weight:500;}
.recruitBox .textBox p:not(:last-of-type){margin-bottom: 10px;}
section .recruitBox{padding-bottom: 40px; border-bottom: 1px dashed #999;}
@media only screen and (min-width:813px) {
.recruitBox{display: flex;}
.recruitBox figure{width:48%; margin-left: 4%;}
.recruitBox figure img{width: 100%;}
.recruitBox .textBox{width: 48%;}
}
@media only screen and (max-width:812px){
.recruitBox figure{width:100%; }
.recruitBox figure img{width: 100%;}
.recruitBox .textBox{width:100%; margin-bottom: 40px;}
}
#page-privacy{}
#page-privacy h3{margin-bottom:3px; margin-top: 16px; font-size: 1.8rem; color: #000;}
#page-privacy h2{margin-bottom:24px; margin-top: 40px;
border-bottom: 1px solid #E5E5E5; padding-bottom: 12px;font-size: 2.6rem; color: #000;}
#page-privacy p{margin-bottom:24px;}
#page-faq .faqList {
width:100%;
max-width:840px;
margin:0 auto;
border-top:solid 1px #4f4844
}
#page-faq .faqList:not(:last-child) {
margin-bottom:40px
}
#page-faq .faqList dl {
border-bottom:dashed 1px #4f4844
}
#page-faq .faqList dt {
padding:20px 36px 20px 2rem;
position:relative
}
#page-faq .faqList dt:before {
content:"Q. ";
position:absolute;
left:0
}
#page-faq .faqList dt:after {
width:34px;
height:34px;
background-image:url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2234%22%20height%3D%2234%22%20viewBox%3D%220%200%2034%2034%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M0.499998%2017C0.499998%207.8873%207.8873%200.500002%2017%200.500002C26.1127%200.500003%2033.5%207.8873%2033.5%2017C33.5%2026.1127%2026.1127%2033.5%2017%2033.5C7.8873%2033.5%200.499997%2026.1127%200.499998%2017Z%22%20stroke%3D%22black%22%2F%3E%3Cpath%20d%3D%22M11%2021L17%2013L23%2021%22%20stroke%3D%22black%22%2F%3E%3C%2Fsvg%3E');
background-repeat:no-repeat;
display:block;
content:"";
position:absolute;
top:50%;
right:0;
margin-top:-20px
}
#page-faq .faqBox>div {
margin-top:20px
}
#page-faq .faqList dt.fa-plus-square:after {
transform:rotate(180deg)
}
#page-faq .faqList dd {
display:none;
padding-bottom:20px
}
@media only screen and (min-width:813px) {
#page-faq .faqBox {
padding:100px 80px
}
#page-faq .faqBox>div {
display:flex;
flex-wrap:wrap;
align-items:baseline
}
#page-faq .faqBox>div .faq_title {
order:1;
flex:1
}
#page-faq .faqBox>div .faqList {
order:3;
width:100%
}
#page-faq .faqBox>div .btn_more {
order:2;
width:100px
}
}