.l-front-page-widget-area__item {
max-width: 50rem !important;
margin: 0 auto;
}
.l-front-page-widget-area__item .widget_search {
max-width: 43rem !important;
margin: 0 auto;
}
.l-front-page-widget-area__item .c-section {
padding-bottom: 0;
} .slick-dots li.slick-active button:before {
color: #fff;
}
.slick-dots li button::before {
color: #fff;
}
.wpaw-slider__item-title {
max-width: 520px;
padding-top: 60px;
}
.wpaw-slider__item-content {
max-width: initial!important;
}
.wpaw-slider__item-body {
overflow: visible;
width: 100%;
max-width: initial!important;
}
@media (min-width: 64em) {
.wpaw-slider__item-title {
left: -16vw;
position: relative;
top: 0;
}
.wpaw-slider__item-summary {
position: absolute;
bottom: -16vw;
right: 0px;
}
}
.yoshimi-mv-summary {
}
.yoshimi-mv-summary__blog {
margin-top: 20px;
width: 60px;
margin-bottom: 10px;
}
.yoshimi-mv-summary__sns {
display: flex;
}
.yoshimi-mv-summary__sns a {
width: 25px;
margin-right: 3px;
margin-left: 3px;
} .yoshimi-nqa {
max-width: 50rem !important;
margin: 0 auto;
border: 3px solid #000;
background: center bottom no-repeat;
background-size: 100%;
text-align: center;
padding: 30px;
}
.yoshimi-nqa__title {
max-width: 500px;
margin: 0 auto;
margin-bottom: 30px;
}
.yoshimi-nqa__text {
text-align: left;
margin-bottom: 30px;
}
.yoshimi-nqa__button {
max-width: 150px;
margin: 0 auto;
}
@media (min-width: 64em) {
.yoshimi-nqa {
margin-bottom: 4em;
}
.yoshimi-nqa__button a:hover {
opacity: 0.5;
}
} .yoshimi-service-sec {
padding-top: 2em;
padding-bottom: 2em;
background-color: #eeeeee;
}
.yoshimi-service-sec_inner {
padding-right: .93478rem;
padding-left: .93478rem;
margin-right: auto;
margin-left: auto;
max-width: 1240px;
}
@media (min-width: 40em){
.yoshimi-service-sec_inner {
padding-right: 1.86957rem;
padding-left: 1.86957rem;
}
}
.yoshimi-service-title {
text-align: center;
color: #00459a;
margin-bottom: 1em;
}
@media (min-width: 64em) {
.yoshimi-service-sec {
padding-top: 3em;
padding-bottom: 3em;
}
.yoshimi-service-title {
margin-bottom: 2em;
}
} .yoshimi-service-column {
display: block;
}
.yoshimi-service-column .yoshimi-service-box {
width: 100%;
}
@media (min-width: 64em) {
.yoshimi-service-column {
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
}
.yoshimi-service-column .yoshimi-service-box {
width: 50%;
}
} .yoshimi-service-box a{
width: 100%;
background: center bottom no-repeat;
background-size: cover;
display: block;
padding: 1.2em;
cursor: pointer;
}
.yoshimi-service-box__title {
padding: 1.2em;
padding-right: 2.2em;
border: solid 2px #fff;
background:url(/eysm/wp-content/themes/snow-monkey-child/img/top/img_service_icon.png) 94% center no-repeat;
background-size: 10px;
}
.yoshimi-service-box__title img {
max-height: 60px;
}
@media (min-width: 64em) {
.yoshimi-service-box a{
padding: 3em;
}
.yoshimi-service-box a:hover {
opacity: 0.8;
transition: 350ms ease;
}
.yoshimi-service-box__title {
padding: 1.2em 2em;
}
.yoshimi-service-box a:hover .yoshimi-service-box__title {
background-position:98% center;
transition: 350ms ease;
}
} .yoshimi-company-sec {
padding-top: 2em;
padding-bottom: 2em;
}
.yoshimi-company-title {
text-align: center;
color: #00459a;
margin-bottom: 1em;
}
@media (min-width: 64em) {
.yoshimi-company-sec {
padding-top: 3em;
padding-bottom: 3em;
}
.yoshimi-company-title {
margin-bottom: 2em;
}
} .yoshimi-company-column {
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
}
.yoshimi-company-column .yoshimi-company-box {
width: 50%;
}
.yoshimi-company-column2 {
display: block;
}
.yoshimi-company-column2 .yoshimi-company-box {
width: 100%;
}
@media (min-width: 64em) {
.yoshimi-company-column .yoshimi-company-box {
width: 25%;
}
.yoshimi-company-column2 {
box-sizing: border-box;
display: flex;
flex-flow: row wrap;
}
.yoshimi-company-column2 .yoshimi-company-box {
width: 50%;
}
} .yoshimi-company-box a{
width: 100%;
background: center top no-repeat;
background-size: cover;
display: block;
cursor: pointer;
}
.yoshimi-company-box__title {
padding: 3em 1em 5em 1em;
text-align: center;
background:url(/eysm/wp-content/themes/snow-monkey-child/img/top/img_company_icon.png) center calc(50% + 1.6em) no-repeat;
background-size: 20px;
}
.yoshimi-company-box__title img {
max-height: 1.5em;
}
@media (min-width: 64em) {
.yoshimi-company-box a{
}
.yoshimi-company-box a:hover {
opacity: 0.8;
transition: 350ms ease;
}
.yoshimi-company-box__title {
padding: 6em 1em 8em 1em;
background-position: center calc(50% + 1em);
}
} .yoshimi-contact-sec {
padding-top: 2em;
padding-bottom: 2em;
background-color: #eeeeee;
}
.yoshimi-contact-title {
text-align: center;
color: #00459a;
margin-bottom: 1em;
}
@media (min-width: 64em) {
.yoshimi-contact-sec {
padding-top: 3em;
padding-bottom: 3em;
}
.yoshimi-contact-title {
margin-bottom: 2em;
}
}
.yoshimi-contact-column {
display: block;
max-width: 51rem !important;
margin: 0 auto;
padding-left: 1em;
padding-right: 1em;
} .yoshimi-contact-box {
margin-top: 3em;
margin-bottom: 1em;
box-sizing: border-box;
display: flex;
flex-flow: row nowrap;
position: relative;
align-items: center;
background-color: #fff;
text-decoration: none;
}
@media (min-width: 64em) {
a.yoshimi-contact-box:hover {
opacity: 0.5;
transition: 350ms ease;
}
a[href^="tel"].yoshimi-contact-box{
pointer-events: none;
}
}
.yoshimi-contact-box__img{
display: none;
}
.yoshimi-contact-box__img img{
}
.yoshimi-contact-box__img figcaption{
display: none;
}
.yoshimi-contact-box__icon  {
position: absolute;
top: -20px;
text-align: center;
left: 0;
right: 0;
margin: auto;
width: 50px;
}
.yoshimi-contact-box__icon img  {
}
.yoshimi-contact-box__body {
padding: 2em 1em 1em 1em;
background-color: #fff;
width: 100%;
}
.yoshimi-contact-box__title {
font-size: 1.4em;
text-align: center;
color: #00459a;
font-weight: bold;
}
.yoshimi-contact-box__text {
color: #00459a;
}
@media (min-width: 40em) {
.yoshimi-contact-box {
margin-top: 0;
}
.yoshimi-contact-box__img{
display: block;
position: relative;
width: 25%;
}
.yoshimi-contact-box__img img{
width: 100%;
}
.yoshimi-contact-box__img figcaption{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2.2em;
color: #fff;
font-weight: bold;
}
.yoshimi-contact-box__icon  {
top: 50%;
left: calc(25% - 20px);
right: auto;
transform: translate(0%, -50%);
width: 40px;
}
.yoshimi-contact-box__icon img  {
}
.yoshimi-contact-box__body {
padding: .5em .5em .5em 2.4em;
width: 75%;
}
.yoshimi-contact-box__title {
text-align: left;
}
.yoshimi-contact-box__text {
}
}
@media (min-width: 64em) {
.yoshimi-contact-box {
}
.yoshimi-contact-box__img{
width: 32%;
}
.yoshimi-contact-box__img img{
}
.yoshimi-contact-box__img figcaption{
}
.yoshimi-contact-box__icon  {
left: calc(32% - 30px);
right: auto;
width: 60px;
}
.yoshimi-contact-box__icon img  {
}
.yoshimi-contact-box__body {
padding: .5em .5em .5em 2.8em;
width: 68%;
}
.yoshimi-contact-box__title {
font-size: 2.2em;
}
.yoshimi-contact-box__text {
font-size: 1.2em;
}
}