@charset "utf-8";
@charset "utf-8";
html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
} audio,
canvas,
progress,
video {
display: inline-block; vertical-align: baseline; } audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  a {
background-color: transparent;
} a:active,
a:hover {
outline: 0;
}  abbr[title] {
border-bottom: 1px dotted;
} b,
strong {
font-weight: bold;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 1em 40px;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} pre {
overflow: auto;
} code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}   button,
input,
optgroup,
select,
textarea {
color: inherit; font: inherit; margin: 0; } button {
overflow: visible;
} button,
select {
text-transform: none;
} button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; cursor: pointer; } button[disabled],
html input[disabled] {
cursor: default;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} input {
line-height: normal;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
} input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } textarea {
overflow: auto;
} optgroup {
font-weight: bold;
}  table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
 html {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,verdana,"メイリオ","Meiryo","Osaka",sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 62.5%;
}
@media print, screen and (max-width: 640px) {
html {
font-size: 3.2vw;
}
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td , span {
vertical-align:middle;
margin: 0;
padding: 0;
}
body {
font-size: 1.5rem;
line-height: 1.74;
}
a {
color: #000 ;
text-decoration:none;
transition: all 0.2s ease 0s;
}
*:focus {
outline: none;
}
img{
max-width: 100%;
height: auto;
vertical-align: top;
}
p:last-child {
margin-bottom: 0;
}
figure,figcaption{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align: baseline;
background: transparent;
}
iframe {
vertical-align:middle;
}
fieldset, img {
border: 0;
}
ol, ul {
list-style: none;
}
p:last-child {
margin-bottom: 0 !important;
}
address{
font-style:normal;
} input, textarea {
border: none;
background-color: #f4f4f4;
font-size: 100%;
padding:　2px;
}
input[type=radio] ,
input[type=checkbox] ,
input[type=file] {
border:none;
padding:　0;
}
input {
position:relative;
top:1px;
}
input[name=send-to-finish] {
position:relative;
top:17px;
}
input:focus,
textarea:focus {
background-color: #f7f7f7;
}
button {
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
appearance: none;
background: none;
padding: 0;
margin: 0;
outline: 0;
border: none;
font: inherit;
overflow: visible;
box-sizing: border-box;
}
button,
select {
cursor: pointer;
text-transform: none;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .clearfix {
zoom: 1;
}
.clearfix:after{
content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}.container {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding: 0 15px;
z-index: 1;
position: relative;
}
@media (min-width: 1024px) {
.container{
padding: 0;
}		
}
@media only screen and (min-width:376px) and (max-width:1024px) {
.container{
padding: 0 15px;
}		
}
.row {
display: flex;
display: -moz-flex;
display: -o-flex;
display: -webkit-flex;
display: -ms-flex;
flex-direction: row;
-moz-flex-direction: row;
-o-flex-direction: row;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-wrap:wrap;
} .sp {
display: none !important;
}
.home .main {
width:100%;
position: relative;
}
.home .section {
margin: 80px 0;
}
.page .section {
position: relative;
margin: 80px 0;
} .Opening {
position:relative;
z-index: 99999;
background-color: #000;
}
.Opening ul li{
overflow: hidden;
width: 100%;
}
.Opening ul li span img.Opening__img{
max-width: inherit;
width: 100%;
height: auto;
}  .inviewfadeInUp {
opacity: 0;
-webkit-transform: translate(0, 60px);
transform: translate(0, 60px);
transition: .8s;
}
.fadeInUp {
opacity: 1.0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.inviewfadeInDown {
opacity: 0;
-webkit-transform: translate(0, -60px);
transform: translate(0, -60px);
transition: .8s;
}
.fadeInDown {
opacity: 1.0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.inviewfadeInRight {
opacity: 0;
-webkit-transform: translate(60px, 0);
transform: translate(60px, 0);
transition: .8s;
}
.fadeInRight {
opacity: 1.0;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.inviewcircle{
transition: .8s;
-webkit-transform: scale(0, 0) rotateY(180deg);
transform: scale(0, 0) rotateY(180deg);
} h2{
font-size: 2.5rem;
margin-bottom: 30px;
letter-spacing: 3px;
}
.home .menu_ttl {
text-align: center;
}
.home .menu_ttl .ttl {
display: inline-block;
font-size: 3.5rem;
color: #0090b6;
line-height: 1;
border-bottom: 1px solid #0090b6;
padding-bottom: 15px;
}
.home .menu_ttl .jp {
display: block;
margin-top: 10px;
font-size: 1.6rem;
}
.home .menu_ttl .ttl:before {
display:block;
content:"";
width: 60px;
height: 60px;
background: url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/common/logo_blu.svg); 
background-repeat: no-repeat;
margin: 0 auto 10px;
}
.en {
font-family: 'Francois One', sans-serif;
letter-spacing: 2px;
} .arrow{
position: relative;
display: inline-block;
}
.arrow::before,
.arrow::after{
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: auto;
vertical-align: middle;
} .list01 li {
list-style-type: disc; 
margin-left: 1em;
margin-top: 5px;
padding-left: 0.2em;
} .sp-button {
background-color: #cccaca;
border: none;
}
.sp-selected-button {
background-color: #b81938;
}  .pageDown a {
position: absolute;
bottom: 0;
left: 48%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(0, -48%);
transform: translate(0, -48%);
color: #fff;
font-weight: bold;
letter-spacing: 3px;
padding-top: 60px;
}
.pageDown a span {
position: absolute;
top: 0;
left: 50%;
width: 20px;
height: 20px;
margin-left: -12px;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: sdb 1.5s infinite;
animation: sdb 1.5s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb {
0% {
transform: rotate(-45deg) translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: rotate(-45deg) translate(-20px, 20px);
opacity: 0;
}
}
@keyframes sdb {
0% {
transform: rotate(-45deg) translate(0, 0);
opacity: 0;
}
50% {
opacity: 1;
}
100% {
transform: rotate(-45deg) translate(-20px, 20px);
opacity: 0;
}
} .page .section_main_visual{
position: relative;
background: url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/page/img_main.jpg) center top no-repeat;
background-size: cover;
width: 100%;
height: 400px; padding-top: 20.83333%;	
margin-top: 70px;
} #header {
background-color: transparent;
position: relative;
}
.home #header.headtp {
width: 100%;
height: 100vh;
background: transparent url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/top/img_main2025_01.jpg) scroll center center;
background-size: cover;
}
.home #header.headtp::before {
content: '';
background-color: rgba(0,0,0,0.25);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.page #header{
width: 100%;
height: 60px;
}
#header.headtp .logo {
position: absolute;
top: 44%;
left: 50%;
transform: translate(-50%, -50%);
}
#header.headtp .logo a img {
width: 260px;
}
#header.headtp .headscroll {
position: absolute;
width: 100%;
bottom: auto;
top: 0;
}
#header.headtp .headscroll.fixed {
position: fixed;
top: 0;
}
#header .headscroll #gnavi ul li > .childlist,
#header.headtp .headscroll.fixed #gnavi ul li > .childlist {
top: 60px;
}
#header.headtp .headscroll .headermini {
position: absolute;
top: 0;
z-index: 3;
height: 60px;
background-color: #0090b6;
}
#header .headscroll {
width: 100%;
position: fixed;
bottom: auto;
top: 0;
z-index: 99999;
}
#header .headscroll .headermini {
top: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#header .headscroll #gnavi {
position: relative;
top: 0;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#header .headscroll .headermini .logomini a {
display: block;
position: relative;
padding: 10px;
}
#header .headscroll .headermini .logomini a img {
width: 40px;
} #gnavi {
background: linear-gradient(#000, #4d4d4d); background: -moz-linear-gradient(#000, #4d4d4d);
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#4d4d4d));
width: 100%;
top: 0;
color: #fff;
}
#gnavi > .container {
width: 100% !important;
max-width: 100% !important;
}
#gnavi ul {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: stretch;
justify-content: flex-end;
}
#gnavi ul li {
width: calc(55% / 4);	
text-align: center;
z-index: 3;
}
#gnavi ul > li:nth-of-type(2),
#gnavi ul > li:nth-of-type(3){
cursor: pointer;
padding: 15px 0;
line-height: 1;
}
@media only screen and (min-width:479px) and (max-width:768px) {
#gnavi ul li {
width: calc(80% / 4);	
}	
}
#gnavi ul li span {
display: block;
margin-top: 5px;
font-size: 1.2rem;
}
#gnavi ul li a {
color: #fff;
display: block;
padding: 15px;
text-align: center;
line-height: 1;
}
#gnavi ul li a:hover {
background-color: rgba(0, 0, 0, 0.5);
}
#gnavi ul li > .childlist {
display: none;
position: absolute;
top: 50px;
left: 0;
width: 100%;
background-color: rgba(77, 77, 77, 0.85);
z-index: 2;
}
#gnavi ul li > .childlist > ol {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
}
#gnavi ul li:nth-child(2) > .childlist > ol > li {
width: calc(60% / 3);
}
#gnavi ul li:nth-child(3) > .childlist > ol > li {
width: calc(60% / 2);
}
#gnavi ul li > .childlist > ol > li a:hover {
background-color: rgba(0, 0, 0, 0.2);
} .footer .gmap .map {
width: 100%;
height: 400px;
}
.footer_btm {
background-color: #0090b6;
color: #fff;
padding: 20px 0;
text-align: center;
}
.footer_info span {
display: inline-block;
margin-left: 20px;
}
.footer_info span:before {
content: "";
display: inline-block;
background-image: url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/common/ft_icon_tel.svg);
background-size: 20px 11px;
background-repeat: no-repeat;
width: 20px;
height: 11px;
padding-left: 23px;
}
.copyright {
font-size: 1.2rem;
margin-top: 5px;
} span.label {
background-color: transparent;
padding: 5px 10px;
font-size: 1.2rem;
color: #fff;
letter-spacing: 1px;
text-align: center;
line-height: 1;
}
span.label {
background-color: #0090b6;
}
.section_news .btn {
text-align: center;
margin-top: 30px;
}
.section_news .read_btn {
display: inline-block;
border: 1px solid #000;
color: #0090b6;
font-weight: bold;
padding: 15px 80px;
}
.section_news .read_btn::after{
width: 10px;
height: 10px;
right: 15px;
border-top: 2px solid #0090b6;
border-right: 2px solid #0090b6;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.section_news .btn a:hover {
background-color: #0090b6;
color: #fff;
}
.section_news .read_btn:hover::after{
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}.page .mainvisual{
position: relative;
background: transparent url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/news/img_mv_news.jpg) center no-repeat;
background-size: cover;
width: 100%;
height: 250px;
}
.page .mainvisual::before {
content: '';
background-color: rgba(0,0,0,0.15); position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.page .bg_main {
position: relative;
background: transparent url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/history/bg_section.jpg) center bottom no-repeat;
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 200px;
} .hd_ttl {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-70%);
-ms-transform: translate(-50%,-70%);
transform: translate(-50%,-70%);
}
.hd_ttl > h1 {
display: inline-block;
font-size: 4.0rem;
text-align: center;
color: #fff;
line-height: 1;
letter-spacing: 3px;
font-weight: normal;
}
.hd_ttl > h1 .jp {
display: block;
margin-top: 10px;
font-size: 1.6rem;
}
.hd_ttl > h1 span:last-child {
display: block;
border-top: 1px solid #fff;
padding-top: 15px;
margin-top: 15px;
font-size: 1.4rem;
}
.hd_ttl span.en > small {
font-size: 2.5rem;
margin: 0 5px;
} .page .menu_ttl {
color: #0090b6;	
letter-spacing: 0;
}
.page p:last-child {
margin-bottom: 0;
}
.page .txt_box > p {
margin-bottom: 30px;
} .page_news .mainvisual{
background: url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/news/img_mv_news.jpg);
}
.page_news .pagenav {
margin-top: 30px;
}
.page_news .pagenav > ul {
margin: 0 0 10px;
padding: 10px 10px 5px;
text-align: center;
}
.page_news .pagenav > ul li {
display: inline-block;
margin: 0 2px;
}
.page_news .pagenav > ul li span,
.page_news .pagenav > ul li a {
display: inline-block;
margin-bottom: 5px;
padding: 1px 8px;
background-color: #0090b6;
border: 1px solid #0090b6;
color: #fff;
}
.page_news .pagenav > ul li span,
.page_news .pagenav > ul li a:hover {
background-color: #fff;
color: #0090b6;
} .selectbtn {
display: table;
margin-left: auto;
margin-bottom: 30px;
}
.page_news .selectwrap{
position: relative;
display: inline-block;
margin-left: 10px;
}
.page_news .selectwrap::before{
content: '';
position: absolute;
z-index: 0;
top: 0;
right: 0;
background-color: #0090b6;
height: 100%;
width: 30px;
}
.page_news .selectwrap::after{
content: '';
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
margin: auto 0;
right: 9px;
width: 0;
height: 0;
border-style: solid;
border-width: 6px 6px 0 6px;
border-color: #fff transparent transparent transparent; 
}
.page_news .selectwrap select{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
height: 30px;
background: transparent;
position: relative;
z-index: 1;
padding: 0 40px 0 10px;
border: 1px solid #ccc;
border-radius: 0;
}
.page_news .selectwrap select::-ms-expand {
display: none;
} .section_news .date {
display: inline-block;
font-size: 1.3rem;
}
.section_news .news_list li {
border-bottom: 1px solid #000;
}
.section_news .news_list li a span {
display: inline-block;
}
.section_news .news_list a {
position: relative;
display: block;
padding: 20px 10px;
}
.section_news .news_list a:after {
position: absolute;
right: 10px;
top: 45%;
display: inline-block;
content: "";
width: 10px;
height: 10px;
border-top: solid 2px #0090b6;
border-right: solid 2px #0090b6;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.section_news .news_list li a:hover{
background: rgb(240,240,240);
} .page_news.single .entry_box {
min-height: 300px;
padding-bottom: 50px;
border-bottom: 1px solid #4d4d4d;
}
.page_news.single .entry_box h3 {
color: #0090b6;
font-size: 2.5rem;
margin: 30px 0;
}
.page_news.single .entry_box .entry p {
margin-bottom: 20px;
}
.page_news.single .pagenav > ul li:first-child a,
.page_news.single .pagenav > ul li:last-child a{
background: none;
border: none;
color: #0090b6;
}
.page_news.single .pagenav > ul li a:hover {
background-color: #fff;
color: #0090b6;
} .page_company .mainvisual{
background: url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/company/img_mv_company.jpg);
}
.page_company .mainvisual::before {
background-color: rgba(0,144,182,0.40);
}
.company-link {
margin-bottom: 80px;
}
.company-link nav ul {
display: flex;
justify-content: space-between;
gap: 1.6rem;
}
.company-link nav ul li {
width: calc((100% - 60px) / 3);
}
.company-link nav ul li a {
width: 100%;
height: 100%;
color: #FFF;
border: 1px solid #707070;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.company-link nav ul li a:hover {
background-color: #F1F1F1;
}
.company-link nav ul li a::after {
content: "";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 10px;
height: 10px;
border-bottom: 2px solid #038FB6;
border-right: 2px solid #038FB6;
}
.company-link nav ul li a span {
color: #038FB6;
font-size: 1.6rem;
text-align: center;
}
.page_company .message{
margin-bottom: 80px;
}
.page_company .greeting {
margin-bottom: 80px;
}
.page_company .greeting > figure {
max-width: 33%; margin-right: 6%; }
.page_company .greeting > div {
max-width: 61%; }
.page_company .greeting > div p {
margin-bottom: 30px;
}
.page_company .greeting > div .sign {
margin-top: 60px;
font-size: 1.8rem;
text-align: right;
}
.philosophybox {
margin-bottom: 80px;
}
.philosophybox .philosophy-list {
margin-left: 10px;
}
.philosophybox .philosophy-list li {
list-style: decimal;
margin-left: 20px;
margin-bottom: 20px;
font-size: 2.2rem;
}
.philosophybox .philosophy-list li:last-of-type {
margin-bottom: 0;
}
.philosophybox .txt_philosophy {
color: #038FB6;
margin-top: 30px;
font-size: 2.5rem;
font-weight: 700;
}
.philosophy-originbox {
margin-bottom: 90px;
}
.philosophy-originbox dl {
margin-bottom: 80px;
}
.philosophy-originbox dl:last-of-type {
margin-bottom: 0;
}
.philosophy-originbox dl dt {
position: relative;
color: #038FB6;
margin-bottom: 20px;
padding-left: 15px;
font-size: 1.8rem;
font-weight: 700;
}
.philosophy-originbox dl dt:before {
content: "";
position: absolute;
left: 0;
width: 5px;
height: 30px;
background-color: #038FB6;
}
.philosophy-img {
margin-bottom: 65px;
}
.missionbox dl {
display: flex;
align-items: flex-start;
margin-bottom: 40px;
}
.missionbox dl dt {
width: 200px;
font-size: 1.8rem;
}
.missionbox dl dt span {
display: block;
font-size: 2.5rem;
font-weight: 700;
color: #038FB6;
margin-bottom: 10px;
}
.missionbox dl dd {
flex: 1;
font-size: 2.2rem;
} .page_history .mainvisual{
background: url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/history/img_mv_history.jpg);
} .page_history table {
width: 100%;
}
.page_history th,
.page_history td {
vertical-align: top;
padding: 15px 0;
border-top: 1px solid #ccc;
}
.page_history tr:last-child th,
.page_history tr:last-child td {
border-bottom: 1px solid #ccc;
}
.page_history th {
width: 20%;
text-align: left;
}
.page_history .bg_main {
background: url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/history/bg_section.jpg);
background-attachment: fixed;
} .page_development .mainvisual{
background: url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/development/img_mv_development.jpg) bottom;
}
.page_development .bg_main {
background: url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/development/bg_section.jpg);
background-attachment: fixed;
}
.section_paint ul li:first-child {
border-top: 1px solid #ccc;
}
.section_paint ul li {
padding: 15px;
border-bottom: 1px solid #ccc;
} .largefacility ul > li {
border-bottom: 1px solid #ccc;
margin-bottom: 40px;
padding-bottom: 40px;
}
.largefacility ul > li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.largefacility ul > li figcaption {
font-size: 1.2rem;
}
.largefacility ul > li > .l_box {
width: 56.00000000000001%; margin-right: 4%; }
.largefacility ul > li > .l_box .ttlarea {
overflow: hidden;
margin-bottom: 20px;
}
.largefacility ul > li > .l_box .ttlarea > div {
margin-right: 10px;
}
.largefacility ul > li > .l_box .ttlarea > figure {
float: right;
width: 32.142857142857146%; margin-left: 10px;
}
.largefacility ul > li > .l_box .ttlarea h2 {
color: #0090b6;
margin-bottom: 5px;
line-height: 1.3;
}
.largefacility ul > li > .l_box > .txt_box {
border-left: 5px solid #0090b6;
padding-left: 10px;
}
.largefacility ul > li > figure {
width: 40%; }
.section_primaryfacility ul li:first-child {
border-top: 1px solid #ccc;
}
.section_primaryfacility ul li {
padding: 15px;
border-bottom: 1px solid #ccc;
}
.section_primaryfacility ul li > span {
display: inline-block;
margin-left: 10px;
} .page_product .bg_main {
background: url(//www.sotozaki-kousakusyo.com/wp/wp-content/themes/sotozaki/images/product/bg_section.jpg);
background-attachment: fixed;
}
.page_product .section_product ul li {
width: 48%; margin-right: 4%; margin-bottom: 30px;
}
.page_product .section_product ul li:nth-child(2n) {
margin-right: 0;
}
.page_product .section_product ul li figure {
max-height: 300px;
overflow: hidden;
margin-bottom: 20px;
}
.page_product .section_product ul li h2 {
border-left: 5px solid #0090b6;
padding-left: 10px;
margin-bottom: 10px;
color: #0090b6;
font-size: 18px;
font-size: 1.8rem;
} .section_notfound {
height: 250px;
}
.section_notfound p {
text-align: center;
}
.section_notfound .btn {
text-align: center;
margin-top: 50px;
}
.section_notfound .btn > a{
display: inline-block;
border: 1px solid #000;
color: #0090b6;
font-weight: bold;
padding: 15px 80px;
}
.section_notfound .btn > a:hover {
background-color: #0090b6;
color: #fff;
}@media (max-width: 767px) {
body {
font-size: 1.1rem;
line-height: 1.74;
}  .pc {
display: none !important;
}
.sp {
display: block !important;
}
.home .section {
margin: 30px 0;
} .page .section {
margin: 30px 0;
}  h2{
font-size: 1.6rem;
line-height: 1.3;
margin-bottom: 10px;
letter-spacing: 2px;
}		
.home .menu_ttl .ttl {
font-size: 2.0rem;
}
.home .menu_ttl .jp {
font-size: 1.2rem;
}
.home .menu_ttl .ttl:before {
width: 40px;
height: 40px;
margin: 0 auto 5px;
} .sp-button {
width: 10px;
height: 10px;
border-radius: 50%;
margin: 0 10px;
}  .pageDown a {
left: 43%;
-webkit-transform: translate(0, -43%);
transform: translate(0, -43%);
} .page #header{
height: 50px;
}
.home #header.headtp {
height: calc(100vh - 24vw);
}
#header.headtp .logo {
width: 50%;
}
#header.headtp .headscroll {
position: fixed;
width: 100%;
bottom: auto;
z-index: 9999;
top: 0;
}
#header.headtp .headscroll .headermini {
height: 50px;
width: 100%;
background: linear-gradient(#000, #4d4d4d); background: -moz-linear-gradient(#000, #4d4d4d);
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#4d4d4d));		
}	
#header.headtp .headscroll .headermini .logomini a {
background-color: #0090b6;
display: inline-block;
height: 50px;
}	
#header.headtp .headscroll .headermini .logomini a img {
width: 30px;
}
#header .headscroll #gnavi ul li > .childlist,
#header.headtp .headscroll.fixed #gnavi ul li > .childlist {
top: 0;
}
#header .headscroll .headermini .logomini a{
padding-top: 10px;
} #gnavi {
position: fixed;
margin: 0;
}
#gnavi .menubtn {
width: 40px;
height: 40px;
position: fixed;
z-index: 1000;
top: 5px;
right: 5px;
}
#gnavi .menubtn:before {
content: "";
display: block;
background-color: #0090b6;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 35px;
height: 35px;
}
#gnavi .menubtn .open > * {
height: 2px;
background-color: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 20px;
-webkit-transition: width .4s;
-moz-transition: width .4s;
-ms-transition: width .4s;
-o-transition: width .4s;
transition: width .4s;
}
#gnavi .menubtn .open > *.bar1 {
top: -16px;
}
#gnavi .menubtn .open > *.bar3 {
top: 16px;
}
#gnavi .menubtn .close > * {
width: 0;
height: 2px;
background-color: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: width .4s;
}
#gnavi .menubtn .close > *.bar1 {
transform: rotate(45deg);
}
#gnavi .menubtn .close > *.bar2 {
transform: rotate(-45deg);
}
#gnavi ul {
position: fixed;
bottom: 0;
top: 0;
width: 100%;
padding-top: 50px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
opacity: 0;
transform: translateX(100%);
z-index: 999;
transition: .6s;
display: block;
background-color: rgba(0, 144, 182, 0.8);
background-color: rgba(0, 144, 182, 0.9);
}
#gnavi ul > li {
border-bottom: 1px solid #fff;
padding: 15px 0;
}
#gnavi ul > li:first-of-type {
border-top: 1px solid #fff;
}
#gnavi ul li {
width: 100%;
}
#gnavi ul li:nth-of-type(2),
#gnavi ul li:nth-of-type(3){
font-size: 4vw;
}
#gnavi ul li span {
margin-top: 3px;
font-size: 3vw;
}	
#gnavi ul li a {
display: block;
padding: 0;
font-size: 4vw;
}
#gnavi ul li > .childlist {
display: block;
position: relative;
top: 0;
left: 0;
background-color: inherit;
}	
#gnavi ul li > .childlist > ol {
flex-wrap: wrap;
padding: 15px 0 0;
}
#gnavi ul li:nth-child(2) > .childlist > ol > li,
#gnavi ul li:nth-child(3) > .childlist > ol > li {
width: 50%;
}
#gnavi ul li:nth-child(2) > .childlist > ol > li {
padding-bottom: 15px;
}
#gnavi ul li:nth-child(2) > .childlist > ol > li:last-child {
padding-bottom: 0;
}
#gnavi ul li:nth-child(2) > .childlist > ol > li:nth-child(3){
width: 100%;
}
#gnavi ul li > .childlist > ol > li {
border-top: 1px solid rgba(255, 255, 255, 0.5);
padding: 15px 0 0;
}
#gnavi ul li > .childlist > ol > li a {
position: relative;
font-size: 1.1rem;
}
#gnavi ul li > .childlist > ol > li a:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 12px;
margin-top: -4px;
}
#gnavi.menuon .menubtn:before {
background-color: transparent;
}
#gnavi.menuon .menubtn .open > * {
width: 0;
}
#gnavi.menuon .menubtn .close > * {
width: 25px;
}
#gnavi.menuon .container {
opacity: 1;
transform: translateX(0);
} .footer .gmap .map {
height: 150px;
}
.footer_btm {
padding: 10px 0;
}
.footer_info span {
display: block;
margin-left: 0;
}
.copyright {
font-size: 1.0rem;
} .page .mainvisual{
background-size: cover;
height: 150px;
}
.page .bg_main {
background-position: center;
background-attachment: scroll;
background-size: cover;
width: 100%;
height: 150px;
} .hd_ttl > h1 {
font-size: 2.0rem;
}
.hd_ttl > h1 .jp {
margin-top: 5px;
font-size: 1.3rem;
}
.hd_ttl > h1 span:last-child {
padding-top: 10px;
margin-top: 10px;
font-size: 1.0rem;
}
.hd_ttl span.en > small {
font-size: 1.6rem;
margin: 0 5px;
} .page .txt_box > p {
margin-bottom: 15px;
}  .section_news .date {
font-size: 1.2rem;
}
.section_news .news_list a {
padding: 10px 0;
}
.section_news .news_list a .txt {
padding-right: 20px;
margin-top: 5px;
}	
.section_news .btn {
margin-top: 20px;
}
.section_news .read_btn {
display: block;
padding: 10px 0;
} span.label {
font-size: 1.0rem;
} .page_news .pagenav {
margin-top: 15px;
} .selectbtn {
margin-bottom: 10px;
}
.page_news .selectwrap{
margin-left: 0;
width: 100%;
margin-bottom: 10px;
}
.page_news .selectwrap select{
width: 100%;
} .page_news.single .entry_box {
padding-bottom: 30px;
}
.page_news.single .entry_box h3 {
font-size: 1.6rem;
margin: 15px 0;
}
.page_news.single .entry_box .entry p {
margin-bottom: 10px;
} .company-link {
margin-bottom: 40px;
}
.company-link nav ul {
gap: 0.6rem;
}
.company-link nav ul li {
width: calc((100% - 10px) / 3);
}
.company-link nav ul li a {
padding: 10px 10px 20px;
}
.company-link nav ul li a::after {
right: inherit;
top: inherit;
bottom: 5px;
transform: translateY(-50%) rotate(45deg);
width: 7px;
height: 7px;
border-bottom: 1px solid #038FB6;
border-right: 1px solid #038FB6;
}
.company-link nav ul li a span {
font-size: 1rem;
line-height: 1.2;
}
.page_company .message{
margin-bottom: 50px;
}
.page_company .greeting > figure {
max-width: 45%;
margin-bottom: 15px;
}
.page_company .greeting > div {
max-width: 100%;
}
.page_company .greeting > div p {
margin-bottom: 15px;
}
.page_company .greeting > div .sign {
margin-top: 20px;
font-size: 1.2rem;
}	
.philosophybox {
margin-bottom: 40px;
}
.philosophybox .philosophy-list {
margin-left: 5px;
}
.philosophybox .philosophy-list li {
margin-bottom: 10px;
font-size: 1.3rem;
}
.philosophybox .txt_philosophy {
margin-top: 15px;
font-size: 1.5rem;
text-align: center;
}
.philosophy-originbox {
margin-bottom: 40px;
}
.philosophy-originbox dl {
margin-bottom: 40px;
}
.philosophy-originbox dl dt {
margin-bottom: 10px;
padding-left: 15px;
font-size: 1.3rem;
}
.philosophy-originbox dl dt:before {
height: 25px;
}
.philosophy-img {
margin-bottom: 35px;
}
.missionbox dl {
display: block;
margin-bottom: 30px;
}
.missionbox dl dt {
width: inherit;
font-size: 1.3rem;
text-align: center;
margin-bottom: 20px;
}
.missionbox dl dt span {
font-size: 1.6rem;
margin-bottom: 0;
}
.missionbox dl dd {
font-size: 1.2rem;
}  .page_history th,
.page_history td {
padding: 10px 0;
}
.page_history th {
width: 40%;
}
.page_history .bg_main {
background-attachment: scroll;
} .page_development .bg_main {
background-attachment: scroll;
}
.section_paint ul li {
padding: 10px 0;
} .largefacility ul > li {
margin-bottom: 20px;
padding-bottom: 20px;
}
.largefacility ul > li > .l_box {
width: 100%; margin-right: 0; }
.largefacility ul > li > .l_box .ttlarea > figure {
width: 25%;
}
.largefacility ul > li > figure {
margin-top: 20px;
width: 100%;
}
.section_primaryfacility ul li {
padding: 10px;
}
.section_primaryfacility ul li > span {
display: block;
margin-left: 0;
} .page_product .bg_main {
background-attachment: scroll;
}
.page_product .section_product ul li {
margin-bottom: 20px;
}	
.page_product .section_product ul li figure {
margin-bottom: 10px;
}
.page_product .section_product ul li h2 {
padding-left: 5px;
margin-bottom: 10px;
color: #0090b6;
font-size: 13px;
font-size: 1.3rem;
} 	
}