@charset "utf-8";
    *,
*::before,
*::after {
box-sizing: border-box;
}
* {
margin: 0;
padding: 0;
max-width: 100%;
}
html,
body {
overflow-x: hidden;
}
html {
scroll-behavior: smooth;
scroll-padding-top: 14.4rem; margin: 0 !important;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 62.5%;
}
html.no-scroll {
overflow: hidden;
scrollbar-gutter: stable;
height: 100%;
}
body {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/page_bg.webp);
background-color: #fff;
background-repeat: no-repeat;
background-size: cover;
background-position: right bottom;
background-attachment: fixed;
font-family: "Noto Sans JP", Meiryo, sans-serif;
font-size: 1.6rem;
font-weight: normal;
color: #000;
}
main {
min-height: calc(100vh - 48.2rem); }
section {
padding: 10rem 0;
}
section.small {
padding: 10rem 0 6rem;
}
hr {
height: 0;
margin: 2rem 0;
border: none;
border-top: 0.1rem solid #E0E0E0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
li {
line-height: 1.5em;
letter-spacing: 0;
}
p,
li {
line-height: 1.7em;
}
@media screen and (min-width: 1024px) {
a[href^="tel:"] {
pointer-events: none;
}
} @media screen and (max-width: 1024px) {
html {
scroll-padding-top: 7rem; }
} @media screen and (max-width: 1280px) {
html {
font-size: max(8px, calc(100vw / 128));
}
}
@media screen and (max-width: 767px) {
html {
font-size: calc(100vw / 40);
}
body {
background-position: right -13rem top;
}
section {
padding: 7rem 0;
}
section.small {
padding: 7rem 0 3rem;
}
}  ul,
ol {
padding-left: 2rem;
}
li::marker {
color: #16395C;
}
ul.none {
list-style: none;
padding-left: 0;
}
header ul,
footer ul,
.tag-list ul,
.sidebar ul.tag,
.sidebar ul.child,
.img-slider ul,
.text-slider ul,
ul.slider,
ul#main-slider,
ul#sub-slider,
ul.wsp-pages-list,
.news-category-list,
.check-list,
.sns,
.cta {
list-style: none !important;
margin-bottom: 0;
padding-left: 0;
}
dl {
display: flex;
flex-wrap: wrap;
flex-direction: row;
padding: 2rem 0;
}
dt,
th {
width: 30%;
padding-right: 2rem;
}
dd,
td {
width: 70%;
}
.check-list li {
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 0.1rem solid #E0E0E0;
display: flex;
align-items: baseline;
}
.check-list li:last-child {
margin-bottom: 0;
}
.check-list li::before {
content: "";
display: inline-block;
width: 1.8rem;
height: 1.6rem;
background-color: #226DAF;
-webkit-mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/ico_check.svg);
mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/ico_check.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
margin-right: 1.5rem;
}
@media screen and (max-width: 767px) {
dt,
dd,
th,
td {
display: block;
width: 100%;
}
dt,
th {
padding: 0 0 1rem;
}
.check-list li::before {
margin-right: 1rem;
}
}  h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 2rem;
font-weight: ;
color: #16395C;
}
h1,
h2,
h3,
h4,
h5,
h6,
.sub-title,
.sub-title02,
.catch {
letter-spacing: 0.05em;
}
h2 {
margin-bottom: 4rem;
}
h2.design {
border-bottom: 0.1rem solid #E0E0E0;
padding-bottom: 2rem;
}
.sub-title {
text-transform: uppercase; color: #226DAF;
font-weight: 700;
}
.sub-title.lightblue {
color: #67B9F1;
}
.sub-title02 {
text-transform: uppercase; font-weight: 700;
margin-bottom: 1rem;
background-color: #226DAF;
display: table;
padding: 0.5rem 3rem;
border-radius: 5rem;
color: #fff;
}
.sub-title02.lightblue {
background-color: #67B9F1;
}
.sub-title02.navy {
background-color: #16395C;
}
.catch {
font-size: 2.8rem;
color: #226DAF;
font-weight: 700;
}
@media screen and (max-width: 767px) {
.sub-title02 {
padding: 0.5rem 2rem;
}
}  i {
margin-left: 0.5rem;
}
strong {
font-weight: 700;
}
small {
font-size: 1.4rem;
}
.lead {
margin-bottom: 4rem;
} .txtl {
text-align: left;
}
.txtc {
text-align: center;
}
.txtr {
text-align: right;
}
.txtc-txtl {
text-align: center;
} .line10 {
line-height: 1em;
}
.line15 {
line-height: 1.5em;
}
.line20 {
line-height: 2em;
}
.line25 {
line-height: 2.5em;
}
.line30 {
line-height: 3em;
} .letter10 {
letter-spacing: 0.1em;
}
.letter20 {
letter-spacing: 0.2em;
}
.letter30 {
letter-spacing: 0.3em;
} .main-color {
color: #16395C;
}
.sub-color {
color: #226DAF;
}
.red {
color: #EA4747;
}
.gray {
color: #868686;
}
.black {
color: #000;
}
.white {
color: #fff;
}
@media screen and (max-width: 767px) {
.txtc-txtl {
text-align: left;
}
}  video,
iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
video *,
iframe *,
.googlemap * {
transition: none;
}
iframe.monotone {
filter: grayscale(100%);
}
.googlemap {
position: relative;
margin: 0 auto;
padding-top: calc(500 / 1920 * 100%);
}
.googlemap .map {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 767px) {
iframe,
.googlemap {
aspect-ratio: 1 / 1;
}
}  img,
picture,
canvas,
svg,
video {
display: block;
height: auto;
}
a img {
text-decoration: none;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
@media screen and (max-width: 767px) {
}  a,
a *,
a:link,
a:visited,
a:focus {
outline: none !important;
text-decoration: none;
}
a {
display: inline-block;
word-break: break-word;
transition: all 0.3s ease;
color: inherit;
}
a[href^="tel:"]:hover {
color: #16395C;
}
a:hover {
color: #16395C;
}
a[tabindex="-1"]:hover {
cursor: auto;
} a.link {
display: inline-block;
}
a.link span {
position: relative;
display: table;
}
a.link span::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: 0;
width: 0;
border-bottom: 0.1rem solid #16395C;
}
a.link:hover span::after {
transition: all 0.3s ease;
width: 100%;
}
a.underline {
text-decoration: underline;
color: #226DAF;
}
@media screen and (max-width: 767px) {
}  a:hover,
.slide-arrow:hover,
.modal-open:hover {
opacity: 0.7;
cursor: pointer;
}
a.hover-underline:hover {
text-decoration: underline;
}
a.hover-content .img {
overflow: hidden;
}
a.hover-content .img *  {
transition: all 0.5s ease;
width: 100%;
height: 100%;
object-fit: cover;
}
a.hover-content:hover .img img {
transform: scale(1.2, 1.2);
}
@media screen and (max-width: 767px) {
}  .tab-only,
.sp-only {
display: none !important;
}
@media screen and (max-width: 1023px) {
.tab-only {
display: block !important;
}
}
@media screen and (max-width: 767px) {
.pc-only,
.tab-only {
display: none !important;
}
.sp-only {
display: block !important;
}
}  .orderbox {
}
.order01 { order: 1; }
.order02 { order: 2; }
.order03 { order: 3; }
.order04 { order: 4; }
@media screen and (max-width: 767px) {
.orderbox {
flex-direction: column;
}
.order01,
.order02,
.order03,
.order04 {
width: 100%;
}
.order01 { order: 2; }
.order02 { order: 1; }
.order03 { order: 4; }
.order04 { order: 3; }
}  .shadow {
box-shadow: 0 0.4rem 0.4rem rgba(0,0,0,0.25);
margin-bottom: 0.5rem;
}
.radius {
border-radius: 1rem;
}
.ma0 {
margin: 0 !important;
}
.mt0 {
margin-top: 0 !important;
}
.mt1 {
margin-top: 1rem !important;
}
.mt2 {
margin-top: 2rem !important;
}
.mt3 {
margin-top: 3rem !important;
}
.mt4 {
margin-top: 4rem !important;
}
.mt5 {
margin-top: 5rem !important;
}
.mt6 {
margin-top: 6rem !important;
}
.mt7 {
margin-top: 7rem !important;
}
.mt8 {
margin-top: 8rem !important;
}
.mt9 {
margin-top: 9rem !important;
}
.mt10 {
margin-top: 10rem !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb1 {
margin-bottom: 1rem !important;
}
.mb2 {
margin-bottom: 2rem !important;
}
.mb3 {
margin-bottom: 3rem !important;
}
.mb4 {
margin-bottom: 4rem !important;
}
.mb5 {
margin-bottom: 5rem !important;
}
.mb6 {
margin-bottom: 6rem !important;
}
.mb7 {
margin-bottom: 7rem !important;
}
.mb8 {
margin-bottom: 8rem !important;
}
.mb9 {
margin-bottom: 9rem !important;
}
.mb10 {
margin-bottom: 10rem !important;
}
.pa0 {
padding: 0 !important;
}
.pt0 {
padding-top: 0 !important;
}
.pb0 {
padding-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
}  .smooth {
transition: all 0.3s ease;
} .fadein,
.fadeleft,
.faderight,
.slidein,
.slideleft,
.slideright,
.pc-fadein,
.pc-fadeleft,
.pc-faderight,
.pc-slidein,
.pc-slideleft,
.pc-slideright,
.sp-fadein,
.sp-fadeleft,
.sp-faderight,
.sp-slidein,
.sp-slideleft,
.sp-slideright,
.zoomin {
opacity: 0;
transform: none;
} .delay01 { animation-delay: 0.2s !important; }
.delay02 { animation-delay: 0.4s !important; }
.delay03 { animation-delay: 0.6s !important; }
.delay04 { animation-delay: 0.8s !important; }
.delay05 { animation-delay: 1.0s !important; }
.delay06 { animation-delay: 1.2s !important; } @media screen and (min-width: 768px) {
.fadein.scrollin,
.pc-fadein.scrollin {
animation: fadein-up 1s ease forwards;
}
.fadeleft.scrollin,
.pc-fadeleft.scrollin {
animation: fadein-left 1s ease forwards;
}
.faderight.scrollin,
.pc-faderight.scrollin {
animation: fadein-right 1s ease forwards;
}
.slidein.scrollin,
.pc-slidein.scrollin {
animation: slidein-bottom 0.5s ease-out forwards;
}
.slideleft.scrollin,
.pc-slideleft.scrollin {
animation: slidein-left 0.5s ease-out forwards;
}
.slideright.scrollin,
.pc-slideright.scrollin {
animation: slidein-right 0.5s ease-out forwards;
}
.zoomin.scrollin {
animation: zoomin 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
} @media screen and (max-width: 767px) {
.fadein.scrollin,
.sp-fadein.scrollin {
animation: fadein-up 1s ease forwards;
}
.fadeleft.scrollin,
.sp-fadeleft.scrollin {
animation: fadein-left 1s ease forwards;
}
.faderight.scrollin,
.sp-faderight.scrollin {
animation: fadein-right 1s ease forwards;
}
.slidein.scrollin,
.sp-slidein.scrollin {
animation: slidein-bottom 0.5s ease-out forwards;
}
.slideleft.scrollin,
.sp-slideleft.scrollin {
animation: slidein-left 0.5s ease-out forwards;
}
.slideright.scrollin,
.sp-slideright.scrollin {
animation: slidein-right 0.5s ease-out forwards;
}
.zoomin.scrollin {
animation: zoomin 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;
} .sp-delay01 { animation-delay: 0.2s !important; }
.sp-delay02 { animation-delay: 0.4s !important; }
.sp-delay03 { animation-delay: 0.6s !important; }
.sp-delay04 { animation-delay: 0.8s !important; }
.sp-delay05 { animation-delay: 1.0s !important; }
.sp-delay06 { animation-delay: 1.2s !important; }
} @keyframes fadein-up {
0% {
opacity: 0;
transform: translateY(2rem);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadein-left {
0% {
opacity: 0;
transform: translateX(-2rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadein-right {
0% {
opacity: 0;
transform: translateX(2rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slidein-bottom {
0% {
opacity: 0;
transform: translateY(100rem);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slidein-left {
0% {
opacity: 0;
transform: translateX(-200rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slidein-right {
0% {
opacity: 0;
transform: translateX(200rem);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes zoomin {
0% {
opacity: 0;
transform: scale(0.5);
}
100% {
opacity: 1;
transform: scale(1);
}
} .slide-txt {
overflow: hidden;
opacity: 0;
}
.slide-txt.slide-txt-in {
animation-name: slide-txt;
animation-duration: 1.5s;
animation-fill-mode: forwards;
}
@keyframes slide-txt {
from {
transform: translateX(-100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.slide-txt .in.slide-txt-in {
animation-name: slide-txt-in;
animation-duration: 1.5s;
animation-fill-mode: forwards;
opacity: 0;
}
@keyframes slide-txt-in {
from {
transform: translateX(100%); opacity: 0;
}
to {
transform: translateX(0); opacity: 1;
}
}  .logo,
.logo a {
display: table;
}
.g-nav .g-nav-list {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: center;
text-align: center;
}  header {
position: fixed;
left: 0;
top: 0;
transform: translate(0, 0);
transition: all 0.3s ease;
z-index: 100;
width: 100%;
padding: 4rem 0;
}
header .header-menu {
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
justify-content: space-between;
transition: all 0.3s ease;
border-radius: 0.5rem;
}
header .menu-left {
margin-right: 4rem;
}
header .menu-center {
}
header .menu-right {
}
header .logo h1,
header .logo p {
color: #fff;
text-shadow: 0 0.4rem 0.4rem rgba(0,0,0,0.25);
margin-bottom: 0;
font-weight: 700;
letter-spacing: 0.1em;
transition: all 0.3s ease;
}
header .g-nav {
background-color: #fff;
}
header .g-nav .g-nav-list li a {
padding: 1.5rem 2rem;
font-weight: 700;
border-radius: 0.5rem;
}
header .g-nav .g-nav-list li a:hover,
header .g-nav .g-nav-list li a.current {
opacity: 1;
background-color: #226DAF;
color: #fff;
}
header .g-nav-sp {
display: none;
} @media screen and (min-width: 1025px) { header.smaller {
padding: 1rem 0;
}
header.smaller .header-menu {
background-color: #fff;
padding-left: 2rem;
}
header.smaller .logo01 h1,
header.smaller .logo01 p {
font-size: 2rem;
}
header.smaller .g-nav .g-nav-list .submenu .g-nav-sub {
top: 6rem;
}
header.smaller .g-nav .g-nav-list .submenu:hover .g-nav-sub,
header.smaller .g-nav .g-nav-list .submenu:hover .g-nav-sub:hover,
header.smaller .g-nav .g-nav-list .submenu .g-nav-sub:hover {
top: 7rem;
}
}
@media screen and (min-width: 0px) {
header.smaller .logo01 h1,
header.smaller .logo01 p {
font-size: 2rem;
color: #000;
text-shadow: none;
}
} @media screen and (max-width: 1024px) {
header {
padding: 1.5rem 0;
}
header .menu-left {
margin-right: 0;
}
header .g-nav,
header .cta {
display: none !important;
}
.globalMenuSp .cta {
display: block !important;
}
header .logo img {
width: 4rem;
}
header .g-nav-sp {
display: block !important;
}
header.smaller {
background-color: rgba(255, 255, 255, 0.6);
}
}
@media screen and (max-width: 767px) {
header.smaller .logo01 h1,
header.smaller .logo01 p {
font-size: 1.5rem;
}
} .hamburger {
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 102;
cursor: pointer;
width: 4.5rem;
height: 4.5rem;
background-color: #1961A0;
border-radius: 1rem;
}
.hamburger .menu {
display: flex;
flex-direction: column;
justify-content: center;
height: 1.6rem;
}
.hamburger span {
transition: all 0.3s ease;
display: block;
height: 0.2rem;
margin: 0;
background-color: #fff;
}
.hamburger span:nth-child(1),
.hamburger span:nth-child(2) {
margin-bottom: 0.7rem;
}
.hamburger span:nth-child(1) {
width: 2.5rem;
}
.hamburger span:nth-child(2) {
width: 1.8rem;
}
.hamburger span:nth-child(3) {
width: 1.2rem;
}
.hamburger p {
margin: 1rem 0 0;
color: #000;
line-height: 1em;
}
.hamburger .close {
display: none;
} .hamburger.active {
}
.hamburger.active .open {
display: none;
}
.hamburger.active .close {
display: block;
}   .hamburger.active span {
width: 3.6rem;
}
.hamburger.active span:nth-child(1) {
transform: rotate(-45deg);
margin: 0;
}
.hamburger.active span:nth-child(2) {
transform: rotate(45deg);
margin: -0.2rem 0 0 0;
}
.hamburger.active span:nth-child(3) {
display: none;
}   .globalMenuSp-bg,
nav.globalMenuSp {
z-index: 101;
position: fixed;
top: 0; right: 0;
transition: all 0.5s ease;
height: 100dvh; max-height: 100dvh; margin: 0 0 0 auto;
}
.globalMenuSp-bg {
overflow: hidden;
visibility: hidden;
opacity: 0;
width: 100%;
padding: 3rem;
background-color: rgba(34, 109, 175, 0.7);
}
nav.globalMenuSp {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
transform: translateX(120%);
width: 40rem;
padding: 3rem 2rem;
background-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/globalMenuSp_bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
nav.globalMenuSp .g-nav-list {
margin: 2rem 0 0;
}
nav.globalMenuSp .g-nav-list li .menu-title {
display: flex;
align-items: center;
border-bottom: 0.1rem solid #E0E0E0;
}
nav.globalMenuSp .g-nav-list li a {
padding: 1.5rem 2rem;
border-bottom: 0.1rem solid #E0E0E0;
font-weight: 700;
width: 100%;
color: #fff;
}
nav.globalMenuSp .g-nav-list li a:hover {
opacity: 1;
background-color: rgba(255, 255, 255, 0.3);
}
nav.globalMenuSp .g-nav-list li .menu-title a {
width: calc(100% - 6rem);
border-bottom: none;
}
nav.globalMenuSp .g-nav-list li:last-child a {
border-bottom: none;
}
nav.globalMenuSp .g-nav-list li a span {
color: #67B9F1;
font-weight: 500;
margin-left: 2rem;
}
nav.globalMenuSp .cta {
border-radius: 1rem;
background-color: #fff;
padding: 2rem;
margin-top: 2rem;
}
nav.globalMenuSp .cta li:nth-child(2) {
margin: 1rem 0 0;
} .globalMenuSp-bg.active {
visibility: visible;
opacity: 1;
}
nav.globalMenuSp.active {
transform: translateX(0%);
}
@media screen and (max-width: 767px) {
nav.globalMenuSp {
width: 100%;
}
}  header .g-nav .g-nav-list .submenu {
position: relative;
}
header .g-nav .g-nav-list .submenu .g-nav-sub {
visibility: hidden;
opacity: 0;
position: absolute;
left: 50%;
top: 8rem;
transform: translate(-50%, 0);
transition: all 0.3s ease;
padding: 1rem 0;
background-color: #16395C;
text-align: center;
}
header .g-nav .g-nav-list .submenu01 .g-nav-sub {
width: 30rem;
}
header .g-nav .g-nav-list .submenu02 .g-nav-sub {
width: 50rem;
}  header .g-nav .g-nav-list .submenu:hover .g-nav-sub,
header .g-nav .g-nav-list .submenu:hover .g-nav-sub:hover,
header .g-nav .g-nav-list .submenu .g-nav-sub:hover {
visibility: visible;
opacity: 1;
top: 9rem; }
header .g-nav .g-nav-list .submenu .g-nav-sub li {
margin-right: 0;
}
header .g-nav .g-nav-list .submenu .g-nav-sub li a {
display: block;
padding: 1rem 3rem;
color: #fff;
}
header .g-nav .g-nav-list .submenu .g-nav-sub li a.link span::after {
border-bottom: 0.1rem solid #fff;
} nav.globalMenuSp .g-nav-list li.submenu .g-nav-sub {
display: block;
overflow: hidden;
opacity: 0;
transform: translateY(-2rem);
transition: max-height 0.7s ease, opacity 0.7s ease, transform 0.7s ease;
max-height: 0;
border-bottom: 0.1rem solid #E0E0E0;
}
nav.globalMenuSp .g-nav-list li.submenu .g-nav-sub ul {
padding: 2rem;
}
nav.globalMenuSp .g-nav-list li.submenu .g-nav-sub li a {
justify-content: flex-start;
padding: 0 0 2rem;
border-bottom: none;
}
nav.globalMenuSp .g-nav-list li.submenu .g-nav-sub li:last-child a {
padding: 0;
}
nav.globalMenuSp .g-nav-list li.submenu span.arrow {
content: "";
display: inline-block;
width: 5rem;
height: 5rem;
margin-left: 1rem;
background-color: #16395C;
-webkit-mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/arrow.svg);
mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/arrow.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 0.7em;
mask-size: 0.7em;
-webkit-mask-position: center;
mask-position: center;
transform: translateX(0);
transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
nav.globalMenuSp .g-nav-list li.submenu span.arrow.active {
transform: rotate(90deg);
}
nav.globalMenuSp .g-nav-list li.submenu .g-nav-sub.active {
opacity: 1;
transform: translateY(0);
max-height: 100rem;
}
nav.globalMenuSp .g-nav-list li.submenu .g-nav-sub ul li a::after {
display: none;
} nav.globalMenuSp .g-nav-list li.submenu a.active {
}
@media screen and (max-width: 767px) {
} #page-top,
#tuijyu {
display: block;
opacity: 0;
transition: all 0.3s ease;
}
#page-top {
position: fixed;
z-index: 99;
right: 3rem;
bottom: 3rem;
}
#page-top img {
width: 3.6rem;
}
#tuijyu {
display: none;
position: fixed;
right: 0;
bottom: 0;
z-index: 99;
width: 100%;
}
#tuijyu a {
display: flex;
align-items: center;
justify-content: center;
width: calc(100% /2);
padding: 1.5rem;
}
#tuijyu a.tel {
background-color: #226DAF;
}
#tuijyu a.mail {
background-color: #16395C;
color: #fff;
}
@media screen and (max-width: 767px) {
#page-top img {
width: 3rem;
}
#tuijyu {
display: flex;
align-items: center;
justify-content: center;
}
} footer {
padding: 2rem 0 0;
border-radius: 0 !important;
}
footer .logo {
margin-bottom: 1.5rem;
}
footer .logo a {
display: flex;
align-items: center;
font-weight: 700;
}
footer .logo p {
margin: 0 0 0 1rem;
}
footer .logo img {
width: 12rem;
}
footer .footer-menu {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
footer .g-nav01 {
width: 12rem;
margin-right: 4rem;
}
footer .g-nav01 .g-nav-list {
text-align: left;
justify-content: flex-start;
}
footer .g-nav01 .g-nav-list li {
width: 100%;
font-weight: 700;
margin-bottom: 1rem;
}
footer .footer-menu .box-white {
padding: 3rem;
}
footer .g-nav02 {
background-color: #16395C;
color: #fff;
text-align: center;
padding: 3rem 0;
border-radius: 1rem 1rem 0 0;
}
footer .g-nav02 .g-nav-list li {
margin-right: 3rem;
}
footer .g-nav02 .g-nav-list li:last-child {
margin-right: 0;
}
footer .g-nav02 .g-nav-list li a {
text-decoration: underline;
}
footer .g-nav02 .g-nav-list li a:hover {
color: #fff;
}
.copy p {
margin: 1rem 0 0;
}
@media screen and (max-width: 1280px) {
footer .footer-menu .box-white {
width: 25rem;
}
}
@media screen and (max-width: 767px) {
footer .container {
padding: 0;
}
footer .row [class*="col-sm-"]:first-child,
footer .box-white {
margin: 0 2rem;
}
footer .logo a {
display: block;
}
footer .logo img {
width: 10rem;
}
footer .logo p {
margin: 1rem 0 0.5rem;
}
footer .footer-menu {
display: block;
}
footer .footer-menu .box-white {
width: auto;
}
footer .g-nav01 {
width: 100%;
margin: 4rem 0;
}
footer .g-nav01 .g-nav-list {
background-color: #fff;
border-top: 0.1rem solid #E0E0E0;
}
footer .g-nav01 .g-nav-list li {
width: calc(100% /2);
margin-bottom: 0;
padding: 1.5rem 2rem 1rem;
border-bottom: 0.1rem solid #E0E0E0;
}
footer .g-nav01 .g-nav-list li:nth-child(odd) {
border-right: 0.1rem solid #E0E0E0;
}
footer .g-nav02 {
padding: 3rem 2rem;
}
} .cta {
display: flex;
align-items: center;
justify-content: center;
}
.cta li:nth-child(2) {
margin-left: 3rem;
}
.cta .more-btn a {
margin: 0;
}
@media screen and (max-width: 767px) {
.cta {
display: block;
}
.cta li:nth-child(2) {
margin: 1rem 0 0;
}
}  .more-btn a,
[type="reset"],
[type="submit"] {
transition: all 0.3s ease;
position: relative;
display: table;
width: 33rem;   
margin: 4rem auto 0;
padding: 1em 1.3em;
background-color: #226DAF;
color: #fff;
cursor: pointer;
border: none;
border-radius: 0.5rem;
font-weight: 700;
overflow: hidden; 
z-index: 1;
}
.more-btn a {
transition: color 0.3s ease, border-color 0.3s ease;
}
.more-btn.white a {
background-color: #fff;
color: #226DAF;
}
.more-btn.orange a {
background-color: #FFA238;
}
.more-btn.left a {
margin: 4rem 0 0;
}
.more-btn.right a {
margin: 4rem 0 0 auto;
}
.more-btn.wide a {
width: 50rem;
}
.more-btn.small a {
width: 25rem !important;
}
.more-btn a:hover,
[type="reset"]:hover,
[type="submit"]:hover {
opacity: 1;
}
[type="reset"]:hover,
[type="submit"]:hover {
background-color: #67B9F1;
}
.more-btn.white a:hover {
color: #fff;
}
.more-btn a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #67B9F1;
z-index: 1;
transform: scaleX(0);
transform-origin: left top;
transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); 
}
.more-btn.white a::before {
background-color: #226DAF;
}
.more-btn.orange a::before {
background-color: #FF8C08;
}
.more-btn a:hover::before {
transform: scaleX(1);
transform-origin: left top;
}
.more-btn a::after {
content: "";
display: inline-block;
width: 2rem;
height: 1.6rem;
background-color: #fff;
-webkit-mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/arrow.svg);
mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/arrow.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
transform: translateX(0);
transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
position: absolute;
right: 2rem;
top: 50%;
transform: translate(0, -50%);
z-index: 2;
}
.more-btn.white a::after {
background-color: #226DAF;
}
.more-btn a:hover::after {
transform: translate(0.5rem, -50%);
}
.more-btn.white a:hover::after {
background-color: #fff;
}
.more-btn a span {
position: relative;
z-index: 2;
}
[type="reset"],
[type="submit"]:disabled {
background-color: #E0E0E0;
color: #fff;
}
[type="reset"]:hover {
background-color: #fff;
color: #E0E0E0;
}
.more-btn02 {
display: table;
margin: 0 0 0 auto;
}
.more-btn02 a,
.more-btn02 p {
display: flex;
align-items: center;
color: #226DAF;
font-weight: 700;
}
.more-btn02 a:hover,
a.hover-content:hover .more-btn02 p {
text-decoration: underline;
opacity: 1;
color: #67B9F1;
}
.more-btn02 a::after,
.more-btn02 p::after {
content: "";
display: inline-block;
width: 2.6rem;
height: 2.6rem;
margin-left: 2rem;
background-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/arrow02.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
border-radius: 0.5rem;
}
.more-btn02 a:hover::after,
a.hover-content:hover .more-btn02 p::after {
background-color: #16395C;
transform: translateX(0.5rem);
}
@media screen and (max-width: 767px) {
.more-btn a,
[type="reset"],
[type="submit"] {
width: 100% !important;
}
}  table {
display: table;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
width: 100%;
margin: auto;
border-collapse: collapse;
border-spacing: 0;
}
.scroll-table {
overflow-x: auto;
margin-bottom: 2rem;
padding-bottom: 0.5rem;
}
.scroll-table table {
min-width: 80rem;
background-color: #fffcf5;
} .scroll-table::-webkit-scrollbar {
height: 1rem;
} .scroll-table::-webkit-scrollbar-track {
background-color: #ccc;
border-radius: 5rem;
} .scroll-table::-webkit-scrollbar-thumb {
background-color: #E0E0E0;
border: none;
border-radius: 5rem;
} .scroll-table::-webkit-scrollbar-thumb:hover {
background-color: #000;
}
.table01 dl,
.table02 dl {
padding: 0.5rem 0;
align-items: center;
}
.table01 dt,
.table02 dt {
background-color: #fff;
border-radius: 1rem;
font-weight: 700;
padding: 2rem 4rem;
width: 20%;
}
.table02 dt {
background-color: #F0F8FF;
}
.table01 dd,
.table02 dd {
padding-left: 2.5rem;
width: 80%;
}
@media screen and (max-width: 767px) {
.scroll-table th,
.scroll-table td {
display: table-cell;
width: auto;
}
.table01 dt,
.table02 dt,
.table01 dd,
.table02 dd {
width: 100%;
}
.table01 dt,
.table02 dt {
padding: 1rem 2rem;
}
.table01 dd,
.table02 dd {
padding: 1rem 2rem 2rem;
}
}  .breadcrumbs {
padding-top: 2rem;
text-align: right;
}
.breadcrumbs,
.breadcrumbs a {
color: #000;
}
.breadcrumbs a {
color: #226DAF;
}
.breadcrumbs a:hover {
color: #16395C;
}
@media screen and (max-width: 767px) {
}  .under-title {
display: flex;
align-items: flex-end;
background-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/under-title_bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 7rem 0;
height: 53rem;
}
.under-title.img {
}
.under-title p.sub-title02,
.under-title h1,
.under-title p.lead {
margin-bottom: 0;
color: #fff;
}
.under-title h1 {
text-shadow: 0 0.1rem 0.4rem rgba(0, 0, 0, 0.5);
}
.under-title p.lead {
margin-top: 4rem;
}
@media screen and (max-width: 767px) {
.under-title {
background-position: left;
padding: 3.5rem 0;
height: 30rem;
}
.under-title p.sub-title02 {
margin-bottom: 1rem;
}
}  .sec_article .img,
.sec_article .img * {
aspect-ratio: 3 / 2;
}
.sec_article .text-box {
padding: 2rem;
}
.sec_article .text-box h3 {
min-height: 5.4rem;
}
.sec_article.connectiong .text-box h3 {
min-height: 4.8rem;
}
.post-date {
display: flex;
align-items: baseline;
}
.sec_article .text-box .post-date {
justify-content: space-between;
} time {
display: flex;
align-items: baseline;
margin-bottom: 0.5rem;
}
time.end {
justify-content: flex-end;
}
.newMark {
display: inline-block;
margin-left: 0.5rem;
padding: 0.2em 0.5em;
background-color: #EA4747;
font-size: 0.8em;
color: #fff;
} .category-list {
margin-bottom: 1rem;
}
.post-date .category-list {
margin: 0 0 0 2rem;
}
.category-list a,
.category-list span {
display: inline-block;
margin: 0 0.5rem 0.5rem 0;
padding: 0.2em 0.5em;
background-color: #226DAF;
border: 0.1rem solid #226DAF;
color: #fff;
width: 10rem;
text-align: center;
border-radius: 5rem;
font-weight: 700;
}
.category-list a.recruit,
.category-list span.recruit {
background-color: #16395C;
border: 0.1rem solid #16395C;
}
.category-list a.news,
.category-list span.news {
background-color: #EBA3C3;
border: 0.1rem solid #EBA3C3;
}
.category-list a.business,
.category-list span.business {
background-color: #68BF92;
border: 0.1rem solid #68BF92;
}
.category-list a.new,
.category-list span.new {
background-color: #EEBE9E;
border: 0.1rem solid #EEBE9E;
}
.category-list a:hover {
opacity: 1;
background-color: #fff;
color: #226DAF;
}
.category-list a.recruit:hover {
color: #16395C;
}
.category-list a.news:hover {
color: #EBA3C3;
}
.category-list a.business:hover {
color: #68BF92;
}
.category-list a.new:hover {
color: #EEBE9E;
} .tag-list ul {
margin: 4rem 0 0;
padding: 0;
}
.tag-list li {
display: inline-block;
}
.tag-list a {   
position: relative;
margin-right: 1rem;
color: #219DF0;
}
.tag-list a::before {
content: "#";
} #toc_container {
margin-bottom: 6rem;
padding: 4rem 4rem 3rem;
background-color: #EEF3F8 !important;
border: none;
}
#toc_container .toc_title {
margin-bottom: 2rem;
text-align: center;
font-weight: 700;
color: #16395C;
}
#toc_container ul {
list-style: none;
margin-bottom: 1rem;
}
#toc_container ul ul li::before {
content: "-";
margin-right: 0.5rem;
}
#toc_container ul li a {
text-decoration: none;
color: #000;
}
#toc_container ul li a:hover {
text-decoration: underline;
color: #16395C;
}
#toc_container ul li a span {
font-weight: 700;
color: #16395C;
}
#toc_container ul ul li a span {
display: none;
}
@media screen and (max-width: 767px) {
#toc_container {
padding: 2rem 2rem 1rem;
}
} .archive {
}
.archive .sec_article .news-list dl:first-child,
.page .sec_article .news-list dl:first-child {
padding-top: 0;
}
@media screen and (max-width: 767px) {
.archive .sec_article dl.content dt,
.archive .sec_article dl.content dd {
width: 100%;
}
.archive .sec_article dl.content dt {
padding: 0;
}
.archive .sec_article dl.content .more-btn02 a {
margin: 0 0 0 auto;
}
} .single .sec_article .row [class*="col-sm-"] .content {
height: auto;
}
.single .category-list {
margin-bottom: 3rem;
}
.single h2.design {
font-size: 2.8rem;
}
.single article {
padding-bottom: 2rem;
border-bottom: 0.1rem solid #E0E0E0;
}
.single article .post-date {
margin-bottom: 1rem;
}
.single article .eyecatch,
.single article .eyecatch * {
aspect-ratio: 3 / 2;
margin-bottom: 4rem;
}
.single article .eyecatch * {
width: 100%;
height: 100%;
object-fit: cover;
}
.single article .content h1 {
padding: 2rem;
border-top: 0.2rem solid #E0E0E0;
border-bottom: 0.2rem solid #E0E0E0;
}
.single article .content h2 {
padding: 2rem;
background-color: #EEF3F8;
border-radius: 1rem;
margin-bottom: 2rem;
}
.single article .content h3:first-letter {
color: #226DAF;
}
.single article .content h3::before {
}
.single article .content h4 {
padding-left: 1.5rem;
border-left: 0.5rem solid #16395C;
}
.single article .content a {
text-decoration: underline;
color: #226DAF;
}
.single article .content img {
display: inline-block;
width: auto;
margin: 1rem 1rem 1rem 0;
}
@media screen and (max-width: 767px) {
.single h2.design {
font-size: 2.2rem;
}
}  .sec_article.news {
}
.news-category-list {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin: 0 -0.75rem 5rem;
text-align: center;
}
.news-category-list a {
margin: 0 0.7rem;
padding: 0.75em;
background-color: #C2C2C2;
color: #fff;
border-radius: 1rem;
font-weight: 700;
width: 14rem;
max-width: 100%;
}
.news-category-list a.current,
.news-category-list a:hover {
background-color: #226DAF;
opacity: 1;
}
.news-category-list a.recruit.current,
.news-category-list a.recruit:hover {
background-color: #16395C;
}
.news-category-list a.news.current,
.news-category-list a.news:hover {
background-color: #EBA3C3;
}
.news-category-list a.business.current,
.news-category-list a.business:hover {
background-color: #68BF92;
}
.news-category-list a.new.current,
.news-category-list a.new:hover {
background-color: #EEBE9E;
}
.news-list dl {
align-items: center;
border-bottom: 0.1rem solid #E0E0E0;
}
.news-list dt {
display: flex;
align-items: flex-start;
width: 20%;
}
.news-list dd {
width: 80%;
}
.news-list dd p a {
color: #226DAF;
text-decoration: underline;
}
@media screen and (max-width: 1280px) {
.news-list dt,
.news-list dd {
width: 100%;
}
.news-list dt {
padding: 0 0 0.5rem;
}
}
@media screen and (max-width: 767px) {
.news-category-list li {
width: calc(100% / 2);
}
.news-category-list li:first-child {
width: 100%;
}
.news-category-list a {
display: block;
margin-bottom: 1rem;
width: calc(100% - 1rem);
}
} .post-type-archive-post {
}
@media screen and (max-width: 767px) {
} .archive.category,
.archive .tag {
}
@media screen and (max-width: 767px) {
} .single-post {
}
@media screen and (max-width: 767px) {
}  .sec_article.a-slug {
}
.sec_article.a-slug .row [class*="col-sm-"] .content {
background-color: #fff;
}
@media screen and (max-width: 767px) {
} .post-type-archive-a-slug {
}
@media screen and (max-width: 767px) {
} .tax-a-slugcat,
.tax-a-slugtag {
}
@media screen and (max-width: 767px) {
} .single-a-slug {
}
.single-a-slug .a-slug-slider {
margin-bottom: 4rem;
}
.single-a-slug #main-slider .content,
.single-a-slug #sub-slider .content {
padding: 2rem;
}
.single-a-slug #main-slider .slick-list,
.single-a-slug #sub-slider .content {
background-color: #226DAF;
}
.single-a-slug #main-slider .content img,
.single-a-slug #sub-slider .content img {
aspect-ratio: 3 / 2;
object-fit: cover;
width: 100%;
margin: 0 auto;
}
@media screen and (max-width: 767px) {
.single-a-slug #sub-slider .content {
padding: 1rem;
}
}  .sec_article.b-slug {
}
@media screen and (max-width: 767px) {
} .post-type-archive-b-slug {
}
@media screen and (max-width: 767px) {
} .tax-b-slugcat,
.tax-b-slugtag {
}
@media screen and (max-width: 767px) {
} .single-b-slug {
}
@media screen and (max-width: 767px) {
}  .sidebar aside {
margin-bottom: 4rem;
}
.sidebar aside:last-child {
margin-bottom: 0;
}
.sidebar h4 {
background-color: #EEF3F8;
padding: 1.2em 1em;
border-radius: 1rem;
margin-bottom: 0;
color: #000;
}
.sidebar p {
display: flex;
}
.sidebar dl,
.sidebar ul li {
border-bottom: 0.1rem solid #E0E0E0;
padding: 2rem;
}
.sidebar dt,
.sidebar dd {
width: 100%;
}
.sidebar dt {
padding-right: 0;
}
.sidebar ul ul.child p::before {
content: "-";
margin-right: 0.5rem;
}
.sidebar ul ul.child a {
width: calc(100% - 0.7rem);
}
.sidebar ul.category p a,
.sidebar ul.archive p a {
display: flex;
justify-content: space-between;
width: 100%;
}
.sidebar ul.tag p,
.sidebar ul.tag a {
color: #219DF0;
}
.sidebar ul.tag p::before {
content: "#";
margin-right: 0.5rem;
}
.sidebar ul.tag a {
width: calc(100% - 1rem);
}
.sidebar .count {
display: inline-block;
padding: 0 0.5em;
background-color: #226DAF;
color: #fff;
width: 5.2rem;
text-align: center;
border-radius: 5rem;
font-weight: 700;
}
.sidebar .recruit .count {
background-color: #16395C;
}
.sidebar .news .count {
background-color: #EBA3C3;
}
.sidebar .business .count {
background-color: #68BF92;
}
.sidebar .new .count {
background-color: #EEBE9E;
}
@media screen and (max-width: 767px) {
.sidebar {
margin-top: 4rem;
}
.sidebar time {
margin-bottom: 0.5rem;
}
}  .pagination-area .pagination .nav-links {
display: flex;
align-items: center;
justify-content: center;
margin: 5rem auto 0;
text-align: center;
}
.pagination-area .pagination .nav-links .current,
.pagination-area .pagination .nav-links a {
display: flex;
align-items: center;
justify-content: center;
width: 4rem;
height: 4rem;
margin: 0 0.5rem;
color: #226DAF;
}
.pagination-area .pagination .nav-links .current {
color: #868686;
font-weight: 700;
}
.pagination-area .pagination .nav-links a:hover {
color: #67B9F1;
font-weight: 700;
}
.pagination-area .pagination .nav-links a img {
width: 3.2rem;
}
.pagination-area .pagination .nav-links a.prev {
transform: rotate(180deg);
} .post-nav {
overflow: hidden;
clear: both;
margin: 3rem auto 0;
width: 100%;
max-width: 52rem;;
}
.post-nav .row [class*="col-sm-"] {
margin-bottom: 0 !important;
}
.post-nav .prev a,
.post-nav .next a {
display: table;
padding: 1em 1.5em;
background-color: #226DAF;
border: 0.1rem solid #226DAF;
text-align: center;
color: #fff;
border-radius: 1rem;
font-weight: 700;
}
.post-nav .prev a:hover,
.post-nav .next a:hover {
opacity: 1;
background-color: #fff;
color: #226DAF;
}
.post-nav .prev {
float: right;
}
.post-nav .next {
float: left;
}
.post-nav .prev a,
.post-nav .next a {
display: flex;
align-items: center;
}
.post-nav .prev a::after,
.post-nav .next a::before {
content: "";
display: inline-block;
width: 1.9rem;
height: 1.5rem;
background-color: #fff;
-webkit-mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/arrow.svg);
mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/arrow.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.post-nav .prev a::after {
margin-left: 1rem;
}
.post-nav .next a::before {
transform: rotate(180deg);
margin-right: 1rem;
}
.post-nav .prev a:hover::after,
.post-nav .next a:hover::before {
background-color: #21759A;
}
.post-nav .prev a:hover::after {
transform: translate(0.5rem, 0);
}
.post-nav .next a:hover::before {
transform: rotate(180deg) translate(0.5rem, 0);
}
.post-nav .text-btn {
color: #226DAF;
font-weight: 700;
font-size: 1.6rem;
text-align: center;
}
@media screen and (max-width: 767px) {
.post-nav .order01 { order: 1; }
.post-nav .order02 { order: 3; }
.post-nav .order03 { order: 2; }
.post-nav .text-btn {
margin-top: 2rem;
}
}  .slick-slider,
.slick-slider * {
max-width: none !important;
}
.slick-slider.arrow {
display: flex;
align-items: center;
justify-content: space-between;
}
#main-slider,
#sub-slider {
touch-action: auto;
opacity: 0;
visibility: hidden;
}
#main-slider {
position: relative;
}
#sub-slider {
overflow: hidden;
padding-bottom: 3rem;
}
#main-slider.slick-initialized,
#sub-slider.slick-initialized {
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease;
}
#main-slider .slick-list {
margin-bottom: 1rem;
}
#sub-slider .slick-list {
margin: 0 -0.5rem;
}
#sub-slider .slick-slide {
cursor: pointer;
width: calc(100% / 3) !important;
padding: 0 0.5rem;
}
#sub-slider .slick-slide .content .in {
opacity: 0.3;
}
#sub-slider .slick-current .content .in {
opacity: 1;
} .slide-arrow {
position: absolute;
z-index: 2;
width: 5rem;
height: 5rem;
}
.prev-arrow {
left: -2.5rem;
}
.next-arrow {
right: -2.5rem;
}
.slick-disabled,
.slick-disabled:hover {
opacity: 0.3;
} .slick-dots {
bottom: 0 !important;
}
.slick-dots li {
margin: 0 !important;
}
.slick-dots li button:before {
opacity: 1 !important;
font-size: 0.8rem !important;
color: #E0E0E0 !important;
}
.slick-dots li.slick-active button:before {
color: #000 !important;
} .img-slider,
.text-slider {
display: flex;
overflow: hidden;
}
.img-slider.top-bottom,
.img-slider.bottom-top {
flex-direction: column;
height: 100%;
} .img-slider ul,
.text-slider ul {
display: flex;
animation: img-text-slider 20s infinite linear 0.5s both;
max-width: none !important;
}
@keyframes img-text-slider {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
} .img-slider.top-bottom ul,
.img-slider.bottom-top ul {
display: block;
} .img-slider.top-bottom ul {
animation: img-slider-top-bottom 20s infinite linear both;
}
@keyframes img-slider-top-bottom {
from { transform: translateY(-100%); }
to { transform: translateY(0); }
} .img-slider.bottom-top ul {
animation: img-slider-bottom-top 20s infinite linear both;
}
@keyframes img-slider-bottom-top {
from { transform: translateY(0); }
to { transform: translateY(-100%); }
}
.img-slider ul li,
.text-slider ul li {
width: 100vw;
padding-right: 1.5rem;
}
.img-slider.top-bottom ul li,
.img-slider.bottom-top ul li {
padding: 0 0 1rem;
}
.img-slider ul li img {
width: 100%;
}
.text-slider ul li p {
font-family: "League Spartan", sans-serif;
font-size: 9.5vw;
font-weight: 700;
color: #D3E2EF;
letter-spacing: 0;
line-height: 1em;
}
@media screen and (max-width: 767px) {
.slide-arrow {
width: 3rem;
height: 3rem;
}
.prev-arrow {
left: -1.5rem;
}
.next-arrow {
right: -1.5rem;
}
.slick-dots li button:before {
font-size: 0.6rem !important;
}
.text-slider ul li {
width: 210vw;
}
.text-slider ul li p {
font-size: 20vw;
}
}  .modal-container {
display: flex;
align-items: center;
justify-content: center;
overflow: auto;
visibility: hidden;
opacity: 0;
position: fixed;
left: 0;
top: 0;
z-index: 103;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
padding: 2.5rem;
}
.modal-container::before {
vertical-align: middle;
height: 100%;
}
.modal-container.active {
visibility: visible;
opacity: 1;
}
.modal-body {
display: inline-block;
position: relative;
vertical-align: middle;
width: 100rem;
}
.modal-content {
position: relative;
padding: 6rem 6rem 4rem;
background-color: #16395C;
color: #fff;
}
.modal-close {
transition: all 0.3s ease;
position: absolute;
right: 2rem;
top: 2rem;
cursor: pointer;
}
.modal-close:hover {
opacity: 0.7;
}
@media screen and (max-width: 767px) {
}  .tabs .tab_item {
display: flex;
align-items: center;
float: left;
cursor: pointer;
position: relative;
width: calc(100% / 2);
padding: 2rem;
border: 0.3rem solid #16395C;
border-bottom: none;
}
.tabs input[name="tab_item"] {
display: none;
}
.tabs .tab_content {
display: none;
overflow: hidden;
clear: both;
padding: 4rem;
background-color: #16395C;
color: #fff;
}
#tabs01:checked ~ #tabs01_content,
#tabs02:checked ~ #tabs02_content {
display: block;
}
.tabs input:checked + .tab_item {
background-color: #16395C;
color: #fff;
}
@media screen and (max-width: 767px) {
}  .faq-box dl {
background-color: #EEF3F8;
border-radius: 1rem;
padding: 2rem;
margin-bottom: 1rem;
}
.accordion dt,
.accordion dd,
.faq-box dt,
.faq-box dd {
width: 100%;
}
.accordion dt,
.accordion dt .title,
.accordion dd .content,
.faq-box dt .title,
.faq-box dd .content { 
display: flex;
}
.accordion dt .title,
.accordion dd .content,
.faq-box dt .title,
.faq-box dd .content {
align-items: baseline;
}
.accordion dt {
align-items: center;
justify-content: space-between;
cursor: pointer;
padding: 1rem;   
background-color: #EEF3F8;
}
.accordion dt::after {
content: "＋";
display: flex;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
margin-left: 1rem; }
.accordion dl.open dt::after {
content: "－"; }
.accordion dt .title {
width: calc(100% - 4rem);
margin-bottom: 0;
}
.faq-box dt .title {
margin-bottom: 1rem;
}
.accordion dt .title::before,
.faq-box dt .title::before {
content: "Q";
display: flex;
align-items: center;
justify-content: center;
width: 7rem;
height: 3.5rem;
margin-right: 3rem;
padding: 0 0 0.3rem;
background-color: #16395C;
border-radius: 5rem;
color: #fff;
}
.accordion dt .title span,
.faq-box dt .title span {
width: calc(100% - 10rem);
font-weight: 700;
color: #16395C;
}
.accordion dd {
overflow: hidden;
transition: max-height 0.3s ease-out, padding 0.3s ease-out;
max-height: 0;
padding: 0 1rem;
background-color: #fff;
}
.accordion dl.open dd {
padding: 1rem;
}
.accordion dd .content,
.faq-box dd .content {
margin-bottom: 0;
}
.accordion dd .content::before,
.faq-box dd .content::before {
content: "A";
display: flex;
align-items: center;
justify-content: center;
width: 7rem;
height: 3.5rem;
margin-right: 3rem;
padding: 0 0 0.3rem;
background-color: #226DAF;
border-radius: 5rem;
color: #fff;
}
.accordion dd .content span,
.faq-box dd .content span {
width: calc(100% - 10rem);
}
@media screen and (max-width: 767px) {
.accordion dt .title::before,
.faq-box dt .title::before,
.accordion dd .content::before,
.faq-box dd .content::before {
width: 5rem;
margin-right: 2rem;
}
.accordion dt .title span,
.faq-box dt .title span,
.accordion dd .content span,
.faq-box dd .content span {
width: calc(100% - 7rem);
}
}  .flow-box {
display: flex;
justify-content: space-between;
width: 100rem;
margin: 0 auto 2rem;
position: relative;
}
.flow-box::before {
content: "";
background: #226DAF;
position: absolute;
width: 90%;
height: 0.1rem;
left: 50%;
top: 7.75rem;
transform: translate(-50%, -50%);
}
.flow-box02::before {
top: 5.5rem;
}
.flow-box .flow {
text-align: center;
position: relative;
z-index: 2;
}
.flow-box .flow .round-box {
width: 15.5rem;
height: 15.5rem;
border: none;
background-color: #EEF3F8;
margin-bottom: 2rem;
}
.flow-box02 .flow .round-box {
width: 11rem;
height: 11rem;
background-color: #226DAF;
}
@media screen and (max-width: 767px) {
.flow-box {
display: block;
}
.flow-box::before {
width: 0.1rem;
height: 90%;
left: 7.75rem;
top: 50%;
}
.flow-box02::before {
left: 5.5rem;
}
.flow-box .flow {
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.flow-box .flow .round-box {
margin: 0 3rem 0 0;
}
.flow-box .flow .text-box {
width: calc(100% - 18.5rem);
}
.flow-box02 .flow .text-box {
width: calc(100% - 14rem);
}
}  .fukidashi-top,
.fukidashi-bottom,
.fukidashi-left,
.fukidashi-right {
position: relative;
}
.fukidashi-top::before,
.fukidashi-bottom::before,
.fukidashi-left::before,
.fukidashi-right::before {
content: "";
position: absolute;
border: 1.5rem solid transparent;
}
.fukidashi-top::before,
.fukidashi-bottom::before {
left: 50%;
transform: translate(-50%, 0);
}
.fukidashi-left::before,
.fukidashi-right::before {
top: 50%;
transform: translate(0, -50%);
}
.fukidashi-top::before {
top: -3.4rem;
border-bottom: 2rem solid #16395C;
}
.fukidashi-bottom::before {
bottom: -3.4rem;
border-top: 2rem solid #16395C;
}
.fukidashi-left::before {
left: -3.4rem;
border-right: 2rem solid #16395C;
}
.fukidashi-right::before {
right: -3.4rem;
border-left: 2rem solid #16395C;
}
@media screen and (max-width: 767px) {
}  .lb-container {
position: static;
}  .contactform dt,
.contactform dd {
width: 100%;
}
.contactform dt {
font-weight: 700;
padding: 0 0 1rem;
}
.contactform dt p {
display: flex;
align-items: center;
}
input,
button,
textarea,
select {
font: inherit;
} input[type="checkbox"i] {
width: auto;
}
input[type="checkbox"],
input[type="radio"] {
position: relative;
vertical-align: sub;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 2rem;
height: 2rem;
margin: 0 1rem 0 0;
padding: 0;
border: none;
border-radius: 0;
background: none;
outline: none;
}
input[type="checkbox"]::before,
input[type="checkbox"]::after {
content: "";
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
input[type="checkbox"]::before {
left: 0;
width: 2rem;
height: 2rem;
background-color: #fff;
border: 0.1rem solid #E0E0E0; 
}
input[type="checkbox"]::after {
display: block;
opacity: 0;
left: 0.4rem;
transform: rotate(45deg);
width: 1.2rem;
height: 1.7rem;
margin-top: -1rem;
border-right: 0.3rem solid #EA4747;
border-bottom: 0.3rem solid #EA4747;
}
input[type="checkbox"]:checked::after {
opacity: 1;
}
input[type="radio"]::before,
input[type="radio"]::after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
}
input[type="radio"]::before {
left: 0;
width: 2rem;
height: 2rem;
background-color: #fff;
border: 0.1rem solid #E0E0E0;
}
input[type="radio"]::after {
opacity: 0;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 1rem;
height: 1rem;
background-color: #EA4747;
}
input[type="radio"]:checked::after {
opacity: 1;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="file"],
textarea,
select {
overflow: hidden;
resize: none;
-webkit-appearance: none;
-webkit-user-select: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
margin-bottom: 0;
padding: 1.5rem;
background-color: #FBFBFB;
border: 0.1rem solid #E0E0E0;
border-radius: 0.5rem;
}
input#addr,
input#file02,
input#file03 {
margin-top: 1rem;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="file"],
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button,
select {
cursor: pointer;
}
select {
-webkit-appearance: auto;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
select::-ms-expand {
display: none;
}
.select-box {
position: relative;
width: 50rem;
}
.select-box::after {
content: "▼";
display: inline-block;
position: absolute;
right: 2rem;
top: 1.5rem;
color: #D9D9D9;
pointer-events: none!important;
}
textarea {
overflow: auto;
width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
outline: 0.2rem solid #16395C;
background-color: rgba(34, 109, 175, 0.1);
}
::placeholder,
input[type="date"],
input[type="file"],
input[type="file"]::file-selector-button,
select,
select option:first-child {
color: #868686;
}
input[type="date"]::-webkit-calendar-picker-indicator {
filter: invert(50%);
}
input[type="file"]::file-selector-button,
input[type="file"]::-webkit-file-upload-button {
appearance: none;
-webkit-appearance: none;
border: 0.1rem solid #E0E0E0;
}
input[type="date"].has-value,
input[type="date"].has-value::-webkit-datetime-edit,
input[type="file"].has-value,
input[type="file"].has-value::file-selector-button,
select:has(option:checked:not([value=""])),
select option {
color: #000;
}
input[type="date"].has-value::-webkit-calendar-picker-indicator {
filter: invert(0%);
}
input[type="file"].has-value::file-selector-button,
input[type="file"].has-value::-webkit-file-upload-button {
border: 0.1rem solid #000;
}
.form-width-100 {
width: 100%;
margin-bottom: 0.5rem;
}
.form-width-50 {
width: 50rem;
margin-bottom: 0.5rem;
}
.form-width-30 {
width: 30rem;
margin-bottom: 0.5rem;
}
.form-width-15 {
width: 15rem;
margin-bottom: 0.5rem;
}
.required,
.optional {
display: inline-block;
vertical-align: middle;
margin: 0 2rem;
padding: 0 1em;
font-weight: 400;
border-radius: 0.5rem;
}
.required {
background-color: #EA4747;
color: #fff;
}
.optional {
background-color: #8CB2D6;
color: #fff;
}
.example {
margin-top: 1rem;
}
.wpcf7-list-item {
display: inline-block;
width: calc(100% / 1);
margin: 0 0 0.5rem 0 !important;
}
.wpcf7-list-item label {
cursor: pointer;
}
.wpcf7-spinner,
.hidden-fields-container,
.screen-reader-response {
display: none !important;
}
.wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output {
color: #EA4747;
}
.wpcf7-not-valid-tip {
display: block;
margin-top: 1rem;
}
.wpcf7 form .wpcf7-response-output {
margin: 0 0 2rem;
padding: 1rem 4rem;
background-color: #fff;
}
.wpcf7 input.wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid {
outline: 0.2rem solid #EA4747;
background-color: #ffe9ec;
}
.error-list {
margin: 2rem 0 4rem;
padding: 2rem 4rem;
background-color: #ffe9ec;
border: 0.1rem solid #EA4747;
}
.error-list li::marker,
.error-list a {
color: #EA4747;
}
.error-list a {
text-decoration: underline;
}
.acceptance {
margin: 3rem 0;
text-align: center;
}
.acceptance .wpcf7-list-item label {
justify-content: center;
} .grecaptcha-badge {
bottom: 10rem !important;
position: relative;
z-index: 99;
}
@media screen and (max-width: 767px) {
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="file"],
textarea,
select {
padding: 1rem;
}
textarea {
height: 15rem;
}
.select-box,
.form-width-100,
.form-width-50,
.form-width-30,
.form-width-15 {
width: 100%;
}
.grecaptcha-badge {
bottom: 8rem !important;
}
}  .privacy-policy01 h4 {
margin-top: 6rem;
padding-bottom: 2rem;
border-bottom: 0.1rem solid #E0E0E0;
}  .wsp-pages-title {
display: none;
}
.wsp-container {
margin-bottom: 2rem;
}
ul.wsp-pages-list li {
padding: 1rem 0;
border-bottom: 0.1rem solid #E0E0E0;
}
ul.wsp-pages-list ul.children li {
list-style: none;
border: none;
padding-bottom: 0;
}
ul.wsp-pages-list ul.children li:last-child {
padding-bottom: 0;
}
ul.wsp-pages-list ul.children li a::before {
content: "-";
margin-right: 0.5rem;
}  .sec_recruit {
background: linear-gradient(180deg, transparent 0%, transparent 60%, #EEF3F8 60%, #EEF3F8 100%);
}
.sec_recruit .content {
background-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/sec_recruit_bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 8rem 4rem;
}
.sec_recruit .content h2,
.sec_recruit .content h3 {
letter-spacing: 0;
}
.sec_recruit .content h2 {
margin-bottom: 2rem;
}
.sec_recruit .cta {
margin-top: 4rem;
}
@media screen and (max-width: 767px) {
.sec_recruit .content {
padding: 6rem 2rem;
}
.sec_recruit .content h2 {
margin-bottom: 0.5rem;
}
}  .sec_news {
}
.sec_news .news-content {
display: flex;
align-items: flex-end;
margin-bottom: 2rem;
}
.sec_news h2 {
margin-bottom: 0;
}
@media screen and (max-width: 767px) {
.sec_news {
}
}  .sec_a-slug {
background-color: #226DAF;
}
.sec_a-slug h3 {
min-height: 6rem;
}
@media screen and (max-width: 767px) {
.sec_a-slug {
}
}  .sec_article.connectiong .category-list a,
.sec_article.connectiong .category-list span {
font-size: 1rem;
}
nav.globalMenuSp .g-nav-list li.submenu .g-nav-sub a,
.sec_article.connectiong time,
.sec_article.connectiong .text-box .more-btn02 a,
.sec_article.connectiong .text-box .more-btn02 p,
footer .g-nav02,
.required,
.optional {
font-size: 1.2rem;
}
.hamburger p,
header .g-nav .g-nav-list .submenu .g-nav-sub,
.more-btn02 a,
.more-btn02 p,
.breadcrumbs,
time,
.tag-list ul,
.sidebar p,
.pagination-area .pagination .nav-links .current,
.pagination-area .pagination .nav-links a,
.example,
ul.wsp-pages-list ul.children li,
footer .g-nav01,
.more-btn.small a,
.sub-title,
.sub-title02,
.category-list a,
.category-list span,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="file"],
textarea,
select,
.sidebar time,
.post-nav {
font-size: 1.4rem;
}
.more-btn a,
[type="reset"],
[type="submit"],
.sec_article.connectiong .text-box h3,
.sidebar h4 {
font-size: 1.6rem;
}
.sec_article .text-box h3,
h4,
.single article .content h4 {
font-size: 1.8rem;
}
.tabs .tab_item,
#toc_container .toc_title,
#toc_container ul li a span,
.single article .content h3 {
font-size: 2rem;
}
footer .logo p,
h3,
.single article .content h2 {
font-size: 2.2rem;
}
.single article .content h3:first-letter {
font-size: 2.4rem;
}
header .logo h1,
header .logo p {
font-size: 2.6rem;
}
.single article .content h1,
.catch {
font-size: 2.8rem;
}
.accordion dt::after {
font-size: 3rem;
}
{
font-size: 3.2rem;
}
{
font-size: 3.4rem;
}
{
font-size: 3.6rem;
}
h2 {
font-size: 3.8rem;
}
{
font-size: 4rem;
}
h1 {
font-size: 4.7rem;
}
@media screen and (max-width: 767px) {
{
font-size: 1rem;
}
.under-title p.sub-title02,
nav.globalMenuSp .g-nav-list li a span,
.post-nav {
font-size: 1.2rem;
}
.tabs .tab_item,
nav.globalMenuSp .g-nav-list li a,
nav.globalMenuSp .cta .more-btn a {
font-size: 1.4rem;
}
footer .main-color,
.sec_recruit .content h3,
h4,
.single article .content h4 {
font-size: 1.6rem;
}
header .logo h1,
header .logo p,
.single article .content h3,
#toc_container .toc_title,
#toc_container ul li a span,
.catch {
font-size: 1.8rem;
}
.sec_news h2,
h3,
.sec_recruit .content h2,
.single article .content h2,
.single article .content h3:first-letter {
font-size: 2rem;
}
.single article .content h1 {
font-size: 2.2rem;
}
{
font-size: 2.4rem;
}
h1,
h2 {
font-size: 2.6rem;
}
{
font-size: 2.8rem;
}
{
font-size: 3rem;
}
{
font-size: 3.2rem;
}
{
font-size: 3.4rem;
}
{
font-size: 3.6rem;
}
{
font-size: 3.8rem;
}
{
font-size: 4rem;
}
}  html.is-loading {
overflow: hidden;
}
html.is-loading body {
overflow: hidden;
} #loader-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 104;
pointer-events: none;
} body.is-returning #loader-wrapper {
display: none !important;
} .loader-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #226DAF;
transition: transform 0.9s cubic-bezier(0.76, 0, 0.24, 1); 
} #loader-wrapper .content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
z-index: 105;
text-align: center;
transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
color: #fff;
} #loader-wrapper .content img {
margin: 0 auto 2rem;
} #loader-wrapper .content p {
font-weight: 700;
font-size: 2.6rem;
letter-spacing: 0.1em;
} body.loaded-phase0 #loader-wrapper .content {
opacity: 1;
} body.loaded-phase1 #loader-wrapper .content {
opacity: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
} body.loaded-phase2 .loader-bg {
transform: translateY(-100%);
} body.loaded-phase2 {
overflow: visible;
}  .bg-blue,
.bg-lightblue01,
.bg-lightblue02 {
border-radius: 1rem;
overflow: hidden;
}
.bg-blue {
background-color: #226DAF;
}
.bg-lightblue01 {
background-color: #EEF3F8;
}
.bg-lightblue02 {
background-color: #F0F8FF;
}
.box-white {
background-color: #fff;
padding: 3rem 2rem;
border-radius: 1rem;
}
.box-lightblue {
background-color: #EEF3F8;
padding: 3rem 2rem;
border-radius: 1rem;
}
.box-border {
background-color: #fff;
border: 0.1rem solid #E0E0E0;
padding: 2rem;
border-radius: 1rem;
}
.round-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border: 0.3rem solid #226DAF;
border-radius: 50%;
width: 21.3rem;
height: 21.3rem;
margin: 0 auto;
background-color: #fff;
text-align: center;
}
.number-box .number {
font-size: 6rem;
font-weight: 700;
text-align: center;
color: #226DAF;
line-height: 1em;
}
.number-list dl {
border-bottom: 0.1rem solid #E0E0E0;
padding: 2.5rem 4rem;
align-items: center;
}
.number-list .number {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #226DAF;
border-radius: 1rem;
width: 4.8rem;
height: 4.8rem;
margin: 0;
color: #fff;
font-size: 3.2rem;
font-weight: 700;
line-height: 1em;
letter-spacing: 0;
}
.number-list dt {
width: 10%;
}
.number-list dd {
width: 90%;
font-size: 2rem;
}
.border-bottom {
border-bottom: 0.1rem solid #E0E0E0;
padding-bottom: 1rem;
margin-bottom: 1rem;
font-weight: 700;
}
.btn-box {
display: flex;
justify-content: center;
}
.btn-box .more-btn {
margin-right: 2rem;
}
.btn-box .more-btn:last-child {
margin-right: 0;
}
.btn-box .more-btn a {
width: auto;
padding: 1em 4em 1em 1.3em;
border: 0.2rem solid #2F78B8;
background-color: #EEF3F8;
color: #000;
margin-top: 0;
}
.btn-box .more-btn a:hover,
.btn-box .more-btn a:hover small {
color: #fff;
}
.btn-box .more-btn a::before {
background-color: #226DAF;
}
.btn-box .more-btn a::after {
background-color: #226DAF;
right: 3rem;
transform: rotate(90deg) translate(-40%, -50%);
}
.btn-box .more-btn a:hover::after {
transform: rotate(90deg) translate(0, -50%);
}
.btn-box .more-btn a small {
display: block;
color: #16395C;
transition: all 0.3s ease;
}
.case-sub-title {
font-weight: 700;
color: #16395C;
letter-spacing: 0.1em;
}
.about01 .text-slider ul li p {
margin-top: 4rem;
}
.about02 .box-white {
padding: 3rem;
}
.about03 {
padding-top: 1rem;
}
.about03 .img-slider ul li {
width: 150vw;
}
.about03 .img02 {
margin: 9rem auto 0;
}
.about04 .width-box {
width: 100%;
max-width: 75rem;
margin: 4rem auto 0;
}
.about04 .round-box {
width: 15.5rem;
height: 15.5rem;
}
.services02 .row.small,
.services03 .row.small {
margin: 0 -1rem;
}
.services02 .row.small [class*="col-sm-"],
.services03 .row.small [class*="col-sm-"] {
padding: 0 1rem;
}
.services03 {
background-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/page/services03_bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.services03 video {
aspect-ratio: auto;
}
.services03 .box-white {
text-align: center;
}
.services03 .box-white .catch {
font-size: 3.3rem;
}
.services04 .flow-box {
margin-bottom: 4rem;
}
.culture01 {
margin-top: -4rem;
padding-top: 14rem;
}
.culture01 img {
margin: 0 auto 7rem;
}
.culture01 .box-white {
padding: 10rem 5rem;
}
.improvement {
display: flex;
background-color: #226DAF;
color: #fff;
border-radius: 1rem;
overflow: hidden;
margin-bottom: 2rem;
}
.culture01 .box-white .improvement:last-child {
margin-bottom: 0;
}
.improvement .ng {
background-color: #868686;
padding: 1rem 1.5rem;
font-size: 2.8rem;
font-weight: 700;
}
.improvement .ng-content {
background-color: #F3F3F3;
color: #000;
width: 32.6rem;
padding: 2rem;
position: relative;
}
.improvement .ng-content::before {
content: "";
position: absolute;
border: 3rem solid transparent;
top: 50%;
transform: translate(0, -50%);
right: -5.5rem;
border-left: 2.8rem solid #F3F3F3;
}
.improvement .improvement-content {
display: flex;
padding: 2rem 3.5rem 2rem 5rem;
width: 70rem;
}
.improvement .improvement-content:before {
content: "";
display: inline-block;
width: 3.4rem;
height: 2.9rem;
background-color: #fff;
-webkit-mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/ico_check.svg);
mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/ico_check.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
margin-right: 1.5rem;
}
.improvement .improvement-content .in {
width: calc(100% - 4.4rem);
}
.improvement .improvement-content strong {
font-size: 2rem;
}
.culture02 .title {
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.culture02 .img-box {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #226DAF;
border-radius: 50%;
width: 11rem;
height: 11rem;
margin-right: 2rem;
}
.culture02 .title .text {
width: calc(100% - 13rem);
}
.culture03 .row01 .content01 {
padding: 8rem 0 8rem 4rem;
width: 70rem;
margin: 0 0 0 auto;
}
.culture03 .row01 .content02 {
background-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/page/culture03_img01.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.culture03 .holiday {
font-size: 3.2rem;
font-weight: 700;
}
.culture03 .holiday span {
font-size: 7.4rem;
margin-right: 0.5rem;
}
.culture03 .check-list {
margin-top: 4rem;
}
.culture03 .check-list li {
border-bottom: none;
margin-bottom: 0;
}
.culture03 .check-list li::before {
background-color: #fff;
}
.recruit01 .name,
.company01 .name {
margin: 4rem 0 2rem;
}
.recruit02 .box-white {
padding: 3rem;
}
.recruit02 .box-white p::before {
content: "";
display: block;
width: 4.8rem;
height: 4.8rem;
background: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/ico_check.svg), #67B9F1;
background-repeat: no-repeat;
background-size: 3rem, cover;
background-position: center;
border-radius: 1rem;
margin-bottom: 1rem;
}
.recruit04 .box-lightblue {
padding: 3rem;
}
.recruit04 .box-lightblue .title {
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.recruit04 .box-lightblue .title .sub-title02 {
margin-right: 1.5rem;
}
.interview02 .case-sub-title,
.interview03 .case-sub-title,
.interview04 .case-sub-title {
font-size: 2rem;
}
.interview02 .row01,
.interview03 .row01,
.interview04 .row01 {
margin-bottom: 2rem;
}
.interview02 .row01 .content01,
.interview03 .row01 .content01,
.interview04 .row01 .content01 {
border-radius: 1rem;
overflow: hidden;
}
.interview02 .row01 .content01 .box-lightblue,
.interview03 .row01 .content01 .box-lightblue,
.interview04 .row01 .content01 .box-lightblue {
border-radius: 0 0 1rem 1rem;
}
.interview02 .message,
.interview03 .message,
.interview04 .message {
margin-bottom: 4rem;
letter-spacing: 0.1em;
}
.interview02 .img-box,
.interview03 .img-box,
.interview04 .img-box {
display: flex;
align-items: flex-start;
justify-content: center;
margin-top: 4rem;
}
.interview02 .img-box .img02,
.interview03 .img-box .img02,
.interview04 .img-box .img02 {
width: 26rem;
position: relative;
z-index: 2;
}
.interview02 .img-box .img03,
.interview03 .img-box .img03,
.interview04 .img-box .img03 {
width: 36.8rem;
margin: 3rem 0 0 -3rem;
}
.interview05 .box-white img {
margin: 0 auto 2rem;
}
.company01 {
background-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/page/company01_bg.webp);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-top: -4rem;
padding-top: 14rem;
}
.contact01 .tel-box a {
transition: all 0.3s ease;
position: relative;
display: table;
width: 57rem;
margin-top: 4rem;
padding: 1em 2em 0.5em;
background-color: #226DAF;
color: #fff;
cursor: pointer;
border: none;
border-radius: 0.5rem;
font-weight: 700;
}
.contact01 .tel-box a:hover {
background-color: #67B9F1;
color: #fff;
}
.contact01 .tel-box .title {
font-size: 1.8rem;
display: flex;
align-items: center;
}
.contact01 .tel-box .title::before {
content: "";
display: inline-block;
width: 3.4rem;
height: 3rem;
background-color: #fff;
-webkit-mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/ico_tel.svg);
mask-image: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/ico_tel.svg);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
transform: translateX(0);
transition: background-color 0.3s ease, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
margin-right: 1rem;
}
.contact01 .tel-box .tel {
font-size: 2.8rem;
letter-spacing: 0.05em;
}
.contact01 .tel-box .tel small {
font-weight: 400;
margin-left: 2rem;
letter-spacing: 0;
}  @media screen and (max-width: 1280px) {
}
@media screen and (max-width: 767px) {
.round-box {
width: 16.3rem;
height: 16.3rem;
}
.number-box .number {
font-size: 4rem;
}
.number-list dl {
padding: 2.5rem 2rem;
}
.number-list .number {
width: 4rem;
height: 4rem;
font-size: 2.4rem;
}
.number-list dt {
width: 20%;
padding: 0 2rem 0 0;
}
.number-list dd {
width: 80%;
font-size: 1.8rem;
}
.btn-box {
display: block;
}
.btn-box .more-btn {
margin: 0 0 2rem;
}
.btn-box .more-btn:last-child {
margin: 0;
}
.about03 .img-slider ul li {
width: 300vw;
}
.about03 .img02 {
margin: 6rem auto 0;
}
.about04 .row.small [class*="col-sm-"] {
margin-bottom: 2.5rem;
}
.services03 .box-white .catch {
font-size: 2.2rem;
}
.services03 .row.small [class*="col-sm-"] {
margin-bottom: 2rem;
}
.culture01 .box-white {
padding: 5rem 3rem;
}
.improvement {
display: block;
}
.improvement .ng {
padding: 0;
text-align: center;
}
.improvement .ng-content {
width: 100%;
padding: 1.5rem 2rem 2rem;
}
.improvement .ng-content::before {
border-left-color: transparent;
border-top: 3rem solid #F3F3F3;
top: auto;
right: auto;
bottom: -5rem;
left: 50%;
transform: translate(-50%, 0);
}
.improvement .improvement-content {
padding: 3rem 2.5rem 2rem 2rem;
width: 100%;
}
.improvement .improvement-content:before {
width: 2.3rem;
height: 2rem;
margin-right: 1rem;
}
.improvement .improvement-content .in {
width: calc(100% - 3.3rem);
}
.improvement .improvement-content strong {
font-size: 1.8rem;
}
.culture02 .img-box {
width: 8rem;
height: 8rem;
}
.culture02 .content01 .img-box img {
width: 4.2rem;
}
.culture02 .content02 .img-box img {
width: 4.8rem;
}
.culture02 .content03 .img-box img {
width: 7.2rem;
}
.culture02 .content04 .img-box img {
width: 5.5rem;
}
.culture03 .row01 {
margin-bottom: 0;
}
.culture03 .row01 .content01 {
padding: 7rem 2rem 0;
}
.culture03 .row01 .content02 {
min-height: 32.9rem;
}
.recruit01 .name,
.company01 .name {
width: 14rem;
}
.recruit02 .box-white p::before {
width: 3.5rem;
height: 3.5rem;
background: url(//gorinss.com/wp-content/themes/gorin_theme/assets/images/common/ico_check.svg), #67B9F1;
background-repeat: no-repeat;
background-size: 2rem, cover;
background-position: center;
}
.recruit04 .box-lightblue img {
margin-top: 2rem;
}
.interview02 .img-box,
.interview03 .img-box,
.interview04 .img-box {
margin-top: 2rem;
}
.interview02 .img-box .img02,
.interview03 .img-box .img02,
.interview04 .img-box .img02 {
width: 15.3rem;
}
.interview02 .img-box .img03,
.interview03 .img-box .img03,
.interview04 .img-box .img03 {
width: 21.7rem;
margin: 2rem 0 0 -2rem;
}
.company01 {
padding-top: 11rem;
}
.contact01 .tel-box a {
width: 100%;
}
.contact01 .tel-box .tel small {
display: block;
margin-left: 0;
}
}