@charset "UTF-8";
.service-staff-box{
display: flex;
margin: 0 0 7%;
}
.service-staff-box-img{
width: 248px;
flex-shrink: 0;
align-items: flex-start;
}
.service-staff-box-cont{
flex-grow: 1;
padding: 0 0 0 4%;
}
.service-staff-box-cont p,
.service-inside-car-box-cont p{
font-size: 20px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
line-height: 2.3;
}
.service-staff-box-cont-ttl,
.service-inside-car-box-cont-ttl{
font-size: 28px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
color: #145055;
margin: 0 0 2%;
}
.service-inside-car-box{
display: flex;
}
.service-inside-car-box-img{
width: 336px;
flex-shrink: 0;
align-items: flex-start;
}
.service-inside-car-box-cont{
flex-grow: 1;
padding: 0 4% 0 0;
}
.service-menu-wrap{
background: #fff;
padding: 0 0 170px;
}
.service-menu-inner{
width: 92%;
max-width: 1240px;
margin: 0 auto;
overflow: hidden;
}
.service-menu-ttl{
width: 522px;
background: url(../images/service-menu-ttl-bg.svg) no-repeat center center;
background-size: 100% auto;
font-family: "Cinzel", serif;
font-weight: 500;
font-size: 30px;
color: #be914b;
vertical-align: middle;
letter-spacing: 0.15em;
margin: 6% auto 5%;
text-align: center;
}
.service-menu-cont{
max-width: 1064px;
margin: 0 auto;
padding: 6% 0 20%;
}
.sevice-menu-cat{
max-width: 1064px;
font-size: 24px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
color: #be914b;
margin: 0 auto 20px;
}
.sevice-menu-cat-sub{
width: 100%;
position: relative;
margin: 0 0 -20px;
}
.sevice-menu-cat-sub.type02{
width: 100%;
position: relative;
margin: 28px 0 -12px;
}
.sevice-menu-cat-sub p{
position: relative;
font-size: 20px;
font-weight: 400;
color: #be914b;
padding: 0 0 0 80px;
}
.sevice-menu-cat-sub p::after{
position: absolute;
content: '';
width: 64px;
height: 1px;
background: #be914b;
top: 16px;
left: 0;
}
.sevice-menu-block{
max-width: 1064px;
margin: 0 auto 8%;
}
.sevice-menu-block.last-unit{
margin: 0 auto ;
}
.sevice-menu-once{
position: relative;
display: flex;
justify-content: space-between;
padding: 28px 24px 28px 16px;
border-bottom: 2px dotted #be914b;
}
.sevice-menu-once:last-child{
border-bottom: none;
}
.sevice-menu-img{
width: 21.8%;
}
.sevice-menu-cont-wrap{
width: 76%;
display: flex;
justify-content: space-between;
}
.sevice-menu-name{
font-size: 19px;
font-weight: 500;
width: 76%;
display: flex;
align-items: center;
padding: 0 3% 0 0;
}
.sevice-menu-name p {
padding: 0 0 0 18px;
position: relative;
}
.sevice-menu-name p::after {
position: absolute;
content: '';
width: 8px;
height: 8px;
top: 13px;
left: 0;
background: #be914b;
}
.sevice-menu-name p span{
font-size: 17px;
font-weight: 400;
}
.sevice-menu-name p span.cgc{
color: #be914b;
}
.sevice-menu-name p span.cgc02{
color: #be914b;
font-size: 19px;
font-weight: 400;
}
.end-info{}
.add-info-box{
position: relative;
top: -60px;
max-width: 1064px;
margin: 0 auto 8%;
padding: 0 0 0 34px;
}
.add-info-box p{
font-size: 17px;
font-weight: 500;
padding: 0 0 1.5%;
}
.add-info-box span{
font-size: 13px;
font-weight: 400;
}
.sevice-menu-price{
width: 24%;
font-size: 19px;
font-weight: 400;
display: flex;
align-items: center;
}
.sevice-menu-price span{
display: inline-block;
font-weight: 400;
}
.service-benefits-box{
max-width: 1240px;
margin: 0 auto;
background: #eaeae0;
padding: 6% 0 7%;
}
.service-benefits-box-inner{
width: 92%;
max-width: 1060px;
margin: 0 auto;
}
.service-benefits-ttl{
display: inline-block;
background: #fff;
font-size: 26px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
color: #be914b;
margin: 0 0 3%;
padding: 8px 20px;
}
.service-benefits-box-cont01{
display: flex;
justify-content: space-between;
margin: 0 0 3%;
}
.service-benefits-box-cont02{
display: flex;
justify-content: space-between;
}
.service-benefits-cont{
width: 66%;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 2% 0 0;
}
.service-benefits-cont p{
font-size: 20px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
margin: 0 0 2%;
}
.service-benefits-img{
width: 34%;
}
.service-benefits-img01{
width: 100%;
max-width: 232px;
}
.service-benefits-box-cont02 .service-benefits-img{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.service-benefits-box-cont02 .service-benefits-img img{
width: 48.5%;
}
.service-benefits-box-cont02 .service-benefits-img img:nth-child(2),
.service-benefits-box-cont02 .service-benefits-img img:nth-child(1){
margin: 0 0 3%;
}
.service-benefits-box-cont02 ul li{
font-size: 18px;
font-family: "Zen Old Mincho", serif;
font-weight: 400;
position: relative;
padding: 0 0 0 16px;
line-height: 2;
}
.service-benefits-box-cont02 ul li::after {
position: absolute;
content: '';
width: 8px;
height: 8px;
top: 15px;
left: 0;
background: #be914b;
}
.service-benefits-att{
font-size: 14px;
font-weight: 400;
text-align: right;
padding: 4% 0 0;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width : 1200px) {

.service-staff-box-img {
width: 210px;
flex-shrink: 0;
}
.service-inside-car-box-img {
width: 270px;
}
.service-menu-ttl {
width: 440px;
font-size: 26px;
letter-spacing: 0.15em;
margin: 6% auto 5%;
}
.sevice-menu-block {
margin: 0 auto 5%;
}
.sevice-menu-name {
font-size: 16px;
display: flex;
align-items: center;
}
.sevice-menu-price {
font-size: 16px;
}
.sevice-menu-once {
padding: 22px 16px 22px 12px;
border-bottom: 2px dotted #be914b;
}
.sevice-menu-cat {
font-size: 20px;
margin: 0 auto 18px;
}
.sevice-menu-name p::after {
top: 10px;
}
.service-staff-box-cont-ttl, .service-inside-car-box-cont-ttl {
font-size: 22px;
margin: 0 0 2%;
}
.service-staff-box-cont p, .service-inside-car-box-cont p {
font-size: 16px;
line-height: 2.3;
}
.service-benefits-ttl {
font-size: 22px;
margin: 0 0 3%;
padding: 8px 20px;
}
.service-benefits-cont p {
font-size: 16px;
margin: 0 0 2%;
}
.service-benefits-box-cont02 ul li {
font-size: 14px;
padding: 0 0 0 16px;
line-height: 2;
}
.service-benefits-box-cont02 ul li::after {
top: 10px;
}
.sevice-menu-name p span.cgc02 {
font-size: 16px;
}
.sevice-menu-name p span {
font-size: 15px;
}
.add-info-box {
top: -60px;
margin: 0 auto 8%;
padding: 0 0 0 30px;
}
.add-info-box p {
font-size: 15px;
}
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width : 1000px) {
.add-info-box {
top: -38px;
margin: 0 auto 8%;
padding: 0 0 0 30px;
}

}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width : 767px) {
.service-inside-car-box {
flex-direction: row-reverse;
}
.service-staff-box-img,
.service-inside-car-box-img{
width: 35%;
padding: 1.5vw 0 0;
}
.service-staff-box-cont,.service-inside-car-box-cont {
padding: 0 0 0 4%;
}
.service-staff-box-cont-ttl, .service-inside-car-box-cont-ttl {
font-size: 4.4vw;
margin: 0 0 2%;
}
.service-staff-box-cont p, .service-inside-car-box-cont p {
font-size: 3.3vw;
line-height: 1.9;
}
.service-menu-ttl {
width: 77%;
font-size: 4.6vw;
letter-spacing: 0.15em;
margin: 8% auto 8%;
}

.sevice-menu-once {
padding: 16px 6px 16px;
border-bottom: 2px dotted #be914b;
}
.sevice-menu-cont-wrap {
width: 65%;
display: block;
justify-content: space-between;
}
.sevice-menu-name {
width: 100%;
font-size: 14px;
display: block;
margin: 0 0 3%;
}
.sevice-menu-price {
font-size: 14px;
padding: 0 0 0 16px;
width: 100%;
}
.sevice-menu-name p {
padding: 0 0 0 16px;
position: relative;
}
.sevice-menu-name p::after {
top: 7px;
}
.sevice-menu-img {
width: 32%;
}
.sevice-menu-name p span {
font-size: 13px;
}
.sevice-menu-cat {
font-size: 4.6vw;
margin: 0 auto 18px;
}
.sevice-menu-cat-sub {

margin: 0 0;
}
.sevice-menu-cat-sub p {
font-size: 14px;
padding: 0 0 0 56px;
}
.sevice-menu-cat-sub p::after {
width: 44px;
top: 10px;
}
.sevice-menu-cat-sub.type02 {
width: 100%;
position: relative;
margin: 16px 0 0;
}
.service-benefits-ttl {
font-size: 4.4vw;
text-align: center;
margin: 0 0 6%;
padding: 8px;
display: block;
line-height: 1.5;
}
.service-benefits-box-cont01,
.service-benefits-box-cont02{
display: block;
margin: 0 0 3%;
}
.service-benefits-cont {
width: 100%;
display: block;
padding: 0 0;
}
.service-benefits-cont p {
font-size: 3.4vw;
margin: 0 0 4%;
}
.service-benefits-img {
width: 100%;
}
.service-benefits-img01 {
width: 100%;
max-width: 240px;
}
.service-benefits-box-cont01 {
display: block;
justify-content: space-between;
margin: 0 0 8%;
}
.service-benefits-box-cont02 ul li {
font-size: 3.3vw;
padding: 3px 0 3px 16px;
line-height: 1.6;
}
.service-benefits-cont ul{
margin: 0 0 4%;
}
.service-benefits-att {
font-size: 10px;
font-weight: 400;
text-align: right;
padding: 4% 0 0;
}
.sevice-menu-name p span.cgc02 {
font-size: 13px;
}
.add-info-box {
top: -5vw;
margin: 0 auto 8%;
padding: 0 0 0 22px;
}
.add-info-box p {
font-size: 13px;
}
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@media only screen and (max-width : 500px) {
.add-info-box {
top: -2vw;
margin: 0 auto 8%;
padding: 0 0 0 22px;
}
.add-info-box span {
font-size: 12px;
}

}