.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@-webkit-keyframes ai-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ai-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes backgroundPosition{0%{background-position:-140px 0}100%{background-position:140px 0}}@keyframes backgroundPosition{0%{background-position:-140px 0}100%{background-position:140px 0}}.ai-wrap{padding:20px;background-color:#202020;color:#fff;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px}.ai-wrap::after,.ai-wrap::before{-webkit-box-sizing:border-box;box-sizing:border-box}.ai-wrap *{-webkit-box-sizing:border-box;box-sizing:border-box}.ai-wrap *::after,.ai-wrap *::before{-webkit-box-sizing:border-box;box-sizing:border-box}.ai-wrap img{max-width:100%;height:auto;border:0;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:0}.ai-wrap p{margin:0;padding:0;font-weight:normal;line-height:normal}.ai-wrap span{margin:0;padding:0;font-weight:normal;line-height:normal}.ai-wrap a{font-weight:normal;-webkit-box-shadow:none;box-shadow:none;border:0;text-decoration:none;text-transform:none}.ai-wrap svg{display:inline-block}.ai-wrap .ai-btn,.ai-wrap .ai-audio-control{display:inline-block;font-weight:normal;margin:0;padding:0;line-height:normal;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0;min-width:0;max-width:100%;min-height:0;width:auto;height:auto;background-image:none;background-color:rgba(0,0,0,0)}.ai-wrap .ai-btn::before,.ai-wrap .ai-btn::after,.ai-wrap .ai-audio-control::before,.ai-wrap .ai-audio-control::after{display:none}.ai-wrap .ai-control-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:130px}.ai-wrap .ai-control-wrap-thumb{width:130px;height:100%;-webkit-box-flex:0;-ms-flex:none;flex:none;overflow:hidden;margin-right:20px;position:relative;line-height:0}.ai-wrap .ai-control-wrap-thumb::after{position:absolute;top:0;bottom:0;left:0;right:0;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease;content:"";width:300%;height:100%;background:-webkit-gradient(linear, left top, right top, color-stop(8%, #3e3e3e), color-stop(18%, #4d4d4d), color-stop(33%, #3e3e3e));background:linear-gradient(to right, #3e3e3e 8%, #4d4d4d 18%, #3e3e3e 33%);background-size:500px;position:absolute;top:0;left:0;opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:backgroundPosition;animation-name:backgroundPosition;-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}.ai-wrap .ai-control-wrap-thumb img{margin:0;border:0;-webkit-box-shadow:none;box-shadow:none}.ai-wrap .ai-control-wrap-controls{position:relative;width:100%}.ai-wrap .ai-audio-controls-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:16px}.ai-wrap .ai-audio-control{width:50px;height:50px;border-radius:50%;display:block;-webkit-box-flex:0;-ms-flex:none;flex:none;vertical-align:middle;color:#fff;background-color:#f70f5d;opacity:1;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease;padding:0;position:relative}.ai-wrap .ai-audio-control:hover,.ai-wrap .ai-audio-control:focus{border:0;background-color:#f70f5d}.ai-wrap .ai-audio-control:focus,.ai-wrap .ai-audio-control:active{outline:0}.ai-wrap .ai-audio-control.ai-audio-playing svg{left:0}.ai-wrap .ai-audio-control svg{fill:#fff;height:16px;position:relative;left:2px;top:1px}.ai-wrap .ai-track-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-left:20px;-webkit-box-flex:1;-ms-flex:auto;flex:auto;width:0}.ai-wrap .ai-track-title{margin:0 0 4px;line-height:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:20px}.ai-wrap .ai-track-title span{opacity:1;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease}.ai-wrap .ai-track-subtitle{margin:0;line-height:normal;opacity:.7;font-size:.8125em}.ai-wrap .ai-track-subtitle span{opacity:1;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease}.ai-wrap .ai-audio-controls-progress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:15px}.ai-wrap .ai-track-progress-bar{display:block;-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;height:5px;cursor:pointer;background-color:#3e3e3e}.ai-wrap .ai-track .ai-track-progress-bar{position:absolute;top:auto;bottom:0;left:0;width:100%;height:3px;background-color:rgba(0,0,0,0)}.ai-wrap .ai-track .ai-track-progress-bar:hover{background-color:rgba(255,255,255,.3)}.ai-wrap .ai-track-progress{position:absolute;top:0;left:0;height:100%;pointer-events:none;background-color:#f70f5d;-webkit-transition:width .28s ease;transition:width .28s ease}.ai-wrap .ai-track .ai-track-progress{background-color:#fff;opacity:.5}.ai-wrap .ai-track-time{-webkit-box-flex:0;-ms-flex:none;flex:none;font-size:13px;opacity:.7;width:65px;text-align:right;cursor:pointer}.ai-wrap .ai-audio-volume-control{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ai-wrap .ai-audio-volume-bars{float:left;margin-right:3px;height:34px}.ai-wrap .ai-audio-volume-bars::after{content:"";display:table;clear:both}.ai-wrap .ai-volume-bar{float:left;position:relative;width:4px;height:100%;background-color:#3e3e3e;cursor:pointer;border-right:1px solid #202020}.ai-wrap .ai-volume-bar::before{content:"";position:absolute;bottom:0;left:0;right:0;-webkit-transition:background-color .18s ease;transition:background-color .18s ease}.ai-wrap .ai-volume-bar.ai-volume-bar-active::before{background-color:#f70f5d}.ai-wrap .ai-volume-bar:nth-child(1)::before{height:0%}.ai-wrap .ai-volume-bar:nth-child(2)::before{height:10%}.ai-wrap .ai-volume-bar:nth-child(3)::before{height:20%}.ai-wrap .ai-volume-bar:nth-child(4)::before{height:30%}.ai-wrap .ai-volume-bar:nth-child(5)::before{height:40%}.ai-wrap .ai-volume-bar:nth-child(6)::before{height:50%}.ai-wrap .ai-volume-bar:nth-child(7)::before{height:60%}.ai-wrap .ai-volume-bar:nth-child(8)::before{height:70%}.ai-wrap .ai-volume-bar:nth-child(9)::before{height:80%}.ai-wrap .ai-volume-bar:nth-child(10)::before{height:90%}.ai-wrap .ai-volume-bar:nth-child(11)::before{height:100%}.ai-wrap .ai-audio-volume-control-btns{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.ai-wrap .ai-audio-volume-control-btns .ai-btn{height:50%;font-size:10px}.ai-wrap .ai-audio-volume-control-btns .ai-btn:first-child{margin-bottom:1px}.ai-wrap .ai-audio-volume-control-btns .ai-btn:last-child{margin-top:1px}.ai-wrap .ai-audio-volume-control-btns .ai-btn svg{height:6px}.ai-wrap .ai-audio-controls-meta{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;opacity:1;-webkit-transition:opacity .36s ease;transition:opacity .36s ease}.ai-wrap .ai-audio-controls-meta::after{content:"";display:table;clear:both}.ai-wrap .ai-audio-controls-meta .ai-btn{margin-right:4px}.ai-wrap .ai-btn{width:32px;height:34px;font-size:14px;padding:0;background-image:none;background-color:#3e3e3e;color:#fff;-webkit-transition:color .18s ease;transition:color .18s ease;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;font-style:normal;text-transform:none}.ai-wrap .ai-btn svg{position:relative;fill:#fff;height:10px;-webkit-transition:fill .18s ease;transition:fill .18s ease}.ai-wrap .ai-btn:hover{background-color:#3e3e3e;border:0}.ai-wrap .ai-btn.ai-btn-active{color:#fff;background-color:#f70f5d}.ai-wrap .ai-btn.ai-btn-active svg{fill:#fff}.ai-wrap .ai-btn-repeat svg{height:17px;top:2px}.ai-wrap .ai-btn-shuffle svg{height:14px;top:2px;left:-1px}.ai-wrap .ai-tracklist-toggle{margin-left:auto;margin-right:0}.ai-wrap .ai-tracklist-toggle svg{height:16px;top:2px}.ai-wrap .ai-btn-skip-position,.ai-wrap .ai-btn-playback-rate{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11px;font-weight:bold;letter-spacing:-0.05em}.ai-wrap .ai-tracklist-wrap{opacity:1;-webkit-transition:opacity 1.5s ease;transition:opacity 1.5s ease}.ai-wrap .ai-tracklist-open{margin-top:20px}.ai-wrap .ai-tracklist-open+.ai-footer{margin-top:-1px;border-top:0}.ai-wrap .ai-tracklist{margin:0;padding:0;list-style:none}.ai-wrap .ai-track{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin:0 0 1px;padding:0;list-style:none;height:40px;cursor:pointer;background-color:#3e3e3e;-webkit-transition:background-color .18s ease;transition:background-color .18s ease}.ai-wrap .ai-track:hover,.ai-wrap .ai-track.ai-track-active{background-color:#f70f5d;color:#fff}.ai-wrap .ai-track:hover .ai-track-btn,.ai-wrap .ai-track.ai-track-active .ai-track-btn{color:#fff}.ai-wrap .ai-track:hover .ai-track-btn svg,.ai-wrap .ai-track.ai-track-active .ai-track-btn svg{fill:#fff}.ai-wrap .ai-track-control{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;border-left:1px solid #202020}.ai-wrap .ai-track-control:first-child{border-left:0}.ai-wrap .ai-track-thumb{display:inline-block;width:40px;max-height:100%;margin:0;overflow:hidden}.ai-wrap .ai-track-thumb img{width:40px;max-height:100%;-webkit-box-shadow:none;box-shadow:none;border:0;margin:0}.ai-wrap .ai-track-no-thumb{display:block;width:130px;height:130px;line-height:150px;text-align:center;background-color:#3e3e3e}.ai-wrap .ai-track-no-thumb svg{fill:#fff;height:40px;opacity:.6}.ai-wrap .ai-track-no-thumb.ai-track-thumb{width:40px;height:40px;line-height:50px}.ai-wrap .ai-track-no-thumb.ai-track-thumb svg{height:16px}.ai-wrap .ai-track-name{display:inline-block;padding:0 10px;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:normal}.ai-wrap .ai-track-control-buttons{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ai-wrap .ai-track-btn{display:inline-block;width:40px;height:40px;text-align:center;font-size:13px;line-height:40px;-webkit-box-shadow:none;box-shadow:none;border:0;border-left:1px solid #202020;color:#fff;background:none;cursor:pointer;margin:0;padding:0}.ai-wrap .ai-track-btn svg{position:relative;fill:#fff;height:15px;-webkit-transition:fill .18s ease;transition:fill .18s ease;top:3px}.ai-wrap .ai-track-btn-repeat:hover span{opacity:1 !important}.ai-wrap .ai-track-inline-play-btn{position:relative}.ai-wrap .ai-track-inline-play-btn:first-child{border-left:0}.ai-wrap .ai-track-inline-play-btn.ai-is-loading svg{opacity:0}.ai-wrap .ai-player-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;line-height:normal;grid-gap:10px;margin-top:20px}.ai-wrap .ai-player-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;grid-gap:6px;font-size:13px;color:currentColor;width:auto;padding-left:15px;padding-right:15px}.ai-wrap .ai-player-button-icon-only{padding:0;width:32px}.ai-wrap .ai-player-button-icon{width:18px;height:18px;display:block}.ai-wrap .ai-player-button-icon svg{width:100%;height:100%;fill:currentColor}.ai-wrap .ai-player-button-icon svg rect,.ai-wrap .ai-player-button-icon svg path{fill:currentColor}.ai-wrap .ai-footer{border-top:1px solid #3e3e3e;margin-top:20px;padding-top:20px;text-align:center;font-size:11px}.ai-wrap .ai-footer a{color:#f70f5d;text-decoration:none;-webkit-box-shadow:none;box-shadow:none;border:0;opacity:1}.ai-wrap .ai-footer a:hover{color:#f70f5d;border:0;opacity:1}.ai-wrap .ai-footer p{opacity:.7;margin:0;font-size:12px}.ai-wrap.ai-is-loading .ai-track-title{position:relative}.ai-wrap.ai-is-loading .ai-track-title span{opacity:0}.ai-wrap.ai-is-loading .ai-track-title::after{content:"";width:140px;height:8px;background:-webkit-gradient(linear, left top, right top, color-stop(8%, #3e3e3e), color-stop(18%, #4d4d4d), color-stop(33%, #3e3e3e));background:linear-gradient(to right, #3e3e3e 8%, #4d4d4d 18%, #3e3e3e 33%);background-size:500px;position:absolute;top:-10px;left:0;opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:backgroundPosition;animation-name:backgroundPosition;-webkit-animation-timing-function:linear;animation-timing-function:linear}.ai-wrap.ai-is-loading .ai-track-subtitle{position:relative}.ai-wrap.ai-is-loading .ai-track-subtitle span{opacity:0}.ai-wrap.ai-is-loading .ai-track-subtitle::after{content:"";width:100px;height:6px;background:-webkit-gradient(linear, left top, right top, color-stop(8%, #3e3e3e), color-stop(18%, #4d4d4d), color-stop(33%, #3e3e3e));background:linear-gradient(to right, #3e3e3e 8%, #4d4d4d 18%, #3e3e3e 33%);background-size:500px;position:absolute;top:2px;left:0;opacity:1;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:backgroundPosition;animation-name:backgroundPosition;-webkit-animation-timing-function:linear;animation-timing-function:linear}.ai-wrap.ai-is-loading .ai-audio-controls-meta{opacity:0}.ai-wrap.ai-is-loading .ai-audio-control{opacity:.5}.ai-wrap.ai-is-loading .ai-control-wrap-thumb::after{opacity:1}.ai-wrap.ai-is-loading .ai-tracklist-wrap{opacity:1}.ai-wrap .ai-tracklist-enter{opacity:0}.ai-wrap .ai-tracklist-enter.ai-tracklist-enter-active{opacity:1;-webkit-transition:opacity .5s ease-in;transition:opacity .5s ease-in}.ai-wrap .ai-scroll-wrap .ai-tracklist{margin-right:15px}.ai-wrap .ai-scroll-wrap>div:last-child{top:0 !important;bottom:0 !important;background-color:rgba(62,62,62,.5)}.ai-wrap .ai-scroll-wrap>div:last-child div{background-color:#f70f5d !important}.ai-wrap.ai-type-global-footer{width:100%;position:fixed;bottom:0;left:0;right:0;padding:0;margin:0;z-index:999}.ai-wrap.ai-type-global-footer .ai-control-wrap{min-height:70px}.ai-wrap.ai-type-global-footer .ai-control-wrap-thumb{width:80px;height:80px;margin:0;line-height:115px}.ai-wrap.ai-type-global-footer .ai-control-wrap-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.ai-wrap.ai-type-global-footer .ai-audio-controls-main{padding:0 25px;margin:0;-webkit-box-flex:1;-ms-flex:auto;flex:auto}.ai-wrap.ai-type-global-footer .ai-audio-controls-meta{width:auto;margin-left:20px;-webkit-box-flex:0;-ms-flex:none;flex:none}.ai-wrap.ai-type-global-footer .ai-audio-controls-meta-right{margin-left:auto}.ai-wrap.ai-type-global-footer .ai-track-progress-bar{-webkit-box-flex:initial;-ms-flex:initial;flex:initial}.ai-wrap.ai-type-global-footer .ai-tracklist-toggle{margin-left:15px}.ai-wrap.ai-type-global-footer .ai-audio-controls-progress{margin-bottom:0}.ai-wrap.ai-type-global-footer .ai-tracklist-wrap{position:absolute;bottom:100%;width:100%;padding:20px;background-color:inherit;margin:0}.ai-control-spinner{border-radius:50%;position:absolute;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);font-size:10px;text-indent:-9999em;border-top:5px solid rgba(255,255,255,.2);border-right:5px solid rgba(255,255,255,.2);border-bottom:5px solid rgba(255,255,255,.2);border-left:5px solid currentColor;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:ai-spin 1.1s infinite linear;animation:ai-spin 1.1s infinite linear;z-index:1;opacity:0;-webkit-transition:opacity .18s ease;transition:opacity .18s ease;-webkit-transition-delay:.2s;transition-delay:.2s}.ai-audio-loading .ai-control-spinner{opacity:.8}.ai-control-spinner::after{border-radius:50%;position:absolute;width:100%;height:100%}.ai-track-spinner{border-radius:50%;position:absolute;top:50%;left:50%;margin-left:-10px !important;margin-top:-10px !important;width:20px;height:20px;font-size:10px;text-indent:-9999em;border-top:3px solid rgba(255,255,255,.2);border-right:3px solid rgba(255,255,255,.2);border-bottom:3px solid rgba(255,255,255,.2);border-left:3px solid currentColor;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:ai-spin 1.1s infinite linear;animation:ai-spin 1.1s infinite linear;z-index:1;opacity:0}.ai-track-loading .ai-track-spinner{opacity:.8}.ai-track-spinner::after{border-radius:50%;position:absolute;width:100%;height:100%}.ReactModal__Body--open{overflow:hidden}.ai-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background-color:rgba(0,0,0,.3)}.ai-modal{position:absolute;top:40px;width:460px;max-width:calc(100% - 30px);left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#fff;color:#000;border-radius:4px;border:1px solid rgba(62,62,62,.4);outline:0;max-height:calc(100vh - 50px);overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.ai-modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5px;margin-bottom:10px}.ai-modal-dismiss{display:inline-block;font-weight:normal;margin:0;padding:0;line-height:normal;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-shadow:none;box-shadow:none;vertical-align:middle;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:0;min-width:0;max-width:100%;min-height:0;width:auto;height:auto;background-image:none;background-color:rgba(0,0,0,0);font-size:30px;margin-left:auto;padding-left:5px;padding-right:5px;line-height:1;color:#000}.ai-modal-dismiss::before,.ai-modal-dismiss::after{display:none}.ai-modal-dismiss:hover,.ai-modal-dismiss:active,.ai-modal-dismiss:focus{background:none;-webkit-box-shadow:none;box-shadow:none;border:0;color:#000}.ai-modal-content{padding:0 20px 20px;white-space:pre-wrap}.ai-with-typography{font-family:sans-serif;font-weight:normal;line-height:normal;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ai-with-typography .ai-track-subtitle{font-size:13px}.ai-with-typography .ai-track-title{font-size:16px}.ai-modal-with-typography{font-family:sans-serif;font-weight:normal;font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.45;letter-spacing:0}.ai-narrow .ai-control-wrap{height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.ai-narrow .ai-control-wrap-thumb{width:100%;margin:0 0 20px}.ai-narrow .ai-audio-controls-meta{position:relative}.ai-narrow .ai-track-thumb{display:none}@media(max-width: 767px){.ai-wrap.ai-type-global-footer .ai-track-time,.ai-wrap.ai-type-global-footer .ai-thumb,.ai-wrap.ai-type-global-footer .ai-btn-repeat,.ai-wrap.ai-type-global-footer .ai-audio-volume-control,.ai-wrap.ai-type-global-footer .ai-btn-skip-position{display:none}.ai-wrap.ai-type-global-footer .ai-track-title{font-size:15px}.ai-wrap.ai-type-global-footer .ai-audio-controls-main{padding-left:10px;padding-right:10px}.ai-wrap.ai-type-global-footer .ai-track-info{padding-left:10px}.ai-wrap.ai-type-global-footer .ai-audio-controls-meta{margin-left:10px}.ai-wrap .ai-audio-volume-control .ai-btn{display:none}}@media(max-width: 480px){.ai-wrap .ai-control-wrap{height:auto;-ms-flex-wrap:wrap;flex-wrap:wrap}.ai-wrap .ai-control-wrap-thumb{width:100%;margin:0 0 20px}.ai-wrap .ai-audio-controls-meta{position:relative}.ai-wrap .ai-audio-volume-control{display:none}.ai-wrap .ai-scroll-wrap .ai-tracklist{margin-right:0}}@media(max-width: 320px){.ai-wrap .ai-track-thumb{display:none}}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
a img {
border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
} @media(min-width: 769px){
.row-ictag {
margin-bottom: 2em !important;
display: flex;
justify-content: space-between;
}
.col-ictag {
flex-basis: 20%;
}
.col-ictag a {
width: 100%;
}
}
@media screen and (max-width: 767px) {
html {
font-size: 14px;
line-height: 1.5;
color: #333333;
overflow-x: hidden;
}
html body .container {
margin: auto;
width: 100%;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html body .container .pc-only {
display: none;
}
html body .clearfix {
*zoom: 1;
}
html body .clearfix:after {
content: "";
display: table;
clear: both;
}
html body a {
color: #2F5798;
text-decoration: underline;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
html body a:hover {
opacity: 0.7;
}
html body img {
width: auto;
height: auto;
max-width: 100%;
}
}
@media print, screen and (min-width: 768px) {
html {
font-size: 14px;
line-height: 1.5;
color: #333333;
}
html body .container {
margin: auto;
padding: 0;
width: 960px;
}
html body .container .sp-only {
display: none;
}
html body .clearfix {
*zoom: 1;
}
html body .clearfix:after {
content: "";
display: table;
clear: both;
}
html body a {
color: #2F5798;
text-decoration: underline;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
html body a:hover {
opacity: 0.7;
}
html body img {
width: auto;
height: auto;
max-width: 100%;
}
} @media screen and (max-width: 767px) {
.button {
display: block;
position: relative;
z-index: 2;
background-color: #fff;
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow07.png);
background-repeat: no-repeat;
background-position: right 10px top 50%;
border: 1px solid #2F5799;
color: #2F5799;
padding: 15px 0;
text-decoration: none;
text-align: center;
font-size: 1rem;
overflow: hidden;
}
.button > .style2-inner {
display: block;
height: auto;
line-height: 1.5;
text-align: left;
padding-left: 20%;
}
.button:hover {
display: block;
color: #fff;
text-decoration: none;
}
.button::before {
content: '';
position: absolute;
z-index: -1;
display: block;
top: -100%;
width: 100%;
height: 100%;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-ms-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
background-color: #2f5799;
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow09.png);
background-position: right 10px top 50%;
background-repeat: no-repeat;
}
.button:hover::before {
content: '';
position: absolute;
z-index: -1;
display: block;
top: 0;
background-color: #2f5799;
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow09.png);
background-position: right 10px top 50%;
background-repeat: no-repeat;
}
.headline-has-breadcrumb {
padding-top: 40px !important;
}
html body .section-line {
border-bottom: 1px solid #2f5799;
margin-bottom: 20px;
}
html body .section-box {
padding-bottom: 20px;
border-bottom: 1px solid #2f5799;
margin-bottom: 20px;
}
.general-breadcrumb {
background: #eee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
width: calc(100% - 20px);
margin: 0 10px;
padding: 4px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 80px;
left: 0px;
}
.uc.general-breadcrumb {
top: -10px;
}
.general-breadcrumb a {
font-size: 12px;
color: #2F5799;
text-decoration: underline;
}
.general-breadcrumb a::after {
display: inline-block;
margin: 0 2px 0 6px;
content: ">";
color: #000;
text-decoration: none;
}
.general-breadcrumb span.last {
font-size: 11px;
}
header:not(.home-header) + * {
margin-top: 40px !important;
}
header .container {
position: relative;
}
header .container h1 {
position: absolute;
top: 0;
left: 20px;
z-index: 500;
width: 82px;
height: 65px;
padding: 10px;
background: #fff;
}
header .container h1 a img {
width: 100%;
}
header .container .global-nav {
position: fixed;
top: 0;
right: 0;
z-index: 1000;
width: 100%;
line-height: 1;
}
header .container .global-nav .menu-trigger,
header .container .global-nav .menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
header .container .global-nav .menu-trigger {
z-index: 1000;
position: fixed;
top: 10px;
right: 20px;
width: 42.5px;
height: 42.5px;
background: #2C528D;
color: #fff;
font-size: 0.833rem;
text-decoration: none;
text-align: center;
padding-top: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .container .global-nav .menu-trigger span {
position: absolute;
left: 10%;
width: 80%;
height: 2px;
background-color: #fff;
border-radius: 4px;
}
header .container .global-nav .menu-trigger span:nth-of-type(1) {
bottom: 23px;
}
header .container .global-nav .menu-trigger span:nth-of-type(2) {
bottom: 15px;
}
header .container .global-nav .menu-trigger span:nth-of-type(3) {
bottom: 7px;
}
header .container .global-nav .menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(9px) rotate(-45deg);
transform: translateY(9px) rotate(-45deg);
}
header .container .global-nav .menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
header .container .global-nav .menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(45deg);
transform: translateY(-9px) rotate(45deg);
}
header .container .global-nav ul {
position: absolute;
top: 0;
right: -100vh;
width: 90%;
background: #fff;
}
header .container .global-nav ul li {
float: right;
width: 100%;
border-left: 1px solid #7Ca2cD;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .container .global-nav ul li:not(:last-child) {
border-bottom: 1px solid #7Ca2cD;
}
header .container .global-nav ul li a {
display: block;
width: 100%;
height: 60px;
padding-top: 10px;
text-align: center;
text-decoration: none;
font-size: 1rem;
color: #000;
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow02.png);
background-position: left 50% bottom 4px;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .container .global-nav ul li a small {
position: relative;
top: 5px;
display: block;
font-size: 0.71428rem;
}
header .container .global-nav ul li:nth-child(7) a, header .container .global-nav ul li:nth-child(8) a {
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow03.png);
background-color: #6699cc;
color: #fff;
}
header .container .header-nav {
display: none;
}
header .header-nav-background {
display: none;
position: fixed;
top: 0;
right: 0;
z-index: 800;
background: rgba(0, 0, 0, 0.7);
width: 100vw;
height: 100vh;
}
ol {
margin-left: 20px;
list-style-type: decimal;
}
ol li {
margin-bottom: 4px;
font-size: 1.15rem;
}
ol + .message {
margin-bottom: 30px;
}
.keyvisual .bx-wrapper {
padding: 0;
border: 0;
margin-bottom: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.keyvisual ul li {
position: relative;
width: 100%;
}
.keyvisual ul li .container {
padding: 0;
}
.keyvisual ul li h2 {
z-index: 20;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.keyvisual ul li h2.style01 {
width: 80%;
height: 30vh;
line-height: 1.2;
padding-top: 5vh;
font-size: 4rem;
text-align: center;
background-color: rgba(255, 255, 255, 0.5);
color: #000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.keyvisual ul li h2.style01 small {
display: block;
margin-top: 10px;
font-size: 1.42rem;
color: #000;
}
.keyvisual ul li h2.style01 small span {
margin-top: 10px;
display: block;
color: #000;
}
.keyvisual ul li h2.style02 {
width: 100%;
height: 18vh;
font-size: 1.5rem;
text-align: center;
color: #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.3;
}
.keyvisual ul li h2.style02 small span {
margin-top: 10px;
display: block;
font-size: 1.42rem;
color: #fff;
}
footer .footer-banner {
position: relative;
margin-bottom: 60px;
}
footer .footer-banner .container {
position: relative;
min-width: 1px;
}
footer .footer-banner .container a.banner {
display: none;
}
footer .footer-banner .container a.pagetop {
position: fixed;
bottom: 20px;
right: 20px;
}
footer .footer-summary {
padding: 20px 10px 30px;
background-color: #2f5799;
box-sizing: border-box;
width: 100%;
}
footer .footer-summary .footer-logo {
text-align: left;
}
footer .footer-summary .company-information p {
color: #fff;
}
footer .footer-nav {
display: none;
}
footer .copyright {
width: 100%;
background-color: #fff;
}
footer .copyright p {
height: 32px;
line-height: 32px;
text-align: left;
font-size: 0.7142rem;
}
.btn h3 {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn:hover {
border: none;
}
.btn:hover h3 {
padding: 1px 0;
border: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn:hover .line-1 {
animation: move1 1500ms infinite ease;
}
.btn:hover .line-2 {
animation: move2 1500ms infinite ease;
}
.btn:hover .line-3 {
animation: move3 1500ms infinite ease;
}
.btn:hover .line-4 {
animation: move4 1500ms infinite ease;
}
.btn .line-1 {
content: "";
display: block;
position: absolute;
width: 1px;
background-color: white;
left: 0;
bottom: 0;
}
.btn .line-2 {
content: "";
display: block;
position: absolute;
height: 1px;
background-color: white;
left: 0;
top: 0;
}
.btn .line-3 {
content: "";
display: block;
position: absolute;
width: 1px;
background-color: white;
right: 0;
top: 0;
}
.btn .line-4 {
content: "";
display: block;
position: absolute;
height: 1px;
background-color: white;
right: 0;
bottom: 0;
}
@keyframes move1 {
0% {
height: 100%;
bottom: 0;
}
54% {
height: 0;
bottom: 100%;
}
55% {
height: 0;
bottom: 0;
}
100% {
height: 100%;
bottom: 0;
}
}
@keyframes move2 {
0% {
width: 0;
left: 0;
}
50% {
width: 100%;
left: 0;
}
100% {
width: 0;
left: 100%;
}
}
@keyframes move3 {
0% {
height: 100%;
top: 0;
}
54% {
height: 0;
top: 100%;
}
55% {
height: 0;
top: 0;
}
100% {
height: 100%;
top: 0;
}
}
@keyframes move4 {
0% {
width: 0;
right: 0;
}
55% {
width: 100%;
right: 0;
}
100% {
width: 0;
right: 100%;
}
}
.page-headline {
position: relative;
padding: 0 0 75px;
}
.page-headline.newsdetail {
padding: 0 0 80px;
}
.page-headline .container {
position: relative;
}
.page-headline h2 {
text-align: center;
font-size: 1.5rem;
color: #2F5798;
}
.page-headline h2 small {
display: block;
font-size: 1rem;
color: #000;
}
.section-headline {
margin-top: 10px;
margin-bottom: 5px;
}
.section-headline h3 {
font-size: 1.2rem;
color: #2F5798;
}
.section-headline h3 small {
display: inline-block;
margin-left: 10px;
font-size: 0.8rem;
color: #000;
}
.readcopy.style1 {
margin-bottom: 15px;
padding: 15px 0;
border: 5px solid #C9C9C9;
text-align: center;
}
.readcopy.style1 em {
font-size: 1.15rem;
color: #2F5798;
}
.readcopy.style1 h4 {
margin-bottom: 20px;
font-size: 1rem;
color: #2F5798;
text-align: center;
}
.readcopy.style1 h4:not(:first-child) {
margin-top: 30px;
}
.readcopy.style1 p.auther {
font-size: 0.8rem;
line-height: 1.8;
padding: 0 15px;
text-align: right;
}
.readcopy.style1 p:not(.auther) {
font-size: 0.8rem;
line-height: 1.8;
padding: 0 15px;
text-align: left;
}
.readcopy.style2 {
font-size: 1.142rem;
margin-bottom: 25px;
}
.bodycopy {
margin-bottom: 30px;
font-size: 1rem;
line-height: 1.8;
}
.production .bodycopy b {
font-size: 1.2rem;
}
.sub-section-headline.style1 {
margin-top: 30px;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #989898;
}
.sub-section-headline.style1 h4 {
font-size: 1.2rem;
color: #2F5798;
}
.sub-section-headline.style2 {
margin-top: 15px;
margin-bottom: 15px;
padding-top: 10px;
border-top: 1px solid #989898;
}
.sub-section-headline.style2 h4 {
font-size: 1.2rem;
color: #2F5798;
}
.sub-section-headline.style3 {
font-size: 1.2rem;
margin-bottom: 15px;
}
.single-image {
display: block;
margin: 0 auto 10px;
width: auto;
max-width: 100%;
}
aside {
width: 100%;
}
aside h2 {
width: 100%;
height: 50px;
line-height: 50px;
margin-bottom: 15px;
color: #fff;
background: #2F5798 url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow06.png) no-repeat left calc(50% - 46px) top 50%;
text-align: center;
font-size: 1.15rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
aside.report-aside h2 {
background-position: left calc(50% - 65px) top 50%;
}
aside .sub-navigation a {
display: block;
width: 100%;
height: 30px;
line-height: 30px;
padding-left: 20px;
border-bottom: 1px dotted #000;
color: #000;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow01.png) no-repeat 6px 50%;
font-size: 1.15rem;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.message-author {
text-align: right;
margin-bottom: 30px;
}
.message-author img {
max-width: 150px;
height: auto;
}
.search-area {
display: none;
}
}
@media print, screen and (min-width: 768px) {
html body .section-line {
border-bottom: 1px solid #2f5799;
margin-bottom: 20px;
}
html body .section-box {
padding-bottom: 30px;
border-bottom: 1px solid #2f5799;
margin-bottom: 30px;
margin-bottom: 30px;
}
.general-breadcrumb {
position: absolute;
top: -40px;
left: 0px;
}
.general-breadcrumb.style02 {
top: 20px;
}
.general-breadcrumb a {
font-size: 12px;
color: #2F5799;
text-decoration: underline;
}
.general-breadcrumb a::after {
display: inline-block;
margin: 0 2px 0 6px;
content: ">";
color: #000;
text-decoration: none;
}
.general-breadcrumb span.last {
font-size: 12px;
}
header {
position: relative;
height: 150px;
background-color: #fff;
border-bottom: 2px solid #2f5799;
}
header .container {
position: relative;
}
header .container h1 {
float: left;
width: 150px;
padding-top: 35px;
}
header .container h1 a img {
width: 110px;
}
header .container .global-nav {
float: left;
width: 810px;
margin-top: 70px;
line-height: 1;
}
header .container .global-nav ul li {
float: left;
width: 135px;
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .container .global-nav ul li a {
display: block;
width: 110px;
height: 62px;
padding-top: 10px;
text-align: center;
text-decoration: none;
font-size: 1rem;
color: #000;
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow02.png);
background-position: left 50% bottom 4px;
background-repeat: no-repeat;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .container .global-nav ul li a small {
position: relative;
top: 5px;
display: block;
font-size: 0.71428rem;
}
header .container .global-nav ul li:last-child a {
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow03.png);
background-color: #6699cc;
color: #fff;
}
header .container .header-nav {
position: absolute;
top: 0;
right: 0;
z-index: 110;
width: 655px;
background-color: #2f5799;
}
header .container .header-nav ul li {
float: left;
}
header .container .header-nav ul li a {
display: block;
color: #fff;
width: 100%;
height: 40px;
line-height: 40px;
padding-left: 10px;
border-right: 1px solid #fff;
text-decoration: none;
font-size: 0.85714rem;
text-align: center;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow13.png) no-repeat 10px 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .container .header-nav ul li:nth-child(1) {
width: 110px;
}
header .container .header-nav ul li:nth-child(2) {
width: 105px;
}
header .container .header-nav ul li:nth-child(3) {
width: 140px;
}
header .container .header-nav ul li:nth-child(4) {
background: #6698CB;
width: 140px;
}
header .container .header-nav ul li:nth-child(5) {
background: #6698CB;
width: 120px;
}
header .container .header-nav ul li:nth-child(6) {
width: 40px;
border-right: 1px solid #fff;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
header .container .header-nav ul li:nth-child(6) button {
display: block;
width: 40px;
height: 40px;
padding-left: 0;
background: transparent;
border: 0;
text-align: center;
}
header .container .header-nav ul li:nth-child(6) button img {
position: relative;
top: 0px;
left: 2px;
}
header .header-nav-background {
width: 50%;
height: 40px;
position: absolute;
top: 0;
right: 0;
background-color: #2f5799;
}
.search-area {
display: none;
padding: 20px 0;
border-top: 3px solid #2f5799;
background: #666666;
}
.search-area .container {
position: relative;
}
.search-area .container input[type="text"] {
display: block;
width: 90%;
height: 40px;
padding: 0 20px;
margin: auto;
}
.search-area .container input[type="image"] {
position: absolute;
top: 10px;
right: 60px;
}
.keyvisual .bx-wrapper {
padding: 0;
border: 0;
margin-bottom: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.keyvisual ul li {
overflow: hidden;
width: 100%;
height: 450px;
position: relative;
}
.keyvisual ul li img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
margin: auto;
min-width: 1200px;
min-height: 450px;
width: 100%;
height: auto;
}
.keyvisual ul li h2 {
position: relative;
z-index: 20;
width: 100%;
height: 450px;
}
.keyvisual ul li h2.style01 {
line-height: 1.2;
padding-top: 160px;
font-size: 4.285rem;
text-align: center;
color: #000;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-keyvisual01_2.png) no-repeat 50% 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.keyvisual ul li h2.style01 small {
display: block;
margin-top: 10px;
font-size: 1.42rem;
color: #000;
}
.keyvisual ul li h2.style01 small span {
margin-top: 10px;
display: block;
color: #000;
}
.keyvisual ul li h2.style02 {
padding-top: 140px;
font-size: 2.4285rem;
text-align: center;
color: #fff;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-keyvisual02_2.png) no-repeat 50% 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1.3;
}
.keyvisual ul li h2.style02 small span {
margin-top: 10px;
display: block;
font-size: 1.42rem;
color: #fff;
}
footer .footer-banner {
position: relative;
margin-top: 40px;
margin-bottom: 85px;
}
footer .footer-banner .container a.pagetop {
position: fixed;
bottom: 35px;
right: 35px;
}
footer .footer-summary {
background-color: #2f5799;
width: 100%;
height: 115px;
}
footer .footer-summary .footer-logo {
float: left;
width: 120px;
text-align: left;
}
footer .footer-summary .footer-logo img {
position: relative;
top: 25px;
}
footer .footer-summary .company-information {
float: left;
}
footer .footer-summary .company-information p {
position: relative;
top: 25px;
color: #fff;
}
footer .footer-nav {
background-color: #666666;
}
footer .footer-nav .container {
*zoom: 1;
padding: 30px 0;
line-height: 1.8;
}
footer .footer-nav .container:after {
content: "";
display: table;
clear: both;
}
footer .footer-nav .pull-left {
float: left;
width: 33.33%;
}
footer .footer-nav .pull-left > a {
display: block;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow04.png) no-repeat 0 50%;
padding-left: 20px;
color: #fff;
text-decoration: none;
font-size: 0.8571rem;
}
footer .footer-nav .pull-left ul li a {
display: block;
padding-left: 20px;
color: #fff;
text-decoration: none;
font-size: 0.8571rem;
}
footer .footer-nav .pull-center {
float: left;
width: 33.33%;
}
footer .footer-nav .pull-center > a {
display: block;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow04.png) no-repeat 0 50%;
padding-left: 20px;
color: #fff;
text-decoration: none;
font-size: 0.8571rem;
}
footer .footer-nav .pull-center ul li a {
display: block;
padding-left: 20px;
color: #fff;
text-decoration: none;
font-size: 0.8571rem;
}
footer .footer-nav .pull-right {
float: left;
width: 33.33%;
}
footer .footer-nav .pull-right > a {
display: block;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow04.png) no-repeat 0 50%;
padding-left: 20px;
color: #fff;
text-decoration: none;
font-size: 0.8571rem;
}
footer .footer-nav .pull-right ul li a {
display: block;
padding-left: 20px;
color: #fff;
text-decoration: none;
font-size: 0.8571rem;
}
footer .copyright {
width: 100%;
background-color: #fff;
}
footer .copyright p {
height: 40px;
line-height: 40px;
text-align: right;
font-size: 0.7142rem;
}
.btn h3 {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn:hover {
border: none;
}
.btn:hover h3 {
padding: 1px 0;
border: none !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn:hover .line-1 {
animation: move1 1500ms infinite ease;
}
.btn:hover .line-2 {
animation: move2 1500ms infinite ease;
}
.btn:hover .line-3 {
animation: move3 1500ms infinite ease;
}
.btn:hover .line-4 {
animation: move4 1500ms infinite ease;
}
.btn .line-1 {
content: "";
display: block;
position: absolute;
width: 1px;
background-color: white;
left: 0;
bottom: 0;
}
.btn .line-2 {
content: "";
display: block;
position: absolute;
height: 1px;
background-color: white;
left: 0;
top: 0;
}
.btn .line-3 {
content: "";
display: block;
position: absolute;
width: 1px;
background-color: white;
right: 0;
top: 0;
}
.btn .line-4 {
content: "";
display: block;
position: absolute;
height: 1px;
background-color: white;
right: 0;
bottom: 0;
}
@keyframes move1 {
0% {
height: 100%;
bottom: 0;
}
54% {
height: 0;
bottom: 100%;
}
55% {
height: 0;
bottom: 0;
}
100% {
height: 100%;
bottom: 0;
}
}
@keyframes move2 {
0% {
width: 0;
left: 0;
}
50% {
width: 100%;
left: 0;
}
100% {
width: 0;
left: 100%;
}
}
@keyframes move3 {
0% {
height: 100%;
top: 0;
}
54% {
height: 0;
top: 100%;
}
55% {
height: 0;
top: 0;
}
100% {
height: 100%;
top: 0;
}
}
@keyframes move4 {
0% {
width: 0;
right: 0;
}
55% {
width: 100%;
right: 0;
}
100% {
width: 0;
right: 100%;
}
}
.page-headline {
position: relative;
padding: 60px 0;
}
.page-headline .container {
position: relative;
}
.page-headline h2 {
text-align: center;
font-size: 2.14285rem;
color: #2F5798;
}
.page-headline h2 small {
display: block;
font-size: 1.2857rem;
color: #000;
}
main {
float: left;
width: 700px;
}
aside {
float: right;
width: 230px;
}
aside h2 {
width: 100%;
height: 100px;
line-height: 100px;
margin-bottom: 30px;
color: #fff;
background: #2F5798 url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow06.png) no-repeat left calc(50% - 46px) top 50%;
text-align: center;
font-size: 1.15rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
aside.report-aside h2 {
background-position: left calc(50% - 65px) top 50%;
}
aside .sub-navigation a {
position: relative;
display: block;
width: 100%;
height: 50px;
line-height: 50px;
padding-left: 20px;
border-bottom: 1px dotted #000;
color: #000;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow01.png) no-repeat 6px 50%;
font-size: 1.15rem;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.section-headline {
margin-bottom: 20px;
}
.section-headline h3 {
font-size: 1.6428rem;
color: #2F5798;
}
.section-headline h3 small {
display: inline-block;
margin-left: 10px;
font-size: 0.9285rem;
color: #000;
}
.sub-section-headline.style1 {
margin-top: 50px;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #989898;
}
.sub-section-headline.style1 h4 {
font-size: 1.357rem;
color: #2F5798;
}
.sub-section-headline.style2 {
margin-top: 20px;
margin-bottom: 20px;
padding-top: 10px;
border-top: 1px solid #989898;
}
.sub-section-headline.style2 h4 {
font-size: 1.357rem;
color: #2F5798;
}
.sub-section-headline.style3 {
font-size: 1.1428rem;
margin-bottom: 20px;
}
.row {
margin-bottom: 20px;
}
.readcopy.style1 {
margin-bottom: 30px;
padding: 20px 0;
border: 5px solid #C9C9C9;
text-align: center;
}
.readcopy.style1 em {
font-size: 1.4285rem;
color: #2F5798;
}
.readcopy.style1 h4 {
margin-bottom: 20px;
font-size: 1.4285rem;
color: #2F5798;
text-align: center;
}
.readcopy.style1 h4:not(:first-child) {
margin-top: 30px;
}
.readcopy.style1 p.auther {
font-size: 0.9285rem;
line-height: 1.8;
padding: 0 20px;
text-align: right;
}
.readcopy.style1 p:not(.auther) {
font-size: 0.9285rem;
line-height: 1.8;
padding: 0 20px;
text-align: left;
}
.readcopy.style2 {
font-size: 1.142rem;
margin-bottom: 25px;
}
.bodycopy {
margin-bottom: 30px;
font-size: 0.928rem;
line-height: 2.2;
}
.production .bodycopy b {
font-size: 1.2rem;
}
.message-author {
text-align: right;
}
ol {
margin-left: 20px;
list-style-type: decimal;
}
ol li {
margin-bottom: 4px;
font-size: 1.15rem;
}
.row {
*zoom: 1;
}
.row:after {
content: "";
display: table;
clear: both;
}
.button {
-webkit-transition: border 1s;
-moz-transition: border 1s;
-ms-transition: border 1s;
-o-transition: border 1s;
transition: border 1s;
display: block;
position: relative;
z-index: 2;
background-color: #fff;
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow07.png);
background-repeat: no-repeat;
background-position: right 10px top 50%;
border: 1px solid #2F5799;
color: #2F5799;
padding: 15px 0;
text-decoration: none;
text-align: center;
font-size: 1rem;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.button:hover {
display: block;
color: #fff;
text-decoration: none;
border: 1px solid #fff;
}
.button:hover::before {
content: '';
position: absolute;
z-index: -1;
display: block;
top: 0;
background-color: #2f5799;
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow09.png);
background-position: right 10px top 50%;
background-repeat: no-repeat;
}
.button::before {
content: '';
position: absolute;
z-index: -1;
display: block;
top: -105%;
width: 100%;
height: 105%;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
-ms-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
background-color: #2f5799;
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow09.png);
background-position: right 10px top 50%;
background-repeat: no-repeat;
}
.button.style02 {
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow11.png);
background-position: left calc(50% - 70px) top 50%;
}
.button.style02::before {
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow12.png);
background-position: left calc(50% - 70px) top 50%;
}
.button.style02:hover::before {
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow12.png);
background-position: left calc(50% - 70px) top 50%;
}
.button.style02:hover::before {
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow12.png);
background-position: left calc(50% - 70px) top 50%;
}
.button.style03 {
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow09.png);
background-position: right 10px top 50%;
}
.button.style03::before {
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow09.png);
background-position: right 10px top 50%;
}
.button.style03:hover::before {
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow09.png);
background-position: right 10px top 50%;
}
.button.style03:hover::before {
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow09.png);
background-position: right 10px top 50%;
}
.button > .style2-inner {
display: block;
height: auto;
line-height: 1.5;
text-align: left;
padding-left: 20%;
}
}
@media screen and (max-width: 767px) {
.home-topnav {
width: 100%;
border-top: 2px solid #fff;
background-color: #2f5799;
}
.home-topnav .container {
padding: 0 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.home-topnav .container ul {
*zoom: 1;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.home-topnav .container ul:after {
content: "";
display: table;
clear: both;
}
.home-topnav .container ul li {
width: 50%;
float: left;
}
.home-topnav .container ul li a {
display: block;
width: 100%;
height: 140px;
padding-top: 80px;
border-left: 1px solid #fff;
color: #fff;
text-align: center;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.home-topnav .container ul li a.topnav01 {
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-topnav01.png) no-repeat 50% 20px, url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-navigation-background.png) no-repeat left 50% bottom 10px;
-webkit-background-size: 80px, 10px;
background-size: 80px, 10px;
}
.home-topnav .container ul li a.topnav02 {
border-bottom: 1px solid #fff;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-topnav02.png) no-repeat 50% 20px, url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-navigation-background.png) no-repeat left 50% bottom 10px;
-webkit-background-size: 80px, 10px;
background-size: 80px, 10px;
}
.home-topnav .container ul li a.topnav03 {
border-right: 1px solid #fff;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-topnav03.png) no-repeat 50% 20px, url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-navigation-background.png) no-repeat left 50% bottom 10px;
-webkit-background-size: 80px, 10px;
background-size: 80px, 10px;
}
.home-topnav .container ul li a.topnav04 {
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-topnav04.png) no-repeat 50% 20px, url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-navigation-background.png) no-repeat left 50% bottom 10px;
-webkit-background-size: 80px, 10px;
background-size: 80px, 10px;
}
.home-topnav .container ul li a small {
display: block;
font-size: 0.7142rem;
}
.home-pickup .container {
padding: 40px 10px;
margin-bottom: 0;
}
.home-pickup .container h2 {
font-size: 1.642rem;
text-align: center;
color: #2f5799;
}
.home-pickup .container small {
display: block;
margin-bottom: 20px;
font-size: 0.928rem;
text-align: center;
}
.home-pickup .container .home-pickup-contents ul {
*zoom: 1;
margin-bottom: 20px;
}
.home-pickup .container .home-pickup-contents ul:after {
content: "";
display: table;
clear: both;
}
.home-pickup .container .home-pickup-contents ul li {
display: block;
width: 100%;
}
.home-pickup .container .home-pickup-contents ul li a {
position: relative;
display: block;
text-decoration: none;
}
.home-pickup .container .home-pickup-contents ul li a img {
width: 100%;
height: auto;
}
.home-pickup .container .home-pickup-contents ul li a .product-name-ja {
margin-top: 5px;
margin-bottom: 15px;
color: #2f5799;
text-align: center;
font-size: 1.285rem;
}
.home-pickup .container .home-pickup-contents .more-btn {
display: block;
width: 310px;
margin: auto;
text-align: center;
text-decoration: none;
font-size: 1.1428rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.home-news-and-recruit {
*zoom: 1;
}
.home-news-and-recruit:after {
content: "";
display: table;
clear: both;
}
.home-news-and-recruit .home-news {
position: relative;
width: 100%;
padding: 20px 0;
}
.home-news-and-recruit .home-news h2 {
display: block;
color: #2f5799;
font-size: 1.916rem;
margin-bottom: 20px;
text-align: center;
}
.home-news-and-recruit .home-news h2 small {
display: block;
position: relative;
top: -3px;
color: #333333;
font-size: 1rem;
text-align: center;
}
.home-news-and-recruit .home-news ul li {
border-bottom: 1px solid #CACACA;
}
.home-news-and-recruit .home-news ul li a {
*zoom: 1;
display: block;
padding: 20px 0;
color: #000;
}
.home-news-and-recruit .home-news ul li a:after {
content: "";
display: table;
clear: both;
}
.home-news-and-recruit .home-news ul li a .news-date {
float: left;
width: 80px;
text-align: center;
}
.home-news-and-recruit .home-news ul li a .news-category {
display: none;
float: left;
width: 100px;
border: 1px solid #6699cc;
color: #6699cc;
margin-left: 30px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.home-news-and-recruit .home-news ul li a .news-title {
float: right;
width: calc(100% - 110px);
margin-left: 30px;
}
.home-news-and-recruit .home-news .news-archive-link {
position: absolute;
right: 10px;
bottom: -10px;
padding-left: 20px;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow05.png) no-repeat 0 45%;
text-decoration: none;
color: #333333;
}
.home-news-and-recruit .home-recruit {
position: relative;
float: right;
width: 100%;
padding: 50px 0 0;
box-sizing: border-box;
}
.home-news-and-recruit .home-recruit h2 {
display: block;
color: #2f5799;
font-size: 1.916rem;
margin-bottom: 20px;
text-align: center;
}
.home-news-and-recruit .home-recruit h2 small {
display: block;
position: relative;
top: -3px;
color: #333333;
font-size: 1rem;
text-align: center;
}
.home-news-and-recruit .home-recruit .home-recruit-catch-image {
display: block;
padding-bottom: 10px;
margin-bottom: 20px;
text-decoration: none;
color: #333333;
font-size: 0.85rem;
border: 1px solid #979797;
}
.home-news-and-recruit .home-recruit .home-recruit-catch-image img {
display: block;
margin-bottom: 10px;
width: 100%;
}
.home-news-and-recruit .home-recruit .home-recruit-catch-image em {
font-size: 1.2rem;
color: #2f5799;
margin: 0 10px;
}
.home-news-and-recruit .home-recruit .home-recruit-banner {
display: block;
margin-bottom: 10px;
}
.home-news-and-recruit .home-recruit .home-recruit-banner img {
display: block;
width: 100%;
height: auto;
}
}
@media print, screen and (min-width: 768px) {
.home-topnav {
width: 100%;
border-top: 2px solid #fff;
background-color: #2f5799;
}
.home-topnav .container ul {
*zoom: 1;
}
.home-topnav .container ul:after {
content: "";
display: table;
clear: both;
}
.home-topnav .container ul li {
width: 25%;
float: left;
}
.home-topnav .container ul li a {
display: block;
width: 100%;
height: 140px;
padding-top: 80px;
border-left: 1px solid #fff;
color: #fff;
text-align: center;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.home-topnav .container ul li a:last-child {
border-right: 1px solid #fff;
}
.home-topnav .container ul li a.topnav01 {
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-topnav01.png) no-repeat 50% 20px, url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-navigation-background.png) no-repeat left 50% bottom 10px;
-webkit-background-size: 80px, 10px;
background-size: 80px, 10px;
}
.home-topnav .container ul li a.topnav02 {
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-topnav02.png) no-repeat 50% 20px, url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-navigation-background.png) no-repeat left 50% bottom 10px;
-webkit-background-size: 80px, 10px;
background-size: 80px, 10px;
}
.home-topnav .container ul li a.topnav03 {
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-topnav03.png) no-repeat 50% 20px, url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-navigation-background.png) no-repeat left 50% bottom 10px;
-webkit-background-size: 80px, 10px;
background-size: 80px, 10px;
}
.home-topnav .container ul li a.topnav04 {
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-topnav04.png) no-repeat 50% 20px, url(//www.sealex.com/wp/wp-content/themes/sealex/images/home-navigation-background.png) no-repeat left 50% bottom 10px;
-webkit-background-size: 80px, 10px;
background-size: 80px, 10px;
}
.home-topnav .container ul li a small {
display: block;
font-size: 0.7142rem;
}
.home-pickup .container {
padding: 40px 0;
}
.home-pickup .container h2 {
font-size: 1.642rem;
text-align: center;
color: #2f5799;
}
.home-pickup .container small {
display: block;
margin-bottom: 20px;
font-size: 0.928rem;
text-align: center;
}
.production-pickup h2 {
font-size: 1.642rem;
text-align: center;
color: #2f5799;
}
.production-pickup small {
display: block;
margin-bottom: 20px;
font-size: 0.928rem;
text-align: center;
}
.home-pickup .container .home-pickup-contents ul {
*zoom: 1;
margin-bottom: 20px;
}
.home-pickup .container .home-pickup-contents ul:after {
content: "";
display: table;
clear: both;
}
.home-pickup .container .home-pickup-contents ul li {
float: left;
width: 310px;
}
.home-pickup .container .home-pickup-contents ul li:not(:last-child) {
margin-right: 15px;
}
.home-pickup .container .home-pickup-contents ul li:nth-child(1) a {
display: block;
margin-bottom: 10px;
}
.home-pickup .container .home-pickup-contents ul li:nth-child(2) a {
display: block;
margin-bottom: 10px;
}
.home-pickup .container .home-pickup-contents ul li:nth-child(3) a {
display: block;
}
.home-pickup .container .home-pickup-contents ul li a {
position: relative;
display: block;
text-decoration: none;
}
.home-pickup .container .home-pickup-contents ul li a img {
width: 100%;
height: auto;
}
.home-pickup .container .home-pickup-contents ul li a .product-name-ja {
margin-top: 5px;
color: #2f5799;
text-align: center;
font-size: 1.285rem;
}
.home-pickup .container .home-pickup-contents .more-btn {
display: block;
width: 310px;
margin: auto;
text-align: center;
text-decoration: none;
font-size: 1.1428rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.home-news-and-recruit {
*zoom: 1;
margin-bottom: 20px;
}
.home-news-and-recruit:after {
content: "";
display: table;
clear: both;
}
.home-news-and-recruit .home-news {
position: relative;
float: left;
width: 700px;
padding: 50px 0;
}
.home-news-and-recruit .home-news h2 {
color: #2f5799;
font-size: 1.916rem;
margin-bottom: 20px;
}
.home-news-and-recruit .home-news h2 small {
position: relative;
top: -3px;
margin-left: 20px;
color: #333333;
font-size: 1rem;
}
.home-news-and-recruit .home-news ul li {
border-bottom: 1px solid #CACACA;
}
.home-news-and-recruit .home-news ul li a {
*zoom: 1;
display: block;
padding: 20px 0;
color: #000;
}
.home-news-and-recruit .home-news ul li a:after {
content: "";
display: table;
clear: both;
}
.home-news-and-recruit .home-news ul li a .news-date {
float: left;
width: 80px;
text-align: center;
}
.home-news-and-recruit .home-news ul li a .news-category {
float: left;
width: 100px;
border: 1px solid #6699cc;
color: #6699cc;
margin-left: 30px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.home-news-and-recruit .home-news ul li a .news-title {
float: right;
width: calc(100% - 240px);
margin-left: 30px;
}
.home-news-and-recruit .home-news .news-archive-link {
position: absolute;
right: 10px;
bottom: 20px;
padding-left: 20px;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow05.png) no-repeat 0 45%;
text-decoration: none;
color: #333333;
}
.home-news-and-recruit .home-recruit {
position: relative;
float: right;
width: 240px;
padding: 50px 0 0;
}
.home-news-and-recruit .home-recruit h2 {
color: #2f5799;
font-size: 1.916rem;
margin-bottom: 20px;
}
.home-news-and-recruit .home-recruit h2 small {
position: relative;
top: -3px;
margin-left: 20px;
color: #333333;
font-size: 1rem;
}
.home-news-and-recruit .home-recruit .home-recruit-catch-image {
display: block;
padding-bottom: 10px;
margin-bottom: 20px;
text-decoration: none;
color: #333333;
font-size: 0.85rem;
border: 1px solid #979797;
}
.home-news-and-recruit .home-recruit .home-recruit-catch-image img {
display: block;
margin-bottom: 10px;
width: 100%;
}
.home-news-and-recruit .home-recruit .home-recruit-catch-image em {
font-size: 1.2rem;
color: #2f5799;
margin: 0 10px;
}
.home-news-and-recruit .home-recruit .home-recruit-banner {
display: block;
margin-bottom: 20px;
}
.home-news-and-recruit .home-recruit .home-recruit-banner img {
display: block;
width: 100%;
height: auto;
}
}
@media screen and (max-width: 767px) {
.company-history-table {
margin-bottom: 30px;
width: 100%;
}
.company-history-table tr th {
border-top: 1px dotted #989898;
border-bottom: 1px dotted #989898;
font-size: 0.928rem;
vertical-align: top;
}
.company-history-table tr th:nth-child(1) {
width: 90px;
padding: 20px;
}
.company-history-table tr th:nth-child(2) {
width: 60px;
padding: 20px 10px;
}
.company-history-table tr td {
padding: 20px 0;
border-top: 1px dotted #989898;
border-bottom: 1px dotted #989898;
font-size: 0.928rem;
vertical-align: top;
}
.company-history-table tr td img {
display: block;
margin: auto;
}
.company-history-table tr td img:nth-child(1) {
margin-bottom: 15px;
}
.company-table {
width: 100%;
margin-bottom: 15px;
}
.company-table tr:first-child th {
border-top: 1px dotted #989898;
}
.company-table tr th {
display: block;
width: 100%;
font-size: 0.9285rem;
padding: 15px 15px 0;
vertical-align: top;
font-weight: bold;
}
.company-table tr th.va-middle {
vertical-align: middle;
}
.company-table tr td {
display: block;
width: 100%;
font-size: 0.9285rem;
padding: 10px 15px 15px;
border-bottom: 1px dotted #989898;
line-height: 1.8;
}
.company-table tr td .address {
display: block;
}
.company-table b {
color: #2F5798;
}
.management-system-logo {
margin-bottom: 60px;
}
.sites {
padding: 0 10px;
}
.sites .site {
position: relative;
padding-bottom: 20px;
margin-left: 0;
margin-right: 0;
border-bottom: 1px dotted #989898;
}
.sites .site:not(:first-child) h5 {
margin: 20px 0 10px;
}
.sites .site .col-sm-3 {
padding-left: 0;
}
.sites .site .col-sm-3 h5 {
font-size: 1.14rem;
color: #2F5798;
}
.sites .site .col-sm-3 h5 small {
display: inline-block;
margin-left: 5px;
margin-top: 5px;
font-size: 0.85rem;
color: #333;
line-height: 1.5;
}
.sites .site .col-sm-9 {
padding-left: 0;
padding-right: 0;
}
.sites .site .col-sm-9 .address {
margin-bottom: 10px;
line-height: 2;
font-size: 0.92rem;
}
.sites .site .col-sm-9 .map-link {
margin-right: 10px;
float: right;
font-size: 0.92rem;
}
.site-map .col-sm-3 ul li {
float: left;
width: 50%;
}
.site-map .col-sm-3 ul li a {
display: block;
padding-left: 20px;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow01.png) no-repeat 0 50%;
color: #333;
font-size: 1rem;
margin-bottom: 10px;
text-decoration: none;
}
.reports {
*zoom: 1;
}
.reports:after {
content: "";
display: table;
clear: both;
}
.reports .report {
width: 100%;
text-align: center;
border-bottom: 1px solid #989898;
padding-bottom: 25px;
margin-bottom: 25px;
}
.reports .report h5 {
margin-top: 10px;
margin-bottom: 10px;
color: #333333;
font-size: 1rem;
}
.reports .report h5 small {
display: block;
margin-top: 5px;
color: #333333;
font-size: 0.857rem;
}
.reports .report .documents {
text-align: center;
}
.reports .report .documents a {
display: block;
margin-bottom: 8px;
font-size: 0.857rem;
}
.pdf-download {
display: inline-block;
padding-left: 70px;
line-height: 2.4;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-pdf.png) no-repeat 0 90%;
}
.csr-visual {
position: relative;
}
.csr-visual h4 {
position: absolute;
width: 50%;
top: 0px;
right: 0;
margin: auto;
line-height: 1.4;
font-size: 1.1rem;
}
.csr-visual h4 small {
display: block;
margin-top: 10px;
font-size: 0.9rem;
letter-spacing: 0.15em;
}
.csr-description {
padding: 10px 0 0;
}
.csr-description p {
font-size: 0.928rem;
}
.sub-navigation {
margin-bottom: 60px;
}
}
@media print, screen and (min-width: 768px) {
.management-system-logo {
position: relative;
top: 56px;
}
.company-history-table {
width: 100%;
}
.company-history-table tr th {
border-top: 1px dotted #989898;
border-bottom: 1px dotted #989898;
font-size: 0.928rem;
vertical-align: top;
}
.company-history-table tr th:nth-child(1) {
width: 90px;
padding: 20px;
}
.company-history-table tr th:nth-child(2) {
width: 60px;
padding: 20px 10px;
}
.company-history-table tr td {
padding: 20px 0;
border-top: 1px dotted #989898;
border-bottom: 1px dotted #989898;
font-size: 0.928rem;
vertical-align: top;
}
.company-history-table tr td img {
float: left;
}
.company-history-table tr td img:nth-child(2) {
float: right;
}
.company-table {
width: 100%;
margin-bottom: 60px;
}
.company-table tr th {
font-size: 0.9285rem;
width: 130px;
padding: 15px 15px;
border-top: 1px dotted #989898;
border-bottom: 1px dotted #989898;
vertical-align: top;
}
.company-table tr th.va-middle {
vertical-align: middle;
}
.company-table tr td {
font-size: 0.9285rem;
padding: 15px 15px;
border-top: 1px dotted #989898;
border-bottom: 1px dotted #989898;
line-height: 1.8;
}
.company-table tr td .address {
display: block;
}
b {
color: #2F5798;
}
.sites {
padding: 0 10px;
}
.sites .site {
position: relative;
padding-bottom: 20px;
margin-left: 0;
margin-right: 0;
border-bottom: 1px dotted #989898;
}
.sites .site.has-map h5 {
position: relative;
top: 150px;
}
.sites .site:not(.has-map) h5 {
position: relative;
top: 15px;
}
.sites .site:not(.has-map) .address {
position: relative;
top: 15px;
}
.sites .site .col-sm-3 {
padding-left: 0;
}
.sites .site .col-sm-3 h5 {
font-size: 1.14rem;
color: #2F5798;
}
.sites .site .col-sm-3 h5 small {
display: block;
margin-top: 5px;
font-size: 0.85rem;
color: #333;
line-height: 1.5;
}
.sites .site .col-sm-3.three-rows h5 {
position: relative;
top: 30px;
}
.sites .site .col-sm-9 .address {
margin-bottom: 10px;
line-height: 2;
font-size: 0.92rem;
}
.sites .site .col-sm-9 .map-link {
margin-right: 10px;
float: right;
font-size: 0.92rem;
}
.site-map .col-sm-3 ul li a {
display: block;
padding-left: 20px;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow01.png) no-repeat 0 50%;
color: #333;
margin-bottom: 10px;
text-decoration: none;
}
.reports {
*zoom: 1;
border-bottom: 1px solid #989898;
padding-bottom: 25px;
margin-bottom: 25px;
}
.reports:after {
content: "";
display: table;
clear: both;
}
.reports .report {
float: left;
width: 30%;
text-align: center;
}
.reports .report:nth-child(4n - 3) {
margin-right: 5%;
}
.reports .report:nth-child(4n - 2) {
margin-right: 5%;
}
.reports .report h5 {
margin-top: 10px;
margin-bottom: 10px;
color: #333333;
font-size: 1rem;
}
.reports .report h5 small {
display: block;
margin-top: 5px;
color: #333333;
font-size: 0.857rem;
}
.reports .report .documents {
text-align: left;
}
.reports .report .documents a {
display: block;
margin-bottom: 8px;
font-size: 0.857rem;
}
.pdf-download {
display: inline-block;
padding-left: 70px;
line-height: 2.4;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-pdf.png) no-repeat 0 50%;
}
.csr-visual {
position: relative;
}
.csr-visual h4 {
position: absolute;
top: 80px;
right: 20px;
margin: auto;
line-height: 1.4;
font-size: 1.8rem;
}
.csr-visual h4 small {
display: block;
margin-top: 10px;
font-size: 0.9rem;
letter-spacing: 0.15em;
}
.csr-description {
padding: 10px 0 0;
}
.csr-description p {
font-size: 0.928rem;
}
.sub-navigation {
margin-bottom: 60px;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.sp-tool-flow-item-wrapper {
padding: 0 10px;
}
.sp-tool-flow .sp-tool-flow-item-wrapper:nth-of-type(2n) {
position: relative;
left: -5px;
}
.sp-tool-flow .sp-tool-flow-item-wrapper:nth-of-type(2n - 1) {
position: relative;
left: 5px;
}
.production-headline {
padding-top: 40px;
}
.al-center {
width: 100%;
text-align: center;
}
.products-items .product-item {
margin-bottom: 20px;
}
.products-items .product-item img {
display: block;
margin: auto;
}
.products-items .product-item a.products-items-link {
display: block;
text-align: center;
height: 40px;
line-height: 40px;
border: 1px solid #2F5799;
color: #2F5799;
text-decoration: none;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-btn01.png) no-repeat right 10px top 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.production-detail .production-sub-navigation {
margin-bottom: 20px;
}
.production-detail .production-sub-navigation .production-list a {
position: relative;
z-index: 10;
display: block;
width: 100%;
margin-bottom: 5px;
background-color: #fff;
text-align: center;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.production-detail .production-sub-navigation .list-link {
display: block;
width: 100%;
height: 50px;
line-height: 50px;
border: 1px solid #2F5799;
color: #2F5799;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-btn02.png) no-repeat top 48% left calc(50% - 70px);
text-align: center;
text-decoration: none;
font-size: 1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.production-detail .production-detail-body .production-detail-item-image {
text-align: center;
}
.production-detail .production-detail-body .production-detail-item {
border-bottom: 1px solid #B1B1B1;
padding-bottom: 0;
margin-bottom: 30px;
}
.production-detail .production-detail-body .production-detail-item .section-body img {
display: block;
margin: auto;
max-width: 100%;
width: auto;
}
.production-detail .production-detail-body .production-detail-item .section-body .bodycopy {
padding: 5px 0;
font-size: 0.9285rem;
}
.production-detail .production-detail-body .production-detail-item .section-body .sub-section-headline h4 {
margin-bottom: 5px;
color: #2F5799;
font-size: 1.1428rem;
}
.production-detail-body.special .sub-section-headline h4 {
margin-bottom: 5px;
color: #2F5799;
font-size: 1.1428rem;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory img {
display: block;
max-width: 100%;
width: auto;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory > a {
color: #fff;
text-decoration: none;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory > a > span {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 10px;
margin-bottom: 5px;
text-align: left;
font-size: 1rem;
letter-spacing: -0.05em;
background: #2F5799 url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow07.png) no-repeat top 50% right 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory > a.is-active > span {
background-color: #6699CC;
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow08.png);
opacity: 1;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory .description {
display: none;
padding: 15px 10px 10px;
margin-bottom: 5px;
border-bottom: 1px solid #2F5799;
font-size: 0.85714rem;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory .description p em {
color: red;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory .description p strong {
color: red;
}
.ictag-lineap a {
text-decoration: none;
}
.ictag-lineap a h4 {
margin-bottom: 10px;
padding: 0 5px;
color: #2F5799;
font-size: 1rem;
}
.ictag-lineap a p {
padding: 0 5px;
color: #333;
font-size: 0.85rem;
margin-bottom: 20px;
}
.section-headline.ic-tag {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #B1B1B1;
}
.keyvisual.ic-tag {
margin-bottom: 20px;
}
.sp-tool-flow .col-sm-3 {
padding: 0 10px;
}
.sp-tool-flow .col-sm-3:nth-child(2n + 1) .sp-tool-flow-item {
position: relative;
left: 5px;
}
.sp-tool-flow .col-sm-3:nth-child(2n) .sp-tool-flow-item {
position: relative;
left: -5px;
}
.sp-tool-flow .sp-tool-flow-item {
min-height: 245px;
padding: 10px;
margin-bottom: 20px;
background: #999999;
border-bottom: 10px solid #6699CC;
color: #fff;
}
.sp-tool-flow .sp-tool-flow-item h4 {
position: relative;
top: 10px;
text-align: center;
font-size: 2.14rem;
}
.sp-tool-flow .sp-tool-flow-item h4 b {
position: relative;
top: -10px;
color: #fff;
font-size: 1.14rem;
}
.sp-tool-portfolio .col-sm-3 {
padding: 0 10px;
}
.sp-tool-portfolio .col-sm-3:nth-of-type(2n + 1) .sp-tool-portfolio-item {
position: relative;
left: 5px;
}
.sp-tool-portfolio .col-sm-3:nth-of-type(2n) .sp-tool-portfolio-item {
position: relative;
left: -5px;
}
.sp-tool-portfolio > p {
font-size: 0.92rem;
padding: 0 20px 20px;
}
.sp-tool-portfolio .sp-tool-portfolio-item {
margin-bottom: 20px;
}
.sp-tool-portfolio .sp-tool-portfolio-item h4 {
font-size: 1.14rem;
color: #2F5799;
}
.sp-tool-portfolio .sp-tool-portfolio-item p {
font-size: 0.92rem;
}
.premium-sp-tool-strength > p {
padding: 0 20px 20px;
font-size: 0.92rem;
}
.premium-sp-tool-strength .premium-sp-tool-strength-items .strength-item {
width: 100%;
padding: 0 10px 20px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.premium-sp-tool-strength .premium-sp-tool-strength-items .strength-item img {
width: 60px;
height: auto;
margin-bottom: 10px;
}
.premium-sp-tool-strength .premium-sp-tool-strength-items .strength-item h4 {
font-size: 1.14rem;
margin-bottom: 20px;
}
.premium-sp-tool-strength .premium-sp-tool-strength-items .strength-item p {
font-size: 0.85rem;
}
}
@media print, screen and (min-width: 768px) {
.al-center {
text-align: center;
}
.products-items {
margin-left: -8px;
margin-right: -8px;
}
.products-items .product-item {
margin-bottom: 40px;
padding-left: 8px;
padding-right: 8px;
}
.products-items .product-item img {
width: auto;
max-width: 100%;
}
.products-items .product-item a.products-items-link {
display: block;
text-align: center;
height: 40px;
line-height: 40px;
border: 1px solid #2F5799;
color: #2F5799;
text-decoration: none;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-btn01.png) no-repeat right 10px top 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.production-detail .container > .list-link {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
border: 1px solid #2F5799;
margin-bottom: 30px;
color: #2F5799;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-btn02.png) no-repeat top 48% left calc(50% - 70px);
text-align: center;
text-decoration: none;
font-size: 1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.production-detail .production-sub-navigation {
margin-bottom: 40px;
}
.production-detail .production-sub-navigation .production-list {
*zoom: 1;
margin-left: -8px;
margin-right: -8px;
}
.production-detail .production-sub-navigation .production-list:after {
content: "";
display: table;
clear: both;
}
.production-detail .production-sub-navigation .production-list a {
position: relative;
z-index: 10;
float: left;
display: block;
width: calc(33.33% - 16px);
margin: 0 8px 15px;
background-color: #fff;
text-align: center;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.production-detail .production-sub-navigation .list-link {
display: block;
width: 100%;
height: 40px;
line-height: 40px;
border: 1px solid #2F5799;
color: #2F5799;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-btn02.png) no-repeat top 48% left calc(50% - 70px);
text-align: center;
text-decoration: none;
font-size: 1rem;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.production-detail .production-detail-body .production-detail-item {
border-bottom: 1px solid #B1B1B1;
padding-bottom: 0;
margin-bottom: 30px;
}
.production-detail .production-detail-body .production-detail-item .section-body img {
max-width: 100%;
width: auto;
}
.production-detail .production-detail-body .production-detail-item .section-body .bodycopy {
font-size: 0.92rem;
}
.production-detail .production-detail-body .production-detail-item .section-body .sub-section-headline h4 {
margin-bottom: 5px;
color: #2F5799;
font-size: 1.1428rem;
}
.production-detail-body.special .sub-section-headline h4 {
margin-bottom: 5px;
color: #2F5799;
font-size: 1.1428rem;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories {
margin-left: -8px;
margin-right: -8px;
margin-bottom: 15px;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory {
padding-left: 8px;
padding-right: 8px;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory img {
display: block;
max-width: 100%;
width: auto;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory > a {
color: #fff;
text-decoration: none;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory > a > span {
display: block;
width: 100%;
height: 30px;
line-height: 30px;
padding: 0 10px;
text-align: left;
font-size: 1rem;
letter-spacing: -0.05em;
background: #2F5799 url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow07.png) no-repeat top 50% right 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory > a > span .text-narrow-100percent {
transform: scale(0.8, 1);
transform-origin: top left;
width: 125%;
display: block;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory > a.is-active > span {
background-color: #6699CC;
background-image: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow08.png);
text-decoration: none;
opacity: 1;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory .description {
display: none;
padding: 15px 10px 10px;
border-bottom: 1px solid #2F5799;
font-size: 0.85rem;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory .description p em {
color: red;
}
.production-detail .production-detail-body .production-detail-item .section-body .production-detail-item-subcategories .production-detail-item-subcategory .description p strong {
color: red;
}
.ictag-lineap a {
text-decoration: none;
}
.ictag-lineap a h4 {
margin-bottom: 10px;
padding: 0 5px;
color: #2F5799;
font-size: 1rem;
}
.ictag-lineap a p {
padding: 0 5px;
color: #333;
font-size: 0.85rem;
}
.section-headline.ic-tag {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #B1B1B1;
}
.keyvisual.ic-tag {
margin-bottom: 60px;
}
.sp-tool-flow .col-sm-3 {
padding: 0 10px;
}
.sp-tool-flow .sp-tool-flow-item {
min-height: 245px;
padding: 10px;
margin-bottom: 20px;
background: #999999;
border-bottom: 10px solid #6699CC;
color: #fff;
}
.sp-tool-flow .sp-tool-flow-item h4 {
position: relative;
top: 10px;
text-align: center;
font-size: 2.14rem;
}
.sp-tool-flow .sp-tool-flow-item h4 b {
position: relative;
top: -10px;
color: #fff;
font-size: 1.14rem;
}
.sp-tool-portfolio > p {
font-size: 0.92rem;
padding: 0 20px 20px;
}
.sp-tool-portfolio .sp-tool-portfolio-item {
margin-bottom: 20px;
}
.sp-tool-portfolio .sp-tool-portfolio-item h4 {
font-size: 1.14rem;
color: #2F5799;
}
.sp-tool-portfolio .sp-tool-portfolio-item p {
font-size: 0.92rem;
}
.premium-sp-tool-strength > p {
padding: 0 20px 20px;
font-size: 0.92rem;
}
.premium-sp-tool-strength .premium-sp-tool-strength-items .strength-item {
float: left;
width: 20%;
padding: 0 10px;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.premium-sp-tool-strength .premium-sp-tool-strength-items .strength-item img {
width: 60px;
height: auto;
margin-bottom: 10px;
}
.premium-sp-tool-strength .premium-sp-tool-strength-items .strength-item h4 {
font-size: 1.14rem;
margin-bottom: 20px;
}
.premium-sp-tool-strength .premium-sp-tool-strength-items .strength-item p {
font-size: 0.85rem;
}
}
@media screen and (max-width: 767px) {
.privacy-poricy .auther {
text-align: right;
}
.al-left {
text-align: left;
}
.readcopy.style1 h4.al-left {
text-align: left;
padding: 0 15px;
}
.readcopy.style1 h5 {
margin-top: 30px;
text-align: left;
padding: 0 15px;
font-size: 1.2rem;
}
.privacy-mark {
text-align: center;
}
}
@media print, screen and (min-width: 768px) {
.privacy-poricy .auther {
text-align: right;
}
.readcopy.style1 h4.al-left {
text-align: left;
padding: 0 15px;
}
.readcopy.style1 h5 {
margin-top: 30px;
text-align: left;
padding: 0 15px;
font-size: 1.2rem;
}
.privacy-mark {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.contact-table01 {
margin: 50px 0;
width: 100%;
}
.contact-table01 tr th {
display: block;
width: 100%;
color: #2F5799;
font-size: 1.14rem;
padding: 10px 10px;
border-top: 1px solid #2F5799;
}
.contact-table01 tr td {
display: block;
width: 100%;
padding: 5px 10px;
}
.contact-table01 tr td:nth-child(3) {
padding-bottom: 15px;
}
.contact-table01 tr:last-child td:nth-child(3) {
border-bottom: 1px solid #2F5799;
}
.policy {
overflow-y: scroll;
width: 100%;
height: 170px;
padding: 15px;
border: 1px solid #979797;
}
.contact-table02 {
width: 100%;
margin-bottom: 40px;
}
.contact-table02 tr th {
display: block;
width: 100%;
border-top: 1px solid #999999;
padding: 15px 0 5px;
font-size: 0.9285rem;
}
.contact-table02 tr th small {
font-size: 0.7857rem;
}
.contact-table02 tr:last-child td {
border-bottom: 1px solid #999999;
}
.contact-table02 tr:last-child td .wpcf7-form-control-wrap {
height: auto;
}
.contact-table02 tr td {
display: block;
width: 100%;
padding: 5px 0 15px;
font-size: 0.9285rem;
}
.contact-table02 tr td:nth-child(2) {
padding-bottom: 5px;
}
.contact-table02 tr td .text {
position: relative;
top: 6px;
}
.contact-table02 tr td .wpcf7-form-control-wrap {
position: relative;
top: 3px;
padding: 0;
display: block;
height: 40px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-department01 {
display: inline-block;
width: 39%;
margin-right: 2%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-department01 input {
display: inline-block;
margin-left: 1%;
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-department02 {
display: inline-block;
width: 39%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-department02 input {
display: inline-block;
margin-left: 0.5%;
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-year {
display: inline-block;
width: 30%;
margin-right: 5px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-year select {
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-month {
display: inline-block;
width: 20%;
margin-left: 5px;
margin-right: 5px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-month select {
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-day {
display: inline-block;
width: 20%;
margin-left: 5px;
margin-right: 5px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-day select {
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-postalcode01 {
display: inline-block;
width: 20%;
margin-right: 5px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-postalcode01 input {
display: inline-block;
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-postalcode02 {
display: inline-block;
width: 30%;
margin-left: 5px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-postalcode02 input {
display: inline-block;
width: 100%;
}
.contact-table02 tr td.bg-gray {
background: #F6F6F6;
}
.contact-table02 tr td select {
position: relative;
top: 3px;
height: 34px;
width: 100%;
}
.contact-table02 tr td input[type="text"] {
background: #F6F6F6;
border: 0;
height: 34px;
width: 100%;
margin-right: 20px;
font-size: 16px;
}
.contact-table02 tr td input[type="email"] {
background: #F6F6F6;
border: 0;
height: 34px;
width: 100%;
margin-right: 20px;
font-size: 16px;
}
.contact-table02 tr td textarea {
width: 100%;
height: 218px;
border: 0;
background: #F6F6F6;
padding: 15px;
font-size: 16px;
}
#contact-form-submit-btn {
display: block;
margin: 40px auto;
width: 100%;
height: 50px;
line-height: 50px;
border: 1px solid #2F5799;
color: #2F5799;
text-align: center;
font-size: 1.357rem;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow10.png) no-repeat calc(50% - 50px) 50%;
}
.section-headline + p {
margin-bottom: 30px;
}
.pdf-btn {
display: block;
margin-top: 20px;
}
.pdf-btn::before {
position: relative;
top: 4px;
content: url(//www.sealex.com/wp/wp-content/themes/sealex/images/icon-pdf.png);
}
}
@media print, screen and (min-width: 768px) {
.contact-table01 {
margin: 50px 0;
width: 100%;
}
.contact-table01 tr th {
color: #2F5799;
font-size: 1.14rem;
padding: 15px 10px;
border-top: 1px solid #2F5799;
border-bottom: 1px solid #2F5799;
}
.contact-table01 tr th:nth-child(1) {
width: 25%;
}
.contact-table01 tr td {
padding: 15px 10px;
border-top: 1px solid #2F5799;
border-bottom: 1px solid #2F5799;
}
.contact-table01 tr td:nth-child(2) {
width: 25%;
}
.contact-form-link-btn {
position: relative;
top: 70px;
}
.policy {
overflow-y: scroll;
width: 100%;
height: 170px;
padding: 15px;
border: 1px solid #979797;
}
.contact-table02 {
width: 100%;
margin-bottom: 40px;
}
.contact-table02 tr:nth-child(1) td {
padding-left: 15px;
}
.contact-table02 tr th {
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
width: 180px;
padding: 15px 15px;
font-size: 0.9285rem;
}
.contact-table02 tr th small {
font-size: 0.7857rem;
}
.contact-table02 tr:last-child td .wpcf7-form-control-wrap {
height: auto;
}
.contact-table02 tr td {
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
padding: 15px 0;
font-size: 0.9285rem;
vertical-align: middle;
}
.contact-table02 tr td:nth-child(2) {
width: 530px;
}
.contact-table02 tr td .text {
position: relative;
top: 4px;
}
.contact-table02 tr td .wpcf7-form-control-wrap {
position: relative;
top: 3px;
display: block;
height: 40px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-department01 {
display: inline-block;
width: 42%;
margin-right: 2%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-department01 input {
display: inline-block;
margin-left: 1%;
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-department02 {
display: inline-block;
width: 42%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-department02 input {
display: inline-block;
margin-left: 0.5%;
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-year {
display: inline-block;
width: 30%;
margin-right: 5px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-year select {
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-month {
display: inline-block;
width: 20%;
margin-left: 5px;
margin-right: 5px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-month select {
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-day {
display: inline-block;
width: 20%;
margin-left: 5px;
margin-right: 5px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-birthday-day select {
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-postalcode01 {
display: inline-block;
width: 20%;
margin-right: 5px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-postalcode01 input {
display: inline-block;
width: 100%;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-postalcode02 {
display: inline-block;
width: 30%;
margin-left: 5px;
}
.contact-table02 tr td .wpcf7-form-control-wrap.your-postalcode02 input {
display: inline-block;
width: 100%;
}
.contact-table02 tr td.bg-gray {
background: #F6F6F6;
}
.contact-table02 tr td select {
position: relative;
top: 2px;
width: 287px;
}
.contact-table02 tr td input[type="text"] {
background: #F6F6F6;
border: 0;
height: 34px;
width: 510px;
margin-right: 20px;
font-size: 16px;
}
.contact-table02 tr td input[type="email"] {
background: #F6F6F6;
border: 0;
height: 34px;
width: 510px;
margin-right: 20px;
font-size: 16px;
}
.contact-table02 tr td textarea {
width: 100%;
height: 218px;
border: 0;
background: #F6F6F6;
padding: 15px;
font-size: 16px;
}
#contact-form-submit-btn {
display: block;
margin: 40px auto;
width: 500px;
height: 50px;
line-height: 50px;
border: 1px solid #2F5799;
color: #2F5799;
text-align: center;
font-size: 1.357rem;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow10.png) no-repeat calc(50% - 50px) 50%;
}
.section-headline + p {
margin-bottom: 40px;
}
.pdf-btn {
display: block;
margin-top: 20px;
}
.pdf-btn::before {
position: relative;
top: 4px;
content: url(//www.sealex.com/wp/wp-content/themes/sealex/images/icon-pdf.png);
}
.pcpl10 {
padding-left:15px;
}
}
@media screen and (max-width: 767px) {
.home-pickup .container {
padding: 40px 10px;
margin-bottom: 0;
}
.home-pickup .container h2 {
font-size: 1.642rem;
text-align: center;
color: #2f5799;
}
.home-pickup .container small {
display: block;
margin-bottom: 20px;
font-size: 0.928rem;
text-align: center;
}
.production-pickup h2 {
font-size: 1.642rem;
text-align: center;
color: #2f5799;
}
.production-pickup small {
display: block;
margin-bottom: 20px;
font-size: 0.928rem;
text-align: center;
}
.form-btn a {
display: block;
margin: auto;
border: 1px solid #2F5798;
width: 80%;
height: 50px;
line-height: 50px;
font-size: 1.357rem;
color: #2F5798;
text-align: center;
text-decoration: none;
}
.form-btn2 a {
display: block;
width: 80%;
margin-left: auto;
margin-right: auto;
font-size: 1.357rem;
}
.recruit-content {
padding-top: 60px;
}
.recruit-content h4 {
color: #EE5A24;
font-size: 1.14rem;
margin-bottom: 10px;
}
.recruit-content .recruit-picture {
display: block;
margin: auto;
}
}
@media print, screen and (min-width: 768px) {
.recruit-list .container {
margin-bottom: 40px;
}
.recruit-list .container ul {
*zoom: 1;
margin-bottom: 20px;
}
.recruit-list .container ul:after {
content: "";
display: table;
clear: both;
}
.recruit-list .container ul li {
float: left;
width: 460px;
}
.recruit-list .container ul li p {
font-size: 0.928rem;
}
.recruit-list .container ul li:not(:last-child) {
margin-right: 15px;
}
.recruit-list .container ul li:nth-child(1) a {
display: block;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/recruit-list01.png) no-repeat 50% 50%;
-webkit-background-size: cover;
background-size: cover;
margin-bottom: 10px;
}
.recruit-list .container ul li:nth-child(2) a {
display: block;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/recruit-list02.png) no-repeat 50% 50%;
-webkit-background-size: cover;
background-size: cover;
margin-bottom: 10px;
}
.recruit-list .container ul li a {
position: relative;
display: block;
height: 220px;
}
.recruit-list .container ul li a .product-name-ja {
position: absolute;
top: 85px;
left: 0;
right: 0;
margin: auto;
border: 1px solid #fff;
width: 70%;
height: 50px;
line-height: 50px;
color: #fff;
text-align: center;
font-size: 1.285rem;
}
.recruit-list .container ul li a .product-name-en {
position: absolute;
top: 160px;
left: 0;
right: 0;
margin: auto;
color: #fff;
text-align: center;
font-size: 0.857rem;
}
.form-btn a {
display: block;
margin: auto;
border: 1px solid #2F5798;
width: 500px;
height: 50px;
line-height: 50px;
font-size: 1.357rem;
color: #2F5798;
text-align: center;
text-decoration: none;
}
.form-btn2 a {
display: block;
width: 80%;
margin-left: auto;
margin-right: auto;
font-size: 1.357rem;
}
.recruit-content h4 {
color: #EE5A24;
font-size: 1.14rem;
margin-bottom: 10px;
}
.recruit-content .recruit-picture {
float: left;
margin: 0 20px 10px 0;
}
}
@media screen and (max-width: 767px) {
.recruit-list .container {
margin-bottom: 40px;
padding-top: 40px;
}
.recruit-list .container ul {
*zoom: 1;
margin-bottom: 20px;
}
.recruit-list .container ul:after {
content: "";
display: table;
clear: both;
}
.recruit-list .container ul li {
float: left;
width: 100%;
}
.recruit-list .container ul li p {
font-size: 0.928rem;
}
.recruit-list .container ul li:not(:last-child) {
margin-right: 15px;
}
.recruit-list .container ul li:nth-child(1) a {
display: block;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/recruit-list01.png) no-repeat 50% 50%;
-webkit-background-size: cover;
background-size: cover;
margin-bottom: 10px;
}
.recruit-list .container ul li:nth-child(2) a {
display: block;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/recruit-list02.png) no-repeat 50% 50%;
-webkit-background-size: cover;
background-size: cover;
margin-bottom: 10px;
}
.recruit-list .container ul li a {
position: relative;
display: block;
height: 220px;
}
.recruit-list .container ul li a .product-name-ja {
position: absolute;
top: 85px;
left: 0;
right: 0;
margin: auto;
border: 1px solid #fff;
width: 70%;
height: 50px;
line-height: 50px;
color: #fff;
text-align: center;
font-size: 1.285rem;
}
.recruit-list .container ul li a .product-name-en {
position: absolute;
top: 160px;
left: 0;
right: 0;
margin: auto;
color: #fff;
text-align: center;
font-size: 0.857rem;
}
.sitemap-body .container .wpb_column .sitemap-level01 {
display: block;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow01.png) no-repeat 10px 50%;
padding: 10px 10px 10px 30px;
border-bottom: 1px dotted #989898;
color: #333333;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.sitemap-body .container .wpb_column .sitemap-level01:hover {
padding-left: 40px;
}
.sitemap-body .container .wpb_column .sitemap-level01:first-of-type {
border-top: 1px dotted #989898;
}
.sitemap-body .container .wpb_column .sitemap-level02 {
display: block;
padding: 10px 10px 10px 50px;
border-bottom: 1px dotted #989898;
color: #333333;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.sitemap-body .container .wpb_column .sitemap-level02:hover {
padding-left: 60px;
}
}
@media print, screen and (min-width: 768px) {
.sitemap-body .container .wpb_column .sitemap-level01 {
display: block;
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow01.png) no-repeat 10px 50%;
padding: 10px 10px 10px 30px;
border-bottom: 1px dotted #989898;
color: #333333;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.sitemap-body .container .wpb_column .sitemap-level01:hover {
padding-left: 40px;
}
.sitemap-body .container .wpb_column .sitemap-level01:first-of-type {
border-top: 1px dotted #989898;
}
.sitemap-body .container .wpb_column .sitemap-level02 {
display: block;
padding: 10px 10px 10px 50px;
border-bottom: 1px dotted #989898;
color: #333333;
text-decoration: none;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.sitemap-body .container .wpb_column .sitemap-level02:hover {
padding-left: 60px;
}
}
@media screen and (max-width: 767px) {
.news-article-body {
line-height: 2.2;
}
.news-article-body b {
font-weight: bold;
color: #2F5798;
}
.news-article-body strong {
font-weight: bold;
color: #2F5798;
}
.news-article-body em {
font-weight: bold;
color: #2F5798;
}
.news-article-body ul {
list-style-type: disc;
}
.news-article-body ol {
list-style-type: decimal;
}
.mews-archive .news-articles .news-article a {
*zoom: 1;
display: block;
padding: 20px 10px;
border-bottom: 1px solid #CACACA;
text-decoration: none;
}
.mews-archive .news-articles .news-article a:after {
content: "";
display: table;
clear: both;
}
.mews-archive .news-articles .news-article a .article-date {
float: left;
display: block;
width: 80px;
margin-right: 10px;
color: #333333;
font-size: 0.8574rem;
}
.mews-archive .news-articles .news-article a .article-category {
float: left;
display: block;
width: 90px;
height: 20px;
line-height: 20px;
margin-right: calc(100% - 180px);
display: block;
color: #6699CC;
background: #fff;
border: 1px solid #6699CC;
text-align: center;
font-size: 0.8574rem;
}
.mews-archive .news-articles .news-article a .article-title {
float: left;
display: block;
margin-top: 5px;
width: 100%;
color: #333333;
font-size: 0.8574rem;
}
.sub-navigation ul {
list-style-type: none;
}
.page-navigation {
*zoom: 1;
margin-top: 40px;
}
.page-navigation:after {
content: "";
display: table;
clear: both;
}
.page-navigation .page-numbers {
float: left;
display: block;
border: 1px solid #2F5799;
color: #2F5799;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
text-decoration: none;
}
.page-navigation .page-numbers:not(:first-child) {
margin-left: 10px;
}
.page-navigation .page-numbers.current {
background: #2F5799;
color: #fff;
}
.page-navigation .page-numbers.prev {
transform: rotate(180deg);
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow01.png) no-repeat 50% 50%;
}
.page-navigation .page-numbers.next {
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow01.png) no-repeat 50% 50%;
}
.mews-article .section-headline {
*zoom: 1;
position: relative;
padding-top: 24px;
padding-bottom: 5px;
border-bottom: 1px solid #CACACA;
}
.mews-article .section-headline:after {
content: "";
display: table;
clear: both;
}
.mews-article .section-headline .article-title {
width: calc(100% - 100px);
float: left;
color: #333333;
font-size: 1.6428rem;
}
.mews-article .section-headline .article-category {
position: relative;
top: 4px;
float: right;
width: 90px;
height: 20px;
line-height: 20px;
display: block;
color: #6699CC;
background: #fff;
border: 1px solid #6699CC;
text-align: center;
font-size: 0.8574rem;
}
.mews-article .section-headline .article-date {
position: absolute;
top: 0;
left: 0;
font-size: 0.8574rem;
color: #333;
}
}
@media print, screen and (min-width: 768px) {
.news-article-body {
line-height: 2.2;
}
.news-article-body b {
font-weight: bold;
color: #2F5798;
}
.news-article-body strong {
font-weight: bold;
color: #2F5798;
}
.news-article-body em {
font-weight: bold;
color: #2F5798;
}
.news-article-body ul {
list-style-type: disc;
}
.news-article-body ol {
list-style-type: decimal;
}
.mews-archive .news-articles .news-article a {
*zoom: 1;
display: block;
padding: 20px 10px;
border-bottom: 1px solid #CACACA;
text-decoration: none;
}
.mews-archive .news-articles .news-article a:after {
content: "";
display: table;
clear: both;
}
.mews-archive .news-articles .news-article a .article-date {
float: left;
display: block;
width: 80px;
margin-right: 30px;
color: #333333;
font-size: 0.8574rem;
}
.mews-archive .news-articles .news-article a .article-category {
float: left;
display: block;
width: 90px;
height: 20px;
line-height: 20px;
margin-right: 30px;
display: block;
color: #6699CC;
background: #fff;
border: 1px solid #6699CC;
text-align: center;
font-size: 0.8574rem;
}
.mews-archive .news-articles .news-article a .article-title {
float: left;
display: block;
width: calc(100% - 230px);
color: #333333;
font-size: 0.8574rem;
}
.sub-navigation ul {
list-style-type: none;
}
.page-navigation {
*zoom: 1;
margin-top: 40px;
}
.page-navigation:after {
content: "";
display: table;
clear: both;
}
.page-navigation .page-numbers {
float: left;
display: block;
border: 1px solid #2F5799;
color: #2F5799;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
text-decoration: none;
}
.page-navigation .page-numbers:not(:first-child) {
margin-left: 10px;
}
.page-navigation .page-numbers.current {
background: #2F5799;
color: #fff;
}
.page-navigation .page-numbers.prev {
transform: rotate(180deg);
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow01.png) no-repeat 50% 50%;
}
.page-navigation .page-numbers.next {
background: url(//www.sealex.com/wp/wp-content/themes/sealex/images/common-icon-arrow01.png) no-repeat 50% 50%;
}
.mews-article .section-headline {
*zoom: 1;
position: relative;
padding-top: 24px;
padding-bottom: 5px;
border-bottom: 1px solid #CACACA;
}
.mews-article .section-headline:after {
content: "";
display: table;
clear: both;
}
.mews-article .section-headline .article-title {
width: calc(100% - 100px);
float: left;
color: #333333;
font-size: 1.6428rem;
}
.mews-article .section-headline .article-category {
position: relative;
top: 4px;
float: right;
width: 90px;
height: 20px;
line-height: 20px;
display: block;
color: #6699CC;
background: #fff;
border: 1px solid #6699CC;
text-align: center;
font-size: 0.8574rem;
}
.mews-article .section-headline .article-date {
position: absolute;
top: 0;
left: 0;
font-size: 0.8574rem;
color: #333;
}
}
@media screen and (max-width: 767px) {
html body .container.site-search-header {
position: relative;
padding-top: 30px;
}
html body .container.site-search-header .general-breadcrumb {
top: -10px;
}
.site-search {
position: relative;
}
.site-search h3 {
padding-bottom: 20px;
font-size: 1.42rem;
color: #2F5798;
}
.site-search .search-form-box {
position: relative;
padding: 0 0 40px;
}
.site-search input[type="text"] {
display: block;
width: 90%;
height: 40px;
padding: 0 20px;
margin: auto;
}
.site-search input[type="image"] {
position: absolute;
top: 10px;
right: 30px;
}
.site-search article a {
display: block;
padding: 20px 15px;
border-top: 1px solid #B1B1B1;
text-decoration: none;
}
.site-search article a h4 {
font-size: 1.285rem;
text-decoration: underline;
color: #2F5798;
}
.site-search article a .entry-summary {
font-size: 0.928rem;
color: #333;
}
.site-search article a .permalink {
font-size: 0.85rem;
color: #333;
}
}
@media print, screen and (min-width: 768px) {
.site-search-header {
position: relative;
}
.site-search-header .general-breadcrumb {
top: 10px;
}
.site-search {
position: relative;
}
.site-search h3 {
padding-bottom: 20px;
font-size: 1.42rem;
color: #2F5798;
}
.site-search .search-form-box {
position: relative;
padding: 0 0 40px;
}
.site-search input[type="text"] {
display: block;
width: 90%;
height: 40px;
padding: 0 20px;
margin: auto;
}
.site-search input[type="image"] {
position: absolute;
top: 10px;
right: 60px;
}
.site-search article a {
display: block;
padding: 20px 15px;
border-top: 1px solid #B1B1B1;
text-decoration: none;
}
.site-search article a h4 {
font-size: 1.285rem;
text-decoration: underline;
color: #2F5798;
}
.site-search article a .entry-summary {
font-size: 0.928rem;
color: #333;
}
.site-search article a .permalink {
font-size: 0.85rem;
color: #333;
}
} @media screen {
.print-only {
display: none!important;
}
}
@media print {
a[href]:after {
content: "" !important;
}
abbr[title]:after {
content: "" !important;
}
.keyvisual ul li img {
display: none;
}
.screen-only {
display: none!important;
}
}
.subtype-item01 a {
color: #333333;
font-size:12px;
text-decoration: none;
}
.subtype-item01 a figure img {
width:100%;
}
.subtype-item01 a figcaption {
color: #2F5799;
font-size:14px;
}
.subtype-item02 figure img {
width:100%;
}
.subtype-item02 figcaption {
color: #2F5799;
font-size:14px;
}
.mt20  {
margin-top:20px;
}
.pl40{
padding-left:40px;
}
.pr40{
padding-right:40px;
}
@media(max-width: 767px){
.z15 {
z-index: 15;
}
a10 {
z-index: 10;
}
.pl0 {
padding:30px 0 20px;
}
.subtype2-item {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #B1B1B1;
}
.subtype2-item figure {
}
.sub-section-headline.mt30 {
margin-top:30px;
}
body > section > div > div > div:nth-child(2) > div.col-sm-4.pl0 > figure > img {
width:100%!important;
}
.subtype2-item figure img {
display: block;
width:100%;
}
.relative {
position: relative;
}
.relative h5 {
margin-bottom:10px;
height:35px;
line-height:35px;
color: #2F5799;
font-size:15px;
}
.relative .function {
padding:20px 0;
}
.relative .function a {
padding:5px 10px;
display: inline-block;
text-decoration: none;
}
.relative .function a.function01 {
border: 1px solid #A07C24;
color: #A07C24;
}
.relative .function a.function02 {
border: 1px solid #6699CC;
color: #6699CC;
}
.relative .function a.function03 {
border: 1px solid #EB1C24;
color: #EB1C24;
}
.relative .function a.function04 {
border: 1px solid #4D4D4D;
color: #4D4D4D;
}
.relative .catalog {
display: block;
width:100%;
height:35px;
line-height:35px;
text-decoration: none;
text-align: center;
padding-right:20px;
background: #2F5799 url(//www.sealex.com/wp/wp-content/themes/sealex/images/icon-pdf2.png) no-repeat right 10px top 50% / auto;
color: #fff;
}
.function-search {
border:5px solid #2F5799;
padding:10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.function-search .function01 {
background: #A07C24 url(//www.sealex.com/wp/wp-content/themes/sealex/images/function-search01.png) no-repeat 10px 50% / 30px;
}
.function-search .function02 {
background: #6699CC url(//www.sealex.com/wp/wp-content/themes/sealex/images/function-search02.png) no-repeat 10px 50% / 24px;
}
.function-search .function03 {
background: #EB1C24 url(//www.sealex.com/wp/wp-content/themes/sealex/images/function-search03.png) no-repeat 10px 50% / 22px;
}
.function-search .function04 {
background: #4D4D4D url(//www.sealex.com/wp/wp-content/themes/sealex/images/function-search04.png) no-repeat 10px 50% / 43px;
}
.function-search p {
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.function-search p img {
width:auto;
}
.function-search a {
float: left;
width:48%;
margin-left:1.333%;
margin-top:1.333%;
padding:20px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding-left:20px;
color: #fff;
font-weight: bold;
font-size:18px;
text-align: center;
}
}
@media (min-width: 768px){
.function-search {
border:5px solid #2F5799;
padding:10px 10px 10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.function-search .function01 {
background: #A07C24 url(//www.sealex.com/wp/wp-content/themes/sealex/images/function-search01.png) no-repeat 10px 50% / 30px;
}
.function-search .function02 {
background: #6699CC url(//www.sealex.com/wp/wp-content/themes/sealex/images/function-search02.png) no-repeat 10px 50% / 24px;
}
.function-search .function03 {
background: #EB1C24 url(//www.sealex.com/wp/wp-content/themes/sealex/images/function-search03.png) no-repeat 10px 50% / 22px;
}
.function-search .function04 {
background: #4D4D4D url(//www.sealex.com/wp/wp-content/themes/sealex/images/function-search04.png) no-repeat 10px 50% / 43px;
}
.function-search p {
width:20%;
float: left;
padding:0 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.function-search p img {
width:100%;
}
.function-search a {
float: left;
padding:20px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width:19%;
text-decoration: none;
padding-left:20px;
margin-left:1%;
color: #fff;
font-weight: bold;
font-size:18px;
text-align: center;
}
}
.ic-tag-colution-navigation .row{
margin-bottom:30px;
}
@media (min-width:768px){
.ic-tag-colution-navigation .product-item:nth-of-type(4n - 3) {
padding-left:0;
}
.ic-tag-colution-navigation .product-item:nth-of-type(4n) {
padding-right:0;
}
.z15 {
z-index: 15;
}
a10 {
z-index: 10;
}
.pl0 {
padding-left: 0!important;
}
.subtype2-item {
padding-bottom:20px;
margin-bottom:20px;
border-bottom:1px solid #B1B1B1;
}
.subtype2-item figure {
padding-left:0;
}
.subtype2-item figure img {
display: block;
}
.relative {
position: relative;
min-height:126px;
}
.relative h5 {
margin-bottom:10px;
height:35px;
line-height:35px;
color: #2F5799;
font-size:15px;
}
.relative .function {
position: absolute;
top:0;
right:-246px;
}
.relative .function a {
margin-left: 10px;
padding: 2px 0px;
display: inline-block;
text-decoration: none;
width: 100px;
text-align: center;
}
.relative .function a.function01 {
border: 1px solid #A07C24;
color: #A07C24;
}
.relative .function a.function02 {
border: 1px solid #6699CC;
color: #6699CC;
}
.relative .function a.function03 {
border: 1px solid #EB1C24;
color: #EB1C24;
}
.relative .function a.function04 {
border: 1px solid #4D4D4D;
color: #4D4D4D;
}
.relative .catalog {
position: absolute;
bottom:0;
left:0;
display: block;
width:100%;
height:35px;
line-height:35px;
text-decoration: none;
text-align: center;
padding-right:20px;
background: #2F5799 url(//www.sealex.com/wp/wp-content/themes/sealex/images/icon-pdf2.png) no-repeat right 10px top 50% / auto;
color: #fff;
}
}
.back-link {
display: block;
width: 100%;
height:50px;
line-height:50px;
text-align: center;
border:1px solid #2F5799;
color: #2F5799;
text-decoration: none;
-webkit-transition: 0.6s;
-moz-transition:  0.6s;
-ms-transition:  0.6s;
-o-transition:  0.6s;
transition:  0.6s;
}
.back-link::before {
position: relative;
left:-10px;
display: inline-block;
content: '<';
-webkit-transform: scale(0.8,1.6);
-moz-transform: scale(0.8,1.6);
-ms-transform: scale(0.8,1.6);
-o-transform: scale(0.8,1.6);
transform: scale(0.8,1.6);
}
.back-link:hover {
background: #2F5799;
color: #fff;
text-decoration: none;
}