@charset "UTF-8";
.c-offcanvas {
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.c-offcanvas-bg.c-offcanvas-bg--push, .c-offcanvas-bg.c-offcanvas-bg--reveal, .c-offcanvas-content-wrap, .c-offcanvas {
transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}
.c-offcanvas.is-open {
transform: translate3d(0, 0, 0);
visibility: visible;
} .c-offcanvas-content-wrap {
z-index: 3;
} .c-offcanvas {
position: fixed;
min-height: 100%;
max-height: none;
top: 0;
display: block;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
}
.c-offcanvas--opening {
transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.c-offcanvas.is-closed {
max-height: 100%;
overflow: hidden;
visibility: hidden;
box-shadow: none;
}
.c-offcanvas--overlay {
z-index: 1080;
}
.c-offcanvas--reveal {
z-index: 2;
} .c-offcanvas-bg {
position: fixed;
top: 0;
height: 100%;
width: 100%;
z-index: 1079;
left: -100%;
background-color: transparent;
transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
left: 0;
background-color: rgba(0, 0, 0, 0.68);
visibility: visible;
}
.c-offcanvas-bg.is-closed {
visibility: hidden;
}
.c-offcanvas-bg--closing.is-animating {
background: transparent;
} .c-offcanvas--left {
height: 100%;
width: 17em;
transform: translate3d(-17em, 0, 0);
} .c-offcanvas--right {
height: 100%;
width: 17em;
right: 0;
transform: translate3d(17em, 0, 0);
} .c-offcanvas--top {
left: 0;
right: 0;
top: 0;
height: 12.5em;
min-height: auto;
width: 100%;
transform: translate3d(0, -12.5em, 0);
} .c-offcanvas--bottom {
top: auto;
left: 0;
right: 0;
bottom: 0;
height: 12.5em;
min-height: auto;
width: 100%;
transform: translate3d(0, 12.5em, 0);
} .c-offcanvas-content-wrap {
z-index: 3;
}
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--left.is-open {
transform: translate3d(17em, 0, 0);
}
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
transform: translate3d(-17em, 0, 0);
}
.c-offcanvas--reveal {
z-index: 0;
transform: translate3d(0, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--left.is-open {
transform: translate3d(17em, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
transform: translate3d(-17em, 0, 0);
} .c-offcanvas--push {
z-index: 6;
}
.c-offcanvas--push--opening {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.c-offcanvas-content-wrap {
z-index: 3;
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--left.is-open {
transform: translate3d(17em, 0, 0);
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
transform: translate3d(-17em, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--left.is-open {
transform: translate3d(17em, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
transform: translate3d(-17em, 0, 0);
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}
[data-aos^=blind]{
}
[data-aos^=blind].aos-animate{
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:wght@700&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body,
html {
height: 100%;
}
body {
font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
font-weight: 400;
font-size: 16px;
-webkit-font-smoothing: antialiased;
color: #000;
min-width: 1200px; }
body.stop-scrolling {
height: 100%;
overflow: hidden !important;
}
.h1,
h1 {
font-size: 26px;
}
a {
transition: color 0.2s, background-color 0.2s, border-color 0.2s, text-decoratin 0.2s;
}
a:link,
a:visited {
color: #000;
}
a:hover {
opacity: 0.8;
}
img {
height: auto;
max-width: 100%;
}
.container {
width: 1168px;
padding-left: 24px;
padding-right: 24px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.container {
width: 100%;
}
}
main article {
padding-bottom: 0px;
}
@media screen and (max-width: 767px) {
main article {
padding-bottom: 0px;
}
}
.columns {
padding-top: 85px;
}
@media screen and (max-width: 767px) {
.columns {
flex-direction: column;
padding-top: 29px;
}
}
.columns aside {
width: 255px;
order: 1;
padding-bottom: 70px;
}
@media screen and (max-width: 767px) {
.columns aside {
width: 100%;
order: 2;
}
}
.columns main {
order: 2;
width: 830px;
}
@media screen and (max-width: 767px) {
.columns main {
width: 100%;
order: 1;
}
}
.navbar-default .navbar-nav > li > a {
color: #333;
outline: none;
position: relative;
}
@media screen and (max-width: 767px) {
body {
min-width: auto;
}
.navbar-default .navbar-nav > li.current-menu-item > a:before,
.navbar-default .navbar-nav > li > a:hover:before,
.navbar-default .navbar-nav > li > a:focus:before {
border-bottom: none;
}
}
@media (min-width: 768px) {
.header .container-fluid {
min-width: 1160px;
}
.navbar-default .navbar-nav > li > a {
color: #333;
outline: none;
padding: 8px 0 0 0;
height: 79px;
text-align: center;
font-weight: bold;
font-size: 15px;
}
.navbar-default .navbar-nav > li > a span {
color: #666666;
outline: none;
padding: 8px 0 0 0;
height: 79px;
font-size: 10px;
text-align: center;
font-weight: normal;
margin-top: 6px;
}
} .pc {
display: block !important;
}
span.pc {
display: inline !important;
}
.sp {
display: none !important;
}
@media only screen and (max-width: 767px) {
.pc {
display: none !important;
}
.sp {
display: block !important;
}
span.sp {
display: inline !important;
}
} .fr {
list-style: none;
display: flex;
}
.fr.between {
display: flex;
justify-content: space-between !important;
}
.fr.start {
display: flex;
justify-content: flex-start !important;
}
.fr.reverse {
display: flex;
flex-direction: row-reverse;
}
.fr.wrap {
display: flex;
flex-wrap: wrap;
}
.fr.center {
display: flex;
justify-content: center;
}
.fr.hcenter {
display: flex;
align-items: center;
}
.fr.bottom {
display: flex;
align-items: flex-end !important;
}
.fr.top {
display: flex;
align-items: flex-start !important;
} .btn {
display: inline-block;
padding: 0;
border: 0;
border-radius: 6px;
}
#header {
top: 0;
left: 0;
position: fixed;
width: 100%;
background-color: transparent;
transition: all 0.2s;
height: 110px;
background-color: #fff;
}
@media (min-width: 768px) {
.navbar-offcanvas .menu-globalmenu-container {
position: absolute;
left: 0;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
}
.fixed.header .navbar-default .navbar-collapse {
width: 300px;
float: none !important;
margin: 0px 0px 0 0px; padding: 0 0px 0 0;
transition: all 0.1s;
display: none !important;
position: absolute;
right: 0; }
.navbar-header {
display: flex;
justify-content: space-between;
float: none;
position: relative;
}
.navbar-header:before,
.navbar-header:after {
display: none;
}
.fixed.header .navbar-collapse.collapse {
display: none !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
@media (min-width: 767px) {
.fixed.header + .wrapper {
padding-top: 110px;
}
}
.wrapper {
padding-top: 110px;
}
#contents {
margin-top: 0px;
padding-bottom: 0;
}
.navbar-brand {
margin-top: 0px;
margin-left: 0px;
display: block;
text-decoration: none;
display: flex;
align-items: center;
}
.navbar-brand > img {
width: 182px;
height: auto;
margin-right: 25px;
vertical-align: bottom;
}
@media screen and (max-width: 767px) {
.navbar-brand > img {
width: 130px;
height: auto;
margin-right: 20px;
}
}
.navbar-brand span {
font-size: 22px;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.navbar-brand span {
font-size: 14px;
}
}
.navbar-brand span img {
vertical-align: bottom;
width: 152px;
min-width: 152px;
}
@media screen and (max-width: 767px) {
.navbar-brand span img {
width: 98px;
min-width: auto;
height: auto;
}
}
.social_link {
height: auto;
display: inline-block;
vertical-align: top;
padding: 0px 0px 0 0;
}
#glt-translate-trigger {
display: none;
}
@media screen and (max-width: 767px) {
.wrapper {
padding-top: 70px;
overflow: hidden;
}
#contents {
margin-top: 0px;
padding-top: 0px;
background-size: 100% auto !important;
}
}
@media screen and (max-width: 480px) {
#contents {
padding-bottom: 0;
}
}
@media (min-width: 768px) {
#header {
padding-top: 0px;
padding-bottom: 0px;
}
#contents {
min-height: 500px;
}
#header .logo {
margin: 0px 0 0px 60px;
}
.gnavi {
display: flex;
align-items: center;
justify-content: flex-end;
}
.gnavi .headbtns {
list-style: none;
display: flex;
margin-right: 60px;
align-items: center;
}
.gnavi .headbtns li.mail a {
width: 56px;
height: 56px;
border-radius: 50%;
display: block;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
background-color: #004795;
}
.gnavi .headbtns li.mail a svg {
width: 20px;
height: auto;
margin: 0 0;
}
.gnavi .headbtns li.mail a svg .cls {
fill: #004795;
}
.gnavi .headbtns li.mail a span {
font-size: 12px;
font-weight: 500;
}
.gnavi .headbtns li.mail.dl a {
background-color: #004795;
}
.gnavi .headbtns li.mail.mail a {
text-decoration: none;
}
.gnavi .headbtns li.mail.mail a span {
display: block;
text-align: center;
}
.gnavi .lang #google_language_translator {
display: none;
}
.gnavi .lang #flags.size18 {
margin: 0 17px 0;
width: auto;
}
.gnavi .lang #flags.size18 > ul {
display: flex;
}
.gnavi .lang #flags.size18 > ul > li {
margin: 0 10px;
}
.gnavi .lang #flags.size18 > ul > li > a {
display: block;
margin: 0;
float: none;
display: flex !important;
justify-content: center !important;
align-items: center !important;
background: none;
text-decoration: none;
width: auto !important;
height: auto !important;
}
.gnavi .lang #flags.size18 > ul li#Japanese {
order: 1;
}
.gnavi .lang #flags.size18 > ul li#Japanese a::after {
content: "N";
}
html[lang=ja] .gnavi .lang #flags.size18 > ul li#Japanese a {
font-weight: 900;
}
.gnavi .lang #flags.size18 > ul #English {
position: relative;
order: 2;
}
.gnavi .lang #flags.size18 > ul #English::before {
position: absolute !important;
left: -10px;
top: 50%;
transform: translateY(-50%);
content: "" !important;
display: block;
width: 1px;
height: 16px;
background-color: #000 !important;
}
.gnavi .lang #flags.size18 > ul #English a::after {
content: "G";
}
html[lang=en] .gnavi .lang #flags.size18 > ul #English a {
font-weight: 900;
}
.gmenu {
vertical-align: top;
display: inline-block;
margin: 0px 0px 0px 0px;
}
.gmenu ul.navi {
list-style: none;
margin: 0;
padding: 0;
display: flex;
height: 110px;
}
.gmenu ul.navi > li {
margin: 0;
padding: 0;
}
.gmenu ul.navi > li > a {
display: block;
height: 110px;
display: flex;
align-items: center;
line-height: 1.3;
padding: 0 16px;
font-size: 16px;
transition: none;
text-decoration: none;
position: relative;
font-weight: 700;
}
.gmenu ul.navi > li.current_page_item > a::after, .gmenu ul.navi > li.current-menu-parent > a::after,
.gmenu ul.navi > li > a:hover::after {
content: "";
width: 58px;
height: 4px;
background-color: #004795;
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
.gmenu ul.navi > li {
position: static;
cursor: pointer;
}
.gmenu ul.navi > li.menu-item-has-children > a {
pointer-events: none;
cursor: pointer;
}
.gmenu ul.navi li ul.sub-menu {
cursor: default;
position: absolute;
top: 160px;
left: 50%;
transform: translateX(-50%);
width: 1080px;
height: 250px;
margin: 0 -5px;
overflow: hidden;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
list-style: none;
height: 0;
transition: all 0.1s;
}
.gmenu ul.navi li:hover ul.sub-menu {
height: 275px;
transition: all 0.2s;
padding: 0px 0 0;
}
.gmenu ul.navi > li.menu-item-has-children:before {
content: "";
width: 100%;
height: 0;
background-color: #F2F7FD;
position: absolute;
left: 0;
top: 110px;
transition: all 0.2s;
}
.gmenu ul.navi > li.menu-item-has-children:hover:before {
height: 356px;
transition: all 0.2s;
display: block;
}
.gmenu ul.navi > li.menu-item-has-children:nth-child(3):hover:before {
height: 220px;
}
.gmenu ul.navi li ul.sub-menu > li {
width: 25%;
padding: 0 12px;
margin: 0 0px;
}
.gmenu ul.navi li.m-contact ul.sub-menu > li {
width: 50%;
}
.gmenu ul.navi li ul.sub-menu > li a {
display: block;
background-color: #ccc;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 24px 0;
text-decoration: none;
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
height: 120px;
color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.gmenu ul.navi li.m-business ul.sub-menu > li:first-child a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subb01.jpg);
}
.gmenu ul.navi li.m-business ul.sub-menu > li:nth-child(2) a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subb02.jpg);
}
.gmenu ul.navi li.m-business ul.sub-menu > li:nth-child(3) a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subb03.jpg);
}
.gmenu ul.navi li.m-business ul.sub-menu > li:nth-child(4) a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subb04.jpg);
}
.gmenu ul.navi li.m-business ul.sub-menu > li:nth-child(5) a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subb05.jpg);
}
.gmenu ul.navi li.m-business ul.sub-menu > li:nth-child(6) a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subb06.jpg);
}
.gmenu ul.navi li.m-business ul.sub-menu > li:nth-child(7) a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subb07.jpg);
}
.gmenu ul.navi li.m-company ul.sub-menu > li:first-child a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subc01.jpg);
}
.gmenu ul.navi li.m-company ul.sub-menu > li:nth-child(2) a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subc02.jpg);
}
.gmenu ul.navi li.m-company ul.sub-menu > li:nth-child(3) a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subc03.jpg);
}
.gmenu ul.navi li.m-company ul.sub-menu > li:nth-child(4) a {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-subc04.jpg);
}
.gmenu ul.navi li ul.sub-menu > li a:hover {
background-color: #004795;
color: #fff;
}
}
@media only screen and (max-width: 767px) {
.home #contents {
padding-top: 0px;
}
.navbar-header .rightmenu {
display: none;
}
} @media screen and (max-width: 767px) {
.navbar-toggle {
outline: none;
z-index: 1000;
position: fixed;
top: 0;
right: 20px;
display: block !important;
float: none;
padding: 0;
margin-top: 0px;
margin-right: 0px !important;
margin-bottom: 0px;
background-image: none;
border: 0;
height: 70px;
width: 70px;
z-index: 1001;
right: 0;
background: #004795 url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp_icon_menu.svg) no-repeat center center;
background-size: 30px 14px;
}
.navbar-toggle.is-active {
transition: all 0.2s;
background: #004795 url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon_close.svg) no-repeat center center;
background-size: 27px 27px;
}
.navbar-toggle:focus {
background-color: #004795;
}
.navbar-toggle:hover {
background-color: #004795;
}
.navbar-toggle.is-active:focus,
.navbar-toggle.is-active:hover {
background-color: #004795;
}
}
@media (min-width: 768px) {
.navbar-collapse {
z-index: 9;
position: fixed;
top: 0;
right: 0;
}
.navbar-collapse.in {
height: 100% !important;
background-color: #00A63B;
}
.navbar-toggle {
display: none !important;
}
}
.page-header {
margin: 0 0px;
padding: 0 0;
position: relative;
border-bottom: 0;
overflow: visible;
}
.page-header .inner {
border-radius: 0;
margin-right: 0px;
margin-left: 0;
overflow: hidden;
position: relative;
display: flex;
}
.page-header .inner::before {
content: "";
display: block;
min-width: calc(50% - 560px);
}
@media screen and (max-width: 767px) {
.page-header .inner::before {
width: 58px;
min-width: a;
}
}
.page-header .inner .mv {
flex-grow: 3;
height: 450px;
overflow: hidden;
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: visible;
}
@media screen and (max-width: 767px) {
.page-header .inner .mv {
height: 258px;
border-radius: 0;
}
}
.page-header .inner .ttlarea {
background-color: #004795;
position: absolute;
top: 50%;
left: 0;
width: 440px;
height: 278px;
display: flex;
flex-direction: column;
justify-content: center;
transform: translateY(-50%);
text-align: left;
padding: 0px 0 0 90px;
font-size: 20px;
line-height: 2;
font-weight: bold;
letter-spacing: 0.1em;
z-index: 1;
}
@media screen and (max-width: 767px) {
.page-header .inner .ttlarea {
width: 228px;
height: 150px;
padding: 0px 0 0 24px;
}
}
.page-header .inner .ttlarea .h1 {
padding-top: 0px;
margin: 0 0 5px;
line-height: 1;
color: #fff;
font-size: 40px;
letter-spacing: 0;
}
@media screen and (max-width: 767px) {
.page-header .inner .ttlarea .h1 {
font-size: 30px;
line-height: 1.2;
}
}
.page-header .inner .ttlarea .ttl {
font-size: 15px;
color: #fff;
}
.gmenu .nolink {
cursor: pointer;
}
.gmenu .nolink:before {
cursor: default;
}
.nolink,
.nolink > a {
pointer-events: none;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.gmenu {
display: none;
}
.gmenu + .lang,
.spmenu + .lang {
display: none;
}
.navbar-default {
padding-left: 0;
padding-right: 0;
}
#header .logo {
margin: 11px 0 0px 24px;
}
#header {
top: 0;
left: 0;
position: fixed;
width: 100%;
transition: all 0.2s;
height: 70px;
z-index: 2;
}
#header .headbtns {
display: none;
}
.navbar {
position: relative;
min-height: 70px;
margin-bottom: 0px;
border: 0px solid transparent;
}
.menu-spmenu-container {
padding: 0px;
} .spmenu.c-offcanvas {
background-color: #004795; }
.spmenu.c-offcanvas .spmenuarea {
margin-top: 70px;
height: calc(100vh - 70px);
overflow-x: hidden;
overflow-y: auto;
}
.spmenu.c-offcanvas .inner {
padding: 30px 30px 100px;
}
.spmenu.c-offcanvas .lang {
margin-left: 10px;
margin-bottom: 30px;
}
.spmenu.c-offcanvas .lang #google_language_translator {
display: none;
}
.spmenu.c-offcanvas .lang #flags.size18 {
margin: 0 0px 0;
width: auto !important;
float: none;
}
.spmenu.c-offcanvas .lang #flags.size18 > ul {
display: flex;
width: 100%;
float: none !important;
}
.spmenu.c-offcanvas .lang #flags.size18 > ul > li {
margin: 0;
width: 50%;
float: none !important;
}
.spmenu.c-offcanvas .lang #flags.size18 > ul > li > a {
padding: 10px 0;
display: block;
margin: 0;
float: none;
width: auto !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
background: none;
border: 1px solid #fff;
color: #fff;
text-decoration: none;
}
.spmenu.c-offcanvas .lang #flags.size18 > ul > li:last-child a {
border-right: none !important;
}
.spmenu.c-offcanvas .lang #flags.size18 > ul #Japanese {
order: 1;
}
.spmenu.c-offcanvas .lang #flags.size18 > ul #Japanese a::after {
content: "N";
}
.spmenu.c-offcanvas .lang #flags.size18 > ul #English {
order: 2;
}
.spmenu.c-offcanvas .lang #flags.size18 > ul #English a::after {
content: "G";
}
.spmenu.c-offcanvas .bogo-language-switcher {
display: flex;
width: 100%;
margin-bottom: 30px;
}
.spmenu.c-offcanvas .bogo-language-switcher li {
width: 50%;
position: relative;
padding: 0 0 0 0px;
}
.spmenu.c-offcanvas .bogo-language-switcher li span:first-child {
display: none;
}
.spmenu.c-offcanvas .bogo-language-switcher li span:last-child {
display: block;
border: 1px solid #fff;
color: #fff;
text-align: center;
height: 44px;
line-height: 44px;
}
.spmenu.c-offcanvas .bogo-language-switcher li a {
display: block;
color: #fff;
font-size: 15px;
text-decoration: none;
font-weight: normal;
padding: 0 0px;
text-align: center;
}
.spmenu.c-offcanvas .bogo-language-switcher li:nth-child(2) {
order: 1;
}
.spmenu.c-offcanvas .bogo-language-switcher li:nth-child(2) span {
border-right: none;
}
.spmenu.c-offcanvas .bogo-language-switcher li:first-child {
order: 2;
}
.spmenu.c-offcanvas .bogo-language-switcher li.current a {
font-weight: 700;
}
.spmenu.c-offcanvas ul {
list-style: none;
}
.spmenu.c-offcanvas .navi li a {
padding: 20px 15px;
color: #fff;
display: block;
font-size: 16px;
text-decoration: none;
position: relative;
}
.spmenu.c-offcanvas .navi li.menu-item-has-children {
position: relative;
}
.spmenu.c-offcanvas .navi li.menu-item-has-children span {
top: 0px;
position: absolute;
right: -15px;
width: 64px;
height: 64px;
text-align: center;
line-height: 64px;
}
.spmenu.c-offcanvas .navi li.menu-item-has-children span i {
font-weight: bold;
font-size: 15px;
color: #fff;
}
.spmenu.c-offcanvas .navi li.menu-item-has-children span.active i:before {
content: "\f077";
}
.spmenu.c-offcanvas .navi li.menu-item-has-children > a { }
.spmenu.c-offcanvas .navi li.menu-item-has-children > a.active:after { }
.spmenu.c-offcanvas .navi li.menu-item-has-children .sub-menu {
display: none;
}
.spmenu.c-offcanvas .navi li.menu-item-has-children .sub-menu li a {
padding: 20px 15px 20px 2em;
}
.c-offcanvas--right {
width: 75%;
}
.c-offcanvas-bg.is-animating,
.c-offcanvas-bg.is-open {
background-color: rgba(0, 0, 0, 0.5);
}
}
@media (min-width: 768px) {
.navbar-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.navbar-nav {
margin: 0 0px 0 0;
}
.navbar-nav > li {
width: auto;
position: relative;
}
.navbar-nav > li ul {
display: none;
}
.navbar-nav > li ul.sub-menu {
display: none;
}
.navbar-nav > li:hover ul.sub-menu {
list-style: none;
display: block;
position: absolute;
top: 90px;
left: calc(50% - 90px);
background-color: #fff;
width: 180px;
text-align: center;
padding: 10px 0;
}
.navbar-nav > li:hover ul.sub-menu li {
text-align: center;
}
.navbar-nav > li:hover ul.sub-menu li a {
display: block;
padding: 10px 0;
text-align: center;
text-decoration: none;
}
.navbar-nav > li:hover ul.sub-menu li a:hover {
background-color: #eee;
}
.navbar-default .navbar-collapse {
transition: all 0.1s;
margin-top: 32px;
padding: 0;
width: 100%;
}
}
.sub-page-contents > .bread {
background-color: #fff;
}
.breadcrumbs {
line-height: 72px;
padding: 25px 0;
margin: 0px;
border-bottom: none;
margin-bottom: 0px;
font-size: 13px;
line-height: 1.3;
}
@media screen and (max-width: 767px) {
.breadcrumbs {
padding: 10px 0;
line-height: 1.3;
height: auto;
}
}
.breadcrumbs a {
text-decoration: none;
font-size: 13px;
color: #004795;
margin-right: 5px;
}
.page-company-child .breadcrumbs a:nth-child(2), .page-business-child .breadcrumbs a:nth-child(2), .page-simalfa .breadcrumbs a:nth-child(2) {
pointer-events: none;
}
@media screen and (max-width: 767px) {
.breadcrumbs a {
font-size: 8px !important;
}
}
.breadcrumbs strong {
margin-left: 5px;
font-weight: normal;
font-size: 13px;
}
@media screen and (max-width: 767px) {
.breadcrumbs strong {
font-size: 8px !important;
}
}
.pagination li > span {
border-color: #004795;
color: #fff;
} section {
margin-bottom: 0px;
display: block;
position: relative;
padding: 75px 0;
}
@media screen and (max-width: 767px) {
section {
padding: 42px 0;
}
}
section .anchor {
position: absolute;
top: -160px;
}
@media screen and (max-width: 767px) {
section .anchor {
top: -95px;
}
} .mainslide {
width: 100%;
margin: 0;
padding: 0;
position: relative;
height: auto;
min-width: 1160px;
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.mainslide {
min-width: auto;
padding-bottom: 0;
}
}
.mainslide .titletxt {
position: absolute;
top: calc(50% - 75px);
width: 100%;
text-align: center !important;
left: 0;
text-align: left;
height: auto;
padding-top: 0px;
font-size: 20px;
line-height: 2;
font-weight: bold;
letter-spacing: 0.1em;
}
.mainslide .titletxt img {
max-width: none;
}
@media screen and (max-width: 767px) {
.mainslide .titletxt img {
width: 317px;
height: auto;
}
}
.mainslide .inner {
border-radius: 0;
margin-right: 0px;
margin-left: 0;
overflow: hidden;
position: relative;
}
.mainslide .scroll {
height: 115px;
position: absolute;
text-align: right;
bottom: 0px;
left: calc(50% - 660px);
margin-left: 0px;
transform: translateX(-50%);
}
@media screen and (max-width: 1460px) {
.mainslide .scroll {
left: 40px;
}
}
.mainslide .scroll a {
width: 40px;
height: 100%;
display: inline-block;
position: relative;
transition: all 0.2s;
}
.mainslide .scroll a:before {
position: absolute;
content: "";
height: 55px;
width: 1px;
display: block;
background-color: #fff;
top: 60px;
left: 16px;
}
.mainslide .scroll a span {
display: block;
transform: rotate(-90deg);
color: #fff;
font-size: 13px;
font-weight: bold;
width: 8em;
position: absolute;
top: 40px;
left: -37px;
letter-spacing: 0.05em;
}
.home section #main_visual {
height: auto;
overflow: hidden;
position: relative;
}
.home .mainslide .slick-slide {
height: calc(100vh - 110px);
min-height: auto !important;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
outline: none; }
@media screen and (max-width: 767px) {
.home .mainslide .slick-slide {
height: calc(100vh - 70px);
}
}
.home .mainslide .slick-slide span {
height: 100%;
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.home .mainslide .slick-slide.slick-current { }
@-webkit-keyframes bgAnime {
0% { transform: scale(1.1, 1.1);
} 100% {
transform: scale(1, 1);
}
}
@keyframes bgAnime {
0% { transform: scale(1.1, 1.1);
} 100% {
transform: scale(1, 1);
}
}
.home .mainslide .s1 span {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/slide1.jpg);
}
@media screen and (max-width: 767px) {
.home .mainslide .s1 span {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp_slide1.jpg);
}
}
.home .mainslide .s2 span {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/slide2.jpg);
}
@media screen and (max-width: 767px) {
.home .mainslide .s2 span {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp_slide2.jpg);
}
}
.home .mainslide .s3 span {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/slide3.jpg);
}
@media screen and (max-width: 767px) {
.home .mainslide .s3 span {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp_slide3.jpg);
}
}
.home .mainslide .s4 span {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/slide4.jpg);
}
@media screen and (max-width: 767px) {
.home .mainslide .s4 span {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp_slide4.jpg);
}
}
.home .topicarea {
padding: 0;
}
@media screen and (max-width: 767px) {
.home .topicarea {
height: 50px;
margin-top: 20px;
padding: 0 0 0 20px;
}
}
.home .topicarea dl {
display: flex;
width: 50%;
margin: 0;
position: absolute;
top: -190px;
left: 50%;
z-index: 1;
background-color: #fff;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.home .topicarea dl {
width: 100%;
position: relative;
top: auto;
left: auto;
}
}
.home .topicarea dt {
max-width: 70px;
width: calc(100% - 70px);
flex-grow: 2;
background-color: #004795;
color: #fff;
text-align: center;
line-height: 80px;
font-size: 14px;
min-width: 70px;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.home .topicarea dt {
line-height: 50px;
font-size: 10px;
min-width: 40px;
width: 40px;
max-width: 40px;
font-size: 11px;
}
}
.home .topicarea dd {
width: calc(100% - 70px);
background-color: #fff;
display: flex;
align-items: center;
padding-left: 28px;
}
@media screen and (max-width: 767px) {
.home .topicarea dd {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: calc(100% - 40px);
padding-left: 10px;
text-align: left;
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.home .topicarea dd span {
display: block;
}
}
.home .topicarea dd a {
text-decoration: none;
padding: 0 0px 0 15px;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: #006CD8;
text-align: left;
font-size: 14px;
width: 100%;
}
.home .topicarea dd a:hover {
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.home .topicarea dd a {
font-size: 12px;
padding: 0;
}
}
.anchor {
position: absolute;
top: -70px;
}
.home .sec-about .anchor {
position: absolute;
top: -50px;
}
@media screen and (max-width: 767px) {
.home #main {
padding-top: 0px;
}
.home .minislider.slick-prev,
.home .minislider.slick-next {
display: none !important;
}
}
@media screen and (max-width: 767px) { .mainslide .container > .row > .col-md-12 {
padding: 0;
}
.container-fluid .mainslide .inner {
margin-right: 0px;
margin-left: 0px;
}
} .widget_recent_entries ul,
.widget_recent_comments ul,
.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_pages ul,
.widget_nav_menu ul {
list-style: none;
padding-left: 0;
}
.widget_categories ul li {
border-bottom: 1px solid #ddd;
}
.widget_categories ul li a {
padding: 15px 18px;
display: block;
line-height: 1.3;
position: relative;
font-size: 15px;
text-decoration: none;
}
.widget_categories ul li a::after {
position: absolute;
content: "\f054";
top: 50%;
color: #ccc;
transform: translateY(-50%);
right: 10px;
font-size: 10px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.widget_categories ul li ul li.current {
background-color: #D9E9F5;
}
.widget_categories > ul { }
.widget_categories > ul > li > a {
padding: 15px 0;
font-size: 14px;
font-weight: 500;
}
.widget_categories > ul > li > a::after {
color: #004B9E;
}
.widget_archive ul li a:hover,
.widget_categories ul li a:hover {
text-decoration: none;
background-color: #eee;
}
.widget_search .input-group {
margin-top: 0;
padding: 0px 0px 0;
position: relative;
}
.widget_search .btnarea {
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.widget_search .btnarea .btn {
outline: none;
background: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon_search.svg) no-repeat center center;
text-align: center;
display: block;
height: 21px;
width: 20px;
}
.widget_search input[type=search].form-control {
width: 100%;
border-radius: 5px;
background-color: #fff;
border: 1px solid #ddd;
padding-left: 35px;
}
.widget_search .input-group-btn {
position: relative;
}
.widget_archive .screen-reader-text {
display: none;
}
.widget_categories select,
.widget_archive select {
border: 1px solid #ddd;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
margin: 0;
height: 42px;
background: transparent;
position: relative;
z-index: 1;
padding: 0 40px 0 10px;
line-height: 40px;
background-color: #ffff;
border-radius: 5px;
outline: none;
}
@media screen and (max-width: 767px) {
.widget_categories select,
.widget_archive select {
line-height: 43px;
height: 45px;
}
}
.widwidget_categoriesget_archive select::-ms-expand,
.widget_archive select::-ms-expand {
display: none;
}
.widget_categories .inner,
.widget_archive .inner {
padding: 0px 0px 0;
}
.widget_categories .selectWrap,
.widget_archive .selectWrap {
position: relative;
background-color: #fff;
}
.widget_categories .selectWrap::before,
.widget_archive .selectWrap::before {
content: "";
position: absolute;
z-index: 0;
top: 0;
right: 0;
height: 40px;
width: 46px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.widget_categories .selectWrap::after,
.widget_archive .selectWrap::after {
content: "\f078";
font-family: "Font Awesome 5 Free";
position: absolute;
z-index: 1;
color: #004B9E;
top: 55%;
transform: translateY(-50%);
bottom: 0;
margin: auto 0;
right: 19px;
font-weight: bold;
}
.sidebar-widget {
margin: 0 0 40px;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.sidebar-widget {
margin-bottom: 40px;
}
}
.sidebar-widget__title {
margin-top: 0;
border-top: 1px solid #004B9E;
border-bottom: 1px solid #004B9E;
text-align: left;
font-weight: bold;
line-height: 1;
font-size: 15px;
padding: 15px 0 15px;
letter-spacing: normal;
margin-bottom: 20px;
}
.widget_categories .sidebar-widget__title {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.sidebar-widget__title {
margin-bottom: 20px;
border-width: 2px;
font-weight: bold;
margin-top: 0;
height: 45px;
line-height: 1 !important;
font-size: 14px !important;
text-align: left;
}
}
.sidebar-widget__title span {
margin: 0 10px;
}
.sidebar-widget__title a {
display: block;
padding: 0 0 0 15px !important;
}
.sidebar-widget__title a:hover {
text-decoration: none;
background-color: #ddd;
}
@media screen and (max-width: 767px) {
.widget-area {
padding: 0 15px 0px;
letter-spacing: -0.4em;
}
.widget.widget_recent_entries ul {
display: flex;
flex-wrap: wrap;
position: relative;
padding: 0px 0 0px 0px;
margin: 26px -15px 0 !important;
}
.widget_recent_entries .newslist.newsarea ul > li {
width: 50% !important;
padding: 0 15px 10px !important;
border-bottom: 0;
}
.widget_recent_entries .newslist.newsarea dt > a {
display: block;
width: 100%;
}
.widget_recent_entries .newslist.newsarea dt {
display: block;
}
.widget.widget_recent_entries li a, .widget.widget_archive li a {
position: relative;
padding: 18px 0 0px 0px;
color: #333;
font-size: 14px;
}
.widget_recent_entries .newslist.newsarea .metaarea {
margin: 16px 0 0;
padding-left: 0px !important;
font-size: 12px !important;
}
.widget_recent_entries .newslist.newsarea a.cat {
text-decoration: none;
width: 60px;
height: 24px;
line-height: 24px;
margin-right: 10px;
font-size: 10px;
padding: 0;
margin-bottom: 0;
}
.widget_categories .inner, .widget_archive .inner {
padding: 0px 0px;
padding: 0px 0px;
position: relative;
}
.widget_categories ul li {
padding: 0px 0;
letter-spacing: normal;
display: block;
position: relative;
vertical-align: top;
}
.widget.widget_recent_entries li, .widget.widget_archive li {
padding: 10px 0;
}
.widget_search { width: 100%; padding-right: 0px;
display: block;
vertical-align: top;
}
.widget_search .input-group {
margin-top: 0;
padding: 0px 0px;
display: block;
border-collapse: collapse;
}
.widget_search form .input-group {
height: 40px;
}
.widget_search input[type=search].form-control,
.widget_search input[type=text].form-control {
height: 43px;
line-height: 45px;
border-radius: 5px !important;
width: 100%;
padding: 0 10px 0 50px;
background-color: #fff;
border: 1px solid #ddd;
display: block !important;
}
.widget_archive { width: 100%; padding-right: 0px;
display: inline-block;
vertical-align: top;
}
.widget_categories .selectWrap::before,
.widget_archive .selectWrap::before {
width: 30px;
}
.widwidget_categoriesget_archive select::-ms-expand,
.widget_archive select::-ms-expand {
display: none;
}
}  #container { position: relative;
min-height: 100%;
}
.sub-page-contents {
padding-top: 0px;
}
#main {
margin-bottom: 0px;
}
.page-template-front-page #main,
.page-template-rich-front-page #main {
margin-bottom: 0;
}
.sub-page-contents .entry {
background-color: transparent;
}
@media (min-width: 992px) {
.col-md-pull-9 {
right: 760px;
}
.col-md-push-3 {
left: 340px;
}
}
.entry__title {
margin: 0 0 10px;
color: #445853;
font-size: 28px;
font-weight: normal;
}
.entry__content:before,
.entry__content:after {
content: " ";
display: table;
}
.entry__content {
padding: 0px;
margin-bottom: 0px;
}
.category .entry__content,
.search .entry__content,
.blog .entry__content,
.single-post .entry__content,
.date .entry__content {
padding-top: 30px;
}
.entry__content p {
line-height: 1.8;
word-wrap: break-word;
}
.home .entry__content p {
margin-bottom: 0;
}
.entry__content:after {
clear: both;
}
.entry__content > *:first-child {
margin-top: 0;
}
.blogarea {
background-color: #f5f5f5;
padding-bottom: 20px !important;
}
.blogarea .section {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.blogarea .section {
margin: 0 0px 30px;
padding-left: 15px;
padding-right: 15px;
}
.entry__content {
padding: 0px 0px;
margin-bottom: 0px;
}
.entry__content .fr {
display: block;
}
.entry__content .col-md-9 {
padding: 0 20px 30px;
width: 100%;
}
.entry__content .col-md-3 {
padding: 0 20px;
width: 100%;
}
.category .entry__content,
.search .entry__content,
.blog .entry__content,
.single-post .entry__content,
.date .entry__content {
padding-top: 40px;
}
} .header {
position: relative;
z-index: 5;
}
.header__content { } .site-branding {
padding: 20px 0;
}
.site-branding__heading {
font-size: 24px;
line-height: 1;
margin: 0;
}
@media screen and (min-width: 480px) {
.site-branding__heading {
font-size: 26px;
}
}
.site-branding__logo {
font-size: 24px;
line-height: 1;
margin: 0;
}
@media screen and (min-width: 480px) {
.site-branding__logo {
font-size: 26px;
}
}
.site-branding a {
text-decoration: none;
} @media screen and (max-width: 767px) {
.sidebar {
padding-top: 0px;
margin: 0 -15px;
}
}
.input-group .form-control {
z-index: 0 !important;
}
.form-control:focus {
outline: 0;
box-shadow: none !important;
} section.sec_cta {
padding: 70px 0;
color: #fff;
background: #467ab1;
background: linear-gradient(to bottom, #467ab1 0%, #101e38 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#467ab1", endColorstr="#101e38", GradientType=0);
}
@media screen and (max-width: 767px) {
section.sec_cta {
padding: 40px 0;
}
}
section.sec_cta .container {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
section.sec_cta .container .ttlarea {
color: #fff;
}
section.sec_cta .container .ttlarea .ttl {
color: #fff;
}
section.sec_cta .container > p {
font-size: 20px;
margin-bottom: 20px;
color: #fff;
}
@media screen and (max-width: 767px) {
section.sec_cta .container > p {
font-size: 17px;
line-height: 1.6;
margin-bottom: 20px;
text-align: center;
}
}
section.sec_cta .container a {
background-color: #004795;
display: block;
width: 250px;
height: 54px;
text-decoration: none;
color: #fff;
line-height: 54px;
border-radius: 27px;
font-size: 15px;
text-align: center;
}
section.sec_cta .container a span {
display: inline-block;
padding-left: 30px;
background: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon-mail.svg) left center no-repeat;
background-size: 20px auto;
}  #footer {
background-color: #F4F4F4;
width: 100%;
position: relative;
padding: 0;
}
@media only screen and (max-width: 767px) {
#footer {
padding: 25px 0;
background-color: #004B9E;
}
}
#footer .footertop {
padding: 55px 0 30px;
}
@media only screen and (max-width: 767px) {
#footer .footertop {
padding: 0px;
}
}
@media only screen and (max-width: 767px) {
#footer .footertop .footmenu {
display: none;
}
}
#footer .footertop .footmenu .menus > div {
width: calc((100% - 220px) / 5);
}
#footer .footertop .footmenu .menus > div ul {
list-style: none;
}
#footer .footertop .footmenu .menus > div ul.parent > li > a {
text-decoration: none;
font-weight: 700;
font-size: 14px;
font-size: 14px;
display: block;
border-bottom: 1px solid #DDD;
padding: 20px 0 15px;
margin-bottom: 15px;
}
#footer .footertop .footmenu .menus > div ul.parent > li > div {
font-size: 14px;
font-weight: 700;
}
#footer .footertop .footmenu .menus .sub-menu {
margin-top: 15px;
}
#footer .footertop .footmenu .menus .sub-menu li a {
display: block;
text-decoration: none;
padding: 5px 0;
position: relative;
font-size: 14px;
}
#footer .footertop .footmenu .menus .sub-menu li a::before {
content: "- ";
display: inline-block;
margin-right: 5px;
}
#footer .footertop .footmenu .menus .sub-menu li a:hover {
opacity: 0.8;
}
#footer .company-info .bottom {
line-height: 2;
}
#footer .company-info .bottom .copy {
color: #8D8D8D;
font-size: 13px;
padding: 40px 0;
}
@media only screen and (max-width: 767px) {
#footer .company-info .bottom .copy {
color: #fff;
text-align: center;
padding: 0;
}
}
@media screen and (max-width: 767px) {
.copyright .company-info .bottom p {
margin-bottom: 5px;
font-size: 12px;
}
.copyright .company-info .copy {
font-size: 10px;
margin-top: 25px;
}
}  .home section {
text-align: center;
}
.ttlarea {
margin-bottom: 65px;
text-align: center;
}
@media screen and (max-width: 767px) {
.ttlarea {
margin-bottom: 35px;
}
}
.ttlarea .h1 {
font-size: 50px;
font-weight: 700;
margin: 0 0 10px 0;
}
@media screen and (max-width: 767px) {
.ttlarea .h1 {
font-size: 28px;
}
}
.ttlarea .h1 + .ttl {
font-size: 18px;
}
@media screen and (max-width: 767px) {
.ttlarea .h1 + .ttl {
font-size: 12px;
}
}
.ttlarea .h2 {
font-size: 40px;
font-weight: 700;
line-height: 1.3;
font-family: "Ubuntu", sans-serif;
}
@media screen and (max-width: 767px) {
.ttlarea .h2 {
font-size: 35px;
font-weight: 700;
}
}
.ttlarea .h2 + .ttl {
margin-top: 5px;
font-size: 16px;
}
@media screen and (max-width: 767px) {
.ttlarea .h2 + .ttl {
font-size: 15px;
}
}
.ttlarea .ttl {
display: block;
font-weight: normal;
color: #006DBA;
}
@media screen and (max-width: 767px) {
.readmore {
margin-top: 30px;
}
}
.readmore a {
font-weight: normal;
font-size: 15px;
text-align: center;
display: block;
border: 1px solid #000;
text-decoration: none;
color: #000;
width: 210px;
line-height: 52px;
height: 54px;
background-color: #fff;
position: relative;
border-radius: 26px;
}
.readmore a::before {
position: absolute;
top: calc(50% - 0px);
right: 25px;
display: block;
width: 22px;
height: 8px;
color: inherit;
border-top: solid 1px;
content: "";
}
.readmore a::after {
position: absolute;
top: calc(50% - 0px);
right: 21px;
display: block;
width: 10px;
height: 10px;
color: inherit;
border-right: solid 1px;
content: "";
letter-spacing: 0.05em;
transform: rotate(-60deg) translateY(-50%);
}
@media screen and (max-width: 767px) {
.readmore a {
width: calc(100% - 30px);
margin: 0 auto;
}
}
.readmore a:hover {
border-color: #004B9E;
background-color: #004B9E;
color: #fff;
} #page-top {
display: none;
position: absolute;
z-index: 9999;
bottom: 0px;
right: 30px;
font-size: 12px;
}
#page-top a {
line-height: 1;
text-decoration: none;
color: #fff;
text-align: center;
width: 25px;
display: block;
position: relative;
padding: 0 0 8em 0;
transition: all 0.2s;
}
#page-top a:hover {
opacity: 0.8;
}
#page-top a:before {
content: "";
height: 75px;
width: 3px;
display: block;
background-color: #fff;
}
#page-top a span {
display: block;
transform: rotate(-90deg);
color: #fff;
font-size: 14px;
font-weight: bold;
width: 8em;
position: absolute;
bottom: 38px;
left: -55px;
}
#page-top a span:before {
position: absolute;
transform: rotate(40deg);
content: "";
width: 15px;
height: 3px;
right: -72px;
top: 2px;
background-color: #fff;
}
@media screen and (max-width: 767px) {
#page-top {
display: none;
position: fixed;
z-index: 9999;
bottom: 30px;
right: 30px;
font-size: 12px;
}
} .form-control {
box-shadow: none;
}
.form {
width: 100%;
margin: 0 auto;
}
.form dl {
width: 100%;
display: table;
border-bottom: 1px solid #D3D0C8;
margin-bottom: 0;
}
.form dt {
font-weight: normal;
padding: 18px 0px 18px 20px;
width: 220px;
display: table-cell;
position: relative;
vertical-align: top;
}
.form dd {
vertical-align: top;
padding: 12px 30px;
width: 518px;
display: table-cell;
}
.form .requre {
font-size: 100%;
font-weight: normal;
color: #B33232;
margin-left: 10px;
}
.mw_wp_form_confirm .form .requre {
display: none;
}
.form .two .form-inline > span {
display: inline-block;
width: 219px;
vertical-align: top;
}
.form .two .form-inline > span:first-child {
margin-right: 20px;
}
.form .two .form-control {
width: 219px;
}
.form .two .form-control:first-child {
margin-right: 0px;
}
.form-control {
display: block;
width: 100%;
height: 30px;
padding: 4px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 7px;
}
input[type=search].form-control,
input[type=text].form-control {
height: 42px;
line-height: 40px;
}
.form .age_area > span {
display: inline-block;
position: relative;
vertical-align: top;
line-height: 30px;
}
.form .age {
width: 80px;
margin: 0 10px 0 10px;
vertical-align: top;
}
.form .radioarea {
display: inline-block;
margin-left: 30px;
vertical-align: top;
}
.form .mwform-radio-field {
margin-right: 20px;
margin-left: 0px !important;
}
.form .mwform-checkbox-field {
margin-right: 20px;
margin-left: 0px !important;
}
.form .radioarea .mwform-radio-field {
margin-right: 0px;
margin-left: 20px !important;
}
.form .mwform-radio-field input,
.form .mwform-checkbox-field input {
margin-top: 0;
}
.form .mwform-zip-field {
display: block;
margin-bottom: 10px;
}
.form .mwform-zip-field input:first-child {
margin-left: 10px;
}
.form .prefecture_area {
line-height: 30px;
margin-bottom: 10px;
}
.form .prefecture_area span {
display: inline-block;
width: 4em;
}
.form .address_area span {
display: inline-block;
width: 4em;
}
.form .prefecture_area select {
display: inline-block;
margin-left: 10px;
width: 150px;
}
.form .address_area {
line-height: 30px;
}
.form .address_area input {
display: inline-block;
margin-left: 10px;
width: 395px;
}
.mwform-checkbox-field label,
.mwform-radio-field label {
line-height: 30px;
}
.form .cbox2 {
letter-spacing: -0.4em;
}
.form .cbox2 .mwform-checkbox-field {
display: inline-block;
letter-spacing: normal;
vertical-align: top;
margin-right: 0;
}
.form .cbox2 .mwform-checkbox-field:nth-child(odd) {
width: 198px;
}
.form .cbox2 .mwform-checkbox-field:nth-child(even) {
width: 290px;
}
.form dd.wide {
padding-right: 0;
}
.form .txt {
margin-bottom: 10px;
}
.form .tdtitle {
background-color: #F5F5F4;
padding: 4px 10px;
margin: 20px 0 10px;
}
.form .cbox {
margin-bottom: 10px;
}
.form .btnarea {
margin-top: 25px;
text-align: center;
letter-spacing: -0.4em;
}
.form .btnarea > div {
letter-spacing: normal;
display: inline-block;
}
.form .btnarea .btn {
margin: 0 15px;
width: 214px;
height: 50px;
font-weight: bold;
font-size: 120%;
letter-spacing: 0.1em;
}
.btn-primary {
color: #fff;
border: 0;
background: #0A59A8;
}
.btn-primary:hover {
opacity: 0.8;
}
.form .btnarea .btn-default {
color: #107E67;
background-color: #FFF;
border-color: #107E67;
}
.mw_wp_form {
margin-bottom: 60px;
}
.mw_wp_form .error {
margin-top: 5px;
}
.mw_wp_form .age_area .error {
margin-top: 0px;
}
.form .ktitle {
padding: 30px 0 15px 20px;
}
.formtxt {
overflow: auto;
height: 250px;
border: 1px solid #eee;
padding: 10px;
margin: 0px 20px 10px 20px;
line-height: 1.3;
}
.formtxt h4 {
font-size: 14px;
font-weight: normal;
margin-top: 20px;
}
.formtxt h4 span {
padding-right: 10px;
}
.formtxt h5 {
font-weight: normal;
}
.form .confirmcheck {
text-align: center;
font-size: 110%;
}
.form .confirmcheck .mwform-checkbox-field {
margin-right: 0px;
margin-left: 0px !important;
}
.mw_wp_form_confirm .confirmcheck,
.mw_wp_form_confirm .ktitle,
.mw_wp_form_confirm .formtxt {
display: none;
}
.mw_wp_form_confirm .two .form-inline > span {
width: auto;
}
@media screen and (max-width: 767px) {
.form dl {
display: block;
}
.form dt {
font-weight: normal;
padding: 10px 0px 0px 0px;
width: 100%;
display: block;
border-right: none;
position: relative;
vertical-align: top;
}
.form .requre {
font-size: 100%;
font-weight: normal;
color: #B33232;
margin-left: 0px;
}
.form dd {
vertical-align: top;
padding: 5px 0px 10px 0;
width: 100%;
display: block;
}
.form .two .form-inline > span {
width: 48%;
}
.form .two .form-control {
width: 100%;
}
.form .two .form-inline > span:first-child {
margin-right: 4%;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form .age {
width: 80px;
margin: 0 5px 0 5px;
}
.form .radioarea {
margin-left: 15px;
}
.form .radioarea .mwform-radio-field {
margin-right: 0px;
margin-left: 10px !important;
}
.form .address_area input {
display: block;
margin-left: 0px;
width: 100%;
}
.form .btnarea .btn {
margin: 0;
width: 100%;
height: 50px;
font-weight: bold;
font-size: 120%;
letter-spacing: 0.1em;
}
.form .btnarea .btn-primary {
background: #107E67;
}
.form .prefecture_area {
margin-bottom: 0px;
}
.form .txt {
font-size: 90%;
}
.form .ktitle {
padding: 20px 0 15px 0px;
}
.formtxt {
overflow: auto;
height: 250px;
border: 1px solid #eee;
padding: 10px;
margin: 0px 0px 10px 0px;
line-height: 1.3;
}
.mwform-tel-field input[type=text],
.mwform-zip-field input[type=text] {
max-width: 85px;
}
.mw_wp_form_confirm .btnarea > div {
min-width: 100px;
margin: 0 10px;
}
} .autopagination {
text-align: center;
}
.pagination-wrapper {
text-align: left !important;
}
@media screen and (max-width: 767px) {
.pagination-wrapper {
padding: 0px 0 50px 0;
}
}
.pagination {
list-style: none;
display: flex;
justify-content: flex-start;
padding-left: 0;
margin: 50px 0 0;
border-radius: 4px;
}
@media screen and (max-width: 767px) {
.pagination {
justify-content: center;
}
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 7px 13px;
margin: 0 6px;
line-height: 1.42857143;
color: #004B9E;
border-radius: 0px !important;
text-decoration: none;
background-color: #fff;
border: 1px solid #004B9E;
}
.pagination > li > span.current,
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
z-index: 2;
color: #FFF;
background-color: #004B9E;
border-color: #004B9E;
}
.pagination > li > a.prev,
.pagination > li > a.next {
color: #004B9E;
background-color: #F2F7FD;
border: 1px solid #F2F7FD;
}
.pagination > li > span.disable {
color: #fff;
background-color: #eee;
border: 1px solid #eee;
}
@media screen and (max-width: 767px) {
.pagination {
margin: 37px 0 0;
}
.pagination > li > a,
.pagination > li > span {
padding: 7px 15px;
margin: 0 4px;
font-size: 15px;
}
.pagination-wrapper {
text-align: center !important;
}
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 100px;
display: inline-block !important;
left: 50%;
transform: translateX(-550px);
width: auto;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots.thin {
bottom: 20px;
}
.slick-dots li {
position: relative;
display: inline-block;
width: auto;
height: 14px;
margin: 0 8px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 14px;
height: 14px;
padding: 0px;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
border: 0;
outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li.slick-active button {
border: 2px solid #fff;
background-color: transparent;
}
@media screen and (max-width: 767px) {
.slick-dots li button {
width: 40px;
}
}  .entries .article {
padding-bottom: 50px;
}
@media screen and (max-width: 767px) {
.entries .article {
padding-bottom: 0px;
}
}
.entry .article {
border-bottom: 1px solid #eee;
margin-bottom: 30px;
padding-bottom: 30px;
}
.entry .article .entry_title {
font-size: 16px;
border-left: 2px solid #008C8C;
padding: 0px 0 0px 15px;
margin-bottom: 10px;
display: block;
padding: 0px 110px 0px 15px;
}
.entry .article .date {
padding: 2px 7px;
float: right;
color: #FFF;
display: block;
background-color: #107E67;
font-size: 12px;
}
@media screen and (max-width: 480px) {
.entry .article .entry {
text-align: right;
}
.entry .article .date {
display: inline-block;
}
.entry .article .entry_title {
width: 100%;
padding: 0px 10px 0px 10px;
margin-top: 30px;
text-align: left;
}
.entry .article .entry__summary {
text-align: left;
}
}
#loading {
display: none;
} .sec_menu {
padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
.sec_menu {
overflow: hidden;
padding-bottom: 0;
}
}
.sec_menu .panel-group {
margin-bottom: 0px;
}
.sec_menu .panel-group .panel {
margin-bottom: 0;
border-radius: 0;
border: 0;
box-shadow: none;
}
.sec_menu .menubtns {
list-style: none;
margin: 0 auto;
justify-content: center;
}
@media screen and (max-width: 767px) {
.sec_menu .menubtns {
width: auto;
flex-wrap: wrap;
margin: 0px;
}
}
.sec_menu .menubtns > li {
width: 25%;
padding: 0 10px 0 10px;
}
@media screen and (max-width: 767px) {
.sec_menu .menubtns > li {
width: 50%;
padding: 0 8px 10px;
}
}
.sec_menu .menubtns > li a {
width: auto;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
font-size: 16px;
height: 60px;
line-height: 1.5;
border-bottom: 1px solid #004B9E;
position: relative;
text-align: center;
padding: 10px 0 10px;
}
@media screen and (max-width: 767px) {
.sec_menu .menubtns > li a {
width: auto;
height: auto;
font-size: 13px;
height: 37px;
line-height: 1.3;
text-align: center;
justify-content: center;
align-items: flex-end;
}
}
.sec_menu .menubtns > li a i {
color: #004B9E;
position: absolute;
right: 0;
top: 0;
font-size: 12px;
line-height: 60px;
}
@media screen and (max-width: 767px) {
.sec_menu .menubtns > li a i {
line-height: 37px;
font-size: 10px;
}
}
.sec_menu .panel-group .tablelist {
border-left: 1px solid #ddd;
width: auto;
margin: 50px 0 0;
}
.sec_menu .panel-group .tablelist > div:first-child,
.sec_menu .panel-group .tablelist > div:nth-child(2),
.sec_menu .panel-group .tablelist > div:nth-child(3) {
border-top: 1px solid #ddd;
}
.sec_menu .panel-group .tablelist > div {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
width: 33.333333333%;
}
.sec_menu .panel-group .tablelist > div a {
display: block;
text-align: center;
height: 50px;
line-height: 48px;
text-decoration: none;
}
.sec_menu .panel-group .tablelist > div a:hover {
background-color: #eee;
}
@media screen and (max-width: 767px) {
.sec_menu .panel-group .tablelist {
border-left: 1px solid #ddd;
width: auto;
margin: 30px 20px 0;
}
.sec_menu .panel-group .tablelist > div:nth-child(3) {
border-top: none;
}
.sec_menu .panel-group .tablelist > div {
width: 50%;
}
.sec_menu .panel-group .tablelist > div a {
font-size: 12px;
height: 37px;
line-height: 35px;
}
}
.page article {
padding-top: 0px;
}
body:not(.page-contact) .grecaptcha-badge {
display: none;
} .column-frame {
margin: 25px 60px;
background-color: #fff;
padding: 75px 0;
}
@media screen and (max-width: 767px) {
.column-frame {
margin: 50px 24px 0;
padding: 42px 0;
}
}
.column-frame:nth-child(odd) .column,
.column.c1 {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(odd) .column,
.column.c1 {
display: block;
}
}
.column-frame:nth-child(odd) .column .img,
.column.c1 .img {
order: 2;
width: calc(100% - 465px);
height: 500px;
position: relative;
margin-right: -60px;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(odd) .column .img,
.column.c1 .img {
width: 100%;
height: auto;
margin-bottom: 25px;
margin-right: -20px;
}
}
.column-frame:nth-child(odd) .column .img .inner,
.column.c1 .img .inner {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(odd) .column .img .inner,
.column.c1 .img .inner {
width: calc(100% + 48px);
height: 220px;
margin: 0 -24px;
}
}
.column-frame:nth-child(odd) .column .txt,
.column.c1 .txt {
order: 1;
width: 535px;
display: flex;
align-items: center;
margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(odd) .column .txt,
.column.c1 .txt {
width: 100%;
padding: 0 20px;
}
}
.column-frame:nth-child(odd) .column .txt .inner,
.column.c1 .txt .inner {
padding: 90px 50px 0 80px;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(odd) .column .txt .inner,
.column.c1 .txt .inner {
width: auto;
padding-left: 0;
padding: 0px 0px 0 0px;
}
}
.column-frame:nth-child(odd) .column .txt .inner .copy,
.column.c1 .txt .inner .copy {
text-align: left;
font-size: 22px;
margin-bottom: 40px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(odd) .column .txt .inner .copy,
.column.c1 .txt .inner .copy {
font-size: 19px;
margin-bottom: 20px;
}
}
.column-frame:nth-child(odd) .column .txt .inner p,
.column.c1 .txt .inner p {
font-size: 15px;
line-height: 1.8;
margin-bottom: 40px;
text-align: left;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(odd) .column .txt .inner p,
.column.c1 .txt .inner p {
font-size: 15px;
}
}
.column-frame:nth-child(odd) .column .readmore2,
.column.c1 .readmore2 {
text-align: left;
}
.column-frame:nth-child(odd) .column .readmore2 a,
.column.c1 .readmore2 a {
display: inline-block;
color: #006EBB;
text-decoration: none;
font-size: 15px;
width: 108px;
border-bottom: 1px solid #006EBB;
position: relative;
padding-bottom: 10px;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(odd) .column .readmore2 a,
.column.c1 .readmore2 a {
font-size: 13px;
width: 75px;
padding-bottom: 8px;
}
}
.column-frame:nth-child(odd) .column .readmore2 a:hover,
.column.c1 .readmore2 a:hover {
opacity: 0.8;
}
.column-frame:nth-child(odd) .column .readmore2 a:after,
.column.c1 .readmore2 a:after {
position: absolute;
transform: rotate(30deg);
content: "";
width: 18px;
height: 1px;
right: 0px;
bottom: 3px;
background-color: #006EBB;
}
.column-frame:nth-child(even) .column,
.column.c2 {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(even) .column,
.column.c2 {
display: block;
}
}
.column-frame:nth-child(even) .column .img,
.column.c2 .img {
width: calc(100% - 525px);
height: 500px;
position: relative;
margin-left: -60px;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(even) .column .img,
.column.c2 .img {
width: 100%;
height: auto;
margin-bottom: 25px;
margin-left: 0px;
}
}
.column-frame:nth-child(even) .column .img .inner,
.column.c2 .img .inner {
height: 100%;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(even) .column .img .inner,
.column.c2 .img .inner {
width: calc(100% + 48px);
height: 220px;
margin: 0 -24px;
}
}
.column-frame:nth-child(even) .column .txt,
.column.c2 .txt {
width: 585px;
display: flex;
align-items: center;
margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(even) .column .txt,
.column.c2 .txt {
width: 100%;
padding: 0 20px;
}
}
.column-frame:nth-child(even) .column .txt .inner,
.column.c2 .txt .inner {
padding: 90px 80px 0 50px;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(even) .column .txt .inner,
.column.c2 .txt .inner {
width: auto;
padding-left: 0;
padding: 0px 0px 0 0px;
}
}
.column-frame:nth-child(even) .column .txt .inner .copy,
.column.c2 .txt .inner .copy {
text-align: left;
font-size: 22px;
margin-bottom: 40px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(even) .column .txt .inner .copy,
.column.c2 .txt .inner .copy {
font-size: 19px;
margin-bottom: 20px;
}
}
.column-frame:nth-child(even) .column .txt .inner p,
.column.c2 .txt .inner p {
font-size: 15px;
line-height: 1.8;
margin-bottom: 40px;
text-align: left;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(even) .column .txt .inner p,
.column.c2 .txt .inner p {
font-size: 15px;
}
}
.column-frame:nth-child(even) .column .readmore2,
.column.c2 .readmore2 {
text-align: left;
}
.column-frame:nth-child(even) .column .readmore2 a,
.column.c2 .readmore2 a {
display: inline-block;
color: #006EBB;
text-decoration: none;
font-size: 15px;
width: 108px;
border-bottom: 1px solid #006EBB;
position: relative;
padding-bottom: 10px;
letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
.column-frame:nth-child(even) .column .readmore2 a,
.column.c2 .readmore2 a {
font-size: 13px;
width: 75px;
padding-bottom: 8px;
}
}
.column-frame:nth-child(even) .column .readmore2 a:hover,
.column.c2 .readmore2 a:hover {
opacity: 0.8;
}
.column-frame:nth-child(even) .column .readmore2 a:after,
.column.c2 .readmore2 a:after {
position: absolute;
transform: rotate(30deg);
content: "";
width: 18px;
height: 1px;
right: 0px;
bottom: 3px;
background-color: #006EBB;
} .home { }
.home main article {
padding-bottom: 0px !important;
}
.home .entry {
background-color: #F8F8F8;
padding-bottom: 60px;
}
.home .sec-about {
margin: 60px 60px;
text-align: center;
position: relative;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.home .sec-about {
margin: 50px 24px 0;
}
}
.home .sec-about .container {
position: relative;
}
.home .sec-about .ttlarea {
position: absolute;
left: 80px;
top: 35px;
text-align: left;
}
@media screen and (max-width: 767px) {
.home .sec-about .ttlarea {
position: relative;
left: auto;
top: auto;
text-align: center;
}
}
.home .sec-about .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-about01.jpg);
background-position: center left;
}
.home .sec-about .column .txt .inner {
padding: 120px 50px 0 80px;
}
@media screen and (max-width: 767px) {
.home .sec-about .column .txt .inner {
width: auto;
padding-left: 0;
padding: 0px 0px 0 0px;
}
}
.home .sec-business {
padding-bottom: 0;
}
.home .sec-business .block {
padding-top: 50px;
margin: 0px 60px 0;
background-color: #fff;
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.home .sec-business .block {
padding-top: 50px;
margin: 0px 24px 30px;
}
}
.home .sec-business .block > h3 {
font-size: 25px;
margin: 0 0 25px;
position: relative;
}
@media screen and (max-width: 767px) {
.home .sec-business .block > h3 {
margin: 0 0 50px;
font-size: 23px;
}
}
.home .sec-business .block > h3::after {
margin: 10px auto 0;
content: "";
display: block;
width: 30px;
height: 3px;
background-color: #004B9E;
}
.home .sec-business .block ul {
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.home .sec-business .block ul {
flex-wrap: wrap;
display: block;
}
}
.home .sec-business .block ul li {
width: 33.3333333333%;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.home .sec-business .block ul li {
width: 100%;
}
}
.home .sec-business .block ul li.b2 {
width: 100%;
}
@media screen and (max-width: 767px) {
.home .sec-business .block ul li {
width: 100%;
height: auto;
}
}
.home .sec-business .block ul li:first-child a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-business01.jpg);
}
.home .sec-business .block ul li:nth-child(2) a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-business02.jpg);
}
.home .sec-business .block ul li:nth-child(3) a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-business03.jpg);
}
.home .sec-business .block ul li:nth-child(4) a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-business04.jpg);
}
.home .sec-business .block ul li:nth-child(5) a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-business05.jpg);
}
.home .sec-business .block ul li:nth-child(6) a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-business06.jpg);
}
.home .sec-business .block ul li.b2 a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-business07.jpg);
}
.home .sec-business .block ul li a {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
height: 28vw;
text-decoration: none;
transition: background-size ease 0.3s;
position: relative;
background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 767px) {
.home .sec-business .block ul li a {
height: calc(85vw - 48px);
}
}
.home .sec-business .block ul li a:before {
content: "";
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
z-index: -1;
transition: all ease 0.3s;
}
.home .sec-business .block ul li a:hover {
opacity: 1;
}
.home .sec-business .block ul li a:hover:before {
transform: scale(1.1);
}
.home .sec-business .block ul li .titlearea h4 {
font-size: 30px;
letter-spacing: 0.1em;
margin-bottom: 20px;
line-height: 1;
position: relative;
}
.home .sec-business .block ul li .titlearea h4::after {
margin: 15px auto 0;
content: "";
display: block;
width: 40px;
height: 5px;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.home .sec-business .block ul li .titlearea h4 {
font-size: 25px;
}
.home .sec-business .block ul li .titlearea h4::after {
margin: 15px auto 0;
width: 30px;
height: 3px;
}
}
.home .sec-business .block ul li .titlearea p {
font-size: 15px;
margin-bottom: 0;
max-width: 305px;
margin: 0 auto;
line-height: 1.8;
min-height: 81px;
}
@media screen and (max-width: 767px) {
.home .sec-business .block ul li .titlearea p {
font-size: 14px;
margin-bottom: 0px;
min-height: auto;
max-width: none;
padding: 0 24px;
}
}
@media screen and (max-width: 767px) {
.home .sec-business .block ul li .titlearea .readmore {
margin-top: 0;
}
}
.home .sec-business .block ul li .titlearea .readmore span {
font-weight: normal;
font-size: 15px;
text-align: center;
text-decoration: none;
width: 140px;
line-height: 38px;
height: 40px;
position: relative;
display: block;
margin: 0 auto;
border: 1px solid #fff;
background-color: transparent;
color: #fff;
}
.home .sec-company {
padding-bottom: 0;
}
@media screen and (max-width: 767px) {
.home .sec-company {
padding-top: 0;
}
}
.home .sec-company .block {
position: relative;
z-index: 0;
}
@media screen and (max-width: 767px) {
.home .sec-company .block ul {
flex-wrap: wrap;
display: block;
}
}
.home .sec-company .block ul li {
width: 25%;
overflow: hidden;
}
@media screen and (max-width: 767px) {
.home .sec-company .block ul li {
width: 100%;
}
}
.home .sec-company .block ul li:first-child a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-company01.jpg);
}
.home .sec-company .block ul li:nth-child(2) a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-company02.jpg);
}
.home .sec-company .block ul li:nth-child(3) a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-company03.jpg);
}
.home .sec-company .block ul li:nth-child(4) a:before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-top-company04.jpg);
}
.home .sec-company .block ul li a {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
height: 23vw;
text-decoration: none;
transition: background-size ease 0.3s;
position: relative;
background-color: rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 767px) {
.home .sec-company .block ul li a {
height: 67vw;
}
}
.home .sec-company .block ul li a:before {
content: "";
position: absolute;
left: 0;
top: 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 100%;
height: 100%;
z-index: -1;
transition: all ease 0.3s;
}
.home .sec-company .block ul li a:hover {
opacity: 1;
}
.home .sec-company .block ul li a:hover:before {
transform: scale(1.1);
}
.home .sec-company .block ul li .titlearea .h3 {
font-size: 30px;
margin-bottom: 10px;
line-height: 1;
font-family: "Ubuntu", sans-serif;
margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
.home .sec-company .block ul li .titlearea .h3 {
font-size: 30px;
margin-bottom: 15px;
}
}
.home .sec-company .block ul li .titlearea h3 {
font-size: 16px;
margin-bottom: 40px;
font-weight: 400;
}
@media screen and (max-width: 767px) {
.home .sec-company .block ul li .titlearea h3 {
font-size: 15px;
margin-bottom: 15px;
}
}
@media screen and (max-width: 767px) {
.home .sec-company .block ul li .titlearea .readmore {
margin-top: 0;
}
}
.home .sec-company .block ul li .titlearea .readmore span {
font-weight: normal;
font-size: 15px;
text-align: center;
text-decoration: none;
width: 210px;
line-height: 52px;
height: 54px;
position: relative;
border-radius: 26px;
display: block;
margin: 0 auto;
border: 1px solid #fff;
background-color: transparent;
color: #fff;
position: relative;
}
@media screen and (max-width: 767px) {
.home .sec-company .block ul li .titlearea .readmore span {
line-height: 48px;
height: 50px;
width: 198px;
}
}
.home .sec-company .block ul li .titlearea .readmore span::before {
position: absolute;
top: calc(50% - 0px);
right: 25px;
display: block;
width: 22px;
height: 8px;
color: inherit;
border-top: solid 1px;
content: "";
}
.home .sec-company .block ul li .titlearea .readmore span::after {
position: absolute;
top: calc(50% - 0px);
right: 21px;
display: block;
width: 10px;
height: 10px;
color: inherit;
border-right: solid 1px;
content: "";
letter-spacing: 0.05em;
transform: rotate(-60deg) translateY(-50%);
}
.home .sec-company .block ul li a:hover .titlearea .readmore span {
background-color: rgba(255, 255, 255, 0.1);
}
.home .sec-news {
background-color: #fff;
margin: 60px 60px;
text-align: center;
}
@media screen and (max-width: 767px) {
.home .sec-news {
padding: 0px 0px 0px;
background-color: #F8F8F8ff;
margin: 40px 24px;
}
}
.home .sec-news .readmore {
text-align: center;
margin-top: 50px;
}
@media screen and (max-width: 767px) {
.home .sec-news .readmore {
margin-top: 30px;
}
}
.home .sec-news .readmore a {
display: inline-block;
}
@media screen and (max-width: 767px) {
.home .sec-news .readmore a {
display: inline-block;
width: 175px;
height: 45px;
line-height: 43px;
}
}
.home .sec-news .newslist.newsarea {
margin: 0 auto 0;
background-color: #fff;
width: 1080px;
padding: 0px 24px 0px;
}
@media screen and (max-width: 767px) {
.home .sec-news .newslist.newsarea {
padding: 50px 24px 50px;
width: auto;
}
}
.home .sec-recruit {
background-color: #fff;
margin: 60px 60px;
text-align: center;
}
@media screen and (max-width: 767px) {
.home .sec-recruit {
margin: 50px 24px 0;
}
}
.home .sec-recruit .container {
padding: 0;
}
.home .sec-recruit .ttlarea {
position: absolute;
left: calc(100% - 535px);
top: 35px;
text-align: left;
}
@media screen and (max-width: 767px) {
.home .sec-recruit .ttlarea {
position: relative;
left: auto;
top: auto;
text-align: center;
}
}
.home .sec-recruit .column.c2 .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-top-recruit.jpg);
}
.home .sec-recruit .column.c2 .txt .inner {
padding: 120px 80px 0 50px;
}
@media screen and (max-width: 767px) {
.home .sec-recruit .column.c2 .txt .inner {
width: auto;
padding-left: 0;
padding: 0px 0px 0 0px;
}
} .page-aboutus .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-about.jpg);
}
@media screen and (max-width: 767px) {
.page-aboutus .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-about.jpg);
}
}
section {
position: relative;
}
.sec-inui1 {
background-color: #F8F8F8;
text-align: center;
position: relative;
padding-bottom: 55px;
}
@media screen and (max-width: 767px) {
.sec-inui1 {
padding-bottom: 50px;
}
}
.sec-inui1 .column.c1 .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-about01.jpg);
background-position: left center;
}
@media screen and (max-width: 767px) {
.sec-inui1 .column.c1 .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-about01.jpg);
}
} .sec-inui2 ol li {
display: flex;
position: relative;
align-items: center;
margin-bottom: 237px;
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li {
flex-wrap: wrap;
margin-bottom: 30px;
}
}
.sec-inui2 ol li::before {
content: "";
display: block;
height: 500px;
width: calc(50% + 205px);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li::before {
height: 250px;
width: 100%;
}
}
.sec-inui2 ol li h3 {
background-color: #004B9E;
height: 350px;
width: calc(50% - 205px);
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li h3 {
margin-left: -203px;
width: 203px;
align-items: center;
justify-content: center;
height: 140px;
}
}
.sec-inui2 ol li h3 span {
width: 355px;
padding: 80px 95px;
color: #6BAADD;
font-size: 30px;
display: inline-block;
text-align: center;
}
html[lang=en] .sec-inui2 ol li h3 span {
padding: 80px 0px;
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li h3 span {
width: 203px;
padding: 0 !important;
font-size: 15px;
}
}
.sec-inui2 ol li h3 span strong {
display: block;
color: #FFF;
font-size: 50px;
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li h3 span strong {
font-size: 30px;
}
}
.sec-inui2 ol li .box {
position: absolute;
width: 675px;
height: 322px;
background-color: #F2F7FD;
padding: 60px 65px;
top: 363px;
left: calc(50% - 115px);
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li .box {
position: relative;
left: auto;
top: auto;
width: auto;
height: auto;
margin-top: -30px;
margin: -30px 24px 0;
padding: 34px 24px;
}
}
.sec-inui2 ol li .box .midash {
font-size: 25px;
color: #004B9E;
margin: 0 0 25px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li .box .midash {
font-size: 19px;
}
}
.sec-inui2 ol li .box p {
font-size: 15px;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li .box p {
font-size: 15px;
}
}
.sec-inui2 ol li:first-child::before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-about02.jpg);
}
.sec-inui2 ol li:nth-child(2)::before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-about03.jpg);
order: 2;
width: calc(50% + 205px);
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li:nth-child(2)::before {
width: 100%;
margin-left: 0;
z-index: -1;
}
}
.sec-inui2 ol li:nth-child(2) h3 {
order: 1;
width: calc(50% - 205px);
justify-content: flex-end;
min-width: 355px;
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li:nth-child(2) h3 {
min-width: auto;
width: 203px;
margin-left: 0;
margin-right: -203px;
}
}
.sec-inui2 ol li:nth-child(2) .box {
left: calc(50% - 560px);
}
@media screen and (max-width: 767px) {
.sec-inui2 ol li:nth-child(2) .box {
left: auto;
order: 3;
}
}
.sec-inui2 ol li:nth-child(3)::before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-about04.jpg);
}
.sec-inui2 .pdfarea {
background-color: #F8F8F8;
padding: 34px 0;
text-align: center;
}
.sec-inui2 .pdfarea a {
width: 300px;
text-decoration: none;
display: inline-block;
background-color: #004B9E;
text-align: center;
height: 54px;
line-height: 54px;
color: #fff;
border-radius: 27px;
}
.sec-inui2 .pdfarea a span {
font-size: 15px;
font-weight: bold;
display: inline-block;
padding-left: 30px;
background: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon-pdf.svg) no-repeat left center;
}
.sec-inui3 {
background-color: #F8F8F8;
text-align: center;
position: relative;
padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
.sec-inui3 {
padding-bottom: 30px;
}
}
.sec-inui3 .wbox {
text-align: center;
background-color: #fff;
padding: 80px 0;
}
@media screen and (max-width: 767px) {
.sec-inui3 .wbox {
padding: 45px 0;
}
}
.sec-inui3 .wbox p {
font-size: 20px;
line-height: 2.2;
}
@media screen and (max-width: 767px) {
.sec-inui3 .wbox p {
font-size: 15px;
}
}
.sec-inui3 .inner {
max-width: 900px;
margin: 50px auto;
}
.sec-inui3 .inner p {
font-size: 15px;
line-height: 2.2;
text-align: left;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.sec-inui3 .inner p {
line-height: 1.8;
}
}
.sec-inui3 h3 {
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #CCCCCC;
font-size: 24px;
margin: 0 0 50px;
}
@media screen and (max-width: 767px) {
.sec-inui3 h3 {
font-size: 20px;
padding-bottom: 10px;
margin: 0 0 30px;
}
}
.sec-inui3 ol {
list-style: decimal;
margin-bottom: 60px;
margin-left: 1em;
}
.sec-inui3 ol li {
line-height: 2.2;
text-align: left;
font-size: 15px;
}
@media screen and (max-width: 767px) {
.sec-inui3 ol li {
line-height: 1.8;
}
}
.sec-inui3 .box {
position: relative;
}
.sec-inui3 .box .anchor {
top: -220px;
}
@media (mim-width: 769px) {
.container {
display: flex;
flex-wrap: wrap;
width: 100%;
}
}
.page-chemicals .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-business01.jpg);
}
@media screen and (max-width: 767px) {
.page-chemicals .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-business01.jpg);
}
}
.page-environmental-management .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-business02.jpg);
}
@media screen and (max-width: 767px) {
.page-environmental-management .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-business02.jpg);
}
}
.page-environmental-management .page-header .inner .ttlarea {
padding: 0px 70px 0 90px;
}
@media screen and (max-width: 767px) {
.page-environmental-management .page-header .inner .ttlarea {
padding: 0px 0 0 24px;
}
}
.page-simalfa .page-header .inner .mv,
.page-housing-equipment .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-business03.jpg);
}
@media screen and (max-width: 767px) {
.page-simalfa .page-header .inner .mv,
.page-housing-equipment .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-business03.jpg);
}
}
.page-electronic-material .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-business04.jpg);
}
@media screen and (max-width: 767px) {
.page-electronic-material .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-business04.jpg);
}
}
.page-furniture .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-business05.jpg);
}
@media screen and (max-width: 767px) {
.page-furniture .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-business05.jpg);
}
}
.page-overseas .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-business06.jpg);
}
@media screen and (max-width: 767px) {
.page-overseas .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-business06.jpg);
}
}
.page-contract-manufacturing .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-business07.jpg);
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-business07.jpg);
}
}
.page-simalfa,
.page-business-child { }
.page-simalfa .sec-business-lead,
.page-business-child .sec-business-lead {
text-align: center;
padding-top: 50px;
}
.page-simalfa .sec-business-lead h2,
.page-business-child .sec-business-lead h2 {
font-size: 28px;
margin: 0 0 45px;
}
@media screen and (max-width: 767px) {
.page-simalfa .sec-business-lead h2,
.page-business-child .sec-business-lead h2 {
font-size: 19px;
margin: 0 0 25px;
line-height: 1.8;
}
}
.page-simalfa .sec-business-lead p,
.page-business-child .sec-business-lead p {
font-size: 15px;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.page-simalfa .sec-business-lead p,
.page-business-child .sec-business-lead p {
font-size: 15px;
text-align: left;
}
}
.page-simalfa .sec-business-strengths,
.page-business-child .sec-business-strengths {
background-color: #F8F8F8;
}
.page-simalfa .sec-business-strengths .column-frame .column .txt .inner h3,
.page-business-child .sec-business-strengths .column-frame .column .txt .inner h3 {
font-size: 33px;
margin: 0 0 30px;
color: #004B9E;
display: flex;
align-items: center;
line-height: 1.3;
letter-spacing: 0.1em;
flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
.page-simalfa .sec-business-strengths .column-frame .column .txt .inner h3,
.page-business-child .sec-business-strengths .column-frame .column .txt .inner h3 {
margin-top: 15px;
}
}
.page-simalfa .sec-business-strengths .column-frame .column .txt .inner h3 span,
.page-business-child .sec-business-strengths .column-frame .column .txt .inner h3 span {
letter-spacing: 0;
color: #000;
font-size: 18px;
margin-right: 15px;
}
.page-simalfa .sec-business-strengths .column-frame .column .txt .inner h3 strong,
.page-business-child .sec-business-strengths .column-frame .column .txt .inner h3 strong {
white-space: nowrap;
}
.page-simalfa .sec-business-strengths .column-frame .column .txt .inner p,
.page-business-child .sec-business-strengths .column-frame .column .txt .inner p {
margin-bottom: 0;
}
.page-simalfa .sec-business-products h3,
.page-business-child .sec-business-products h3 {
text-align: center;
font-size: 20px;
margin-bottom: 30px;
}
.page-simalfa .sec-business-products .productlist + h3,
.page-business-child .sec-business-products .productlist + h3 {
margin-top: 35px;
}
.page-simalfa .productlist ul,
.page-business-child .productlist ul {
list-style: none;
display: flex;
flex-wrap: wrap;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist ul,
.page-business-child .productlist ul {
display: block;
border: 0;
text-align: left;
}
}
.page-simalfa .productlist ul li,
.page-business-child .productlist ul li {
text-align: center;
height: 70px;
line-height: 1.3;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist ul li,
.page-business-child .productlist ul li {
width: 100% !important;
text-align: left;
border: 0;
display: block;
height: auto;
text-indent: -1.5em;
margin-left: 1.5em;
line-height: 2;
background-color: inherit;
}
.page-simalfa .productlist ul li::before,
.page-business-child .productlist ul li::before {
content: "■";
margin-right: 0.5em;
color: #004B9E;
}
}
.page-simalfa .productlist ul.u2 li,
.page-business-child .productlist ul.u2 li {
width: 50%;
}
.page-simalfa .productlist ul.u3 li,
.page-business-child .productlist ul.u3 li {
width: 33.33333%;
}
.page-simalfa .productlist ul.u4 li,
.page-business-child .productlist ul.u4 li {
width: 25%;
}
.page-simalfa .productlist ul.u5 li,
.page-business-child .productlist ul.u5 li {
width: 20%;
}
.page-simalfa .productlist2 .wrap,
.page-business-child .productlist2 .wrap {
width: 100%;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 .wrap,
.page-business-child .productlist2 .wrap {
margin-bottom: 35px;
}
}
.page-simalfa .productlist2 .block,
.page-business-child .productlist2 .block {
display: flex;
position: relative;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 .block,
.page-business-child .productlist2 .block {
display: block;
}
}
.page-simalfa .productlist2 .block .img,
.page-business-child .productlist2 .block .img {
width: 400px;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 .block .img,
.page-business-child .productlist2 .block .img {
width: 100%;
margin-bottom: 30px;
}
}
.page-simalfa .productlist2 .block .img img,
.page-business-child .productlist2 .block .img img {
vertical-align: bottom;
}
.page-simalfa .productlist2 .block h3,
.page-business-child .productlist2 .block h3 {
position: absolute;
border-top: 1px solid #004B9E;
border-bottom: 1px solid #004B9E;
padding: 20px 0;
left: 440px;
top: 0;
width: calc(100% - 440px);
font-size: 23px;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 .block h3,
.page-business-child .productlist2 .block h3 {
width: 100%;
position: relative;
left: auto;
top: auto;
font-size: 19px;
margin-bottom: 30px;
text-align: center;
}
}
.page-simalfa .productlist2 .block .txt,
.page-business-child .productlist2 .block .txt {
margin-top: 110px;
width: calc(100% - 400px);
padding-left: 40px;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 .block .txt,
.page-business-child .productlist2 .block .txt {
width: 100%;
padding-left: 0;
margin-top: 0;
}
}
.page-simalfa .productlist2 .block .txt p,
.page-business-child .productlist2 .block .txt p {
font-size: 15px;
line-height: 1.8;
}
.page-simalfa .productlist2 table,
.page-business-child .productlist2 table {
border-spacing: 0;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table,
.page-business-child .productlist2 table {
display: block;
}
}
.page-simalfa .productlist2 table th,
.page-simalfa .productlist2 table td,
.page-business-child .productlist2 table th,
.page-business-child .productlist2 table td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 25px 25px;
font-size: 15px;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table th,
.page-simalfa .productlist2 table td,
.page-business-child .productlist2 table th,
.page-business-child .productlist2 table td {
display: block;
padding: 20px 25px;
font-size: 13px;
line-height: 1.8;
}
}
.page-simalfa .productlist2 table th a,
.page-simalfa .productlist2 table td a,
.page-business-child .productlist2 table th a,
.page-business-child .productlist2 table td a {
color: #004B9E;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table thead,
.page-business-child .productlist2 table thead {
display: none;
}
}
.page-simalfa .productlist2 table thead th,
.page-business-child .productlist2 table thead th {
font-weight: normal;
background-color: #F8F8F8;
padding: 8px 0;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table tbody,
.page-business-child .productlist2 table tbody {
display: block;
}
}
.page-simalfa .productlist2 table tbody th,
.page-business-child .productlist2 table tbody th {
text-align: left;
width: 400px;
background-color: #F2F7FD;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table tbody th,
.page-business-child .productlist2 table tbody th {
width: 100%;
padding: 10px 25px;
}
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table tr,
.page-business-child .productlist2 table tr {
display: block;
}
}
.page-simalfa .sec-business-logistics .gray,
.page-business-child .sec-business-logistics .gray {
background-color: #F8F8F8;
padding: 50px;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.page-simalfa .sec-business-logistics .gray,
.page-business-child .sec-business-logistics .gray {
display: block;
padding: 0px;
background-color: #fff;
}
}
.page-simalfa .sec-business-logistics .gray > *,
.page-business-child .sec-business-logistics .gray > * {
width: 485px;
}
@media screen and (max-width: 767px) {
.page-simalfa .sec-business-logistics .gray > *,
.page-business-child .sec-business-logistics .gray > * {
width: 100%;
}
}
.page-simalfa .sec-business-logistics .gray .txt,
.page-business-child .sec-business-logistics .gray .txt {
display: flex;
flex-direction: column;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.page-simalfa .sec-business-logistics .gray .txt,
.page-business-child .sec-business-logistics .gray .txt {
display: block;
margin-top: 30px;
}
}
.page-simalfa .sec-business-logistics .gray .txt h3,
.page-business-child .sec-business-logistics .gray .txt h3 {
font-size: 25px;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.page-simalfa .sec-business-logistics .gray .txt h3,
.page-business-child .sec-business-logistics .gray .txt h3 {
font-size: 19px;
}
}
.page-simalfa .sec-business-logistics .gray .txt p,
.page-business-child .sec-business-logistics .gray .txt p {
font-size: 15px;
line-height: 2;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.page-simalfa .sec-business-logistics .gray .txt p,
.page-business-child .sec-business-logistics .gray .txt p {
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px) {
.page-simalfa .sec-business-logistics .gray .txt .map,
.page-business-child .sec-business-logistics .gray .txt .map {
margin-right: -24px;
margin-left: -24px;
}
} .page-chemicals .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b1-1.jpg);
}
@media screen and (max-width: 767px) {
.page-chemicals .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b1-1.jpg);
}
}
.page-chemicals .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b1-2.jpg);
}
@media screen and (max-width: 767px) {
.page-chemicals .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b1-2.jpg);
}
}
.page-chemicals .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b1-3.jpg);
}
@media screen and (max-width: 767px) {
.page-chemicals .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b1-3.jpg);
}
} .page-environmental-management .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b2-1.jpg);
}
@media screen and (max-width: 767px) {
.page-environmental-management .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b2-1.jpg);
}
}
.page-environmental-management .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b2-2.jpg);
}
@media screen and (max-width: 767px) {
.page-environmental-management .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b2-2.jpg);
}
}
.page-environmental-management .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b2-3.jpg);
}
@media screen and (max-width: 767px) {
.page-environmental-management .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b2-3.jpg);
}
} .page-housing-equipment .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b3-1.jpg);
}
@media screen and (max-width: 767px) {
.page-housing-equipment .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b3-1.jpg);
}
}
.page-housing-equipment .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b3-2.jpg);
}
@media screen and (max-width: 767px) {
.page-housing-equipment .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b3-2.jpg);
}
}
.page-housing-equipment .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b3-3.jpg);
}
@media screen and (max-width: 767px) {
.page-housing-equipment .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b3-3.jpg);
}
} .page-electronic-material .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b4-1.jpg);
}
@media screen and (max-width: 767px) {
.page-electronic-material .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b4-1.jpg);
}
}
.page-electronic-material .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b4-2.jpg);
}
@media screen and (max-width: 767px) {
.page-electronic-material .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b4-2.jpg);
}
}
.page-electronic-material .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b4-3.jpg);
}
@media screen and (max-width: 767px) {
.page-electronic-material .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b4-3.jpg);
}
} .page-furniture .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b5-1.jpg);
}
@media screen and (max-width: 767px) {
.page-furniture .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b5-1.jpg);
}
}
.page-furniture .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b5-2.jpg);
}
@media screen and (max-width: 767px) {
.page-furniture .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b5-2.jpg);
}
}
.page-furniture .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b5-3.jpg);
}
@media screen and (max-width: 767px) {
.page-furniture .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b5-3.jpg);
}
}
.page-furniture .sec-business-products {
background-color: #F8F8F8;
}
.page-furniture .sec-business-products .fr {
justify-content: space-between;
margin-bottom: 55px;
}
@media screen and (max-width: 767px) {
.page-furniture .sec-business-products .fr {
display: block;
margin: 0 24px 40px;
}
}
.page-furniture .sec-business-products .fr figure figcaption {
background-color: #fff;
text-align: center;
font-size: 15px;
font-weight: bold;
padding: 15px 0;
}
@media screen and (max-width: 767px) {
.page-furniture .sec-business-products .fr figure {
margin-bottom: 24px;
}
} .page-overseas .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b6-1.jpg);
}
@media screen and (max-width: 767px) {
.page-overseas .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b6-1.jpg);
}
}
.page-overseas .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b6-2.jpg);
}
@media screen and (max-width: 767px) {
.page-overseas .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b6-2.jpg);
}
}
.page-overseas .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b6-3.jpg);
}
@media screen and (max-width: 767px) {
.page-overseas .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b6-3.jpg);
}
}
@media screen and (max-width: 767px) {
.page-overseas .sec-business-flow .fr {
display: block;
}
}
.page-overseas .sec-business-flow .fr > div {
width: 345px;
}
@media screen and (max-width: 767px) {
.page-overseas .sec-business-flow .fr > div {
width: 100%;
margin-bottom: 40px;
}
.page-overseas .sec-business-flow .fr > div:last-child {
margin-bottom: 0;
}
}
.page-overseas .sec-business-flow figure img {
vertical-align: bottom;
}
.page-overseas .sec-business-flow figure figcaption {
background-color: #004B9E;
color: #fff;
text-align: center;
font-weight: bold;
padding: 12px 0;
font-size: 18px;
}
@media screen and (max-width: 767px) {
.page-overseas .sec-business-flow figure figcaption {
font-size: 19px;
}
}
.page-overseas .sec-business-flow ol {
counter-reset: item;
margin-top: 20px;
}
@media screen and (max-width: 767px) {
.page-overseas .sec-business-flow ol {
margin: 20px 24px 0;
}
}
.page-overseas .sec-business-flow ol li {
list-style: none;
margin-top: 5px;
}
@media screen and (max-width: 767px) {
.page-overseas .sec-business-flow ol li {
font-size: 15px;
}
}
.page-overseas .sec-business-flow ol li::before {
counter-increment: item;
content: counter(item) "";
background-color: #004B9E;
display: inline-block;
width: 16px;
height: 16px;
line-height: 16px;
border-radius: 8px;
color: #fff;
text-align: center;
font-size: 12px;
margin-right: 5px;
}
.page-overseas .sec-business-case {
background-color: #F8F8F8;
}
.page-overseas .sec-business-case dl > div {
margin-bottom: 25px;
}
.page-overseas .sec-business-case dl dt {
background-color: #004B9E;
color: #fff;
text-align: center;
font-size: 20px;
padding: 20px 0;
font-weight: bold;
position: relative;
}
@media screen and (max-width: 767px) {
.page-overseas .sec-business-case dl dt {
font-size: 15px;
padding: 20px 24px;
text-align: left;
line-height: 1.8;
}
}
.page-overseas .sec-business-case dl dt::after {
position: absolute;
content: "";
position: #004B9E;
left: 50%;
transform: translateX(-50%);
bottom: -9px;
width: 0;
height: 0;
border-style: solid;
border-width: 9px 8px 0 8px;
border-color: #004B9E transparent transparent transparent;
}
.page-overseas .sec-business-case dl dd {
border: 1px solid #004B9E;
color: #004B9E;
padding: 30px 0;
text-align: #004B9E;
text-align: center;
font-size: 18px;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.page-overseas .sec-business-case dl dd {
font-size: 15px;
padding: 20px 24px;
text-align: left;
line-height: 1.8;
}
} .page-contract-manufacturing .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b7-1.jpg);
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b7-1.jpg);
}
}
.page-contract-manufacturing .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b7-2.jpg);
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b7-2.jpg);
}
}
.page-contract-manufacturing .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b7-3.jpg);
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b7-3.jpg);
}
}
.page-contract-manufacturing .colums .column-frame:nth-child(4) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b7-4.jpg);
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .colums .column-frame:nth-child(4) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b7-4.jpg);
}
}
.page-contract-manufacturing .sec-business-case dl > div {
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .sec-business-case dl > div {
margin: 90px 0 0;
}
}
.page-contract-manufacturing .sec-business-case dl dt {
border: 1px solid #004B9E;
color: #004B9E;
padding: 20px 0 20px 157px;
text-align: #004B9E;
font-size: 20px;
font-weight: bold;
background-color: #fff;
border-radius: 10px;
position: relative;
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .sec-business-case dl dt {
font-size: 19px;
padding: 10px 24px;
text-align: center;
line-height: 1.5;
}
}
.page-contract-manufacturing .sec-business-case dl dt::after {
position: absolute;
content: "";
position: #004B9E;
left: 40px;
bottom: 0;
background: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon-person.svg) no-repeat center/cover;
width: 77px;
height: 90px;
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .sec-business-case dl dt::after {
width: 63px;
height: 74px;
left: 50%;
transform: translateX(-50%);
bottom: auto;
top: -74px;
}
}
.page-contract-manufacturing .sec-business-flow {
background-color: #F8F8F8;
}
.page-contract-manufacturing .sec-business-flow ol {
counter-reset: item;
margin-top: 20px;
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .sec-business-flow ol {
margin: 0px 0 24px 0;
}
}
.page-contract-manufacturing .sec-business-flow ol li {
list-style: none;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .sec-business-flow ol li {
font-size: 15px;
}
}
.page-contract-manufacturing .sec-business-flow ol li > div {
color: #fff;
background-color: #004B9E;
font-size: 20px;
padding: 0px;
display: flex;
height: 70px;
align-items: center;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .sec-business-flow ol li > div {
font-size: 19px;
height: 60px;
}
}
.page-contract-manufacturing .sec-business-flow ol li > div::before {
counter-increment: item;
content: counter(item) "";
background-color: #000;
display: inline-block;
width: 70px;
height: 70px;
line-height: 70px;
color: #fff;
text-align: center;
font-size: 25px;
margin-right: 20px;
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .sec-business-flow ol li > div::before {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 19px;
}
}
.page-contract-manufacturing .sec-business-flow ol li p {
border: 1px solid #004B9E;
color: #004B9E;
text-align: center;
font-size: 15px;
padding: 24px 0;
}
@media screen and (max-width: 767px) {
.page-contract-manufacturing .sec-business-flow ol li p {
padding: 15px 24px;
text-align: left;
}
}
.page-simalfa sup {
font-size: 50%;
}
.page-simalfa .sec-business-products {
background-color: #F8F8F8;
}
.page-simalfa .colums .column-frame .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b3-4.jpg);
}
@media screen and (max-width: 767px) {
.page-simalfa .colums .column-frame .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b3-4.jpg);
}
}
.page-simalfa .productlist2 .block h3 {
border: none;
background-color: #AC9E00;
color: #fff;
padding-left: 25px;
margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 .block h3 {
padding-left: 0;
padding: 10px 0;
}
}
.page-simalfa .productlist2 .block .txt {
margin-top: 90px;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 .block .txt {
margin-top: 0px;
}
}
.page-simalfa .productlist2 .block li span,
.page-simalfa .productlist2 .block p span {
color: #AC9E00;
}
.page-simalfa .productlist2 .block li {
text-indent: -1em;
margin-left: 1em;
list-style: none;
margin-bottom: 5px;
}
.page-simalfa .gbox {
border: 1px solid #AC9E00;
padding: 30px 40px;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.page-simalfa .gbox {
flex-direction: column;
padding: 30px 24px;
}
}
.page-simalfa .gbox div:first-child {
min-width: 104px;
}
.page-simalfa .gbox div:first-child img {
width: 104px;
height: auto;
}
.page-simalfa .gbox p {
font-size: 15px;
line-height: 1.8;
padding-left: 25px;
}
@media screen and (max-width: 767px) {
.page-simalfa .gbox p {
padding-left: 0px;
margin-top: 20px;
}
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table {
display: flex;
flex-wrap: wrap;
}
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table tbody {
display: block;
width: calc(100% - 4em);
}
}
.page-simalfa .productlist2 table tbody td {
background-color: #fff;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table tbody td {
min-height: 40px;
padding: 5px 22px;
text-align: left;
display: flex;
align-items: center;
justify-content: flex;
}
}
.page-simalfa .productlist2 table tbody td span {
display: block;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table tbody td span {
display: inline-block;
}
.page-simalfa .productlist2 table tbody td span::before {
content: "/";
}
}
.page-simalfa .productlist2 table tbody td:first-child {
background-color: #F2F0D8;
font-weight: bold;
}
.page-simalfa .productlist2 table tbody td:not(:last-child) {
text-align: center;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table thead {
display: block;
width: 4em;
}
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table thead tr {
display: flex;
flex-direction: column;
height: 100%;
}
.page-simalfa .productlist2 table thead tr th:last-child {
flex-grow: 3;
}
}
.page-simalfa .productlist2 table thead:not(:first-child) {
display: none;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 table thead:not(:first-child) {
display: block;
}
}
.page-simalfa .productlist2 .note {
text-align: center;
margin-top: 30px;
font-size: 15px;
}
@media screen and (max-width: 767px) {
.page-simalfa .productlist2 .note {
margin-top: 20px;
text-align: left;
list-style: 1.8;
}
}
.page-simalfa .sec-business-strengths .anchor {
top: -170px;
}
@media screen and (max-width: 767px) {
.page-simalfa .sec-business-strengths .anchor {
top: -145px;
}
}
.page-message .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-message.jpg);
}
@media screen and (max-width: 767px) {
.page-message .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-message.jpg);
}
}
.page-profile .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-profile.jpg);
}
@media screen and (max-width: 767px) {
.page-profile .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-profile.jpg);
}
}
.page-history .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-history.jpg);
}
@media screen and (max-width: 767px) {
.page-history .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-history.jpg);
}
}
.page-factory .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-factory.jpg);
}
@media screen and (max-width: 767px) {
.page-factory .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-factory.jpg);
}
}
.page-message article .fr {
padding: 0 0 0px;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.page-message article .fr {
display: block;
margin-bottom: 40px;
}
}
.page-message article .fr .txt {
padding-left: 55px;
}
@media screen and (max-width: 767px) {
.page-message article .fr .txt {
padding-left: 0px;
}
}
.page-message article .fr .txt h2 {
font-size: 30px;
margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
.page-message article .fr .txt h2 {
font-size: 19px;
margin-bottom: 25px;
}
}
.page-message article .fr .txt p {
font-size: 15px;
line-height: 1.7;
margin-bottom: 2em;
}
.page-message article .fr .txt p.name {
margin-left: 130px;
}
.page-message article .fr .img {
min-width: 410px;
}
@media screen and (max-width: 767px) {
.page-message article .fr .img {
text-align: center;
min-width: auto;
margin-bottom: 30px;
}
.page-message article .fr .img img {
max-width: 280px;
}
}
.page-profile .dtable table {
width: 100%;
border-top: 1px solid #004B9E;
margin: 0px;
border-spacing: 0;
}
@media screen and (max-width: 767px) {
.page-profile .dtable table {
margin: 0;
width: 100%;
}
}
.page-profile .dtable table th {
background-color: #F8F8F8;
padding: 35px 30px;
border-bottom: 1px solid #ddd;
text-align: left;
font-size: 15px;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.page-profile .dtable table th {
padding: 10px 0px;
font-size: 13px;
width: 100px;
text-align: center;
}
}
.page-profile .dtable table thead th {
background-color: #E8E8E8;
text-align: center;
font-weight: normal;
}
.page-profile .dtable table thead th:not(:first-child) {
border-left: 1px solid #ddd;
}
.page-profile .dtable table tbody th {
width: 200px;
}
@media screen and (max-width: 767px) {
.page-profile .dtable table tbody th {
width: 100px;
text-align: center;
}
}
.page-profile .dtable table td {
padding: 35px 30px;
border-bottom: 1px solid #ddd;
font-size: 15px;
line-height: 1.8;
border-left: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.page-profile .dtable table td {
padding: 10px 24px;
font-size: 13px;
}
}
.page-profile .dtable table tbody tr:last-child th,
.page-profile .dtable table tbody tr:last-child td {
border-bottom-color: #004B9E;
}
.page-profile .sec-proflie2 {
background-color: #F8F8F8;
}
.page-profile .sec-proflie2 .fr {
padding: 0 0 0px;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .fr {
display: block;
margin-bottom: 40px;
}
}
.page-profile .sec-proflie2 .fr .txt {
padding-left: 55px;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .fr .txt {
padding-left: 0px;
}
}
.page-profile .sec-proflie2 .fr .txt h2 {
font-size: 30px;
margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .fr .txt h2 {
font-size: 19px;
margin-bottom: 25px;
}
}
.page-profile .sec-proflie2 .fr .txt p {
font-size: 15px;
line-height: 1.7;
margin-bottom: 2em;
}
.page-profile .sec-proflie2 .fr .txt p.name {
margin-left: 130px;
}
.page-profile .sec-proflie2 .fr .dtable {
flex-grow: 1;
padding-right: 50px;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .fr .dtable {
padding-right: 0px;
}
}
.page-profile .sec-proflie2 .fr .imgs {
text-align: center;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .fr .imgs {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .fr .imgs figure {
display: inline-block;
}
}
.page-profile .sec-proflie2 .fr .imgs figure img {
width: 250px;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .fr .imgs figure img {
width: auto;
}
}
.page-profile .sec-proflie2 .fr .imgs figcaption {
padding: 10px 0 20px;
font-size: 15px;
text-align: left;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .fr .imgs figcaption {
text-align: left;
}
}
.page-profile .sec-proflie2 .dtable table,
.page-profile .sec-proflie3 .dtable table {
border-bottom: 1px solid #004B9E;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table,
.page-profile .sec-proflie3 .dtable table {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
}
.page-profile .sec-proflie2 .dtable table thead:not(:first-child),
.page-profile .sec-proflie3 .dtable table thead:not(:first-child) {
display: none;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table thead:not(:first-child),
.page-profile .sec-proflie3 .dtable table thead:not(:first-child) {
display: block;
}
}
.page-profile .sec-proflie2 .dtable table tbody tr:last-child th,
.page-profile .sec-proflie2 .dtable table tbody tr:last-child td,
.page-profile .sec-proflie3 .dtable table tbody tr:last-child th,
.page-profile .sec-proflie3 .dtable table tbody tr:last-child td {
border-color: #ddd;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table thead,
.page-profile .sec-proflie3 .dtable table thead {
display: block;
width: 100px;
}
.page-profile .sec-proflie2 .dtable table thead th,
.page-profile .sec-proflie3 .dtable table thead th {
width: 100%;
}
.page-profile .sec-proflie2 .dtable table thead th:last-child,
.page-profile .sec-proflie3 .dtable table thead th:last-child {
display: none;
}
.page-profile .sec-proflie2 .dtable table thead tr,
.page-profile .sec-proflie3 .dtable table thead tr {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.page-profile .sec-proflie2 .dtable table thead tr th:nth-child(2),
.page-profile .sec-proflie3 .dtable table thead tr th:nth-child(2) {
flex-grow: 10;
border-left: 0;
}
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table tbody,
.page-profile .sec-proflie3 .dtable table tbody {
display: block;
width: calc(100% - 100px);
}
.page-profile .sec-proflie2 .dtable table tbody tr,
.page-profile .sec-proflie3 .dtable table tbody tr {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
width: 100%;
}
.page-profile .sec-proflie2 .dtable table tbody tr th,
.page-profile .sec-proflie2 .dtable table tbody tr td,
.page-profile .sec-proflie3 .dtable table tbody tr th,
.page-profile .sec-proflie3 .dtable table tbody tr td {
width: 100%;
text-align: left;
border-bottom-color: #ddd;
padding-left: 24px;
}
.page-profile .sec-proflie2 .dtable table tbody tr th th,
.page-profile .sec-proflie2 .dtable table tbody tr td th,
.page-profile .sec-proflie3 .dtable table tbody tr th th,
.page-profile .sec-proflie3 .dtable table tbody tr td th {
border-top: 1px solid #ddd;
}
}
.page-profile .sec-proflie2 .dtable table tbody th,
.page-profile .sec-proflie3 .dtable table tbody th {
background-color: #F0F0F0;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table tbody th,
.page-profile .sec-proflie3 .dtable table tbody th {
background-color: #F0F0F0;
}
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table tbody td,
.page-profile .sec-proflie3 .dtable table tbody td {
min-height: 40px;
padding: 5px 0px 5px 22px;
text-align: left;
border-left: 0;
}
}
.page-profile .sec-proflie2 .dtable table tbody td:last-child,
.page-profile .sec-proflie3 .dtable table tbody td:last-child {
text-align: center;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table tbody td:last-child,
.page-profile .sec-proflie3 .dtable table tbody td:last-child {
border: 0;
position: absolute;
left: -111px;
top: 75px;
display: block;
width: 100px;
border-left: 0;
}
}
.page-profile .sec-proflie2 .dtable table tbody td:last-child a.map,
.page-profile .sec-proflie3 .dtable table tbody td:last-child a.map {
display: inline-block;
width: 25px;
height: 33px;
background: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon-map.svg);
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table tbody td:last-child a.map,
.page-profile .sec-proflie3 .dtable table tbody td:last-child a.map {
width: auto;
height: auto;
background: none;
}
}
.page-profile .sec-proflie2 .dtable table tbody td:last-child a.map span,
.page-profile .sec-proflie3 .dtable table tbody td:last-child a.map span {
display: none;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table tbody td:last-child a.map span,
.page-profile .sec-proflie3 .dtable table tbody td:last-child a.map span {
text-align: left;
display: inline-block;
background: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon-window.svg) no-repeat right calc(100% - 3px);
background-size: 11px 11px;
font-size: 13px;
color: #004B9E;
line-height: 1.3;
}
}
.page-profile .sec-proflie2 .dtable table tbody td span,
.page-profile .sec-proflie3 .dtable table tbody td span {
display: inline-block;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table tbody td span,
.page-profile .sec-proflie3 .dtable table tbody td span {
display: block;
}
.page-profile .sec-proflie2 .dtable table tbody td span + br,
.page-profile .sec-proflie3 .dtable table tbody td span + br {
display: none;
}
}
.page-profile .sec-proflie2 .dtable table tbody td span.s1,
.page-profile .sec-proflie3 .dtable table tbody td span.s1 {
width: 7em;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie2 .dtable table tbody td span.s1,
.page-profile .sec-proflie3 .dtable table tbody td span.s1 {
display: block;
}
}
.page-profile .sec-proflie3 .dtable table thead th:first-child {
border-right: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie3 .dtable table thead th:first-child {
border-right: 0;
}
}
.page-profile .sec-proflie3 .dtable table thead th:nth-child(2) {
border-left: 0;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie3 .dtable table thead th:not(:first-child) {
border-left: 0;
}
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie3 .dtable table thead:first-child tr th:nth-child(2) {
flex-grow: inherit;
}
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie3 .dtable table thead:first-child tr th:nth-child(3) {
flex-grow: 10;
}
}
.page-profile .sec-proflie3 .dtable table tbody tr th:first-child {
border-bottom: 0;
border-right: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie3 .dtable table tbody:not(:nth-child(2)) tr th:first-child {
display: none;
}
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie3 .dtable table tbody:nth-child(2) td:last-child {
top: 115px;
}
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie3 .dtable table tbody:nth-child(2) th:first-child {
border-bottom: 1px solid #ddd;
border-right: 0;
}
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie3 .dtable table tbody:nth-child(2) th:first-child span {
display: block !important;
}
}
.page-profile .sec-proflie3 .dtable table tbody:not(:nth-child(4)) tr th:first-child span {
display: none;
}
@media screen and (max-width: 767px) {
.page-profile .sec-proflie3 .dtable table tbody:first-child tr th:first-child span {
display: block;
}
}
.page-history .sec-history .gray {
background-color: #F8F8F8;
padding: 50px 0;
text-align: center;
margin: 0 0 70px;
}
@media screen and (max-width: 767px) {
.page-history .sec-history .gray {
margin: 0 -24px 30px;
}
}
.page-history .sec-history .gray h2 {
font-size: 20px;
margin: 0 0 20px;
}
.page-history .sec-history .gray figure {
max-width: 560px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.page-history .sec-history .gray figure {
margin: 0 24px;
}
}
.page-history .sec-history .gray .movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.page-history .sec-history .gray .movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.page-history .sec-history .gray figcaption {
padding: 15px 0 0;
font-size: 15px;
}
@media screen and (max-width: 767px) {
.page-history .sec-history .gray figcaption {
padding: 20px 0 0;
text-align: left;
line-height: 1.8;
}
}
.page-history .sec-history ul {
list-style: none;
padding: 20px 0;
margin: 0 45px;
border-left: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
.page-history .sec-history ul {
margin: 0 0px;
}
}
.page-history .sec-history ul li {
padding: 25px 0 25px 55px;
position: relative;
}
@media screen and (max-width: 767px) {
.page-history .sec-history ul li {
padding: 15px 0 15px 20px;
}
}
.page-history .sec-history ul li::before {
content: "";
display: block;
position: absolute;
left: -8px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
background-color: #004B9E;
border-radius: 50%;
}
@media screen and (max-width: 767px) {
.page-history .sec-history ul li::before {
width: 15px;
height: 15px;
}
}
.page-history .sec-history ul li .date {
color: #004B9E;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.page-history .sec-history ul li .date {
font-size: 17px;
margin-bottom: 5px;
}
}
.page-history .sec-history ul li .txt {
font-size: 15px;
line-height: 1.8;
}
.page-factory .sec-business-lead {
text-align: center;
padding-top: 50px;
}
.page-factory .sec-business-lead h2 {
font-size: 28px;
margin: 0 0 45px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-lead h2 {
font-size: 19px;
margin: 0 0 25px;
line-height: 1.8;
}
}
.page-factory .sec-business-lead p {
font-size: 15px;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-lead p {
font-size: 15px;
text-align: left;
}
}
.page-factory .sec-business-strengths {
background-color: #F8F8F8;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-strengths {
padding-bottom: 20px;
}
}
.page-factory .sec-business-strengths .fr {
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-strengths .fr {
display: block;
}
}
.page-factory .sec-business-strengths .fr li {
width: 345px;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-strengths .fr li {
width: auto;
margin-bottom: 30px;
}
}
.page-factory .sec-business-strengths .fr li h3 {
background-color: #004B9E;
color: #fff;
text-align: center;
font-size: 18px;
padding: 15px 0;
margin: 0;
}
.page-factory .sec-business-strengths .fr li p {
padding: 24px 30px;
font-size: 15px;
line-height: 1.8;
}
.page-factory .sec-business-map .img {
overflow: auto;
margin: 0 -24px;
}
.page-factory .sec-business-map .img img {
width: 1120px;
height: auto;
max-width: none;
}
.page-factory .sec-business-plant {
background-color: #F8F8F8; }
.page-factory .sec-business-plant .block {
margin-bottom: 50px;
}
.page-factory .sec-business-plant .block .title {
display: flex;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block .title {
display: block;
height: auto;
margin-bottom: 25px;
}
}
.page-factory .sec-business-plant .block .title > div:first-child {
color: #fff;
background-color: #004B9E;
font-size: 24px;
font-weight: bold;
line-height: 1.5;
min-width: 300px;
padding: 10px 0 10px 24px;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block .title > div:first-child {
font-size: 18px;
min-width: auto;
}
}
.page-factory .sec-business-plant .block .title > div:nth-child(2) {
flex-grow: 3;
border: 1px solid #004B9E;
color: #004B9E;
background-color: #fff;
font-size: 17px;
font-weight: bold;
line-height: 1.5;
padding: 10px 40px;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block .title > div:nth-child(2) {
font-size: 15px;
padding: 15px 24px;
line-height: 1.8;
}
}
.page-factory .sec-business-plant .block .fr {
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block .fr {
display: block;
}
}
.page-factory .sec-business-plant .block .fr .txt {
width: 810px;
padding-left: 40px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block .fr .txt {
width: auto;
padding-left: 0;
}
}
.page-factory .sec-business-plant .block .fr .txt p {
font-size: 15px;
line-height: 2;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block .fr .txt p {
padding-top: 10px;
}
}
.page-factory .sec-business-plant .block .fr .txt p.note {
margin: 20px 0 0 0;
}
.page-factory .sec-business-plant .block .fr .img {
min-width: 300px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block .fr .img {
min-width: auto;
text-align: center;
}
}
.page-factory .sec-business-plant .block .fr .img span {
display: block;
font-size: 15px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block .fr .img span {
text-align: left;
max-width: 270px;
margin: 10px auto;
}
}
.page-factory .sec-business-plant .block .fr .img img {
width: 300px;
height: auto;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block .fr .img img {
width: 100%;
max-width: 270px;
}
}
.page-factory .sec-business-plant .block.last .title div:first-child {
width: 100%;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block.last .fr {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block.last .fr .txt {
order: 1;
}
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .block.last .fr .img {
order: 2;
}
}
.page-factory .sec-business-plant .responsive {
overflow: auto;
width: 100%;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .responsive {
width: calc(100% + 24px);
}
}
.page-factory .sec-business-plant .responsive table {
width: 770px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: 0px;
border-spacing: 0;
}
.page-factory .sec-business-plant .responsive table th {
background-color: #F8F8F8;
padding: 20px 0px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
text-align: left;
font-size: 15px;
white-space: nowrap;
}
.page-factory .sec-business-plant .responsive table thead th {
text-align: center;
font-weight: normal;
padding: 10px 0px;
line-height: 1;
}
.page-factory .sec-business-plant .responsive table tbody th {
text-align: center;
line-height: 1;
background-color: #F2F7FD;
font-weight: bold;
width: 16%;
}
.page-factory .sec-business-plant .responsive table td {
padding: 20px 2px;
border-bottom: 1px solid #ddd;
font-size: 15px;
line-height: 1;
border-left: 1px solid #ddd;
text-align: center;
background-color: #fff;
width: 16%;
white-space: nowrap;
}
.page-factory .sec-business-plant .productlist ul {
list-style: none;
display: flex;
flex-wrap: wrap;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .productlist ul {
display: block;
margin-bottom: 25px;
}
}
.page-factory .sec-business-plant .productlist ul li {
text-align: center;
height: 70px;
line-height: 1.3;
font-size: 15px;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-plant .productlist ul li {
width: 100% !important;
text-align: left;
display: block;
height: auto;
line-height: 1.5;
font-size: 13px;
padding: 24px;
}
}
.page-factory .sec-business-plant .productlist ul.u2 li {
width: 50%;
}
.page-factory .sec-business-ae .block h3 {
font-size: 18px;
padding: 20px 0;
border-top: 1px solid #004B9E;
margin-bottom: 0px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae .block h3 {
font-size: 18px;
margin-bottom: 0px;
}
}
.page-factory .sec-business-ae .block .fr {
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae .block .fr {
flex-direction: column;
}
}
.page-factory .sec-business-ae .block .fr .txt {
width: 810px;
padding-left: 40px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae .block .fr .txt {
width: auto;
order: 1;
padding-left: 0;
}
}
.page-factory .sec-business-ae .block .fr .txt p {
font-size: 15px;
line-height: 2;
margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae .block .fr .txt p {
padding-top: 10px;
}
}
.page-factory .sec-business-ae .block .fr .txt p.note {
margin: 20px 0 0 0;
}
.page-factory .sec-business-ae .block .fr .img {
min-width: 300px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae .block .fr .img {
min-width: auto;
text-align: center;
order: 2;
}
}
.page-factory .sec-business-ae .block .fr .img figcaption {
display: block;
font-size: 15px;
padding: 10px 0 20px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae .block .fr .img figcaption {
text-align: left;
max-width: 270px;
margin: 10px auto;
}
}
.page-factory .sec-business-ae .block .fr .img img {
width: 300px;
height: auto;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae .block .fr .img img {
width: 100%;
max-width: 270px;
}
}
.page-factory .sec-business-ae table {
width: 100%;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
margin: 0px;
border-spacing: 0;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae table {
margin-bottom: 40px;
}
}
.page-factory .sec-business-ae table th {
background-color: #F8F8F8;
padding: 20px 0px;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
text-align: left;
font-size: 15px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae table th {
font-size: 13px;
white-space: normal;
}
}
.page-factory .sec-business-ae table thead th {
text-align: center;
font-weight: normal;
padding: 10px 0px;
line-height: 1;
}
.page-factory .sec-business-ae table tbody th {
text-align: left;
line-height: 1;
background-color: #F2F7FD;
font-weight: normal;
width: 296px;
padding: 20px 20px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae table tbody th {
padding: 15px 15px;
width: 55%;
font-size: 13px;
line-height: 1.5;
}
}
.page-factory .sec-business-ae table td {
padding: 20px 20px;
border-bottom: 1px solid #ddd;
font-size: 15px;
line-height: 1;
border-left: 1px solid #ddd;
text-align: left;
background-color: #fff;
}
@media screen and (max-width: 767px) {
.page-factory .sec-business-ae table td {
padding: 15px 15px;
line-height: 1.5;
font-size: 13px;
white-space: normal;
}
}
.page-factory .sec-factory-history {
background-color: #F8F8F8;
padding-bottom: 100px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-factory-history {
padding-bottom: 50px;
}
}
.page-factory .sec-factory-history p {
font-size: 15px;
line-height: 1.8;
text-align: center;
margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-factory-history p {
font-size: 15px;
text-align: left;
}
}
.page-factory .sec-factory-history .dtable table {
width: 100%;
border-top: 1px solid #004B9E;
margin: 0px;
border-spacing: 0;
}
@media screen and (max-width: 767px) {
.page-factory .sec-factory-history .dtable table {
margin: 0;
width: 100%;
}
}
.page-factory .sec-factory-history .dtable table th {
background-color: #fff;
padding: 35px 30px;
border-bottom: 1px solid #ddd;
text-align: left;
font-size: 15px;
white-space: nowrap;
}
@media screen and (max-width: 767px) {
.page-factory .sec-factory-history .dtable table th {
padding: 10px 0px;
font-size: 13px;
width: 100px;
text-align: center;
}
}
.page-factory .sec-factory-history .dtable table thead th {
background-color: #E8E8E8;
text-align: center;
font-weight: normal;
}
.page-factory .sec-factory-history .dtable table thead th:not(:first-child) {
border-left: 1px solid #ddd;
}
.page-factory .sec-factory-history .dtable table tbody th {
width: 200px;
}
@media screen and (max-width: 767px) {
.page-factory .sec-factory-history .dtable table tbody th {
width: 100px;
text-align: center;
}
}
.page-factory .sec-factory-history .dtable table td {
padding: 35px 30px;
border-bottom: 1px solid #ddd;
font-size: 15px;
line-height: 1.8;
}
.page-factory .sec-factory-history .dtable table td a {
text-decoration: underline;
color: #004B9E;
}
@media screen and (max-width: 767px) {
.page-factory .sec-factory-history .dtable table td {
padding: 10px 24px;
font-size: 13px;
}
}
.page-factory .sec-factory-history .dtable table tbody tr:last-child th,
.page-factory .sec-factory-history .dtable table tbody tr:last-child td {
border-bottom-color: #004B9E;
} .search .page-header .mv,
.category .page-header .mv,
.date .page-header .mv,
.blog .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-news.jpg);
}
@media screen and (max-width: 767px) {
.search .page-header .mv,
.category .page-header .mv,
.date .page-header .mv,
.blog .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-news.jpg);
}
}
.newslist.newsarea {
margin-left: 0px;
}
@media screen and (max-width: 767px) {
.category .newslist.newsarea, .blog .newslist.newsarea {
padding-bottom: 50px;
}
}
.newslist.newsarea ul {
list-style: none;
margin: 0;
}
@media screen and (max-width: 767px) {
.home .newslist.newsarea ul {
margin-bottom: 40px;
}
}
.newslist.newsarea ul li {
padding: 18px 0;
border-bottom: 1px dashed #000;
}
.newslist.newsarea ul li:first-child {
border-top: 1px dashed #000;
}
@media screen and (max-width: 767px) {
.newslist.newsarea ul li {
padding: 15px 0;
}
}
.newslist.newsarea ul li dl {
display: flex;
margin-bottom: 0px;
padding: 0px 0;
}
@media screen and (max-width: 767px) {
.newslist.newsarea ul li dl {
display: block;
}
}
.newslist.newsarea ul li dd {
padding: 0px 0 0px;
font-weight: normal;
}
.newslist.newsarea ul li dt {
vertical-align: top;
overflow: hidden;
min-width: 230px;
display: flex;
}
@media screen and (max-width: 767px) {
.newslist.newsarea ul li dt {
margin-bottom: 5px;
}
}
.newslist.newsarea .metaarea {
font-weight: 400;
margin: 0px 0 0;
}
@media screen and (max-width: 767px) {
.newslist.newsarea .metaarea {
font-size: 12px;
}
}
.newslist.newsarea .cat {
pointer-events: none;
text-decoration: none;
width: 100px;
border-width: 1px;
border-style: solid;
height: 30px;
line-height: 28px;
text-align: center;
display: inline-block;
margin-left: 30px;
font-size: 12px;
color: #fff;
background-color: #004B9E;
text-decoration: none;
}
@media screen and (max-width: 767px) {
.newslist.newsarea .cat {
font-size: 10px;
min-width: 65px;
width: auto;
height: 20px;
line-height: 18px;
margin-left: 15px;
padding: 0 5px;
}
}
.newslist.newsarea .cat:hover {
opacity: 0.8;
}
.newslist.newsarea dd {
width: calc(100% - 220px);
vertical-align: middle;
padding-left: 0px;
text-align: left;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.newslist.newsarea dd {
padding-top: 5px;
width: 100%;
}
}
.newslist.newsarea dd a.title {
padding: 0px 0 0;
display: block;
font-size: 16px;
line-height: 1.5;
text-decoration: none;
}
.newslist.newsarea dd a.title:hover {
text-decoration: underline;
}
@media screen and (max-width: 767px) {
.newslist.newsarea dd a.title {
font-size: 12px;
}
}
.single-post .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-news.jpg);
}
@media screen and (max-width: 767px) {
.single-post .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-news.jpg);
}
}
@media screen and (max-width: 767px) {
.single .columns main {
order: 1;
}
.single .columns main .single-post {
margin-top: 20px;
}
}
@media screen and (max-width: 767px) {
.single .columns aside {
order: 2;
}
}  .single-post .page-header .inner .container {
height: 130px;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.single-post .page-header .inner .container {
height: 85px;
}
}
.single-post .page-header .inner .container .ttlarea {
display: flex;
align-items: center;
position: relative;
left: 0;
top: auto;
transform: none;
margin: 0;
}
.single-post .page-header .inner .container .ttlarea .h1 {
text-shadow: none;
color: #fff;
}
.single-post .page-header .inner .container .ttlarea .ttl {
margin-left: 30px;
text-shadow: none;
color: #fff;
font-weight: 400;
}
.single-post article {
border-top: 4px solid #004B9E;
padding: 45px 0;
background-color: #fff;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.single-post article {
border-top: 2px solid #004B9E;
padding: 20px 0;
}
}
.single-post article .single-head {
padding: 0 0px;
margin-bottom: 35px;
border-bottom: 1px solid #004B9E;
}
@media screen and (max-width: 767px) {
.single-post article .single-head {
padding-left: 8px;
padding: 0px 0px 0px;
margin-bottom: 10px;
vertical-align: top;
background-color: #fff;
}
}
.single-post article .single-head h1 {
font-size: 22px;
font-weight: 700;
padding-bottom: 20px;
line-height: 1.3;
margin-bottom: 0;
vertical-align: middle;
position: relative;
margin-top: 0px;
}
@media screen and (max-width: 767px) {
.single-post article .single-head h1 {
font-size: 18px;
padding-bottom: 15px;
line-height: 1.3;
margin-bottom: 0px;
margin-top: 0px;
}
}
.single-post article .single-head .cat {
font-size: 14px;
text-decoration: none;
width: 84px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
margin-right: 10px;
background-color: #004B9E;
color: #fff;
}
@media screen and (max-width: 767px) {
.single-post article .single-head .cat {
vertical-align: top;
display: inline-block;
margin-right: 10px;
line-height: 18px;
height: 20px;
font-size: 12px;
vertical-align: middle;
}
}
.single-post article .single-head .date {
margin-bottom: 45px;
font-size: 14px;
line-height: 1;
color: #535353;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.single-post article .single-head .date {
margin-bottom: 25px;
}
}
.single-post article .contfr {
padding: 0px 0 0;
}
.single-post article .cont {
margin: 0 0px 40px;
}
.single-post article .cont ul,
.single-post article .cont ol {
margin-left: 1.5em;
}
.single-post article .cont h2 {
font-size: 18px;
color: #000;
line-height: 1.5;
margin-bottom: 35px;
font-weight: bold;
position: relative;
margin-top: 50px;
padding: 15px;
border-radius: 10px;
background-color: rgba(1, 65, 154, 0.1);
}
@media screen and (max-width: 767px) {
.single-post article .cont h2 {
font-size: 16px;
padding-bottom: 15px;
border-radius: 5px;
line-height: 1;
margin-bottom: 15px;
margin-top: 40px;
padding: 10px;
}
}
.single-post article .cont h3 {
font-size: 16px;
font-weight: normal;
line-height: 1.5;
padding: 0 0 10px;
margin-bottom: 30px;
font-weight: 700;
vertical-align: middle;
position: relative;
margin-top: 30px;
position: relative;
border-bottom: 1px solid #004B9E;
}
@media screen and (max-width: 767px) {
.single-post article .cont h3 {
font-size: 14px;
margin-bottom: 20px;
margin-top: 20px;
padding: 10px;
font-weight: bold;
line-height: 1.3;
}
}
.single-post article .cont h4 {
font-size: 15px;
font-weight: normal;
margin: 20px 0;
}
@media screen and (max-width: 767px) {
.single-post article .cont h4 {
font-size: 14px;
line-height: 1.3;
}
}
.single-post article .cont h5 {
font-size: 16px;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.single-post article .cont h5 {
font-size: 13px;
line-height: 1.3;
}
}
.single-post article .cont h6 {
font-size: 15px;
font-weight: normal;
}
@media screen and (max-width: 767px) {
.single-post article .cont h6 {
font-size: 13px;
line-height: 1.3;
}
}
.single-post article .cont p {
margin-bottom: 20px;
line-height: 1.8;
font-size: 15px;
}
@media screen and (max-width: 767px) {
.single-post article .cont p {
line-height: 1.5;
font-size: 14px;
margin-bottom: 10px;
}
}
.single-post article .linkarea {
display: table;
list-style: none;
margin: 50px 0px 40px 0px;
padding: 0;
width: 100%;
background-color: #fff;
border: 1px solid #ccc;
position: relative;
min-height: 40px;
}
@media screen and (max-width: 767px) {
.single-post article .linkarea {
margin: 26px 0px 26px;
background-color: #fff;
display: block;
width: auto;
min-height: 42px;
}
}
.single-post article .linkarea .linklist {
border-right: 0;
text-decoration: none;
display: block;
position: absolute;
left: 242px;
top: 0;
width: 344px;
height: 60px;
line-height: 60px;
text-align: center;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.single-post article .linkarea .linklist:hover {
background-color: #eee;
}
@media screen and (max-width: 767px) {
.single-post article .linkarea .linklist {
display: block;
position: absolute;
left: 34%;
top: 0;
width: 32%;
height: 40px;
line-height: 40px !important;
text-align: center;
font-size: 12px !important;
}
}
.single-post article .linkarea .linklist a:hover {
background-color: #eee;
}
.single-post .newslist.newsarea ul li {
width: 100%;
}
.post-navigation {
width: auto;
height: 60px;
line-height: 60px;
}
.post-navigation .nav-previous, .post-navigation .nav-next {
width: 242px;
height: 60px;
line-height: 60px;
}
.post-navigation .nav-previous a, .post-navigation .nav-next a {
display: block;
width: 242px;
text-decoration: none;
height: 60px;
line-height: 60px;
text-align: center;
}
.post-navigation .nav-previous a:before {
content: "＜";
font-family: "Genericons";
line-height: 60px;
padding-right: 0px;
}
.post-navigation .nav-next {
position: absolute;
top: 0;
right: 0;
}
.post-navigation .nav-next a:after {
content: " ＞";
font-family: "Genericons";
padding-left: 0px;
line-height: 60px;
}
.post-navigation a:hover {
background-color: #eee;
}
.single .single-post > .snsarea {
margin: 30px 0px 30px 0px;
}
.single .single-post > .snsarea .sns_btn {
text-align: center;
margin: 0px 0;
}
.single .single-post > .snsarea .sns_btn ul {
display: flex;
justify-content: space-between;
}
.single .single-post > .snsarea .sns_btn ul,
.single .single-post > .snsarea .sns_btn li {
list-style: none;
margin: 0;
padding: 0;
}
.single .single-post > .snsarea .sns_btn li {
letter-spacing: normal;
display: inline-block;
padding: 0px;
vertical-align: top;
width: calc((100% - 24px) / 3);
}
@media screen and (max-width: 767px) {
.single .single-post > .snsarea .sns_btn li {
width: calc((100% - 12px) / 3);
}
}
.single .single-post > .snsarea .sns_btn li a {
height: 60px;
width: 100%;
display: block;
padding: 0;
color: #fff;
line-height: 60px;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
text-decoration: none;
}
.single .single-post > .snsarea .sns_btn li a:hover {
opacity: 0.8;
}
.single .single-post > .snsarea .sns_btn li.ogn_line a {
background: #00B900 url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon_line.png) center center no-repeat;
text-indent: 150%;
white-space: nowrap;
overflow: hidden;
}
.single .single-post > .snsarea .sns_btn li.ogn_hatebu a {
font-weight: bold;
background-color: #00A4DF;
box-shadow: 0 5px 0 0 #1479a4;
}
.single .single-post > .snsarea .sns_btn li.ogn_hatebu a i:before {
content: "";
display: inline-block;
background: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon-hatebu.png) left center no-repeat;
width: 21px;
height: 18px;
font-style: normal;
vertical-align: middle;
margin-right: 10px;
}
.single .single-post > .snsarea .sns_btn li.ogn_tweet a {
background-color: #1CADEB;
box-shadow: 0 5px 0 0 #1479A4;
font-weight: bold;
}
.single .single-post > .snsarea .sns_btn li.ogn_tweet a i:before {
margin-right: 10px;
}
.single .single-post > .snsarea .sns_btn li.ogn_facebook a {
font-weight: bold;
background-color: #246CB7;
box-shadow: 0 5px 0 0 #194B80;
}
.single .resentarea {
margin-top: 80px;
}
.single .resentarea .sidebar-widget__title {
margin-bottom: 45px !important;
text-align: left;
}
@media screen and (max-width: 767px) {
.single .resentarea {
margin-top: 50px;
}
}
@media screen and (max-width: 767px) {
.post-navigation .nav-previous, .post-navigation .nav-next {
width: 33.3333333333%;
height: 40px;
line-height: 40px;
}
.post-navigation .nav-previous a, .post-navigation .nav-next a {
display: block;
width: auto;
height: 40px;
text-decoration: none;
line-height: 40px;
text-align: center;
font-size: 12px;
}
.post-navigation {
border-bottom: none;
width: auto;
height: auto;
line-height: 1 !important;
padding-bottom: 0px;
}
.post-navigation .nav-previous a:before {
line-height: 34px;
margin-right: 0px;
}
.post-navigation .nav-next {
position: absolute;
top: 0;
right: 0;
}
.post-navigation .nav-next a:after {
margin-left: 0px;
line-height: 34px;
}
.single .single-post > .snsarea {
margin: 26px 0px 26px 0px;
}
.single .single-post > .snsarea .sns_btn {
text-align: center;
margin: 10px 0 40px;
}
.single .single-post > .snsarea .sns_btn li a {
width: 100%;
height: 36px;
font-size: 12px;
line-height: 36px;
font-weight: normal;
border-radius: 3px;
}
.single .single-post > .snsarea .sns_btn li.ogn_hatebu a {
font-weight: bold;
box-shadow: 0 2px 0 0 #1479a4;
}
.single .single-post > .snsarea .sns_btn li.ogn_tweet a {
background-color: #1CADEB;
box-shadow: 0 2px 0 0 #1479A4;
font-weight: bold;
}
.single .single-post > .snsarea .sns_btn li.ogn_facebook a {
font-weight: bold;
background-color: #246CB7;
box-shadow: 0 2px 0 0 #194B80;
}
.single .single-post > .snsarea .sns_btn li a i:before {
font-size: 14px !important;
margin-right: 5px !important;
}
.single .single-post > .snsarea .sns_btn li.ogn_hatebu a i:before {
content: "";
display: inline-block;
background: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon-hatebu.png) left center no-repeat;
background-size: auto 12px;
width: 16px;
height: 12px;
font-style: normal;
vertical-align: middle;
margin-right: 5px;
}
.entries .resentarea .fr.between {
display: flex !important;
}
} .single-products .breadcrumbs {
background-color: #F4F4F4;
}
.single-products .page-header:before {
display: none;
}
.single-products .page-header .inner {
background-color: #004B9E;
}
.single-products .page-header .inner:before {
display: none;
}
.single-products .page-header .inner .container {
height: 130px;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.single-products .page-header .inner .container {
height: 85px;
}
}
.single-products .page-header .inner .container .ttlarea {
display: flex;
align-items: center;
position: relative;
left: 0;
top: auto;
transform: none;
margin: 0;
}
.single-products .page-header .inner .container .ttlarea .h1 {
text-shadow: none;
color: #fff;
}
.single-products .page-header .inner .container .ttlarea .ttl {
margin-left: 30px;
text-shadow: none;
color: #fff;
font-weight: 400;
}
.single-products article {
border-top: 4px solid #004B9E;
padding: 0px 0;
background-color: #fff;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.single-products article {
border-top: 3px solid #004B9E;
}
}
.single-products article .single-head {
display: flex;
border-bottom: 1px solid #004B9E;
align-items: stretch;
justify-content: space-between;
}
@media screen and (max-width: 767px) {
.single-products article .single-head {
display: block;
}
}
.single-products article .single-head .inner {
padding: 0px 0 0 0;
min-height: 136px;
display: flex;
flex-direction: column;
justify-content: center;
}
@media screen and (max-width: 767px) {
.single-products article .single-head .inner {
min-height: auto;
padding: 30px 0;
}
}
.single-products article .single-head .inner h1 {
margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
.single-products article .single-head .inner h1 {
font-size: 16px;
}
}
.single-products article .single-head .inner .date {
display: flex;
color: #006DBA;
align-items: center;
}
@media screen and (max-width: 767px) {
.single-products article .single-head .inner .date {
font-size: 11px;
}
}
.single-products article .single-head .inner .date a {
color: #006DBA;
text-decoration: none;
}
.single-products article .single-head .inner .date .pickup {
margin-left: 5px;
font-size: 12px;
padding: 0;
line-height: 30px;
width: 84px;
color: #fff;
text-align: center;
background-color: #FF4000;
}
@media screen and (max-width: 767px) {
.single-products article .single-head .inner .date .pickup {
width: 52px;
height: 18px;
line-height: 18px;
font-size: 10px;
}
}
.single-products article .single-head .dlarea {
background-color: #F6F6F6;
width: 157px;
border-left: 1px solid #004B9E;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 767px) {
.single-products article .single-head .dlarea {
border-left: none;
width: auto;
padding: 7px 0;
}
}
.single-products article .single-head .dlarea a {
display: block;
text-decoration: none;
background-color: #fff;
text-align: center;
color: #006DBA;
font-size: 13px;
width: 110px;
height: 40px;
padding-left: 18px;
line-height: 40px;
background: #fff url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon-dl-b.svg) no-repeat 20px center;
background-size: 13px 15px;
border: 1px solid #004B9E;
}
@media screen and (max-width: 767px) {
.single-products article .single-head .dlarea a {
width: 125px;
height: 30px;
line-height: 30px;
}
}
.single-products article .single-head .dlarea a:hover {
opacity: 0.8;
}
.single-products article .copy {
line-height: 1.5;
padding: 40px 0;
font-size: 20px;
color: #006DBA;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.single-products article .copy {
font-size: 14px;
padding: 25px 0;
}
}
.single-products article .slick-slide span {
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: auto;
padding-top: 71%;
}
.single-products article .mainimgarea {
justify-content: space-between;
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.single-products article .mainimgarea {
display: block;
margin: 0;
}
}
.single-products article .mainimg {
width: 666px;
margin-bottom: 0;
border: 1px solid #004B9E;
}
@media screen and (max-width: 767px) {
.single-products article .mainimg {
margin-bottom: 5px;
width: auto;
}
}
.single-products article .mainimg .slick-slide {
outline: none;
}
.single-products article .thumbnail {
width: 160px;
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.single-products article .thumbnail {
width: auto;
margin-bottom: 32px;
}
}
.single-products article .thumbnail .slick-track:before, .single-products article .thumbnail .slick-track:after {
display: none;
}
.single-products article .thumbnail .slick-track {
display: flex;
flex-direction: column;
width: auto !important;
margin: 0px;
justify-content: flex-start;
transform: translate3d(0, 0, 0) !important;
}
@media screen and (max-width: 767px) {
.single-products article .thumbnail .slick-track {
flex-direction: row;
margin: 0 -2px;
width: auto !important;
}
}
.single-products article .thumbnail .slick-track .slick-slide {
outline: none;
width: 100% !important;
margin: 0px 0 5px;
border: 1px solid #004B9E;
}
@media screen and (max-width: 767px) {
.single-products article .thumbnail .slick-track .slick-slide {
width: calc((100% - 12px) / 4) !important;
margin: 0 2px;
}
}
.single-products article .thumbnail .slick-track .slick-slide:nth-child(3) {
margin-bottom: 6px;
}
.single-products article .thumbnail .slick-track .slick-slide:last-child {
margin-bottom: 0;
}
.single-products article .thumbnail .slick-track .slick-slide:hover {
opacity: 0.6;
}
.single-products article .cont h2 {
font-size: 20px;
color: #006DBA;
background-color: rgba(0, 75, 158, 0.08);
padding: 16px 24px;
line-height: 1.5;
position: relative;
margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
.single-products article .cont h2 {
padding: 10px 15px;
font-size: 15px;
margin-bottom: 25px;
}
}
.single-products article .cont h2::before {
left: 0;
position: absolute;
display: block;
content: "";
height: 1px;
background-color: #004B9E;
top: -3px;
width: 100%;
}
.single-products article .cont h2::after {
left: 0;
position: absolute;
display: block;
content: "";
height: 1px;
background-color: #004B9E;
bottom: -3px;
width: 100%;
}
.single-products article .cont .txt {
padding-bottom: 0;
}
.single-products article .cont .txt p {
font-size: 15px;
line-height: 2;
margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
.single-products article .cont .txt p {
font-size: 12px;
margin-bottom: 25px;
}
}
.single-products article .cont .txt p + ul, .single-products article .cont .txt p ol {
margin-top: -40px;
}
@media screen and (max-width: 767px) {
.single-products article .cont .txt p + ul, .single-products article .cont .txt p ol {
margin-top: -25px;
}
}
.single-products article .cont .sec-faq {
padding-top: 0;
}
@media screen and (max-width: 767px) {
.single-products article .cont .sec-faq {
padding-bottom: 0;
}
}
.single-products article .cont h3 {
font-size: 20px;
font-weight: normal;
font-size: 18px;
line-height: 1.5;
padding: 20px;
background-color: #F6F6F6;
border-radius: 8px;
margin-bottom: 30px;
font-weight: 700;
vertical-align: middle;
position: relative;
margin-top: 30px;
position: relative;
border-radius: 10px;
}
@media screen and (max-width: 767px) {
.single-products article .cont h3 {
font-size: 14px;
margin-bottom: 20px;
margin-top: 20px;
padding: 10px;
font-weight: bold;
line-height: 1.3;
}
}
.single-products article .cont img.aligncenter {
display: block;
margin: 0 auto;
}
.single-products article .cont ul, .single-products article .cont ol {
line-height: 2;
margin-left: 2em;
}
.page-thanks .page-header .mv,
.page-contact .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-contact.jpg);
}
@media screen and (max-width: 767px) {
.page-thanks .page-header .mv,
.page-contact .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-contact.jpg);
}
} .page-thanks article,
.page-contact article {
position: relative;
padding-top: 0px;
}
.page-thanks article h2,
.page-contact article h2 {
text-align: center;
margin: 0 0 30px;
font-weight: bold;
padding: 0;
}
@media screen and (max-width: 767px) {
.page-thanks article h2,
.page-contact article h2 {
font-size: 16px;
}
}
.page-thanks article p,
.page-contact article p {
text-align: center;
margin-bottom: 80px;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.page-thanks article p,
.page-contact article p {
margin-bottom: 30px;
font-size: 12px;
}
}
.page-thanks article .readmore,
.page-contact article .readmore {
text-align: center;
}
.page-thanks article .readmore a,
.page-contact article .readmore a {
margin: 0 auto;
}
.page-thanks article .sec1 .container,
.page-contact article .sec1 .container {
width: 900px;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.page-thanks article .sec1 .container,
.page-contact article .sec1 .container {
width: 100%;
}
}
.general-area {
padding: 0 0 0px;
}
.general-area dl {
display: flex;
flex-wrap: wrap;
}
.general-area dt {
width: 205px;
padding: 21px 0 12px 0px;
line-height: 1.8;
font-size: 20px;
font-weight: 500;
position: relative;
font-weight: 400;
}
html[lang=en] .general-area dt {
font-size: 15px;
}
.general-area dt span {
position: absolute;
right: 20px;
height: 25px;
width: 45px;
text-align: center;
top: 25px;
line-height: 25px;
color: #fff;
font-size: 15px;
font-weight: normal;
background-color: #303030;
}
html[lang=en] .general-area dt span {
font-size: 10px;
}
.general-area dt span.require {
background-color: #004B9E;
}
.general-area dd {
margin-left: 0px;
padding: 12px 0px 12px 0px;
width: calc(100% - 205px);
line-height: 1.3;
position: relative;
}
.general-area dd .clink {
display: block;
width: 105px;
margin: 0 0 0 10px;
border: 1px solid #CCCCCC;
background-color: #AAAAAA;
border-radius: 8px;
color: #fff;
font-weight: normal;
font-size: 16px;
text-align: center;
position: relative;
height: 50px;
line-height: 48px;
outline: none;
}
.general-area dd .wpcf7-list-item {
display: block;
margin: 6px 0;
}
.general-area dd .wpcf7-list-item:last-child {
margin-bottom: 0px;
}
.general-area dd a::after {
right: 15px;
top: 0;
font-family: "Genericons";
content: "\f105";
font-size: 20px;
font-weight: bold;
position: absolute;
}
.general-area dd a:hover, .general-area dd a:focus {
background-color: #ccc;
color: #fff;
text-decoration: none;
}
.general-area dd a:hover:after {
color: #fff;
}
.general-area dd input[type=text], .general-area dd input[type=tel], .general-area dd input[type=email] {
width: 100%;
height: 50px;
line-height: 50px;
border: 1px solid #CCCCCC;
border-radius: 6px;
padding: 0 10px;
font-size: 16px;
background-color: #F8F8F8;
}
.general-area dd .your-postal1,
.general-area dd .your-postal2 {
display: inline-block;
width: 126px;
}
.general-area dd.multi span {
display: block;
margin-top: 10px;
}
.general-area dd.multi span:last-child {
margin-bottom: 0;
}
.general-area dd span.line {
padding: 0 5px;
}
.general-area dd p {
margin-bottom: 0;
}
.general-area dd input.age {
width: 6em;
}
.general-area dd textarea {
width: 100%;
line-height: 1.3;
border: 1px solid #CCCCCC;
border-radius: 6px;
padding: 10px;
background-color: #F8F8F8;
}
.general-area dd input[type=radio], .general-area dd input[type=checkbox], .agree input[type=checkbox] {
width: 20px;
height: 20px;
line-height: 20px;
vertical-align: middle;
margin-top: 0;
}
.general-area dd input[type=radio] + span, .general-area dd input[type=checkbox] + span {
vertical-align: middle;
line-height: 25px;
font-size: 17px;
font-weight: normal;
margin-right: 20px;
}
.general-area dd.half input { }
.general-area dd p.note {
text-align: left;
margin-bottom: 20px;
}
.general-area dd .filearea {
display: flex;
align-items: center;
margin-top: 10px;
}
.general-area dd .filearea label {
cursor: pointer;
display: inline-block;
position: relative;
background: #fff;
color: #555;
font-size: 16px;
padding: 0 30px;
transition: all 0.3s;
height: 50px;
line-height: 50px;
border: 1px solid #CCCCCC;
border-radius: 6px;
}
@media screen and (max-width: 767px) {
.general-area dd .filearea label {
font-size: 14px;
height: 45px;
line-height: 43px;
}
}
.general-area dd .filearea label input { position: absolute;
left: 0;
top: 0;
opacity: 0;
width: 100%;
height: 100%;
}
.general-area dd .filearea .filename {
font-weight: 16px;
margin: 0 0 0 10px;
}
@media screen and (max-width: 767px) {
.general-area dd .filearea .filename {
font-size: 14px;
}
}
.general-area .wpcf7-radio {
display: flex;
margin-top: 6px;
}
@media screen and (max-width: 767px) {
.general-area .wpcf7-radio {
flex-wrap: wrap;
margin-top: 0;
}
}
.general-area dd .lg,
.general-area dd .sm {
display: flex;
margin-bottom: 10px;
}
.general-area dd .lg span:first-child,
.general-area dd .sm span:first-child {
width: 2em;
display: block;
line-height: 50px;
}
.general-area dd .sm > span {
width: 30%;
}
.general-area dd .lg span:last-child {
margin-bottom: 0px;
flex-grow: 3;
}
.your-age + span, .acceptance + a {
vertical-align: middle;
line-height: 25px;
font-size: 16px;
font-weight: normal;
margin-left: 10px;
}
span.wpcf7-list-item {
margin-left: 0;
}
:-moz-placeholder-shown {
color: #CCCCCC;
padding-top: 4px !important;
}
:-ms-input-placeholder {
color: #CCCCCC;
padding-top: 4px !important;
}
:placeholder-shown {
color: #CCCCCC;
padding-top: 4px !important;
} ::-webkit-input-placeholder {
color: #CCCCCC;
padding-top: 4px !important;
} ::-moz-placeholder {
color: #ccc;
padding-top: 4px !important;
opacity: 1;
} :-ms-input-placeholder {
color: #CCCCCC;
}
.agree {
text-align: center;
}
.agree a {
text-decoration: underline;
color: #333;
font-size: 14px;
}
.agree a:hover, .agree a:focus {
color: #C0191B;
}
.general-area .btnarea {
padding: 0;
text-align: center;
position: relative;
margin: 35px auto 0;
}
.general-area .btnarea span {
display: block;
width: 370px;
margin: 0 auto;
color: #fff;
position: relative;
}
.general-area .btnarea span.wpcf7-spinner, .general-area .btnarea span.ajax-loader {
display: none !important;
}
.general-area .btnarea span::before {
position: absolute;
top: calc(50% - 0px);
right: 25px;
display: block;
width: 30px;
height: 8px;
color: inherit;
border-top: solid 1px;
content: "";
z-index: 1;
}
.general-area .btnarea span::after {
position: absolute;
top: calc(50% - 0px);
right: 21px;
display: block;
width: 13px;
height: 13px;
color: inherit;
border-right: solid 1px;
content: "";
letter-spacing: 0.05em;
transform: rotate(-60deg) translateY(-50%);
}
.general-area .btnarea input {
z-index: 1;
display: block;
width: 370px;
margin: 0 auto;
border: 0 !important;
border-radius: 50px;
color: #fff;
font-weight: bold;
font-size: 26px;
text-align: center;
height: 78px;
line-height: 78px;
outline: none;
}
.general-area .btnarea input {
background-color: #ED952E;
}
.page-order .general-area .btnarea input {
background-color: #A3C82B;
}
.general-area .btnarea input[disabled],
.general-area .btnarea input[disabled=disabled] {
opacity: 0.6;
}
.general-area .btnarea input:hover {
opacity: 0.6;
}
.general-area .btnarea input[disabled]:hover,
.general-area .btnarea input[disabled=disabled]:hover {
opacity: 0.6;
}
.general-area .agree label {
font-weight: normal;
font-size: 20px;
}
.general-area span.wpcf7-not-valid-tip {
margin-top: 5px;
display: block;
}
.general-area dd .your-postal1 span.wpcf7-not-valid-tip,
.general-area dd .your-postal2 span.wpcf7-not-valid-tip {
display: block;
line-height: 1.3;
padding-top: 10px;
}
.general-area .info-txt.form-control {
display: block;
width: 100%;
height: 154px;
padding: 5px 0 0;
margin-top: 30px;
margin-bottom: 50px;
text-align: left;
}
.general-area .txt {
height: 144px;
overflow-y: auto;
padding: 20px 20px 0;
text-align: left;
}
.general-area .txt p {
text-align: left;
margin-bottom: 30px;
font-size: 15px;
}
.general-area .txt ul {
font-size: 15px;
margin: 0 0 30px 1em;
}
.acceptance {
margin-right: 10px;
}
@media screen and (max-width: 767px) {
.general-area dl {
margin-bottom: 10px;
}
.general-area dt {
padding: 15px 0 0px 0px;
width: 100%;
line-height: 1;
font-size: 18px;
margin-bottom: 0px;
border-bottom: none;
}
.general-area dt span {
display: inline-block;
height: 22px;
width: 45px;
top: auto;
left: auto;
line-height: 22px;
font-size: 13px;
margin-left: 15px;
position: relative;
right: auto;
}
.general-area dd {
display: block;
margin-left: 0px;
padding: 15px 0 15px;
width: 100%;
line-height: 25px;
margin-bottom: 0px;
}
.your-kubun {
margin-bottom: 60px;
display: block;
}
.general-area dl dd:last-child {
border-bottom: none;
}
.general-area dd input[type=text], .general-area dd input[type=tel], .general-area dd input[type=email] {
width: 100%;
height: 45px;
line-height: 43px;
font-size: 18px;
}
.general-area dd .lg span:first-child, .general-area dd .sm span:first-child {
width: 2em;
font-size: 18px;
min-width: 2em;
line-height: 45px;
}
.general-area dd.half input {
width: 100%;
}
.general-area dd textarea {
font-size: 16px;
width: 100%;
line-height: 1.3;
border: 1px solid #CCCCCC;
border-radius: 6px;
padding: 10px;
}
.general-area dd .wpcf7-list-item label {
display: flex;
}
.general-area dd p:first-child + p {
margin-top: 10px;
}
.general-area dd input[type=radio], .general-area dd input[type=checkbox], .agree input[type=checkbox] {
width: 20px;
height: 20px;
line-height: 20px;
vertical-align: middle;
margin-top: 0;
margin-right: 5px;
}
.general-area dd input[type=radio] + span, .general-area dd input[type=checkbox] + span {
vertical-align: middle;
line-height: 20px;
font-size: 18px;
font-weight: normal;
margin-right: 15px;
}
.wpcf7-list-item label {
line-height: 20px;
margin: 5px 0;
}
.general-area dd .your-postal1, .general-area dd .your-postal2 {
display: inline-block;
width: 100px;
}
.general-area dd .clink {
display: block;
white-space: nowrap;
width: auto;
margin: 0 0 0 10px;
font-size: 12px;
padding: 0 10px;
height: 45px;
line-height: 43px;
outline: none;
}
.general-area {
padding: 0 0 0px;
}
.your-age + span, .acceptance + a {
vertical-align: middle;
line-height: 25px;
font-size: 14px;
font-weight: normal;
margin-left: 10px;
}
span.wpcf7-list-item {
margin-left: 0;
line-height: 20px;
}
.general-area span.wpcf7-list-item {
display: block;
margin: 0;
}
.general-area dd input.age {
width: 6em;
}
.general-area dd .sm > span {
width: 100%;
}
.general-area .agree {
font-size: 12px;
}
.general-area .agree label {
font-weight: normal;
font-size: 12px;
}
.acceptance {
display: inline-block;
}
.general-area .info-txt.form-control {
display: block;
width: 100%;
height: 115px;
padding: 5px 0 0;
margin-top: 0px;
margin-bottom: 35px;
text-align: left;
}
.general-area .txt {
height: 109px;
overflow-y: auto;
padding: 20px 10px 0;
}
.general-area .btnarea {
width: 100%;
margin: 20px auto 30px;
height: 50px;
line-height: 50px;
}
.general-area .btnarea .arrow {
width: 100%;
font-size: 22px;
text-align: center;
height: 50px;
line-height: 50px;
}
.general-area .btnarea span {
width: 100%;
}
.general-area .btnarea input {
-webkit-box-sizing: content-box;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
width: 100%;
font-size: 25px;
height: 78px;
line-height: 78px;
}
.general-area .btnarea input::-webkit-search-decoration {
display: none;
}
.general-area .btnarea input:focus {
outline-offset: -2px;
}
.general-area .btnarea .arrow:after {
right: 10px;
font-size: 18px;
}
}
.page-recruit .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-recruit.jpg);
}
@media screen and (max-width: 767px) {
.page-recruit .page-header .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-recruit.jpg);
}
}
.page-recruit { }
.page-recruit .sec-recruit-lead {
text-align: center;
position: relative;
padding-bottom: 25px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-lead {
padding-bottom: 25px;
}
}
.page-recruit .sec-recruit-lead h2 {
color: #004B9E;
font-size: 49px;
font-weight: bold;
margin: 0 0 70px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-lead h2 {
font-size: 35px;
margin-bottom: 40px;
}
}
.page-recruit .sec-recruit-lead .lead.fr {
align-items: center;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-lead .lead.fr {
display: block;
}
}
.page-recruit .sec-recruit-lead .lead.fr .img {
min-width: 410px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-lead .lead.fr .img {
min-width: auto;
margin: 0 -24px;
}
}
.page-recruit .sec-recruit-lead .lead.fr .img img {
width: 410px;
height: auto;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-lead .lead.fr .img img {
width: 100%;
}
}
.page-recruit .sec-recruit-lead .lead.fr .txt {
text-align: left;
padding-left: 55px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-lead .lead.fr .txt {
padding: 40px 24px 0;
}
}
.page-recruit .sec-recruit-lead .lead.fr .txt p {
font-size: 15px;
line-height: 2;
}
.page-recruit .sec-recruit-env ol li {
display: flex;
position: relative;
align-items: center;
margin-bottom: 237px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li {
flex-wrap: wrap;
margin-bottom: 30px;
}
}
.page-recruit .sec-recruit-env ol li::before {
content: "";
display: block;
height: 500px;
width: calc(50% + 205px);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li::before {
height: 250px;
width: 100%;
}
}
.page-recruit .sec-recruit-env ol li h3 {
background-color: #004B9E;
height: 350px;
width: calc(50% - 205px);
display: flex;
align-items: flex-start;
color: #6BAADD;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li h3 {
margin-left: -203px;
width: 203px;
align-items: center;
justify-content: center;
height: 140px;
}
}
.page-recruit .sec-recruit-env ol li h3 span {
width: 355px;
height: 275px;
padding: 0px 95px;
display: flex;
align-items: center;
color: #fff;
font-size: 30px;
text-align: center;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li h3 span {
width: 203px;
padding: 0;
font-size: 15px;
display: block;
height: auto;
}
}
.page-recruit .sec-recruit-env ol li h3 span strong {
margin-left: 10px;
color: #6BAADD;
font-size: 100px;
display: inherit;
font-family: "Helvetica Neue", Arial;
}
.page-recruit .sec-recruit-env ol li h3 span strong img {
width: auto;
height: 73px;
max-width: none;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li h3 span strong img {
height: 44px;
}
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li h3 span strong {
margin-left: 0px;
font-size: 60px;
display: block;
}
}
.page-recruit .sec-recruit-env ol li .box {
position: absolute;
width: 675px;
height: 322px;
background-color: #F2F7FD;
padding: 60px 65px;
top: 363px;
left: calc(50% - 115px);
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li .box {
position: relative;
left: auto;
top: auto;
width: auto;
height: auto;
margin-top: -30px;
margin: -30px 24px 0;
padding: 34px 24px;
}
}
.page-recruit .sec-recruit-env ol li .box .midash {
font-size: 25px;
color: #004B9E;
margin: 0 0 25px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li .box .midash {
font-size: 19px;
}
}
.page-recruit .sec-recruit-env ol li .box p {
font-size: 15px;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li .box p {
font-size: 15px;
}
}
.page-recruit .sec-recruit-env ol li .box p span {
color: #004B9E;
}
.page-recruit .sec-recruit-env ol li:first-child::before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-recruit01.jpg);
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li:first-child::before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-recruit01.jpg);
}
}
.page-recruit .sec-recruit-env ol li:nth-child(2)::before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-recruit02.jpg);
order: 2;
width: calc(50% + 205px);
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li:nth-child(2)::before {
width: 100%;
margin-left: 0;
z-index: -1;
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-recruit02.jpg);
}
}
.page-recruit .sec-recruit-env ol li:nth-child(2) h3 {
order: 1;
width: calc(50% - 205px);
justify-content: flex-end;
min-width: 355px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li:nth-child(2) h3 {
min-width: auto;
width: 203px;
margin-left: 0;
margin-right: -203px;
}
}
.page-recruit .sec-recruit-env ol li:nth-child(2) .box {
left: calc(50% - 560px);
width: 782px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li:nth-child(2) .box {
left: auto;
order: 3;
}
}
.page-recruit .sec-recruit-env ol li:nth-child(3)::before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-recruit03.jpg);
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li:nth-child(3)::before {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-recruit03.jpg);
}
}
.page-recruit .sec-recruit-env ol li:nth-child(3) .box {
left: calc(50% - 332px);
width: 892px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-env ol li:nth-child(3) .box {
left: auto;
}
}
.page-recruit .sec-recruit-env .pdfarea {
background-color: #F8F8F8;
padding: 34px 0;
text-align: center;
}
.page-recruit .sec-recruit-env .pdfarea a {
width: 300px;
text-decoration: none;
display: inline-block;
background-color: #004B9E;
text-align: center;
height: 54px;
line-height: 54px;
color: #fff;
border-radius: 27px;
}
.page-recruit .sec-recruit-env .pdfarea a span {
font-size: 15px;
font-weight: bold;
display: inline-block;
padding-left: 30px;
background: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/icon-pdf.svg) no-repeat left center;
}
.page-recruit .sec-recruit-job {
background-color: #F8F8F8;
text-align: center;
position: relative;
padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-job {
padding-bottom: 30px;
}
}
.page-recruit .sec-recruit-job .fr {
justify-content: center;
flex-wrap: wrap;
margin: 0 -21px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-job .fr {
display: block;
margin: 0;
}
}
.page-recruit .sec-recruit-job .fr li {
width: 345px;
margin: 0 21px 45px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-job .fr li {
width: 100%;
margin: 0 0 40px;
}
}
.page-recruit .sec-recruit-job h3 {
color: #004B9E;
font-size: 20px;
margin: 0 0 0 0;
padding: 20px 0;
text-align: center;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-job h3 {
font-size: 18px;
padding: 12px 0;
}
}
.page-recruit .sec-recruit-job p {
font-size: 15px;
line-height: 2;
text-align: left;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-job p {
line-height: 1.8;
}
}
.page-recruit .sec-recruit-job .img {
background-color: #fff;
border-radius: 10px;
padding: 48px 0;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-job .img {
padding: 28px 0;
}
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-message .fr {
display: block;
padding: 0 24px;
}
}
.page-recruit .sec-recruit-message .fr .img {
order: 2;
min-width: 466px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-message .fr .img {
min-width: auto;
text-align: center;
}
.page-recruit .sec-recruit-message .fr .img img {
max-width: 200px;
}
}
.page-recruit .sec-recruit-message .fr .txt {
order: 1;
}
.page-recruit .sec-recruit-message .fr h3 {
margin: 0 0 40px;
font-size: 30px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-message .fr h3 {
font-size: 19px;
margin: 0 0 25px;
}
}
.page-recruit .sec-recruit-message .fr p {
font-size: 15px;
line-height: 2;
margin-bottom: 25px;
}
.page-recruit .sec-recruit-message .fr p.name {
margin-top: 50px;
}
.page-recruit .sec-recruit-message .fr p.name span {
margin-right: 20px;
}
.page-recruit .sec-recruit-voice {
background-color: #F8F8F8;
}
.page-recruit .sec-recruit-voice .messageblock .fr {
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-voice .messageblock .fr {
display: block;
padding: 0 0px;
}
}
.page-recruit .sec-recruit-voice .messageblock .fr .img {
width: 410px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-voice .messageblock .fr .img {
text-align: center;
width: auto;
}
.page-recruit .sec-recruit-voice .messageblock .fr .img img {
max-width: 410px;
}
}
@media screen and (max-width: 767px) and (max-width: 767px) {
.page-recruit .sec-recruit-voice .messageblock .fr .img img {
width: 100%;
height: auto;
}
}
.page-recruit .sec-recruit-voice .messageblock .fr .img figcaption {
font-size: 15px;
line-height: 1.8;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-voice .messageblock .fr .img figcaption {
text-align: left;
margin-bottom: 20px;
}
}
.page-recruit .sec-recruit-voice .messageblock .fr .img figcaption div {
display: block;
font-size: 17px;
color: #004B9E;
margin: 20px 0 10px;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-voice .messageblock .fr .img figcaption div {
margin: 10px 0 10px;
font-size: 15px;
}
}
.page-recruit .sec-recruit-voice .messageblock .fr .img figcaption span {
display: block;
font-size: 15px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-voice .messageblock .fr .img figcaption span {
display: inline;
}
.page-recruit .sec-recruit-voice .messageblock .fr .img figcaption span::after {
content: " / ";
}
.page-recruit .sec-recruit-voice .messageblock .fr .img figcaption span:last-child::before {
display: none;
}
}
.page-recruit .sec-recruit-voice .messageblock .fr .txt {
width: 655px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-voice .messageblock .fr .txt {
width: auto;
}
}
.page-recruit .sec-recruit-voice .messageblock .fr h3 {
margin: 0 0 25px;
font-size: 17px;
padding: 15px 0;
border-top: 1px solid #004B9E;
border-bottom: 1px solid #004B9E;
text-indent: -1.9em;
padding-left: 1.9em;
}
.page-recruit .sec-recruit-voice .messageblock .fr h3::before {
content: "Q";
font-weight: bold;
color: #004B9E;
font-family: "Helvetica Neue", Arial;
margin-right: 10px;
font-size: 22px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-voice .messageblock .fr h3 {
font-size: 15px;
margin: 0 0 20px;
}
}
.page-recruit .sec-recruit-voice .messageblock .fr p {
font-size: 15px;
line-height: 2;
margin-bottom: 35px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-voice .messageblock .fr p {
margin-bottom: 25px;
}
}
.page-recruit .sec-recruit-voice .messageblock .fr:nth-child(even) .img {
order: 2;
}
.page-recruit .sec-recruit-voice .messageblock .fr:nth-child(even) .txt {
order: 1;
}
.page-recruit .sec-recruit-faq dl dt {
background-color: #F8F8F8;
padding: 22px 20px;
display: flex;
align-items: center;
border-radius: 10px;
font-size: 17px;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-faq dl dt {
font-size: 15px;
}
}
.page-recruit .sec-recruit-faq dl dt::before {
min-width: 35px;
display: block;
content: "Q";
background-color: #004B9E;
color: #fff;
font-weight: bold;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
font-size: 18px;
border-radius: 50%;
margin-right: 12px;
font-family: "Helvetica Neue", Arial;
}
.page-recruit .sec-recruit-faq dl dd {
padding: 22px 20px;
display: flex;
align-items: center;
border-radius: 10px;
font-size: 17px;
font-weight: normal;
margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-faq dl dd {
font-size: 15px;
align-items: flex-start;
}
}
.page-recruit .sec-recruit-faq dl dd::before {
display: block;
content: "A";
background-color: #ED952E;
color: #fff;
font-weight: bold;
width: 35px;
height: 35px;
min-width: 35px;
text-align: center;
line-height: 35px;
font-size: 18px;
border-radius: 50%;
margin-right: 12px;
font-family: "Helvetica Neue", Arial;
}
.page-recruit .sec-recruit-entry {
background-color: #F8F8F8;
padding-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-entry {
padding-bottom: 60px !important;
}
}
.page-recruit .sec-recruit-entry .ttlarea {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-entry > .fr {
display: block;
}
}
.page-recruit .sec-recruit-entry > .fr h3 {
font-size: 18px;
margin: 0 0 0 0;
}
.page-recruit .sec-recruit-entry > .fr > div {
padding: 70px 0 0 0;
width: 50%;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-entry > .fr > div {
padding: 40px 0 0 0;
width: 100%;
}
}
.page-recruit .sec-recruit-entry > .fr > div .inner {
width: 390px;
text-align: center;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-entry > .fr > div .inner {
width: 100%;
}
}
.page-recruit .sec-recruit-entry > .fr > div:first-child .inner {
margin: 0 0 0 auto;
}
.page-recruit .sec-recruit-entry > .fr > div:last-child {
background-color: #F8F8F8;
}
.page-recruit .sec-recruit-entry p {
text-align: center;
font-size: 18px;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-entry p {
line-height: 1.8;
}
}
.page-recruit .sec-recruit-entry .btn {
margin: 35px 25px 75px;
text-align: center;
display: block;
background-color: #fff;
height: 180px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 767px) {
.page-recruit .sec-recruit-entry .btn {
height: 173px;
margin: 20px 25px 0px;
}
}
.page-recruit .sec-recruit-entry .btn a {
display: block;
}
.page-recruit .sec-recruit-entry .btn a img {
vertical-align: bottom;
}.blog #main{
padding-bottom: 70px;
}
.sec-inui4 .inner {
max-width: 900px;
margin: 50px auto;
}
.sec-inui4 p {
font-size: 15px;
line-height: 2.2;
text-align: left;
margin-bottom: 10px;
}
@media screen and (max-width: 767px){
.sec-inui4 p {
line-height: 1.8;
}
}
.sec-inui4 .box{
margin-top: 60px;
}
.sec-inui4 h3 {
text-align: center;
padding-bottom: 20px;
border-bottom: 1px solid #CCCCCC;
font-size: 24px;
margin: 0 0 50px;
}
@media screen and (max-width: 767px){
.sec-inui4 h3 {
font-size: 20px;
padding-bottom: 10px;
margin: 0 0 30px;
}
}
.sec-inui4 ul {
list-style: disc;
margin-bottom: 60px;
margin-left: 1em;
}
.sec-inui4 ol {
list-style: decimal;
margin-bottom: 60px;
margin-left: 1em;
}
.sec-inui4 ul li, .sec-inui4 ol li {
line-height: 2.2;
text-align: left;
font-size: 15px;
}
@media screen and (max-width: 767px){
.sec-inui4 ul li, .sec-inui4 ol li {
line-height: 1.8;
}
}
.box-pp{
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.mt-40px{
margin-top: 40px;
}
.column-frame:nth-child(odd) .column .txt .inner p.sb_copy{
font-size: 17px;
font-weight: bold;
margin-bottom: 1em;
}
.d-inline-block{
display: inline-block;
}
.mb-0{
margin-bottom: 0 !important;
} .el_ttlBgc{
text-align: center;
background-color: #004795;
color: #fff;
margin-bottom: 30px;
padding: 20px 25px;
}
@media screen and (max-width: 767px) {
.el_ttlBgc {
padding: 10px 0;
}
} .el_ttlBtbb{
border-top: 1px solid #004B9E;
border-bottom: 1px solid #004B9E;
color: #004B9E;
padding: 25px 0;
font-size: 30px;
margin-bottom: 36px;
}
@media screen and (max-width: 767px) {
.el_ttlBtbb {
padding: 24px 0;
font-size: 19px;
text-align: center;
margin-bottom: 32px;
}
} .bl_flexBgc2col{
background-color: #F8F8F8;
padding: 50px 60px;
}
@media screen and (min-width: 768px) {
.bl_flexBgc2col{
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: space-between;
}
.bl_flexBgc2col .img,.bl_flexBgc2col .txt{
width: calc(50% - 25px);
}
}
@media screen and (max-width: 767px) {
.bl_flexBgc2col{
padding: 50px 24px;
}
.bl_flexBgc2col .txt{
margin-bottom: 1em;
}
} .bl_flex2col{
position: relative;
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.bl_flex2col{
display: flex;
}
.bl_flex2col .ttl{
position: absolute;
left: 440px;
top: 0;
width: calc(100% - 440px);
}
.bl_flex2col .img {
width: 400px;
}
.bl_flex2col .txt {
margin-top: 134px;
width: calc(100% - 400px);
padding-left: 40px;
}
}
@media screen and (max-width: 767px) {
.bl_flex2col .img {
margin-bottom: 30px;
}
.bl_flex2col_img_siz{
aspect-ratio: 327 / 220;
object-fit: cover;
}
} .bl_bgc{
background-color: #F8F8F8;
padding: 50px 60px;
text-align: center;
}
.bl_bgc_img{
background-color: #fff;
padding: 48px 50px;
margin-top: 47px;
}
.bl_bgc_ttl{
font-size: 22px;
margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
.bl_bgc{
padding: 50px 24px;
}
.bl_bgc_img{
padding: 32px 20px;
margin-top: 26px;
}
.bl_bgc_ttl{
font-size: 18px;
margin-bottom: 26px;
}
} .productlist2_child_child:not(:last-child){
margin-bottom: 76px;
} .bl_ttl_red .el_ttlBtbb{
border-top-color: #B51D23;
border-bottom-color: #B51D23;
color:#B51D23;
}
.bl_ttl_red .bl_bgc_ttl{
color:#B51D23;
}
.bl_ttl_blue .el_ttlBtbb{
border-top-color: #004CA1;
border-bottom-color: #004CA1;
color:#004CA1;
}
.bl_ttl_blue .bl_bgc_ttl{
color:#004CA1;
}
.bl_ttl_green .el_ttlBtbb{
border-top-color: #007739;
border-bottom-color: #007739;
color:#007739;
}
.bl_ttl_green .bl_bgc_ttl{
color:#007739;
}
.bl_ttl_purple .el_ttlBtbb{
border-top-color: #733F95;
border-bottom-color: #733F95;
color:#733F95;
}
.bl_ttl_purple .bl_bgc_ttl{
color:#733F95;
}
.bl_ttl_emerald .el_ttlBtbb{
border-top-color: #008BA2;
border-bottom-color: #008BA2;
color:#008BA2;
}
.bl_ttl_emerald .bl_bgc_ttl{
color:#008BA2;
} .page-celmuse .breadcrumbs a:nth-child(2) {
pointer-events: none;
}
.page-celmuse .page-header .inner .mv{
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-business01.jpg);
}
@media screen and (max-width: 767px) {
.page-celmuse .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-business01.jpg);
}
}
.page-celmuse .colums .column-frame .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-celmuse-1.jpg);
}
@media screen and (max-width: 767px) {
.page-celmuse .colums .column-frame .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-celmuse-1.jpg);
}
}
.page-celmuse .sec-business-strengths, .page-business-child .sec-business-strengths {
background-color: #F8F8F8;
}
@media screen and (min-width: 768px) {
.page-celmuse .column-frame:nth-child(odd) .column .txt, .column.c1 .txt {
width: 765px;
}
}
.page-celmuse .productlist2 .wrap{
margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
.page-celmuse .productlist2 .wrap{
margin-bottom: 35px;
}
}
.page-celmuse .productlist2 p{
font-size: 15px;
}
.page-celmuse .sec-business-products {
background-color: #F8F8F8;
}
.page-celmuse .productlist2 table {
border-spacing: 0;
width: 100%;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
.page-celmuse .productlist2 table {
display: block;
}
}
.page-celmuse .productlist2 table th,
.page-celmuse .productlist2 table td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 25px 25px;
font-size: 15px;
}
.page-celmuse .productlist2 table td{
background-color: #fff;
}
@media screen and (max-width: 767px) {
.page-celmuse .productlist2 table th,
.page-celmuse .productlist2 table td {
display: block;
padding: 20px 25px;
font-size: 13px;
line-height: 1.8;
}
.page-celmuse .productlist2 table tbody tr td {
position: relative;
text-align: left !important;
padding-left: 5.5em;
}
.page-celmuse .productlist2 table tbody tr td::before{
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #ccc;
position: absolute;
top:0;
left: 0;
bottom: 0;
right: 0;
width: 4em;
height: 100%;
font-size: 13px;
background-color: #F8F8F8;
text-align: center;
line-height: 1.25;
font-weight: normal;
}
.page-celmuse .productlist2 table tbody tr td:nth-of-type(1)::before{
content: '形態';
}
.page-celmuse .productlist2 table tbody tr td:nth-of-type(2)::before{
content: '標準\A光触媒\A濃度';
white-space: -moz-pre-wrap;
white-space: -webkit-pre-wrap;
white-space: pre;
}
.page-celmuse .productlist2 table tbody tr td:nth-of-type(3)::before{
content: 'pH';
}
.page-celmuse .productlist2 table tbody tr td:nth-of-type(4)::before{
content: '荷姿';
}
}
.page-celmuse .productlist2 table th a,
.page-celmuse .productlist2 table td a {
color: #004B9E;
}
@media screen and (max-width: 767px) {
.page-celmuse .productlist2 table thead {
display: none;
}
}
.page-celmuse .productlist2 table thead th {
font-weight: normal;
background-color: #F8F8F8;
padding: 8px 0;
}
@media screen and (max-width: 767px) {
.page-celmuse .productlist2 table tbody {
display: block;
}
}
.page-celmuse .productlist2 table tbody th {
text-align: left;
width: 400px;
background-color: #F2F7FD;
}
@media screen and (max-width: 767px) {
.page-celmuse .productlist2 table tbody th {
width: 100%;
padding: 10px 25px;
}
}
@media screen and (max-width: 767px) {
.page-celmuse .productlist2 table tr {
display: block;
}
}
.page-celmuse .productlist2 table tbody td:first-child {
background-color: #E8EEF5;
font-weight: bold;
}
.page-celmuse .productlist2 table tbody td:not(:last-child) {
text-align: center;
}
@media screen and (min-width: 768px) {
.table_td_flex{
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
}
.table_td_flex .txt{
margin-left: 1.5em;
}
}
@media screen and (max-width: 767px) {
.table_td_flex .txt{
margin-bottom: 1em;
}
}
.bl_item_contact{
background-color: #fff;
padding: 50px 60px;
margin-top: 50px;
}
.bl_item_contact h3{
font-size: 17px;
margin-bottom: 32px;
}
.bl_item_contact a{
color:#01419A;
text-decoration: none;
}
@media screen and (min-width: 768px) {
.bl_item_contact{
text-align: center;
}
}
@media screen and (max-width: 767px) {
.bl_item_contact{
padding: 50px 24px;
margin-top: 30px;
}
.bl_item_contact h3{
font-size: 16px;
margin-bottom: 34px;
text-align: center;
}
} .btn_A {
background-color: #004795;
display: block;
max-width: 300px;
width: 100%;
height: 54px;
text-decoration: none;
color: #fff !important;
line-height: 54px;
border-radius: 27px;
font-size: 15px;
text-align: center;
margin: 2em auto 0;
} .text-right{
text-align: right !important;
font-size: 14px !important;
} .sec-inui3 .newMP_box{
background-color: #fff;
position: relative;
margin: 0 auto 60px;
padding: 5% 2.5%;
}
@media screen and (max-width: 767px) {
.sec-inui3 .newMP_box{
padding: 34px 24px;
width: 100dvw;
margin-left: -24px;
}
}
.sec-inui3 .newMP_box *{
color: #004B9E;
}
.sec-inui3 .newMP_logo{
display: block;
position: absolute;
right: 5%;
top: 2.5%;
width: 20%;
margin: 0 auto 2em;
}
@media screen and (max-width: 767px) {
.sec-inui3 .newMP_logo{
position: static;
max-width: 200px;
width: 50%;
}
}
.sec-inui3 .newMP_ttl{
border-bottom: 0 !important;
text-decoration: underline;
text-underline-offset: 0.25em;
}
.sec-inui3 .newMP_box .newMP_child:not(:last-child){
margin-bottom: 60px;
}
.sec-inui3 .newMP_box .newMP_child_ttl{
font-size: 16px;
margin-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
.sec-inui3 .newMP_box .newMP_child_ttl{
font-size: 15px;
}
}
.sec-inui3 .newMP_box .newMP_child_copy{
font-size: 32px;
font-weight: 900;
line-height: 1.4;
text-align: center;
margin-bottom: 0.75em;
}
@media screen and (max-width: 767px) {
.sec-inui3 .newMP_box .newMP_child_copy{
font-size: clamp(19px, 6vw, 24px);
}
}
.sec-inui3 .newMP_box .newMP_child_txt{
font-weight: 600;
line-height: 1.8;
text-align: center;
}
@media screen and (max-width: 767px) {
.sec-inui3 .newMP_box .newMP_child_txt{
font-size: 15px;
font-weight: 500;
}
} .list_ttltxt_num{
counter-reset: listnum; list-style: none; }
.list_ttltxt_num *{
font-size: 15px;
line-height: 2.2;
}
.list_ttltxt_num li{
list-style: none;
position: relative;
padding-left: 1.25em;
}
.list_ttltxt_num li::before{
counter-increment: listnum; content: counter(listnum) "."; position: absolute;
top: 0;
left: 0;
font-weight: bold;
}
.list_ttltxt_num h4{
text-align: left;
} .sec-recruit-entry .fr.between {
justify-content: center !important;
}
.page-recruit .sec-recruit-entry > .fr > div:first-child .inner {
margin: 0 auto;
} .page-aboutus-test .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/bg-about.jpg);
}
@media screen and (max-width: 767px) {
.page-aboutus-test .page-header .inner .mv {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-bg-about.jpg);
}
} .page-chemicals-test .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b1-1.jpg);
}
@media screen and (max-width: 767px) {
.page-chemicals-test .colums .column-frame:first-child .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b1-1.jpg);
}
}
.page-chemicals-test .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b1-2.jpg);
}
@media screen and (max-width: 767px) {
.page-chemicals-test .colums .column-frame:nth-child(2) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b1-2.jpg);
}
}
.page-chemicals-test .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/img-b1-3.jpg);
}
@media screen and (max-width: 767px) {
.page-chemicals-test .colums .column-frame:nth-child(3) .column .img .inner {
background-image: url(//www.inuicorp.co.jp/wordpress/wp-content/themes/inui/images/sp-img-b1-3.jpg);
}
}