html {
box-sizing: border-box;
overflow-y: scroll;
-webkit-text-size-adjust: 100%
}
*,::before,::after {
background-repeat: no-repeat;
box-sizing: inherit
}
::before,::after {
text-decoration: inherit;
vertical-align: inherit
}
* {
padding: 0;
margin: 0
}
audio:not([controls]) {
display: none;
height: 0
}
hr {
overflow: visible
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
display: block
}
summary {
display: list-item
}
small {
font-size: 80%
}
[hidden],template {
display: none
}
abbr[title] {
border-bottom: 1px dotted;
text-decoration: none
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects
}
a:active,a:hover {
outline-width: 0
}
code,kbd,pre,samp {
font-family: monospace, monospace
}
b,strong {
font-weight: bolder
}
dfn {
font-style: italic
}
mark {
background-color: #ff0;
color: #000
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
input {
border-radius: 0
}
button,[type="button"],[type="reset"],[type="submit"],[role="button"] {
cursor: pointer
}
[disabled] {
cursor: default
}
[type="number"] {
width: auto
}
[type="search"] {
-webkit-appearance: textfield
}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
textarea {
overflow: auto;
resize: vertical
}
button,input,optgroup,select,textarea {
font: inherit
}
optgroup {
font-weight: bold
}
button {
overflow: visible
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
border-style: 0;
padding: 0
}
button:-moz-focusring,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText
}
button,html [type="button"],[type="reset"],[type="submit"] {
-webkit-appearance: button
}
button,select {
text-transform: none
}
button,input,select,textarea {
background-color: transparent;
border-style: none;
color: inherit
}
select {
-moz-appearance: none;
-webkit-appearance: none
}
select::-ms-expand {
display: none
}
select::-ms-value {
color: currentColor
}
legend {
border: 0;
color: inherit;
display: table;
max-width: 100%;
white-space: normal
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
img {
border-style: none
}
progress {
vertical-align: baseline
}
svg:not(:root) {
overflow: hidden
}
audio,canvas,progress,video {
display: inline-block
}
@media screen {
[hidden~="screen"] {
display: inherit
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important
}
}
[aria-busy="true"] {
cursor: progress
}
[aria-controls] {
cursor: pointer
}
[aria-disabled] {
cursor: default
}
::-moz-selection {
background-color: #b3d4fc;
color: #000;
text-shadow: none
}
::selection {
background-color: #b3d4fc;
color: #000;
text-shadow: none
}
html {
font-size: 16px
}
body {
color: #333;
background: #fff;
font-family: "メイリオ", sans-serif;
letter-spacing: .05em;
line-height: 1.875;
font-feature-settings: "palt";
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: unset
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
body {
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing: grayscale
}
}
body>img[width="0"] {
position: absolute;
left: 0;
bottom: 0
}
@media screen and (max-width: 599px) {
body {
padding-top:56px
}
}
h1,h2,h3,h4,h5,h6 {
font-size: inherit;
font-weight: normal
}
caption {
text-align: left
}
table {
border-collapse: collapse
}
th {
font-weight: normal;
text-align: inherit;
vertical-align: top
}
td {
vertical-align: top
}
li {
list-style: none
}
img {
max-width: 100%;
vertical-align: bottom
}
em {
font-style: normal;
font-weight: bold
}
address {
font-style: normal
}
a {
color: #1c98bb;
text-decoration: none;
transition: opacity .2s, color .2s, background .2s
}
a:hover {
text-decoration: underline
}
select,input[type="text"] {
background: #e9e9e9
}
select:focus,input[type="text"]:focus {
outline: 0;
box-shadow: 0 0 2px 2px #ffd500;
background: #eee
}
.is-unscrollable {
overflow: hidden
}
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
float: left
}
.swiper-container-vertical>.swiper-wrapper {
-ms-flex-direction: column;
flex-direction: column
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -ms-flexbox;
display: flex;
transition-property: transform;
box-sizing: content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper {
transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform
}
.swiper-invisible-blank-slide {
visibility: hidden
}
.swiper-container-autoheight {
height: auto
}
.swiper-container-autoheight .swiper-slide {
height: auto
}
.swiper-container-autoheight .swiper-wrapper {
-ms-flex-align: start;
align-items: flex-start;
transition-property: transform,height
}
.swiper-container-3d {
perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-horizontal>.swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y
}
.swiper-container-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-container-wp8-vertical>.swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x
}
.swiper-button-next,.swiper-button-prev {
position: absolute;
top: 50%;
width: 36px;
height: 50px;
margin-top: -25px;
z-index: 10;
cursor: pointer;
overflow: hidden
}
.swiper-button-next:after {
content: '';
width: 20px;
height: 20px;
border: 2px solid #ffd500;
border-width: 2px 2px 0 0;
transform: rotate(45deg);
position: absolute;
right: 14px;
top: 15px
}
.swiper-button-prev:after {
content: '';
width: 20px;
height: 20px;
border: 2px solid #ffd500;
border-width: 0 0 2px 2px;
transform: rotate(45deg);
position: absolute;
left: 14px;
top: 15px
}
.swiper-button-next.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-button-prev {
left: 10px;
right: auto
}
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none
}
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: .3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33)
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: .2
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #ffd500
}
.swiper-container-vertical>.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: .2s top,.2s -webkit-transform;
transition: .2s transform,.2s top;
transition: .2s transform,.2s top,.2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s left,.2s -webkit-transform;
transition: .2s transform,.2s left;
transition: .2s transform,.2s left,.2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: .2s right,.2s -webkit-transform;
transition: .2s transform,.2s right;
transition: .2s transform,.2s right,.2s -webkit-transform
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, .25);
position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #ffd500;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar {
width: 100%;
height: 4px;
left: 0;
top: 0
}
.swiper-container-vertical>.swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, .25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, .25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, .5);
border-radius: 10px;
left: 0;
top: 0
}
.swiper-scrollbar-cursor-drag {
cursor: move
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-align: center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
max-width: 100%;
max-height: 100%;
object-fit: contain
}
.swiper-slide-zoomed {
cursor: move
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
display: block;
content: '';
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
background-size: 100%;
background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg)
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-fade .swiper-slide-active {
pointer-events: auto
}
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube {
overflow: visible
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active {
pointer-events: auto;
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-cube .swiper-slide-next {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-next+.swiper-slide {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
filter: url('data:image/svg+xml;charset=utf-8,#filter');
filter: blur(50px);
z-index: 0
}
.swiper-container-flip {
overflow: visible
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none
}
.swiper-container-flip .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
-ms-perspective: 1200px
}
body[data-aos-duration='50'] [data-aos],[data-aos][data-aos][data-aos-duration='50'] {
transition-duration: 50ms
}
body[data-aos-delay='50'] [data-aos],[data-aos][data-aos][data-aos-delay='50'] {
transition-delay: 0
}
body[data-aos-delay='50'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='50'].aos-animate {
transition-delay: 50ms
}
body[data-aos-duration='100'] [data-aos],[data-aos][data-aos][data-aos-duration='100'] {
transition-duration: 100ms
}
body[data-aos-delay='100'] [data-aos],[data-aos][data-aos][data-aos-delay='100'] {
transition-delay: 0
}
body[data-aos-delay='100'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='100'].aos-animate {
transition-delay: 100ms
}
body[data-aos-duration='150'] [data-aos],[data-aos][data-aos][data-aos-duration='150'] {
transition-duration: 150ms
}
body[data-aos-delay='150'] [data-aos],[data-aos][data-aos][data-aos-delay='150'] {
transition-delay: 0
}
body[data-aos-delay='150'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='150'].aos-animate {
transition-delay: 150ms
}
body[data-aos-duration='200'] [data-aos],[data-aos][data-aos][data-aos-duration='200'] {
transition-duration: 200ms
}
body[data-aos-delay='200'] [data-aos],[data-aos][data-aos][data-aos-delay='200'] {
transition-delay: 0
}
body[data-aos-delay='200'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='200'].aos-animate {
transition-delay: 200ms
}
body[data-aos-duration='250'] [data-aos],[data-aos][data-aos][data-aos-duration='250'] {
transition-duration: 250ms
}
body[data-aos-delay='250'] [data-aos],[data-aos][data-aos][data-aos-delay='250'] {
transition-delay: 0
}
body[data-aos-delay='250'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='250'].aos-animate {
transition-delay: 250ms
}
body[data-aos-duration='300'] [data-aos],[data-aos][data-aos][data-aos-duration='300'] {
transition-duration: 300ms
}
body[data-aos-delay='300'] [data-aos],[data-aos][data-aos][data-aos-delay='300'] {
transition-delay: 0
}
body[data-aos-delay='300'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='300'].aos-animate {
transition-delay: 300ms
}
body[data-aos-duration='350'] [data-aos],[data-aos][data-aos][data-aos-duration='350'] {
transition-duration: 350ms
}
body[data-aos-delay='350'] [data-aos],[data-aos][data-aos][data-aos-delay='350'] {
transition-delay: 0
}
body[data-aos-delay='350'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='350'].aos-animate {
transition-delay: 350ms
}
body[data-aos-duration='400'] [data-aos],[data-aos][data-aos][data-aos-duration='400'] {
transition-duration: 400ms
}
body[data-aos-delay='400'] [data-aos],[data-aos][data-aos][data-aos-delay='400'] {
transition-delay: 0
}
body[data-aos-delay='400'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='400'].aos-animate {
transition-delay: 400ms
}
body[data-aos-duration='450'] [data-aos],[data-aos][data-aos][data-aos-duration='450'] {
transition-duration: 450ms
}
body[data-aos-delay='450'] [data-aos],[data-aos][data-aos][data-aos-delay='450'] {
transition-delay: 0
}
body[data-aos-delay='450'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='450'].aos-animate {
transition-delay: 450ms
}
body[data-aos-duration='500'] [data-aos],[data-aos][data-aos][data-aos-duration='500'] {
transition-duration: 500ms
}
body[data-aos-delay='500'] [data-aos],[data-aos][data-aos][data-aos-delay='500'] {
transition-delay: 0
}
body[data-aos-delay='500'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='500'].aos-animate {
transition-delay: 500ms
}
body[data-aos-duration='550'] [data-aos],[data-aos][data-aos][data-aos-duration='550'] {
transition-duration: 550ms
}
body[data-aos-delay='550'] [data-aos],[data-aos][data-aos][data-aos-delay='550'] {
transition-delay: 0
}
body[data-aos-delay='550'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='550'].aos-animate {
transition-delay: 550ms
}
body[data-aos-duration='600'] [data-aos],[data-aos][data-aos][data-aos-duration='600'] {
transition-duration: 600ms
}
body[data-aos-delay='600'] [data-aos],[data-aos][data-aos][data-aos-delay='600'] {
transition-delay: 0
}
body[data-aos-delay='600'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='600'].aos-animate {
transition-delay: 600ms
}
body[data-aos-duration='650'] [data-aos],[data-aos][data-aos][data-aos-duration='650'] {
transition-duration: 650ms
}
body[data-aos-delay='650'] [data-aos],[data-aos][data-aos][data-aos-delay='650'] {
transition-delay: 0
}
body[data-aos-delay='650'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='650'].aos-animate {
transition-delay: 650ms
}
body[data-aos-duration='700'] [data-aos],[data-aos][data-aos][data-aos-duration='700'] {
transition-duration: 700ms
}
body[data-aos-delay='700'] [data-aos],[data-aos][data-aos][data-aos-delay='700'] {
transition-delay: 0
}
body[data-aos-delay='700'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='700'].aos-animate {
transition-delay: 700ms
}
body[data-aos-duration='750'] [data-aos],[data-aos][data-aos][data-aos-duration='750'] {
transition-duration: 750ms
}
body[data-aos-delay='750'] [data-aos],[data-aos][data-aos][data-aos-delay='750'] {
transition-delay: 0
}
body[data-aos-delay='750'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='750'].aos-animate {
transition-delay: 750ms
}
body[data-aos-duration='800'] [data-aos],[data-aos][data-aos][data-aos-duration='800'] {
transition-duration: 800ms
}
body[data-aos-delay='800'] [data-aos],[data-aos][data-aos][data-aos-delay='800'] {
transition-delay: 0
}
body[data-aos-delay='800'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='800'].aos-animate {
transition-delay: 800ms
}
body[data-aos-duration='850'] [data-aos],[data-aos][data-aos][data-aos-duration='850'] {
transition-duration: 850ms
}
body[data-aos-delay='850'] [data-aos],[data-aos][data-aos][data-aos-delay='850'] {
transition-delay: 0
}
body[data-aos-delay='850'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='850'].aos-animate {
transition-delay: 850ms
}
body[data-aos-duration='900'] [data-aos],[data-aos][data-aos][data-aos-duration='900'] {
transition-duration: 900ms
}
body[data-aos-delay='900'] [data-aos],[data-aos][data-aos][data-aos-delay='900'] {
transition-delay: 0
}
body[data-aos-delay='900'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='900'].aos-animate {
transition-delay: 900ms
}
body[data-aos-duration='950'] [data-aos],[data-aos][data-aos][data-aos-duration='950'] {
transition-duration: 950ms
}
body[data-aos-delay='950'] [data-aos],[data-aos][data-aos][data-aos-delay='950'] {
transition-delay: 0
}
body[data-aos-delay='950'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='950'].aos-animate {
transition-delay: 950ms
}
body[data-aos-duration='1000'] [data-aos],[data-aos][data-aos][data-aos-duration='1000'] {
transition-duration: 1000ms
}
body[data-aos-delay='1000'] [data-aos],[data-aos][data-aos][data-aos-delay='1000'] {
transition-delay: 0
}
body[data-aos-delay='1000'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1000'].aos-animate {
transition-delay: 1000ms
}
body[data-aos-duration='1050'] [data-aos],[data-aos][data-aos][data-aos-duration='1050'] {
transition-duration: 1050ms
}
body[data-aos-delay='1050'] [data-aos],[data-aos][data-aos][data-aos-delay='1050'] {
transition-delay: 0
}
body[data-aos-delay='1050'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1050'].aos-animate {
transition-delay: 1050ms
}
body[data-aos-duration='1100'] [data-aos],[data-aos][data-aos][data-aos-duration='1100'] {
transition-duration: 1100ms
}
body[data-aos-delay='1100'] [data-aos],[data-aos][data-aos][data-aos-delay='1100'] {
transition-delay: 0
}
body[data-aos-delay='1100'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1100'].aos-animate {
transition-delay: 1100ms
}
body[data-aos-duration='1150'] [data-aos],[data-aos][data-aos][data-aos-duration='1150'] {
transition-duration: 1150ms
}
body[data-aos-delay='1150'] [data-aos],[data-aos][data-aos][data-aos-delay='1150'] {
transition-delay: 0
}
body[data-aos-delay='1150'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1150'].aos-animate {
transition-delay: 1150ms
}
body[data-aos-duration='1200'] [data-aos],[data-aos][data-aos][data-aos-duration='1200'] {
transition-duration: 1200ms
}
body[data-aos-delay='1200'] [data-aos],[data-aos][data-aos][data-aos-delay='1200'] {
transition-delay: 0
}
body[data-aos-delay='1200'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1200'].aos-animate {
transition-delay: 1200ms
}
body[data-aos-duration='1250'] [data-aos],[data-aos][data-aos][data-aos-duration='1250'] {
transition-duration: 1250ms
}
body[data-aos-delay='1250'] [data-aos],[data-aos][data-aos][data-aos-delay='1250'] {
transition-delay: 0
}
body[data-aos-delay='1250'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1250'].aos-animate {
transition-delay: 1250ms
}
body[data-aos-duration='1300'] [data-aos],[data-aos][data-aos][data-aos-duration='1300'] {
transition-duration: 1300ms
}
body[data-aos-delay='1300'] [data-aos],[data-aos][data-aos][data-aos-delay='1300'] {
transition-delay: 0
}
body[data-aos-delay='1300'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1300'].aos-animate {
transition-delay: 1300ms
}
body[data-aos-duration='1350'] [data-aos],[data-aos][data-aos][data-aos-duration='1350'] {
transition-duration: 1350ms
}
body[data-aos-delay='1350'] [data-aos],[data-aos][data-aos][data-aos-delay='1350'] {
transition-delay: 0
}
body[data-aos-delay='1350'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1350'].aos-animate {
transition-delay: 1350ms
}
body[data-aos-duration='1400'] [data-aos],[data-aos][data-aos][data-aos-duration='1400'] {
transition-duration: 1400ms
}
body[data-aos-delay='1400'] [data-aos],[data-aos][data-aos][data-aos-delay='1400'] {
transition-delay: 0
}
body[data-aos-delay='1400'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1400'].aos-animate {
transition-delay: 1400ms
}
body[data-aos-duration='1450'] [data-aos],[data-aos][data-aos][data-aos-duration='1450'] {
transition-duration: 1450ms
}
body[data-aos-delay='1450'] [data-aos],[data-aos][data-aos][data-aos-delay='1450'] {
transition-delay: 0
}
body[data-aos-delay='1450'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1450'].aos-animate {
transition-delay: 1450ms
}
body[data-aos-duration='1500'] [data-aos],[data-aos][data-aos][data-aos-duration='1500'] {
transition-duration: 1500ms
}
body[data-aos-delay='1500'] [data-aos],[data-aos][data-aos][data-aos-delay='1500'] {
transition-delay: 0
}
body[data-aos-delay='1500'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1500'].aos-animate {
transition-delay: 1500ms
}
body[data-aos-duration='1550'] [data-aos],[data-aos][data-aos][data-aos-duration='1550'] {
transition-duration: 1550ms
}
body[data-aos-delay='1550'] [data-aos],[data-aos][data-aos][data-aos-delay='1550'] {
transition-delay: 0
}
body[data-aos-delay='1550'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1550'].aos-animate {
transition-delay: 1550ms
}
body[data-aos-duration='1600'] [data-aos],[data-aos][data-aos][data-aos-duration='1600'] {
transition-duration: 1600ms
}
body[data-aos-delay='1600'] [data-aos],[data-aos][data-aos][data-aos-delay='1600'] {
transition-delay: 0
}
body[data-aos-delay='1600'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1600'].aos-animate {
transition-delay: 1600ms
}
body[data-aos-duration='1650'] [data-aos],[data-aos][data-aos][data-aos-duration='1650'] {
transition-duration: 1650ms
}
body[data-aos-delay='1650'] [data-aos],[data-aos][data-aos][data-aos-delay='1650'] {
transition-delay: 0
}
body[data-aos-delay='1650'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1650'].aos-animate {
transition-delay: 1650ms
}
body[data-aos-duration='1700'] [data-aos],[data-aos][data-aos][data-aos-duration='1700'] {
transition-duration: 1700ms
}
body[data-aos-delay='1700'] [data-aos],[data-aos][data-aos][data-aos-delay='1700'] {
transition-delay: 0
}
body[data-aos-delay='1700'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1700'].aos-animate {
transition-delay: 1700ms
}
body[data-aos-duration='1750'] [data-aos],[data-aos][data-aos][data-aos-duration='1750'] {
transition-duration: 1750ms
}
body[data-aos-delay='1750'] [data-aos],[data-aos][data-aos][data-aos-delay='1750'] {
transition-delay: 0
}
body[data-aos-delay='1750'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1750'].aos-animate {
transition-delay: 1750ms
}
body[data-aos-duration='1800'] [data-aos],[data-aos][data-aos][data-aos-duration='1800'] {
transition-duration: 1800ms
}
body[data-aos-delay='1800'] [data-aos],[data-aos][data-aos][data-aos-delay='1800'] {
transition-delay: 0
}
body[data-aos-delay='1800'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1800'].aos-animate {
transition-delay: 1800ms
}
body[data-aos-duration='1850'] [data-aos],[data-aos][data-aos][data-aos-duration='1850'] {
transition-duration: 1850ms
}
body[data-aos-delay='1850'] [data-aos],[data-aos][data-aos][data-aos-delay='1850'] {
transition-delay: 0
}
body[data-aos-delay='1850'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1850'].aos-animate {
transition-delay: 1850ms
}
body[data-aos-duration='1900'] [data-aos],[data-aos][data-aos][data-aos-duration='1900'] {
transition-duration: 1900ms
}
body[data-aos-delay='1900'] [data-aos],[data-aos][data-aos][data-aos-delay='1900'] {
transition-delay: 0
}
body[data-aos-delay='1900'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1900'].aos-animate {
transition-delay: 1900ms
}
body[data-aos-duration='1950'] [data-aos],[data-aos][data-aos][data-aos-duration='1950'] {
transition-duration: 1950ms
}
body[data-aos-delay='1950'] [data-aos],[data-aos][data-aos][data-aos-delay='1950'] {
transition-delay: 0
}
body[data-aos-delay='1950'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='1950'].aos-animate {
transition-delay: 1950ms
}
body[data-aos-duration='2000'] [data-aos],[data-aos][data-aos][data-aos-duration='2000'] {
transition-duration: 2000ms
}
body[data-aos-delay='2000'] [data-aos],[data-aos][data-aos][data-aos-delay='2000'] {
transition-delay: 0
}
body[data-aos-delay='2000'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2000'].aos-animate {
transition-delay: 2000ms
}
body[data-aos-duration='2050'] [data-aos],[data-aos][data-aos][data-aos-duration='2050'] {
transition-duration: 2050ms
}
body[data-aos-delay='2050'] [data-aos],[data-aos][data-aos][data-aos-delay='2050'] {
transition-delay: 0
}
body[data-aos-delay='2050'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2050'].aos-animate {
transition-delay: 2050ms
}
body[data-aos-duration='2100'] [data-aos],[data-aos][data-aos][data-aos-duration='2100'] {
transition-duration: 2100ms
}
body[data-aos-delay='2100'] [data-aos],[data-aos][data-aos][data-aos-delay='2100'] {
transition-delay: 0
}
body[data-aos-delay='2100'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2100'].aos-animate {
transition-delay: 2100ms
}
body[data-aos-duration='2150'] [data-aos],[data-aos][data-aos][data-aos-duration='2150'] {
transition-duration: 2150ms
}
body[data-aos-delay='2150'] [data-aos],[data-aos][data-aos][data-aos-delay='2150'] {
transition-delay: 0
}
body[data-aos-delay='2150'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2150'].aos-animate {
transition-delay: 2150ms
}
body[data-aos-duration='2200'] [data-aos],[data-aos][data-aos][data-aos-duration='2200'] {
transition-duration: 2200ms
}
body[data-aos-delay='2200'] [data-aos],[data-aos][data-aos][data-aos-delay='2200'] {
transition-delay: 0
}
body[data-aos-delay='2200'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2200'].aos-animate {
transition-delay: 2200ms
}
body[data-aos-duration='2250'] [data-aos],[data-aos][data-aos][data-aos-duration='2250'] {
transition-duration: 2250ms
}
body[data-aos-delay='2250'] [data-aos],[data-aos][data-aos][data-aos-delay='2250'] {
transition-delay: 0
}
body[data-aos-delay='2250'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2250'].aos-animate {
transition-delay: 2250ms
}
body[data-aos-duration='2300'] [data-aos],[data-aos][data-aos][data-aos-duration='2300'] {
transition-duration: 2300ms
}
body[data-aos-delay='2300'] [data-aos],[data-aos][data-aos][data-aos-delay='2300'] {
transition-delay: 0
}
body[data-aos-delay='2300'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2300'].aos-animate {
transition-delay: 2300ms
}
body[data-aos-duration='2350'] [data-aos],[data-aos][data-aos][data-aos-duration='2350'] {
transition-duration: 2350ms
}
body[data-aos-delay='2350'] [data-aos],[data-aos][data-aos][data-aos-delay='2350'] {
transition-delay: 0
}
body[data-aos-delay='2350'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2350'].aos-animate {
transition-delay: 2350ms
}
body[data-aos-duration='2400'] [data-aos],[data-aos][data-aos][data-aos-duration='2400'] {
transition-duration: 2400ms
}
body[data-aos-delay='2400'] [data-aos],[data-aos][data-aos][data-aos-delay='2400'] {
transition-delay: 0
}
body[data-aos-delay='2400'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2400'].aos-animate {
transition-delay: 2400ms
}
body[data-aos-duration='2450'] [data-aos],[data-aos][data-aos][data-aos-duration='2450'] {
transition-duration: 2450ms
}
body[data-aos-delay='2450'] [data-aos],[data-aos][data-aos][data-aos-delay='2450'] {
transition-delay: 0
}
body[data-aos-delay='2450'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2450'].aos-animate {
transition-delay: 2450ms
}
body[data-aos-duration='2500'] [data-aos],[data-aos][data-aos][data-aos-duration='2500'] {
transition-duration: 2500ms
}
body[data-aos-delay='2500'] [data-aos],[data-aos][data-aos][data-aos-delay='2500'] {
transition-delay: 0
}
body[data-aos-delay='2500'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2500'].aos-animate {
transition-delay: 2500ms
}
body[data-aos-duration='2550'] [data-aos],[data-aos][data-aos][data-aos-duration='2550'] {
transition-duration: 2550ms
}
body[data-aos-delay='2550'] [data-aos],[data-aos][data-aos][data-aos-delay='2550'] {
transition-delay: 0
}
body[data-aos-delay='2550'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2550'].aos-animate {
transition-delay: 2550ms
}
body[data-aos-duration='2600'] [data-aos],[data-aos][data-aos][data-aos-duration='2600'] {
transition-duration: 2600ms
}
body[data-aos-delay='2600'] [data-aos],[data-aos][data-aos][data-aos-delay='2600'] {
transition-delay: 0
}
body[data-aos-delay='2600'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2600'].aos-animate {
transition-delay: 2600ms
}
body[data-aos-duration='2650'] [data-aos],[data-aos][data-aos][data-aos-duration='2650'] {
transition-duration: 2650ms
}
body[data-aos-delay='2650'] [data-aos],[data-aos][data-aos][data-aos-delay='2650'] {
transition-delay: 0
}
body[data-aos-delay='2650'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2650'].aos-animate {
transition-delay: 2650ms
}
body[data-aos-duration='2700'] [data-aos],[data-aos][data-aos][data-aos-duration='2700'] {
transition-duration: 2700ms
}
body[data-aos-delay='2700'] [data-aos],[data-aos][data-aos][data-aos-delay='2700'] {
transition-delay: 0
}
body[data-aos-delay='2700'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2700'].aos-animate {
transition-delay: 2700ms
}
body[data-aos-duration='2750'] [data-aos],[data-aos][data-aos][data-aos-duration='2750'] {
transition-duration: 2750ms
}
body[data-aos-delay='2750'] [data-aos],[data-aos][data-aos][data-aos-delay='2750'] {
transition-delay: 0
}
body[data-aos-delay='2750'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2750'].aos-animate {
transition-delay: 2750ms
}
body[data-aos-duration='2800'] [data-aos],[data-aos][data-aos][data-aos-duration='2800'] {
transition-duration: 2800ms
}
body[data-aos-delay='2800'] [data-aos],[data-aos][data-aos][data-aos-delay='2800'] {
transition-delay: 0
}
body[data-aos-delay='2800'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2800'].aos-animate {
transition-delay: 2800ms
}
body[data-aos-duration='2850'] [data-aos],[data-aos][data-aos][data-aos-duration='2850'] {
transition-duration: 2850ms
}
body[data-aos-delay='2850'] [data-aos],[data-aos][data-aos][data-aos-delay='2850'] {
transition-delay: 0
}
body[data-aos-delay='2850'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2850'].aos-animate {
transition-delay: 2850ms
}
body[data-aos-duration='2900'] [data-aos],[data-aos][data-aos][data-aos-duration='2900'] {
transition-duration: 2900ms
}
body[data-aos-delay='2900'] [data-aos],[data-aos][data-aos][data-aos-delay='2900'] {
transition-delay: 0
}
body[data-aos-delay='2900'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2900'].aos-animate {
transition-delay: 2900ms
}
body[data-aos-duration='2950'] [data-aos],[data-aos][data-aos][data-aos-duration='2950'] {
transition-duration: 2950ms
}
body[data-aos-delay='2950'] [data-aos],[data-aos][data-aos][data-aos-delay='2950'] {
transition-delay: 0
}
body[data-aos-delay='2950'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='2950'].aos-animate {
transition-delay: 2950ms
}
body[data-aos-duration='3000'] [data-aos],[data-aos][data-aos][data-aos-duration='3000'] {
transition-duration: 3000ms
}
body[data-aos-delay='3000'] [data-aos],[data-aos][data-aos][data-aos-delay='3000'] {
transition-delay: 0
}
body[data-aos-delay='3000'] [data-aos].aos-animate,[data-aos][data-aos][data-aos-delay='3000'].aos-animate {
transition-delay: 3000ms
}
body[data-aos-easing="linear"] [data-aos],[data-aos][data-aos][data-aos-easing="linear"] {
transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}
body[data-aos-easing="ease"] [data-aos],[data-aos][data-aos][data-aos-easing="ease"] {
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1)
}
body[data-aos-easing="ease-in"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in"] {
transition-timing-function: cubic-bezier(0.42, 0, 1, 1)
}
body[data-aos-easing="ease-out"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-out"] {
transition-timing-function: cubic-bezier(0, 0, 0.58, 1)
}
body[data-aos-easing="ease-in-out"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-out"] {
transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1)
}
body[data-aos-easing="ease-in-back"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-back"] {
transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}
body[data-aos-easing="ease-out-back"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-out-back"] {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
body[data-aos-easing="ease-in-out-back"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
body[data-aos-easing="ease-in-sine"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-sine"] {
transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}
body[data-aos-easing="ease-out-sine"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-out-sine"] {
transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}
body[data-aos-easing="ease-in-out-sine"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}
body[data-aos-easing="ease-in-quad"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-quad"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}
body[data-aos-easing="ease-out-quad"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-out-quad"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
body[data-aos-easing="ease-in-out-quad"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
body[data-aos-easing="ease-in-cubic"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}
body[data-aos-easing="ease-out-cubic"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
body[data-aos-easing="ease-in-out-cubic"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
body[data-aos-easing="ease-in-quart"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-quart"] {
transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}
body[data-aos-easing="ease-out-quart"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-out-quart"] {
transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
body[data-aos-easing="ease-in-out-quart"] [data-aos],[data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
[data-aos^='fade'][data-aos^='fade'] {
opacity: 0;
transition-property: opacity, transform
}
[data-aos^='fade'][data-aos^='fade'].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0)
}
[data-aos='fade-up'] {
transform: translate3d(0, 30px, 0)
}
[data-aos='fade-down'] {
transform: translate3d(0, -30px, 0)
}
[data-aos='fade-right'] {
transform: translate3d(-30px, 0, 0)
}
[data-aos='fade-left'] {
transform: translate3d(30px, 0, 0)
}
[data-aos='fade-up-right'] {
transform: translate3d(-30px, 30px, 0)
}
[data-aos='fade-up-left'] {
transform: translate3d(30px, 30px, 0)
}
[data-aos='fade-down-right'] {
transform: translate3d(-30px, -30px, 0)
}
[data-aos='fade-down-left'] {
transform: translate3d(30px, -30px, 0)
}
[data-aos^='zoom'][data-aos^='zoom'] {
opacity: 0;
transition-property: opacity, transform
}
[data-aos^='zoom'][data-aos^='zoom'].aos-animate {
opacity: 1;
transform: translate3d(0, 0, 0) scale(1)
}
[data-aos='zoom-in'] {
transform: scale(0.6)
}
[data-aos='zoom-in-up'] {
transform: translate3d(0, 30px, 0) scale(0.6)
}
[data-aos='zoom-in-down'] {
transform: translate3d(0, -30px, 0) scale(0.6)
}
[data-aos='zoom-in-right'] {
transform: translate3d(-30px, 0, 0) scale(0.6)
}
[data-aos='zoom-in-left'] {
transform: translate3d(30px, 0, 0) scale(0.6)
}
[data-aos='zoom-out'] {
transform: scale(1.2)
}
[data-aos='zoom-out-up'] {
transform: translate3d(0, 30px, 0) scale(1.2)
}
[data-aos='zoom-out-down'] {
transform: translate3d(0, -30px, 0) scale(1.2)
}
[data-aos='zoom-out-right'] {
transform: translate3d(-30px, 0, 0) scale(1.2)
}
[data-aos='zoom-out-left'] {
transform: translate3d(30px, 0, 0) scale(1.2)
}
[data-aos^='slide'][data-aos^='slide'] {
transition-property: transform
}
[data-aos^='slide'][data-aos^='slide'].aos-animate {
transform: translate3d(0, 0, 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'] {
-webkit-backface-visibility: hidden;
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)
}
.l-contents,.l-inner {
margin: 0 auto;
padding: 0 20px;
max-width: 1040px
}
.l-contents::after,.l-inner::after {
content: '';
display: table;
clear: both
}
.is-unresponsive .l-contents,.is-unresponsive .l-inner {
width: 1040px
}
.l-main {
width: 75%;
padding-bottom: 100px;
float: left
}
@media screen and (max-width: 959px) {
.l-main {
width:auto;
float: none;
padding-bottom: 60px
}
}
.l-sub {
width: 20%;
float: right
}
@media screen and (max-width: 959px) {
.l-sub {
width:auto;
float: none
}
}
.l-col4 {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.l-col4>* {
margin-bottom: 10px;
margin-right: 1.47%;
width: 23.8975%
}
.l-col4>*:nth-child(4n) {
margin-right: 0
}
.c-companyBusinessDepartment .anchor,.c-productsIndex .anchor,.c-brand .anchor {
text-align: center;
line-height: 1.5;
font-size: 14px;
font-size: .875rem
}
.c-companyBusinessDepartment .anchor ul,.c-productsIndex .anchor ul,.c-brand .anchor ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.c-companyBusinessDepartment .anchor li,.c-productsIndex .anchor li,.c-brand .anchor li {
margin-bottom: 10px;
border-right: 1px dotted #bbabab
}
.c-companyBusinessDepartment .anchor li a,.c-productsIndex .anchor li a,.c-brand .anchor li a {
padding: 0 15px 0 30px;
color: #857369;
position: relative;
display: block
}
.c-companyBusinessDepartment .anchor li a:before,.c-productsIndex .anchor li a:before,.c-brand .anchor li a:before {
content: '';
border: 2px solid #ff9c00;
border-width: 0 2px 2px 0;
width: 7px;
height: 7px;
transform: rotate(45deg);
position: absolute;
left: 13px;
top: 4px
}
.c-companyBusinessDepartment .anchor li:last-child,.c-productsIndex .anchor li:last-child,.c-brand .anchor li:last-child {
border-right: 0
}
.c-companyBusinessDepartment .anchor li:last-child a,.c-productsIndex .anchor li:last-child a,.c-brand .anchor li:last-child a {
padding-right: 0
}
@media (min-width: 600px) {
.c-header {
border-bottom:4px solid #ffd500;
height: 109px;
position: relative
}
.c-header::after {
content: '';
display: table;
clear: both
}
.c-header .inner {
margin: 0 auto;
padding: 0 20px;
max-width: 1040px
}
.c-header .inner::after {
content: '';
display: table;
clear: both
}
.is-unresponsive .c-header .inner {
width: 1040px
}
.c-header .logo {
float: left;
width: 15.9%
}
.c-header .search {
margin-top: 15px;
float: right;
line-height: 24px;
font-size: 12px;
font-size: .75rem
}
.c-header .search .form {
width: 150px;
position: relative
}
.c-header .search .form .SS_suggest {
position: absolute;
left: 0;
top: 24px;
width: 100%;
z-index: 3;
background: #fff
}
.c-header .search input[type="text"] {
width: 100%;
padding: 0 30px 0 10px;
border-radius: 12px
}
.c-header .search button {
position: absolute;
right: 0;
top: 0;
padding: 0 10px
}
.c-header .search button img {
vertical-align: top;
margin-top: 4px;
width: 15px
}
.c-header .categoryNav {
margin-top: 15px;
float: right
}
.c-header .categoryNav ul {
float: left;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 12px;
font-size: .75rem;
line-height: 24px
}
.c-header .categoryNav ul a {
display: block;
color: #333
}
.c-header .categoryNav .recruit a {
padding: 0 25px
}
.c-header .categoryNav .soudanshitsu a {
padding: 0 25px 0 28px;
background: url("/assets/img/common/header_qanda.png") no-repeat 0 50%
}
.c-header .categoryNav .company,.c-header .categoryNav .products {
margin-right: 15px
}
.c-header .categoryNav .company a,.c-header .categoryNav .products a {
padding: 0 18px 0 38px;
border-radius: 12px;
border: 2px solid #ffd500;
line-height: 20px;
background-repeat: no-repeat;
background-position: 14px 50%;
transition: box-shadow .2s
}
.c-header .categoryNav .company a:hover,.c-header .categoryNav .products a:hover {
text-decoration: none;
box-shadow: 0 0 0 1px #ffd500
}
}
@media screen and (min-width: 600px) and (max-width: 599px) {
.c-header .categoryNav .company a:hover,.c-header .categoryNav .products a:hover {
box-shadow:none
}
}
@media (min-width: 600px) {
.c-header .categoryNav .company.is-current a,.c-header .categoryNav .products.is-current a {
background-color:#ffd500
}
.c-header .categoryNav .products a {
background-image: url("/assets/img/common/header_products.png")
}
.c-header .categoryNav .company a {
background-image: url("/assets/img/common/header_company.png")
}
.c-header .localNav {
padding-top: 23px;
margin-left: 2%;
width: 82.1%;
float: left;
height: 24px;
font-size: 16px;
font-size: 1rem;
line-height: 24px;
text-align: center
}
.c-header .localNav>ul {
width: 100%;
display: table
}
.c-header .localNav>ul>li {
display: table-cell;
border-left: 1px solid #e3e3e3
}
.c-header .localNav>ul>li:last-child {
border-right: 1px solid #e3e3e3
}
.c-header .localNav>ul>li>a {
margin: -5px -1px -19px;
padding: 5px 11px 19px;
display: block;
color: #333;
font-weight: bold;
position: relative;
text-decoration: none
}
.c-header .localNav>ul>li>a:hover {
color: #ffae00
}
.c-header .localNav>ul>li.is-current>a {
color: #ffae00
}
.c-header .link {
display: none
}
.c-header_products .localNav>ul>li {
width: 20%
}
.c-header_products li.dropDown:hover>a {
text-decoration: none;
color: #ffae00
}
.c-header_products li.dropDown .box {
display: none;
opacity: 0;
visibility: hidden;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .1);
transition: opacity .2s ease .3s, visibility .2s ease .3s
}
.c-header_products li.dropDown ~ li:last-child:after {
content: '';
display: block;
position: fixed;
left: 0;
right: 0;
top: 105px;
z-index: 11;
bottom: 0;
background: rgba(0, 0, 0, .7);
opacity: 0;
visibility: hidden;
transition: opacity .2s ease .3s, visibility .2s ease .3s
}
.c-header_products li.dropDown:hover .box {
opacity: 1;
visibility: visible
}
.c-header_products li.dropDown:hover ~ li:last-child:after {
opacity: 1;
visibility: visible
}
.c-header_products li.dropDown:hover>a:after {
content: '';
position: absolute;
z-index: 3;
left: 50%;
bottom: 0;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
margin-left: -3.5px;
border: 7px solid transparent;
border-width: 7px 7px;
border-bottom: 7px solid #fff299
}
.c-header_products li.dropDown .box {
position: absolute;
z-index: 12;
left: 0;
top: 105px;
width: 100%;
background: url(/assets/img/common/header_bg.png) repeat 50% 0;
text-align: left
}
.c-header_products li.dropDown .inner {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 20px
}
.c-header_products li.dropDown .inner:after {
display: none
}
.c-header_products li.dropDown .index {
padding: 30px 0;
width: 100%
}
.c-header_products li.dropDown .index a {
padding: 0 65px;
color: #826332;
border: 2px solid #ffd500;
line-height: 36px;
border-radius: 20px;
background: #ffffff;
display: block;
position: relative;
display: inline-block;
text-decoration: none;
transition: box-shadow .2s
}
.c-header_products li.dropDown .index a:after {
content: '';
position: absolute;
right: 17px;
top: 50%;
margin-top: -5px;
width: 9px;
height: 9px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-header_products li.dropDown .index a:hover {
box-shadow: 0 0 0 1px #ffd500
}
.c-header_products li.dropDown .category {
border-right: 1px solid #f2cb00;
width: 71%
}
.c-header_products li.dropDown .category ul {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.c-header_products li.dropDown .category li {
margin-bottom: 20px;
margin-right: 2.8169%;
width: 21.12676%
}
.c-header_products li.dropDown .category li:nth-last-child(-n+4) {
margin-bottom: 0
}
.c-header_products li.dropDown .category a {
display: block;
background: #fff;
border-radius: 5px;
text-align: center;
text-decoration: none;
transition: box-shadow .2s
}
.c-header_products li.dropDown .category a:hover {
box-shadow: 0 0 0 3px #ffd500
}
.c-header_products li.dropDown .category .img {
margin: 0 auto;
padding: 0 5px;
max-width: 150px
}
.c-header_products li.dropDown .category .name {
padding-bottom: 5px;
color: #826332;
font-size: 14px;
font-size: .875rem;
line-height: 20px
}
.c-header_products li.dropDown .others {
text-align: left
}
.c-header_products li.dropDown .others ul {
border-top: 1px solid #f2cb00
}
.c-header_products li.dropDown .others li {
border-bottom: 1px solid #f2cb00
}
.c-header_products li.dropDown .others a {
padding: 10px 0;
display: block;
color: #333333;
display: block;
position: relative
}
.c-header_products li.dropDown .others a:after {
content: '';
position: absolute;
right: 7px;
top: 50%;
margin-top: -5px;
width: 9px;
height: 9px;
border: 1px solid #826332;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-header_products li.dropDown .filter .others {
width: 24%
}
.c-header_products li.dropDown .campaign .others {
width: 32%
}
.c-header_products li.dropDown .campaign .others a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.c-header_products li.dropDown .campaign .others a .img {
margin-right: 10px;
width: 40px
}
.c-header_products li.dropDown .campaign .others a .name {
width: calc(100% - 70px)
}
.c-header_products li.dropDown .list {
font-size: 14px;
line-height: 1.5;
text-align: center;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
.c-header_products li.dropDown .list:after {
display: none
}
.c-header_products li.dropDown .list .banner {
width: 32%
}
.c-header_products li.dropDown .list a {
color: #333333
}
.c-header_products li.dropDown .list .banner .img {
margin-bottom: 10px
}
.c-header_products li.dropDown .list .banner .img img {
border-radius: 5px
}
.c-header_products li.dropDown .list .banner a {
color: #333
}
.c-header_products li.dropDown .list .banner a .img {
transition: box-shadow .2s;
border-radius: 5px;
overflow: hidden
}
.c-header_products li.dropDown .list .banner a:hover {
text-decoration: none
}
.c-header_products li.dropDown .list .banner a:hover .img {
box-shadow: 0 0 0 3px #ffd500
}
.c-header_company .localNav>ul>li {
width: 20%
}
.c-header_company .localNav>ul>li.dropDown:hover>a {
text-decoration: none;
color: #ffae00
}
.c-header_company .localNav>ul>li.dropDown:hover>ul {
opacity: 1;
visibility: visible
}
.c-header_company .localNav>ul>li.dropDown:hover>a:after {
content: '';
position: absolute;
z-index: 3;
left: 50%;
bottom: 0;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
margin-left: -3.5px;
border: 7px solid transparent;
border-width: 7px 7px;
border-bottom: 7px solid #ffd500
}
.c-header_company .localNav>ul>li>ul {
opacity: 0;
visibility: hidden;
transition: opacity .2s, visibility .2s;
transition-delay: .3s
}
.c-header_company .localNav>ul ul {
padding: 25px 0;
border-top: 4px solid #ffd500;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .1);
position: absolute;
z-index: 2;
left: 0;
top: 105px;
width: 100%;
background: #fff;
font-size: 14px;
font-size: .875rem
}
.c-header_company .localNav>ul ul:before {
content: '';
position: absolute;
left: 0;
top: -8px;
width: 100%;
height: 4px;
background: #fff
}
.c-header_company .localNav>ul ul li {
margin-right: 15px;
display: inline-block
}
}
@media (min-width: 600px) and (min-width: 600px) {
.c-header_company .localNav>ul ul li.m-sp {
display:none
}
}
@media (min-width: 600px) {
.c-header_company .localNav>ul ul li:last-child {
margin-right:0
}
.c-header_company .localNav>ul ul a {
color: #333;
padding-left: 15px;
padding-right: 15px;
display: block;
position: relative
}
.c-header_company .localNav>ul ul a:after {
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -5px;
width: 9px;
height: 9px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
}
@media screen and (min-width: 960px) and (max-width: 1040px) {
.c-header_company .localNav>ul>li {
width:auto
}
}
@media screen and (min-width: 600px) and (max-width: 959px) {
.c-header {
height:94px
}
.c-header .logo {
width: 81px
}
.c-header .categoryNav {
margin-top: 15px
}
.c-header .categoryNav .soudanshitsu a {
padding: 0 10px 0 28px
}
.c-header .categoryNav .recruit a {
padding: 0 10px
}
.c-header .categoryNav .products,.c-header .categoryNav .company {
margin-right: 5px
}
.c-header .search {
margin-top: 15px
}
.c-header .localNav {
margin-left: 0;
padding-top: 4px;
width: 100%;
height: auto;
float: none;
clear: both;
font-size: 12px;
font-size: .75rem
}
.c-header .localNav>ul>li>a {
margin: -5px -1px -9px;
padding: 5px 11px 9px
}
.c-header_products li.dropDown ~ li:last-child:after {
top: 90px
}
.c-header_products li.dropDown .box {
top: 90px
}
.c-header_company .localNav>ul ul {
padding: 10px 0;
font-size: 12px;
font-size: .75rem;
top: 90px
}
}
@media screen and (min-width: 600px) and (max-width: 650px) {
.c-header .search .form {
width:110px
}
.c-header .categoryNav {
max-width: calc(100% - 81px - 110px)
}
.c-header_company .localNav>ul>li {
width: auto
}
}
@media screen and (max-width: 599px) {
.c-header {
position:fixed;
z-index: 3;
left: 0;
top: 0;
width: 100%;
height: 56px;
background: #fff;
overflow: hidden;
transition: height .5s
}
.c-header.is-shown {
height: 100%;
overflow-y: auto
}
.c-header .logo {
height: 56px;
border-bottom: 2px solid #ffd500
}
.c-header .logo img {
margin-left: 5px;
width: 81px
}
.c-header .search {
padding: 10px 20px;
border-bottom: 1px solid #e0e0e0;
line-height: 40px
}
.c-header .search .form {
width: 100%;
position: relative
}
.c-header .search .form .SS_suggest {
position: absolute;
left: 0;
top: 40px;
width: 100%;
z-index: 4;
background: #fff
}
.c-header .search input[type="text"] {
width: 100%;
padding: 0 30px 0 10px;
border-radius: 20px
}
.c-header .search button {
position: absolute;
right: 0;
top: 0;
padding: 0 10px
}
.c-header .search button img {
vertical-align: top;
margin-top: 6px;
width: 26px
}
.c-header .categoryNav {
border-bottom: 1px solid #e0e0e0;
font-size: 18px;
font-size: 1.125rem
}
.c-header .categoryNav .soudanshitsu,.c-header .categoryNav .recruit {
display: none
}
.c-header .categoryNav .company,.c-header .categoryNav .products {
text-align: center;
display: none
}
.c-header .categoryNav .company.is-current,.c-header .categoryNav .products.is-current {
display: block
}
.c-header .categoryNav .company a,.c-header .categoryNav .products a {
display: block;
color: #333;
font-weight: bold;
padding: 6px 20px
}
.c-header .categoryNav .company a:before,.c-header .categoryNav .products a:before {
margin-right: 10px;
vertical-align: middle
}
.c-header .categoryNav .products a:before {
content: url("../img/common/header_products.png")
}
.c-header .categoryNav .company a:before {
content: url("../img/common/header_company.png")
}
.c-header .localNav {
font-size: 18px;
font-size: 1.125rem
}
.c-header .localNav a {
display: block;
color: #333
}
.c-header .localNav>ul>li {
border-bottom: 1px solid #e0e0e0
}
.c-header .localNav>ul>li>a {
padding: 6px 20px;
display: block;
position: relative
}
.c-header .localNav>ul>li>a:after {
content: '';
position: absolute;
right: 22px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-header .link {
padding: 20px;
font-size: 14px;
font-size: .875rem;
text-align: center
}
.c-header .link .company,.c-header .link .products {
margin-bottom: 20px
}
.c-header .link .company a,.c-header .link .products a {
display: block;
color: #333;
border-radius: 20px;
border: 2px solid #ffd500;
line-height: 36px;
background-repeat: no-repeat;
background-position: 14px 50%
}
.c-header .link .company a:before,.c-header .link .products a:before {
margin-right: 10px;
vertical-align: top;
display: inline-block
}
.c-header .link .company.is-current a,.c-header .link .products.is-current a {
background-color: #ffd500
}
.c-header .link .products a:before {
content: url("../img/common/header_products.png");
margin-top: 3px
}
.c-header .link .company a:before {
content: url("../img/common/header_company.png");
margin-top: 3px
}
.c-header .link .soudanshitsu a {
color: #333;
padding-right: 20px;
padding-left: 30px;
display: block;
position: relative;
display: inline-block;
background: url("/assets/img/common/header_qanda.png") no-repeat 0 50%
}
.c-header .link .soudanshitsu a:after {
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-header .link .recruit a {
color: #333;
padding-right: 20px;
display: block;
position: relative;
display: inline-block
}
.c-header .link .recruit a:after {
content: '';
position: absolute;
right: 0;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-header .menu {
display: block;
position: absolute;
right: 0;
top: 0;
width: 64px;
height: 54px;
z-index: 3
}
.c-header .menu::before {
position: absolute;
left: 20px;
top: 19px;
content: '';
width: 24px;
height: 2px;
background: #ffd500;
transition: 0.3s
}
.c-header .menu::after {
position: absolute;
left: 20px;
bottom: 19px;
content: '';
width: 24px;
height: 2px;
background: #ffd500;
visibility: visible;
transition: 0.3s
}
.c-header .menu span {
position: absolute;
left: 20px;
top: 26px;
content: '';
width: 24px;
height: 2px;
background: #ffd500;
overflow: hidden;
font-size: 0;
text-indent: -999px;
transition: 0.2s
}
.c-header.is-shown .menu::before {
top: 26px;
transform: rotate(-135deg)
}
.c-header.is-shown .menu::after {
bottom: 26px;
transform: rotate(135deg)
}
.c-header.is-shown .menu span {
opacity: 0;
transform: rotate(-90deg)
}
.c-header_products .localNav>ul>li.dropDown>a:after {
margin-top: -10px;
right: 19px;
transform: rotate(135deg)
}
.c-header_products .localNav>ul>li.dropDown>a.is-shown:after {
margin-top: -3px;
right: 19px;
transform: rotate(-45deg)
}
.c-header_products li.dropDown .box {
background: url(../img/common/header_bg.png) repeat 50% 0;
font-size: 14px;
font-size: .875rem
}
.c-header_products li.dropDown .inner {
margin: 0 auto;
padding: 0 20px
}
.c-header_products li.dropDown .index {
padding: 20px 0;
text-align: center
}
.c-header_products li.dropDown .index a {
color: #826332;
border: 2px solid #ffd500;
background: #ffffff;
line-height: 36px;
border-radius: 20px;
display: block;
position: relative;
text-decoration: none
}
.c-header_products li.dropDown .index a:after {
content: '';
position: absolute;
right: 17px;
top: 50%;
margin-top: -5px;
width: 9px;
height: 9px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-header_products li.dropDown .category ul {
margin-bottom: 5px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
font-weight: bold
}
.c-header_products li.dropDown .category ul li {
margin-bottom: 15px;
margin-right: 0;
width: 48%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.c-header_products li.dropDown .category ul li:nth-child(4n) {
margin-right: 0
}
.c-header_products li.dropDown .category ul a {
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #826332;
background: #ffffff;
border-radius: 5px
}
.c-header_products li.dropDown .category ul .img {
width: 60px;
padding: 5px
}
.c-header_products li.dropDown .category ul .name {
padding: 5px 5px 5px 0;
width: calc(100% - 60px)
}
.c-header_products li.dropDown .category ul .name br {
display: none
}
.c-header_products li.dropDown .others {
padding-bottom: 20px
}
.c-header_products li.dropDown .others ul {
border-top: 1px solid #f2cb00
}
.c-header_products li.dropDown .others li {
border-bottom: 1px solid #f2cb00
}
.c-header_products li.dropDown .others a {
padding: 10px 0;
display: block;
color: #333333;
display: block;
position: relative
}
.c-header_products li.dropDown .others a:after {
content: '';
position: absolute;
right: 7px;
top: 50%;
margin-top: -5px;
width: 9px;
height: 9px;
border: 1px solid #826332;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-header_products li.dropDown .campaign .others a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.c-header_products li.dropDown .campaign .others a .img {
margin-right: 10px;
width: 40px
}
.c-header_products li.dropDown .campaign .others a .name {
width: calc(100% - 70px)
}
.c-header_products li.dropDown .list {
line-height: 1.5
}
.c-header_products li.dropDown .list .banner {
padding-bottom: 20px
}
.c-header_products li.dropDown .list .banner .img {
margin-bottom: 5px;
border-radius: 5px
}
.c-header_products li.dropDown .list .banner img {
width: 100%;
border-radius: 5px
}
.c-header_products li.dropDown .list .banner br {
display: none
}
.c-header_company .localNav>ul>li.dropDown>a:after {
margin-top: -10px;
right: 19px;
transform: rotate(135deg)
}
.c-header_company .localNav>ul>li.dropDown>a.is-shown:after {
margin-top: -3px;
right: 19px;
transform: rotate(-45deg)
}
.c-header_company .localNav>ul ul {
font-size: 14px;
font-size: .875rem
}
.c-header_company .localNav>ul ul li {
border-top: 1px solid #e0e0e0
}
.c-header_company .localNav>ul ul a {
padding: 6px 20px 6px 40px;
background: #fffced;
display: block;
position: relative
}
.c-header_company .localNav>ul ul a:after {
content: '';
position: absolute;
right: 22px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
}
.c-breadcrumb {
margin-bottom: 30px;
padding: 9px 0;
font-size: 10px;
font-size: .625rem;
color: #674a0a;
background: #ffe874;
background: linear-gradient(to right, #ffe874 0%, #ffd500 60%)
}
@media screen and (max-width: 599px) {
.c-breadcrumb {
display:none
}
}
.c-breadcrumb ul {
margin: 0 auto;
padding: 0 20px;
max-width: 1040px
}
.c-breadcrumb ul::after {
content: '';
display: table;
clear: both
}
.is-unresponsive .c-breadcrumb ul {
width: 1040px
}
.c-breadcrumb li {
float: left
}
.c-breadcrumb li:after {
margin: 0 10px;
content: '>'
}
.c-breadcrumb li:last-child:after {
display: none
}
.c-breadcrumb a {
color: #674a0a;
display: inline-block
}
.c-breadcrumb a:hover span {
text-decoration: underline
}
.c-subNav {
font-size: 14px;
font-size: .875rem
}
@media screen and (max-width: 959px) {
.c-subNav {
font-size:16px;
font-size: 1rem
}
}
.c-subNav .toIndex {
margin-bottom: 10px;
font-size: 16px;
font-size: 1rem
}
.c-subNav .toIndex a {
padding: 28px 20px 28px 0;
line-height: 1.5;
color: #333;
background: #fff7ce;
text-align: center;
border-radius: 5px;
display: block;
position: relative;
transition: box-shadow .2s
}
.c-subNav .toIndex a:after {
content: '';
position: absolute;
right: 20px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border: 1px solid #a09283;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-subNav .toIndex a:hover {
text-decoration: none;
box-shadow: 0 0 0 3px #ffd500
}
@media screen and (max-width: 599px) {
.c-subNav .toIndex a:hover {
box-shadow:none
}
}
@media screen and (max-width: 959px) {
.c-subNav .toIndex a {
padding:15px 20px 15px 0
}
}
body.is-soudanshitsu_voice .c-subNav .toIndex a,body.is-soudanshitsu_voice_detail .c-subNav .toIndex a {
background: #ffd500;
display: block;
position: relative
}
body.is-soudanshitsu_voice .c-subNav .toIndex a:after,body.is-soudanshitsu_voice_detail .c-subNav .toIndex a:after {
content: '';
position: absolute;
right: 20px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border: 1px solid #333;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
@media screen and (max-width: 959px) {
.c-subNav .list {
display:none
}
}
.c-subNav .list li {
border-bottom: 1px solid #ececec
}
.c-subNav .list a {
padding: 14px 0 14px 24px;
line-height: 1.5;
display: block;
position: relative
}
.c-subNav .list a:before {
content: '';
position: absolute;
left: 5px;
top: 20px;
width: 7px;
height: 7px;
border: 1px solid #a1a1a1;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-subNav .list li.is-current a:before {
left: 9px;
transform: rotate(-135deg);
border-color: #ffae00
}
.c-subNav .list li.is-current a[href^="/soudanshitsu/qa/pr/"]:before {
left: 5px;
transform: rotate(45deg);
border-color: #a1a1a1
}
.c-subNav .list .sub {
padding-left: 20px
}
.c-subNav .list .info li a:before {
display: none
}
.c-subNav .list .info li.is-current {
background: #f6fff5
}
.c-subNav .list .info li.is-current a:before {
display: none
}
.c-subNav .select {
margin: 20px 0;
position: relative
}
@media (min-width: 960px) {
.c-subNav .select {
display:none
}
}
.c-subNav .select:after {
content: '';
position: absolute;
right: 20px;
top: 50%;
margin-top: -10px;
width: 12px;
height: 12px;
border: 1px solid #a09283;
border-width: 0 1px 1px 0;
line-height: 0;
transform: rotate(45deg)
}
.c-subNav .select select {
padding: 0 20px;
width: 100%;
height: 50px;
border: 1px solid #a09283;
border-radius: 5px
}
.c-subNav .banner {
margin-top: 30px;
margin-bottom: 50px
}
.c-subNav .banner li {
margin-bottom: 20px
}
.c-subNav .banner img {
border-radius: 5px
}
.c-subNav .banner a {
display: block;
border-radius: 5px;
transition: box-shadow .2s
}
.c-subNav .banner a:hover {
text-decoration: none;
box-shadow: 0 0 0 3px #ffd500
}
@media screen and (max-width: 599px) {
.c-subNav .banner a:hover {
box-shadow:none
}
}
@media screen and (max-width: 599px) {
.c-subNav .banner img {
width:100%
}
}
.c-footer {
border-top: 1px solid #f4eed3;
max-height: 999999px;
background: #fff
}
.c-footer .inner {
margin: 0 auto;
padding: 0 20px;
max-width: 1040px
}
.c-footer .inner::after {
content: '';
display: table;
clear: both
}
.is-unresponsive .c-footer .inner {
width: 1040px
}
.c-footer .contact {
padding-top: 50px;
padding-bottom: 80px
}
@media screen and (max-width: 599px) {
.c-footer .contact {
padding-top:40px;
padding-bottom: 40px
}
}
.c-footer .contact .title {
padding: 3px 0 5px 25px;
font-size: 24px;
font-size: 1.5rem;
font-weight: bold;
position: relative
}
.c-footer .contact .title:before {
content: '';
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #ffd500;
border-radius: 2px 2px 0 0
}
@media screen and (max-width: 599px) {
.c-footer .contact .title {
padding:0 0 0 14px;
font-size: 20px;
font-size: 1.25rem
}
}
.c-footer .contact .lead {
margin: 0 0 30px;
padding: 0 0 3px 25px;
font-size: 14px;
font-size: .875rem;
position: relative
}
.c-footer .contact .lead:before {
content: '';
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #ffd500;
border-radius: 0 0 2px 2px
}
@media screen and (max-width: 599px) {
.c-footer .contact .lead {
padding:0 0 0 14px;
line-height: 1.5
}
}
.c-footer .contact .categories {
margin-bottom: 40px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center
}
@media screen and (max-width: 599px) {
.c-footer .contact .categories {
margin-bottom:20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.c-footer .contact .category {
border: 1px solid #ffd500;
border-radius: 5px;
width: 30%
}
@media screen and (max-width: 599px) {
.c-footer .contact .category {
margin-top:20px;
width: 100%
}
.c-footer .contact .category:first-child {
margin-top: 0
}
}
.c-footer .contact .about {
padding: 10px 0;
border-radius: 5px 5px 0 0;
background: #f7f3e1;
font-size: 16px;
font-size: 1rem;
font-weight: bold;
line-height: 30px;
position: relative
}
.c-footer .contact .about:after {
content: '';
position: absolute;
left: 50%;
bottom: -5px;
margin-left: -5px;
width: 10px;
height: 10px;
transform: rotate(45deg);
background: #f7f3e1;
line-height: 0
}
.c-footer .contact .about span {
font-size: 18px;
font-size: 1.125rem;
letter-spacing: 0
}
.c-footer .contact .address {
padding: 13px 19px 10px;
display: block
}
.c-footer .contact .name {
color: #837733;
font-size: 14px;
font-size: .875rem;
font-weight: bold
}
.c-footer .contact .tel {
padding-bottom: 3px;
border-bottom: 1px solid #ffd500;
font-size: 24px;
font-size: 1.5rem;
font-weight: bold
}
.c-footer .contact .tel a,.c-footer .contact .tel span {
color: #837733
}
.c-footer .contact .businessHours {
padding-top: 10px;
font-size: 14px;
font-size: .875rem
}
.c-footer .contact .exception {
font-size: 12px;
font-size: .75rem
}
.c-footer .contact .note {
font-size: 12px;
font-size: .75rem;
color: #666
}
.c-footer .contact .note li {
margin-bottom: 10px;
padding-left: 1em;
text-indent: -1em
}
.c-footer .contact .note li:last-child {
margin-bottom: 0
}
.c-footer .sitemap {
padding: 40px 0;
background: url("../img/common/footer_bg.png") repeat 50% 0
}
.c-footer .contact .funtome {
margin-bottom: 40px;
padding: 13px 19px 10px;
border: 1px solid #ffd500;
border-radius: 5px;
font-size: .875rem;
text-align: center;
}
.c-footer .contact .funtome a {
color: #1c98bb;
}
@media screen and (max-width: 599px) {
.c-footer .sitemap {
display:none
}
.c-footer .contact .funtome {
text-align: left;
}
}
.c-footer .sitemap .list {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (min-width: 600px) and (max-width: 959px) {
.c-footer .sitemap .list>ul {
padding-right:10px
}
.c-footer .sitemap .list>ul:last-child {
padding-right: 0
}
}
.c-footer .sitemap li {
margin-top: 25px;
font-size: 15px;
font-size: .9375rem;
font-weight: bold
}
.c-footer .sitemap li:first-child {
margin-top: 0
}
.c-footer .sitemap li ul {
padding-top: 10px
}
.c-footer .sitemap li li {
margin-top: 5px;
font-size: 12px;
font-size: .75rem;
font-weight: normal
}
.c-footer .sitemap a {
padding-left: 15px;
display: block;
color: #333;
position: relative
}
.c-footer .sitemap a:before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 0;
height: 0;
font-size: 0;
border: 5px solid transparent;
border-width: 4px 5px;
border-left: 5px solid #1c98bb
}
.c-footer .link {
padding: 30px 30px 30px 30px;
color: #fff;
background: #292929
}
.c-footer .link a {
color: #fff
}
.c-footer .link .inner {
position: relative
}
@media screen and (max-width: 1200px) {
.c-footer .link {
padding:30px 70px 30px 0px
}
}
@media screen and (max-width: 599px) {
.c-footer .link {
border-top:2px solid #ffd500;
padding: 0;
background: #fff
}
.c-footer .link a {
color: #333
}
.c-footer .link .inner {
padding: 0
}
}
.c-footer .link .sns {
position: absolute;
right: 0;
top: 0;
text-align: center;
line-height: 1;
font-size: 12px;
font-size: .75rem
}
@media screen and (max-width: 599px) {
.c-footer .link .sns {
top:auto;
bottom: 10px;
right: 57px
}
}
.c-footer .link .sns p {
margin-bottom: 10px
}
@media screen and (max-width: 599px) {
.c-footer .link .sns p {
margin-bottom:6px
}
}
.c-footer .link .sns ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
.c-footer .link .sns li {
margin: 0 5px;
width: 30px
}
.c-footer .link .sns li.note {
margin-left: 2px
}
@media screen and (max-width: 599px) {
.c-footer .link .sns li {
margin:0 3px
}
.c-footer .link .sns li.note {
margin-left: 0
}
}
.c-footer .link .policy {
margin-bottom: 20px;
margin-left: -15px;
padding-right: 120px;
font-size: 12px;
font-size: .75rem;
line-height: 1;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 599px) {
.c-footer .link .policy {
margin-bottom:0;
padding-right: 0;
display: block
}
}
.c-footer .link .policy li {
padding: 0 15px;
border-right: 1px solid #fff
}
.c-footer .link .policy li:last-child {
border-right: 0
}
@media screen and (max-width: 599px) {
.c-footer .link .policy li {
text-align:left;
padding: 0;
border-right: 0;
border-bottom: 1px solid #ececec
}
.c-footer .link .policy li a {
padding: 15px 20px;
display: block
}
}
.c-footer .link .copyright {
font-size: 12px;
font-size: .75rem
}
@media screen and (max-width: 599px) {
.c-footer .link .copyright {
padding:15px 140px 15px 10px;
background: #292929;
font-size: 10px;
font-size: .625rem;
min-height: 66px
}
}
.c-footer .toPageTop {
position: fixed;
right: 20px;
bottom: 20px;
z-index: 2
}
@media screen and (max-width: 599px) {
.c-footer .toPageTop {
right:10px;
bottom: 10px
}
}
.c-footer .toPageTop a {
display: block;
width: 40px;
height: 40px;
border: 1px solid #ffd500;
border-radius: 20px;
position: relative;
background: #ffffff
}
.c-footer .toPageTop a:before {
content: '';
position: absolute;
left: 13px;
top: 15px;
width: 12px;
height: 12px;
border: 2px solid #ff9c00;
border-width: 3px 0 0 3px;
line-height: 0;
transform: rotate(45deg)
}
.c-footer .toPageTop span {
display: none
}
.c-articleList>.title {
padding: 7px 0;
font-size: 20px;
font-size: 1.25rem
}
@media screen and (max-width: 599px) {
.c-articleList>.title {
font-size:18px;
font-size: 1.125rem
}
}
.c-articleList .list a {
display: block
}
.c-articleList .item {
padding: 30px 0;
border-bottom: 1px solid #ececec;
position: relative;
min-height: 155px
}
.c-articleList .item:first-child {
border-top: 1px solid #ececec
}
@media screen and (max-width: 599px) {
.c-articleList .item {
padding:20px 0;
min-height: 135px
}
}
.c-articleList .img {
position: absolute;
left: 0;
top: 30px;
border: 1px solid #dedede;
width: 95px;
height: 95px;
overflow: hidden
}
@media screen and (max-width: 599px) {
.c-articleList .img {
top:20px
}
}
.c-articleList .txt {
padding-left: 125px
}
@media screen and (max-width: 599px) {
.c-articleList .txt {
padding-left:110px
}
}
.c-articleList_news .txt {
padding-left: 0
}
@media screen and (max-width: 599px) {
.c-articleList_news .txt {
padding-left:0
}
}
.c-articleList .meta {
font-size: 14px;
font-size: .875rem;
line-height: 1.57143
}
.c-articleList .date {
margin-right: 40px;
float: left;
color: #333
}
@media screen and (max-width: 599px) {
.c-articleList .date {
margin-right:15px
}
}
.c-articleList .category {
float: left;
display: inline-block;
text-align: center;
color: #99876a;
border: 1px solid #99876a;
min-width: 90px;
padding: 1px 10px;
font-size: 12px;
font-size: .75rem
}
.c-articleList .item:nth-child(n+6) {
display: none
}
.c-articleList .item .title {
clear: both;
padding-top: 20px;
font-size: 16px;
font-size: 1rem
}
@media screen and (max-width: 599px) {
.c-articleList .item .title {
padding-top:10px;
font-size: 14px;
font-size: .875rem
}
}
.c-articleList a:hover .title {
text-decoration: underline
}
.c-articleList .more {
margin-top: 40px;
text-align: center
}
.c-articleList .more a {
border: 1px solid #ffd500;
border-radius: 25px;
display: none;
margin: 0 auto;
width: 300px;
height: 50px;
line-height: 48px;
color: #333;
position: relative;
transition: box-shadow .2s
}
.c-articleList .more a:hover {
text-decoration: none;
box-shadow: 0 0 0 2px #ffd500
}
@media screen and (max-width: 599px) {
.c-articleList .more a:hover {
box-shadow:none
}
}
.c-articleList .more a:after {
content: '';
position: absolute;
right: 22px;
top: 50%;
margin-top: -5px;
width: 7px;
height: 7px;
border: 1px solid #ffd500;
border-width: 0 1px 1px 0;
line-height: 0;
transform: rotate(45deg);
transition: right .3s
}
@media screen and (max-width: 599px) {
.c-articleList .more a {
width:100%
}
}
.c-post .header {
margin-bottom: 50px
}
@media screen and (max-width: 599px) {
.c-post .header {
margin-bottom:20px
}
}
.c-post .header .title {
margin-bottom: 40px;
font-size: 22px;
font-size: 1.375rem
}
@media screen and (max-width: 599px) {
.c-post .header .title {
margin-bottom:20px;
font-size: 18px;
font-size: 1.125rem
}
}
.c-post .header .meta1 {
margin-bottom: 20px;
font-size: 12px;
font-size: .75rem;
line-height: 1
}
.c-post .header .meta1::after {
content: '';
display: table;
clear: both
}
@media screen and (max-width: 599px) {
.c-post .header .meta1 {
line-height:1.5
}
}
.c-post .header .date,.c-post .header .name {
float: left
}
@media screen and (max-width: 599px) {
.c-post .header .date,.c-post .header .name {
font-size:10px;
font-size: .625rem;
margin-bottom: 5px;
float: none;
display: block
}
.c-post .header .date:last-child,.c-post .header .name:last-child {
margin-bottom: 0
}
}
.c-post .header .date {
font-weight: bold
}
.c-post .header .name {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #adadad
}
@media screen and (max-width: 599px) {
.c-post .header .name {
margin-left:0;
padding-left: 0;
border-left: 0
}
}
.c-post .header .meta2 {
padding: 10px 0;
border: 1px solid #ececec;
border-width: 1px 0;
text-align: right;
font-size: 12px;
font-size: .75rem
}
.c-post .header .meta2::after {
content: '';
display: table;
clear: both
}
.c-post .header .category {
float: left;
display: inline-block;
text-align: center;
color: #99876a;
border: 1px solid #99876a;
min-width: 90px;
padding: 1px 10px;
font-size: 12px;
font-size: .75rem
}
.c-post .header .pdf {
display: inline-block;
margin-right: 20px;
padding-left: 30px;
background: url("../img/release/pdf.png") no-repeat 0 50%;
font-size: 14px;
font-size: .875rem
}
@media screen and (max-width: 599px) {
.c-post .header .pdf {
margin-right:0;
float: right
}
}
.c-post .header .sns {
display: inline-block
}
@media screen and (max-width: 599px) {
.c-post .header .sns {
clear:both;
padding-top: 10px;
display: block
}
}
.c-post .header .facebook,.c-post .header .twitter {
margin-left: 5px;
display: inline-block
}
.c-post .header .facebook iframe,.c-post .header .twitter iframe {
vertical-align: bottom
}
.c-post .header .facebook img,.c-post .header .twitter img {
width: 26px
}
.c-post .body {
font-size: 16px;
font-size: 1rem
}
@media screen and (max-width: 599px) {
.c-post .body {
font-size:14px;
font-size: .875rem
}
}
.c-post .body h1,.c-post .body h2 {
margin: 2em 0 1em;
padding: 5px 0 5px 25px;
font-size: 20px;
font-size: 1.25rem;
position: relative
}
.c-post .body h1:first-child,.c-post .body h2:first-child {
margin-top: 0
}
.c-post .body h1:before,.c-post .body h2:before {
content: '';
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #ffd500;
border-radius: 2px
}
@media screen and (max-width: 599px) {
.c-post .body h1,.c-post .body h2 {
padding:0 0 0 14px;
font-size: 18px;
font-size: 1.125rem
}
}
.c-post .body table,.c-post .body p,.c-post .body li {
margin-bottom: 1em;
word-break: break-all
}
.c-post .body li {
padding-left: 1em;
text-indent: -1em
}
.c-post .body table {
width: 100%
}
.c-post .body th,.c-post .body td {
padding: 8px 20px;
border: 1px solid #dedede
}
@media screen and (max-width: 599px) {
.c-post .body th,.c-post .body td {
padding:5px 10px
}
}
.c-post .body th {
background: #fff7cc
}
.c-post .body .center {
text-align: center
}
.c-post .contact {
margin-top: 40px;
margin-bottom: 60px;
padding: 25px 2.77778%;
background: url("../img/release/contact_bg.png") repeat 0 0
}
@media screen and (max-width: 599px) {
.c-post .contact {
margin-bottom:40px;
padding: 25px 20px
}
}
.c-post .contact .title {
margin-bottom: 20px;
padding-left: 25px;
background: url("../img/release/contact_tel.png") no-repeat 0 50%;
font-size: 20px;
font-size: 1.25rem;
line-height: 1;
font-weight: bold
}
@media screen and (max-width: 599px) {
.c-post .contact .title {
background-position:0 3px;
line-height: 1.5;
font-size: 18px;
font-size: 1.125rem
}
}
.c-post .contact .address {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 14px;
font-size: .875rem
}
@media screen and (max-width: 599px) {
.c-post .contact .address {
display:block
}
}
.c-post .contact .address address {
width: 48.52941%
}
@media screen and (max-width: 599px) {
.c-post .contact .address address {
margin-bottom:20px;
width: auto
}
.c-post .contact .address address:last-child {
margin-bottom: 0
}
}
.c-post .contact .address em {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.44444;
padding: 3px 0;
display: inline-block
}
.c-post .contact .address a {
color: #333
}
.c-post .contact .address .businessHours {
font-size: 12px;
font-size: .75rem;
line-height: 1.66667
}
.c-post .pager {
border: 1px solid #ececec;
border-width: 1px 0;
padding: 15px 0;
font-size: 14px;
font-size: .875rem
}
.c-post .pager::after {
content: '';
display: table;
clear: both
}
.c-post .pager .prev,.c-post .pager .next {
width: 50%
}
.c-post .pager a {
display: block
}
.c-post .pager .prev,.c-post .pager .next {
padding: 15px 0
}
.c-post .pager .prev::after,.c-post .pager .next::after {
content: '';
display: table;
clear: both
}
@media screen and (max-width: 599px) {
.c-post .pager .prev,.c-post .pager .next {
padding:5px 0
}
}
.c-post .pager .img {
border: 1px solid #dedede;
width: 26.38889%
}
@media screen and (max-width: 599px) {
.c-post .pager .img {
display:none
}
}
.c-post .pager .title {
width: 62.5%
}
.c-post .pager .title:first-child {
width: 88.88889%
}
@media screen and (max-width: 599px) {
.c-post .pager .title {
width:auto
}
}
.c-post .pager a:hover .title {
text-decoration: underline
}
.c-post .pager .prev {
float: left;
border-right: 1px solid #ececec
}
.c-post .pager .prev .img {
margin-right: 4.16667%;
float: left
}
.c-post .pager .prev .title {
float: left
}
@media screen and (max-width: 599px) {
.c-post .pager .prev .title {
margin-right:20px
}
}
.c-post .pager .next {
float: right
}
.c-post .pager .next:first-child {
border-left: 1px solid #ececec
}
.c-post .pager .next .img {
margin-left: 4.16667%;
float: right
}
.c-post .pager .next .title {
float: right
}
@media screen and (max-width: 599px) {
.c-post .pager .next .title {
margin-left:20px
}
}
.c-index {
font-size: 14px;
font-size: .875rem
}
.c-index .inner {
margin: 0 auto;
padding: 0 20px;
max-width: 1040px
}
.c-index .inner::after {
content: '';
display: table;
clear: both
}
.is-unresponsive .c-index .inner {
width: 1040px
}
.c-index .swiper-button-prev,.c-index .swiper-button-next {
background: #fff;
width: 50px;
height: 50px;
border-radius: 25px;
margin-top: -25px;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .1);
transition: box-shadow .2s
}
.c-index .swiper-button-prev:hover,.c-index .swiper-button-next:hover {
box-shadow: 0 0 0 3px #ffd500
}
.c-index .swiper-button-prev::after,.c-index .swiper-button-next::after {
content: '';
position: absolute;
top: 18px;
width: 14px;
height: 14px;
border: 4px solid #ffd500;
transform: rotate(45deg);
font-size: 0;
line-height: 0
}
@media screen and (max-width: 599px) {
.c-index .swiper-button-prev,.c-index .swiper-button-next {
display:none
}
}
.c-index .swiper-button-prev {
margin-left: -80px;
left: 33.3%
}
@media screen and (max-width: 1000px) {
.c-index .swiper-button-prev {
margin-left:10px;
left: 0
}
}
.c-index .swiper-button-prev::after {
right: 16px;
left: auto;
border-width: 0 0 4px 4px
}
.c-index .swiper-button-next {
right: 33.3%;
margin-right: -80px
}
@media screen and (max-width: 1000px) {
.c-index .swiper-button-next {
margin-right:10px;
right: 0
}
}
.c-index .swiper-button-next:after {
left: 16px;
border-width: 4px 4px 0 0
}
.c-index .swiper-container-horizontal>.swiper-pagination-bullets {
bottom: -25px;
line-height: 0
}
.c-index .swiper-pagination-bullet {
width: 10px;
height: 10px
}
.c-index .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 10px
}
.c-index .swiper-pagination-bullet {
background: #e6e5cf;
opacity: 1
}
.c-index .swiper-pagination-bullet-active {
background: #ffd500
}
.c-index .hero {
padding-bottom: 40px;
overflow: hidden
}
.c-index .hero .inner {
padding: 0;
max-width: 1000px
}
.c-index .hero .slider {
margin-left: -1000px;
margin-right: -1000px;
width: 3000px;
overflow: visible
}
@media screen and (max-width: 1000px) {
.c-index .hero .slider {
margin-left:0;
margin-right: 0;
width: auto
}
}
.c-index .importantNotice {
margin-bottom: 15px;
padding: 10px 15px;
border: 2px solid #e8e8e8
}
.c-index .importantNotice a {
color: #333
}
.c-index .notice {
margin-bottom: 30px;
border: 2px solid #e8e8e8;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
@media screen and (max-width: 599px) {
.c-index .notice {
display:block
}
}
.c-index .notice h1 {
width: 150px;
font-weight: bold;
text-align: center
}
@media screen and (max-width: 599px) {
.c-index .notice h1 {
padding:4px;
width: auto
}
}
.c-index .notice ul {
padding: 10px 25px;
border-left: 2px solid #e8e8e8;
width: calc(100% - 150px);
color: #666
}
@media screen and (max-width: 599px) {
.c-index .notice ul {
padding:10px;
border-left: 0;
width: auto;
border-top: 2px solid #e8e8e8
}
}
.c-index .notice li {
line-height: 2
}
@media screen and (max-width: 599px) {
.c-index .notice li {
margin-bottom:10px;
line-height: 1.5
}
.c-index .notice li:last-child {
margin-bottom: 0
}
}
.c-index .notice a {
display: -ms-flexbox;
display: flex;
color: #666
}
@media screen and (max-width: 599px) {
.c-index .notice a {
display:block
}
}
.c-index .notice a:hover {
text-decoration: none
}
.c-index .notice a:hover .title {
text-decoration: underline
}
.c-index .notice span {
display: -ms-flexbox;
display: flex;
color: #666
}
@media screen and (max-width: 599px) {
.c-index .notice span {
display:block
}
}
.c-index .notice .date,.c-index .notice .title {
display: block
}
.c-index .notice .date {
width: 9.5em;
cursor: default
}
@media screen and (max-width: 599px) {
.c-index .notice .date {
width:auto
}
}
.c-index .notice .title {
width: calc(100% - 9.5em);
padding-left: 14px;
position: relative
}
@media screen and (max-width: 599px) {
.c-index .notice .title {
width:auto
}
}
.c-index .notice a .title:after {
content: '';
position: absolute;
left: -5px;
top: 10px;
width: 7px;
height: 7px;
border: 1px solid #a1a1a1;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
@media screen and (max-width: 599px) {
.c-index .notice a .title:after {
top:6px;
left: -2px
}
}
@media screen and (max-width: 599px) {
.c-index .notice span .title {
padding-left:0
}
}
.c-index .banner1 {
padding-bottom: 50px;
text-align: center
}
@media screen and (max-width: 599px) {
.c-index .banner1 {
text-align:left
}
}
.c-index .banner1 ul {
position: relative
}
.c-index .banner1 ul::after {
content: '';
display: table;
clear: both
}
.c-index .banner1 li {
float: left
}
@media screen and (max-width: 599px) {
.c-index .banner1 li {
float:none
}
}
.c-index .banner1 a {
color: #333;
display: block
}
.c-index .banner1 a .img {
transition: box-shadow .2s;
border-radius: 5px;
overflow: hidden
}
.c-index .banner1 a:hover {
text-decoration: none
}
.c-index .banner1 a:hover .img {
box-shadow: 0 0 0 3px #ffd500
}
.c-index .banner1 .lg {
width: 48%;
margin-bottom: 3%;
margin-right: 4%;
padding-top: 31%;
position: relative
}
@media screen and (max-width: 599px) {
.c-index .banner1 .lg {
width:100%;
margin-bottom: 20px;
margin-right: 0;
padding-top: 0
}
}
.c-index .banner1 .lg a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
@media screen and (max-width: 599px) {
.c-index .banner1 .lg a {
position:static;
width: auto;
height: auto
}
.c-index .banner1 .lg a .img {
border-radius: 5px 5px 0 0
}
}
.c-index .banner1 .lg .txt {
margin-top: 2.08333%;
height: 16.12903%;
line-height: 1.5;
background: #fef6d5;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden
}
@media screen and (max-width: 599px) {
.c-index .banner1 .lg .txt {
margin-top:0;
display: block;
height: auto;
padding: 5px 10px;
text-align: left;
border-radius: 0 0 5px 5px
}
}
.c-index .banner1 .md {
width: 48%;
position: absolute;
right: 0;
top: 0
}
.c-index .banner1 .md:nth-child(6) {
margin-top: 17%
}
@media screen and (max-width: 599px) {
.c-index .banner1 .md {
width:100%;
position: static;
right: auto;
top: auto;
margin-bottom: 20px
}
.c-index .banner1 .md:nth-child(6) {
margin-top: 0;
margin-bottom: 0
}
}
.c-index .banner1 .sm {
width: 30%;
margin-right: 5%
}
@media screen and (max-width: 599px) {
.c-index .banner1 .sm {
margin-bottom:20px;
width: 100%;
margin-right: 0;
line-height: 1.5
}
.c-index .banner1 .sm::after {
content: '';
display: table;
clear: both
}
.c-index .banner1 .sm .img {
float: left;
width: 50%
}
}
.c-index .banner1 .sm:nth-child(2) {
clear: left
}
.c-index .banner1 .sm:nth-child(4) {
margin-right: 0
}
.c-index .banner1 .sm .txt {
margin-top: 3.33333%
}
@media screen and (max-width: 599px) {
.c-index .banner1 .sm .txt {
margin-top:0;
float: left;
width: 50%;
padding-left: 10px
}
}
.c-index .products {
padding: 50px 0 60px;
background: url("../img/index/products_bg.png") 50% 0 repeat;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05) inset;
text-align: center
}
@media screen and (max-width: 599px) {
.c-index .products {
padding:20px 0 20px
}
}
.c-index .products h1 {
margin-bottom: 30px;
font-size: 30px;
font-size: 1.875rem;
font-weight: bold;
letter-spacing: .15em
}
@media screen and (max-width: 599px) {
.c-index .products h1 {
margin-bottom:20px;
font-size: 24px;
font-size: 1.5rem
}
}
.c-index .products .categoryList {
margin: 0 auto 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 860px
}
@media screen and (max-width: 599px) {
.c-index .products .categoryList {
margin-bottom:10px;
text-align: left
}
}
.c-index .products .categoryList li {
margin-bottom: 20px;
width: 23.25581%;
font-size: 16px;
font-size: 1rem
}
@media screen and (max-width: 599px) {
.c-index .products .categoryList li {
margin-bottom:10px;
width: 48.50746%;
font-size: 14px;
font-size: .875rem;
line-height: 1.5
}
}
.c-index .products .categoryList a {
display: block;
height: 100%;
background: #fff;
border-radius: 10px;
padding: 20px 20px 7px;
color: #826332;
box-shadow: 0 0 0 0 #ffd500;
transition: box-shadow .2s
}
@media screen and (max-width: 599px) {
.c-index .products .categoryList a {
padding:5px 5px 7px 7px;
display: block;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center
}
.c-index .products .categoryList a:after {
content: '';
position: absolute;
right: 10px;
top: 50%;
margin-top: -5px;
width: 9px;
height: 9px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
}
.c-index .products .categoryList a:hover {
text-decoration: none;
box-shadow: 0 0 0 3px #ffd500
}
.c-index .products .categoryList .img {
margin: 0 auto 10px;
max-width: 140px
}
@media screen and (max-width: 599px) {
.c-index .products .categoryList .img {
margin:0;
width: 56px
}
}
.c-index .products .categoryList .name {
padding-top: 7px;
border-top: 1px solid #826332
}
@media screen and (max-width: 599px) {
.c-index .products .categoryList .name {
padding-top:0;
padding-left: 10px;
padding-right: 20px;
border-top: 0
}
}
.c-index .products .brandSite a {
margin: 0 auto;
padding: 12px 0 12px 15px;
max-width: 470px;
line-height: 32px;
display: block;
background: url("../img/index/products_brandsite.png") 35px 50% no-repeat #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .1);
border: 1px solid #ffd500;
border-radius: 10px;
font-size: 20px;
font-size: 1.25rem;
color: #333;
transition: box-shadow .2s
}
.c-index .products .brandSite a:hover {
text-decoration: none;
box-shadow: 0 0 0 2px #ffd500
}
@media screen and (max-width: 599px) {
.c-index .products .brandSite a:hover {
box-shadow:none
}
}
@media screen and (max-width: 599px) {
.c-index .products .brandSite a {
line-height:26px;
font-size: 18px;
font-size: 1.125rem;
background-position: 20px 50%
}
}
.c-index .information {
padding: 50px 0;
font-size: 16px;
font-size: 1rem
}
@media screen and (max-width: 599px) {
.c-index .information {
padding:30px 0
}
}
.c-index .information .inner {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 599px) {
.c-index .information .inner {
display:block
}
}
.c-index .information .inner:after {
display: none
}
.c-index .information .news,.c-index .information .release {
width: 46%
}
@media screen and (max-width: 599px) {
.c-index .information .news,.c-index .information .release {
width:auto
}
}
@media screen and (max-width: 599px) {
.c-index .information .news {
margin-bottom:50px
}
}
.c-index .information .header {
padding-bottom: 15px;
border-bottom: 1px solid #ececec
}
.c-index .information .header::after {
content: '';
display: table;
clear: both
}
@media screen and (max-width: 599px) {
.c-index .information .header {
padding-bottom:10px
}
}
.c-index .information .header h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: bold;
line-height: 38px;
float: left
}
@media screen and (max-width: 599px) {
.c-index .information .header h1 {
font-size:20px;
font-size: 1.25rem;
line-height: 26px
}
}
.c-index .information .header .link {
float: right
}
.c-index .information .header .rss {
margin-top: 1px;
float: left;
border-radius: 18px;
width: 36px;
line-height: 36px;
background: #ffd500;
text-align: center;
transition: box-shadow .2s
}
.c-index .information .header .rss:hover {
text-decoration: none;
box-shadow: 0 0 0 2px #ffd500
}
@media screen and (max-width: 599px) {
.c-index .information .header .rss:hover {
box-shadow:none
}
}
@media screen and (max-width: 599px) {
.c-index .information .header .rss {
width:24px;
line-height: 24px
}
}
.c-index .information .header .rss img {
margin-bottom: 4px
}
@media screen and (max-width: 599px) {
.c-index .information .header .rss img {
margin-bottom:0
}
}
.c-index .information .header .more {
margin-left: 15px;
float: left
}
@media screen and (max-width: 599px) {
.c-index .information .header .more {
margin-left:10px
}
}
.c-index .information .header .more a {
font-size: 16px;
font-size: 1rem;
border: 1px solid #ffd500;
border-radius: 19px;
padding-right: 10px;
width: 140px;
line-height: 36px;
text-align: center;
color: #333;
background: #fff;
display: block;
position: relative;
transition: box-shadow .2s
}
.c-index .information .header .more a:after {
content: '';
position: absolute;
right: 15px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-index .information .header .more a:hover {
text-decoration: none;
box-shadow: 0 0 0 2px #ffd500
}
@media screen and (max-width: 599px) {
.c-index .information .header .more a:hover {
box-shadow:none
}
}
@media screen and (max-width: 599px) {
.c-index .information .header .more a {
width:auto;
line-height: 24px;
border-radius: 13px;
padding-left: 10px;
font-size: 14px;
font-size: .875rem
}
.c-index .information .header .more a:after {
display: none
}
}
.c-index .information .item {
padding: 15px 0;
border-bottom: 1px solid #ececec
}
@media screen and (max-width: 599px) {
.c-index .information .item {
padding:10px 0;
line-height: 1.5
}
}
.c-index .information .item .meta {
margin-bottom: 7px;
color: #333
}
.c-index .information .item .meta::after {
content: '';
display: table;
clear: both
}
@media screen and (max-width: 599px) {
.c-index .information .item .meta {
margin-bottom:3px
}
}
.c-index .information .item .date {
margin-right: 15px;
float: left;
font-size: 14px;
font-size: .875rem;
line-height: 26px
}
@media screen and (max-width: 599px) {
.c-index .information .item .date {
line-height:20px
}
}
.c-index .information .item .category {
float: left;
display: inline-block;
text-align: center;
color: #99876a;
border: 1px solid #99876a;
min-width: 90px;
padding: 1px 10px;
font-size: 12px;
font-size: .75rem
}
@media screen and (max-width: 599px) {
.c-index .information .item .category {
min-width:0;
padding: 0 5px
}
}
@media screen and (max-width: 599px) {
.c-index .information .item .title {
font-size:14px;
font-size: .875rem
}
}
.c-index .banner2 {
padding: 50px 0 20px;
background: url("../img/index/banner2_bg.png") 50% 0 repeat
}
@media screen and (max-width: 599px) {
.c-index .banner2 {
padding:30px 0 10px
}
}
.c-index .banner2 ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.c-index .banner2 li {
margin-bottom: 30px;
width: 18%
}
@media screen and (max-width: 599px) {
.c-index .banner2 li {
margin-bottom:20px;
width: 47.76119%
}
}
.c-index .banner2 img {
border-radius: 5px
}
.c-index .banner2 a {
border-radius: 5px;
display: block;
transition: box-shadow .2s
}
.c-index .banner2 a:hover {
text-decoration: none;
box-shadow: 0 0 0 3px #ffd500
}
@media screen and (max-width: 599px) {
.c-index .banner2 a:hover {
box-shadow:none
}
}
.c-index .for {
padding: 50px 0 50px;
background: url("../img/index/for_bg.png") 50% 0 repeat;
border-top: 1px solid #f4eed3;
font-size: 14px;
font-size: .875rem
}
@media screen and (max-width: 599px) {
.c-index .for {
padding:30px 0 10px
}
}
.c-index .for section+section {
margin-top: 20px
}
.c-index .for h1 {
margin-bottom: 15px;
padding: 0 0 0 20px;
font-size: 16px;
font-size: 1rem;
position: relative
}
.c-index .for h1:before {
content: '';
width: 2px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #ffd500;
border-radius: 1px
}
@media screen and (max-width: 599px) {
.c-index .for h1 {
margin-bottom:10px;
padding: 0 0 0 14px;
line-height: 1.4
}
.c-index .for h1:before {
width: 2px
}
}
.c-index .for li {
padding: 8px 0;
border-top: 1px solid #f0f0f0
}
@media screen and (max-width: 599px) {
.c-index .for li {
padding:4px 0
}
}
.c-index .for a {
padding-left: 15px;
display: block;
color: #333;
position: relative
}
.c-index .for a:before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 0;
height: 0;
font-size: 0;
border: 5px solid transparent;
border-width: 4px 5px;
border-left: 5px solid #1c98bb
}
.c-index .for .inner {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.c-index .for .inner:after {
display: none
}
.c-index .for .col {
width: 30%
}
@media screen and (max-width: 599px) {
.c-index .for .col {
margin-bottom:20px;
width: 100%
}
}
.c-companyBusiness>section,.c-companyBusinessActivity>section,.c-companyBusinessDepartment>section {
margin-bottom: 120px
}
@media screen and (max-width: 599px) {
.c-companyBusiness>section,.c-companyBusinessActivity>section,.c-companyBusinessDepartment>section {
margin-bottom:60px
}
}
.c-companyBusiness>section:last-child,.c-companyBusinessActivity>section:last-child,.c-companyBusinessDepartment>section:last-child {
margin-bottom: 0
}
@media screen and (max-width: 599px) {
.c-companyBusiness>section:last-child,.c-companyBusinessActivity>section:last-child,.c-companyBusinessDepartment>section:last-child {
margin-bottom:0
}
}
.c-companyBusiness>section>h1,.c-companyBusinessActivity>section>h1,.c-companyBusinessDepartment>section>h1 {
margin-bottom: 30px;
padding-left: 25px;
position: relative;
font-size: 20px;
font-size: 1.25rem;
font-weight: bold
}
@media screen and (max-width: 599px) {
.c-companyBusiness>section>h1,.c-companyBusinessActivity>section>h1,.c-companyBusinessDepartment>section>h1 {
padding-left:14px
}
}
.c-companyBusiness>section>h1:after,.c-companyBusinessActivity>section>h1:after,.c-companyBusinessDepartment>section>h1:after {
content: '';
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: #ffd500;
border-radius: 2px 2px
}
.c-company .inner {
margin: 0 auto;
padding: 0 20px;
max-width: 1040px
}
.c-company .inner::after {
content: '';
display: table;
clear: both
}
.is-unresponsive .c-company .inner {
width: 1040px
}
.c-company .hero {
margin-top: -30px;
margin-bottom: 5px
}
@media screen and (max-width: 599px) {
.c-company .hero {
margin-top:0;
margin-bottom: 10px
}
}
.c-company .hero h1 {
position: relative;
overflow: hidden
}
.c-company .hero h1:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: url("../img/company/index/hero_cover.png") no-repeat 50% 100%
}
@media screen and (max-width: 599px) {
.c-company .hero h1:after {
background-size:120% auto
}
}
.c-company .hero img {
width: 100%
}
.c-company .link1 {
margin-bottom: 65px;
font-size: 18px;
font-size: 1.125rem
}
@media screen and (max-width: 599px) {
.c-company .link1 {
margin-bottom:20px;
font-size: 14px;
font-size: .875rem
}
}
.c-company .link1 ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (min-width: 600px) and (max-width: 959px) {
.c-company .link1 ul {
-ms-flex-pack:justify;
justify-content: space-between
}
}
@media screen and (max-width: 599px) {
.c-company .link1 ul {
-ms-flex-pack:justify;
justify-content: space-between
}
}
.c-company .link1 li {
margin: 0 15px;
width: 22%;
min-width: 180px
}
@media screen and (min-width: 600px) and (max-width: 959px) {
.c-company .link1 li {
margin:0;
width: 32%;
min-width: 0
}
}
@media screen and (max-width: 599px) {
.c-company .link1 li {
margin:0;
width: 32%;
min-width: 0
}
.c-company .link1 li:last-child {
margin-bottom: 0
}
}
.c-company .link1 a {
display: block;
width: 100%;
height: 50px;
line-height: 46px;
border: 2px solid #ffd500;
border-radius: 25px;
color: #333;
text-align: center;
display: block;
position: relative;
transition: box-shadow .2s
}
.c-company .link1 a:after {
content: '';
position: absolute;
right: 22px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-company .link1 a:after {
border-width: 2px 2px 0 0
}
.c-company .link1 a:hover {
text-decoration: none;
box-shadow: 0 0 0 1px #ffd500
}
@media screen and (max-width: 599px) {
.c-company .link1 a:hover {
box-shadow:none
}
}
@media screen and (max-width: 599px) {
.c-company .link1 a {
height:40px;
line-height: 36px
}
.c-company .link1 a:after {
display: none
}
}
.c-company .importantNotice {
margin-bottom: 25px;
font-size: 14px;
font-size: .875rem
}
@media screen and (max-width: 599px) {
.c-company .importantNotice {
margin-bottom:15px
}
}
.c-company .importantNotice a {
color: #333
}
.c-company .notice {
margin-bottom: 25px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-size: .875rem
}
@media screen and (max-width: 599px) {
.c-company .notice {
margin-bottom:15px;
display: block
}
}
.c-company .notice h1 {
width: 140px;
font-weight: bold
}
@media screen and (max-width: 599px) {
.c-company .notice h1 {
width:auto
}
}
.c-company .notice ul {
padding: 10px 25px;
border-left: 1px solid #e8e8e8;
width: calc(100% - 140px);
color: #666
}
@media screen and (max-width: 599px) {
.c-company .notice ul {
padding:10px 0;
border-left: 0;
border-top: 1px solid #e8e8e8;
width: auto
}
}
.c-company .notice li {
line-height: 2
}
@media screen and (max-width: 599px) {
.c-company .notice li {
margin-bottom:10px;
line-height: 1.5
}
.c-company .notice li:last-child {
margin-bottom: 0
}
}
.c-company .notice a {
display: -ms-flexbox;
display: flex;
color: #666
}
@media screen and (max-width: 599px) {
.c-company .notice a {
display:block
}
}
.c-company .notice a:hover {
text-decoration: none
}
.c-company .notice a:hover .title {
text-decoration: underline
}
.c-company .notice span {
display: -ms-flexbox;
display: flex;
color: #666
}
@media screen and (max-width: 599px) {
.c-company .notice span {
display:block
}
}
.c-company .notice .date,.c-company .notice .title {
display: block;
width: calc(100% - 9.5em)
}
@media screen and (max-width: 599px) {
.c-company .notice .date,.c-company .notice .title {
width:auto
}
}
.c-company .notice .date {
width: 9.5em;
cursor: default
}
@media screen and (max-width: 599px) {
.c-company .notice .date {
width:auto
}
}
.c-company .notice .title {
padding-left: 14px;
position: relative
}
.c-company .notice a .title:after {
content: '';
position: absolute;
left: -5px;
top: 10px;
width: 7px;
height: 7px;
border: 1px solid #a1a1a1;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
@media screen and (max-width: 599px) {
.c-company .notice a .title:after {
top:6px;
left: -2px
}
}
@media screen and (max-width: 599px) {
.c-company .notice span .title {
padding-left:0
}
}
.c-company .banner1 {
padding: 50px 0;
background: url("../img/company/index/banner1_bg.png") 50% 0 repeat;
text-align: center
}
@media screen and (max-width: 599px) {
.c-company .banner1 {
padding:30px 0
}
}
.c-company .banner1 ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 599px) {
.c-company .banner1 ul {
display:block
}
}
.c-company .banner1 li {
width: 30%
}
@media screen and (max-width: 599px) {
.c-company .banner1 li {
width:100%;
margin-bottom: 20px
}
.c-company .banner1 li:last-child {
margin-bottom: 0
}
}
.c-company .banner1 a {
color: #333;
display: inline-block
}
.c-company .banner1 a .img {
transition: box-shadow .2s;
border-radius: 5px;
overflow: hidden
}
.c-company .banner1 a:hover {
text-decoration: none
}
.c-company .banner1 a:hover .img {
box-shadow: 0 0 0 3px #ffd500
}
.c-company .banner1 .img {
margin-bottom: 10px
}
@media screen and (max-width: 599px) {
.c-company .banner1 .img {
margin-bottom:5px
}
}
.c-company .business {
padding: 50px 0;
text-align: center
}
@media screen and (max-width: 599px) {
.c-company .business {
padding:30px 0
}
}
.c-company .business h1 {
margin-bottom: 50px;
font-size: 28px;
font-size: 1.75rem;
font-weight: bold;
letter-spacing: .15em
}
@media screen and (max-width: 599px) {
.c-company .business h1 {
margin-bottom:30px;
font-size: 24px;
font-size: 1.5rem
}
}
.c-company .business ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 599px) {
.c-company .business ul {
display:block
}
}
.c-company .business li {
width: 30%
}
@media screen and (max-width: 599px) {
.c-company .business li {
width:100%;
margin-bottom: 20px
}
.c-company .business li:last-child {
margin-bottom: 0
}
}
.c-company .business a {
color: #333;
display: block
}
.c-company .business a .img {
transition: box-shadow .2s
}
.c-company .business a .img:after {
transition: .2s
}
.c-company .business a:hover {
text-decoration: none
}
.c-company .business a:hover .img {
box-shadow: 0 -2px 0 0 #ffd500 inset
}
.c-company .business a:hover .img:after {
box-shadow: -2.8px 2.8px 0 0 #ffd500 inset;
bottom: -3px
}
.c-company .business .img {
margin-bottom: 10px;
padding-bottom: 29px;
border-bottom: 1px solid #ffd500;
position: relative
}
@media screen and (max-width: 599px) {
.c-company .business .img {
padding-bottom:19px;
margin-bottom: 5px
}
}
.c-company .business .img:after {
content: '';
width: 10px;
height: 10px;
background: #fff;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
transform: rotate(-45deg);
position: absolute;
left: 50%;
bottom: -5px;
margin-left: -7px
}
.c-company .release {
padding: 50px 0 30px;
background: url("../img/company/index/banner1_bg.png") 50% 0 repeat;
font-size: 16px;
font-size: 1rem
}
@media screen and (max-width: 599px) {
.c-company .release {
padding:30px 0 20px
}
}
.c-company .release .header {
margin-bottom: 20px
}
.c-company .release .header::after {
content: '';
display: table;
clear: both
}
@media screen and (max-width: 599px) {
.c-company .release .header {
margin-bottom:10px
}
}
.c-company .release .header h1 {
font-size: 24px;
font-size: 1.5rem;
font-weight: bold;
line-height: 60px;
float: left;
padding-left: 28px;
position: relative
}
.c-company .release .header h1:after {
content: '';
width: 4px;
height: 100%;
border-radius: 2px;
background: #ffd500;
position: absolute;
left: 0;
top: 0
}
@media screen and (max-width: 599px) {
.c-company .release .header h1 {
font-size:20px;
font-size: 1.25rem;
line-height: 26px;
padding-left: 14px
}
}
.c-company .release .header .link {
padding: 11px 0 11px;
float: right
}
@media screen and (max-width: 599px) {
.c-company .release .header .link {
padding:0
}
}
.c-company .release .header .rss {
margin-top: 1px;
float: left;
border-radius: 18px;
width: 36px;
line-height: 36px;
background: #ffd500;
text-align: center;
transition: box-shadow .2s
}
.c-company .release .header .rss:hover {
text-decoration: none;
box-shadow: 0 0 0 2px #ffd500
}
@media screen and (max-width: 599px) {
.c-company .release .header .rss:hover {
box-shadow:none
}
}
@media screen and (max-width: 599px) {
.c-company .release .header .rss {
width:24px;
line-height: 24px
}
}
.c-company .release .header .rss img {
margin-bottom: 4px
}
@media screen and (max-width: 599px) {
.c-company .release .header .rss img {
margin-bottom:0
}
}
.c-company .release .header .more {
margin-left: 15px;
float: left
}
@media screen and (max-width: 599px) {
.c-company .release .header .more {
margin-left:10px
}
}
.c-company .release .header .more a {
font-size: 16px;
font-size: 1rem;
border: 1px solid #ffd500;
border-radius: 19px;
padding-right: 10px;
width: 140px;
line-height: 36px;
text-align: center;
color: #333;
background: #fff;
display: block;
position: relative;
transition: box-shadow .2s
}
.c-company .release .header .more a:after {
content: '';
position: absolute;
right: 15px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-company .release .header .more a:hover {
text-decoration: none;
box-shadow: 0 0 0 2px #ffd500
}
@media screen and (max-width: 599px) {
.c-company .release .header .more a:hover {
box-shadow:none
}
}
@media screen and (max-width: 599px) {
.c-company .release .header .more a {
width:auto;
line-height: 24px;
border-radius: 13px;
padding-left: 10px;
font-size: 14px;
font-size: .875rem
}
.c-company .release .header .more a:after {
display: none
}
}
.c-company .release .articleList {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.c-company .release .item {
margin-bottom: 20px;
padding: 20px;
width: 49%;
min-height: 135px;
border-radius: 10px;
background: #fff;
position: relative
}
@media screen and (max-width: 599px) {
.c-company .release .item {
margin-bottom:10px;
padding: 10px;
width: 100%;
min-height: 115px;
line-height: 1.5
}
}
.c-company .release .item .img {
position: absolute;
left: 20px;
top: 20px;
border: 1px solid #dedede;
width: 95px;
height: 95px;
overflow: hidden
}
@media screen and (max-width: 599px) {
.c-company .release .item .img {
left:10px;
top: 10px
}
}
.c-company .release .item .txt {
padding-left: 115px
}
@media screen and (max-width: 599px) {
.c-company .release .item .txt {
padding-left:105px;
font-size: 14px;
font-size: .875rem
}
}
.c-company .release .item .meta {
margin-bottom: 7px;
color: #333
}
.c-company .release .item .meta::after {
content: '';
display: table;
clear: both
}
@media screen and (max-width: 599px) {
.c-company .release .item .meta {
margin-bottom:3px
}
}
.c-company .release .item .date {
margin-right: 15px;
float: left;
font-size: 14px;
font-size: .875rem;
line-height: 26px
}
@media screen and (max-width: 599px) {
.c-company .release .item .date {
line-height:20px
}
}
.c-company .release .item .category {
float: left;
display: inline-block;
text-align: center;
color: #99876a;
border: 1px solid #99876a;
min-width: 90px;
padding: 1px 10px;
font-size: 12px;
font-size: .75rem
}
@media screen and (max-width: 599px) {
.c-company .release .item .category {
min-width:0;
padding: 0 5px
}
}
.c-companyBusiness>section>h1 {
margin-bottom: 40px
}
@media screen and (max-width: 599px) {
.c-companyBusiness>section>h1 {
margin-bottom:20px
}
}
@media screen and (max-width: 599px) {
.c-companyBusiness p {
font-size:14px;
font-size: .875rem
}
}
.c-companyBusiness .products {
margin-bottom: 30px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
text-align: center;
font-size: 14px;
font-size: .875rem
}
@media screen and (max-width: 599px) {
.c-companyBusiness .products {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
}
.c-companyBusiness .products li {
padding: 10px;
border: 1px solid #dedede;
border-radius: 5px
}
.c-companyBusiness .products li .img {
margin: 0 auto;
max-width: 152px
}
@media screen and (max-width: 599px) {
.c-companyBusiness .products li {
margin-bottom:10px
}
.c-companyBusiness .products li:last-child {
margin-bottom: 0
}
.c-companyBusiness .products li .img {
max-width: none
}
}
.c-companyBusiness .business.khp .products li {
width: 23.2%
}
@media screen and (max-width: 599px) {
.c-companyBusiness .business.khp .products li {
width:100%
}
}
.c-companyBusiness .business.ph .products li {
width: 48.8%
}
@media screen and (max-width: 599px) {
.c-companyBusiness .business.ph .products li {
width:100%
}
}
.c-companyBusiness .business.foods .products li {
width: 32%
}
@media screen and (max-width: 599px) {
.c-companyBusiness .business.foods .products li {
width:100%
}
}
.c-companyBusiness .btn {
margin-top: 50px;
text-align: center
}
@media screen and (max-width: 599px) {
.c-companyBusiness .btn {
margin-top:25px
}
}
.c-companyBusiness .btn a {
padding: 0 80px;
min-width: 300px;
height: 40px;
line-height: 36px;
border: 2px solid #ffd500;
border-radius: 25px;
color: #333;
text-align: center;
display: block;
position: relative;
transition: box-shadow .2s;
display: inline-block
}
.c-companyBusiness .btn a:after {
content: '';
position: absolute;
right: 22px;
top: 50%;
margin-top: -6px;
width: 12px;
height: 12px;
border: 1px solid #ffd500;
border-width: 1px 1px 0 0;
line-height: 0;
transform: rotate(45deg)
}
.c-companyBusiness .btn a:after {
border-width: 2px 2px 0 0
}
.c-companyBusiness .btn a:hover {
text-decoration: none;
box-shadow: 0 0 0 1px #ffd500
}
@media screen and (max-width: 599px) {
.c-companyBusiness .btn a:hover {
box-shadow:none
}
}
@media screen and (min-width: 600px) and (max-width: 959px) {
.c-companyBusiness .btn a {
height:40px;
line-height: 36px
}
}
@media screen and (max-width: 599px) {
.c-companyBusiness .btn a {
padding:0;
min-width: 0;
display: block;
height: 40px;
line-height: 36px
}
}
.c-companyBusiness .link {
margin-top: 30px;
font-size: 14px;
font-size: .875rem
}
@media screen and (max-width: 599px) {
.c-companyBusiness .link {
margin-top:15px
}
}
.c-companyBusiness .link a {
padding-left: 15px;
display: block;
color: #333;
position: relative;
display: inline-block;
color: #1c98bb
}
.c-companyBusiness .link a:before {
content: '';
position: absolute;
left: 0;
top: 8px;
width: 0;
height: 0;
font-size: 0;
border: 5px solid transparent;
border-width: 4px 5px;
border-left: 5px solid #1c98bb
}
.c-companyBusiness .link a[target="_blank"] {
padding-right: 15px;
background: url("../img/common/link_blank.png") no-repeat 100% 50%
}
.c-companyBusiness .outline .graph {
margin-bottom: 50px;
padding-bottom: 10px;
border-bottom: 1px solid #ececec;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center
}
@media screen and (max-width: 599px) {
.c-companyBusiness .outline .graph {
margin-bottom:25px
}
}
.c-companyBusiness .outline .sales {
margin-bottom: 10px;
padding-bottom: 60px;
border-bottom: 1px solid #ececec;
width: 100%
}
@media screen and (max-width: 599px) {
.c-companyBusiness .outline .sales {
padding-bottom:30px
}
}
.c-companyBusiness .outline .staff {
border-right: 1px solid #ececec;
width: 50%
}
.c-companyBusiness .outline .brand {
width: 50%
}
.c-companyBusiness .office section {
margin-bottom: 50px
}
.c-companyBusiness .office section:last-child {
margin-bottom: 0
}
@media screen and (max-width: 599px) {
.c-companyBusiness .office section {
margin-bottom:25px
}
.c-companyBusiness .office section:last-child {
margin-bottom: 0
}
}
.c-companyBusiness .office section>h1 {
margin-bottom: 40px;
border-bottom: 1px solid #dedede;
font-size: 18px;
font-size: 1.125rem
}
@media screen and (max-width: 599px) {
.c-companyBusiness .office section>h1 {
margin-bottom:20px
}
}
.c-companyInfoProducts .filter {
margin-bottom: 40px
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .filter {
margin-bottom:20px
}
}
.c-companyInfoProducts .filter ul {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .filter ul {
-ms-flex-wrap:wrap;
flex-wrap: wrap
}
}
.c-companyInfoProducts .filter li {
width: 24%;
line-height: 1.3125
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .filter li {
margin-bottom:5px;
width: 49.27536%;
line-height: 1.07143;
font-size: 14px;
font-size: .875rem
}
}
.c-companyInfoProducts .filter li a {
border: 1px solid #ffd500;
border-radius: 5px;
height: 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
color: #333;
transition: box-shadow .2s
}
.c-companyInfoProducts .filter li a:hover {
text-decoration: none;
box-shadow: 0 0 0 2px #ffd500
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .filter li a:hover {
box-shadow:none
}
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .filter li a {
height:36px
}
}
.c-companyInfoProducts .filter li a.is-active {
background: #ffd500;
cursor: default
}
.c-companyInfoProducts .filter li a.is-active:hover {
box-shadow: none
}
.c-companyInfoProducts .history {
margin-left: 50px;
padding-bottom: 60px;
border-left: 4px solid #ffd500;
position: relative
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history {
margin-left:7px;
padding-bottom: 30px;
border-left: 2px solid #ffd500;
line-height: 1.5
}
}
.c-companyInfoProducts .history:after {
content: '';
position: absolute;
left: -12px;
bottom: 0;
width: 20px;
height: 20px;
border: 4px solid #ffd500;
border-width: 0 4px 4px 0;
transform: rotate(45deg)
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history:after {
left:-6px;
border-width: 0 2px 2px 0;
width: 10px;
height: 10px
}
}
.c-companyInfoProducts .history .year.is-hidden {
display: none
}
.c-companyInfoProducts .history .number {
padding: 2px 0 2px 60px;
border-bottom: 1px solid #ffd500;
position: relative;
font-size: 18px;
font-size: 1.125rem
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history .number {
padding:0 0 10px 30px;
font-size: 16px;
font-size: 1rem;
line-height: 1
}
}
.c-companyInfoProducts .history .number:before {
content: '';
position: absolute;
left: -17px;
bottom: -15px;
width: 30px;
height: 30px;
border: 4px solid #ffd500;
border-radius: 15px;
background: #ffffff
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history .number:before {
left:-9px;
bottom: -8px;
width: 16px;
height: 16px;
border-width: 2px;
border-radius: 8px
}
}
.c-companyInfoProducts .history .number .ad {
font-size: 30px;
font-size: 1.875rem;
font-weight: bold
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history .number .ad {
font-size:24px;
font-size: 1.5rem
}
}
.c-companyInfoProducts .history .product {
padding: 20px 0 20px 60px;
display: -ms-flexbox;
display: flex
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history .product {
padding:10px 0 20px 30px;
display: block
}
}
.c-companyInfoProducts .history .product.is-hidden {
display: none
}
.c-companyInfoProducts .history .product+.year {
margin-top: 40px
}
.c-companyInfoProducts .history .product .img {
margin-right: 4.71698%;
width: 25.15723%
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history .product .img {
margin-right:0;
width: auto;
text-align: center
}
}
.c-companyInfoProducts .history .product .img img {
border: 1px solid #dedede;
display: block
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history .product .img img {
margin:0 auto;
max-width: 160px
}
}
.c-companyInfoProducts .history .product .txt {
padding-bottom: 36px;
width: 70.12579%;
position: relative
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history .product .txt {
margin-top:10px;
padding-bottom: 20px;
width: auto
}
}
@media screen and (max-width: 599px) and (max-width: 599px) {
.c-companyInfoProducts .history .product .txt {
font-size:14px;
font-size: .875rem
}
}
.c-companyInfoProducts .history .product .txt h1 {
margin-bottom: 5px;
font-size: 18px;
font-size: 1.125rem;
font-weight: bold
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history .product .txt h1 {
font-size:14px;
font-size: .875rem
}
}
.c-companyInfoProducts .history .product .txt .footer {
position: absolute;
left: 0;
bottom: 0
}
.c-companyInfoProducts .history .product .txt .icon {
display: inline-block;
padding: 0 10px;
border: 1px solid #ffd500;
color: #ffffff;
background: #ffd500;
font-size: 13px;
font-size: .8125rem;
line-height: 1.53846;
text-align: center
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history .product .txt .icon {
font-size:11px;
font-size: .6875rem
}
}
.c-companyInfoProducts .history .product .txt .category {
display: inline-block;
padding: 0 10px;
border: 1px solid #9d8b72;
color: #9d8b72;
font-size: 13px;
font-size: .8125rem;
min-width: 110px;
line-height: 1.53846;
text-align: center
}
@media screen and (max-width: 599px) {
.c-companyInfoProducts .history .product .txt .category {
margin-top:10px;
position: static;
display: inline-block;
font-size: 11px;
font-size: .6875rem
}
}
@media (min-width: 600px) {
.m-sp {
display:none
}
}
@media screen and (max-width: 599px) {
.m-pc {
display:none
}
}
.m-categoryTitle {
margin-bottom: 40px;
padding: 10px 0;
border-bottom: 1px solid #ffd500;
font-size: 26px;
font-size: 1.625rem;
font-weight: normal
}
@media screen and (max-width: 599px) {
.m-categoryTitle {
margin-bottom:20px;
padding: 20px 0 10px;
font-size: 18px;
font-size: 1.125rem
}
}
@media screen and (max-width: 599px) {
.c-company .release .item .category {
min-width:0;
padding: 0 5px
}
}