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;
}