@charset "UTF-8";

@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
.cf:after, .cf:before {
content: "";
display: table
}
.cf:after {
clear: both
}
.cf {
zoom: 1
}
* {
padding: 0
}
*, :after, :before {
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
html {
font-size: 62.5%
}
body, h1, h2, h3, h4, h5, h6 {
font-size: 16px;
font-size: 1.6rem
}
body {
line-height: 1;
font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
color: #141416;
font-weight: 400
}
a, button {
outline: 0;
transition: all .2s
}
a {
text-decoration: none
}
.customer-request ul li span, .service-support-inner .service-support-list span, a:link, a:visited {
color: #f76102
}
a:hover {
opacity: .7
}
a:active, a:hover {
color: #f76102;
text-decoration: none
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
margin-top: 0;
margin-bottom: 20px;
margin-bottom: 2rem
}
img {
height: auto;
vertical-align: bottom
}
iframe, img {
max-width: 100%
}
*, dd, dl, dt {
margin: 0
}
button {
cursor: pointer;
border: none
}
button:hover {
opacity: .7
}
input:focus, textarea:focus {
border: none;
outline: 0;
transition: all .2s
}
input:placeholder-shown, textarea:placeholder-shown {
color: #a0a0a0
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #a0a0a0
}
input:-moz-placeholder, input::-moz-placeholder, textarea:-moz-placeholder, textarea::-moz-placeholder {
color: #a0a0a0;
opacity: 1
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #a0a0a0
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.container, .solid {
margin-left: auto;
margin-right: auto
}
.container {
margin-bottom: 60px;
margin-bottom: 6rem;
max-width: 100%
}
.col:after, .container:after, .row:after {
content: " ";
display: block;
clear: both
}
.solid {
max-width: 1000px
}
.row {
padding-bottom: 0
}
.col {
display: block;
float: left;
width: 100%
}
@media (min-width:768px) {
.enable-margin .col {
margin-left: 2%
}
.enable-margin .col:first-child {
margin-left: 0
}
.col-1 {
width: 8.33333333333%
}
.col-2 {
width: 16.6666666667%
}
.col-3 {
width: 25%
}
.col-4 {
width: 33.3333333333%
}
.col-5 {
width: 41.6666666667%
}
.col-6 {
width: 50%
}
.col-7 {
width: 58.3333333333%
}
.col-8 {
width: 66.6666666667%
}
.col-9 {
width: 75%
}
.col-10 {
width: 83.3333333333%
}
.col-11 {
width: 91.6666666667%
}
.col-12 {
width: 100%
}
.enable-margin .col-1 {
width: 6.5%
}
.enable-margin .col-2 {
width: 15%
}
.enable-margin .col-3 {
width: 23.5%
}
.enable-margin .col-4 {
width: 32%
}
.enable-margin .col-5 {
width: 40.5%
}
.enable-margin .col-6 {
width: 49%
}
.enable-margin .col-7 {
width: 57.5%
}
.enable-margin .col-8 {
width: 66%
}
.enable-margin .col-9 {
width: 74.5%
}
.enable-margin .col-10 {
width: 83%
}
.enable-margin .col-11 {
width: 91.5%
}
.enable-margin .col-12 {
width: 100%
}
}
.block-left {
float: left
}
.block-right {
float: right
}
.txt-left {
text-align: left
}
.txt-center {
text-align: center
}
.txt-right {
text-align: right
}
.font-10 {
font-size: 10px;
font-size: 1rem
}
.font-12 {
font-size: 12px;
font-size: 1.2rem
}
.font-14, .link-btn a, .link-btn-blank a {
font-size: 14px;
font-size: 1.4rem
}
.font-16 {
font-size: 16px;
font-size: 1.6rem
}
.font-18, .link-btn a i.icon-left {
font-size: 18px;
font-size: 1.8rem
}
.font-20 {
font-size: 20px;
font-size: 2rem
}
.font-22 {
font-size: 22px;
font-size: 2.2rem
}
.font-24 {
font-size: 24px;
font-size: 2.4rem
}
.font-28 {
font-size: 28px;
font-size: 2.8rem
}
.font-32 {
font-size: 32px;
font-size: 3.2rem
}
.font-36 {
font-size: 36px;
font-size: 3.6rem
}
.font-40 {
font-size: 40px;
font-size: 4rem
}
.font-44 {
font-size: 44px;
font-size: 4.4rem
}
.font-48 {
font-size: 48px;
font-size: 4.8rem
}
.font-52 {
font-size: 52px;
font-size: 5.2rem
}
.font-56 {
font-size: 56px;
font-size: 5.6rem
}
.font-60 {
font-size: 60px;
font-size: 6rem
}
.font-64 {
font-size: 64px;
font-size: 6.4rem
}
.weight-bold {
font-weight: 700
}
.mt-0 {
margin-top: 0 !important
}
.mb-10 {
margin-top: 10px !important;
margin-top: 1rem !important
}
.mt-20 {
margin-top: 20px !important;
margin-top: 2rem !important
}
.mt-40 {
margin-top: 40px !important;
margin-top: 4rem !important
}
.mt-60 {
margin-top: 60px !important;
margin-top: 6rem !important
}
.mt-80 {
margin-top: 80px !important;
margin-top: 8rem !important
}
.mb-0 {
margin-bottom: 0 !important
}
.mb-10 {
margin-bottom: 10px !important;
margin-bottom: 1rem !important
}
.mb-20 {
margin-bottom: 20px !important;
margin-bottom: 2rem !important
}
.mb-40 {
margin-bottom: 40px !important;
margin-bottom: 4rem !important
}
.mb-60 {
margin-bottom: 60px !important;
margin-bottom: 6rem !important
}
.mb-80 {
margin-bottom: 80px !important;
margin-bottom: 8rem !important
}
.ml-0 {
margin-left: 0 !important
}
.ml-10 {
margin-left: 10px !important;
margin-left: 1rem !important
}
.ml-20 {
margin-left: 20px !important;
margin-left: 2rem !important
}
.ml-40 {
margin-left: 40px !important;
margin-left: 4rem !important
}
.ml-60 {
margin-left: 60px !important;
margin-left: 6rem !important
}
.ml-80 {
margin-left: 80px !important;
margin-left: 8rem !important
}
.mr-0 {
margin-right: 0 !important
}
.mr-10 {
margin-right: 10px !important;
margin-right: 1rem !important
}
.mr-20 {
margin-right: 20px !important;
margin-right: 2rem !important
}
.mr-40 {
margin-right: 40px !important;
margin-right: 4rem !important
}
.mr-60 {
margin-right: 60px !important;
margin-right: 6rem !important
}
.mr-80 {
margin-right: 80px !important;
margin-right: 8rem !important
}
.pt-0 {
padding-top: 0 !important
}
.pt-10 {
padding-top: 10px !important;
padding-top: 1rem !important
}
.pt-20 {
padding-top: 20px !important;
padding-top: 2rem !important
}
.pt-40 {
padding-top: 40px !important;
padding-top: 4rem !important
}
.pt-60 {
padding-top: 60px !important;
padding-top: 6rem !important
}
.pt-80 {
padding-top: 80px !important;
padding-top: 8rem !important
}
.pb-10 {
padding-bottom: 10px !important;
padding-bottom: 1rem !important
}
.pb-20 {
padding-bottom: 20px !important;
padding-bottom: 2rem !important
}
.pb-40 {
padding-bottom: 40px !important;
padding-bottom: 4rem !important
}
.link-btn, .link-btn-blank {
margin: 0
}
.link-btn a, .link-btn-blank a {
position: relative;
text-align: center;
display: block;
color: #fff;
line-height: 40px
}
.link-btn a {
background: #f76102
}
.link-btn a i.icon-left {
margin-right: 4px;
line-height: 1
}
.link-btn a i.icon-arrow {
font-size: 18px;
font-size: 1.8rem;
color: #fff;
text-align: center;
right: 20px;
display: block;
position: absolute;
top: 50%;
margin: -.5em 0 0
}
.link-btn-blank a {
background: 0 0
}
.link-btn a i.fa-external-link-square {
position: absolute;
top: 50%;
margin-top: -.5em;
right: 20px;
font-size: 16px;
font-size: 1.6rem
}
.mobile-common-hide {
display: inherit
}
.site-header {
width: 100%;
margin-top: 20px;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 2px solid #f76102
}
.site-header .inner {
width: 1200px;
margin-left: auto;
margin-right: auto
}
.site-header .header-logo {
float: left
}
.header-logo .recruit-header-logo, .header-logo h1 {
color: #f76102;
font-size: 38px;
font-size: 3.8rem;
font-weight: 600;
line-height: 60px;
line-height: 6rem;
margin-bottom: 0
}
.header-logo img {
line-height: 1;
margin-right: 10px;
margin-right: 1rem
}
.header-ex {
float: right
}
.header-ex .external-links {
float: left;
margin-right: 40px;
margin-right: 4rem
}
.header-ex .company-links ul, .header-ex .external-links ul {
list-style-type: none;
padding: 0;
margin: 0
}
.header-ex .external-links ul li {
float: left;
text-align: center;
width: 48px;
margin-right: 20px;
display: block
}
.header-ex .external-links ul li a {
display: block
}
.header-ex .external-links ul li:last-child {
margin-right: 0
}
.header-ex .external-links ul li span {
font-size: 12px;
font-size: 1.2rem;
margin-top: 6px;
display: inline-block
}
.drawer-nav li.link-mobile-icons, .footer-address h2 br.mobile-show, .header-ex .external-links ul li.link-menu {
display: none
}
.header-ex .external-links ul li.link-menu a i.fa {
font-size: 38px;
font-size: 3.8rem;
line-height: 1
}
.header-ex .company-links {
float: right;
display: block
}
.header-ex .company-links ul li {
font-size: 14px;
font-size: 1.4rem;
float: left;
margin-top: 8px;
margin-right: 16px;
line-height: 1
}
.header-ex .company-links ul li i.fa {
font-size: 16px;
font-size: 1.6rem;
margin-right: 2px
}
.header-ex .company-links ul li:last-child {
margin-right: 0
}
.header-ex .company-links ul li a {
color: #141416
}
.search-form, .search-submit {
height: 32px;
border: none;
line-height: 32px;
vertical-align: middle
}
.search-form {
background-color: #f0f0f0;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
font-size: 1.4rem;
margin: 0;
border-radius: 4px 0 0 4px;
color: #5f5f66;
width: 290px
}
.search-submit {
width: 32px;
color: #fff;
background: #f76102;
border-radius: 0 4px 4px 0
}
.search-form:focus {
border-top: 1px solid #f76102;
border-left: 1px solid #f76102;
border-bottom: 1px solid #f76102;
outline: 0
}
.global-nav {
margin-top: 32px
}
.global-nav ul {
list-style-type: none;
padding: 0;
margin: 0;
display: table;
width: 100%
}
.global-nav ul li {
display: table-cell;
line-height: 1;
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
border-left: 1px solid #ddd
}
.global-nav ul li:last-child {
border-right: 1px solid #ddd
}
.global-nav ul li a {
display: block;
padding: 24px 28px;
margin: -20px 0;
color: #141416
}
.drawer-close-wrap {
padding: 16px
}
.drawer-close-btn {
font-size: 16px;
font-size: 1.6rem;
line-height: 22px;
width: 24px;
display: block;
text-align: center;
border: 1px solid #ddd;
float: right;
cursor: pointer
}
.back-top a:active, .back-top a:hover, .drawer-close-btn:hover {
opacity: .7
}
.drawer-nav li {
font-size: 14px;
font-size: 1.4rem;
border-bottom: 1px solid #ddd
}
.drawer-nav li a {
display: block;
padding: 16px;
color: #141416;
position: relative
}
.drawer-nav li a:after {
content: "\f105";
font-family: FontAwesome;
position: absolute;
right: 20px;
font-size: 20px;
font-size: 2rem;
margin-top: -10px;
top: 50%
}
.main {
width: 1200px;
margin-left: auto;
margin-right: auto
}
.content {
width: 860px;
float: left
}
.side {
width: 300px;
float: right
}
.content h2.basic-style, .content h2.basic-style-mini {
color: #141416;
font-size: 28px;
font-size: 2.8rem;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
position: relative
}
.content h2.basic-style-mini {
font-size: 22px;
font-size: 2.2rem;
padding-top: 20px
}
.content h2.basic-style-mini a {
display: inline-block;
float: right;
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
position: absolute;
right: 0;
top: 50%;
margin-top: -7px;
margin-top: -.7rem;
font-weight: 400
}
.bottom-nav ul li a i.fa, .content h2.basic-style-mini a i.fa, ul.breadcrumb li i.ion-android-home {
margin-right: 2px
}
.content h2.inner-style {
color: #141416;
font-size: 22px;
font-size: 2.2rem;
padding: 0 20px 20px;
margin-left: -20px;
margin-right: -20px;
border-bottom: 2px solid #f76102
}
.content .onepoint-style {
color: #141416;
font-size: 22px;
font-size: 2.2rem;
border-left: 4px solid #f76102;
position: relative;
line-height: 40px;
padding-left: 16px
}
.content-box {
padding: 20px;
border: 1px solid #ddd;
word-wrap: break-word
}
.content p {
margin-bottom: 20px;
margin-bottom: 2rem;
line-height: 1.8
}
.home .content p {
margin-bottom: 0;
line-height: 1
}
.strong-label {
padding: 16px;
text-align: left;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
background: #f0f0f0
}
.side, .side-movie {
margin-bottom: 40px
}
.side-contact, .side-newsletter {
margin-bottom: 40px;
border: 1px solid #ddd
}
.side-newsletter .inner {
background: #f0f0f0;
padding: 20px
}
.side-newsletter h2 {
font-size: 18px;
font-size: 1.8rem;
margin: 0;
padding: 20px;
border-bottom: 2px solid #f76102;
letter-spacing: -.02em
}
.footer-logo h2 a img, .side-newsletter h2 i.fa {
margin-right: 4px
}
.side-newsletter .exp-txt {
font-size: 14px;
font-size: 1.4rem;
letter-spacing: -.04em;
line-height: 1.4;
margin-bottom: 20px
}
.side-newsletter .newsletter-mail {
height: 32px;
border: none;
border-radius: 4px 0 0 4px;
background-color: #fff;
color: #5f5f66;
width: 192px;
padding-left: 10px;
padding-right: 10px;
font-size: 14px;
font-size: 1.4rem;
line-height: 32px;
vertical-align: middle;
margin: 0 0 20px
}
.newsletter-mail:focus {
border-top: 1px solid #f76102;
border-left: 1px solid #f76102;
border-bottom: 1px solid #f76102;
outline: 0
}
.side-newsletter .newsletter-submit {
width: 64px;
height: 32px;
color: #fff;
background: #f76102;
border: none;
line-height: 32px;
border-radius: 0 4px 4px 0;
vertical-align: middle;
font-size: 13px;
font-size: 1.3rem;
font-weight: 400;
letter-spacing: -.02em;
margin-bottom: 20px
}
.side-contact .contact-inner {
padding: 20px
}
.side-contact .contact-inner h3:last-of-type {
margin-bottom: 0
}
.side-bottom ul li, .side-contact .tel-wrap, .side-top ul li {
margin-bottom: 20px
}
.side-contact .contact-inner {
border-bottom: 1px solid #ddd
}
.side-contact .access-inner {
background: #f0f0f0;
padding: 20px
}
.side-contact .access-inner h2 {
font-size: 17px;
font-size: 1.7rem;
letter-spacing: -.02em;
margin-bottom: 10px
}
.side-contact .access-inner .exp-txt {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
margin-bottom: 20px
}
.side-contact h2 {
margin-bottom: 10px
}
.side-contact h3 span.num-head {
color: #fff;
background: #141416;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
line-height: 1;
display: table-cell;
vertical-align: middle;
width: 48px;
text-align: center
}
.side-contact h3 span.num-txt {
font-size: 28px;
font-size: 2.8rem;
font-weight: 900;
line-height: 1;
display: table-cell;
vertical-align: middle;
text-align: left;
padding-left: 8px
}
.side-facebook, .side-top {
margin-bottom: 40px
}
.bottom-nav ul, .footer-nav ul, .side-bottom ul, .side-top ul {
list-style-type: none;
padding: 0;
margin: 0
}
.side-bottom ul li a, .side-top ul li a {
display: block
}
.side-bottom ul li:last-child, .side-top ul li:last-child {
margin-bottom: 0
}
.bottom-link {
border-top: 1px solid #ddd
}
.bottom-link .inner {
width: 1200px;
margin-left: auto;
margin-right: auto
}
.bottom-nav ul li {
line-height: 1;
font-size: 14px;
font-size: 1.4rem;
font-weight: 400;
float: left;
margin-right: 20px
}
.bottom-nav ul li:last-child {
margin-right: 0
}
.bottom-nav ul li a {
display: block;
padding-top: 20px;
padding-bottom: 20px
}
.site-footer {
background: #f0f0f0
}
.site-footer .inner {
width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px
}
.footer-info {
float: left
}
.footer-logo h2 {
font-weight: 500;
font-size: 16px;
font-size: 1.6rem;
line-height: 24px;
line-height: 2.4rem;
margin-bottom: 8px
}
.footer-logo h2 a, .service-company .lecture-list-block ul.kouen li span {
color: #5f5f66
}
.footer-address h2 {
color: #5f5f66;
font-weight: 400;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.4;
margin-bottom: 8px
}
.footer-nav {
float: right
}
.footer-nav ul li {
line-height: 1;
font-size: 13px;
font-size: 1.3rem;
font-weight: 400;
float: left;
border-left: 1px solid #ddd;
padding-top: 4px;
padding-bottom: 4px
}
.footer-nav ul li:last-child, .page-product .product-local-link li:last-child, .service-company .company-local-link li:last-child {
border-right: 1px solid #ddd
}
.footer-nav ul li a {
display: block;
color: #5f5f66;
padding-left: 8px;
padding-right: 8px
}
.footer-nav ul li a span.active {
border-bottom: 2px solid #f76102
}
.breadcrumb-nav {
background: #f0f0f0;
padding-top: 14px;
padding-bottom: 14px;
border-bottom: 1px solid #ddd;
margin-top: -40px;
margin-bottom: 40px
}
ul.breadcrumb {
width: 1200px;
margin-left: auto;
margin-right: auto;
list-style-type: none;
padding: 0;
display: block
}
ul.breadcrumb li {
font-size: 12px;
font-size: 1.2rem;
display: block;
font-weight: 400;
line-height: 1;
float: left
}
ul.breadcrumb li i.fa-angle-right {
margin-left: 4px;
margin-right: 4px
}
.back-top {
margin: 0;
bottom: 20px;
position: fixed;
right: 20px;
z-index: 1000
}
.back-top a {
color: #fff;
background: #f76102;
width: 40px;
height: 40px;
line-height: 1;
font-size: 24px;
font-size: 2.4rem;
border-radius: 4px;
display: table-cell;
vertical-align: middle;
text-align: center
}
.home-content-wrap {
width: 860px;
float: left
}
.home-media h2.basic-style-mini .mobile-hide, .home-news h2.basic-style-mini .mobile-hide {
display: inline
}
.home-media h2.basic-style-mini .mobile-show, .home-news h2.basic-style-mini .mobile-show {
display: none
}
.home-about-company, .home-banner, .home-find, .home-lecture, .home-media, .home-news, .home-slider {
margin-bottom: 40px
}
.swiper-btn-left-for-pc, .swiper-btn-right-for-pc {
position: absolute;
top: 50%;
opacity: 0;
z-index: 1;
width: 80px;
height: 80px;
display: block;
text-align: center;
background: rgba(255, 255, 255, .8);
margin-top: -40px;
cursor: pointer
}
.swiper-btn-left-for-pc {
left: -100px;
border-top-right-radius: 8px;
border-bottom-right-radius: 8px
}
.swiper-btn-right-for-pc {
right: -100px;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px
}
.swiper-btn-left-for-pc:hover, .swiper-btn-right-for-pc:hover {
opacity: .8
}
.swiper-btn-left-for-pc i.icon, .swiper-btn-right-for-pc i.icon {
position: relative;
font-size: 60px;
font-size: 6rem;
color: #f76102;
line-height: 1;
display: inline-block;
margin-top: 8px
}
.swiper-btn-left-for-mobile, .swiper-btn-right-for-mobile {
position: absolute;
top: 4px;
display: none;
z-index: 11;
width: 32px;
height: 32px;
text-align: center
}
.swiper-btn-left-for-mobile {
left: 0
}
.swiper-btn-right-for-mobile {
right: 0
}
.swiper-btn-left-for-mobile i.icon, .swiper-btn-right-for-mobile i.icon {
color: #f76102;
font-size: 32px;
font-size: 3.2rem
}
.swiper-pagination-wrap {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative
}
.swiper-pagination {
width: 100%
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 15px 5px;
opacity: 1;
background: #ddd
}
.swiper-pagination-bullet-active {
background: #f76102
}
.swiper-slide {
background: #fff
}
.home-service .service-link {
width: 260px;
float: left;
margin-left: 20px;
margin-bottom: 40px;
text-align: center
}
.home-service .service-link a {
color: #141416;
display: block
}
.home-service .service-link img {
border-radius: 8px;
margin-bottom: 20px
}
.home-service .service-link h2 {
margin-bottom: 0;
font-size: 18px;
font-size: 1.8rem
}
.home-service .service-link h2 span {
display: block;
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
margin-bottom: 8px
}
.home-service .service-link h2 i.fa {
margin-left: 4px
}
.find-cell ul, .home-about-company ul, .home-media ul, .home-news ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.home-news ul li {
font-size: 16px;
font-size: 1.6rem;
}
.home-media ul li a, .home-news ul li a { display: flex;
align-items: center;
width: 100%;
padding: 20px;
padding: 2rem;
}
.home-media ul li:nth-child(odd) a, .home-news ul li:nth-child(odd) a {
background: #f0f0f0
}
.home-news ul li .news-arrow, .home-news ul li .news-category, .home-news ul li .news-date, .home-news ul li .news-title {
display: table-cell;
vertical-align: middle;
}
.home-news ul li .news-title {
text-align: left;
line-height: 1.4;
}
.home-news ul li .news-arrow {
text-align: right;
font-size: 20px;
font-size: 2rem;
margin-left: 20px;
margin-left: 2rem;
}
.home-news ul li .news-category {
width: 110px;
min-width: 110px;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
padding-top: 8px;
padding-bottom: 8px;
color: #fff;
background: #f76102;
}
.news-category-company {
background: #2979ff !important;
}
.news-category-rentaloffice {
background: #4caf50 !important;
}
.news-category-support {
background: #ff9100 !important;
}
.news-category-networking {
background: #f50057 !important;
}
.news-category-seminar {
background: #d500f9 !important;
}
.home-news ul li .news-date {
min-width: 114px;
width: 114px;
text-align: center;
color: #5f5f66;
}
.find-cell {
display: table-cell;
padding-right: 20px;
padding-bottom: 20px;
}
.find-cell, .find-cell .inner {
width: 260px;
}
.find-cell h3, .home-banner .banner-contest h3, .home-banner .banner-event h3 {
padding-top: 16px;
padding-bottom: 16px;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
background: #f0f0f0
}
.find-cell ul li {
margin-bottom: 10px;
letter-spacing: -.04em
}
.find-cell ul li i.fa-angle-right {
font-size: 20px;
font-size: 2rem;
margin-right: 8px
}
.find-cell ul li i.fa-external-link-square {
margin-left: 4px
}
.find-cell ul li:last-child {
margin-bottom: 0
}
.find-row:last-of-type .find-cell {
padding-bottom: 0
}
.find-cell-no3, .find-cell-no6 {
padding-right: 0
}
.home-banner .banner-wrap, .inner-content-box .inner table {
width: 100%
}
.home-banner .banner-wrap a {
display: block
}
.home-banner .banner-contest {
float: left
}
.home-banner .banner-event {
float: right
}
.banner-block {
display: block;
margin-top: 20px
}
.banner-block h4 {
margin: 0;
font-size: 20px;
font-size: 2rem;
line-height: 1.4;
font-weight: 500;
text-shadow: 0 0 10px #141416, 0 0 10px rgba(20, 20, 22, .2)
}
.banner-overlay {
color: #fff;
position: relative;
width: 420px;
height: 120px;
display: table-cell;
vertical-align: middle;
text-align: center;
background: url(//ginzasecondlife.co.jp/cms/wp-content/themes/gsl/assets/img/bnr_overlay.png) no-repeat
}
.banner-status-close, .banner-status-open {
position: absolute;
top: 10px;
left: 10px;
font-size: 11px;
font-size: 1.1rem;
padding: 4px 10px;
border: 1px solid #fff;
min-width: 68px
}
.banner-status-open {
background: #f76102;
font-weight: 700
}
.banner-arrow, .banner-arrow i.fa {
display: block;
width: 16px;
height: 16px
}
.banner-arrow {
font-size: 14px;
font-size: 1.4rem;
color: #fff;
border: 1px solid #fff;
text-align: center;
position: absolute;
bottom: 10px;
right: 10px;
margin: 0
}
.banner-arrow i.fa {
line-height: 13px
}
.home-lecture h3 {
padding-top: 16px;
padding-bottom: 16px;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
background: #f0f0f0;
font-weight: 400;
margin: 0
}
.lecture-block {
width: 100%;
display: table;
font-size: 16px;
font-size: 1.6rem;
padding: 20px;
border-bottom: 1px solid #ddd
}
.lecture-wrap .lecture-block:last-of-type {
border: none;
padding-bottom: 0
}
.lecture-block i.fa {
font-size: 18px;
font-size: 1.8rem;
padding-right: 8px;
color: #f76102;
width: 32px
}
.lecture-block h4, .lecture-block i.fa, .lecture-block i.ion-ios-chatboxes-outline {
display: table-cell;
text-align: left;
vertical-align: top;
font-weight: 400
}
.lecture-block i.ion-ios-chatboxes-outline {
font-size: 22px;
font-size: 2.2rem;
padding-right: 12px;
color: #f76102;
width: 28px
}
.lecture-block h4 {
line-height: 1.2
}
.lecture-block h4 span {
color: #5f5f66;
margin-left: 4px
}
.home-media ul li, .inner-content-box p, .page-product .inner-content-box p {
font-size: 16px;
font-size: 1.6rem
}
.home-media ul li .media-arrow, .home-media ul li .media-category, .home-media ul li .media-date, .home-media ul li .media-title {
display: table-cell;
vertical-align: middle
}
.home-media ul li .media-title {
text-align: left
}
.home-media ul li .media-arrow {
text-align: right;
font-size: 22px;
font-size: 2.2rem;
margin-left: 20px;
margin-left: 2rem
}
.home-media ul li .media-category {
width: 110px;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
padding-top: 8px;
padding-bottom: 8px;
color: #fff;
background: #f76102
}
.home-media ul li .media-date {
width: 114px;
text-align: center;
color: #5f5f66
}
.home-about-company ul li {
float: left;
margin-right: 20px;
border: 1px solid #ddd;
width: 156px;
height: 156px
}
.home-about-company ul li:last-child {
margin-right: 0
}
.home-about-company ul li a {
display: block;
color: #141416
}
.home-about-company ul li h3 {
font-size: 14px;
font-size: 1.4rem;
font-weight: 500;
text-align: center;
padding-top: 20px;
padding-top: 2rem;
padding-bottom: 20px;
padding-bottom: 2rem;
margin: 0
}
.home-about-company ul li i.fa {
font-size: 18px;
font-size: 1.8rem;
margin-right: 4px
}
.home-movie-container{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.home-movie-section .home-movie-item{
margin-bottom: 20px;
width: calc(50% - 10px);
aspect-ratio: 16 / 9;
}
.home-movie-section .home-movie-item iframe{
width: 100%;
height: 100%;
border-radius: 8px;
}
.page-business .content-box {
padding: 19px
}
.service-intro .block-left {
max-width: 500px
}
.service-intro .block-right {
max-width: 320px
}
.service-intro .block-right img {
margin-top: -60px
}
.service-local-nav ul {
list-style-type: none;
padding: 0;
display: table;
margin: 20px 0 30px;
width: 100%
}
.service-local-nav ul li {
float: left;
width: 164px;
height: 84px;
text-align: center;
display: block;
position: relative;
vertical-align: middle;
margin-right: 10px;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
margin-bottom: 10px;
font-weight: 400
}
.service-company .table02 td .clearfix:nth-child(3n), .service-local-nav ul li:nth-child(5n) {
margin-right: 0
}
.service-local-nav ul li a {
display: table-cell;
text-align: center;
width: 164px;
height: 84px;
border: 1px solid #ddd;
vertical-align: middle
}
.return-news-link ai.fa, .service-local-nav ul li a i.fa {
font-size: 22px;
font-size: 2.2rem
}
h2.inner-style .circle-num {
background: #f76102;
color: #fff;
width: 32px;
height: 32px;
display: inline-block;
text-align: center;
border-radius: 100%;
margin-right: 10px;
line-height: 32px;
font-size: 20px;
font-size: 2rem;
font-weight: 500
}
.kind-advice, .tel-free {
padding: 20px;
text-align: center
}
.kind-advice {
color: #f76102;
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
line-height: 1;
border: 2px solid #f76102;
margin-bottom: 20px
}
#service-business-plan-contest .inner-content-box h3 .mobile-show, #service-column .inner-content-box h3 .mobile-show, .kind-advice .mobile-toggle, .tel-free h2 .mobile-show, .tel-free h4 .mobile-show {
display: none
}
.kind-advice h4, .tel-free h4, ul.design-list li .cell-txt p {
margin-bottom: 0
}
.tel-free {
background: #fff9e7
}
.tel-free h3 {
margin-bottom: 10px
}
.tel-free h4 {
color: #fff;
border-radius: 2px;
background-color: #12a73b;
padding: 6px;
font-weight: 500;
width: 456px;
display: block;
margin-left: auto;
margin-right: auto
}
.inner-content-box {
width: 400px;
border: 2px solid #f0f0f0
}
.inner-content-box h3 {
padding-top: 16px;
padding-bottom: 16px;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
background: #f0f0f0;
margin-bottom: 0
}
.inner-content-box .inner {
padding: 16px;
font-size: 14px;
font-size: 1.4rem
}
.inner-content-box .inner table td, .inner-content-box .inner table th {
vertical-align: top;
text-align: left;
line-height: 1.4
}
.inner-content-box .inner table th {
width: 42px
}
.service-support-inner {
padding: 20px;
background: #f0f0f0
}
.service-support-inner .service-support-list {
margin-bottom: 10;
line-height: 1
}
ul.service-book-list {
list-style-type: none;
padding: 0;
margin: 0;
text-align: center
}
ul.service-book-list li {
display: inline-block;
width: 260px;
float: left
}
ul.service-book-list li img {
box-shadow: 0 4px 8px 2px #ddd
}
.tel-free h4, ul.service-book-list li .publisher {
font-size: 14px;
font-size: 1.4rem
}
ul.service-book-list li .publisher span {
background: #d50000;
color: #fff;
display: inline;
margin-left: 4px;
font-size: 12px;
font-size: 1.2rem;
border-radius: 2px;
padding: 4px 8px;
line-height: 1
}
ul.service-book-list li h3 {
line-height: 1.4
}
.link-cart {
margin: 0
}
.customer-request, .link-cart a {
position: relative;
border-radius: 4px
}
.link-cart a {
text-align: center;
display: block;
color: #fff;
background: #f76102;
line-height: 40px;
font-size: 14px;
font-size: 1.4rem
}
.link-cart a i.fa-shopping-cart {
font-size: 18px;
font-size: 1.8rem;
margin-right: 4px;
line-height: 1
}
.service-book-list .book-note {
font-size: 12px;
font-size: 1.2rem;
line-height: 1.4;
text-align: left
}
.customer-request ul, .page-product .product-local-link, ul.design-list {
list-style-type: none;
padding: 0;
margin: 0
}
ul.design-list li {
width: 100%;
display: table;
margin-bottom: 40px
}
ul.design-list li .cell-num {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 48px;
font-size: 4.8rem;
color: #f76102;
border-right: 1px solid #ddd;
padding-left: 20px;
padding-right: 40px;
font-weight: 500
}
ul.design-list li .cell-txt {
display: table-cell;
vertical-align: middle;
text-align: left;
padding-left: 40px
}
.customer-request h3, ul.design-list li .cell-txt h4 {
font-size: 20px;
font-size: 2rem
}
.customer-request {
font-size: 16px;
font-size: 1.6rem;
border: 2px solid #f76102
}
.customer-request h3 {
line-height: 1;
text-align: left;
background: #fff;
padding-left: 10px;
padding-right: 10px;
position: absolute;
color: #f76102;
margin: -.5em 0 0 10px
}
.customer-request ul {
padding: 40px
}
.customer-request, .customer-request ul li {
margin-bottom: 20px
}
.customer-request ul li:last-child, .page-product .inner-content-box ul li:last-child {
margin-bottom: 0
}
.product-factory-table {
width: 100%
}
.product-factory-table th {
padding-right: 20px;
width: 180px
}
.product-factory-table td, .product-factory-table th {
vertical-align: top;
padding-top: 20px;
border-bottom: 1px solid #ddd
}
.product-factory-table td.cell-last, .product-factory-table th.cell-last {
border-bottom: none
}
.product-factory-table th span {
background: #f0f0f0;
color: #141416;
display: block;
text-align: center;
padding: 20px
}
.page-product .product-local-link {
display: table;
width: 100%;
margin-bottom: 40px;
margin-top: 40px
}
.page-product .product-local-link li {
display: table-cell;
text-align: center;
vertical-align: middle;
border-left: 1px solid #ddd;
width: 20%;
padding-left: 2px;
padding-right: 2px
}
.page-product .product-local-link li a {
display: block;
line-height: 1;
font-size: 14px;
font-size: 1.4rem;
padding-top: 8px;
padding-bottom: 8px;
background: #fff;
background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0)
}
.page-product .product-local-link li a i.ion-android-arrow-down {
margin-right: 4px;
font-size: 20px;
font-size: 2rem;
line-height: 1
}
.page-product .product-local-link li a i.fa {
font-size: 22px;
font-size: 2.2rem;
line-height: 1;
margin-top: 2px
}
.page-product .inner-content-box {
width: 420px;
border: 2px solid #f76102
}
.page-product .inner-content-box h3 {
padding-top: 16px;
padding-bottom: 16px;
text-align: center;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
background: #f76102;
color: #fff;
margin-bottom: 0
}
.page-product .inner-content-box .inner {
padding: 16px;
font-size: 16px;
font-size: 1.6rem
}
.access-section ul, .page-product .inner-content-box ul, .privacy-section ul {
padding: 0;
margin: 0 0 0 30px
}
.access-section ul li, .page-product .inner-content-box ul li, .privacy-section ul li {
color: #f76102;
margin-bottom: 10px;
line-height: 1.6
}
.access-section ul li span, .page-product .inner-content-box ul li span, .privacy-section ul li span {
color: #141416
}
.page-product .service-local-nav ul {
margin: 40px 0
}
.page-product .service-local-nav ul li {
margin-right: 0;
height: auto;
width: 20%;
margin-bottom: 0
}
.page-product .service-local-nav ul li a {
padding-top: 8px;
padding-bottom: 8px;
height: auto;
width: auto;
display: block;
border-top: none;
border-bottom: none;
border-right: none
}
.contact-table, .page-product .service-local-nav ul li.local-nav-last a {
border-right: 1px solid #ddd
}
.contact-table {
width: 100%;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd
}
.contact-table td, .contact-table th {
vertical-align: top;
padding: 20px;
border-bottom: 1px solid #ddd
}
.contact-table .col-required {
width: 68px;
padding-right: 0
}
.contact-table .col-required span.req {
background: #d32f2f;
color: #fff;
font-size: 12px;
font-size: 1.2rem;
width: 48px;
text-align: center;
display: inline-block;
line-height: 28px
}
.contact-table .col-head span.req {
display: none
}
.contact-table .col-head {
text-align: right;
line-height: 28px;
padding-right: 0;
width: 154px
}
.contact-table .col-input .horizontal-item {
font-size: 14px;
font-size: 1.4rem;
line-height: 28px
}
.contact-table .col-input input {
line-height: 32px;
padding-left: 10px;
padding-right: 10px
}
.contact-table .col-input input[type=text] {
height: 32px
}
.contact-table .col-input input, .contact-table .col-input textarea, .contact-table select {
font-size: 14px;
font-size: 1.4rem;
border: 1px solid #ddd;
background: #fff;
border-radius: 4px;
background: #fdfdfd
}
.contact-table select {
height: 32px;
outline: none;
margin-bottom: 10px;
padding: 2px 10px;
line-height: 28px
}
.contact-table .col-input textarea {
padding: 10px;
width: 99%;
min-height: 200px;
font-family: "YakuHanJP", "Noto Sans JP", sans-serif;
font-weight: 400;
line-height: 1.4
}
.contact-table .mail-re-input {
margin-top: 10px
}
.contact-table .mail-description {
line-height: 28px;
padding-bottom: 10px;
display: inline-block
}
.contact-table .field-addr-city, .contact-table .field-addr-street, .contact-table .mwform-zip-field input {
margin-bottom: 10px
}
.contact-table tr:nth-child(odd) {
background: #fff9e7
}
.contact-table .field-xshort {
width: 140px
}
.contact-table .field-short {
width: 240px
}
.contact-table .field-long {
width: 480px
}
.contact-table .field-middle {
width: 360px
}
.accept-privacy {
text-align: center;
font-size: 16px;
font-size: 1.6rem;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 20px
}
.accept-privacy p {
margin-bottom: 10px;
line-height: 1
}
.btn-back-wrap input, .btn-success-wrap input {
outline: 0;
cursor: pointer;
-webkit-appearance: none;
border: 0;
text-decoration: none;
display: inline-block;
transition: all .3s;
border-radius: 0;
font-size: 16px;
font-size: 1.6rem;
text-align: center;
line-height: 40px;
padding-left: 80px;
padding-right: 80px
}
.btn-back-wrap input {
background: #f0f0f0;
margin-right: 40px;
font-weight: 300;
color: #141416
}
.btn-success-wrap input {
font-weight: 500;
color: #fff;
background: #f76102
}
.btn-back-wrap input:active, .btn-back-wrap input:hover, .btn-success-wrap input:active, .btn-success-wrap input:hover, .mailmagazine-btn input:hover {
opacity: .7
}
.mw_wp_form_confirm .confirm-hidden {
display: none !important
}
.confirm-view, .service-company .page-about-wrap table .title br {
display: none
}
.mw_wp_form_confirm .confirm-view {
display: inherit
}
.mw_wp_form .error {
color: #d32f2f !important;
line-height: 1.4 !important;
font-size: 14px !important;
font-size: 1.4rem !important;
font-weight: 600;
padding-top: 4px
}
.privacy-intro, .privacy-section {
margin-bottom: 40px
}
.access-section .inner, .privacy-section .inner {
background: #f0f0f0;
padding: 20px
}
.access-section ul li:last-child, .privacy-section ul li:last-child {
margin-bottom: 0
}
.access-illust {
border: 1px solid #ddd
}
.mailmagazine-section {
margin-bottom: 40px
}
.mailmagazine-btn input, .mailmagazine-sample {
margin-top: 20px;
font-size: 16px;
font-size: 1.6rem
}
.mailmagazine-btn input {
color: #fff;
background: #f76102;
outline: 0;
cursor: pointer;
font-weight: 400;
-webkit-appearance: none;
border: 0;
text-decoration: none;
display: inline-block;
transition: all .3s;
border-radius: 0;
text-align: center;
padding-left: 60px;
padding-right: 60px;
line-height: 40px
}
.mailmagazine-sample {
height: 400px;
overflow-y: scroll;
overflow-x: hidden;
line-height: 1.6
}
.service-company .company-local-link {
list-style-type: none;
padding: 0;
display: table;
width: 100%;
margin: 40px 0
}
.service-company .company-local-link li {
display: table-cell;
text-align: center;
vertical-align: middle;
border-left: 1px solid #ddd;
width: 20%
}
.service-company .company-local-link li a {
display: block;
line-height: 1;
font-size: 14px;
font-size: 1.4rem;
padding-top: 8px;
padding-bottom: 8px
}
.service-company .company-local-link li a i.ion-android-arrow-down {
margin-right: 4px;
font-size: 20px;
font-size: 2rem;
line-height: 1
}
.service-company .company-local-link li a i.fa {
font-size: 22px;
font-size: 2.2rem;
line-height: 1;
margin-top: 2px
}
.service-company h3, .service-company h4 {
color: #141416;
font-size: 22px;
font-size: 2.2rem
}
.service-company h3 {
position: relative;
line-height: 40px;
padding-left: 16px;
border-left: 4px solid #f76102
}
.service-company .page-about-wrap table {
width: 100%;
line-height: 1.6;
margin-bottom: 40px
}
.service-company .page-about-wrap table td, .service-company .page-about-wrap table th {
border: 1px solid #ddd;
padding: 20px;
vertical-align: middle
}
.service-company .page-about-wrap table .title {
background: #f0f0f0;
width: 160px
}
.service-company .table01 td img {
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #ddd
}
.service-company h4 {
padding: 20px;
border-bottom: 2px solid #f76102;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #ddd;
margin-bottom: 0
}
.mailmagazine-sample, .service-company .mobile-padding-block {
border: 1px solid #ddd;
padding: 20px
}
.service-company .mobile-padding-block p.prize:before {
content: "\f356";
font-family: Ionicons;
color: #fbc02d;
font-size: 22px;
font-size: 2.2rem;
position: absolute;
top: 0;
left: 0;
margin-top: -4px
}
.service-company .lecture-list-block ul.kouen li, .service-company .mobile-padding-block p.prize {
border-bottom: 1px solid #ddd;
margin-bottom: 20px;
padding-bottom: 20px;
padding-left: 32px;
position: relative
}
.service-company .lecture-list-block ul.kouen li:last-child, .service-company .mobile-padding-block p.prize:last-child {
border: none;
margin-bottom: 0;
padding-bottom: 0
}
.service-company .table02 .photo {
text-align: center
}
.service-company .table02 td .clearfix {
width: 198px;
height: 280px;
margin-right: 20px;
float: left;
display: block;
text-align: center;
margin-bottom: 40px;
position: relative
}
.service-company .table02 td .clearfix:nth-child(7) {
height: auto;
margin-bottom: 0
}
.service-company .table02 td .clearfix:nth-child(7) .chosho {
margin-bottom: 0
}
.service-company .table02 td .clearfix .chosho {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.4;
margin-top: 10px
}
.service-company .table02 td .clearfix .detail {
font-size: 14px;
font-size: 1.4rem;
line-height: 1;
margin-bottom: 0;
position: absolute;
bottom: 0;
width: 100%;
text-align: center
}
.service-company .table02 td .clearfix .detail a {
color: #fff;
background: #f76102;
display: block;
padding: 10px
}
.service-company #president-profile {
margin-top: 40px
}
.service-company .lecture-extr-link {
padding-top: 16px !important;
padding-bottom: 16px !important;
text-align: center !important;
font-size: 16px;
font-size: 1.6rem;
line-height: 1;
background: #f0f0f0 !important;
font-weight: 400 !important;
margin: 0
}
.service-company .lecture-list-block {
border: 1px solid #ddd;
padding: 20px;
margin-bottom: 40px
}
.service-company .lecture-list-block ul.kouen {
list-style-type: none;
margin: 0
}
.service-company .lecture-list-block ul.kouen li:before {
content: "\f3f9";
font-family: Ionicons;
color: #f76102;
font-size: 22px;
font-size: 2.2rem;
position: absolute;
top: 0;
left: 0;
margin-top: -4px;
font-weight: 400
}
.service-company .company-history-block table {
margin-bottom: 10px
}
.service-company .company-history-block .history-date {
text-align: right;
margin-bottom: 40px
}
.search-link {
border-bottom: 1px solid #ddd
}
.search-link:last-of-type {
margin-bottom: 40px
}
.search-link a {
display: block;
padding: 20px
}
.search-link a h3 {
font-size: 22px;
font-size: 2.2rem;
margin-bottom: 0
}
.search-link a p {
color: #5f5f66;
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 0;
margin-top: 20px
}
.notfound .search-form {
width: 240px;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #fff
}
.notfound .search-form:focus {
border-top: 1px solid #f76102;
border-left: 1px solid #f76102;
border-bottom: 1px solid #f76102;
outline: 0
}
.news-section .news-category {
display: inline-block;
width: 110px;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
line-height: 28px;
margin-right: 16px;
color: #fff;
background: #f76102
}
.news-section .news-date {
color: #898990;
margin-left: 4px
}
.single-paging {
margin-top: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 20px
}
.single-paging .next {
float: left;
text-align: left
}
.single-paging .prev {
float: right;
text-align: right
}
.single-paging p {
position: relative;
margin-bottom: 0
}
.return-news-link a, .single-paging p a {
font-size: 14px;
font-size: 1.4rem;
display: table-cell;
vertical-align: middle;
width: 420px;
line-height: 1.4
}
.single-paging p.next a {
padding-left: 30px;
padding-right: 20px
}
.single-paging p.next a i.fa, .single-paging p.prev a i.fa {
font-size: 22px;
font-size: 2.2rem;
position: absolute;
top: 50%;
margin-top: -11px
}
.single-paging p.next a i.fa {
left: 10px
}
.single-paging p.prev a {
padding-right: 30px;
padding-left: 20px
}
.single-paging p.prev a i.fa {
right: 10px
}
.return-news-link {
width: 420px;
display: table;
margin-left: auto;
margin-right: auto
}
.return-news-link a {
border: 1px solid #ddd;
height: 40px;
width: 100%;
text-align: center
}
.news-entre-ex-feature-title {
margin-bottom: 10px !important;
margin-bottom: 1rem !important
}
.news-entre-ex-feature {
margin-left: 20px;
margin-left: 2rem;
margin-bottom: 20px;
margin-bottom: 2rem
}
.news-entre-ex-feature li {
line-height: 1.8
}
.news-entre-ex-feature li:last-child {
margin-bottom: 0
}
.news-event-detail {
margin-bottom: 20px;
margin-bottom: 2rem
}
.news-event-detail td, .news-event-detail th {
vertical-align: top;
line-height: 1.8
}
.news-event-detail td {
padding-left: 10px;
padding-left: 1rem
}
.news-entre-ex-pics-title {
margin-bottom: 10px !important;
margin-bottom: 1rem !important
}
.news-entre-ex-pics {
width: 100%
}
.news-entre-ex-pics .pic-left {
text-align: center;
vertical-align: top;
padding-right: 5px
}
.news-entre-ex-pics .pic-right {
text-align: center;
vertical-align: top;
padding-left: 5px
}
.news-entre-report-wide-pic {
max-height: 480px;
overflow: hidden;
margin-bottom: 10px;
display: block
}
.news-entre-report-pics {
width: 100%
}
.news-entre-report-pics td:nth-child(1) {
padding-right: 5px;
padding-bottom: 10px
}
.news-entre-report-pics td:nth-child(2) {
padding-left: 5px;
padding-bottom: 10px
}
.news-entre-report-pics tr:last-child td {
padding-bottom: 0
}
.news-blog-thumb, .news-entre-seminar-flow {
width: 100%;
margin-bottom: 20px;
margin-bottom: 2rem
}
.news-entre-seminar-flow td, .news-entre-seminar-flow th {
font-weight: 700;
vertical-align: middle;
border-bottom: 1px solid #fff
}
.news-entre-seminar-flow th {
height: 64px;
width: 64px;
text-align: center;
background: #403229;
margin-right: 10px;
margin-bottom: 1px;
font-size: 32px;
font-size: 3.2rem;
color: #fff
}
.news-entre-seminar-flow td {
font-size: 18px;
font-size: 1.8rem;
line-height: 1.2;
padding-left: 20px;
color: #403229
}
.news-entre-seminar-flow td span {
background: linear-gradient(transparent 74%, #ffe010 74%)
}
.news-entre-seminar-flow td.odd {
background: #f9f6f4
}
.news-entre-seminar-flow td.even {
background: #efe8e4
}
.news-entre-seminar-flow td.arrow-wrap {
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
font-size: 28px;
font-size: 2.8rem
}
.news-blog-thumb {
width: 320px;
float: right;
margin-left: 20px;
margin-left: 2rem
}
.media-section .media-category {
display: inline-block;
width: 110px;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
line-height: 28px;
margin-right: 16px;
color: #fff;
background: #f76102
}
.media-section .media-date {
color: #898990
}
.media-tab-wrap {
margin-top: 20px
}
.media-tab {
list-style-type: none;
padding: 0;
margin: 0;
display: table;
width: 100%
}
.media-tab li {
display: table-cell;
text-align: center;
border-left: 1px solid #ddd;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
vertical-align: middle;
width: 20%;
background: #f0f0f0
}
.media-tab li.active {
border-bottom: none;
background: #fff;
border-top: 2px solid #f76102;
font-weight: 500
}
.media-tab li a {
display: block;
padding-top: 22px;
padding-bottom: 22px
}
.media-tab li.active a {
color: #141416
}
.media-tab li i.fa {
font-size: 18px;
font-size: 1.8rem;
margin-right: 4px
}
.media-tab li:last-child {
border-right: 1px solid #ddd
}
.media-wrap {
border-top: none !important
}
.media-wrap-border-enable {
margin-top: 20px
}
.media-row {
margin-left: -20px;
margin-right: -20px;
border-top: 1px solid #ddd;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px
}
.media-feature ul {
list-style-type: none;
padding: 0;
margin: 0;
width: 100%;
display: table
}
.media-feature ul li, .media-feature ul li a {
display: table-cell;
height: 48px;
vertical-align: middle;
width: 20%
}
.media-feature ul li {
padding-right: 10px;
padding-bottom: 10px;
line-height: 1
}
.media-feature ul li a {
font-size: 14px;
font-size: 1.4rem;
text-align: center;
background: #482f19;
color: #fff;
border-radius: 4px
}
.media-feature ul li:last-child {
padding-right: 0
}
.media-feature-attention {
background: #fff9e7;
padding: 20px;
text-align: center;
margin-bottom: 40px
}
.media-feature-attention p {
margin-bottom: 0
}
.wp-pagenavi {
text-align: center;
font-size: 14px;
font-size: 1.4rem;
margin-bottom: 40px
}
.wp-pagenavi .pages {
margin-right: 6px
}
.wp-pagenavi span.current {
background: #f0f0f0;
color: #141416;
margin-left: 4px;
width: 28px;
height: 28px;
line-height: 28px;
display: inline-block;
text-align: center;
border-radius: 4px
}
.wp-pagenavi a.first, .wp-pagenavi a.last, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.page, .wp-pagenavi a.previouspostslink {
background: #f76102;
color: #fff;
margin-left: 4px;
width: 28px;
height: 28px;
line-height: 28px;
display: inline-block;
text-align: center;
border-radius: 4px
}
.campaign-long-banner-wrap {
width: 1200px;
position: relative;
z-index: 2
}
.campaign-long-banner-left {
position: absolute;
left: -148px
}
.campaign-long-banner-right {
position: absolute;
right: -148px
}
.campaign-long-banner-fixed {
top: 0;
position: fixed !important
}
.recruit-content {
float: none !important;
width: auto !important
}
.recruit-basic-style {
font-size: 32px;
font-size: 3.2rem;
line-height: 1.4
}
.recruit-list {
line-height: 1.8
}
.indent-1word {
padding-left: 1em;
text-indent: -1em
}
.recruit-prime-txt {
margin-bottom: 8px;
margin-bottom: .8rem;
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
letter-spacing: .06em
}
.recruit-header-link {
display: table
}
.recruit-header-link-mail, .recruit-header-link-tel {
display: table-cell;
vertical-align: middle;
padding-top: 9px;
padding-top: .9rem;
padding-bottom: 9px;
padding-bottom: .9rem;
padding-left: 10px;
padding-left: 1rem
}
.recruit-header-link-tel .tel-link-txt {
font-size: 34px;
font-size: 3.4rem;
font-weight: 700
}
.recruit-header-link-tel span {
letter-spacing: .07em;
margin-top: 6px;
margin-top: .6rem;
font-size: 16px;
font-size: 1.6rem;
display: inline-block
}
.recruit-entry-btn a, .recruit-header-link-mail a {
display: block;
border-radius: 128px;
background: #f76102;
color: #fff;
line-height: 1;
padding: 24px;
padding: 2.4rem;
font-size: 18px;
font-size: 1.8rem;
font-weight: 600
}
.page-id-13985 .recruit-header-link-mail, .page-id-13996 .recruit-header-link-mail, .page-id-13999 .recruit-header-link-mail {
display: none
}
.recruit-corp-link, .recruit-entry-btn, .recruit-footer-info {
text-align: center
}
.recruit-entry-btn a {
font-size: 38px;
font-size: 3.8rem
}
.recruit-corp-tel-link {
color: #5f5f66 !important
}
.recruit-corp-link a {
padding-top: 16px;
padding-top: 1.6rem;
padding-bottom: 16px;
padding-bottom: 1.6rem;
padding-left: 20px;
padding-left: 2rem;
padding-right: 20px;
padding-right: 2rem;
border: 1px solid;
display: inline-block;
margin-top: 10px;
margin-top: 1rem;
margin-bottom: 10px;
margin-bottom: 1rem;
font-size: 12px;
font-size: 1.2rem;
color: #5f5f66
}
.page-id-13957 .mw_wp_form_confirm .contact-table td, .page-id-13996 .mw_wp_form_confirm .contact-table td {
line-height: 28px
}
.page-id-13968 .contact-table .col-input textarea {
min-height: 64px !important
}
.page-id-13968 .contact-table select, .page-id-13985 .contact-table select, .page-id-14049 .contact-table select {
appearance: auto;
-webkit-appearance: auto;
-moz-appearance: auto
}
.page-id-13996 .mw_wp_form_confirm .confirm-view {
display: inline
}
.mobile-min-show {
display: none
}
.requestform-basic .col-head {
width: 230px
}
.requestform-advanced .col-input {
width: 250px
}
.input-face-block {
margin-bottom: 0;
line-height: 1
}
.input-face-block input[type=file] {
display: block;
background: #fff;
padding: 4px;
width: auto
}
.col-face .mw-wp-form_image img {
height: 128px;
padding: 4px;
border: 1px solid #ddd;
margin-top: 20px
}
.mw_wp_form_confirm .col-face .mw-wp-form_image img {
margin-top: 0
}
.recruit-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
-ms-flex-line-pack: distribute;
align-content: space-around;
margin-top: 48px;
margin-top: 4.8rem;
margin-bottom: 128px;
margin-bottom: 12.8rem
}
.recruit-item {
width: calc(50% - 15px);
text-align: center;
line-height: 1.4;
margin-bottom: 30px
}
.recruit-item:last-child {
margin-right: 0
}
.recruit-item a {
display: block;
padding: 28px 24px;
padding: 2.8rem 2.4rem;
border: 2px solid;
box-shadow: 5px 5px 0 0 #f76102;
background: #fff;
border-radius: 10px
}
.center-style {
text-align: center;
color: #141416;
font-size: 28px;
font-size: 2.8rem;
padding-bottom: 20px;
position: relative;
font-weight: bolder
}
.detail-link-block, .job-title-pre {
font-size: 16px;
font-size: 1.6rem;
font-weight: 500
}
.detail-link-block {
background: #f76102;
color: #fff;
border-radius: 32px;
padding: 8px 32px;
display: inline-block;
margin-top: 16px;
margin-top: 1.6rem;
letter-spacing: .3em
}
.job-title-pre {
letter-spacing: .2em
}
.job-title {
font-size: 32px;
font-size: 3.2rem;
font-weight: 800
}
.recruit-item-close a {
box-shadow: 5px 5px 0 0 #cecece !important;
color: #cecece !important
}
.recruit-item-close a:hover {
opacity: 1
}
.recruit-item-close .detail-link-block {
background: #cecece !important
}
.recruit-flow-img {
width: 960px;
max-width: 100%;
padding: 32px;
border: 1px solid #cecece;
display: block;
margin-left: auto;
margin-right: auto
}
.recruit-lead-block-txt {
float: left
}
.recruit-lead-block-pic {
float: right;
width: 480px
}
.recruit-pics-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.recruit-pics-wrap img {
width: calc(50% - 20px)
}
.drawer-open .drawer-nav {
box-shadow: 0 0 10px -4px #141416
}
.drawer-nav {
z-index: 1000;
width: 240px;
width: 24rem
}
.drawer--right .drawer-nav {
right: -240px;
right: -24rem
}
@media screen and (max-width:1495px) {
.campaign-long-banner-wrap {
display: none
}
}
@media screen and (max-width:1219px) {
.main, .site-header .inner {
width: 100%
}
.site-header .header-logo {
margin-left: 2rem
}
.site-header .header-logo .recruit-header-logo, .site-header .header-logo h1 {
font-size: 3.4rem;
line-height: 5.6rem
}
.site-header .header-logo img {
width: 56px;
height: 56px
}
.header-ex .external-links {
margin-right: 2rem
}
.global-nav, .header-ex .company-links, .side .side-newsletter .exp-txt .mobile-hide {
display: none
}
.header-ex .external-links ul li.link-menu {
display: block
}
ul.breadcrumb {
padding-left: 20px;
padding-right: 20px;
width: 100%
}
.content, .home-content-wrap {
float: none;
margin-left: auto;
margin-right: auto
}
.bottom-link {
margin-top: 20px
}
.bottom-link .inner, .side .side-bottom ul, .side .side-top ul, .site-footer .inner {
width: 100%
}
.bottom-nav ul, .footer-nav ul {
font-size: 0;
text-align: center
}
.bottom-nav ul li {
margin-right: 10px
}
.footer-info {
float: none;
text-align: center
}
.footer-nav {
float: none;
margin-bottom: 20px
}
.bottom-nav ul li, .footer-nav ul li {
float: none;
display: inline-block;
padding: 0 .4rem
}
.side {
width: 860px;
margin-left: auto;
margin-right: auto;
float: none;
border-top: 1px solid #ddd;
padding-top: 40px
}
.side .side-top {
margin-bottom: 0
}
.side .side-bottom ul li, .side .side-top ul li {
float: left;
display: block;
width: 273.333px;
margin-right: 20px;
margin-bottom: 20px
}
.side .side-bottom ul li:nth-child(3n), .side .side-top ul li:nth-child(3n) {
margin-right: 0
}
.side .side-newsletter h2 {
background: #fff
}
.side .side-contact, .side .side-newsletter {
width: 420px;
float: left;
height: 280px;
background: #f0f0f0;
margin-top: 20px
}
.side .side-newsletter .inner {
background: 0 0
}
.side .side-newsletter .newsletter-mail {
width: 312px
}
.side .side-contact {
float: right
}
.side .side-contact .contact-inner {
background: #fff
}
.side .side-facebook {
text-align: center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding-top: 40px;
padding-bottom: 40px
}
.side .side-contact .tel-wrap {
margin-bottom: 0;
width: 184px;
float: left
}
.side .side-contact .fax-wrap {
margin-bottom: 0;
width: 184px;
float: right
}
.side .side-contact .access-inner .exp-txt, .side .side-contact .num-head {
display: none
}
.side .side-contact .num-txt {
padding-left: 0;
font-size: 2.6rem;
letter-spacing: -.04rem
}
.side .side-contact .access-inner {
background: 0 0
}
.notfound .search-form, .notfound .search-submit {
margin-bottom: 40px
}
.drawer-nav .search-form {
width: 84%;
width: calc(100% - 32px)
}
.drawer-search-wrap {
padding: 16px
}
.recruit-content {
padding-left: 2rem;
padding-right: 2rem
}
.recruit-lead-block-pic {
width: 320px
}
}
@media screen and (max-width:1076px) {
.recruit-header-logo-wrap {
float: none !important;
text-align: center;
margin-left: 0 !important
}
.recruit-header-ex {
float: none !important
}
.recruit-header-link {
margin-left: auto;
margin-right: auto
}
.recruit-lead-block-pic {
width: 100%;
float: none
}
.recruit-pics-wrap {
display: inline-block
}
.recruit-pics-wrap img {
width: 100%;
margin-bottom: 2rem
}
.recruit-pics-wrap img:last-of-type {
margin-bottom: 0
}
}
@media screen and (max-width:859px) {
.content h2.basic-style, .content h2.inner-style, ul.breadcrumb li {
line-height: 1.4
}
body.page-home .site-header {
margin-bottom: 0
}
.content, .home-content-wrap {
width: 100%
}
.content {
padding-right: 2rem;
padding-left: 2rem
}
.content h2.basic-style-mini a {
right: 20px
}
.home-service .service-link {
width: 50%;
float: left;
margin-left: 0;
margin-bottom: 40px;
text-align: center
}
.home-service .service-link:nth-child(even) a {
padding-right: 10px
}
.home-service .service-link:nth-child(odd) a {
padding-left: 10px
}
.home-find .find-row {
width: 100%;
display: table
}
.home-find .find-cell {
width: 33.333333333%
}
.home-find .find-cell:last-child {
padding-right: 0
}
.home-find .find-cell .inner, .page-product .service-local-nav ul li.local-nav-last, .side .side-bottom ul li a img, .side .side-top ul li a img {
width: 100%
}
.home-find .find-cell h3, .home-find .find-cell ul li {
font-size: 1.4rem
}
.home-banner .banner-contest {
float: none;
margin-bottom: 20px
}
#service-column .block-left, #service-column .block-right, .home-banner .banner-event {
float: none
}
.home-banner .banner-block {
background-size: cover !important;
background-position: 50% 50% !important;
width: 100%;
display: table
}
.home-banner .banner-overlay {
background: radial-gradient(transparent, rgba(0, 0, 0, .5)) fixed, url(//ginzasecondlife.co.jp/cms/wp-content/themes/gsl/assets/img/blank.png);
width: 100%
}
.home-about-company ul li {
float: none;
margin-right: 0;
border: 1px solid #ddd;
width: 100%;
height: 96px;
margin-top: 20px
}
.home-about-company ul li a img {
float: left
}
.home-about-company ul li a h3 {
height: 96px;
display: table-cell;
vertical-align: middle;
padding: 0 0 0 20px;
font-size: 1.6rem
}
.site-footer .inner {
padding-top: 0
}
.bottom-nav ul, .footer-nav ul {
text-align: left
}
.bottom-nav ul li, .footer-nav ul li {
display: block
}
.bottom-nav ul li {
padding: 0;
margin: 0;
font-size: 1.4rem;
width: 50%;
float: left
}
.bottom-nav ul li a {
display: block;
padding: 20px;
border-bottom: 1px solid #ddd
}
.bottom-nav ul li:nth-child(odd) a, .footer-nav ul li:nth-child(odd) a {
border-right: 1px solid #ddd
}
.footer-nav ul li {
border: none;
padding: 0;
width: 50%;
float: left;
font-size: 1.4rem
}
.footer-nav ul li:last-child {
border-right: none
}
.footer-nav ul li a {
padding: 20px;
border-bottom: 1px solid #ddd
}
.side {
width: 88%;
width: calc(100% - 40px);
margin-left: auto;
margin-right: auto
}
.side .side-bottom ul li, .side .side-top ul li {
float: left;
display: block;
width: 50%;
margin-right: 0;
margin-bottom: 0
}
.side .side-bottom ul li a, .side .side-top ul li a {
display: block
}
.side .side-bottom ul li:nth-child(odd) a, .side .side-top ul li:nth-child(odd) a {
padding-right: 10px;
padding-bottom: 20px
}
.side .side-bottom ul li:nth-child(even) a, .side .side-top ul li:nth-child(even) a {
padding-left: 10px;
padding-bottom: 20px
}
.side .side-contact, .side .side-newsletter {
float: none;
width: 100%;
height: auto
}
#service-column .link-btn-blank, .service-intro .block-left br, .side .side-contact .access-inner .exp-txt br, .side .side-newsletter .exp-txt br, .swiper-btn-left-for-pc, .swiper-btn-right-for-pc {
display: none
}
.side .side-newsletter .newsletter-mail {
width: 72%;
width: calc(100% - 64px)
}
.side .side-contact .num-head {
display: inline-block;
line-height: 48px;
font-size: 1.8rem;
width: 64px
}
.side .side-contact .num-txt {
padding-left: 8px;
font-size: 4.8rem;
display: inline-block;
line-height: 48px
}
.side .side-contact .tel-wrap {
margin-right: 0;
margin-bottom: 20px
}
.side .side-contact .fax-wrap, .side .side-contact .tel-wrap {
width: 100%;
float: none;
text-align: center
}
.side .side-contact .contact-inner h3 {
text-align: center
}
.side .side-contact .access-inner .exp-txt {
display: inline-block;
margin-bottom: 20px
}
.swiper-btn-left-for-mobile, .swiper-btn-right-for-mobile {
display: block
}
.service-intro .block-left {
float: none;
max-width: 100%;
margin-top: 20px
}
.service-intro .block-right {
float: none;
max-width: 100%;
text-align: center;
border: 1px solid #ddd;
padding: 20px
}
.service-intro .block-right img {
margin-top: 0
}
.service-local-nav ul {
border-bottom: 1px solid #ddd
}
.service-local-nav ul li {
width: 50%;
height: auto;
margin-right: 0;
margin-bottom: 0
}
.service-local-nav ul li a {
display: block;
width: 100%;
height: auto;
padding: 10px;
border-bottom: none
}
.service-local-nav ul li:nth-child(odd) a {
border-right: none
}
.kind-advice, .search-link a h3 {
line-height: 1.4
}
.kind-advice .mobile-toggle {
display: inline
}
ul.service-book-list {
margin-bottom: 0 !important
}
ul.service-book-list .link-cart {
margin-bottom: 40px
}
ul.service-book-list li {
float: none;
width: auto;
display: block
}
ul.service-book-list li.mr-20 {
margin-right: 0 !important
}
ul.service-book-list li.ml-20 {
margin-left: 0 !important
}
#service-column .inner-content-box {
width: 100%;
border: none
}
#service-column .inner-content-box .inner {
padding-left: 0;
padding-right: 0;
padding-bottom: 0
}
#service-column .inner-content-box:last-of-type .link-btn {
margin-bottom: 0
}
#service-column .link-btn-fuji {
margin-bottom: 2rem !important
}
#service-business-plan-contest .block-left, #service-business-plan-contest .block-right {
float: none
}
#service-business-plan-contest .inner-content-box {
width: 100%;
border: none
}
#service-business-plan-contest .inner-content-box .inner {
padding-left: 0;
padding-right: 0
}
.product-factory-table td, .product-factory-table th {
display: block;
width: 100%;
padding-right: 0
}
.product-factory-table th {
padding-bottom: 10px;
border-bottom: none
}
.product-factory-table td {
padding-top: 0
}
.page-product .service-local-nav ul {
border-bottom: none;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd
}
.page-product .service-local-nav ul li {
width: 25%
}
.page-product .service-local-nav ul li a {
border-bottom: 1px solid #ddd
}
.page-product .service-local-nav ul li.local-nav-last a {
border-right: none
}
.product-pt-wrap img {
width: 48%
}
.page-product .inner-content-box {
width: 100%;
float: none
}
.page-product .inner-content-box:first-of-type {
margin-bottom: 20px
}
.mailmagazine-sample {
overflow-y: scroll;
overflow-x: scroll;
height: 320px;
font-size: 1.2rem;
padding: 10px
}
section.news-section.content-box.mb-40 {
margin-bottom: 20px !important
}
.return-news-link {
width: 100%
}
.single-paging {
display: table;
width: 100%
}
.single-paging .next, .single-paging .prev {
float: none;
width: 50%;
display: table-cell
}
.single-paging p.next a, .single-paging p.prev a {
padding-left: 20px;
padding-right: 10px;
width: 100%;
display: block
}
.single-paging p.prev a {
padding-left: 10px;
padding-right: 20px
}
.single-paging p.next a i.fa {
left: 0
}
.single-paging p.prev a i.fa {
right: 0
}
.contact-table .col-input .field-long, .contact-table .col-input .field-middle, .contact-table .col-input .field-short, .contact-table .col-input select, .single-paging .single-first, .single-paging .single-last {
width: 100%
}
.contact-table .col-input small.mobile-hide, .contact-table .col-required, .form-lead-txt .mobile-hide {
display: none
}
.contact-table .col-head span.req {
background: #d32f2f;
color: #fff;
font-size: 1.2rem;
width: 48px;
text-align: center;
display: inline-block;
line-height: 28px;
font-weight: 400;
margin-left: 10px
}
.contact-table .col-head {
width: 100%;
display: block;
text-align: left;
border-bottom: none;
padding-bottom: 0
}
.contact-table .col-input {
width: 100%;
display: block;
padding-top: 10px
}
.contact-table .col-input .field-num {
max-width: 20%
}
.contact-table .col-input small {
margin-bottom: 10px;
display: inline-block
}
.contact-table .col-input .mail-description small {
padding-bottom: 0;
margin-bottom: 0
}
.contact-table .col-input-seimei .field-xshort {
width: 110px
}
.wp-pagenavi {
font-size: 1.2rem;
margin-bottom: 20px
}
.wp-pagenavi .pages {
font-size: 1.4rem;
width: 100%;
display: block;
margin-bottom: 10px
}
.wp-pagenavi a.first, .wp-pagenavi a.last, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.page, .wp-pagenavi a.previouspostslink, .wp-pagenavi span.current {
width: 22px;
height: 22px;
line-height: 22px;
margin-bottom: 4px
}
.page-id-13968 .contact-table select, .page-id-13985 .contact-table select {
width: 84px !important
}
.page-id-13968 .contact-table select[name=your-employment], .page-id-13968 .contact-table select[name=your-job-type], .page-id-13985 .contact-table select[name=your-employment], .page-id-13985 .contact-table select[name=your-job-type] {
width: 100% !important
}
.requestform-advanced .col-txt {
display: block;
border-bottom: none
}
.requestform-advanced .col-input {
border-top: none;
padding-top: 0
}
}
@media screen and (max-width:820px) {
.home-lecture h3 {
text-align: left;
line-height: 1.4;
padding: 16px
}
.lecture-list-block .lecture-extr-link {
text-align: left !important;
line-height: 1.4;
padding: 16px !important
}
.site-header .header-logo h1 {
font-size: 2.8rem;
line-height: 4rem
}
.site-header .header-logo img {
width: 40px;
height: 40px
}
.site-header .header-logo .recruit-header-logo img {
width: 56px;
height: 56px
}
.header-ex .external-links a img {
height: 24px
}
.header-ex .external-links ul li {
width: 44px;
margin-right: 0
}
.header-ex .external-links ul li span {
font-size: 1rem
}
.header-ex .external-links ul li.link-menu a i.fa {
font-size: 2.4rem
}
.recruit-container {
display: block !important;
margin-bottom: 4.8rem !important
}
.recruit-item {
width: 100% !important;
margin-right: 0 !important;
margin-bottom: 20px !important
}
.recruit-flow-img {
padding: 0;
border: none
}
}
@media screen and (max-width:767px) {
.home-media ul li a, .home-news ul li a{
display: table;
}
.home-find .find-cell h3 {
font-size: 1.6rem;
margin-bottom: 10px;
margin-top: 20px
}
.home-find .find-cell ul li {
font-size: 1.6rem;
border-bottom: 1px solid #ddd
}
.home-find .find-cell ul li:last-child {
border-bottom: none
}
.home-find .find-cell ul li a {
display: block;
padding-top: 10px;
padding-bottom: 10px
}
.home-find .find-row {
display: block
}
.home-find .find-cell {
width: 100%;
display: block;
padding-right: 0;
padding-top: 0
}
.home-find .find-cell-no1 {
padding-bottom: 0
}
.home-media ul li .media-category, .home-news ul li .news-category {
height: 28px;
display: block;
float: left
}
.home-media ul li .media-date, .home-news ul li .news-date {
height: 28px;
line-height: 28px;
float: left;
display: block
}
.home-media ul li .media-title, .home-news ul li .news-title {
margin-top: 10px;
width: 100%;
display: block;
float: left;
padding-right: 20px;
line-height: 1.4
}
.home-media h2.basic-style-mini .mobile-hide, .home-news h2.basic-style-mini .mobile-hide, .media-feature ul li a br {
display: none
}
.home-media h2.basic-style-mini .mobile-show, .home-news h2.basic-style-mini .mobile-show {
display: inline
}
.media-feature ul {
float: left;
width: 50%
}
.media-feature ul:first-of-type {
padding-right: 5px
}
.media-feature ul:last-of-type {
padding-left: 5px
}
.media-feature ul li {
width: 100%;
display: table;
padding-right: 0
}
.media-feature ul li a {
width: 100%;
padding-left: 8px;
padding-right: 8px;
font-size: 1.3rem;
line-height: 1.2
}
.service-company h3 {
line-height: 1.4;
padding-top: 4px;
padding-bottom: 4px
}
.lecture-list-block ul.kouen li, .service-company h4 {
line-height: 1.4
}
.service-company .company-local-link li .mobile-hide {
display: none
}
.service-company .page-about-wrap table .title, .service-company .page-about-wrap table td, .service-company .page-about-wrap table th {
width: 100%;
display: block;
border-bottom: none
}
.service-company .page-about-wrap table {
border-bottom: 1px solid #ddd
}
.service-company .table02 td .clearfix {
float: none;
margin-left: auto !important;
margin-right: auto !important;
height: auto;
margin-bottom: 20px;
width: 100%
}
.service-company .table02 td .clearfix .chosho {
margin-bottom: 10px
}
.service-company .table02 td .clearfix:nth-child(4) .chosho {
margin-bottom: 20px
}
.service-company .table02 td .clearfix .detail {
position: relative
}
}
@media screen and (max-width:639px) {
.site-header .header-logo {
margin-top: 4px;
margin-bottom: 4px
}
.site-header .header-logo h1 {
font-size: 2rem;
line-height: 2.8rem;
letter-spacing: -.04em
}
.site-header .header-logo img {
width: 28px;
height: 28px;
margin-right: .4rem
}
.site-header .header-logo .recruit-header-logo img {
width: 56px;
height: 56px
}
.header-ex .external-links a img {
height: 20px
}
.header-ex .external-links ul li {
width: 40px
}
.header-ex .external-links ul li span {
font-size: 1rem;
letter-spacing: -.08em
}
.header-ex .external-links ul li.link-menu a i.fa {
font-size: 2rem
}
.swiper-btn-left-for-mobile {
top: 8px;
left: 8px;
width: 24px;
height: 24px
}
.swiper-btn-right-for-mobile {
top: 8px;
right: 8px;
width: 24px;
height: 24px
}
.swiper-btn-left-for-mobile i.icon, .swiper-btn-right-for-mobile i.icon {
font-size: 2.4rem
}
.kind-advice {
text-align: left
}
.kind-advice .mobile-toggle {
display: none
}
.page-product .product-pt-wrap img, .page-product .service-local-nav ul li, .tel-free h4 {
width: 100%
}
.service-support-inner .service-support-list a {
display: block;
margin-top: 10px
}
.media-tab-wrap {
display: inherit;
width: 100%;
height: auto;
overflow: auto;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd
}
.media-tab-wrap::-webkit-scrollbar {
height: 4px
}
.media-tab-wrap::-webkit-scrollbar-track {
background: #ddd
}
.media-tab-wrap::-webkit-scrollbar-thumb {
background: #898990
}
.media-tab {
width: 599px
}
.media-tab li:first-child {
border-left: none
}
.media-tab li:last-child {
border-right: none
}
.page-product .service-local-nav ul li a {
display: block;
height: auto;
padding: 10px;
border-bottom: 1px solid #ddd
}
.page-product .product-pt-wrap img:first-of-type {
margin-bottom: 20px
}
.news-event-detail td, .news-event-detail th {
display: block;
text-align: left
}
.news-event-detail td {
padding-left: 0;
padding-bottom: 1rem
}
.news-blog-thumb {
width: auto;
float: none;
margin-left: 0
}
.btn-back-wrap input, .btn-success-wrap input {
width: 240px;
font-weight: 300;
display: block;
margin-left: auto;
margin-right: auto
}
.btn-success-wrap input {
margin-top: 10px;
font-weight: 500
}
.start-date-col .mwform-radio-field {
display: block;
margin-left: 0 !important
}
.home-movie-container{
flex-direction: column;
}
.home-movie-section .home-movie-item{
width: 100%;
}
}
@media screen and (max-width:600px) {
.recruit-prime-txt {
font-size: 1.2rem;
letter-spacing: -.04em
}
.recruit-header-ex, .site-header .header-logo .recruit-header-logo .mobile-hide {
display: none
}
.recruit-entry-btn a {
font-size: 2.4rem
}
}
@media screen and (max-width:490px) {
.mobile-common-hide {
display: none
}
.site-header {
margin-top: 16px;
padding-bottom: 16px
}
.site-header .header-logo {
margin-left: 1.6rem
}
.header-ex .external-links {
margin-right: 1.6rem
}
.header-ex .external-links ul li {
width: 36px
}
.header-ex .external-links ul li span {
font-size: 1rem;
letter-spacing: -.12em
}
.footer-address h2 br.mobile-show {
display: inline
}
.side .side-contact .num-head {
font-size: 1.4rem;
line-height: 28px;
width: 48px
}
.side .side-contact .num-txt {
font-size: 2.8rem;
line-height: 28px
}
h2.inner-style, ul.design-list li .cell-txt h4 {
line-height: 1.4
}
h2.inner-style .circle-num {
float: left
}
ul.design-list li .cell-num {
padding-left: 0;
padding-right: 20px
}
ul.design-list li .cell-txt {
padding-left: 20px
}
.customer-request ul {
padding: 30px 20px
}
.customer-request ul li {
margin-bottom: 10px;
padding-left: 1em;
text-indent: -1em
}
.input-face-block input[type=file] {
border: none !important;
padding: 0 !important;
display: inline-block;
-webkit-appearance: none;
width: 100%
}
}
@media screen and (max-width:479px) {
.content .onepoint-style {
line-height: 1.4;
padding-top: 4px;
padding-bottom: 4px
}
#service-business-plan-contest .inner-content-box .inner table td br, #service-column .inner-content-box .link-btn span, .site-header .header-logo .recruit-header-logo .mobile-hide, .site-header .header-logo h1 .mobile-hide, .tel-free h2 span, .tel-free h4 span {
display: none
}
.site-header .header-logo {
margin-left: .8rem
}
.header-ex .external-links {
margin-right: .8rem
}
.side {
margin-bottom: 20px
}
.bottom-link {
margin-top: 0
}
.bottom-nav ul li, .btn-back-wrap input, .btn-success-wrap input, .footer-nav ul li {
width: 100%
}
.bottom-nav ul li:nth-child(odd) a, .footer-nav ul li:nth-child(odd) a {
border-right: none
}
.side .side-bottom ul li, .side .side-top ul li {
float: none;
width: 100%
}
.side .side-bottom ul li:nth-child(odd) a, .side .side-top ul li:nth-child(odd) a {
padding-right: 0
}
.side .side-bottom ul li:nth-child(even) a, .side .side-top ul li:nth-child(even) a {
padding-left: 0
}
.tel-free h2, .tel-free h4 {
text-align: center;
line-height: 1.4
}
#service-business-plan-contest .inner-content-box h3 .mobile-show, #service-column .inner-content-box h3 .mobile-show, .tel-free h2 .mobile-show, .tel-free h4 .mobile-show {
display: inherit;
}
.tel-free h4 {
background: 0 0;
color: #141416;
border-top: 1px solid #141416;
border-bottom: 1px solid #141416
}
#service-business-plan-contest .inner-content-box h3, #service-column .inner-content-box h3 {
line-height: 1.4
}
#service-business-plan-contest .inner-content-box .inner table th {
display: block;
width: 100%
}
#service-business-plan-contest .inner-content-box .inner table td {
display: block;
padding-bottom: 10px
}
#service-business-plan-contest .inner-content-box .inner a {
display: block
}
#service-business-plan-contest .block-right .inner {
padding-bottom: 0
}
.notfound .search-form {
width: calc(100% - 32px)
}
.news-entre-ex-pics .pic-left {
text-align: center;
vertical-align: top;
padding-right: 5px;
display: block;
padding-left: 0;
padding-bottom: 2rem
}
.news-entre-ex-pics .pic-right {
display: block;
padding: 0
}
.news-entre-report-wide-pic {
margin-bottom: 20px
}
.news-entre-report-pics {
margin-bottom: -20px
}
.news-entre-report-pics td {
text-align: center;
vertical-align: top;
display: block;
padding-left: 0;
padding-right: 0;
padding-bottom: 20px
}
.news-entre-report-pics img {
vertical-align: bottom
}
.news-entre-report-pics td:nth-child(1) {
padding-right: 0;
padding-bottom: 20px
}
.news-entre-report-pics td:nth-child(2) {
padding-left: 0;
padding-bottom: 20px
}
.news-entre-report-pics tr:last-child td {
padding-bottom: 20px
}
}
@media screen and (max-width:400px) {
.site-header .header-logo .recruit-header-logo {
font-size: 2.8rem;
line-height: 4rem;
letter-spacing: -.04em
}
.site-header .header-logo .recruit-header-logo img {
width: 40px;
height: 40px
}
.mobile-min-show {
display: inherit
}
.recruit-prime-txt {
font-size: 1.4rem;
line-height: 1.4
}
.page-id-13968 .contact-table select, .page-id-13985 .contact-table select {
width: 64px !important;
padding-left: 4px;
padding-right: 4px;
}
.job-title-pre {
font-size: 1.4rem !important;
letter-spacing: .1em !important
}
.job-title {
font-size: 2.4rem !important;
font-weight: 800;
}
.detail-link-block {
padding: 8px 18px !important;
display: inline-block !important;
margin-top: 1.2rem !important;
font-size: 1.4rem !important;
font-weight: 500 !important;
letter-spacing: .1em !important;
}
}
@media screen and (max-width:367px) {
.link-networking, .link-salon, .link-seminar {
display: none !important;
}
.side .side-contact .num-head {
display: none;
}
.service-local-nav ul li {
width: 100%;
}
.service-local-nav ul li:nth-child(odd) a {
border-right: 1px solid #ddd
}
.drawer-nav li.link-mobile-icons a span, .service-company .company-local-link li a {
font-size: 1.2rem
}
.drawer-nav li.link-mobile-icons {
display: table;
width: 100%;
}
.drawer-nav li.link-mobile-icons a {
display: table-cell;
text-align: center;
color: #f76102;
}
.drawer-nav li.link-mobile-icons a:after {
content: "";
position: relative;
right: inherit;
margin-top: 0;
top: inherit;
}
.drawer-nav li.link-mobile-icons a img {
height: 32px
}
.contact-table .col-input-seimei .field-xshort {
width: 80px;
}
.recruit-entry-btn a {
font-size: 2rem;
}
.page-id-13968 .contact-table select, .page-id-13985 .contact-table select {
width: 54px !important;
padding-left: 0;
padding-right: 0;
}
}