html {
box-sizing: border-box;
-webkit-text-size-adjust: 100%;
word-break: normal;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
}
*,
::before,
::after {
background-repeat: no-repeat;
box-sizing: inherit;
}
::before,
::after {
text-decoration: inherit;
vertical-align: inherit;
}
* {
padding: 0;
margin: 0;
}
hr {
overflow: visible;
height: 0;
}
details,
main {
display: block;
}
summary {
display: list-item;
}
small {
font-size: 80%;
}
[hidden] {
display: none;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline-width: 0;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
}
pre {
font-size: 1em;
}
b,
strong {
font-weight: bolder;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
input {
border-radius: 0;
}
[disabled] {
cursor: default;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
textarea {
overflow: auto;
resize: vertical;
}
button,
input,
optgroup,
select,
textarea {
font: inherit;
}
optgroup {
font-weight: bold;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
cursor: pointer;
color: inherit;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
outline: 1px dotted ButtonText;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button,
input,
select,
textarea {
background-color: transparent;
border-style: none;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
}
select::-ms-expand {
display: none;
}
select::-ms-value {
color: currentColor;
}
legend {
border: 0;
color: inherit;
display: table;
max-width: 100%;
white-space: normal;
max-width: 100%;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
color: inherit;
font: inherit;
}
img {
border-style: none;
}
progress {
vertical-align: baseline;
}
svg:not([fill]) {
fill: currentColor;
}
@media screen {
[hidden~="screen"] {
display: inherit;
}
[hidden~="screen"]:not(:active):not(:focus):not(:target) {
position: absolute !important;
clip: rect(0 0 0 0) !important;
}
}
[aria-busy="true"] {
cursor: progress;
}
[aria-controls] {
cursor: pointer;
}
[aria-disabled] {
cursor: default;
}
* {
box-sizing: border-box;
-webkit-overflow-scrolling: touch;
}
*:before,
*:after {
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-font-smoothing: antialiased;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media screen and (min-width: 1600px) {
html {
font-size: 12px;
}
}
@media screen and (max-width: 500px) {
html {
font-size: 8px;
}
}
body {
font-family: "Noto Sans", "游ゴシック体", YuGothic, "游ゴシック Medium",
"Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
font-size: 1.6rem;
line-height: 1;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
letter-spacing: 0.05em;
overflow-x: hidden;
}
@media all and (-ms-high-contrast: none), print {
body {
font-family: sans-serif;
}
}
a,
button {
text-decoration: none;
color: #000;
outline: none;
}
@media screen and (min-width: 769px), print {
a,
button {
transition: 0.3s ease;
}
a:hover,
button:hover {
opacity: 0.9;
}
}
img,
svg,
video {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
table {
border-collapse: collapse;
max-width: 100%;
width: 100%;
}
table th,
table td {
vertical-align: top;
}
input::-ms-clear {
display: none;
}
ul,
ol {
list-style-position: inside;
}
select::-ms-expand {
display: none;
}
button:focus {
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2;
}
.l-main {
overflow: hidden;
}
@media screen and (max-width: 1024px) {
body {
padding-top: 80px;
}
}
.l-hdr {
display: flex;
justify-content: space-between;
background-color: #fff;
border-bottom: 5px solid #ee3131;
position: absolute;
top: 30px;
left: 0;
width: 100%;
z-index: 9999;
}
@media screen and (max-width: 1024px) {
.l-hdr {
top: 0;
position: fixed;
border-bottom-width: 3px;
}
}
.l-hdr.is-scroll {
top: 0;
position: fixed;
}
.l-hdr__logo {
margin-bottom: -5px;
}
@media screen and (max-width: 1024px) {
.l-hdr__logo {
margin-bottom: -3px;
}
}
.l-hdr__logo a {
display: flex;
align-items: center;
}
.l-hdr__logo .image {
background: #000;
display: flex;
align-items: center;
justify-content: center;
height: 70px;
width: 70px;
margin-right: 35px;
}
@media screen and (max-width: 1024px) {
.l-hdr__logo .image {
width: 80px;
height: 80px;
margin-right: 27px;
padding: 8px;
}
}
@media screen and (max-width: 1024px) and (max-width: 500px) {
.l-hdr__logo .image {
margin-right: 10px;
}
}
.l-hdr__logo .text {
text-align: center;
font-size: 22px;
font-weight: 700;
line-height: 1.09091;
}
@media screen and (max-width: 1024px) {
.l-hdr__logo .text {
text-align: left;
}
}
@media screen and (max-width: 500px) {
.l-hdr__logo .text {
font-size: 18px;
}
}
.l-hdr-nav {
display: flex;
}
@media screen and (max-width: 1024px) {
.l-hdr-nav {
opacity: 0;
visibility: hidden;
transform: translateX(100%);
transition: 0.3s ease;
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 1;
display: block;
background: rgba(255, 255, 255, 0.95);
padding: 80px 0;
}
.l-hdr-nav.is-active {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
.l-hdr-nav__link {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
border-bottom: 5px solid transparent;
margin-bottom: -5px;
}
@media screen and (max-width: 1024px) {
.l-hdr-nav__link {
margin-bottom: 0;
border-bottom: 0;
align-items: flex-start;
padding: 20px;
width: 240px;
}
}
.l-hdr-nav__link + .l-hdr-nav__link {
margin-left: 26px;
}
@media screen and (max-width: 1280px) {
.l-hdr-nav__link + .l-hdr-nav__link {
margin-left: 15px;
}
}
@media screen and (max-width: 1280px) and (max-width: 1024px) {
.l-hdr-nav__link + .l-hdr-nav__link {
margin-left: 0;
}
}
.l-hdr-nav__link .en {
font-size: 16px;
}
@media screen and (max-width: 1024px) {
.l-hdr-nav__link .en {
display: none;
}
}
.l-hdr-nav__link .ja {
font-size: 11px;
margin-top: 10px;
}
@media screen and (max-width: 1024px) {
.l-hdr-nav__link .ja {
margin-top: 0;
font-size: 16px;
}
}
.l-hdr-nav__link--contact {
background-color: #ee3131;
border-bottom-color: #000;
width: 120px;
color: white;
}
@media screen and (max-width: 1024px) {
.l-hdr-nav__link--contact {
width: auto;
color: black;
background: none;
}
}
.l-hdr-nav__link:hover {
color: #ee3131;
opacity: 1;
}
.l-hdr-nav__link:hover.l-hdr-nav__link--contact {
background-color: #ccc;
color: white;
}
.l-hdr__menu {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-left: auto;
opacity: 1;
margin-right: 20px;
position: relative;
z-index: 2;
}
.l-hdr__menu .line {
position: relative;
width: 36px;
height: 24px;
display: inline-block;
transition: all 0.5s;
margin-bottom: 7px;
}
.l-hdr__menu .line span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #000;
border-radius: 4px;
display: inline-block;
transition: all 0.5s;
}
.l-hdr__menu .line span:nth-of-type(1) {
top: 0;
}
.l-hdr__menu .line span:nth-of-type(2) {
top: 11px;
}
.l-hdr__menu .line span:nth-of-type(3) {
bottom: 0;
}
.l-hdr__menu .text {
color: black;
font-size: 12px;
font-weight: 500;
width: 36px;
text-align: center;
}
.l-hdr__menu.is-active .line span:nth-of-type(1) {
transform: translateY(11px) rotate(45deg);
}
.l-hdr__menu.is-active .line span:nth-of-type(2) {
opacity: 0;
}
.l-hdr__menu.is-active .line span:nth-of-type(3) {
transform: translateY(-11px) rotate(-45deg);
}
.l-ftr {
position: relative;
margin-top: 130px;
}
@media screen and (max-width: 768px) {
.l-ftr {
margin-top: 50px;
}
}
.l-ftr__pagetop {
position: absolute;
bottom: 64px;
right: 40px;
z-index: 10;
}
@media screen and (max-width: 1024px) {
.l-ftr__pagetop {
bottom: 84px;
}
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
.l-ftr__pagetop {
right: 10px;
}
}
.l-ftr-bnr {
max-width: 1280px;
margin: 0 auto 80px;
padding: 0 76px;
position: relative;
}
@media screen and (max-width: 768px) {
.l-ftr-bnr {
padding: 0;
}
}
@media screen and (max-width: 768px) {
.l-ftr-bnr .c-inner {
width: 100%;
}
}
.l-ftr-bnr__slider a {
position: relative;
display: block;
}
.l-ftr-bnr__slider a .image img {
width: 100%;
}
.l-ftr-bnr__slider a .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
flex-direction: column;
color: white;
padding: 0 25px;
}
.l-ftr-bnr__slider a .text .en {
font-size: 26px;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.l-ftr-bnr__slider a .text .en {
font-size: 22px;
}
}
.l-ftr-bnr__slider a .text .ja {
font-size: 16px;
font-weight: 700;
line-height: 1;
letter-spacing: 0.1em;
margin-top: 10px;
}
@media screen and (max-width: 768px) {
.l-ftr-bnr__slider a .text .ja {
font-size: 14px;
}
}
.l-ftr-bnr__slider a .text--black {
color: #000;
text-align: center;
align-items: flex-end;
}
.l-ftr-bnr__slider .swiper-container {
position: static;
}
@media screen and (max-width: 768px) {
.l-ftr-bnr__slider .swiper-slide {
width: 80%;
}
}
.l-ftr-bnr__slider .swiper-button-prev,
.l-ftr-bnr__slider .swiper-button-next {
width: 56px;
height: 56px;
outline: none;
margin-top: 0;
transform: translateY(-50%);
cursor: pointer;
}
@media screen and (max-width: 768px) {
.l-ftr-bnr__slider .swiper-button-prev,
.l-ftr-bnr__slider .swiper-button-next {
width: 30px;
height: 30px;
}
}
.l-ftr-bnr__slider .swiper-button-prev:after,
.l-ftr-bnr__slider .swiper-button-next:after {
content: none;
}
.l-ftr-bnr__slider .swiper-button-prev {
background: url(//www.fuji-c.co.jp/corporate/wp-content/themes/theme_fuji-c-corporate/assets/images/common/back.svg) center no-repeat white;
background-size: cover;
left: 20px;
}
@media screen and (max-width: 768px) {
.l-ftr-bnr__slider .swiper-button-prev {
left: 5%;
}
}
.l-ftr-bnr__slider .swiper-button-next {
background: url(//www.fuji-c.co.jp/corporate/wp-content/themes/theme_fuji-c-corporate/assets/images/common/next.svg) center no-repeat white;
background-size: cover;
right: 20px;
}
@media screen and (max-width: 768px) {
.l-ftr-bnr__slider .swiper-button-next {
right: 5%;
}
}
.l-ftr__logo {
text-align: center;
margin-bottom: 35px;
}
.l-ftr__logo a {
display: inline-flex;
align-items: center;
flex-direction: column;
}
.l-ftr__logo a .image {
margin-bottom: 17px;
}
.l-ftr__logo a .text {
font-size: 22px;
font-weight: 700;
line-height: 1.45455;
}
.l-ftr__nav {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
.l-ftr__nav {
flex-wrap: wrap;
margin-top: -10px;
}
}
.l-ftr__nav a {
font-size: 14px;
letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
.l-ftr__nav a {
margin: 10px 1em 0;
}
}
.l-ftr__nav a + a {
margin-left: 1em;
}
@media screen and (max-width: 768px) {
.l-ftr__nav a + a {
margin-left: 0;
}
}
.l-ftr__copy {
background: #ee3131;
text-align: center;
color: white;
font-size: 12px;
line-height: 2;
letter-spacing: 0.2em;
padding: 8px;
}
@media screen and (max-width: 1024px) {
.l-ftr__contact {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
background: #ee3131;
color: white;
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
padding: 12px 0;
}
.l-ftr__contact .en {
font-size: 28px;
font-weight: 500;
margin-bottom: 12px;
}
.l-ftr__contact .ja {
font-size: 16px;
}
}
.c-kaisyo {
font-family: "Shinsei Kaisho CBSK1", serif;
}
.c-inner {
max-width: 1024px;
width: calc(100% - 40px);
margin-left: auto;
margin-right: auto;
}
@media screen and (max-width: 768px) {
.c-inner {
width: 85%;
}
}
@media screen and (min-width: 1025px) {
.c-tab {
display: none !important;
}
}
@media screen and (max-width: 1024px) {
.c-tab_none {
display: none !important;
}
}
@media screen and (min-width: 769px), print {
.c-sp {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.c-pc {
display: none !important;
}
}
.ofi {
-o-object-fit: cover;
object-fit: cover;
font-family: "object-fit: cover;, object-position: center;";
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center;
}
.c-anchor {
margin-top: -70px;
padding-top: 70px;
}
@media screen and (max-width: 1024px) {
.c-anchor {
margin-top: -80px;
padding-top: 80px;
}
}
.c-kaisyo {
font-family: "Shinsei Kaisho CBSK1", serif;
}
.c-title {
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
transform: rotate(-5deg);
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.c-title {
margin-bottom: 25px;
}
}
.c-title__en {
font-size: 6.4rem;
font-weight: 500;
color: #d2d2d2;
font-style: italic;
letter-spacing: 0.1em;
padding: 0 30px;
margin-bottom: 25px;
position: relative;
}
@media screen and (max-width: 768px) {
.c-title__en {
font-size: 4rem;
max-width: 80%;
margin-bottom: 10px;
}
}
@media screen and (max-width: 500px) {
.c-title__en {
padding: 0 12px;
}
}
.c-title__en .line {
width: calc(50vw - 50%);
height: 2px;
position: absolute;
bottom: 25px;
left: 0;
margin: auto 0;
}
@media screen and (max-width: 768px) {
.c-title__en .line {
bottom: 20px;
}
}
.c-title__en .line:before {
content: "";
background: #ee3131;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(-100%);
}
.c-title__ja {
font-size: 3.8rem;
font-weight: bold;
font-style: italic;
letter-spacing: 0.1em;
width: calc(50% + 50px);
padding-left: 50px;
padding-bottom: 10px;
align-self: flex-end;
}
@media screen and (max-width: 768px) {
.c-title__ja {
font-size: 2.6rem;
}
}
.c-title__ja .line {
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
right: 0;
}
.c-title__ja .line:before {
content: "";
background: #ee3131;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.c-btn {
display: flex;
justify-content: center;
position: relative;
z-index: 1;
}
.c-btn a {
padding: 0 40px 22px;
position: relative;
}
@media screen and (max-width: 768px) {
.c-btn a {
padding-bottom: 10px;
}
}
.c-btn a:before {
content: "";
height: 30px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background-color: #ee3131;
z-index: -1;
transform: skewY(-5deg);
}
@media screen and (max-width: 768px) {
.c-btn a:before {
height: 15px;
}
}
.c-btn a:hover {
transform: translateX(20px) !important;
}
.c-btn__text {
font-size: 2.8rem;
font-weight: bold;
letter-spacing: 0.1em;
font-style: italic;
transform: rotate(-5deg);
}
@media screen and (max-width: 768px) {
.c-btn__text {
font-size: 2rem;
}
}
.c-btn__arrow {
position: absolute;
bottom: 20px;
right: -60px;
}
@media screen and (max-width: 768px) {
.c-btn__arrow {
bottom: 15px;
right: -30px;
width: 50px;
}
}
.c-btnB {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 2.2rem;
letter-spacing: 0.2em;
font-weight: bold;
width: 29.3%;
height: 90px;
background-color: #fff;
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.7);
padding: 0 25px;
position: relative;
border-bottom: 5px solid #ee3131;
max-width: 100%;
}
@media screen and (max-width: 768px) {
.c-btnB {
width: 100%;
height: 50px;
font-size: 1.8rem;
}
.c-btnB + a {
margin-top: 20px;
}
}
.c-btnB img {
flex-shrink: 0;
margin-left: 10px;
}
.c-btnC {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 50px;
border: 2px solid #000;
font-size: 2.2rem;
letter-spacing: 0.1em;
font-weight: bold;
position: relative;
}
.c-btnC:before,
.c-btnC:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 50%;
z-index: -1;
content: "";
background: #000;
display: block;
width: 100%;
height: 0;
}
.c-btnC:hover {
color: white;
}
.c-btnC:hover:before,
.c-btnC:hover:after {
top: 0;
height: 100%;
transition-duration: 0.3s;
}
.c-select {
box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.7);
position: relative;
}
.c-select img {
flex-shrink: 0;
margin-left: 10px;
position: absolute;
top: 0;
bottom: 0;
right: 25px;
margin: auto 0;
pointer-events: none;
}
.c-select select {
width: 100%;
height: 90px;
background-color: #fff;
padding: 0 25px;
border-bottom: 5px solid #ee3131;
font-size: 2.2rem;
letter-spacing: 0.2em;
font-weight: bold;
outline: none;
border-radius: 0px;
}
@media screen and (max-width: 768px) {
.c-select select {
width: 100%;
height: 50px;
font-size: 1.8rem;
}
}
.c-overray {
position: relative;
}
.c-overray:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #78c1ff;
mix-blend-mode: multiply;
margin: auto 0;
z-index: 1;
}
@media all and (-ms-high-contrast: none), print {
.c-overray:before {
opacity: 0.6;
}
}
.c-boxscroll_anime {
position: relative;
opacity: 1 !important;
}
.c-boxscroll_anime:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: #fff;
z-index: 1;
transition: 0.6s ease;
}
.c-boxscroll_anime.aos-animate:after {
width: 0%;
}
.c-boxscroll_anime--reverse:after {
left: 0;
right: auto;
}
.c-mv {
position: relative;
}
.c-mv__bg {
width: 100%;
height: 600px;
overflow: hidden;
position: relative;
}
@media screen and (max-width: 768px) {
.c-mv__bg {
height: 200px;
}
}
.c-mv__bg img {
-o-object-position: bottom right;
object-position: bottom right;
}
.c-mv__bg:before,
.c-mv__bg:after {
content: "";
position: absolute;
width: 100%;
height: 100%;
}
@media all and (-ms-high-contrast: none), print {
.c-mv__bg:before,
.c-mv__bg:after {
opacity: 0.6;
}
}
.c-mv__bg:before {
background: url(//www.fuji-c.co.jp/corporate/wp-content/themes/theme_fuji-c-corporate/assets/images/common/mv_kazari01.png) bottom right no-repeat;
background-size: contain;
mix-blend-mode: multiply;
bottom: -20%;
right: 0;
width: 90%;
}
@media screen and (max-width: 500px) {
.c-mv__bg:before {
bottom: -10%;
}
}
.c-mv__bg:after {
background: url(//www.fuji-c.co.jp/corporate/wp-content/themes/theme_fuji-c-corporate/assets/images/common/mv_kazari02.png) bottom right no-repeat;
background-size: contain;
mix-blend-mode: multiply;
top: 0;
right: -30%;
width: 70%;
}
@media screen and (max-width: 768px) {
.c-mv__bg:after {
right: -15%;
}
}
@media screen and (max-width: 500px) {
.c-mv__bg:after {
right: -30%;
}
}
.c-mv__title {
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
max-width: 1024px;
color: white;
display: flex;
align-items: center;
justify-content: flex-end;
padding-bottom: 10px;
}
@media screen and (max-width: 1024px) {
.c-mv__title {
padding: 0 20px 10px;
}
}
.c-mv__title .text {
transform: rotate(-5deg);
transform-origin: left center;
text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.c-mv__title .en {
font-weight: 500;
font-size: 6.4rem;
letter-spacing: 0.1em;
font-style: italic;
}
@media screen and (max-width: 768px) {
.c-mv__title .en {
font-size: 3rem;
}
}
.c-mv__title .ja {
font-size: 3rem;
letter-spacing: 0.1em;
margin-left: 1em;
font-style: italic;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.c-mv__title .ja {
font-size: 1.6rem;
}
}
.c-mv__title--onlyja .ja {
font-size: 3.8rem;
}
@media screen and (max-width: 768px) {
.c-mv__title--onlyja .ja {
font-size: 2.4rem;
}
}
.c-mv--small .c-mv__bg {
height: 380px;
margin-top: 100px;
}
@media screen and (max-width: 1024px) {
.c-mv--small .c-mv__bg {
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
.c-mv--small .c-mv__bg {
height: 150px;
}
}
.c-pankuzu {
margin: 10px 0 50px;
padding: 0 20px;
}
.c-pankuzu ul {
display: flex;
flex-wrap: wrap;
-ms-grid-row-align: center;
align-self: center;
list-style: none;
}
.c-pankuzu ul li {
display: flex;
-ms-grid-row-align: center;
align-self: center;
line-height: 15px;
}
.c-pankuzu ul li + li:before {
content: ">";
font-size: 15px;
margin: 0 5px;
}
.c-pankuzu ul li a {
font-size: 12px;
}
.c-contents {
display: flex;
padding-bottom: calc((100vw * (50 / 100) * 0.08748866352 * 1) + 0px);
}
@media screen and (max-width: 768px) {
.c-contents {
display: block;
padding-bottom: 0;
}
}
.c-contents__image {
width: 50%;
transform: skewY(-5deg) !important;
overflow: hidden;
transform-origin: right;
position: relative;
}
@media screen and (max-width: 768px) {
.c-contents__image {
width: 100%;
height: 300px;
margin-bottom: calc((100vw * (100 / 100) * 0.08748866352 * 1) + 20px);
}
}
.c-contents__image img {
width: 100%;
height: calc((100vw * (50 / 100) * 0.08748866352 * 1) + 100%);
transform: skewY(5deg);
transform-origin: right;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.c-contents__image img {
height: calc((100vw * (100 / 100) * 0.08748866352 * 1) + 100%);
}
}
.c-contents__textarea {
width: 50%;
min-height: 468px;
}
@media screen and (max-width: 1024px) {
.c-contents__textarea {
min-height: 400px;
}
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
.c-contents__textarea {
min-height: auto;
transform: none !important;
}
}
@media screen and (max-width: 768px) {
.c-contents__textarea {
width: 85%;
margin: 0 auto !important;
padding: 0 !important;
}
}
.c-contents__textarea .title {
font-size: 2.8rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.1em;
margin-bottom: 25px;
}
.c-contents__textarea .text {
font-size: 1.6rem;
line-height: 1.75;
}
.c-contents--normal .c-contents__textarea {
transform: translateY(calc((100vw * (50 / 100) * 0.08748866352 * 1) + -20px));
padding-bottom: calc((100vw * (100 / 100) * 0.08748866352 * 1) + -20px);
padding-left: 60px;
padding-right: 128px;
}
@media screen and (max-width: 1280px) {
.c-contents--normal .c-contents__textarea {
padding-right: 60px;
}
}
@media screen and (max-width: 1280px) and (max-width: 1024px) {
.c-contents--normal .c-contents__textarea {
padding-right: 20px;
padding-left: 20px;
}
}
.c-contents--reverse {
flex-direction: row-reverse;
}
.c-contents--reverse .c-contents__textarea {
transform: translateY(calc((100vw * (50 / 100) * 0.08748866352 * 1) + 60px));
padding-bottom: calc((100vw * (50 / 100) * 0.08748866352 * 1) + 60px);
padding-right: 60px;
padding-left: 128px;
}
@media screen and (max-width: 1280px) {
.c-contents--reverse .c-contents__textarea {
padding-left: 60px;
}
}
@media screen and (max-width: 1280px) and (max-width: 1024px) {
.c-contents--reverse .c-contents__textarea {
padding-left: 20px;
padding-right: 20px;
}
}
.c-contents--center {
justify-content: center;
margin-bottom: 30px;
padding-bottom: 0;
}
@media screen and (max-width: 768px) {
.c-contents--center {
margin-bottom: 20px;
}
}
.c-contents--center .c-contents__textarea {
padding-top: 0;
padding-bottom: 0;
min-height: auto;
width: 700px;
}
@media screen and (max-width: 768px) {
.c-contents--center .c-contents__textarea {
width: 85%;
}
}
.c-contents--center .c-contents__textarea .title {
text-align: center;
}
@media screen and (max-width: 768px) {
.c-contents-wrap .c-contents + .c-contents {
margin-top: 20px;
}
}
.c-contents-wrap .c-contents + .c-contents--reverse {
margin-top: calc((100vw * (50 / 100) * 0.08748866352 * -1) + 0px);
}
.c-contents-wrap .c-contents + .c-contents--reverse .c-contents__textarea {
transform: translateY(calc((100vw * (100 / 100) * 0.08748866352 * 1) + 30px));
}
.c-contents-wrap .c-contents + .c-contents--normal {
margin-top: calc((100vw * (50 / 100) * 0.08748866352 * 1) + 0px);
}
.c-contents-wrap .c-contents:last-child {
padding-bottom: calc((100vw * (50 / 100) * 0.08748866352 * 1) + 0px);
}
@media screen and (max-width: 768px) {
.c-contents-wrap .c-contents:last-child {
padding-bottom: 0;
}
}
.c-pager .wp-pagenavi {
display: flex;
justify-content: center;
}
.c-pager .previouspostslink,
.c-pager .nextpostslink {
width: 56px;
height: 56px;
text-indent: -9999px;
}
@media screen and (max-width: 768px) {
.c-pager .previouspostslink,
.c-pager .nextpostslink {
width: 30px;
height: 30px;
}
}
.c-pager .previouspostslink {
background: url(//www.fuji-c.co.jp/corporate/wp-content/themes/theme_fuji-c-corporate/assets/images/common/back.svg) 50% no-repeat white;
background-size: cover;
margin-right: 5px;
}
.c-pager .nextpostslink {
background: url(//www.fuji-c.co.jp/corporate/wp-content/themes/theme_fuji-c-corporate/assets/images/common/next.svg) 50% no-repeat white;
background-size: cover;
margin-left: 5px;
}
.c-pager .current,
.c-pager .page {
font-size: 3rem;
width: 56px;
height: 56px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.c-pager .current,
.c-pager .page {
width: 30px;
height: 30px;
font-size: 2rem;
}
}
.c-pager .current {
background: #ee3131;
color: white;
}
.c-column {
padding: 110px 0 83px;
background: linear-gradient(to top, #efefef 0px, #efefef 500px, #fff 500px);
}
@media screen and (max-width: 768px) {
.c-column {
padding: 50px 0;
background: linear-gradient(to top, #efefef 0px, #efefef 400px, #fff 400px);
}
}
@media screen and (max-width: 768px) and (max-width: 500px) {
.c-column {
background: linear-gradient(to top, #efefef 0px, #efefef 300px, #fff 300px);
}
}
@media screen and (min-width: 769px), print {
.c-column .c-title {
margin-bottom: 70px;
}
}
.c-column-slider {
position: relative;
max-width: 1280px;
margin: 0 auto;
padding: 0 76px;
}
@media screen and (max-width: 768px) {
.c-column-slider {
padding: 0 40px;
}
}
.c-column-slider .swiper-container {
padding-bottom: 50px;
position: static;
}
@media screen and (max-width: 768px) {
.c-column-slider .swiper-container {
padding-bottom: 0;
}
}
.c-column-slider .swiper-slide-active + .swiper-slide {
transform: translateY(50px);
transition: 0.3s ease;
}
.c-column-slider .swiper-button-prev,
.c-column-slider .swiper-button-next {
width: 56px;
height: 56px;
outline: none;
margin-top: 0;
transform: translateY(-50%);
cursor: pointer;
}
@media screen and (max-width: 768px) {
.c-column-slider .swiper-button-prev,
.c-column-slider .swiper-button-next {
width: 30px;
height: 30px;
}
}
.c-column-slider .swiper-button-prev:after,
.c-column-slider .swiper-button-next:after {
content: none;
}
.c-column-slider .swiper-button-prev {
background: url(//www.fuji-c.co.jp/corporate/wp-content/themes/theme_fuji-c-corporate/assets/images/common/back.svg) center no-repeat white;
background-size: cover;
left: 20px;
}
@media screen and (max-width: 768px) {
.c-column-slider .swiper-button-prev {
left: 10px;
}
}
.c-column-slider .swiper-button-next {
background: url(//www.fuji-c.co.jp/corporate/wp-content/themes/theme_fuji-c-corporate/assets/images/common/next.svg) center no-repeat white;
background-size: cover;
right: 20px;
}
@media screen and (max-width: 768px) {
.c-column-slider .swiper-button-next {
right: 10px;
}
}
.c-column .c-btn {
margin-top: 64px;
}
@media screen and (max-width: 768px) {
.c-column .c-btn {
margin-top: 40px;
}
}
.c-column-item {
display: block;
background-color: #ee3131;
opacity: 1;
}
.c-column-item__image {
width: 100%;
height: 240px;
overflow: hidden;
}
@media screen and (max-width: 500px) {
.c-column-item__image {
height: 200px;
}
}
.c-column-item__image img {
transition: 0.3s ease;
transform: scale(1);
}
.c-column-item__textarea {
padding: 0 20px 34px;
margin-top: -36px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 500px) {
.c-column-item__textarea {
margin-top: -32px;
}
}
.c-column-item__textarea .cat {
font-size: 2rem;
font-weight: bold;
margin-bottom: 25px;
color: white;
}
.c-column-item__textarea .textarea {
border-left: 2px solid #fff;
padding: 20px 20px 10px;
}
.c-column-item__textarea .textarea__date {
font-size: 2.4rem;
letter-spacing: 0.1em;
font-weight: 500;
color: white;
margin-bottom: 13px;
}
.c-column-item__textarea .textarea__title {
font-size: 1.8rem;
line-height: 1.55556;
letter-spacing: 0.1em;
color: white;
font-weight: normal;
}
.c-column-item:hover .c-column-item__image img {
transform: scale(1.1);
}
.c-images {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: -30px;
}
.c-images__image {
margin-top: 30px;
width: 46.2%;
}
.c-images__image .image {
border: 1px solid #000;
padding: 10px;
}
@media screen and (max-width: 768px) {
.c-images__image .image {
padding: 5px;
}
}
.c-images__image .cap {
font-size: 1.3rem;
line-height: 1.53846;
letter-spacing: 0.1em;
margin-top: 10px;
}
.c-images--big {
width: 100%;
}
.c-images--big .cap {
text-align: center;
}
.c-wysywig {
word-break: break-word;
margin-bottom: 30px;
}
.c-wysywig h1,
.c-wysywig h2,
.c-wysywig h3,
.c-wysywig h4,
.c-wysywig h5,
.c-wysywig h6 {
font-weight: 700;
line-height: 1.5;
margin: 30px 0;
}
.c-wysywig h1 {
font-size: 3rem;
}
.c-wysywig h2 {
font-size: 2.4rem;
}
.c-wysywig h3 {
font-size: 2rem;
}
.c-wysywig h4 {
font-size: 1.8rem;
}
.c-wysywig h5 {
font-size: 1.6rem;
}
.c-wysywig h6 {
font-size: 1.4rem;
}
.c-wysywig p {
letter-spacing: 0.1em;
font-size: 1.6rem;
line-height: 2;
margin: 15px 0;
}
.c-wysywig ol,
.c-wysywig ul {
margin: 30px auto;
padding-left: 1em;
line-height: 1.5;
list-style-position: outside;
}
.c-wysywig ol li + li {
margin-top: 5px;
}
.c-wysywig ul {
list-style-type: disc;
}
.c-wysywig ul li + li {
margin-top: 5px;
}
.c-wysywig ol {
list-style-type: decimal;
}
.c-wysywig table {
width: 100%;
margin: 30px auto;
}
.c-wysywig table th {
padding: 10px 20px;
color: #fff;
white-space: nowrap;
}
.c-wysywig table td,
.c-wysywig table th {
border: 1px solid #ccc;
vertical-align: middle;
}
.c-wysywig table td {
padding: 10px;
}
.c-wysywig strong {
font-weight: 700;
}
.c-wysywig em {
font-style: italic;
}
.c-wysywig blockquote {
position: relative;
padding: 20px 25px;
margin: 30px auto;
background-color: #efefef;
max-width: 800px;
font-size: 1.6rem;
line-height: 1.875;
}
.c-wysywig .aligncenter {
display: block;
margin-right: auto;
margin-left: auto;
}
.c-wysywig .alignright {
display: block;
margin-left: auto;
}
.c-wysywig .alignleft {
display: block;
}
.c-wysywig img {
display: block;
margin: 30px auto;
}
.c-wysywig a {
color: #ee3131;
border-bottom: 1px solid #ee3131;
font-size: 1.6rem;
line-height: 2;
position: relative;
}
.c-wysywig a[target="_blank"] {
margin-right: 30px;
}
.c-wysywig a[target="_blank"]:after {
content: "";
position: absolute;
right: -30px;
top: 0;
bottom: 0;
margin: auto 0;
width: 15px;
height: 15px;
background: url(//www.fuji-c.co.jp/corporate/wp-content/themes/theme_fuji-c-corporate/assets/images/common/ex.svg) center no-repeat;
background-size: cover;
}