body {
font-size: 16px;
font-family: "Hiragino Kaku Gothic Std","ヒラギノ角ゴ Std W5","游ゴシック",sans-serif;
color: #000;
line-height: 1.2;
background-color: #fff;
}  .c-mainvisual-sp {
width: 100%;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .c-mainvisual-sp {
width: 100%;
}}
@media screen and (min-width:1080px) { .c-mainvisual-sp {
display: none;
}}
.c-mainvisual-pc {
width: 100%;
}
@media screen and (max-width: 1079px) { .c-mainvisual-pc {
display: none;
}}
@media screen and (max-width: 599px) { .c-mainvisual-pc {
display: none;
}} .message-img-sp {
width: 100%;
max-width: 735px;
display: block;
margin: 50px auto 0;
padding: 0 1% 0 1%;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .message-img-sp {
width: 100%;
max-width: 735px;
display: block;
margin: 50px auto 0;
padding: 0 1% 0 1%;
}}
@media screen and (min-width:1080px) { .message-img-sp {
display: none;
}}
.message-img-pc {
width: 100%;
max-width: 994px;
display: block;
margin: 104px auto 0;
padding-left: 5%;
}
@media screen and (max-width: 1079px) { .message-img-pc {
display: none;
}}
@media screen and (max-width: 599px) { .message-img-pc {
display: none;
}} .wrapper-company {
padding: 0 1% 0 1%;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .wrapper-company {
padding: 0 1% 0 1%;
}}
@media screen and (min-width:1080px) { .wrapper-company {
width: 100%;
max-width: 900px;
padding: 0 1% 0 1%;
display: block;
margin: auto;
}} .company {
max-width: 750px;
height: auto;
display: block;
margin: auto;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .company {
max-width: 750px;
height: auto;
display: block;
margin: auto;
}}
@media screen and (min-width:1080px) { .company {
max-width: 1080px;
height: auto;
display: block;
margin: auto;
}}
.company-h2-area {
width: 100%;
max-width: 720px;
display: block;
margin: auto;
}
.company-text-img-sp {
width: 75%;
max-width: 507px;
margin-top: 138px;
margin-left: 7%;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .company-text-img-sp {
width: 100%;
max-width: 507px;
margin-top: 138px;
margin-left: 7%;
}}
@media screen and (min-width:1080px) { .company-text-img-sp {
display: none;
}}
.company-text-img-pc {
margin-top: 151px;
margin-left: 10%;
}
@media screen and (max-width: 1079px) { .company-text-img-pc {
display: none;
}}
@media screen and (max-width: 599px) { .company-text-img-pc {
display: none;
}}
.company-inner {
max-width: 712px;
margin: 83px auto 0 ;
display: flex;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .company-inner {
max-width: 712px;
margin: 83px auto 0 ;
display: flex;
}}
@media screen and (min-width:1080px) { .company-inner {
max-width: 1080px;
margin: 83px auto 0 ;
display: flex;
}}
.company-inner02 {
max-width: 712px;
margin: 30px auto 0 ;
display: flex;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .company-inner02 {
max-width: 712px;
margin: 30px auto 0 ;
display: flex;
}}
@media screen and (min-width:1080px) { .company-inner02 {
max-width: 1080px;
margin: 30px auto 0 ;
display: flex;
}}
.company-title {
width: 100%;
max-width: 312px;
font-size: 16px;
font-weight: 500;
line-height: 1.8;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .company-title {
width: 100%;
max-width: 312px;
font-size: 20px;
font-weight: 500;
line-height: 1.8;
}}
@media screen and (min-width:1080px) { .company-title {
width: 100%;
max-width: 361px;
font-size: 25px;
font-weight: 500;
line-height: 1.8;
}}
.company-title::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
background-image: url(//www.yume-saki.com/wp/wp-content/themes/yumesaki/images/company.svg);
background-size: contain;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 4px;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .company-title::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url(//www.yume-saki.com/wp/wp-content/themes/yumesaki/images/company.svg);
background-size: contain;
vertical-align: middle;
margin-right: 31px;
margin-bottom: 4px;
}}
@media screen and (min-width:1080px) { .company-title::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
background-image: url(//www.yume-saki.com/wp/wp-content/themes/yumesaki/images/company.svg);
background-size: contain;
vertical-align: middle;
margin-right: 31px;
margin-bottom: 4px;
}}
.company-item {
width: 100%;
max-width: 400px;
font-size: 16px;
font-weight: 500;
line-height: 1.8;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .company-item {
width: 100%;
max-width: 400px;
font-size: 20px;
font-weight: 500;
line-height: 1.8;
}}
@media screen and (min-width:1080px) { .company-item {
width: 100%;
max-width: 573px;
font-size: 25px;
font-weight: 500;
line-height: 1.8;
}}
.company-hr-img {
width: 100%;
max-width: 720px;
display: block;
margin: 18px auto 0;
}
@media screen and (min-width:600px) and ( max-width:1079px) { .company-hr-img {
width: 100%;
max-width: 720px;
display: block;
margin: 18px auto 0;
}}
@media screen and (min-width:1080px) { .company-hr-img {
display: none;
}}
.company-hr-img-pc {
width: 100%;
max-width: 933px;
display: block;
margin: 18px auto 0;
}
@media screen and (max-width: 1079px) { .company-hr-img-pc {
display: none;
}}
@media screen and (max-width: 599px) { .company-hr-img-pc {
display: none;
}}