@charset "UTF-8";
  html {
overflow: auto;
}
body {
min-width: 320px;
line-height: 1.8;
overflow: hidden;
color: #333;
font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
font-size: 1.3rem;
letter-spacing: .06em;
-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 599px) {
body {
position: relative;
}
}
@media screen and (min-width: 600px) {
body {
min-width: 1100px;
font-size: 1.6rem;
}
}
#home #wrapper {
position: relative;
margin-top:90px;
}
@media screen and (max-width: 599px) {
#home #wrapper {
position: initial;
margin-top: 0px;
}
}
a {
color: #333;
text-decoration: none;
}
@media screen and (min-width: 600px) {
a.opacity img {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
a.opacity:hover {
text-decoration: none !important;
}
a.opacity:hover img {
opacity: .7;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
}
img {
max-width: 100%;
-webkit-backface-visibility: hidden; } .cf:after {
display: block;
clear: both;
content: "";
} .is_font_roboto {
font-family: "Roboto";
} .mediaquery {
font-family: "sp";
}
@media screen and (min-width: 600px) {
.mediaquery {
font-family: "pc";
}
}
@media screen and (min-width: 600px) {
.viewSp {
display: none !important;
}
}
@media screen and (max-width: 599px) {
.viewPc {
display: none !important;
}
} #gHeader {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 11;
height: 50px;
background:#FFF;
}
@media screen and (max-width: 599px) {
#gHeader {
background:#FFF;
z-index: 10001;
}
}
@media screen and (min-width: 600px) {
#gHeader {
height: 90px;
min-width: 1100px;
}
}
#gHeader .logo {
position: relative;
float: left;
z-index: 2;
width: 100px;
height: 28px;
padding: 10px 0 0 15px;
}
@media screen and (min-width: 600px) {
#gHeader .logo {
width: 134px;
height: 38px;
padding: 24px 0 0 30px;
}
}
#gHeader .logo svg {
width: 100px;
height: 28px;
}
@media screen and (min-width: 600px) {
#gHeader .logo svg {
width: 134px;
height: 38px;
}
}
#gHeader .btnContact {
position: absolute;
top: 0;
right: 50px;
z-index: 2;
}
#gHeader .btnContact a {
display: block;
position: relative;
width: 50px;
height: 50px;
overflow: hidden;
background: #0c2b55;
background-image: -webkit-linear-gradient(-45deg, #00407c 0%, #05539c 100%);
background-image: -ms-linear-gradient(-45deg, #00407c 0%, #05539c 100%);
text-indent: 200%;
white-space: nowrap;
}
#gHeader .btnContact a:after {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 22px;
height: 14px;
background: url(//www.carview.co.jp/wp-content/themes/carview/img/common/ico_mail01.png) no-repeat center;
background-size: contain;
content: "";
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#gHeader .btnGnav {
position: absolute;
top: 0;
right: 0;
z-index: 2;
box-sizing: border-box;
width: 50px;
height: 50px;
border: 0;
border-radius: 0;
background: #fff;
outline: none;
cursor: pointer;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#gHeader .btnGnav span {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 3px;
margin-top: -1.5px;
margin-left: -10px;
background: #0195d1;
content: "";
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#gHeader .btnGnav span:nth-child(1) {
margin-top: -8px;
}
#gHeader .btnGnav span:nth-child(3) {
margin-top: 6px;
}
#gHeader .btnGnav.is_open span:nth-child(1) {
margin-top: -1.5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#gHeader .btnGnav.is_open span:nth-child(2) {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#gHeader .btnGnav.is_open span:nth-child(3) {
margin-top: -1.5px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media screen and (max-width: 599px) {
#gHeader.is_open:before {
display: block;
position: absolute;
top: 0;
left: 0;
clear: both;
width: 100%;
height: 49px;
border: 1px solid #dce1e1;
background: #fff;
content: "";
z-index: 1;
}
}
#gNav {
position: absolute;
top: 0;
right: 0;
box-sizing: border-box;
overflow: auto;
text-align: center;
}
@media screen and (max-width: 599px) {
#gNav {
display: none;
left: 0;
padding: 50px 0 220px;
background: #fff;
}
}
@media screen and (min-width: 600px) {
#gNav {
top: 0;
right: 0;
height: 94px;
}
}
@media screen and (max-width: 599px) {
#gNav .listLink {
padding-top: 100px;
}
}
@media screen and (min-width: 600px) {
#gNav .listLink {
display: inline-block;
}
}
#gNav .listLink a {
display: block;
line-height: 1;
font-weight: 600;
font-size: 1.2rem;
}
#gNav .listLink li:nth-child(1) a,
#gNav .listLink li:nth-child(2) a,
#gNav .listLink li:nth-child(3) a,
#gNav .listLink li:nth-child(4) a,
#gNav .listLink li:nth-child(5) a {
color: #333;
}
@media screen and (min-width: 600px) {
#gNav .listLink a {
padding: 25px 24px 24px;
color: #fff; -webkit-transition: all .3s ease;
transition: all .3s ease;
}
#gNav .listLink a:hover,
#gNav .listLink li a:hover {
color: #0195d1; }
}
#gNav .listLink .en {
display: block;
line-height: 1;
padding-bottom: 12px;
font-style: italic;
font-weight: 900;
font-size: 2.1rem;
}
@media screen and (min-width: 600px) {
#gNav .listLink .en {
font-size: 1.7rem;
}
}
@media screen and (min-width: 600px) {
#gNav .listLink li {
float: left;
}
}
@media screen and (max-width: 599px) {
#gNav .listLink li+li {
margin-top: 33px;
}
}
@media screen and (min-width: 600px) {
#gNav .listLink .btn {
width: 140px;
margin-left: 24px;
}
#gNav .listLink .btn a {
background: url(//www.carview.co.jp/wp-content/themes/carview/img/common/header/btn_contact01.png) no-repeat center;
background-size: cover;
}
#gNav .listLink .btn a:hover {
background-image: url(//www.carview.co.jp/wp-content/themes/carview/img/common/header/btn_contact01_o.png);
color: #fff;
}
}
#home #mainvisual  {
position: relative;	
}
@media screen and (max-width: 599px) {
#home #mainvisual {
/ /
}
}
@media screen and (min-width: 600px) {
#home #mainvisual  {
top:90px;
margin-top: -45px;
margin-bottom: -45px; }
}
#home #mainvisual .copy {
position: absolute;
top: 55%;
left: 50%;
z-index: 5;
width: 227px;
height: 154px;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 599px) {
#home #mainvisual .copy {
z-index: 9;
}
}
@media screen and (min-width: 600px) {
#home #mainvisual .copy {
left: 200px;
width: 499px;
height: 278px;
margin-top: 20px;
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transition-delay: 2s;
transition-delay: 2s;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#home #mainvisual .copy.is_animated {
margin-top: 0;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
#home #mainvisual .copy svg {
width: 227px;
height: 154px;
}
@media screen and (min-width: 600px) {
#home #mainvisual .copy svg {
width: 499px;
height: 278px;
}
}
#home #mainvisual .bglayerWrap {
position: absolute;
top: 45px;
left: 0;
width: 100%;
height: calc(100% - 90px);
overflow: hidden;
}
@media screen and (max-width: 599px) {
#home #mainvisual .bglayerWrap {
position: absolute;
top: 50px;
left: 0;
width: 100%;
height: calc(100% - 100px);
overflow: hidden;
background: url(//www.carview.co.jp/wp-content/themes/carview/img/home/bg_layer_sp.png) no-repeat center;
background-size: cover;
z-index: 8;
}
}
@media screen and (min-width: 600px) {
#home #mainvisual .bglayer {
position: absolute;
z-index: 4;
width: 0; height: 830px;
background: no-repeat left bottom;
-webkit-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
#home #mainvisual .layer01 {
bottom: 0;
left: 152px;
background-image: url(//www.carview.co.jp/wp-content/themes/carview/img/home/bg_layer01.png);
background-size: 950px 830px;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
#home #mainvisual .layer02 {
bottom: 0;
background-image: url(//www.carview.co.jp/wp-content/themes/carview/img/home/bg_layer02.png); background-size: 801px 830px;
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
#home #mainvisual .layer03 {
z-index: 1;
top: -237px;
left: -124px;
width: 14.25%;
height: 800px;
background-color: rgba(255, 255, 255, 0.5);;
transform: rotate(36.25deg); }
#home #mainvisual .layer01.is_animated {
width: 950px;
}
#home #mainvisual .layer02.is_animated {
width: 901px;
} #home #mainvisual .slick-dots {
display: inline-block !important;
position: absolute;
right: 25px;
bottom: 65px;
z-index: 5;
width: auto;
}
}
@media screen and (min-width: 1920px) {
#home #mainvisual .layer03 {
width: 272px;
}
} @media screen and (max-width: 599px) {
#mainvisual.subpage {
height: 200px;
margin-top: 50px;
}
}
@media screen and (min-width: 600px) {
#mainvisual.subpage {
height: 360px;
top: 90px;
margin-top: 90px;
}
}
#mainvisual.subpage .pageTit {
position: relative;
width: 100%;
}
@media screen and (max-width: 599px) {
#mainvisual.subpage .pageTit {
height: 200px;
}
}
@media screen and (min-width: 600px) {
#mainvisual.subpage .pageTit {
left: 0;
height: 100%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
#mainvisual.subpage .pageTit .tit {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media screen and (max-width: 599px) {
#mainvisual.subpage .pageTit .tit {
width: 100%;
padding-top: 20px;
}
}
@media screen and (min-width: 600px) {
#mainvisual.subpage .pageTit .tit {
width: 1100px;
padding-top: 14px;
}
}
#mainvisual.subpage .pageTit .page_tit,
#mainvisual.subpage .pageTit .page_tit_en {
position: relative;
z-index: 5;
line-height: 1;
color: #fff;
font-style: italic;
font-weight: bold;
}
@media screen and (max-width: 599px) {
#mainvisual.subpage .pageTit .page_tit,
#mainvisual.subpage .pageTit .page_tit_en {
text-align: center;
}
}
@media screen and (min-width: 600px) {
#mainvisual.subpage .pageTit .page_tit,
#mainvisual.subpage .pageTit .page_tit_en {
text-align: left;
}
}
@media screen and (max-width: 599px) {
#mainvisual.subpage .pageTit .page_tit {
margin-top: 9px;
font-size: 1.1rem;
letter-spacing: .066rem;
}
}
@media screen and (min-width: 600px) {
#mainvisual.subpage .pageTit .page_tit {
margin-top: 16px;
font-size: 1.8rem;
letter-spacing: .108rem;
}
}
@media screen and (max-width: 599px) {
#mainvisual.subpage .pageTit .page_tit_en {
margin-left: 0;
font-style: italic;
font-weight: 700;
font-size: 4.3rem;
letter-spacing: .258rem;
}
}
@media screen and (min-width: 600px) {
#mainvisual.subpage .pageTit .page_tit_en {
font-size: 8.6rem;
letter-spacing: .516rem;
}
}
#mainvisual.subpage .bgMainvisual {
position: absolute;
width: 100%;
overflow: hidden;
}
@media screen and (max-width: 599px) {
#mainvisual.subpage .bgMainvisual {
top: 0;
left: 0;
height: 200px;
}
}
@media screen and (min-width: 600px) {
#mainvisual.subpage .bgMainvisual {
bottom: 0;
height: 450px;
background: no-repeat left bottom;
}
#mainvisual.subpage .bgMainvisual .bglayer01,
#mainvisual.subpage .bgMainvisual .bglayer02 {
position: absolute;
left:-3%;
width: 100%;
height: 450px;
}
#mainvisual.subpage .bgMainvisual .bglayer03{
position:absolute;
z-index: 1;
top: -237px;
left: -124px;
width: 14.25%;
height: 800px;
background-color: rgba(255, 255, 255, 0.6);;
transform: rotate(36.25deg); }
}
@-webkit-keyframes fadeIn {
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
@keyframes fadeIn {
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
} @media screen and (max-width: 599px) {
#breadcrumb {
display: none;
}
}
@media screen and (min-width: 600px) {
#breadcrumb ol {
width: 1100px;
overflow: hidden;
margin: 10px auto 0;
padding: 23px 0;
}
#breadcrumb ol li {
display: flex;
justify-content: center;
align-items: center;
float:left;
line-height: 1.2;
font-size: 1.4rem;
letter-spacing: .084rem;
margin-right: 12px;
width: auto;
}
#breadcrumb ol li+li:before {
margin-right: 3px;
color: #0195d1;
font-weight: 700;
font-size: 1rem;
content: "＞";
vertical-align: bottom;
}
#breadcrumb ol li.home {
text-transform: uppercase;
}
#breadcrumb ol li.current:before {
margin-right: 3px;
color: #0195d1;
font-weight: 700;
font-size: 1rem;
content: "＞";
vertical-align: bottom;
}
#breadcrumb ol li a {
display: inline-block;
text-decoration: underline;
}
}
@-webkit-keyframes fadeIn {
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
@keyframes fadeIn {
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
} #company #sidebar {
border-top: 1px solid #dce1e1;
}
@media screen and (max-width: 599px) {
#company #sidebar .sideSectionName {
margin-top: 25px;
padding: 0 15px 25px;
}
}
@media screen and (min-width: 600px) {
#company #sidebar .sideSectionName {
width: 1100px;
margin: 60px auto 0;
padding-bottom: 60px;
}
}
#company #sidebar .sideSectionName .leadTit {
font-weight: 700;
}
@media screen and (max-width: 599px) {
#company #sidebar .sideSectionName .leadTit {
font-size: 1.8rem;
text-align: center;
letter-spacing: .114rem;
}
}
@media screen and (min-width: 600px) {
#company #sidebar .sideSectionName .leadTit {
font-size: 2.4rem;
text-align: center;
letter-spacing: .144rem;
}
}
@media screen and (max-width: 599px) {
#company #sidebar .sideSectionName .btns {
margin-top: 3px;
}
}
@media screen and (min-width: 600px) {
#company #sidebar .sideSectionName .btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (min-width: 600px) {
#company #sidebar .sideSectionName .btns li {
width: calc((100% - 40px) / 4);
margin-top: 10px;
}
}
@media screen and (max-width: 599px) {
#company #sidebar .sideSectionName .btns li:not(:first-of-type) {
margin-top: 10px;
}
}
@media screen and (min-width: 600px) {
#company #sidebar .sideSectionName .btns li:not(:first-of-type) {
margin-left: 20px;
}
}
@media screen and (min-width: 600px) {
#company #sidebar .sideSectionName .btn a {
width: 260px;
}
} #service #sidebar {
border-top: 1px solid #dce1e1;
}
@media screen and (max-width: 599px) {
#service #sidebar .sideSectionName {
margin-top: 9px;
padding: 0 15px 25px;
}
}
@media screen and (min-width: 600px) {
#service #sidebar .sideSectionName {
width: 1100px;
margin: 34px auto 0;
padding-bottom: 60px;
}
}
#service #sidebar .sideSectionName .leadTit {
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 599px) {
#service #sidebar .sideSectionName .leadTit {
font-size: 1.9rem;
letter-spacing: .114rem;
}
}
@media screen and (min-width: 600px) {
#service #sidebar .sideSectionName .leadTit {
font-size: 2.4rem;
letter-spacing: .144rem;
}
}
@media screen and (max-width: 599px) {
#service #sidebar .sideSectionName .btns {
margin-top: 12px;
}
}
@media screen and (min-width: 600px) {
#service #sidebar .sideSectionName .btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
flex-wrap: wrap;
}
}
@media screen and (max-width: 599px) {
#service #sidebar .sideSectionName .btns li:not(:first-of-type) {
margin-top: 10px;
}
}
@media screen and (min-width: 600px) {
#service #sidebar .sideSectionName .btns li {
width: calc(25% - 20px);
margin: 0 10px 20px
}
}
@media screen and (min-width: 600px) {
#service #sidebar .sideSectionName .btn a {
width: 100%;
}
} @media screen and (max-width: 599px) {
#blog #sidebar {
margin-right: -15px;
margin-left: -15px;
}
}
@media screen and (min-width: 600px) {
#blog #sidebar {
width: 240px;
margin: 0 0 0 auto;
}
}
#blog #sidebar .leadTit {
background-color: #0c2b55;
color: #fff;
font-weight: 700;
text-align: center;
}
@media screen and (max-width: 599px) {
#blog #sidebar .leadTit {
padding: 10px 15px 12px;
font-size: 1.6rem;
letter-spacing: .096rem;
}
}
@media screen and (min-width: 600px) {
#blog #sidebar .leadTit {
margin-top: 40px;
padding: 10px 15px;
font-size: 1.7rem;
letter-spacing: .102rem;
}
#blog #sidebar .leadTit:first-of-type {
margin-top: 50px;
}
}
@media screen and (min-width: 600px) {
#blog #sidebar .categories {
border: 1px solid #dce1e1;
border-top: none;
}
}
#blog #sidebar .categories li:not(:last-of-type) {
border-bottom: 1px solid #dce1e1;
}
@media screen and (max-width: 599px) {
#blog #sidebar .categories li {
font-size: 1.3rem;
letter-spacing: .055rem;
}
}
@media screen and (min-width: 600px) {
#blog #sidebar .categories li {
font-size: 1.6rem;
letter-spacing: .096rem;
}
}
#blog #sidebar .categories li a {
display: block;
position: relative;
}
@media screen and (max-width: 599px) {
#blog #sidebar .categories li a {
padding: 9px 15px 13px;
}
}
#blog #sidebar .categories li.is_current a {
background-color: #0195d1;
color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width: 600px) {
#blog #sidebar .categories li a {
padding: 9px 19px 13px;
}
#blog #sidebar .categories li a:hover {
background-color: #0195d1;
color: #fff;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#blog #sidebar .categories li.is_current a:after,
#blog #sidebar .categories li a:hover:after {
right: 14px;
background: url(//www.carview.co.jp/wp-content/themes/carview/img/common/ico_arw01.png) 0 0 no-repeat;
background-size: 14px 8px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
}
#blog #sidebar .categories li a:after {
display: block;
position: absolute;
content: "";
}
@media screen and (max-width: 599px) {
#blog #sidebar .categories li a:after {
top: 19px;
right: 16px;
width: 15px;
height: 8px;
background: url(//www.carview.co.jp/wp-content/themes/carview/img/common/ico_arw01_sky.png) 0 0 no-repeat;
background-size: 15px 8px;
}
}
@media screen and (min-width: 600px) {
#blog #sidebar .categories li a:after {
top: 21px;
right: 19px;
width: 14px;
height: 8px;
background: url(//www.carview.co.jp/wp-content/themes/carview/img/common/ico_arw01_sky.png) 0 0 no-repeat;
background-size: 14px 8px;
}
}
#blog #sidebar .archives {
position: relative;
}
#blog #sidebar .archives:after {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: #000;
content: "";
}
@media screen and (max-width: 599px) {
#blog #sidebar .archives {
padding: 20px 15px;
}
}
@media screen and (min-width: 600px) {
#blog #sidebar .archives {
padding: 20px 0;
}
}
#blog #sidebar .archives .formSelect {
display: block;
position: relative;
box-sizing: border-box;
width: 100%;
overflow: hidden;
border: 1px solid #dce1e1;
background-color: #fff;
}
@media screen and (max-width: 599px) {
#blog #sidebar .archives .formSelect {
height: 38px;
font-size: 1.3rem;
letter-spacing: .055rem;
}
}
@media screen and (min-width: 600px) {
#blog #sidebar .archives .formSelect {
height: 44px;
font-size: 1.5rem;
letter-spacing: .09rem;
}
}
#blog #sidebar .archives .formSelect:after {
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-color: #231815 transparent transparent transparent;
pointer-events: none;
content: "";
}
@media screen and (max-width: 599px) {
#blog #sidebar .archives .formSelect:after {
top: 14px;
right: 13px;
border-width: 10px 5.5px 0 5.5px;
}
}
@media screen and (min-width: 600px) {
#blog #sidebar .archives .formSelect:after {
top: 17px;
right: 13px;
border-width: 8px 4.5px 0 4.5px;
}
}
#blog #sidebar .archives .formSelect input[type="select"],
#blog #sidebar .archives .formSelect input[type="option"],
#blog #sidebar .archives .formSelect select {
border: none;
border-radius: 0;
background: transparent;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
#blog #sidebar .archives .formSelect select {
width: 100%;
text-indent: .01px;
text-overflow: ellipsis;
cursor: pointer;
}
@media screen and (max-width: 599px) {
#blog #sidebar .archives .formSelect select {
padding: 7px 37px 7px 15px;
}
}
@media screen and (min-width: 600px) {
#blog #sidebar .archives .formSelect select {
padding: 10px 31px 10px 19px;
}
#blog #sidebar .archives .formSelect select::-ms-expand {
display: none;
}
} #recruit #sidebar {
border-top: 1px solid #dce1e1;
}
@media screen and (max-width: 599px) {
#recruit #sidebar .sideSectionName {
padding: 17px 15px 25px;
}
}
@media screen and (min-width: 600px) {
#recruit #sidebar .sideSectionName {
width: 1100px;
margin: 59px auto 0;
padding-bottom: 70px;
text-align: center;
}
}
#recruit #sidebar .sideSectionName .leadTit {
font-weight: 700;
}
@media screen and (max-width: 599px) {
#recruit #sidebar .sideSectionName .leadTit {
font-size: 1.8rem;
text-align: center;
letter-spacing: .114rem;
}
}
@media screen and (min-width: 600px) {
#recruit #sidebar .sideSectionName .leadTit {
font-size: 2.4rem;
text-align: center;
letter-spacing: .144rem;
}
}
@media screen and (max-width: 599px) {
#recruit #sidebar .sideSectionName .btns {
margin-top: 3px;
}
}
@media screen and (min-width: 600px) {
#recruit #sidebar .sideSectionName .btns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (min-width: 600px) {
#recruit #sidebar .sideSectionName .btns li {
width: calc((100% - 40px) / 4);
margin-top: 10px;
}
}
@media screen and (min-width: 600px) and (min-width: 600px) {
#recruit #sidebar .sideSectionName .btns li:not(:nth-of-type(1)):not(:nth-of-type(5n+1)) {
margin-left: 10px;
}
}
@media screen and (max-width: 599px) {
#recruit #sidebar .sideSectionName .btn {
width: 48%;
margin-top: 9px;
}
#recruit #sidebar .sideSectionName .btn:nth-of-type(2n) {
float: right;
}
#recruit #sidebar .sideSectionName .btn:nth-of-type(2n+1) {
float: left;
}
}
#recruit #sidebar .sideSectionName .btn a {
position: relative;
box-sizing: border-box;
border: 2px solid #0195d1;
background: #0195d1;
color: #fff;
font-weight: 600;
text-align: center;
}
@media screen and (max-width: 599px) {
#recruit #sidebar .sideSectionName .btn a {
display: table;
width: 100%;
height: 55px;
line-height: 1.5;
padding: 0 10px;
font-size: 1.2rem;
}
}
#recruit #sidebar .sideSectionName .btn.is_current a {
border-color: #0c2b55;
background: #0c2b55;
}
@media screen and (min-width: 600px) {
#recruit #sidebar .sideSectionName .btn a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-right: auto;
margin-left: auto;
padding: 16px 10px;
font-size: 1.5rem;
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#recruit #sidebar .sideSectionName .btn a:hover {
border-color: #0c2b55;
background: #0c2b55;
}
#recruit #sidebar .sideSectionName .btn a:hover:after {
right: 5px;
}
}
#recruit #sidebar .sideSectionName .btn a:after {
display: block;
position: absolute;
top: 50%;
background: url(//www.carview.co.jp/wp-content/themes/carview/img/common/ico_arw01.png) no-repeat center;
background-size: contain;
content: "";
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media screen and (max-width: 599px) {
#recruit #sidebar .sideSectionName .btn a:after {
right: 10px;
width: 15px;
height: 8px;
}
}
@media screen and (min-width: 600px) {
#recruit #sidebar .sideSectionName .btn a:after {
right: 10px;
width: 17px;
height: 10px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
}
@media screen and (max-width: 599px) {
#recruit #sidebar .sideSectionName .btn a .btnInner {
display: table-cell;
font-size: 1.2rem;
vertical-align: middle;
}
}
@media screen and (min-width: 600px) {
#recruit #sidebar .sideSectionName .btn a .btnInner {
font-size: 1.5rem;
}
}
#gFooter {
position: relative;
background: #0c2b55;
color: #afbcc5;
}
.pagetop {
position: fixed;
right: -100%;
bottom: 60px;
z-index: 10;
width: 30px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
@media screen and (min-width: 600px) {
.pagetop {
bottom: 30px;
width: 55px;
height: 55px;
background: url(//www.carview.co.jp/wp-content/themes/carview/img/common/ico_pagetop01_o.png) no-repeat center;
background-size: contain;
}
.pagetop img {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.pagetop:hover img {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
}
.pagetop.is_view {
right: 10px;
}
@media screen and (min-width: 600px) {
.pagetop.is_view {
right: 30px;
}
}
.ftTop .inner {
position: relative;
padding-top: 40px;
padding-bottom: 20px;
}
@media screen and (min-width: 600px) {
.ftTop .inner {
min-height: 480px;
padding: 80px 320px 80px 0;
}
}
.ftTop .info .logo a {
display: block;
color: #fff;
font-weight: 700;
font-size: 1.1rem;
}
@media screen and (min-width: 600px) {
.ftTop .info .logo a {
font-size: 1.5rem;
}
}
.ftTop .info .logo svg {
width: 90px;
height: 26px;
}
@media screen and (min-width: 600px) {
.ftTop .info .logo svg {
width: 125px;
height: 36px;
}
}
@media screen and (min-width: 600px) {
.ftTop .info .logo span {
display: inline-block;
padding: 0 0 5px 7px;
}
}
.ftTop .info address {
margin-top: 5px;
font-weight: 300;
font-size: 1.1rem;
}
@media screen and (min-width: 600px) {
.ftTop .info address {
margin-top: 15px;
font-size: 1.3rem;
}
}
.ftTop .info .listWrap {
margin: 20px -15px 0;
}
@media screen and (max-width: 599px) {
.ftTop .info .listWrap {
padding: 0 15px;
border-top: 1px solid #304b6e;
}
}
@media screen and (min-width: 600px) {
.ftTop .info .listWrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 54px 0 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media screen and (max-width: 599px) {
.ftTop .info .list {
padding: 23px 0 22px;
border-bottom: 1px solid #304b6e;
}
}
@media screen and (min-width: 600px) {
.ftTop .info .list {
float: left;
box-sizing: border-box;
width: 180px;
}
.ftTop .info .list+.list {
padding-left: 30px;
border-left: 1px solid #304b6e;
}
}
@media screen and (max-width: 599px) {
.ftTop .info .list:last-child {
padding: 0;
border-bottom: 0;
}
}
.ftTop .info .list a {
display: block;
color: #afbcc5;
}
.ftTop .info .list a:hover {
text-decoration: underline;
}
.ftTop .info .list .parent>a {
line-height: 1.25;
font-weight: 600;
font-size: 1.2rem;
}
@media screen and (min-width: 600px) {
.ftTop .info .list .parent>a {
line-height: 1;
font-size: 1.4rem;
}
}
@media screen and (max-width: 599px) {
.ftTop .info .list:last-child .parent {
border-bottom: 1px solid #304b6e;
}
}
@media screen and (max-width: 599px) {
.ftTop .info .list:last-child .parent>a {
padding: 18px 0 17px;
}
}
@media screen and (min-width: 600px) {
.ftTop .info .list:last-child .parent+.parent {
margin-top: 15px;
}
}
.ftTop .info .list .child {
margin-top: 14px;
}
@media screen and (max-width: 599px) {
.ftTop .info .list .child li {
float: left;
width: 50%;
}
.ftTop .info .list .child li:nth-child(n+3) {
margin-top: 20px;
}
}
.ftTop .info .list .child a {
font-size: 1.1rem;
}
@media screen and (min-width: 600px) {
.ftTop .info .list .child a {
line-height: 2.08;
font-size: 1.2rem;
}
}
.ftTop .info .list .child a:before {
margin-right: 5px;
content: "→";
}
.ftTop .info .list .btn {
margin-top: 25px;
}
@media screen and (max-width: 599px) {
.ftTop .info .list .btn {
padding: 0 18px;
}
}
.ftTop .info .list .btn a {
display: block;
padding: 22px 10px;
background: url(//www.carview.co.jp/wp-content/themes/carview/img/common/bg_btn01_sp.png) no-repeat center;
background-size: cover;
color: #fff;
font-weight: 600;
font-size: 1.2rem;
text-align: center;
}
@media screen and (min-width: 600px) {
.ftTop .info .list .btn a {
box-sizing: border-box;
width: 140px;
padding: 13px 10px 12px;
background-image: url(//www.carview.co.jp/wp-content/themes/carview/img/common/bg_btn01_pc.png);
font-size: 1.4rem;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.ftTop .info .list .btn a:hover {
background-image: url(//www.carview.co.jp/wp-content/themes/carview/img/common/header/btn_contact01_o.png);
}
}
@media screen and (max-width: 599px) {
.ftTop .fb {
padding-top: 20px;
padding-bottom: 35px;
}
}
@media screen and (min-width: 600px) {
.ftTop .fb {
position: absolute;
top: 80px;
right: 0;
width: 320px;
}
}
.ftService {
background: #072247;
}
.ftService .inner {
padding-bottom: 20px;
}
@media screen and (min-width: 600px) {
.ftService .inner {
padding-bottom: 30px;
}
}
.ftService .tit {
position: relative;
top: -.5em;
line-height: 1;
color: #8b9299;
font-style: italic;
font-weight: 900;
font-size: 1.7rem;
}
@media screen and (min-width: 600px) {
.ftService .tit {
font-size: 2.2rem;
}
}
.ftService .list {
margin-top: 5px;
}
.ftService .list li {
float: left;
box-sizing: border-box;
width: 50%;
}
.ftService .list li img {
display:block;
}
@media screen and (max-width: 599px) {
.ftService .list li:nth-child(odd) {
padding-right: 3px;
}
.ftService .list li:nth-child(even) {
padding-left: 3px;
}
.ftService .list li:nth-child(n+3) {
margin-top: 6px;
}
}
@media screen and (min-width: 600px) {
.ftService .list li {
width: 165px;
}
.ftService .list li+li {
margin-left: 22px;
}
}
.ftService .list a {
display: block;
background: #fff;
}
@media screen and (min-width: 600px) {
.ftBottom .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.ftBottom .list {
padding: 3px 0;
text-align: center;
}
@media screen and (min-width: 600px) {
.ftBottom .list {
display: inline-block;
}
}
.ftBottom .list li {
display: inline-block;
}
@media screen and (min-width: 600px) {
.ftBottom .list li {
margin-right: 20px;
}
}
.ftBottom .list a {
display: inline-block;
padding: 12px;
color: #afbcc5;
font-weight: 300;
font-size: 1.1rem;
}
@media screen and (min-width: 600px) {
.ftBottom .list a {
padding: 10px 0;
font-size: 1.2rem;
}
.ftBottom .list a:hover {
text-decoration: underline;
}
}
.ftBottom .copyright {
color: #afbcc5;
font-size: 1rem;
}
@media screen and (max-width: 599px) {
.ftBottom .copyright {
margin: 0 -15px;
padding: 15px;
border-top: 1px solid #304b6e;
text-align: center;
}
}
@media screen and (min-width: 600px) {
.ftBottom .copyright {
display: inline-block;
font-size: 1.1rem;
text-align: right;
}
}
.ftBottom .copyright small {
font-weight: 300;
}    @media screen and (min-width: 600px) {
.animationParent {
position: relative;
overflow: hidden;
}
.animationParent .animationLayer {
display: block;
position: absolute;
right: -200%;
width: 2000px;
height: 2000px;
background-color: #c0e1f0;
opacity: .1;
content: "";
-webkit-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform: skew(-36deg);
transform: skew(-36deg);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.animationParent .animationLayer.animationLayer01 {
background-color: white;
-webkit-transition-delay: .5s;
transition-delay: .5s;
}
.animationParent .animationLayer.animationLayer02 {
background-color: #0195d1;
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.animationParent.is_animated .animationLayer01 {
right: -1325px;
}
.animationParent.is_animated .animationLayer02 {
right: -892px;
}
.animationParent .animationInner {
position: relative;
z-index: 1;
}
.animationFadeIn {
opacity: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transition-delay: .4s;
transition-delay: .4s;
-webkit-transform: translateY(15px);
transform: translateY(15px);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.animationFadeIn.is_animated {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}
.slick-slider {
margin-bottom: 0 !important;
height: calc(100% - 90px);
}
@media screen and (max-width: 599px) {
.slick-slider .slick-dots {
display: none !important;
}
}
@media screen and (min-width: 600px) {
.slick-slider .slick-dots li {
width: 10px;
height: 10px;
}
.slick-slider .slick-dots li button {
width: 10px;
height: 10px;
background-color: white;
opacity: .5;
cursor: pointer;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.slick-slider .slick-dots li button:before {
display: none;
}
.slick-slider .slick-dots .slick-active button {
background-color: #0195d1;
}
} .link {
color: #0195d1;
text-decoration: underline;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.link:hover {
text-decoration: none;
}