@charset "UTF-8";
@charset "utf-8";


@font-face {
font-family: 'NotoSerifMedium';
font-style: normal;
font-weight: normal;
src: local('NotoSerifJP-Medium'), url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/fonts/NotoSerifJP-Medium_subset.woff2) format('woff2');
}
@font-face {
font-family: 'NotoSerifSemiBol';
font-style: normal;
font-weight: bold;
src: local('NotoSerifJP-SemiBol'), url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/fonts/NotoSerifJP-SemiBold_subset.woff2) format('woff2');
}
@font-face {
font-family: 'OverpassSemiBold';
font-style: normal;
font-weight: bold;
src: local('Overpass-SemiBold'), url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/fonts/Overpass-SemiBold_subset.woff2) format('woff2');
}
html {
font-size: 14px;
}
body,
html {
position: relative;
margin: 0;
}
body {
display: block;
color: #000;
background: #fff;
font-family:'NotoSerifMedium', serif;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.8
}
.h2, h2{line-height:1.75}
ul, li, ol {
margin: 0;
padding: 0;
list-style-type: none;
}
dd, dt {
line-height: inherit;
}
hr {
border-top: 1px solid #000;
}
a {
color: #44318f;
text-decoration: none!important;
}
a:hover {
color: #44318f;
text-decoration: none!important;
opacity: .8;
transition: all .3s;
}
a:focus {
outline: none;
}
input:focus,
select:focus,
textarea:focus {
outline: none;
}
img {
width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
.pc {
display: none !important;
}
.sp {
display: block !important;
}
@media only screen and (min-width: 800px) {
.pc {
display: block !important;
}
.sp {
display: none !important;
}
} .inner {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.inner_350 {
max-width: 350px;
}
.inner_480 {
max-width: 480px;
}
.inner_720 {
max-width: 720px;
}
.inner_832 {
max-width: 832px;
}
.inner_856 {
max-width: 856px;
}
.inner_960 {
max-width: 960px;
}
.inner_1056 {
max-width: 1056px;
}
.inner .inner {
padding: 0
} .mb-40{margin-bottom:40px}
.mb-80{margin-bottom:80px} .btn {
font-size: 111%;
color: #44318f;
border: #44318f solid 2px;
display: inline-block;
background: #fff;
width: 320px;
text-align: center;
border-radius: 0;
transition: all .3s;
padding: 16px 0;
font-family: 'Overpass', sans-serif;
} header{display:block;position:relative}
header .container{position:relative}
@media only screen and (min-width: 991px) {
.gnav-navbar li.header-contact {
box-sizing: border-box;
display: flex;
justify-content: center;
position: fixed;
top: 240px;
right: 0;
width: 60px;
padding: 16px 0;
background-color: #44318f;
color: #fff;
transition: all .3s;
z-index: 2
}
.gnav-navbar li.header-contact a {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #fff;
font-weight: 600;
}
.gnav-navbar li.header-contact a span {
display: none;
}
}
@media only screen and (max-width: 990px) { } header:not(.header-home) {
display: block; height: 400px;
}
header:not(.header-home),
header:not(.page) {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/3.jpeg); background-size: cover;
}
header:not(.header-home) h1 {
font-size: 48px;
color: #fff;
margin-top: 200px;
font-family: inherit; letter-spacing: 0.02em;
line-height: 1.0;
}
header:not(.header-home):before {
background: rgba(0,0,0,.4);
position: absolute;
width: 100%;
height: 100%;
display: block;
content: '';
top: 0
}
.post-type-archive-product header,
.single-product header {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/product/bg_products.png);
background-size: cover;
}
.post-type-archive-material header,
.single-material header {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/material/bg_material.png);
background-size: cover;
}
.post-type-archive-news header,
.single-news header {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/news/bg_news.png);
background-size: cover;
}
.privacy-policy header{
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/2.jpeg);
background-size: cover;
}
.confirm header,
.sent header {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/3.jpeg);
background-size: cover;
}
@media only screen and (max-width: 480px) {
header:not(.header-home){height:200px}
header:not(.header-home) h1{font-size:32px;margin-top:96px}
} .footer{ }
.footer .container{padding:96px 15px}
.footer address{margin:0}
.footer address a{color:#000}
.footer address a.f_ogo {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/logo_f@2x.png)center no-repeat;
background-size: contain;
width: 280px;
height: 44px;
display: inline-block;
margin-bottom: 32px
}
.footer-logo-sm { font-size: 100%
}
.footer-logo-sm:before{}
.footer p{font-size:100%} .footer .copy{margin-bottom:0;padding-top:1rem;padding-bottom:1rem;background:#000;color:#fff}
.footer .nav-footer a {
color: #000;
}
.footer .nav-footer>li>a {
background-color: transparent;
padding: 8px 0
}
.footer .nav-footer>li>a:before { }
.footer .product h4,
.footer .material h4 {
font-size: 100%;
}
.footer .product h4 a,
.footer .material h4 a {
color: #000
}
.footer .product li a,
.footer .material li a {
font-size: 15px;
padding: 4px 0
}
.footer .other>ul>li>a:before,
.footer .product h4:before,
.footer .material h4:before {
content: '';
display: inline-block;
margin-right: 14px;
height: 1px;
width: 8px;
background: #000;
vertical-align: middle;
}
.footer .nav-footer>li>a:hover {
text-decoration: underline;
}
.footer .nav-footer>li ul li{padding:5px 15px;font-size:0.8rem;}
.footer .nav-footer>li ul li a{font-size:0.8rem}
@media only screen and (max-width: 768px) {
.footer .container{padding:48px 15px 40px}
.footer address a{text-decoration:underline}
.footer address a.f_ogo {
width: 100%;
height: 40px;
margin-bottom: 8px;
background-position: left;
}
.footer .col-lg-4 {
border-bottom: 1px solid #cdcdcd;
padding-bottom: 16px;
margin-bottom: 16px;
margin-right: 15px;
margin-left: 15px;
}
.footer .col-lg-4.other {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.footer{text-align:center}
.footer address a.f_ogo {
background-position: center
}
.footer address {
border-bottom: 1px solid #cdcdcd;
padding-bottom: 16px;
margin-bottom: 16px;
}
.footer .col-lg-6 > .row {
margin: 0
}
.footer .product li a, .footer .material li a{font-size:14px}
} .cover {
position: relative;
overflow: hidden;
margin-bottom: 0; color: #eee;
text-align: center; }
.cover .container{position:relative;height:80vh;}
.cover-body{position:relative;z-index:1;}
.cover-body img {
width: auto;
left: 10%;
position: absolute;
max-height: 68%;
top: 0;
bottom: 0;
margin: auto;
z-index: 2
}
.cover-company-title{padding:0.35rem 2rem 0.2em;color:#1c2138;border:2px solid #eee;border-radius:60px;font-size:0.9rem;font-weight:bold;background-color:#eee;} .container .heading-top {
position: relative;
top:25%;
bottom:50%;
left:0;
right:0;
z-index:2;
text-align:center;
color:#fff;
margin: auto;
display: flex;
flex-direction: column;
gap: 24px;
}
.container .heading-top .heading-top__large {
display: inline-block;
font-size: 64px;
font-weight:500;
line-height: calc(84/64 * 100%);
}
.container .heading-top .heading-top__sub {
display: inline-block;
font-size: 40px;
font-weight:500;
line-height: calc(55/40 * 100%);
}
@media screen and (max-width: 679px){ .cover {
position: relative;
overflow: hidden;
margin-bottom: 0; color: #eee;
text-align: center; }
.cover .container{position:relative;height:100vh;}
.cover-body{position:relative;z-index:1;}
.cover-body img {
width: auto;
left: 10%;
position: absolute;
max-height: 68%;
top: 0;
bottom: 0;
margin: auto;
z-index: 2
}
.cover-company-title{padding:0.35rem 2rem 0.2em;color:#1c2138;border:2px solid #eee;border-radius:60px;font-size:0.9rem;font-weight:bold;background-color:#eee;} .container .heading-top {
position: relative;
top:25%;
bottom:50%;
left:0;
right:0;
z-index:2;
text-align:center;
color:#fff;
margin: auto;
display: flex;
flex-direction: column;
gap: 24px;
}
.container .heading-top .heading-top__large {
display: inline-block;
font-size: clamp(2.5rem, 0.909rem + 7.27vw, 4rem);
font-weight:500;
line-height: calc(84/64 * 100%);
}
.container .heading-top .heading-top__sub {
display: inline-block;
font-size: clamp(1.5rem, 0.439rem + 4.85vw, 2.5rem);
font-weight:500;
line-height: calc(55/40 * 100%);
}
} .slide {
position: absolute;
width: 100%;
height: 100%;
margin: auto;
overflow: hidden;
top: 0;
bottom: 0;
z-index: -1
}
.slide:before {
background: rgba(0,0,0,.4);
position: absolute;
width: 100%;
height: 100%;
display: block;
content: '';
top: 0;
z-index: 1
}
.slide .bgImg {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0;
animation: bgAnime 21s infinite;
}
.slide .src1 {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/1.jpg)center;
background-size: cover;
}
.slide .src2 {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/2.jpg)center;
background-size: cover;
animation-delay: 7s;
}
.slide .src3 {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/mv/3.jpg)center;
background-size: cover;
animation-delay: 14s;
} @keyframes bgAnime {
0%{opacity: 0; }
50%{opacity: 1; }
80%{opacity: 0}
100%{opacity: 0; }
} .cover-arrow-wrapper {
position: absolute;
bottom: 0;
margin: auto;
left: 0;
right: 0;
}
.cover-arrow {
position: relative;
z-index: 2;
bottom: 20px;
left: 0;
right: 0;
display: inline-block;
margin: auto;
margin-top: 15px;
padding-top: 90px;
text-align: center;
}
.cover-arrow:hover {
text-decoration: none;
}
.cover-arrow span:not(.cover-arrow-text) {
width: 1px;
height: 80px;
background-color: rgba(255,255,255,0);
display: block;
margin: auto;
position: absolute;
left: 0;
right: 0;
bottom: 40px;
}
.cover-arrow span:not(.cover-arrow-text):after {
content: '';
display: block;
position: absolute; width: 1px;
background-color: #fff;
animation-name: lineMove;
animation-duration: 4s;
animation-timing-function: ease;
animation-iteration-count: infinite; }
.cover-arrow span:nth-of-type(1) { }
.cover-arrow span:nth-of-type(2) { }
.cover-arrow span:nth-of-type(3) { }
@keyframes lineMove {
0% {
bottom: 80px;
height: 0;
}
20% {
bottom: 0;
height: 80px;
}
40% {
bottom: 0;
height: 0;
}
100% {
bottom: 0;
height: 0;
}
}
.cover-arrow-text {
padding: 0.2em 1em;
font-size: 18px;
color: #fff;
transition: all 0.3s;
font-family: 'Overpass', sans-serif; letter-spacing: 0.02em;
line-height: 1.0;
}
.cover-arrow:hover .cover-arrow-text{opacity:.4}
@-webkit-keyframes sdb{
0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
}
@keyframes sdb{
0%{opacity:0;}
50%{opacity:1;}
100%{opacity:0;}
}
@media only screen and (min-width: 768px) {
.cover{}
.cover .cover-body h1{margin-top:30px;font-size:4rem;}
.products-body{margin-top:-30px;margin-right:auto;margin-left:auto;}
}
@media only screen and (max-width: 767px) {
.cover-body img{max-height:48%}
} #loading {
width: 100vw;
height: 100vh;
transition: all 2s;
background: #000;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
}
.spinner {
width: 100px;
height: 100px;
margin: auto;
background-color: #fff;
border-radius: 100%;
animation: sk-scaleout 1.0s infinite ease-in-out;
position:  absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/logo_m_f.png) center no-repeat;
background-size: 90px;
} @keyframes sk-scaleout {
0% {
transform: scale(0);
} 100% {
transform: scale(1.0);
opacity: 0;
}
} .loaded {
opacity: 0;
visibility: hidden;
} #point{padding-bottom:0}
.point-sec li{margin:0;background:#44318f}
.point-sec li:hover{background:#695aa5}
.s-point-img{position:relative;height:280px;}
.s-point-img:before {
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 ); content: '';
position: absolute;
width: 100%;
height: 100%;
}
.s-point-text-area {
position: relative;
padding: 0 30px;
z-index: 100;
}
.s-point-ttl {
margin: -.8em 0 40px;
font-size: 24px;
color: #fff;
line-height: 1.0;
text-align: center;
}
.s-point-ttl span {
position: relative;
}
.s-point-text {
font-size: 16px;
color: #fff;
line-height: 2.0;
margin-bottom: 40px
}
.s-point-btn {
font-family: 'Overpass', sans-serif;
font-weight: 600;
display: block;
position: relative;
margin-top: 35px;
padding: 26px 5px;
border-top: 1px solid;
border-color: rgba(255,255,255,0.3);
color: #fff;
font-size: 17px;
}
.s-point-btn::after{
display: block;
content: '';
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin-top: -3px;
border: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.point-sec a .s-point-btn::after {
transition: all .3s;
}
.point-sec a:hover .s-point-btn::after {
position: absolute;
top: 50%;
right: 0;
}
.point-sec .s-point01,
.point-sec .s-point02,
.point-sec .s-point03 {
display: block;
transition: all .3s;
}
@media only screen and (min-width: 768px) {
.point-sec{display:flex;}
.point-sec .s-point01{width:33.3%;margin-right:1px;}
.point-sec .s-point02{width:33.3%;margin-right:1px;}
.point-sec .s-point03{width:33.4%;margin-bottom:0;}
}
@media only screen and (max-width: 767px) {
.point-sec li{overflow:hidden;width:100%}
.s-point-ttl {
margin: -.8em 0 16px;
}
.s-point-text {
margin-bottom: 24px
}
} #info-sec{padding:56px 0;font-size:100%;background:url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/bg_info.png) #eee right bottom no-repeat}
#info-sec .info-sec-catalog{border-bottom:1px solid #44318f;padding-bottom:32px;margin-bottom:32px}
#info-sec p{margin-bottom:24px;font-size:16px}
#info-sec .btn{font-size:111%;color:#44318f;border:#44318f solid 2px;display:inline-block;background:#fff;width:320px;text-align:center;border-radius:0;transition:all .3s;padding:16px 0}
#info-sec .btn:hover{color:#fff;background:#44318f}
#info-sec .btn:after {
content: '';
display: inline-block;
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/ico_arrow@2x.png);
background-size: contain;
width: 29px;
height: 29px;
vertical-align: bottom;
margin-left: 24px;
}
#info-sec .btn:hover:after {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/ico_arrow_h@2x.png);
background-size: contain;
}
@media only screen and (max-width: 767px) {
#info-sec picture img{margin-bottom:16px}
} #company{padding:104px 0}
#company h2{font-size:40px;color:#767187;margin:0 0 64px}
#company .company-massage {
position: relative;
}
#company .company-massage-text {
color: #fff;
background: rgba(118,113,135,.8);
font-size: 16px;
padding: 40px 32px;
}
@media only screen and (min-width: 800px) {
#company .company-massage-text {
position: absolute;
right: 6.7%;
width: 52%;
top: 96px;
}
#company picture img {
width: 57%;
min-width: 760px;
max-width: 1000px;
margin: 0;
}
}
@media only screen and (max-width: 799px) {
}
@media only screen and (max-width: 767px) {
#company{padding:48px 0}
#company h2{font-size:24px;margin:0 0 40px}
} .contents .recruit-sec{padding-bottom:0}
.recruit-sec h3 {
display: inline-block;
position: absolute;
top: 30px;
left: 0;
z-index: 100;
font-size: 20px;
margin: 0
}
.recruit-sec h3 span {
padding: 56px 24px;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
color: #44318f;
border: 2px solid #44318f;
background-color: #fff;
}
.recruit-sec li a:hover h3 span {
background-color: #44318f;
color: #fff;
transition: all .3s;
}
.recruit-sec li a {
display: block;
}
.recruit-sec li a:hover {
opacity: .8;
transition: all .3s;
}
@media only screen and (min-width: 768px) {
.recuit-sec-person-area {
display: flex;
position: relative;
margin-bottom: 90px;
padding: 0 0 0 4%;
justify-content: flex-end;
}
.recruit-sec li {
margin: 0 0 0 6%;
}
.person-area-inner {
position: relative;
margin: 0;
}
.recruit-sec picture {
margin-left: 48px;
}
}
@media only screen and (max-width: 767px) {
.person-area-inner {
position: relative;
margin: 0 0 0 32%;
}
.recruit-sec h3 {
font-size: 16px
}
.recruit-sec h3 span {
padding: 28px 12px;
}
.recuit-sec-person-area {
margin-bottom: 48px;
padding: 0 24px
}
.recuit-sec-person-area li {
margin: 0 0 30px 0;
}
.recuit-sec-person-area li:last-child .person-area-inner {
margin: 0 32% 0 0;
}
.recuit-sec-person-area li:last-child {
margin-bottom: 0;
}
.recuit-sec-person-area li picture {
margin-left: 30px;
}
} #news{background:linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/top/bg_news.jpg);background-size:cover;padding:56px 0}
#news .hd-wrapper{background:rgba(255,255,255,.8);}
#news .hd-wrapper a{color:#44318f}
#news .hd-wrapper dl {
padding: 80px 16px 48px;
margin: 0
}
#news .hd-wrapper dl dt {
width: 30%;
float: left;
padding: 16px 0;
clear: both;
}
#news .hd-wrapper dl dd {
padding-left: 32%; padding: 16px 0;
border-bottom: 1px solid #959595;
box-sizing: border-box;
}
#news .btn {
color: #44318f;
border: 2px solid #44318f;
background-color: #fff;
padding: 16px 24px;
display: inline-block;
font-size: 100%;
margin-bottom: 80px
}
#news .btn:hover {
background: #44318f;
color: #fff;
transition: all .3s;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
#news .hd-wrapper dl {
padding: 40px 16px 24px;
font-size: 12px;
}
} .hero{text-align:center;}
.hero h2{padding:0 0 48px}
.hero h2:after{content:'';width:120px;display:block;border-bottom:1px solid #44318f;margin:auto;padding-bottom:24px;} .contents{padding-top:80px;padding-bottom:80px}
.home .contents{padding-top:0;padding-bottom:0}
.contents section{padding-bottom:80px}
.contents section:last-child{padding-bottom:0}
.contents section h3{margin:0 0 24px} .afterservice .contents section ol > li {
padding-left: 1em;
text-indent: -1em;
margin-bottom: 8px
}
.afterservice .contents section ul li {
padding-left: 2em;
text-indent: -2em;
} .page .contents section img {
margin-bottom: 40px
}
.single section h2, .page section h2 {
margin: 0 0 24px;
font-size: 32px;
font-weight: bold;
}
.page section h2+p {
margin: 0 0 48px
}
.page section h3 {
margin: 0 0 24px;
font-size: 24px;
line-height: 1.75;
}
.page section h3+p {
margin: 0 0 40px
}
.page section p:last-child {
margin: 0
}
@media only screen and (max-width: 480px) {
.contents{padding-top:40px;padding-bottom:56px}
.contents section{padding-bottom:40px}
.single section h2, .page section h2{font-size:20px}
.single section h3,
.page section h3{font-size:18px}
.hero h2{padding:0 0 24px}
} #map_canvas {
height: 600px;
width: 100%;
} .jobs-sec h3 {
background: #000;
color: #fff;
text-align: center;
padding: 8px 0;
margin: 0 0 8px;
font-size: 100%
}
.jobs-sec .row {
margin: 0
}
.jobs-sec .row > div {
padding: 0;
border: 1px #000 solid
}
.jobs-sec dl {
padding: 0;
margin: 0
}
.jobs-sec dl dd {
margin-bottom: 16px
}
.jobs-sec dl dd:last-child {
margin-bottom: 0
} .tabs {
padding-bottom: 40px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.tab_item {
width: calc(100%/4);
height: 56px;
border-bottom: 3px solid #44318f;
background-color: #d9d9d9;
line-height: 56px;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
margin-bottom: 0;
}
.tab_item:hover {
opacity: 0.75;
} input[name="tab_item"] {
display: none;
} .tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#jimu:checked ~ #jimu_content {
display: block;
} .tabs input:checked + .tab_item {
background-color: #44318f;
color: #fff;
}
@media only screen and (max-width: 767px) {
.tab_item {
width: calc(100%/2);
}
.tab_content {
padding: 16px 16px 0;
}
} .post-type-archive-news section {
}
.post-type-archive-news section a {
color: #44318f
}
.post-type-archive-news section dt{
color: #767187;
margin-bottom: 16px
}
.post-type-archive-news section dd {
border-bottom: 1px solid #959595;
padding-bottom: 40px;
margin-bottom: 40px;
} .single_cat {
color: #44318f;
border: 2px solid #44318f;
padding: 8px 16px;
margin-right: 16px
}
.single-news section{}
.single-news section h1{font-size:32px;margin:24px 0 48px}
.post-meta {
border-bottom: 1px solid #000;
padding-bottom: 48px;
margin-bottom: 24px;
margin-top: 16px;
color: #767187
}
.post-meta p {
margin: 0
}
.single-arrow a {
color: #44318f;
border: 2px solid #44318f;
padding: 8px;
}
.single-arrow-next{text-align:right}
@media only screen and (max-width: 767px) {
.single-news section h1{font-size:24px;margin:24px 0 24px}
} .afterservice header { } .single-product section{padding:0 0 160px}
.single-product section:last-child{padding:0 0 80px}
.single-product section .row h2 {
font-size: 111%
}
.single-product .product-material {
}
.single-product .product-material ul li {
float: left;
margin-bottom: 16px;
padding: 8px 16px;
margin-right: 16px;
display: inline-block;
color: rgba(68,49,143,.4);
border: 2px solid rgba(68,49,143,.4);
}
.single-product .product-material ul li a {
color: #44318f;
border: 2px solid #44318f;
margin: -2px;
display: block;
margin: -10px -18px;
padding: 8px 16px;
}
.single-product .product-material ul li a:hover {
background: #44318f;
transition:all .3s;
color: #fff
} .product-lead h2 {
margin: 0 0 40px
}
.product-lead img {
margin: 0 0 40px 0
}
.product-list ul {
}
.product-list ul li {
margin-bottom: 24px;
height: 400px
}
.product-list ul li:last-child{margin-bottom:0}
.product-list ul li > div {
color: #44318f;
border: 2px solid #44318f;
box-sizing: border-box;
height: 100%;
}
.product-list ul li > div a {
padding: 32px 16px;
display: block;
height: 100%;
}
.product-list ul li .txt {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
height: 100%;
-webkit-text-orientation: upright;
text-orientation: upright;
background: rgba(255,255,255,.6);
}
.product-list ul li .txt h3 {
margin: 0 16px;
color: #44318f; }
.product-list ul li .txt h3 span {
}
.product-list ul li .txt p {
color: #000;
font-size: 16px;
padding-right: 16px;
}
.product-list ul li:hover {
opacity: .8;
transition: all .3s;
} .product-series ul li { }
.product-list ul li .txt p span {
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: inherit;
writing-mode: horizontal-tb;
} .table-og {
border-bottom: 1px solid #000;
}
.table-spec td {
text-align: center;
}
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 480px) {
.product-list ul li{height:320px}
}
@media only screen and (max-width: 320px) {
.product-list ul li{height:280px}
} .page .gform_wrapper {
margin-top: 0;
margin-bottom: 0
}
.page .gform_wrapper textarea,
.page .gform_wrapper input,
.page .gform_wrapper.gf_browser_chrome select,
.page .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
border: none;
background: #f4f4f4;
padding: 8px;
margin-left: 0;
position: relative;
border-right: solid 8px #f4f4f4;
}
.page .gform_wrapper select { }
.page .gform_wrapper select:after {
}
.page .gform_wrapper .gform_footer input.button,
.page .gform_wrapper .gform_footer input[type=submit] {
margin: auto;
color: #44318f;
border: #44318f solid 2px;
display: inline-block;
background: #fff;
width: 320px;
text-align: center;
border-radius: 0;
transition: all .3s;
padding: 16px 0;
}
.page .gform_wrapper .gform_footer input.button:hover,
.page .gform_wrapper .gform_footer input[type=submit]:hover {
color: #fff;
background: #44318f;
}
.page .gform_wrapper .gform_footer {
text-align: center;
} .post-type-archive h2, .recommend h2 {
color: #767187;
margin: 0 0 40px;
font-size: 30px;
}
@media only screen and (max-width: 767px) {
.post-type-archive h2, .recommend h2 {
margin: 0 0 24px;
font-size: 24px;
}
} .post-type-archive-material table {
border-collapse: collapse;
width: 100%;
text-align: center;
border-bottom: solid 1px #666;
}
.post-type-archive-material th {
border: solid 1px #666;
text-align: center;
padding: 8px 0;
}
.post-type-archive-material td {
border: solid 1px #666;
text-align: center;
}
.post-type-archive-material thead {
color: #fff
}
.post-type-archive-material thead a {
color: #fff;
text-decoration: underline;
}
.post-type-archive-material thead a:hover {
text-decoration: none;
}
.post-type-archive-material tbody .nrow {
background: #d9d2e9
}
.post-type-archive-material .th0 {
border: 0;
background: none;
}
.post-type-archive-material .th1,
.post-type-archive-material .th2 {
background: #20124d
}
.post-type-archive-material .th3,
.post-type-archive-material .th4,
.post-type-archive-material .th5 {
background: #351c75
}
.post-type-archive-material .th6,
.post-type-archive-material .th7 {
background: #674ea7
} .material-list ul li {
height: 240px;
color: #fff;
font-size: 24px;
margin-bottom: 16px;
text-align: center;
}
.material-list ul li a {
color: #fff;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
position: relative;
height: 100%;
width: 100%;
position: absolute;
top: 0;
}
.material-list ul li div {
height: 100%;
width: 100%;
position: relative;
}
.material-list ul li div:before {
background: rgba(0,0,0,.4);
width: 100%;
height: 100%;
content: "";
display: block;
}
@media only screen and (max-width: 767px) {
.material-list ul li {
height: 120px;
font-size: 18px;
}
} .company #History dl dd {
border-bottom: 1px solid #959595;
margin-bottom: 16px;
padding-bottom: 16px;
}
.company #History dl dd:last-child {
border-bottom: none;
}  .gnav{position:absolute;z-index:150;top:0;left:0;overflow:scroll;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%;padding:30px 0 60px;background-color:white;}
.gnav.is-fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 150;
}
.gnav-brand {
position: relative;
z-index: 20;
display: block;
float: none;
min-width: 180px;
height: 50px;
margin-bottom: 15px;
margin: 4px 16px;
color: transparent;
background: transparent url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/images/gnav-logo.svg) no-repeat center center;
font-size: 0;
line-height: 20px;
}
.gnav-container {
max-width: 1900px;
margin: auto;
padding-right: 15px;
padding-left: 15px;
}
.gnav-navbar{position:relative;z-index:10;}
.gnav-navbar li a{color:#45357E;font-weight:600;transition:all .3s;}
.gnav-navbar li a span {
display: block;
color: #999;
font-family: 'OverpassSemiBold',sans-serif; letter-spacing: 0.02em;
line-height: 1.0;
font-size: 12px
}
.gnav-navbar li a:hover{color:#FFF;background-color:#45357E}
.gnav-navbar .dropdown-menu{position:relative;padding-top:0;padding-bottom:0;border-color:#cdcdcd;border-radius:0;}
.gnav-navbar .dropdown-menu li a{padding-top:12px;padding-bottom:12px;}
.gnav-info a{display:block;color:#45357E;border-color:#45357E; }
.gnav-info a:hover{color:#eee;background-color:#45357E;}
.gnav-info .badge{padding:0.3em 0.65em 0.1em;background-color:#C11A36;text-shadow:none;}
.dropdown-menu{border:0} .sp-nav-icon{ position:absolute;z-index:999;top:0px;right:0px;display:inline-block;overflow:visible;width:50px;height:50px;margin:0;padding:15px;cursor:pointer;-webkit-transition-timing-function:linear;transition-timing-function:linear;-webkit-transition-duration:0.15s;transition-duration:0.15s;-webkit-transition-property:opacity,-webkit-filter;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:2px solid #eee;background-color:rgba(30,33,56,0.5);font:inherit;border:none;background:none}
.sp-nav-icon.is-active{border-color:white;}
.sp-nav-icon:hover,
.sp-nav-icon:focus,
.sp-nav-icon:active {
background: none !important;
box-shadow: none !important;
}
.sp-nav-icon-box{position:absolute;top:40px;right:16px;display:inline-block;width:24px;height:24px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.sp-nav-icon-inner {
position: absolute;
top: 50%;
display: block;
width: 24px;
height: 2px;
margin-top: -1px;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
border-radius: 3px;
background-color: white;
}
.sp-nav-icon-inner::after, .sp-nav-icon-inner::before {
position: absolute;
width: 24px;
height: 2px;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
border-radius: 3px;
background-color: white;
}
.sp-nav-icon-inner::after, .sp-nav-icon-inner::before {
display: block;
content: "";
}
.sp-nav-icon-inner::before {
top: -8px;
}
.sp-nav-icon-inner::after {
bottom: -8px;
}
.sp-nav-text{position:absolute;top:101%;right:0;left:0;display:inline-block;margin:auto;padding-top:0.5rem;color:#eee;text-shadow:0 0 3px #1c2138;font-size:11px;font-weight:bold;}
.sp-nav-icon .sp-nav-text::after,.sp-nav-icon .sp-nav-text::before{position:absolute;right:0;left:0;margin:auto;-webkit-transition:all 0.4s;transition:all 0.4s;} .sp-nav-icon.is-active .sp-nav-text::before{opacity:0;}
.sp-nav-icon.is-active .sp-nav-text::after{opacity:1;} .sp-nav-icon-spin .sp-nav-icon-inner {
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.sp-nav-icon-spin .sp-nav-icon-inner::before {
-webkit-transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
}
.sp-nav-icon-spin .sp-nav-icon-inner::after {
-webkit-transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.sp-nav-icon-spin.is-active .sp-nav-icon-inner {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: rotate(225deg);
-ms-transform: rotate(225deg);
transform: rotate(225deg);
}
.sp-nav-icon-spin.is-active .sp-nav-icon-inner::before {
top: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
opacity: 0;
}
.sp-nav-icon-spin.is-active .sp-nav-icon-inner::after {
bottom: 0;
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
} .gnav_menu_language {
margin-top: 40px;
}
.gnav_menu_language .btn {
width: 100%;
font-size: 100%;
padding: 16px
}
.gnav_menu_language select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gnav_menu_language label {
position: relative;
width: 100%;
margin-bottom: 0
}
.gnav_menu_language label::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
position: absolute;
top: 50%;
right: 16px;
margin-top: -3px;
}
@media only screen and (min-width: 992px) { .gnav{overflow:visible;width:100%;height:auto;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0;background-color:transparent;}
.gnav-navbar li>a{color:#fff}
.gnav-navbar li>a:hover{}
.gnav-navbar li>a:after{}
.gnav-navbar li>a:hover:after{}
.gnav-brand {
background-image: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/logo-super-cut-wh.svg);
position: absolute;
height: 100%;
margin-bottom: 0;
}
.gnav-navbar {
float: right;
}
.gnav-navbar li {
float: left;
padding-left: 0;
text-align: center;
}
.gnav-navbar li a {
position: relative;
display: block;
padding: 15px;
}
.gnav-navbar .dropdown-menu {
position: absolute;
right: 0;
left: auto;
} .gnav-info {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
padding-top: 70px;
text-align: right;
}
.gnav-info a {
display: inline-block;
color: #eee;
border-color: #eee;
background-color: rgba(30, 33, 56, 0.5);
text-shadow: 0 0 5px rgba(10, 0, 33, 0.8);
}
.gnav-info a:hover {
color: #45357E;
background-color: #eee;
text-shadow: none;
}
.gnav-info a.gnav-phone {
border-color: transparent;
background-color: transparent;
font-size: 1.3rem;
margin-top: 5px;
}
.gnav-info a.gnav-phone:hover {
color: #eee;
border-color: transparent;
background-color: transparent;
}
.sp-nav-icon {
display: none;
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
.dropdown-menu li {
float: none;
width: 100%;
}
.gnav-navbar li > .dropdown-menu li a::after {
content: "";
height: 0;
width: 0;
}
}
@media (max-width: 991px) {
.gnav{
position: fixed;
display: none;
width: 320px;
max-width: calc(100vw - 40px);
padding: 30px 24px 60px;
box-shadow: 12px 0 24px rgba(0, 0, 0, 0.18);
}
.gnav-container {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.gnav-brand {
margin: 0 0 20px;
}
.gnav-navbar li {
width: 100%;
}
.gnav-navbar li a {
position: relative;
display: block;
padding: 12px 0;
}
.gnav-brand {
background: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/logo_f@2x.png) center no-repeat;
background-size: contain;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
background: #45357e;
color: #FFFFFF;
}
.dropdown-menu {
background: none;
box-shadow: 0 0 0;
top: 0;
width: 100%;
}
.dropdown-menu li {
float: none;
width: 100%;
}
.dropdown-menu li a {
color: #c11a36;
}
.dropdown-menu li a:hover {
background: #c11a36;
color: #FFFFFF;
}
}
@media only screen and (min-width: 768px) {
html {
font-size: 16px;
}
.header-nav .navbar-collapse {
background-color: transparent;
}
.header-nav .navbar-collapse ul a {
color: #fff;
}
.footer {
text-align: left;
}
.footer-logo-sm {
padding-top: 0;
background-position: 0 center;
}
.footer .nav-footer>li ul li {
max-width: 10rem;
}
.footer-logo-sm:before {
position: absolute;
left: 0;
width: 40px;
height: 38px;
margin-left: 0;
}
}
@media only screen and (max-width: 480px) {
} .table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
border-top: 1px solid #959595;
border-bottom: 0;
padding: 16px 8px;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
border: none;
}
.table-og {
border-bottom: 1px solid #959595;
} #consul-form {
padding-top: 6em;
}
#consul-form .wpcf7-form {
margin-bottom: 0!important;
} #clients {
padding: 96px 0; margin-bottom: 0; background: #fff; }
#clients h2 {
font-size: 40px;
color: #767187;
margin: 0 0 64px;
}
#clients .container {
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
align-content: center;
width: 100%;
}
#clients .client_link_item {
float: left;
display: inline-block;
width: 25%;
padding: 1%;
margin-top: 10px;
}
@media only screen and (max-width: 768px) {
#clients h2 {
font-size: 24px;
margin: 0 0 40px;
}
#clients .client_link_item {
width: 50%;
padding: 5% 1%;
} #clients { padding: 56px 0; }
}
.sns {
margin: 20px 0;
overflow: hidden;
max-width: 300px;
}
.sns a {
float: left;
width: 25%;
padding: 10px 15px;
}
@media only screen and (max-width: 768px) {
.sns {
margin: 20px auto;
}
.col-sm-8 {
clear: both;
}
}
.header-logo-sp {
display: none;
}
.header-logo-sp__link {
display: none;
} @media (max-width: 991px) {
.header-logo-sp {
display: initial;
position: absolute;
z-index: 2;
top: 25px;
left: 15px;
width: 100%;
height: 100%;
}
.header-logo-sp__link {
display: initial;
background-image: url(//www.ogino-ss.co.jp/wp-content/themes/emanon-premium-child/assets/img/common/logo-super-cut-wh.svg);
background-repeat: no-repeat;
max-width: 160px;
height: 100%;
margin-bottom: 0;
color: transparent;
}
}   @media (max-width: 991px) {
} @media (max-width: 767px) {
} @media (max-width: 543px) {
}   @media (min-width: 544px) {
} @media (min-width: 768px) {
} @media (min-width: 992px) {
}  @media screen and (min-width: 768px) and (max-width: 979px) {
} @media screen and (min-width: 480px) and (max-width: 767px)  {
} .movie-box {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.movie-box iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .swiper-wrapper {
transition-timing-function: linear;
margin: 48px 0;
} .swiper-slide {
width: 100%;
max-width: 300px;
height: auto;
}
@media screen and (max-width: 679px){
.swiper-slide {
width: 100%;
max-width: 150px;
}
.swiper-slide img {
width: 100%;
height: auto;
}
}
.logo-slider {
background: #fff;
padding: 16px 0;
}   .slick-dots button {
position: relative;
height: 3px;
width: 30px;
line-height: 1;
padding: 0;
border: none;
outline: none;
border-radius: 3px;
cursor: pointer;
vertical-align: middle;
box-shadow: none;
text-indent: 100%;
white-space: nowrap;
overflow: visible;
background-color: initial;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.slick-dots .slick-active button,
.slick-dots button:hover {
background: none!important;
}
.btn {
font-size: 111%;
color: #44318f;
border: #44318f solid 2px;
display: inline-block;
background: #fff;
width: 320px;
text-align: center;
border-radius: 0;
transition: all .3s;
padding: 16px 0;
font-family: 'Overpass', sans-serif;
}
.gnav_menu_language .btn {
width: 100%;
font-size: 100%;
padding: 16px;
height: 50.8px;
}
.gnav_menu_language select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.gnav_menu_language .btn {
font-size: 16px;
color: #44318f;
border: #44318f solid 2px;
display: inline-block;
background: #fff;
width: 160px;
text-align: center;
border-radius: 0;
transition: all .3s;
padding: 0 16px;
font-family: 'Overpass', sans-serif;
margin-bottom: 0;
font-weight: 400;
text-align: center;
vertical-align: middle;
line-height: 1.42857143;
touch-action: manipulation;
cursor: pointer;
user-select: none;
background-image: none;
}
.gnav_menu_language .btn-secondary:hover {
color: #44318f;
background-color: #fff;
border: #44318f solid 2px;
}
.slick-slider {
overflow: initial;
} .page-numbers {
border-radius: 0!important;
}
ul.page-numbers {
border-radius: initial;
border: none;
background-color: transparent!important;
}
ul.page-numbers:hover {
border: none;
background-color: transparent!important;
}
ul.page-numbers > li {
font-size: 14px;
}
ul.page-numbers > li > a {
border: none!important;
border-radius: initial!important;
}
ul.page-numbers > li > a.page-numbers {
border-radius: initial!important;
}
li > .page-numbers:hover {
border: 1px solid #fff!important;
background-color: transparent!important;
background-color: #44318f!important;
}
.page-numbers.current {
background-color: #44318f!important;
color: #fff!important;
}
.page-numbers.current:hover {
background-color: #44318f!important;
color: #fff!important;
}
.page-numbers.dots {
border: none!important;
background-color: transparent!important;
color: #44318f!important;
}
.page-numbers.dots:hover {
border: none!important;
background-color: transparent!important;
color: #44318f!important;
}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{-webkit-box-sizing:content-box;-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"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;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;-webkit-box-sizing:content-box;-moz-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}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}