@charset "UTF-8";
/*
Theme Name:test_tech_2023
Theme URI:https://tcd-theme.com/tcd051
Description: WordPress theme "Vogue" is for real estate agents and resort hotels. The modern design gives you a sophisticated impression. The four-part top page header that can combine video and still images is attractive.
Author:TCD
Author URI:https://tcd-theme.com/
Text Domain:tcd-vogue
Version:1.5.2
*/
/* ========================================================================== Foundation ========================================================================== */
/* Normalize ----------------------------------------------------------------- */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */
* {
box-sizing: border-box;
}
/* html {
visibility: hidden;
}
html.wf-active {
visibility: visible;
} */
html {
line-height: 1;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
}
/* Sections ========================================================================== */
/** Remove the margin in all browsers (opinionated). */
body {
margin: 0;
}
/** Add the correct display in IE 9-. */
article,
aside,
footer,
header,
nav,
section {
display: block;
}
/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content ========================================================================== */
/** Add the correct display in IE 9-. 1. Add the correct display in IE. */
figcaption,
figure,
main {
/* 1 */
display: block;
}
/** Add the correct margin in IE 8. */
/* figure {
margin: 1em 40px;
} */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr {
box-sizing: content-box;
/* 1 */
height: 0;
/* 1 */
overflow: visible;
/* 2 */
}
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/* Text-level semantics ========================================================================== */
/** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */
a {
background-color: transparent;
/* 1 */
-webkit-text-decoration-skip: objects;
/* 2 */
}
/** 1. Remove the bottom border in Chrome 57- and Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
border-bottom: none;
/* 1 */
text-decoration: underline;
/* 2 */
text-decoration: underline dotted;
/* 2 */
}
/** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */
b,
strong {
font-weight: inherit;
}
/** Add the correct font weight in Chrome, Edge, and Safari. */
b,
strong {
font-weight: bolder;
}
/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code,
kbd,
samp {
font-family: monospace, monospace;
/* 1 */
font-size: 1em;
/* 2 */
}
/** Add the correct font style in Android 4.3-. */
dfn {
font-style: italic;
}
/** Add the correct background and color in IE 9-. */
mark {
background-color: #ff0;
color: #000;
}
/** Add the correct font size in all browsers. */
small {
font-size: 80%;
}
/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content ========================================================================== */
/** Add the correct display in IE 9-. */
audio,
video {
display: inline-block;
}
/** Add the correct display in iOS 4-7. */
audio:not([controls]) {
display: none;
height: 0;
}
/** Remove the border on images inside links in IE 10-. */
img {
border-style: none;
width: 100%;
}
/** Hide the overflow in IE. */
svg:not(:root) {
overflow: hidden;
}
/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */
button,
input,
optgroup,
select,
textarea {
font-family: sans-serif;
/* 1 */
font-size: 100%;
/* 1 */
line-height: 1.15;
/* 1 */
margin: 0;
/* 2 */
}
/** Show the overflow in IE. 1. Show the overflow in Edge. */
button,
input {
/* 1 */
overflow: visible;
}
/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button,
select {
/* 1 */
text-transform: none;
}
/** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
/* 2 */
}
/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/** Correct the padding in Firefox. */
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend {
box-sizing: border-box;
/* 1 */
color: inherit;
/* 2 */
display: table;
/* 1 */
max-width: 100%;
/* 1 */
padding: 0;
/* 3 */
white-space: normal;
/* 1 */
}
/** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/** Remove the default vertical scrollbar in IE. */
textarea {
overflow: auto;
}
/** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] {
-webkit-appearance: textfield;
/* 1 */
outline-offset: -2px;
/* 2 */
}
/** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button {
-webkit-appearance: button;
/* 1 */
font: inherit;
/* 2 */
}
/* Interactive ========================================================================== */
/* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */
details,
menu {
display: block;
}
/* Add the correct display in all browsers. */
summary {
display: list-item;
}
/* Scripting ========================================================================== */
/** Add the correct display in IE 9-. */
canvas {
display: inline-block;
}
/** Add the correct display in IE. */
template {
display: none;
}
/* Hidden ========================================================================== */
/** Add the correct display in IE 10-. */
[hidden] {
display: none;
}
/* Base ----------------------------------------------------------------- */
body {
color: #000;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
a {
color: #000;
text-decoration: none;
}
img {
vertical-align: bottom;
}
a,
a::before,
a::after,
input {
transition-property: background-color, color;
transition-duration: 0.2s;
transition-timing-function: ease;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
margin-top: 0;
}
h2 {
letter-spacing: 7px;
}
@media (max-width:767px) {
h2 {
letter-spacing: 5px;
}
}
p {
margin-bottom: 0;
}
ul {
padding-left: 0;
}
/* -------------------------------------------------------------------------------- web fonts ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
-------------------------------------------------------------------------------- */
@font-face {
font-family: "design_plus";
src: url("assets/fonts/design_plus.eot?v=1.0");
src: url("assets/fonts/design_plus.eot?v=1.0#iefix") format("embedded-opentype"), url("assets/fonts/design_plus.woff?v=1.0") format("woff"), url("assets/fonts/design_plus.ttf?v=1.0") format("truetype"), url("assets/fonts/design_plus.svg?v=1.0#design_plus") format("svg");
font-weight: normal;
font-style: normal;
}
/* @font-face {
font-family: 'noto_sans_jp';
font-weight: 400;
src: url(assets/fonts/NotoSansJP-Regular.ttf) format('ttf');
}
@font-face {
font-family: 'noto_sans_jp';
font-weight: 500;
src: url(assets/fonts/NotoSansJP-Medium.ttf) format('ttf');
}
@font-face {
font-family: 'noto_sans_jp';
font-weight: 600;
src: url(assets/fonts/NotoSansJP-Bold.ttf) format('ttf');
}
@font-face {
font-family: 'noto_sans_jp';
font-weight: 1000;
src: url(assets/fonts/NotoSansJP-Black.ttf) format('ttf');
} */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* keyframes */
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
from {
visibility: visible;
opacity: 1;
}
to {
visibility: hidden;
opacity: 0;
}
}
@keyframes fadeOut {
from {
visibility: visible;
opacity: 1;
}
to {
visibility: hidden;
opacity: 0;
}
}
@-webkit-keyframes slideDown {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@keyframes slideDown {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@-webkit-keyframes slideD {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@keyframes slideD {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@-webkit-keyframes slideUp {
0% {
bottom: -100%;
}
100% {
bottom: 0;
}
}
@keyframes slideUp {
0% {
bottom: -100%;
}
100% {
bottom: 0;
}
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translateY(50%);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(50%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* ========================================================================== Layout ========================================================================== */
/* Inner ----------------------------------------------------------------- */
.l-inner {
margin-left: auto;
margin-right: auto;
position: relative;
width: 89.84375%;
max-width: 1150px;
}
@media only screen and (max-width: 767px) {
.l-inner {
box-sizing: border-box;
width: 100%;
padding: 0 20px;
}
}
/* Contents ----------------------------------------------------------------- */
.l-contents {
background: linear-gradient(to right, #fff 0%, #fff 50%, #f6f6f6 50%, #f6f6f6 100%);
}
.l-contents--rev {
background: linear-gradient(to left, #fff 0%, #fff 50%, #f6f6f6 50%, #f6f6f6 100%);
}
.l-contents--rev .l-contents__inner {
flex-direction: row-reverse;
}
.l-contents--rev .l-primary {
padding-left: 5.21739%;
padding-right: 0;
}
.l-contents__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
overflow: hidden;
}
@media only screen and (max-width: 1279px) {
.l-contents {
background: transparent !important;
}
.l-contents__inner {
display: block;
width: 100%;
max-width: none;
padding: 0;
}
}
/* Footer ----------------------------------------------------------------- */
.l-footer {
background: #eee;
padding-bottom: 10px;
}
.l-footer__logo {
justify-content: center;
margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
.l-footer {
background: #000!important;
padding-bottom: 40px;
}
.l-footer--border {
border-top: 1px solid #eee;
}
.l-footer__logo {
margin-bottom: 15px;
}
}
/* Header ----------------------------------------------------------------- */
.l-header {
background: rgba(0, 67, 83, 0.8);
/* height: 70px;
line-height: 70px; */
width: 100%;
position: absolute;
top: -70px;
z-index: 999;
-webkit-animation: slideDown 1.5s ease-in-out 0s forwards;
animation: slideDown 1.5s ease-in-out 0s forwards;
}
.l-header--fixed {
position: fixed;
left: 0;
}
.l-header__inner {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
position: relative;
width: 89.84375%;
max-width: 1150px;
height: 90px;
align-items: center;
}
.l-header__logo {
margin-bottom: 0;
}
.l-header__logo a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
line-height: 1;
overflow: hidden;
word-wrap: break-word;
}
.l-header__logo--text a {
width: 200px;
}
@media only screen and (min-width: 1025px) {
nav.menu-menu-1-container {
height: 100%;
}
#js-global-nav {
display: block !important;
}
}
@media only screen and (max-width: 1024px) {
.l-header {
height: 60px;
line-height: 45px;
}
.l-header__inner {
display: block;
margin: 0;
width: 100%;
height: 100%;
max-width: none;
}
.l-header__logo {
padding-left: 5.55556%;
}
}
@media only screen and (max-width: 767px) {
.l-header {
top: 0;
-webkit-animation: none;
animation: none;
}
.l-header__inner {
width: 100%;
}
.l-header__logo {
padding-left: 20px;
}
}
/* Main ----------------------------------------------------------------- */
@media only screen and (max-width: 767px) {
.l-main {
padding-top: 60px;
}
}
/* Primary ----------------------------------------------------------------- */
.l-primary {
background: #fff;
box-sizing: border-box;
padding-bottom: 115px;
padding-right: 5.21739%;
width: 68.69565%;
padding-top: 92px;
}
@media only screen and (max-width: 1279px) {
.l-primary {
margin: 0 auto;
padding-right: 0;
width: 89.84375%;
}
}
@media only screen and (max-width: 767px) {
.l-primary {
padding: 34px 20px 10px;
width: 100%;
}
}
/* Secondary ----------------------------------------------------------------- */
.l-secondary {
box-sizing: border-box;
padding-top: 100px;
padding-bottom: 150px;
width: 26.08696%;
}
@media only screen and (max-width: 1279px) {
.l-secondary {
padding: 40px 20px 0;
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
}
}
/* ========================================================================== Object ========================================================================== */
/* Component ----------------------------------------------------------------- */
.c-breadcrumb__item {
display: inline;
}
.c-breadcrumb__item+.c-breadcrumb__item::before {
content: "\e910";
font-family: "design_plus";
margin-left: 12px;
margin-right: 12px;
}
.c-breadcrumb__item--home a::before {
content: "\e90c";
font-family: "design_plus";
vertical-align: middle;
}
.c-breadcrumb__item--home span {
display: none;
}
@media only screen and (max-width: 767px) {
.c-breadcrumb__item+.c-breadcrumb__item::before {
margin-left: 5px;
margin-right: 5px;
vertical-align: -1px;
}
.c-breadcrumb__item--home a::before {
vertical-align: -1px;
}
}
/** コメント */
.c-comment {
font-size: 12px;
margin-bottom: 50px;
}
.c-comment input,
.c-comment textarea {
border-radius: 0;
box-sizing: border-box;
}
.c-comment__tab {
margin-bottom: 25px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-comment__tab-item {
text-align: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex: 1;
}
.c-comment__tab-item.is-active+.c-comment__tab-item a {
border-left-color: #333;
}
.c-comment__tab-item.is-active a,
.c-comment__tab-item.is-active p {
background: #333;
border: 0;
color: #fff;
position: relative;
}
.c-comment__tab-item.is-active a:after,
.c-comment__tab-item.is-active p:after {
border-color: #333 transparent transparent transparent;
border-style: solid;
border-width: 10px;
margin: auto;
position: absolute;
right: 0;
bottom: -17px;
left: 0;
content: "";
width: 0;
height: 0;
}
.c-comment__tab-item a,
.c-comment__tab-item p {
border: 1px solid #ccc;
color: #333;
display: block;
font-size: 11px;
line-height: 180%;
padding: 15px;
text-decoration: none;
width: 100%;
}
.c-comment__tab-item a:hover {
background: #333;
border-color: #333;
color: #fff;
}
/* コメントの基本部分 */
.c-comment__list {
padding-left: 0;
}
.c-comment__list-item {
border: 1px solid #ccc;
color: #777;
list-style: none;
margin-bottom: 15px;
padding: 15px 20px 0;
}
/* コメント本文 */
.c-comment__item-body p {
line-height: 2.4;
margin-bottom: 15px;
}
/* コメントの情報部分 */
.c-comment__item-header {
margin-bottom: 10px;
position: relative;
}
.c-comment__item-avatar {
float: left;
margin-right: 10px;
width: 40px;
height: 40px;
}
.c-comment__item-author {
display: block;
margin-bottom: 10px;
padding-top: 3px;
}
.c-comment__item-author a {
text-decoration: underline;
}
.c-comment__item-date {
color: #757676;
display: block;
font-size: 11px;
}
.c-comment__item-act {
font-size: 11px;
margin-top: 5px;
padding-left: 10px;
position: absolute;
top: 0;
right: 0;
}
.c-comment__item-act>li {
display: inline;
border-right: 1px solid #aaa;
margin-right: 6px;
padding-right: 10px;
}
.c-comment__item-act>li:last-child {
border-right: 0;
margin-right: 0;
padding-right: 0;
}
/* ページナビ */
.c-comment__pager {
margin-bottom: 10px;
}
.c-comment__pager a,
.c-comment__pager span {
display: inline;
float: left;
margin-right: 10px;
}
.c-comment__pager span {
text-decoration: underline;
}
/* メッセージ、警告文 */
.c-comment__item-note {
background: #d6f4f0;
border: 1px solid #94ddd4;
color: #33a8e5;
display: block;
font-size: 11px;
margin-bottom: 1em;
padding: 10px 15px;
}
/* トラックバック */
.c-comment__trackback-url {
background: #fafafa;
font-size: 11px;
padding: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.trackback_time {
font-size: 11px;
color: #757676;
margin: 0 0 7px 0px;
}
.trackback_title {
margin: 2px 0 8px 0;
margin: 0 0 10px 0px;
line-height: 160%;
}
/* コメントフォーム */
.c-comment__form-wrapper {
border: 1px solid #ccc;
margin: 0 0 20px;
padding: 15px;
}
.c-comment__cancel {
color: #666;
font-size: 11px;
margin-bottom: 1em;
}
.c-comment__cancel a {
color: #666;
}
.c-comment__cancel a:before {
content: "\e910";
font-family: "design_plus";
display: inline-block;
}
.c-comment__form-login {
color: #666;
font-size: 11px;
}
.c-comment__form-login a {
color: #666;
}
.c-comment__input {
margin-bottom: 12px;
text-align: left;
}
.c-comment__input input {
border: 1px solid #ccc;
color: #777;
padding-top: 5px;
padding-bottom: 5px;
width: 100%;
}
.c-comment__input textarea {
border: 1px solid #ccc;
color: #777;
font-size: 11px;
overflow: auto;
margin-top: 15px;
width: 100%;
height: 150px;
}
.c-comment__label-text {
color: #666;
display: block;
font-size: 11px;
margin-bottom: 5px;
}
.c-comment__form-submit {
background: #aaa;
border: 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 14px;
margin: 15px auto 0;
width: 200px;
height: 50px;
-moz-transition: background-color 200ms ease-in-out;
-ms-transition: background-color 200ms ease-in-out;
-o-transition: background-color 200ms ease-in-out;
-webkit-transition: background-color 200ms ease-in-out;
transition: background-color 200ms ease-in-out;
}
.c-comment__form-hidden {
display: none;
}
/* パスワード保護 */
.c-comment__password-protected {
background: #3db4b2;
border-radius: 5px;
color: #fff;
margin: 0 38px 30px;
padding: 10px 20px;
text-align: center;
}
.c-comment__password-protected p {
font-size: 12px;
line-height: 160%;
}
@media only screen and (max-width: 767px) {
.c-comment__item-act {
margin-top: 10px;
padding-left: 0;
position: static;
}
.c-comment__tab-item a,
.c-comment__tab-item p {
padding: 5px 10px;
}
.c-comment__tab-item.is-active a,
.c-comment__tab-item.is-active p {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
}
.c-font--type1 {
font-family: "Segoe UI", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
}
.c-font--type2 {
font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.c-font--type3 {
font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: 500;
}
/**
* Load
*/
@-webkit-keyframes loading-circle {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading-circle {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes loading-square-base {
0% {
bottom: 10px;
opacity: 0;
}
5%,
50% {
bottom: 0;
opacity: 1;
}
55%,
100% {
bottom: -10px;
opacity: 0;
}
}
@keyframes loading-square-base {
0% {
bottom: 10px;
opacity: 0;
}
5%,
50% {
bottom: 0;
opacity: 1;
}
55%,
100% {
bottom: -10px;
opacity: 0;
}
}
@-webkit-keyframes loading-dots-fadein {
100% {
opacity: 1;
}
}
@keyframes loading-dots-fadein {
100% {
opacity: 1;
}
}
@-webkit-keyframes loading-dots-first-dot {
100% {
-webkit-transform: translate(1em);
transform: translate(1em);
opacity: 1;
}
}
@keyframes loading-dots-first-dot {
100% {
-webkit-transform: translate(1em);
transform: translate(1em);
opacity: 1;
}
}
@-webkit-keyframes loading-dots-middle-dots {
100% {
-webkit-transform: translate(1em);
transform: translate(1em);
}
}
@keyframes loading-dots-middle-dots {
100% {
-webkit-transform: translate(1em);
transform: translate(1em);
}
}
@-webkit-keyframes loading-dots-last-dot {
100% {
-webkit-transform: translate(2em);
transform: translate(2em);
opacity: 0;
}
}
@keyframes loading-dots-last-dot {
100% {
-webkit-transform: translate(2em);
transform: translate(2em);
opacity: 0;
}
}
/*#site_wrap { display: none; }*/
#site_loader_overlay {
background: #fff;
opacity: 1;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
width: 100vw;
height: 100vh;
z-index: 99999;
}
/* type1 */
.c-load--type1 {
width: 48px;
height: 48px;
font-size: 10px;
text-indent: -9999em;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
-webkit-animation: loading-circle 1.1s infinite linear;
animation: loading-circle 1.1s infinite linear;
}
/* type2 */
.c-load--type2 {
width: 44px;
height: 44px;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.c-load--type2::before {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 12px;
height: 12px;
content: '';
animation: loading-square-loader 5.4s linear forwards infinite;
}
.c-load--type2::after {
position: absolute;
bottom: 10px;
left: 0;
display: block;
width: 12px;
height: 12px;
opacity: 0;
content: '';
animation: loading-square-base 5.4s linear forwards infinite;
}
/* type3 */
.c-load--type3 {
width: 100%;
min-width: 160px;
font-size: 16px;
text-align: center;
position: fixed;
top: 50%;
left: 0;
opacity: 0;
-webkit-animation: loading-dots-fadein .5s linear forwards;
animation: loading-dots-fadein .5s linear forwards;
}
#site_loader_animation i {
width: .5em;
height: .5em;
display: inline-block;
vertical-align: middle;
background: #e0e0e0;
border-radius: 50%;
margin: 0 .25em;
-webkit-animation: loading-dots-middle-dots .5s linear infinite;
animation: loading-dots-middle-dots .5s linear infinite;
}
#site_loader_animation i:first-child {
-webkit-animation: loading-dots-first-dot .5s infinite;
animation: loading-dots-first-dot .5s linear infinite;
opacity: 0;
-webkit-transform: translate(-1em);
transform: translate(-1em);
}
#site_loader_animation i:last-child {
-webkit-animation: loading-dots-last-dot .5s linear infinite;
animation: loading-dots-last-dot .5s linear infinite;
}
@media only screen and (max-width: 767px) {
.c-load--type1 {
width: 30px;
height: 30px;
}
.c-load--type2::before {
width: 8px;
height: 8px;
}
.c-load--type2::after {
width: 8px;
height: 8px;
}
#site_loader_animation i {
width: 0.25em;
height: 0.25em;
margin: 0 0.125em;
}
}
.c-logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
}
.c-logo a {
text-align: center;
}
.c-logo img {
vertical-align: middle;
max-width: 300px;
padding: 1rem 0;
}
.c-logo--retina a {
width: 50%;
}
.c-logo--retina img {
width: 100%;
}
.c-meta-box {
background: #fafafa;
box-sizing: border-box;
font-size: 12px;
padding: 22px 20px;
}
.c-meta-box__item {
border-right: 1px solid #ddd;
float: left;
list-style: none;
margin-right: 15px;
padding-left: 20px;
padding-right: 15px;
position: relative;
}
.c-meta-box__item:last-child {
border-right: none;
}
.c-meta-box__item::before {
color: #aaa;
font-family: "design_plus";
position: absolute;
left: 0;
}
.c-meta-box__item--author::before {
content: "\e90d";
}
.c-meta-box__item--category::before {
content: "\e92f";
}
.c-meta-box__item--tag::before {
content: "\e935";
}
.c-meta-box__item--comment::before {
content: "\e916";
}
@media only screen and (max-width: 767px) {
.c-meta-box {
background: none;
margin-bottom: 10px;
padding: 0;
}
.c-meta-box__item {
border-right: 0;
float: none;
margin-bottom: 20px;
}
}
.c-menu-button {
color: #fff;
display: none;
position: absolute;
top: 0;
right: 0;
text-align: center;
}
.c-menu-button::before {
content: "\f0c9";
font-family: "design_plus";
font-size: 18px;
}
@media only screen and (max-width: 1024px) {
.c-menu-button {
display: block;
}
}
.c-nav01 {
border-collapse: collapse;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.c-nav01__item {
border: 1px solid #ddd;
box-sizing: border-box;
font-size: 14px;
line-height: 1.8;
list-style: none;
position: relative;
width: 50%;
height: 100px;
flex: 1;
}
.c-nav01__item:only-child {
margin-left: 0;
}
.c-nav01__item:only-child a {
justify-content: center;
}
.c-nav01__item a {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
height: 100%;
}
.c-nav01__item a:hover {
background: #f6f6f6;
}
.c-nav01__item--prev::before {
content: "\e90f";
font-family: "design_plus";
font-size: 18px;
line-height: 100%;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
left: 25px;
width: 18px;
height: 18px;
}
.c-nav01__item--next {
margin-left: -1px;
}
.c-nav01__item--next::after {
content: "\e910";
font-family: "design_plus";
font-size: 18px;
line-height: 100%;
margin: auto;
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 25px;
width: 18px;
height: 18px;
}
@media only screen and (max-width: 991px) {
.c-nav01__item--prev a::before {
content: attr(data-prev);
}
.c-nav01__item--prev a span {
display: none;
}
.c-nav01__item--next a::before {
content: attr(data-next);
}
.c-nav01__item--next a span {
display: none;
}
}
@media only screen and (max-width: 767px) {
.c-nav01__item {
text-align: center;
font-size: 12px;
width: 50%;
height: 50px;
}
.c-nav01__item a {
box-sizing: border-box;
display: block;
line-height: 48px;
padding: 0;
width: 100%;
height: 48px;
}
.c-nav01__item--prev::before {
color: #cecece;
left: 16px;
width: 18px;
height: 18px;
line-height: 20px;
}
.c-nav01__item--next::after {
color: #cecece;
right: 16px;
width: 18px;
height: 18px;
line-height: 20px;
}
}
.c-pw__desc {
line-height: 2.5;
}
.c-pw__desc p {
line-height: 2.5;
margin-bottom: 16px;
}
.c-pw__btn {
box-sizing: border-box;
color: #fff;
display: inline-block;
padding: 13px 20px;
font-size: 14px;
text-align: center;
line-height: 1;
}
.c-pw__btn:hover {
background: #333;
color: #fff;
}
.c-pw__btn--register {
min-width: 160px;
margin-bottom: 32px;
}
.c-pw__btn--submit {
min-width: 100px;
border: 0;
cursor: pointer;
}
.c-pw .c-pw__btn:hover {
text-decoration: none;
}
.c-pw__box {
border: 1px solid #ddd;
background: #f5f5f5;
padding: 25px 36px;
margin-bottom: 40px;
box-sizing: border-box;
}
.c-pw__box .c-pw__box-desc {
line-height: 1.2;
margin-bottom: 20px;
}
.c-pw__box-inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
}
.c-pw__box-label {
margin-right: 14px;
}
.c-pw__box-input {
border: 1px solid #ddd;
box-shadow: none;
height: 40px;
width: 250px;
margin-right: 14px;
flex: 1;
box-sizing: border-box;
padding: 0 10px;
}
@media only screen and (max-width: 767px) {
.c-pw__box {
margin: 0 auto 30px;
padding: 20px;
text-align: center;
}
.c-pw__box-inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.c-pw__box-label {
display: block;
margin-bottom: 1em;
margin-right: 0;
font-size: 12px;
}
.c-pw__box-input {
display: block;
width: 100%;
margin-bottom: 1em;
margin-right: 0;
}
}
/** Share */
.c-share__btn {
list-style: none;
}
.c-share__icn {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "design_plus" !important;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-transform: none;
/* Better Font Rendering */
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.c-share__icn--facebook::before {
content: "\e902";
}
.c-share__icn--facebook2::before {
content: "\e903";
}
.c-share__icn--feedly::before {
content: "\e907";
}
.c-share__icn--google-plus::before {
content: "\e900";
}
.c-share__icn--google-plus2::before {
content: "\e901";
}
.c-share__icn--hatebu::before {
content: "\e908";
}
.c-share__icn--line::before {
content: "\e909";
}
.c-share__icn--pinterest::before {
content: "\e905";
}
.c-share__icn--pocket::before {
content: "\e90a";
}
.c-share__icn--rss::before {
content: "\e90b";
}
.c-share__icn--rss2::before {
content: "\e906";
}
.c-share__icn--twitter::before {
content: "\e904";
}
.c-share--sm {
line-height: 25px;
min-width: 27px;
}
.c-share--sm .c-share__btn {
margin-right: 5px;
}
.c-share--sm a {
padding: 1px 5px 0;
}
.c-share--sm .c-share__icn {
font-size: 1.3em;
position: relative;
top: 3px;
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1);
}
.c-share--sm .c-share__title {
line-height: 20px;
margin: 0 3px 0 2px;
}
.c-share--lg .c-share__btn {
margin-right: 1%;
margin-bottom: 2px;
width: 24%;
}
@media only screen and (max-width: 767px) {
.c-share--lg .c-share__btn {
margin-right: 3%;
margin-bottom: 3%;
width: 47%;
}
}
.c-share--lg .c-share__btn:nth-child(4n) {
margin-right: 0;
}
.c-share--lg .c-share__btn a {
padding: 10px 2px;
}
.c-share--lg .c-share__icn {
font-size: 140%;
position: relative;
top: 3px;
}
.c-share--lg .c-share__title {
margin: 0 3px 0 4px;
}
.c-share--color a {
color: #fff;
}
.c-share--color a:hover {
-webkit-transform: translate3d(0, 1px, 0);
transform: translate3d(0, 1px, 0);
}
.c-share--color .c-share__btn--twitter a {
background-color: #55acee;
}
.c-share--color .c-share__btn--twitter a:hover {
background-color: #468ec5;
}
.c-share--color .c-share__btn--facebook a {
background-color: #35629a;
}
.c-share--color .c-share__btn--facebook a:hover {
background-color: #1f3669;
}
.c-share--color .c-share__btn--google-plus a {
background-color: #dd4b39;
}
.c-share--color .c-share__btn--google-plus a:hover {
background-color: #b94031;
}
.c-share--color .c-share__btn--hatebu a {
background-color: #3c7dd1;
}
.c-share--color .c-share__btn--hatebu a:hover {
background-color: #0270ac;
}
.c-share--color .c-share__btn--pocket a {
background-color: #ee4056;
}
.c-share--color .c-share__btn--pocket a:hover {
background-color: #c53648;
}
.c-share--color .c-share__btn--rss a {
background-color: #ffb53c;
}
.c-share--color .c-share__btn--rss a:hover {
background-color: #e09900;
}
.c-share--color .c-share__btn--feedly a {
background-color: #6cc655;
}
.c-share--color .c-share__btn--feedly a:hover {
background-color: #5ca449;
}
.c-share--color .c-share__btn--pinterest a {
background-color: #d4121c;
}
.c-share--color .c-share__btn--pinterest a:hover {
background-color: #a42f35;
}
.c-share--mono a {
background: #fafafa;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #222;
}
.c-share--mono a:hover {
border-color: rgba(255, 255, 255, 0.1);
color: #fff;
}
.c-share--mono .c-share__btn--twitter a:hover {
background-color: #55acee;
}
.c-share--mono .c-share__btn--facebook a:hover {
background-color: #35629a;
}
.c-share--mono .c-share__btn--google-plus a:hover {
background-color: #dd4b39;
}
.c-share--mono .c-share__btn--hatebu a:hover {
background-color: #3c7dd1;
}
.c-share--mono .c-share__btn--pocket a:hover {
background-color: #ee4056;
}
.c-share--mono .c-share__btn--rss a:hover {
background-color: #ff8c00;
}
.c-share--mono .c-share__btn--feedly a:hover {
background-color: #6cc655;
}
.c-share--mono .c-share__btn--pinterest a:hover {
background-color: #d4121c;
}
.c-share__btn {
box-sizing: border-box;
float: left;
font-size: 12px;
text-align: center;
}
.c-share__btn a {
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
display: block;
}
@media screen and (max-width: 767px) {
.c-share--sm .c-share__icn {
left: 1px;
}
.c-share--sm .c-share__title {
display: none;
}
}
.c-share--official .c-share__btn {
line-height: 1;
margin-right: 5px;
}
.c-share--official .c-share__btn--twitter {
width: 89px;
}
.c-share--official .c-share__btn--facebook:hover {
text-decoration: none;
}
.c-share--official .c-share__btn--google-plus {
width: 58px;
}
.c-share--official .c-share__btn--pocket {
width: 88px;
}
@media only screen and (max-width: 991px) {
.c-share__btn {
margin-bottom: 5px;
}
}
/*
@import "object/component/header-video";
@import "object/component/header-youtube";
@import "object/component/header-okuda";
*/
/* Project ----------------------------------------------------------------- */
/**
* address
*/
.p-address {
color: #fff;
font-size: 14px;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.p-address {
font-size: 12px;
margin-bottom: 15px;
}
}
/**
* archive header
*/
.p-archive-header {
padding: 90px 0 91.6px;
text-align: center;
}
.p-archive-header:empty {
padding-bottom: 0;
}
.p-archive-header__title {
font-size: 40px;
line-height: 1.5;
margin-bottom: 16px;
}
.p-archive-header__desc {
font-size: 16px;
line-height: 2.2;
}
@media only screen and (max-width: 767px) {
.p-archive-header {
padding: 34.5px 0 33px;
}
.p-archive-header__title {
font-size: 22px !important;
font-weight: 600 !important;
}
.p-archive-header__title:only-child {
margin-bottom: 0;
}
.p-archive-header__desc {
line-height: 2;
text-align: left;
}
}
/**
* article01
*/
.p-article01__thumbnail {
display: block;
margin-bottom: 24px;
}
.p-article01__thumbnail img {
width: 100%;
height: auto;
}
.p-article01__title {
font-size: 20px;
line-height: 1.6;
margin-bottom: 15px;
font-weight: 600 !important;
}
.p-article01__title a:hover {
color: #004353;
}
.p-article01__excerpt {
font-size: 14px;
line-height: 2.2;
margin-bottom: 6px;
}
.p-article01__meta {
color: #999;
font-size: 12px;
line-height: 1.9;
}
.p-article01__date {
color: #999;
}
.p-article01__date+.p-article01__category::before {
color: #999;
content: "|";
display: inline-block;
margin-left: 6px;
margin-right: 6px;
}
.p-article01__category a {
color: #999;
}
.p-article01__category a:hover {
color: #004353;
}
@media only screen and (max-width: 767px) {
.p-article01__thumbnail {
margin-bottom: 15px;
}
.p-article01__title {
font-size: 18px;
margin-bottom: 7px;
}
.p-article01__excerpt {
line-height: 2;
margin-bottom: 7.6px;
}
}
/**
* article02
*/
.p-article02 {
border: 1px solid #eee;
box-sizing: border-box;
}
.p-article02:not(:first-child) {
border-top: 0;
}
.p-article02__inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
padding: 3.04348%;
}
.p-article02__inner:hover {
background: #f6f6f6;
}
.p-article02__thumbnail {
margin-right: 4.78261%;
width: 29.56522%;
}
.p-article02__thumbnail img {
width: 100%;
height: auto;
}
.p-article02__content {
flex: 1;
}
.p-article02__date {
color: #999;
display: inline-block;
font-size: 12px;
margin-bottom: 9px;
}
.p-article02__title {
font-size: 22px;
font-weight: 600 !important;
line-height: 1.6;
margin-bottom: 14px;
}
.p-article02__excerpt {
font-size: 14px;
line-height: 2.2;
}
@media only screen and (max-width: 991px) {
.p-article02__date {
margin-bottom: 10px;
}
.p-article02__title {
font-size: 18px;
margin-bottom: 4px;
}
.p-article02__excerpt {
line-height: 2;
}
}
@media only screen and (max-width: 767px) {
.p-article02 {
border: 0;
margin-bottom: 33px;
}
.p-article02__inner {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: flex-start;
-ms-flex-align: flex-start;
-ms-grid-row-align: flex-start;
align-items: flex-start;
padding: 0;
}
.p-article02__inner:hover {
background: transparent;
}
.p-article02__thumbnail {
margin-right: 0;
margin-bottom: 12px;
width: 100%;
}
}
/**
* article03
*/
.p-article03__thumbnail {
display: block;
margin-bottom: 13px;
}
.p-article03__thumbnail img {
width: 100%;
height: auto;
}
.p-article03__title {
font-size: 14px;
line-height: 1.8;
margin-bottom: 29px;
font-weight: 600 !important;
}
.p-article03__title a:hover {
color: #004353;
}
@media only screen and (max-width: 767px) {
.p-article03__thumbnail {
margin-bottom: 14px;
}
.p-article03__title {
line-height: 1.6;
margin-bottom: 25.8px;
}
}
/** * article04
*/
.p-article04__thumbnail {
display: block;
margin-bottom: 15.2px;
width: 100%;
}
.p-article04__thumbnail img {
width: 100%;
height: auto;
}
.p-article04__title {
font-size: 16px;
line-height: 1.6;
margin-bottom: 8.6px;
font-weight: 600 !important;
}
.p-article04__excerpt {
font-size: 14px;
line-height: 1.8;
margin-bottom: 10px;
}
.p-article04__meta {
color: #999;
font-size: 12px;
line-height: 1.9;
}
.p-article04__date+.p-article04__category::before {
content: "|";
margin: 0 6px;
}
.p-article04__category {
word-break: break-all;
}
.p-article04__category a {
color: inherit;
}
@media only screen and (max-width: 767px) {
.p-article04__excerpt {
display: none;
}
.p-article04__meta {
line-height: 1.5;
}
}
/**
* article05
*/
.p-article05 a {
display: block;
}
.p-article05__date {
color: #999;
display: block;
font-size: 14px;
margin-bottom: 5.8px;
}
.p-article05__title {
color: #fff;
font-size: 14px;
line-height: 1.6;
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
.p-article05__date {
font-size: 12px;
}
}
/**
* blog list
*/
.p-blog-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 90px;
}
.p-blog-list__item {
margin-right: 5.65217%;
margin-bottom: 56px;
width: 29.56522%;
}
.p-blog-list__item:nth-of-type(3n) {
margin-right: 0;
}
.p-blog-list__item.is-active {
-webkit-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}
@media only screen and (max-width: 767px) {
.p-blog-list {
margin-bottom: 0;
}
.p-blog-list__item {
margin-right: 0;
margin-bottom: 34.6px;
width: 100%;
}
}
/**
* breadcrumb
*/
.p-breadcrumb {
border-bottom: 1px solid #eee;
padding: 10px 0;
}
.p-breadcrumb:last-child {
border-bottom: 0;
}
.p-breadcrumb__inner {
margin: 0 auto;
padding: 0;
}
.p-breadcrumb__item {
font-size: 13px;
color: #666;
line-height: 2.5;
}
.p-breadcrumb__item+.p-breadcrumb__item::before {
font-size: 10px;
}
.p-breadcrumb__item a {
color: #666;
}
.p-breadcrumb__item a:hover {
color: #004353;
}
@media only screen and (max-width: 767px) {
.p-breadcrumb__inner {
padding: 0 20px;
}
.p-breadcrumb__item {
font-size: 10px;
line-height: 1.7;
}
}
/**
* button
*/
.p-entry__body .p-button {
color: #fff;
}
.p-button {
background: #222;
box-sizing: border-box;
/* color: #fff; */
display: inline-block;
font-size: 14px;
line-height: 50px;
text-align: center;
min-width: 200px;
height: 50px;
padding: 0 15px;
}
.p-button:hover {
background: #004353;
}
@media only screen and (max-width: 767px) {
.p-button {
min-width: 160px;
height: 40px;
line-height: 40px;
}
}
/**
* copyright
*/
.p-copyright {
color: #fff;
font-size: 12px;
text-align: center;
padding: .5rem 0;
}
.p-copyright small {
font-size: 100%;
}
@media only screen and (max-width: 767px) {
.p-copyright {
line-height: 1.5;
}
}
/**
* content01
*/
.p-content01 {
padding: 90px 0 91.6px;
text-align: center;
}
.p-content01__catch {
font-size: 40px;
line-height: 1.5;
margin-bottom: 16px;
}
.p-content01__desc {
font-size: 14px;
line-height: 2.2;
}
@media only screen and (max-width: 767px) {
.p-content01 {
padding: 34.5px 20px 33px;
}
.p-content01__catch {
font-size: 22px !important;
font-weight: 600 !important;
}
.p-content01__desc {
line-height: 2;
}
}
/**
* content02
*/
.p-content02 {
overflow: hidden;
}
.p-content02:not(.slick-slider) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-content02:hover .slick-arrow {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.p-content02 .slick-arrow {
background: #222;
width: 50px;
height: 50px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: 99;
transition: 0.3s;
transition-property: transform;
}
.p-content02 .slick-arrow::before {
font-family: "design_plus";
}
.p-content02 .slick-prev {
left: 0;
-webkit-transform: translate(-50px, 0);
-ms-transform: translate(-50px, 0);
transform: translate(-50px, 0);
}
.p-content02 .slick-prev::before {
content: "\e90f";
}
.p-content02 .slick-next {
right: 0;
-webkit-transform: translate(50px, 0);
-ms-transform: translate(50px, 0);
transform: translate(50px, 0);
}
.p-content02 .slick-next::before {
content: "\e910";
}
.p-content02__item {
background-position: center center;
background-size: cover;
text-align: center;
height: auto;
width: 33.33333%;
position: relative;
}
.p-content02__item a {
box-sizing: border-box;
color: #fff;
display: block;
width: 100%;
height: auto;
padding: 0;
overflow: hidden;
position: relative;
}
.p-content02__item a:hover .p-content02__item-content {
opacity: 1;
}
.p-content02__item-img {
width: 100%;
height: auto;
}
.p-hover-effect--type1 .p-content02__item-img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.p-content02__item-content {
color: #fff;
box-sizing: border-box;
padding: 0 20px;
width: 100%;
position: absolute;
left: 0;
z-index: 99;
opacity: 0;
transition-property: opacity;
transition: 0.3s;
}
.p-content02__item-content--t {
padding-top: 90px;
top: 0;
}
.p-content02__item-content--c {
top: 0;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
.p-content02__item-content--b {
padding-bottom: 98px;
bottom: 0;
}
.p-content02__item-title {
font-size: 40px;
line-height: 1.2;
margin-bottom: 9px;
}
.p-content02__item-sub {
font-size: 14px;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.p-content02 {
display: block;
}
.p-content02__item {
width: 100%;
height: auto;
}
.p-content02__item a {
padding: 0 0 100%;
}
.p-content02__item-content {
position: absolute;
padding: 53px 20px 0;
width: 100%;
box-sizing: border-box;
opacity: 1;
transition: none;
}
.p-content02__item-title {
font-size: 30px !important;
margin-bottom: 6px;
}
.p-content02__item-img {
position: absolute;
top: -100%;
bottom: -100%;
left: -100%;
right: -100%;
margin: auto;
width: auto;
height: auto;
}
.p-content02__item-img--horizontal {
width: auto;
height: 100%;
}
.p-content02__item-img--vertical {
width: 100%;
height: auto;
}
}
/**
* content03
*/
.p-content03 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 600px;
}
.p-content03--rev {
flex-direction: row-reverse;
}
.p-content03__blog-arrows .slick-arrow {
top: auto;
bottom: 50px;
-webkit-transform: none;
transform: none;
}
.p-content03__blog-arrows .slick-arrow:hover::before {
color: #999;
opacity: 1;
}
.p-content03__blog-arrows .slick-arrow::before {
font-family: "design_plus";
color: #000;
opacity: 0.75;
display: block;
font-size: 20px;
width: 20px;
height: 20px;
}
.p-content03__blog-arrows .slick-prev {
left: 8.2761%;
}
.p-content03__blog-arrows .slick-prev::before {
content: "\e90f";
}
.p-content03__blog-arrows .slick-next {
right: 8.2761%;
}
.p-content03__blog-arrows .slick-next::before {
content: "\e910";
}
.p-content03__blog {
box-sizing: border-box;
padding: 100px 5.51724% 0;
width: 66.66667%;
position: relative;
}
.p-content03__blog .slick-list,
.p-content03__blog .slick-slider {
position: inherit;
}
.p-content03__blog .slick-arrow {
background: transparent;
top: auto;
}
.p-content03__blog .slick-arrow:hover {
background: transparent;
}
.p-content03__blog .slick-arrow:focus {
background: transparent;
}
.p-content03__blog-header {
position: relative;
}
.p-content03__blog-catch {
font-size: 40px;
margin-bottom: 30px;
}
.p-content03__blog-archive-link {
color: #999;
font-size: 14px;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.p-content03__blog-archive-link::after {
content: "\e910";
font-family: "design_plus";
margin-left: 13px;
transition: none;
vertical-align: middle;
}
.p-content03__blog-list {
margin: 0 -1.48276%;
margin: 0 -21px;
}
.p-content03__blog-list-item {
padding: 0 21px;
box-sizing: border-box;
}
.p-content03__news {
padding: 100px 0 0;
width: 33.33333%;
}
.p-content03__news-catch {
font-size: 40px;
color: #fff;
margin-bottom: 30px;
padding: 0 16.52893%;
}
.p-content03__news-list {
margin-bottom: 25px;
}
.p-content03__news-list-item a {
padding: 20px 16.52893% 15.8px;
}
.p-content03__news-list-item a:hover {
background: #333;
}
.p-content03__news-archive-link {
color: #999;
font-size: 14px;
padding: 0 16.52893%;
}
.p-content03__news-archive-link:hover {
color: #fff !important;
}
.p-content03__news-archive-link::after {
content: "\e910";
font-family: "design_plus";
margin-left: 13px;
transition: none;
vertical-align: middle;
}
@media only screen and (max-width: 991px) {
.p-content03__blog {
padding-top: 40px;
}
.p-content03__news {
padding: 40px 0;
}
.p-content03__news-list-item a:hover {
background: transparent !important;
}
}
@media only screen and (max-width: 767px) {
.p-content03 {
height: auto;
display: block;
}
.p-content03__blog {
padding: 43.5px 20px 42.5px;
width: 100%;
}
.p-content03__blog-catch {
color: #000;
font-size: 30px !important;
margin-bottom: 16px;
}
.p-content03__blog-list {
margin: 0;
overflow: hidden;
}
.p-content03__blog-list-inner {
display: flex;
}
.p-content03__blog-list-item {
float: left;
padding: 0;
margin-right: 10px;
width: 120px;
}
.p-content03__blog-archive-link {
color: #000;
}
.p-content03__news {
position: relative;
width: 100%;
}
.p-content03__news-catch {
color: #fff;
font-size: 30px !important;
padding: 0 20px;
margin-bottom: 16px;
}
.p-content03__news-archive-link {
color: #fff;
padding: 0;
position: absolute;
top: 48px;
right: 20px;
}
.p-content03__news-list {
margin-bottom: 0;
}
.p-content03__news-list-item {
padding: 0 20px;
}
.p-content03__news-list-item:first-child a {
padding-top: 26px;
}
.p-content03__news-list-item:last-child a {
border-bottom: 0;
padding-bottom: 20px;
}
.p-content03__news-list-item a {
padding: 17px 0 12.2px;
border-bottom: 1px solid #444;
}
.p-content03__news-list-item a:hover {
background: transparent;
}
.p-content03__blog-list {
margin: 0 -20px;
}
.p-content03__blog-list-item {
box-sizing: content-box;
}
.p-content03__blog-list-item:first-child {
padding-left: 20px;
}
.p-content03__blog-list-item:last-child {
padding-right: 20px;
}
}
/*
* content04
*/
.p-content04 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 600px;
}
.p-content04__content {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
padding: 0 5.51724%;
width: 33.33333%;
}
.p-content04__catch {
font-size: 40px;
line-height: 2.2;
margin-bottom: 1.6px;
text-align: center;
}
.p-content04__desc {
font-size: 14px;
line-height: 2.2;
margin-bottom: 31.6px;
text-align: center;
}
.p-content04__slider {
position: relative;
width: 66.66667%;
}
.p-content04__slider .slick-arrow {
width: 50px;
height: 50px;
position: absolute;
top: auto;
bottom: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 99;
transition-duration: 0.2s;
transition-property: background;
}
.p-content04__slider .slick-arrow::before {
font-family: "design_plus";
font-size: 18px;
}
.p-content04__slider .slick-prev {
left: auto;
right: 50px;
}
.p-content04__slider .slick-prev::before {
content: "\e90f";
}
.p-content04__slider .slick-next {
right: 0;
}
.p-content04__slider .slick-next::before {
content: "\e910";
}
.p-content04__slider-item {
background-position: center center;
background-size: cover;
width: 100%;
height: 600px;
}
.p-content04__btn {
align-self: center;
}
@media only screen and (max-width: 767px) {
.p-content04 {
display: block;
height: auto;
}
.p-content04__content {
width: 100%;
padding: 52px 11.11111% 64px;
}
.p-content04__catch {
font-size: 30px !important;
line-height: 1.5;
margin-bottom: 2px;
}
.p-content04__desc {
line-height: 2;
margin-bottom: 13px;
}
.p-content04__slider {
width: 100%;
}
.p-content04__slider .slick-arrow {
width: 40px;
height: 40px;
}
.p-content04__slider .slick-arrow::before {
font-size: 14px;
}
.p-content04__slider .slick-prev {
right: 40px;
}
.p-content04__slider-item {
height: 360px;
}
}
/**
* content05
*/
.p-content05 img {
max-width: 100%;
height: auto;
}
/**
* entry
*/
.p-entry__title {
font-size: 34px;
line-height: 1.5;
margin-bottom: 8px;
}
.p-entry__meta {
font-size: 12px;
color: #999;
margin-bottom: 50px;
}
.p-entry__meta a {
color: inherit;
}
.p-entry__date+.p-entry__category::before {
content: "|";
margin: 0 5px;
}
.p-entry__thumbnail {
margin-bottom: 40.2px;
text-align: center;
}
.p-entry__thumbnail img {
max-width: 100%;
height: auto;
}
.p-entry__body a:hover,
.custom-html-widget a:hover {
text-decoration: underline;
}
.p-entry__body .p-entry__ad img {
max-width: none;
width: auto;
}
.p-entry__share {
margin-bottom: 50px;
}
.p-entry__meta-box {
margin-bottom: 50px;
}
.p-entry__related {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-entry__related-item {
margin-right: 4.79452%;
width: 30.13699%;
}
.p-entry__related-item:nth-child(3n) {
margin-right: 0;
}
.p-entry__ad {
margin-bottom: 70px;
text-align: center;
}
.p-entry__ad-item {
display: inline-block;
}
.p-entry__ad-item+.p-entry__ad-item {
margin-left: 50px;
}
@media only screen and (max-width: 1279px) {
.p-entry_share {
text-align: center;
}
.p-entry__thumbnail {
text-align: center;
}
.p-entry__thumbnail img {
height: auto;
max-width: 100%;
}
}
@media only screen and (max-width: 767px) {
.p-entry__title {
font-size: 22px !important;
margin-bottom: 4px;
font-weight: 600 !important;
}
.p-entry__meta {
margin-bottom: 20px;
}
.p-entry__thumbnail {
margin-bottom: 33px;
margin-left: -20px;
}
.p-entry__thumbnail img {
max-width: none;
width: calc(100% + 20px);
}
.p-entry__share {
margin-bottom: 30px;
}
.p-entry__meta-box {
margin-bottom: 10px;
}
.p-entry__related-item {
margin-right: 6.25%;
width: 46.875%;
}
.p-entry__related-item:nth-child(3n) {
margin-right: 6.25%;
}
.p-entry__related-item:nth-child(even) {
margin-right: 0;
}
.p-entry__ad {
margin-bottom: 40px;
}
.p-entry__ad-item {
display: block;
margin-bottom: 40px;
}
.p-entry__ad-item img {
margin-left: -10px;
margin-right: -10px;
}
.p-entry__ad-item+.p-entry__ad-item {
margin-left: 0;
}
}
/**
* footer widget
*/
.p-footer-widget {
display: inline-block;
margin-right: 60px;
text-align: left;
vertical-align: top;
}
.p-footer-widget:last-child {
margin-right: 0;
}
.p-footer-widget__title {
font-size: 14px;
margin-bottom: 26px;
}
@media only screen and (max-width: 767px) {
.p-footer-widget {
margin-right: 0;
margin-bottom: 20px;
width: 100%;
}
.p-footer-widget.widget_nav_menu {
width: 50%;
}
}
/*
```
<header id="js-header" class="l-header">
<div class="l-header__inner">
<a href="#" id="js-menu-button" class="p-menu-button c-menu-button"></a>
<nav>
<ul id="js-global-nav" class="p-global-nav u-clearfix">
<li class="current-menu-item"><a href="#">HOME</a></li>
<li class="menu-item-has-children">
<a href="#js-news-ticker">ABOUT<span></span></a>
<ul class="sub-menu">
<li class="menu-item-has-children">
<a href="#">サブメニューA<span></span></a>
<ul class="sub-menu">
<li><a href="#">サブメニューA-1</a></li>
<li><a href="#">サブメニューA-2</a></li>
<li><a href="#">サブメニューA-3</a></li>
</ul>
</li>
<li><a href="#">サブメニューB</a></li>
<li><a href="#">サブメニューC</a></li>
</ul>
</li>
<li><a href="#index-content01">FEATURES</a></li>
<li><a href="#js-index-content04__carousel">SERVICE</a></li>
<li><a href="#">REVIEWS</a></li>
<li><a href="#">DOWNLOAD</a></li>
<li><a href="#">BLOG</a></li>
</ul>
</nav>
</div>
</header>
```
*/
/**
* global nav
*/
.p-global-nav {
font-size: min(1.4vw, 18px);
margin: 0;
padding: 0;
height: 100%;
font-weight: 500;
}
@media (min-width:768px) {
/* .p-global-nav ul {
display: flex;
} */
.p-global-nav .sub-menu a:hover {
background: #fff !important;
}
}
.p-global-nav li {
list-style: none;
}
.p-global-nav a {
color: #fff;
display: block;
}
.p-global-nav li.header-contact a {
list-style: none;
background: #9d0000;
color: #fff;
}
.p-global-nav li a:hover {
background: #fff;
color: #000 !important;
}
.p-global-nav>li {
float: left;
}
@media (min-width:1000px) {
.p-global-nav>li {
height: 100%;
}
}
.p-global-nav>li.menu-item-has-children:hover>.sub-menu {
top: 100%;
}
.p-global-nav>li>a {
padding-left: 21px;
padding-right: 21px;
height: 100%;
display: block;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
position: relative;
letter-spacing: 1px;
}
@media (min-width:768px) and (max-width:1400px) {
.p-global-nav>li>a {
padding-left: 18px;
padding-right: 18px;
}
}
.p-global-nav>li>.sub-menu {
top: 125%;
left: 0;
}
.p-global-nav .menu-item-has-children {
position: relative;
}
.p-global-nav .menu-item-has-children:hover>.sub-menu {
opacity: 1;
top: 0;
visibility: visible;
}
.p-global-nav .sub-menu {
line-height: 1.2;
opacity: 0;
padding: 0;
position: absolute;
top: 25%;
left: 100%;
transition: 0.3s;
visibility: hidden;
z-index: 99;
}
.p-global-nav .sub-menu .menu-item-has-children>a {
position: relative;
}
.p-global-nav .sub-menu .menu-item-has-children>a::after {
content: "\e910";
font-family: "design_plus";
position: absolute;
right: 16px;
}
.p-global-nav .sub-menu a {
background: #222222;
box-sizing: border-box;
padding: 16px 22px;
width: 210px;
}
.p-global-nav .sub-menu a:hover {
background: #004353;
}
@media only screen and (max-width: 1024px) {
.p-global-nav {
background: #222;
display: none;
position: absolute;
top: 60px;
left: 0;
z-index: 99;
width: 100%;
}
.l-header--fixed .p-global-nav {
position: static;
max-height: -webkit-calc(100vh - 60px);
max-height: calc(100vh - 60px);
overflow: auto;
}
.p-global-nav>li {
float: none;
}
.p-global-nav>li>a {
padding: 0 5.55556%;
}
.p-global-nav>li>a:hover {
color: #fff;
}
.p-global-nav li {
width: 100%;
}
.p-global-nav li.current-menu-item a {
color: #fff;
}
.p-global-nav .menu-item-has-children>a>span.is-active::before {
content: "-";
}
.p-global-nav .menu-item-has-children>a>span::before {
border: 1px solid #555;
border-radius: 100%;
color: #aaa;
content: "+";
line-height: 24px;
display: block;
margin: auto;
position: absolute;
top: 0;
right: 17px;
bottom: 0;
text-align: center;
width: 24px;
height: 24px;
}
.p-global-nav .sub-menu {
display: none;
opacity: 1;
position: static;
visibility: visible;
width: 100%;
transition-property: none;
}
.p-global-nav .sub-menu li {
box-sizing: border-box;
}
.p-global-nav .sub-menu .menu-item-has-children>a::after {
content: "";
}
.p-global-nav .sub-menu a {
background: #151515;
height: 50px;
line-height: 50px;
padding: 0 5.55556%;
width: 100%;
}
.p-global-nav .sub-menu a:hover {
background: #151515;
}
.p-global-nav .sub-menu ul a {
background: #090909;
}
.p-global-nav .sub-menu ul a:hover {
background: #090909;
}
.p-global-nav a {
color: #fff !important;
box-sizing: border-box;
font-size: 13px;
height: 50px;
line-height: 50px;
position: relative;
}
}
@media only screen and (max-width: 767px) {
.p-global-nav>li>a {
padding: 0 20px;
}
.p-global-nav .sub-menu a {
padding: 0 20px;
}
}
/**
* headline
*/
.p-headline {
background: #222;
box-sizing: border-box;
color: #fff;
font-size: 16px;
height: 50px;
line-height: 50px;
margin-bottom: 4.79452%;
padding-left: 24px;
padding-right: 24px;
}
@media only screen and (max-width: 767px) {
.p-headline {
margin-bottom: 6.25%;
}
}
/**
* hero header
*/
.p-hero-header {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.p-hero-header .slick-arrow {
width: 40px;
height: 40px;
bottom: 0;
top: 0;
margin: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 9;
}
.p-hero-header .slick-arrow::before {
font-size: 14px;
font-family: "design_plus";
}
.p-hero-header .slick-prev {
left: 0;
}
.p-hero-header .slick-prev::before {
content: "\e90f";
}
.p-hero-header .slick-next {
right: 0;
}
.p-hero-header .slick-next::before {
content: "\e910";
}
.p-hero-header__nav {
background: transparent;
width: 100%;
height: 100%;
position: relative;
z-index: 9;
margin-bottom: 0;
}
.p-hero-header__nav-item {
box-sizing: border-box;
border-right: 1px solid rgba(255, 255, 255, 0.3);
float: left;
list-style: none;
width: 25%;
height: 100%;
}
.p-hero-header__nav-item a {
display: block;
text-align: center;
position: relative;
width: 100%;
height: 100%;
}
.p-hero-header__nav-item a:hover .p-hero-header__nav-item-title {
opacity: 1;
}
.p-hero-header__nav-item:last-child {
border-right: 0;
}
.p-hero-header__nav-item-title {
color: #fff;
font-size: 30px;
position: absolute;
left: 0;
bottom: 120px;
width: 100%;
transition: opacity 0.65s ease-out;
opacity: 0;
}
.p-hero-header__content {
background-position: center center;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}
.p-hero-header__content-video {
background: #222;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
}
.p-hero-header__content-video video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
height: 100%;
width: auto;
}
.p-hero-header__content-youtube {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
}
.p-hero-header__content-youtube iframe {
width: 100%;
height: 100%;
}
.p-hero-header__link {
box-sizing: border-box;
color: #fff;
display: inline-block;
padding: 0 10px;
min-width: 220px;
height: 50px;
line-height: 50px;
font-size: 14px;
position: absolute;
bottom: -100%;
right: 0;
text-align: center;
z-index: 9;
}
.p-hero-header__link::after {
content: "\e90e";
font-family: "design_plus";
margin-left: 10px;
}
.p-hero-header__slider-item {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: calc(100vh);
}
.p-hero-header__slider-item a {
display: block;
width: 100%;
height: 100%;
position: relative;
}
.p-hero-header__slider-item-title {
font-size: 30px !important;
color: #fff;
position: absolute;
bottom: 40px;
width: 100%;
text-align: center;
}
@media only screen and (max-width: 991px) {
.p-hero-header__link {
display: none;
}
.p-hero-header__slider-item-title {
bottom: 81px;
}
}
@media only screen and (max-width: 767px) {
.p-hero-header {
height: calc(100vh - 60px);
}
.p-hero-header__slider-item {
height: calc(100vh - 60px);
}
}
/**
* hover effect
*/
.p-hover-effect--type1 {
overflow: hidden;
}
.p-hover-effect--type1:hover img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.p-hover-effect--type1 img {
transform: scale(1);
transition-duration: 0.75s;
vertical-align: middle;
}
/*
```
```
*/
.p-hover-effect--type2 {
overflow: hidden;
}
.p-hover-effect--type2:hover img {
-webkit-transform: scale(1.3) translate3d(0, 0, 0);
transform: scale(1.3) translate3d(0, 0, 0);
}
.p-hover-effect--type2 img {
transition-property: opacity, translate3d;
transition: 0.5s;
}
/*
```
<a class="p-index-content02__item-image p-hover-effect--03" href="#">
<img src="http://placehold.jp/340x220.png" alt="">
</a>
```
*/
.p-hover-effect--type3:hover img {
opacity: 0.5;
}
.p-hover-effect--type3 img {
transition-property: opacity;
transition: 0.5s;
background: #fff;
}
@media screen and (max-width: 767px) {
.p-hover-effect--type1:hover img,
.p-hover-effect--type2:hover img,
.p-hover-effect--type3:hover img {
opacity: 1 !important;
-webkit-transform: none !important;
transform: none !important;
}
.p-hover-effect--type1 img,
.p-hover-effect--type2 img,
.p-hover-effect--type3 img {
transform: none !important;
transition: none !important;
}
}
/**
* latest news
*/
.p-latest-news {
margin-bottom: 150px;
}
.p-latest-news__title {
color: #fff;
font-size: 16px;
height: 55px;
line-height: 55px;
padding-left: 26px;
position: relative;
}
.p-latest-news__title h2 {
font-size: inherit;
}
.p-latest-news__archive-link {
color: #fff;
font-size: 14px;
position: absolute;
top: 0;
right: 18px;
}
.p-latest-news__archive-link::after {
content: "\e910";
font-family: "design_plus";
margin-left: 12px;
transition-property: none;
}
.p-latest-news__item {
list-style: none;
}
.p-latest-news__item a {
border: 1px solid #ddd;
border-top: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
line-height: 54px;
height: 54px;
padding-left: 23px;
padding-right: 45px;
overflow: hidden;
position: relative;
width: 100%;
}
.p-latest-news__item a::after {
color: #aaa;
content: "\e910";
font-family: "design_plus";
position: absolute;
top: 0;
right: 12px;
bottom: 0;
}
.p-latest-news__item a:hover {
background: #f8f8f8;
}
.p-latest-news__item a:hover::after {
color: #000;
}
.p-latest-news__item-date {
color: #999;
font-size: 12px;
margin-right: 22px;
line-height: 54px;
height: 54px;
}
.p-latest-news__item-title {
font-size: 14px;
overflow: inherit;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400;
}
@media only screen and (max-width: 767px) {
.p-latest-news {
margin-bottom: 40px;
}
.p-latest-news__title {
padding-left: 15px;
}
.p-latest-news__archive-link {
right: 13px;
}
.p-latest-news__item a {
display: block;
height: auto;
line-height: 1;
padding: 10px 40px 15px 15px;
}
.p-latest-news__item a::after {
right: 13px;
width: 14px;
height: 14px;
margin: auto;
}
.p-latest-news__item-date {
line-height: inherit;
height: auto;
display: inline-block;
margin-bottom: 10px;
}
.p-latest-news__item-title {
margin-bottom: 0;
}
}
/**
* load post
*/
.p-load-post {
margin: 0 auto 150px;
text-align: center;
width: 100%;
}
.p-load-post a {
background: #eee;
color: #666;
display: inline-block;
font-size: 14px;
text-align: center;
line-height: 50px;
width: 200px;
height: 50px;
}
#infscr-loading {
text-align: center;
width: 100%;
}
#infscr-loading img {
margin-bottom: 10px;
}
/**
* main image
*/
.p-entry__body .p-main-image__title {
margin-bottom: 16px;
line-height: 1.5;
font-weight: 500;
}
.p-entry__body .p-main-image__desc {
line-height: 2.2;
margin-bottom: 31.6px;
}
.p-main-image {
position: relative;
width: 100%;
height: 600px;
}
.p-main-image--rev .p-main-image__img--narrow {
margin-left: 50%;
}
.p-main-image--rev .p-main-image__content {
left: 0;
right: auto;
}
.p-main-image__img {
width: 100%;
height: 100%;
background-position: center center;
background-size: cover;
}
.p-main-image__img--narrow {
width: 50%;
}
.p-main-image__content {
background: #f6f6f6;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
justify-content: center;
padding: 0 7.5%;
width: 50%;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.p-main-image__title {
font-size: 40px;
margin-bottom: 16px;
line-height: 1.5;
text-align: center;
}
.p-main-image__desc {
line-height: 2.2;
margin-bottom: 31.6px;
font-size: 14px;
text-align: left;
}
.p-main-image .p-main-image__btn:hover {
text-decoration: none;
}
.p-main-image__btn {
align-self: center;
}
@media only screen and (max-width: 767px) {
.p-main-image {
height: auto;
}
.p-main-image--rev .p-main-image__img--narrow {
margin-left: 0;
}
.p-main-image__img {
padding-bottom: 100%;
}
.p-main-image__img--narrow {
width: 100%;
}
.p-main-image__img--narrow+.p-main-image__content {
position: static;
}
.p-main-image__content {
width: 100%;
padding: 52px 11.11111% 64px;
}
.p-main-image__title {
font-size: 30px !important;
margin-bottom: 2px;
}
.p-main-image__desc {
line-height: 2;
margin-bottom: 13px;
}
.p-main-image__desc:last-child {
margin-bottom: 0;
}
}
/**
* menu button
*/
.p-menu-button {
line-height: 60px;
width: 60px;
height: 60px;
}
.p-menu-button.is-active {
background: #222;
}
/**
* nav01
*/
.p-nav01 {
margin-bottom: 50px;
}
.p-nav01__item--prev a {
padding: 0 40px 0 70px;
}
.p-nav01__item--next a {
padding: 0 70px 0 40px;
}
@media only screen and (max-width: 767px) {
.p-nav01__item--prev a,
.p-nav01__item--next a {
padding: 0;
text-align: center;
}
.p-nav01 {
margin-bottom: 40px;
}
}
/**
* news list
*/
.p-news-list {
margin-top: 100px;
margin-bottom: 150px;
}
.p-news-list__item.is-active {
-webkit-animation: fadeIn 0.65s ease forwards;
animation: fadeIn 0.65s ease forwards;
}
.p-news-list__item:last-of-type {
margin-bottom: 150px;
}
@media only screen and (max-width: 767px) {
.p-news-list {
margin-top: 40px;
margin-bottom: 0;
}
.p-news-list__item:last-of-type {
margin-bottom: 33px;
}
}
/**
* page header
*/
.p-page-header {
background-attachment: fixed;
background-color: #f6f6f6;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
width: 100%;
height: 530px;
position: relative;
}
@media (min-width:768px) and (max-width:1600px){
.p-page-header {
height: unset;
padding:12%;
background-size: cover;
background-attachment: scroll;
}
}
.p-page-header__inner {
/* height: 200px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto; */
}
.p-page-header__title {
background: #222;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
justify-content: center;
font-size: 28px;
line-height: 1.5;
/* width: 200px; */
font-weight: 700;
max-width: 600px;
margin: auto;
padding: 1rem;
}
/* @media only screen and (max-width: 1449px) {
.p-page-header {
height: auto;
padding-bottom: 41.37931%;
}
} */
@media only screen and (max-width: 767px) {
.p-page-header {
background-size: cover;
background-attachment: scroll;
padding-bottom: 0;
height: 240px;
}
.p-page-header__inner {
height: auto;
position: static;
}
.p-page-header__title {
font-size: 21px !important;
padding: 1rem;
/* width: 110px;
height: 110px; */
}
}
/**
* page-links
*/
.p-page-links {
font-size: 14px;
margin-bottom: 50px;
}
.p-page-links a,
.p-page-links span {
color: #fff;
display: inline-block;
line-height: 40px;
text-align: center;
width: 40px;
height: 40px;
}
.p-page-links .p-page-links__title {
background: transparent;
color: #000;
text-align: left;
width: auto;
height: auto;
}
@media only screen and (max-width: 767px) {
.p-page-links {
margin-bottom: 40px;
}
}
/** pagebuilder extend
*/
.pb-widget-headline h3 {
font-weight: 500;
}
.pb-widget-catchcopy h4 {
font-weight: 600;
}
@media screen and (max-width: 767px) {
.dp-google-map {
height: auto !important;
padding-bottom: 100%;
}
.pb-widget-headline h3 {
font-weight: 600;
}
}
/**
* pager
*/
.p-pager {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
width: 100%;
}
.p-pager__item {
font-size: 14px;
list-style: none;
margin-right: 5px;
}
.p-pager__item a,
.p-pager__item span {
color: #fff;
display: block;
line-height: 40px;
text-align: center;
width: 40px;
height: 40px;
}
.p-pager__item a,
.p-pager__item .dots {
background: #004353;
}
.p-pager__item span {
background: #222;
}
@media only screen and (max-width: 767px) {
.p-pager {
margin-bottom: 40px;
}
}
/**
* pagetop
*/
.p-pagetop {
background: #fff;
}
.p-pagetop a {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
box-sizing: border-box;
display: block;
height: 50px;
position: relative;
}
.p-pagetop a:hover {
color: #999;
}
.p-pagetop a::after {
content: "\e911";
font-family: "design_plus";
font-size: 18px;
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 18px;
height: 18px;
transition: none;
}
@media only screen and (max-width: 991px) {
.p-pagetop {
position: fixed;
bottom: 0;
right: 0;
z-index: 99;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
transition: opacity 0.35s, transform 0.35s;
opacity: 0;
}
.p-pagetop.is-active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.p-pagetop a {
border: 0;
color: #fff;
width: 50px;
}
}
/**
* request
*/
.p-request {
background: #000;
position: fixed;
bottom: 0;
width: 100%;
height: 60px;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
transition: transform 0.35s;
z-index: 999;
}
.p-request.is-active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.p-request__inner {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: 100%;
padding: 0 60px 0 30px;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.p-request__text {
color: #fff;
font-size: 16px;
line-height: 1.8;
}
.p-request__btn {
background: #004353;
box-sizing: border-box;
color: #fff;
display: block;
text-align: center;
min-width: 270px;
height: 100%;
padding: 0 10px;
line-height: 60px;
margin-left: 30px;
}
.p-request__btn:hover {
background: #666;
}
.p-request__btn::after {
content: "\e910";
font-family: "design_plus";
margin-left: 10px;
}
.p-request__close {
background: #000;
border: 0;
color: #fff;
width: 60px;
height: 60px;
position: absolute;
top: 0;
right: 0;
padding: 0;
}
.p-request__close::before {
content: "\e91a";
font-family: "design_plus";
}
.p-request__close:hover {
color: #bbb;
cursor: pointer;
}
@media only screen and (max-width: 991px) {
.p-request__text {
font-size: 14px;
}
.p-request__btn {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.p-request {
height: 80px;
}
.p-request>a {
color: #fff;
display: block;
height: 100%;
}
.p-request>a::after {
content: "\e910";
font-family: "design_plus";
position: absolute;
top: 0;
bottom: 0;
right: 50px;
margin: auto;
width: 12px;
height: 12px;
line-height: 100%;
}
.p-request__inner {
padding: 0 75px 0 18px;
}
.p-request__text {
font-size: 12px;
line-height: 1.6;
position: relative;
padding: 0;
}
.p-request__btn {
display: none;
}
.p-request__close {
background: #666;
color: #fff;
width: 35px;
height: 100%;
}
}
/**
* social nav
*/
.p-social-nav {
margin-bottom: 30px;
text-align: center;
}
.p-social-nav__item {
display: inline;
margin-right: 12px;
}
.p-social-nav__item:last-child {
margin-right: 0;
}
.p-social-nav__item a::before {
font-family: "design_plus";
transition-property: none;
}
.p-social-nav__item a:hover {
color: #004353;
}
.p-social-nav__item--facebook a::before {
content: "\e902";
}
.p-social-nav__item--twitter a::before {
content: "\e904";
}
.p-social-nav__item--instagram a::before {
content: "\ea92";
}
.p-social-nav__item--rss a::before {
content: "\e90b";
}
@media only screen and (max-width: 767px) {
.p-social-nav {
margin-bottom: 20px;
}
}
/**
* splash
*/
.p-splash {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
text-align: center;
position: fixed;
width: 100%;
height: 100%;
z-index: 10000;
}
.p-splash__img {
background-size: cover;
background-position: center center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
-webkit-animation: splashImageFadeIn 0.65s ease 0.75s forwards;
animation: splashImageFadeIn 0.65s ease 0.75s forwards;
}
.p-splash__inner {
position: relative;
z-index: 1;
}
.p-splash__inner>div:first-child {
-webkit-animation: fadeInUp 1.0s ease 1.5s forwards;
animation: fadeInUp 1.0s ease 1.5s forwards;
}
.p-splash__inner>div:nth-child(2) {
-webkit-animation: fadeInUp 1.0s ease 2.5s forwards;
animation: fadeInUp 1.0s ease 2.5s forwards;
}
.p-splash__catch {
opacity: 0;
margin-bottom: 31.5px;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.p-splash__desc {
opacity: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%);
color: #fff;
font-size: 34px;
line-height: 1.5;
}
/**
* tab
*/
.p-entry__body .p-tab__nav {
list-style: none;
margin-left: 0;
margin-bottom: 0;
}
.p-entry__body .p-tab__content-pager {
list-style: none;
margin-left: 0;
margin-bottom: 0;
}
.p-entry__body .p-tab__content-pager-item {
line-height: 50px;
}
.p-entry__body .p-tab__content-img-nav-item {
line-height: 50px;
margin-bottom: 0;
}
.p-entry__body .p-tab__content-caption {
line-height: 2.2;
margin-bottom: 0;
}
.p-tab {
margin-bottom: 91.6px;
}
.p-tab .slick-arrow {
bottom: 0;
width: 50px;
height: 50px;
z-index: 999;
}
.p-tab .slick-arrow::before {
font-family: "design_plus";
font-size: 18px;
}
.p-tab .slick-prev {
left: auto;
right: 50px;
}
.p-tab .slick-prev::before {
content: "\e90f";
}
.p-tab .slick-next {
right: 0;
}
.p-tab .slick-next::before {
content: "\e910";
}
.p-tab__content-img-slider-item {
background: #f6f6f6;
height: 645px;
position: relative;
}
.p-tab__content-img-slider-item img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
.p-tab__nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 0;
}
.p-tab__nav-item {
flex: 1;
font-size: 16px;
list-style: none;
margin-right: 2px;
text-align: center;
}
.p-tab__nav-item:last-child {
margin-right: 0;
}
.p-tab__nav-item.is-active a,
.p-tab__nav-item:hover a {
color: #fff;
}
.p-tab__nav-item a {
background: #eee;
display: block;
height: 55px;
line-height: 55px;
width: 100%;
}
.p-tab__content-floor-plan {
width: 100%;
height: 645px;
position: relative;
}
.p-tab__content-floor-plan-content {
/*
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
*/
position: absolute;
width: 100%;
height: 100%;
}
.p-tab__content-floor-plan-text {
background: #004353;
box-sizing: border-box;
color: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
justify-content: center;
width: 50%;
height: 100%;
padding: 0 6.08696%;
font-size: 14px;
line-height: 2.2;
position: absolute;
left: 0;
}
.p-tab__content-floor-plan-text p {
margin-bottom: 33.2px;
}
.p-tab__content-floor-plan-text p:last-child {
margin-bottom: 0;
}
.p-tab__content-floor-plan-img {
background: #fff;
border: 1px solid #ddd;
border-left: 0;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
justify-content: center;
width: 50%;
height: 100%;
position: absolute;
right: 0;
}
.p-tab__content-floor-plan-img img {
height: auto;
max-width: 100%;
}
.p-tab__content-pager {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
bottom: 0;
right: 0;
margin-bottom: 0;
}
.p-tab__content-pager-item {
font-size: 14px;
list-style: none;
line-height: 50px;
width: 50px;
height: 50px;
margin-bottom: 0;
text-align: center;
}
.p-tab__content-pager-item a {
color: #fff;
display: block;
}
.p-tab__content-img {
position: relative;
}
.p-tab__content-img-nav {
background: rgba(34, 34, 34, 0.7);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.p-tab__content-img-nav-item {
color: #fff;
font-size: 14px;
height: 50px;
line-height: 50px;
padding: 0 127px 0 27px;
}
.p-tab__content-video {
background: #f6f6f6;
width: 100%;
height: 645px;
}
.p-tab__content-youtube {
background: #f6f6f6;
position: relative;
width: 100%;
height: 645px;
}
.p-tab__content-youtube iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.p-tab__content-caption {
font-size: 14px;
line-height: 2.2;
margin-top: 14.6px;
}
@media only screen and (max-width: 991px) {
.p-tab__content-floor-plan-text {
line-height: 2;
padding: 0 20px;
}
.p-tab__content-floor-plan-text p {
margin-bottom: 26px;
}
}
@media only screen and (max-width: 767px) {
.p-tab {
margin-left: -20px;
margin-bottom: 36.4px;
width: calc(100% + 20px);
}
.p-tab .slick-arrow {
top: 0;
bottom: 0;
width: 40px;
height: 40px;
margin: auto;
transform: none;
}
.p-tab .slick-arrow::before {
font-size: 14px;
}
.p-tab .slick-prev {
left: 0;
right: auto;
}
.p-tab__nav {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: inherit;
}
.p-tab__nav-item {
flex: initial;
margin-right: 0;
width: 50%;
}
.p-tab__nav-item:nth-child(odd) a {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.p-tab__nav-item:nth-child(even) a {
border-top: 1px solid #ddd;
}
.p-tab__nav-item:nth-last-child(2) a,
.p-tab__nav-item:last-child a {
border-bottom: 1px solid #ddd;
}
.p-tab__nav-item a {
background: #fff;
box-sizing: border-box;
}
.p-tab__content {
width: inherit;
}
.p-tab__content-floor-plan {
padding-bottom: 0;
height: auto;
}
.p-tab__content-floor-plan-content {
position: static;
height: auto;
}
.p-tab__content-floor-plan-text {
position: static;
width: inherit;
height: auto;
padding: 33px 11.11111%;
}
.p-tab__content-floor-plan-img {
border-right: 0;
position: static;
width: inherit;
}
.p-tab__content-floor-plan-img img {
width: 100%;
height: auto;
}
.p-tab__content-caption {
font-size: 12px;
line-height: 1.6;
padding: 0 20px;
margin-top: 16.4px;
}
.p-tab__content-img-nav-item {
height: auto;
padding: 9px 20px;
}
.p-entry__body .p-tab__content-img-nav-item {
font-size: 12px;
line-height: 1.5;
}
.p-tab__content-img-slider-item {
height: 360px;
}
.p-tab__content-video {
height: auto;
}
.p-tab__content-youtube {
height: auto;
padding-bottom: 100%;
}
}
/**
* widget area
*/
.p-widget-area {
background: #f6f6f6;
/* margin-bottom: 80px;
padding: 78px 0 61px; */
}
.p-widget-area__inner {
/*
display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
justify-content: center;
*/
text-align: center;
}
@media only screen and (max-width: 767px) {
.p-widget-area {
background: #fff;
/* margin-bottom: 40px;
padding: 40px 0 4px; */
}
.p-widget-area__inner {
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
padding: 0 20px;
}
}
/**
* widget dropdown
*/
.p-widget-dropdown__title {
background: #fff;
box-sizing: border-box;
border: 1px solid #eee;
height: 50px;
line-height: 50px;
padding: 0 18px;
position: relative;
}
.p-widget-dropdown__title::after {
content: "\e90e";
font-family: "design_plus";
position: absolute;
right: 17px;
}
.p-widget-dropdown__list {
display: none;
}
@media screen and (max-width: 767px) {
.p-widget-dropdown__title {
font-size: 14px;
}
}
/**
* widget list
*/
.p-widget-list {
margin-bottom: 0;
}
.p-widget-list li {
list-style: none;
font-size: 14px;
border: 1px solid #eee;
border-top: 0;
background: #fff;
font-size: 14px;
line-height: 1.5;
}
.p-widget-list li a {
display: block;
padding: 14px 18px;
}
.p-widget-list li a:hover {
background: #f6f6f6;
}
.p-widget-list__item-date {
color: #999;
display: block;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.p-widget-list__item a {
padding: 12px 24px;
}
}
/* 開閉式カテゴリー一覧 */
.tcdw_category_list_widget {
border-bottom: none;
}
.tcdw_category_list_widget .side_headline {
margin: 0;
}
.tcdw_category_list_widget li {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.collapse_category_list {
background: #fff;
}
.collapse_category_list ul {
margin: 0;
padding: 0;
background: #fff;
}
.collapse_category_list li ul {
margin: 0;
padding: 0;
}
.collapse_category_list li {
margin: 0;
padding: 0;
list-style: none;
}
.collapse_category_list li li {
margin: 0;
padding: 0;
border-right: none;
border-left: none;
}
.collapse_category_list li a {
border-bottom: 1px solid #ddd;
display: block;
padding: 12px 20px;
margin: 0;
text-decoration: none;
position: relative;
color: #333;
overflow: hidden;
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
line-height: 150%;
}
.collapse_category_list li a .count {
float: right;
top: 0px;
position: relative;
background: #f2f2f2;
padding: 0 10px;
min-width: 15px;
text-align: center;
font-size: 11px;
border-radius: 2px;
}
.collapse_category_list li li a .count {
background: #ccc;
color: #fff;
}
.collapse_category_list li li li a .count {}
.collapse_category_list .parent_category a.active {
margin: 0;
}
.collapse_category_list .children {
display: none;
}
.collapse_category_list .children a {
padding-left: 22px;
margin: 0;
background: #f6f6f6;
}
.collapse_category_list ul .children a {
padding-left: 33px;
}
.collapse_category_list li a:hover {
background: #e2e2e2;
}
.collapse_category_list li a:hover .count {
background: #000;
color: #fff;
}
/**
* widget post list
*/
.p-widget-post-list {
margin-bottom: 0;
}
.p-widget-post-list .no_post {
font-size: 14px;
line-height: 1.8;
list-style: none;
}
.p-widget-post-list__item {
background: #fff;
border: 1px solid #eee;
border-top: 0;
box-sizing: border-box;
list-style: none;
padding: 18px;
}
.p-widget-post-list__item--no-post {
font-size: 14px;
line-height: 1.8;
}
.p-widget-post-list__item-image {
float: left;
display: block;
margin-right: 18px;
overflow: hidden;
width: 100px;
height: 100px;
}
.p-widget-post-list__item-image img {
width: 100%;
height: auto;
}
.p-widget-post-list__item-title {
font-size: 14px;
line-height: 1.8;
margin-bottom: 8px;
}
.p-widget-post-list__item-date {
color: #999;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.p-widget-post-list__item-title {
line-height: 1.6;
margin-bottom: 9px;
}
}
/**
* widget search
*/
.p-widget-search {
position: relative;
}
.p-widget-search__input {
background: #eee;
border: 1px solid #cfcfcf;
box-sizing: border-box;
box-shadow: 1px 1px 4px 0 #ddd inset;
border-radius: 0;
height: 35px;
line-height: 35px;
outline: none;
padding: 0 10px;
width: -webkit-calc(100% - 35px);
width: calc(100% - 35px);
}
.p-widget-search__submit {
border: 0;
color: #fff;
cursor: pointer;
font-family: "design_plus";
font-size: 18px;
position: absolute;
right: 0;
width: 35px;
height: 35px;
border-radius: 0;
text-align: center;
padding: 0;
}
/**
* widget
*/
.p-widget {
margin-bottom: 25px;
}
.p-widget__title {
color: #fff;
font-size: 14px;
font-weight: 400;
height: 50px;
line-height: 50px;
padding-left: 18px;
margin-bottom: 20px;
}
.tcdw_category_list_widget .p-widget__title,
.styled_post_list_widget .p-widget__title {
margin-bottom: 0;
}
.ad_widget {
text-align: center;
}
/* custom menu */
.widget_nav_menu li {
font-size: 12px;
list-style: none;
margin-bottom: 18px;
}
.widget_nav_menu a {
color: #666;
}
@media only screen and (max-width: 1279px) {
.p-widget {
width: 48%;
}
}
@media only screen and (max-width: 767px) {
.p-widget {
width: 100%;
margin-bottom: 40px;
}
.p-widget:last-child {
margin-bottom: 40px;
}
.p-widget__title {
height: 45px;
line-height: 45px;
}
.ml_ad_widget {
text-align: center;
}
.ml_ad_widget img {
margin-left: -10px;
margin-right: -10px;
}
}
/**
* wordpress preset style
*/
/* alignment */
.p-entry__body .alignright {
float: right;
}
.p-entry__body .alignleft {
float: left;
}
.p-entry__body .aligncenter {
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 7px;
}
.p-entry__body blockquote.alignleft,
.p-entry__body img.alignleft {
margin: 7px 24px 7px 0;
}
.p-entry__body .wp-caption.alignleft {
margin: 7px 14px 7px 0;
}
.p-entry__body blockquote.alignright,
.p-entry__body img.alignright {
margin: 7px 0 7px 24px;
}
.p-entry__body .wp-caption.alignright {
margin: 7px 0 7px 14px;
}
.p-entry__body blockquote.aligncenter,
.p-entry__body img.aligncenter,
.p-entry__body .wp-caption.aligncenter {
margin-top: 7px;
margin-bottom: 7px;
}
/* text and headline */
.p-entry__body p {
font-size: 16px;
line-height: 2.4;
margin-bottom: 30.4px;
}
.p-entry__body table p {
margin-bottom: 0;
}
.p-entry__body h1,
.p-entry__body h2,
.p-entry__body h3,
.p-entry__body h4,
.p-entry__body h5,
.p-entry__body h6 {
clear: both;
line-height: 1.4;
margin-bottom: 24.2px;
}
/* .p-entry__body h1 {
font-size: 150%;
}
.p-entry__body h2 {
font-size: 140%;
}
.p-entry__body h3 {
font-size: 130%;
}
.p-entry__body h4 {
font-size: 120%;
}
.p-entry__body h5 {
font-size: 110%;
}
.p-entry__body h6 {
font-size: 100%;
} */
/* image */
.p-entry__body img[class*="align"],
.p-entry__body img[class*="wp-image-"],
.p-entry__body img[class*="attachment-"],
.p-entry__body .size-full,
.p-entry__body .size-large,
.p-entry__body .wp-post-image,
.p-entry__body img {
max-width: fit-content;
height: auto;
}
/* list */
.p-entry__body li,
.p-entry__body dt,
.p-entry__body dd {
line-height: 2.2;
}
.p-entry__body ul,
.p-entry__body ol,
.p-entry__body dl {
margin-bottom: 24px;
}
.p-entry__body ol {
list-style: decimal outside none;
margin-left: 1.5em;
}
.p-entry__body ul {
list-style: none;
}
.p-entry__body li>ul,
.p-entry__body li>ol {
margin-bottom: 0;
}
.p-entry__body dt {
font-weight: bold;
}
.p-entry__body dd {
margin-bottom: 1em;
margin-left: 17px;
}
/* table */
.p-entry__body table {
margin: 0 0 24px 0;
border-collapse: collapse;
}
.p-entry__body td,
.p-entry__body th {
/* border: 1px solid #ddd; */
padding: 10px 15px 7px;
line-height: 2.2;
font-size: 14px;
}
.p-entry__body th {
background: #fafafa;
font-weight: normal;
}
/* table style */
.table_no_border th,
.table_no_border td {
border: none;
padding-left: 0;
}
.table_border_horizontal th,
.table_border_horizontal td {
border-left: none;
border-right: none;
padding-left: 0;
}
/* block quote */
.p-entry__body blockquote {
margin: 0 0 25px 0;
padding: 27px 30px 0;
border: 1px solid #ccc;
box-shadow: 0px 4px 0px 0px #f2f2f2;
position: relative;
}
.p-entry__body blockquote:before {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
line-height: 40px;
width: 30px;
height: 30px;
position: absolute;
top: 5px;
left: 10px;
color: #5cbcd7;
}
.p-entry__body blockquote:after {
content: '"';
font-style: italic;
font-size: 30px;
font-weight: normal;
text-align: left;
line-height: 60px;
width: 30px;
height: 30px;
position: absolute;
bottom: 7px;
right: 0;
color: #5cbcd7;
}
.p-entry__body blockquote cite {
border-top: 1px dotted #aaa;
display: block;
padding: 20px 0 0 0;
font-style: italic;
text-align: right;
font-size: 90%;
}
/* captions */
.p-entry__body .wp-caption {
margin-bottom: 24px;
background: #fff;
border: 1px solid #ccc;
padding: 5px;
max-width: 100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.p-entry__body .wp-caption-text {
text-align: center;
font-size: 12px;
font-style: italic;
line-height: 1.5;
margin: 9px auto;
}
.p-entry__body .wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
/* gallery */
.gallery {
margin-bottom: 20px;
}
.gallery a img {
border: 0 !important;
}
.gallery-item {
float: left;
margin: 0 4px 4px 0;
overflow: hidden;
position: relative;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width: calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width: calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width: calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width: calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width: calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width: calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width: calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width: calc(11.1% - 4px);
}
.gallery-columns-10 .gallery-item {
max-width: 7%;
max-width: -webkit-calc(9.4% - 0px);
max-width: calc(9.4% - 0px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n),
.gallery-columns-10 .gallery-item:nth-of-type(10n) {
margin-right: 0;
}
.gallery-caption {
background-color: rgba(0, 0, 0, 0.7);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #fff;
font-size: 12px;
line-height: 1.5;
margin: 0;
max-height: 50%;
opacity: 0;
padding: 6px 8px;
position: absolute;
bottom: 0;
left: 0;
text-align: left;
width: 100%;
}
.gallery-caption:before {
content: "";
height: 100%;
min-height: 49px;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.gallery-item:hover .gallery-caption {
opacity: 1;
}
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption {
display: none;
}
/* etc */
.p-entry__body .wp-smiley {
border: 0;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.p-entry__body address {
margin: 0 0 24px 0;
line-height: 2.2;
}
.p-entry__body pre {
border-left: 5px solid #7fc120;
font-size: 12px;
margin: 0 0 27px 0;
line-height: 25px;
background: url(img/common/pre.gif) repeat left top;
padding: 0 17px;
overflow: auto;
}
.p-entry__body .mejs-container {
margin: 12px 0 25px;
}
@media only screen and (max-width: 767px) {
.p-entry__body p {
line-height: 2;
}
}
/*
@import "object/project/header-video";
@import "object/project/header-youtube";
@import "object/project/index-slider";
@import "object/project/slick-theme-extend";
*/
/* Utility ----------------------------------------------------------------- */
/** clearfix */
.u-clearfix::after {
clear: both;
content: " ";
display: table;
}
/** hidden */
.u-hidden {
display: none;
}
/** Column layout - カラムレイアウト */
.post_row {
line-height: 2;
margin-left: -15px;
margin-right: -15px;
}
.post_row:before,
.post_row:after {
content: " ";
display: table;
}
.post_row:after {
clear: both;
}
.post_col,
.post_col-2,
.post_col-3 {
float: left;
margin-bottom: 2em;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
.post_col-2 {
width: 50%;
/* 2カラム */
}
.post_col-3 {
width: 33.33333%;
}
}
@media screen and (min-width: 1024px) {
.post_col-2 {
width: 50%;
/* 2カラム */
}
.post_col-3 {
width: 33.33333%;
}
}
/** headline - 見出しのスタイル */
.style3a,
.style3b,
.style4a,
.style4b,
.style5a,
.style5b,
.style6 {
line-height: 1.6;
}
/* h3 */
.style3a {
border-top: 1px solid #222;
border-bottom: 1px solid #222;
font-size: 22px;
font-weight: 400;
margin: 3em 0 1.5em;
padding: 1.1em .2em 1em;
}
.style3b {
background: #fafafa;
border-top: 2px solid #222;
border-bottom: 1px solid #ddd;
box-shadow: 0px 1px 2px #f7f7f7;
font-size: 22px;
font-weight: 400;
margin: 3em 0 1.5em;
padding: 1.1em .9em 1em;
}
/* h4 */
.style4a {
border-bottom: none;
border-left: 2px solid #222;
font-size: 18px;
font-weight: 400;
margin: 2.5em 2px 1.2em;
padding: .3em 0 .3em .8em;
}
.style4b {
border-bottom: 1px dotted #aaa;
font-size: 18px;
font-weight: 400;
margin: 2.5em 0 1.2em;
padding: .9em 0 .8em;
}
/* h5 */
.style5a {
background: #f5f5f5;
box-shadow: 0px 2px 0px 0px #f2f2f2;
font-size: 18px;
font-weight: 700;
margin: 2em 0 1em;
padding: .5em .8em .3em 1em;
}
.style5b {
background: #222;
border-radius: 4px;
box-shadow: 0px 2px 0px 0px #f2f2f2;
color: #fff;
font-size: 18px;
font-weight: 400;
margin: 2em 0 1em;
padding: .5em .8em .4em 1em;
}
/* h6 */
.style6 {
color: #222;
font-size: 16px;
font-weight: bold;
margin: 2em 0 1em;
padding: .5em .8em .8em 1.3em;
position: relative;
}
.style6:before {
background: #222;
content: "";
position: absolute;
top: .5em;
left: .2em;
width: 12px;
height: 12px;
}
.news_headline1 {
border-left: 8px solid #444;
font-size: 1.2em;
line-height: 1.2;
margin: 80px 0 25px 0;
padding: .5em;
position: relative;
}
.news_headline1:after {
border-bottom: 1px dotted #ddd;
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 100%;
height: 0;
}
.news_headline2 {
border-left: 6px solid #545454;
font-size: 1.1em;
line-height: 26px;
margin: 40px 0 20px 0;
padding: 0 .5em;
}
.balloon {
background: #222;
border-bottom: 0;
clear: both;
color: #fff;
display: block;
font-size: 20px;
font-weight: 400;
margin: 50px 0 22px;
min-width: 115px;
padding: .5em 18px .5em;
position: relative;
text-align: left;
width: auto;
z-index: 0;
}
.balloon:after {
border-color: #222 transparent transparent transparent;
border-style: solid;
border-width: 10px 10px 0 10px;
bottom: -10px;
content: "";
display: block;
margin-left: -10px;
position: absolute;
left: 30px;
width: 0px;
height: 0px;
}
/** flame - 囲み枠 */
.well {
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
margin-bottom: 20px;
min-height: 20px;
padding: 19px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well2 {
margin: 1em 0 30px;
padding: 1em 1.5em;
line-height: 2;
border: 1px solid #cdcdcd;
background: #fcfcfc;
box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3);
}
.well3 {
margin: 2em 0 2.5em;
padding: 1em 1.5em;
line-height: 2.0;
border: 1px dashed #cdcdcd;
background: #fcfcfc;
box-shadow: 0 1px 3px 0 rgba(195, 195, 195, 0.3);
}
.wl_red {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.wl_yellow {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.wl_blue {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.wl_green {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
/** button - CSSボタンのスタイル */
.q_button {
background-color: #535353;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
color: #fff !important;
display: inline-block;
font-size: 100%;
font-weight: 400;
min-width: 200px;
margin: 0;
max-width: 90%;
padding: .6em 1.3em .5em;
transition: all 0.3s ease-in-out 0s;
text-decoration: none;
text-align: center;
vertical-align: middle;
}
.q_button:hover,
.q_button:focus {
background-color: #7d7d7d;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15) inset;
color: #fff;
text-decoration: none;
}
.q_button_wrap {
text-align: center;
margin: 2em auto;
}
/* Button option */
.rounded {
border-radius: 6px;
}
.pill {
border-radius: 50px;
}
.sz_full {
display: block;
font-size: 110%;
max-width: 100%;
min-width: 100px;
padding: 1em 1.5em .9em;
}
.sz_l {
font-size: 110%;
max-width: 90%;
min-width: 350px;
padding: .8em 1.5em .7em;
}
@media screen and (max-width: 767px) {
.sz_l {
box-sizing: border-box;
max-width: 100%;
min-width: 0;
width: 100%;
}
}
.sz_s {
min-width: 100px;
max-width: 90%;
font-size: 85%;
padding: .4em 1em .3em;
}
.bt_red {
background: #c01f0e;
color: #fff;
}
.bt_red:hover,
.bt_red:focus {
background-color: #d33929;
color: #fff;
}
.bt_yellow {
background: #f1c40f;
color: #fff;
}
.bt_yellow:hover,
.bt_yellow:focus {
background-color: #f9d441;
color: #fff;
}
.bt_blue {
background: #2980b9;
color: #fff;
}
.bt_blue:hover,
.bt_blue:focus {
background-color: #3a91c9;
color: #fff;
}
.bt_green {
background: #27ae60;
color: #fff;
}
.bt_green:hover,
.bt_green:focus {
background-color: #39c574;
color: #fff;
}
/** Youtube responsive - Youtube動画のレスポンシブ表示 */
.ytube {
position: relative;
height: 0;
margin-top: 20px;
margin-bottom: 20px;
padding-bottom: 56.25%;
padding-top: 30px;
overflow: hidden;
}
.ytube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
/** Table responsive - テーブルのレスポンシブ表示 */
.rps_table {
line-height: 2.0;
}
@media only screen and (max-width: 480px) {
.rps_table tr {
display: block;
margin-bottom: 1.5em;
}
.rps_table th,
.rps_table td {
display: list-item;
list-style-type: none;
border: none;
}
}
/** Cardlink style - カードリンクのスタイル */
.cardlink {
padding: 12px;
margin: 10px 0;
border: 1px solid #ddd;
word-wrap: break-word;
max-width: 100%;
background: #fafafa;
}
.cardlink_thumbnail {
float: left;
margin-right: 20px;
}
.cardlink_content {
line-height: 1.6;
}
.cardlink_timestamp {
display: inline;
margin: 0;
padding: 0;
vertical-align: top;
color: #222;
line-height: 1.6;
font-size: 12px;
}
.cardlink_title {
font-size: 14px;
margin: 0 0 5px;
}
.cardlink_title a {
font-weight: bold;
color: #000;
text-decoration: none;
}
.cardlink_title a:hover {
text-decoration: underline;
}
.cardlink_excerpt {
color: #333;
font-size: 12px;
overflow: hidden;
line-height: 1.8;
}
.cardlink_footer {
clear: both;
}
.clear {
clear: both;
}
@media screen and (max-width: 767px) {
.cardlink_thumbnail {
float: none;
}
.cardlink_timestamp {
line-height: 2.4;
vertical-align: middle;
}
.cardlink_excerpt {
float: none;
}
}
/** Contactform - お問い合わせフォーム */
.wpcf7 {
background: #fafafa;
border: 1px solid #ddd;
font-size: 14px;
margin: 0 0 2.5em !important;
padding: 0;
width: 100%;
box-sizing: border-box;
}
.wpcf7 form {
margin: 1.5em .8em 0;
}
.wpcf7 p {
margin-bottom: 0;
}
.wpcf7 input,
.wpcf7 textarea {
border: 1px solid #ccc;
box-sizing: border-box;
line-height: 1.2;
padding: 8px;
width: 100%;
}
.wpcf7 select,
.wpcf7 input[type=checkbox],
.wpcf7 input[type=radio] {
border: 1px solid #ccc;
max-width: 97%;
padding: 8px;
width: auto;
}
.wpcf7 select,
.wpcf7 .wpcf7-list-item-label {
font-size: 14px;
line-height: 1.2;
}
.wpcf7 .wpcf7-list-item {
display: block;
}
.wpcf7 textarea {
height: 300px;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
border: 1px solid #bbb;
box-shadow: inner 0 0 5px rgba(0, 0, 0, 0.5);
outline: none;
}
.wpcf7 .wpcf7-submit,
.wpcf7 .wpcf7-previous {
box-sizing: border-box;
position: relative;
display: block;
width: 225px;
height: 48px;
margin: 30px auto 0;
background-color: #333333;
cursor: pointer;
border: none !important;
color: #fff;
text-align: center;
text-decoration: none;
font-size: 14px;
line-height: 1.5;
outline: none;
-webkit-transition: all .3s;
transition: all .3s;
}
.wpcf7 .wpcf7-submit:before,
.wpcf7 .wpcf7-submit:after {
box-sizing: border-box;
}
.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-previous:hover {
background-color: #666666;
}
.wpcf7 .wpcf7-submit .wpcf7-not-valid {
background: pink;
}
.wpcf7 .wpcf7-submit .wpcf7-response-output {
margin: 10px 0 0;
padding: 8px 35px 8px 14px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.wpcf7 .wpcf7-submit .wpcf7-validation-errors {
color: #B94A48;
background-color: #F2DEDE;
border: 1px solid #EED3D7;
}
.wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok {
color: #3A87AD;
background-color: #D9EDF7;
border: 1px solid #BCE8F1;
}
.wpcf7 .wpcf7-previous+br {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 2em;
padding: 0;
border: none;
text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
color: #dc3232;
font-size: 1em;
}
/** font-size - フォントサイズ */
.text70 {
font-size: 70%;
}
.text80 {
font-size: 80%;
}
.text90 {
font-size: 90%;
}
.text100 {
font-size: 100%;
}
.text110 {
font-size: 110%;
}
.text120 {
font-size: 120%;
}
.text130 {
font-size: 130%;
}
.text140 {
font-size: 140%;
}
.text150 {
font-size: 150%;
}
.text160 {
font-size: 160%;
}
.text170 {
font-size: 170%;
}
.text180 {
font-size: 180%;
}
.text190 {
font-size: 190%;
}
.text200 {
font-size: 200%;
}
.text210 {
font-size: 210%;
}
.text220 {
font-size: 220%;
}
.b {
font-weight: 700;
}
/* 太字 */
.u {
text-decoration: underline;
}
/* 下線 */
.del {
text-decoration: line-through;
}
/* 打ち消し線 */
/** font-color - フォントカラー */
.red {
color: red;
}
/* 赤色 */
.blue {
color: #2ca9e1;
}
/* 青色 */
.green {
color: #82ae46;
}
/* 緑色 */
.orange {
color: #ff7d00;
}
/* 橙色 */
.yellow {
color: #fff000;
}
/* 黄色 */
.pink {
color: #ff0084;
}
/* ピンク */
.gray {
color: #999999;
}
/* グレー */
/** background-color - 背景色 */
/* 青色の文字背景 */
.bg-blue {
background-color: #4ab0f5;
padding: 2px;
}
/* 赤色の文字背景 */
.bg-red {
background-color: red;
padding: 2px;
}
/* 黄色の文字背景 */
.bg-yellow {
background-color: #ff0;
padding: 2px;
}
/** text-align - 配置 */
.align1 {
text-align: center !important;
}
/* 中央寄せ */
.align2 {
text-align: right !important;
}
/* 右寄せ */
.align3 {
text-align: left !important;
}
/* 左寄せ */
/** float - 回り込み */
/* 右に回り込み */
.r-flo {
float: right;
margin: 10px;
}
/* 左に回り込み */
.l-flo {
float: left;
margin: 10px;
}
.f-clear {
clear: both;
}
/* 回り込みの解除 */
/** hover - 画像リンクマウスオーバー時の不透明度 */
a img.fade {
background: none !important;
outline: none;
-webkit-transition: all .3s;
transition: all .3s;
}
a:hover img.fade {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: none !important;
}
/** text-style - テキストスタイル */
/* 注意書き等で二行目以降を字下げ */
.att {
padding-left: 1em;
text-indent: -1em;
}
/* テキストボックス */
.att_box {
margin: 2em 0 2.5em;
padding: 1em 1.2em;
line-height: 2.0;
border: 1px dotted #cccccc;
background: #fcfcfc;
box-shadow: 0px 4px 0px 0px #f7f7f7;
}
/** margin - 要素の外側の余白 */
.m0 {
margin: 0 !important;
}
/* margin 0px を指定するクラス */
.mt0 {
margin-top: 0 !important;
}
/* margin-top0px を指定するクラス */
.mr0 {
margin-right: 0 !important;
}
/* margin-right0px を指定するクラス*/
.mb0 {
margin-bottom: 0 !important;
}
/* margin-bottom0px を指定するクラス*/
.ml0 {
margin-left: 0 !important;
}
/* margin-left0px を指定するクラス*/
.m5 {
margin: 5px !important;
}
.mt5 {
margin-top: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.m10 {
margin: 10px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.m15 {
margin: 15px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.m20 {
margin: 20px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.m25 {
margin: 25px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.m30 {
margin: 30px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.m35 {
margin: 35px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.m40 {
margin: 40px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.m45 {
margin: 45px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.m50 {
margin: 50px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.m55 {
margin: 55px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.m60 {
margin: 60px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.m65 {
margin: 65px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mr65 {
margin-right: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.ml65 {
margin-left: 65px !important;
}
.m70 {
margin: 70px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mr70 {
margin-right: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.ml70 {
margin-left: 70px !important;
}
.m75 {
margin: 75px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mr75 {
margin-right: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.ml75 {
margin-left: 75px !important;
}
.m80 {
margin: 80px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.ml80 {
margin-left: 80px !important;
}
/** padding - 要素の内側の余白 */
.p0 {
padding: 0 !important;
}
.pt0 {
padding-top: 0 !important;
}
.pr0 {
padding-right: 0 !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.pl0 {
padding-left: 0 !important;
}
.p5 {
padding: 5px !important;
}
.pt5 {
padding-top: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.p10 {
padding: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.p15 {
padding: 15px !important;
}
.pt15 {
padding-top: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.p20 {
padding: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.p25 {
padding: 25px !important;
}
.pt25 {
padding-top: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.p30 {
padding: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.p35 {
padding: 35px !important;
}
.pt35 {
padding-top: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.pl35 {
padding-left: 35px !important;
}
.p40 {
padding: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.p45 {
padding: 45px !important;
}
.pt45 {
padding-top: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.pl45 {
padding-left: 45px !important;
}
.p50 {
padding: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.p55 {
padding: 55px !important;
}
.pt55 {
padding-top: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.pl55 {
padding-left: 55px !important;
}
.p60 {
padding: 60px !important;
}
.pt60 {
padding-top: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.p65 {
padding: 65px !important;
}
.pt65 {
padding-top: 65px !important;
}
.pr65 {
padding-right: 65px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.pl65 {
padding-left: 65px !important;
}
.p70 {
padding: 70px !important;
}
.pt70 {
padding-top: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.pl70 {
padding-left: 70px !important;
}
.p75 {
padding: 75px !important;
}
.pt75 {
padding-top: 75px !important;
}
.pr75 {
padding-right: 75px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.pl75 {
padding-left: 75px !important;
}
.p80 {
padding: 80px !important;
}
.pt80 {
padding-top: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.pl80 {
padding-left: 80px !important;
}
#footer {
padding: 3.5em 0;
}
.footer__logo {
display: inline-block;
margin-bottom: 2rem;
}
.footer__navi li {
margin-bottom: 0.75rem;
}
.footer_md-flex .f-logo_img {
max-width: 360px;
margin-bottom: 1em;
}
@media (min-width: 768px) {
.footer_md-flex {
display: flex;
}
.footer_md-justify-between {
justify-content: space-between;
}
}
footer hr {
height: 1px;
border: 0;
border-top: 1px solid #e5e7eb;
}
.footer_navi .inner {
padding: 0 0rem 0;
}
.footer_navi_list {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.footer_navi ul li {
position: relative;
font-size: 0;
}
.footer_navi ul.footer_navi_list01 li {
margin-bottom: 1rem;
}
.footer_navi ul.footer_navi_list04 li {
margin-bottom: 1rem;
}
.footer_navi ul li a {
color: #fff;
font-size: .9rem;
display: block;
line-height: 1.5;
transition-duration: 0.0s;
transition-timing-function: cubic-bezier(0.18, 0.06, 0.23, 1);
}
.footer_navi ul.footer_navi_list01 li a,
.footer_navi ul.footer_navi_list04 li a,
.footer_navi ul li.footer_navi_list_tit a {
font-size: 18px;
letter-spacing: 0.05em;
}
.footer_navi ul li a,
.footer_navi_list_sub a,
.footer_bottom_nav li a {
background-image: linear-gradient(#fff, #fff);
transition: background-size .2s cubic-bezier(.165, .84, .44, 1);
background-position: 100% 100%;
background-size: 0% 1px;
background-repeat: no-repeat;
}
.footer_navi ul li a:hover,
.footer_bottom_nav li a:hover {
background-position: 0 100%;
background-size: 100% 1px;
text-decoration: none;
}
.footer_navi_list_tit {
margin-bottom: 1rem;
}
.footer_navi_list_sub:first-child {
padding-top: 0;
}
.footer_navi_list_sub:last-child {
padding-bottom: 0;
}
.footer_navi_list_sub {
margin-bottom: 0;
padding: 0.2rem 0 0.7rem 1.3rem;
border-left: 1px solid #DDD6CF;
}
.footer_navi_list_sub a {
display: inline-block;
font-size: .9rem;
letter-spacing: 0;
}
.footer_navi_list ul {
width: fit-content;
}
.footer_navi_list01,
.footer_navi_list03,
.footer_navi_list04,
.footer_navi_list05 {
margin-right: 0;
}
.footer_navi_list01 {
margin-right: 2.0rem;
}
.footer_navi_list02 {
margin-right: 2.0rem;
}
.footer_navi_list03 {
margin-right: 2rem;
}
@media (max-width:1200px) and (min-width:768px) {
.footer_navi_list01 {
margin-right: 1.0rem;
}
.footer_navi_list02 {
margin-right: 2.0rem;
}
}
.footer_navi_list03 .footer_navi_list_tit {
width: 100%;
}
.footer_navi_list03 .footer_navi_list_sub:first-child {
padding-top: 0;
}
.footer_navi_list ul li.footer_navi_list_sub:last-child a,
.footer_navi_list ul li.footer_navi_list_sub.footer_navi_list_sub_last a {
padding-bottom: 0;
}
.footer_navi_list03_inner {
display: none;
}
@media (max-width:767px) {
.footer_navi_list {
flex-wrap: wrap;
}
.footer_navi_list ul.footer_navi_list01 {
width: 48% !important;
}
.footer_navi_list ul.footer_navi_list01 li {
width: 100%;
}
.footer_navi_list ul.footer_navi_list04 {
width: 100% !important;
display: flex;
flex-wrap: wrap;
}
.footer_navi_list ul.footer_navi_list04 li {
width: 100%;
}
.footer_navi_list ul.footer_navi_list02,
.footer_navi_list ul.footer_navi_list03 {
width: 48% !important;
}
.footer_navi_list ul.footer_navi_list01,
.footer_navi_list ul.footer_navi_list02,
.footer_navi_list ul.footer_navi_list03 {
margin: 0;
}
.footer_navi ul.footer_navi_list01 li a,
.footer_navi ul.footer_navi_list04 li a,
.footer_navi ul li.footer_navi_list_tit a {
font-size: 1rem;
}
.footer_navi ul li a {
font-size: 1rem;
}
.footer_navi_list_sub {
padding: 0.2rem 0 0.7rem .7rem;
}
}
@media (min-width:768px) {
.footer_info1 {
margin-right: 1rem;
}
}
.container {
max-width: 1200px;
margin: auto;
}
@media screen and (max-width: 999px) {
.container {
margin-left: 5px;
margin-right: 5px;
}
}
.container.gutters {
max-width: 1200px;
margin: auto;
}
@media screen and (max-width: 1200px) {
.container.gutters {
width: 95%;
}
}
@media (min-width: 1000px) {
.sp-only {
display: none !important;
}
}
@media (max-width: 999px) {
.pc-only {
display: none !important;
}
}
/* 20231031 */
.main-title {
font-size: min(8.4vw, 2.4em);
margin-bottom: 30px;
}
.main-title span {
font-size: 1.3rem;
display: block;
color: #9d0000;
margin-bottom: 15px;
letter-spacing: 3px;
}
.top-about {
padding: 5.5em 1em 7.5em 1em;
text-align: center;
position: relative;
margin: clamp(-210px, -6vw, -100px) auto 0;
background: #fff;
width: clamp(100% - 20px * 2, 100% - 2vw * 2, 100% - 50px * 2);
max-width: 1000px;
width: 80%;
}
@media (min-width:768px){
.top-about .main-title{
margin-bottom: 60px;
}
}
.top-about .container.gutters.z-index3{
position: relative;
z-index:3;
}
.top-about ul.top-about-list {
margin: 1.3rem 0;
}
.top-about p {
line-height: 2.3;
display: inline;
padding: 3px;
}
.top-about .top-about_backtxt {
background-color: #004353;
padding: 10px 10px 10px 10px;
color: #fff;
display: inline-block;
margin-right: 2%;
}
.top-about .top-about_backtxt:last-child {
margin-right: 0;
}
.l-header__inner .header-logo {
max-width: 400px;
display: block;
}
@media (max-width:767px) {
.main-title span {
font-size: 1rem;
}
.top-about {
padding: 2.5em 1rem;
width: 90%;
}
.top-about .top-about_backtxt {
margin-bottom: 10px;
}
.top-about .top-about_backtxt:last-child {
margin-bottom: 0;
}
.l-header__inner .header-logo {
max-width: 270px;
display: flex;
height: 100%;
padding-left:15px;
}
}
.top-business {
margin: 0 auto 6em auto;
background-image: url("./assets/images/top-business-contents-backimg.jpg");
padding: 4em;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}
.top-business-contents img.mb {
margin-bottom: 30px;
}
.top-business .top-business-wrap {
display: flex;
max-width: 1400px;
margin: auto;
width: 100%;
}
.top-business-contents {
width: 100%;
/* height: 500px; */
padding-top: 38px;
padding-bottom: 21px;
background-color: #fff;
margin: 0 1%;
position: relative;
z-index: 4;
}
.top-business .top-business-contents.b-contents1 {
border-top: solid 3px #cc3433;
}
.top-business .top-business-contents.b-contents2 {
border-top: solid 3px #cc3433;
}
@media (max-width:767px) {
.top-business {
padding: 2em 1.5em;
}
.top-business .top-business-wrap {
display: block;
width: 100%;
}
.top-business-contents {
margin: 0;
/* height: 320px; */
padding-top: 38px;
}
}
.text-white {
color: #fff !important;
}
.text-center {
text-align: center;
}
a.orizin-btn1 {
display: flex;
vertical-align: middle;
text-decoration: none;
margin: auto;
width: 20em;
height: 4em;
color: #ccc;
cursor: pointer;
transition: all 0.85s cubic-bezier(.17, .67, .14, .93);
transform-style: preserve-3d;
transform-origin: 100% 50%;
}
a.orizin-btn1:hover {
transform: rotateX(-90deg);
}
a.orizin-btn1 .orizin-btn1-side {
box-sizing: border-box;
position: absolute;
display: inline-block;
width: 20em;
text-align: center;
padding: 1.2rem 4rem;
font-weight: bold;
letter-spacing: 2px;
}
a.orizin-btn1 .orizin-btn1-top {
background: #9d0000;
color: #fff;
transform: rotateX(90deg) translate3d(0, 0, 1.65em);
}
a.orizin-btn1 .orizin-btn1-front {
background: #1b2048;
color: #fff;
transform: translate3d(0, 0, 1.65em);
}
@media (max-width:767px) {
a.orizin-btn1 {
width: 95%;
}
a.orizin-btn1 .orizin-btn1-side {
width: 100%;
}
}
.top-mv {
position: relative;
background: #1b2048;
padding-top: 58px;
/* height: min(110vh, 1080px); */
}
.top-mv img {
width: 93%;
object-fit: cover;
}
@media (max-width:767px) {
.top-mv {
padding-top: 0;
}
}
@media (max-width:600px) {
.top-mv {
height: min(95vh, 1080px);
}
.top-mv img{
height:70vh;
}
}
/* 20231101 */
.top-mv .top-mv-catch {
position: absolute;
z-index:10;
top: min(240px, 15vw);
left: clamp(20px, 6vw, 118px);
color: #fff;
width: 85%;
}
@media (max-width:767px){
.top-mv .top-mv-catch{
top: 40px;
}
}
.top-mv .top-mv-catch .top-mv-textarea {
max-width: 600px;
font-size: 16px;
line-height: 1.8;
}
.top-mv-catch .top-mv-catch-title {
display: flex;
flex-direction: column;
font-size: min(5.6vw, 2.6em);
font-weight: bold;
font-family: var(--font-jp_min_b);
line-height: .8em;
margin: 0 0 2.87rem;
color: #fff;
}
@media (max-width:767px){
.top-mv-catch .top-mv-catch-title{
margin: 0 0 0.87rem;
}
}
.top-mv-catch .top-mv-row {
line-height: 1.4;
}
/* top-cta */
.top-mv .top-mv-cta {
position: absolute;
right: 3%;
color: #fff;
bottom: 20%;
max-width: 480px;
width: 95%;
}
.top-mv-cta .top-mv-cta_inner {
background: #9d0000;
padding: 2em;
position: relative;
z-index: 3;
}
@media (min-width:768px) {
.top-mv-ttl {
text-align: center;
}
}
@media (max-width:767px) {
.top-mv-cta .top-mv-cta_inner {
padding: 1.5em 1em;
}
.top-mv-cta .top-mv-cta_inner h2{
font-size: 1em;
}
.top-mv-cta .top-mv-cta_inner p{
font-size: 1rem;
}
.top-mv .top-mv-catch .top-mv-textarea {
font-size: 14px;
}
}
.top-mv-cta .top-mv-cta_inner p {
line-height: 1.4;
}
.top-mv .top-mv-copy {
color: #fff;
writing-mode: vertical-rl;
display: block;
margin: 0 0 20px auto;
font-size: .75rem;
opacity: .5;
line-height: 1;
width: 100%;
}
.top-mv-btn {
text-align: center;
}
.top-mv-btn.cta-icon a {
position: relative;
display: block;
border: 3px solid #fff;
padding: 1em 1em 1em 1em;
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 300px;
margin-top: 30px;
color: #fff;
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.top-mv-btn.cta-icon a:before {
position: absolute;
content: '';
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
top: 50%;
right: 15px;
transform: translateY(-50%)rotate(45deg);
-moz-transition: .3s ease-in-out;
-ms-transition: .3s ease-in-out;
-o-transition: .3s ease-in-out;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.top-mv-btn.cta-icon a:hover {
background-color: #fff;
color: #000;
}
.top-mv-btn.cta-icon a:hover:before {
border-top: 1px solid #000;
border-right: 1px solid #000;
}
@media (max-width:767px){
.top-mv-btn.cta-icon a{
margin-top:15px;
padding: 10px;
}
}
.progressbar {
display: flex;
flex-wrap: wrap;
margin-top: 2em;
}
.progressbar .item {
position: relative;
width: 50%;
text-align: center;
position: relative;
align-items: center;
justify-content: center;
padding: 13px 0;
line-height: 1.5;
background: #F5F5F5;
color: #999999;
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
left: 100%;
content: '';
border: 34px solid transparent;
border-left: 20px solid #F5F5F5;
margin: auto;
}
.progressbar .item:not(:last-child)::before {
margin-left: 0px;
border-left-color: #FFF;
}
@media screen and (max-width: 999px) {
.progressbar .item {
font-size: 11px;
line-height: 1.4;
padding: 10px 0;
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
border-width: 25px;
border-left-width: 12px;
}
}
/* active */
.progressbar .item.active {
z-index: 1;
background: #1b2048;
color: #FFF;
}
.progressbar .item.active:not(:last-child)::after {
border-left-color: #1b2048;
}
.progressbar .item.active:not(:last-child)::before {
border-left: none;
}
/*ContactForm7カスタマイズ*/
table.CF7_table {
border-collapse: collapse;
width: 100%;
margin: 0 auto;
margin-top: 1.5em;
/* border: 1px solid #000000; */
}
table.CF7_table th {
padding: 1em;
border-top: 1px solid #ffffff;
border-left: 1px solid #919191;
}
table.CF7_table td {
padding: 1em;
/* border-top: 1px solid #919191;
border-left: 1px solid #919191;
border-right: 1px solid #919191; */
}
@media (max-width:767px) {
table.CF7_table th {
border: unset;
}
}
/* table.CF7_table td.all-last-border {
border-bottom: 1px solid #919191;
} */
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table {
display: table;
}
.CF7_table p {
text-align: left;
}
/*入力欄*/
.CF7_table input,
.CF7_table textarea {
border: 1px solid #666;
}
.CF7_table ::placeholder {
color: #797979;
}
/*「必須」文字*/
.CF7_req {
font-size: 12px;
padding: 0px 7px 2px 5px;
background: red;
color: #fff;
border-radius: 6px;
margin-left: 7px;
}
/*「任意」文字*/
.CF7_unreq {
font-size: .9em;
padding: 5px 10px;
background: none;
color: #fff;
border-radius: 3px;
margin-right: 7px;
}
/* タイトル列 */
.CF7_table th {
width: 30%;
background-color: #1b2048;
color: #fff;
}
@media screen and (min-width: 1000px) {
.CF7_table th {
width: 30%;
background-color: #1b2048;
}
table.CF7_table th.pc-first-border {
border-top: 1px solid #919191;
}
table.CF7_table th.pc-last-border {
border-bottom: 1px solid #919191;
}
}
@media screen and (max-width: 1000px) {
/* table.CF7_table {
width: 95%;
} */
.CF7_table th {
border-right: 1px solid #000000;
}
.CF7_table tr,
.CF7_table td,
.CF7_table th {
display: block;
width: 100%;
line-height: 2.5em;
}
}
.wpcf7 input.wpcf7-submit {
background: #1b2048;
border: 0;
color: #fff;
font-size: 1.2em;
font-weight: bold;
margin: 1em auto 0 auto;
}
.CF7_btn {
text-align: center;
margin-top: 20px;
}
.wpcf7-spinner {
width: 0;
margin: 0;
}
.progressbar {
display: flex;
flex-wrap: wrap;
}
.row-grid {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 3em;
margin-bottom: 1%;
}
@media screen and (max-width: 767px) {
.row-grid {
display: block;
padding: 0 10px;
}
}
.row-grid .grid_center {
display: grid;
vertical-align: middle;
align-items: center;
}
@media screen and (max-width: 767px) {
.row-grid .cols {
margin-bottom: 2%;
}
}
.row-grid .cols:last-child {
margin-bottom: 0;
}
.row-grid .span-2 {
grid-column: 2 span;
}
.row-grid .span-3 {
grid-column: 3 span;
}
.row-grid .span-4 {
grid-column: 4 span;
}
.row-grid .span-5 {
grid-column: 5 span;
}
.row-grid .span-6 {
grid-column: 6 span;
}
.row-grid .span-7 {
grid-column: 7 span;
}
.row-grid .span-8 {
grid-column: 8 span;
}
.row-grid .span-9 {
grid-column: 9 span;
}
.row-grid .span-10 {
grid-column: 10 span;
}
.row-grid .span-11 {
grid-column: 11 span;
}
.row-grid .span-12 {
grid-column: 12 span;
}
.row-grid .span_height1 {
grid-row: 1 span;
}
.row-grid .span_height2 {
grid-row: 2 span;
}
.row-grid .span_height3 {
grid-row: 3 span;
}
.row-grid .span_height4 {
grid-row: 3 span;
}
.row-grid.reverse {
direction: rtl;
}
.row-grid.reverse p,
.row-grid.reverse ul,
.row-grid.reverse ol,
.row-grid.reverse table,
.row-grid.reverse span,
.row-grid.reverse div {
direction: initial;
}
@media screen and (max-width: 767px) {
.row-grid.sp_img {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
}
.row-grid.sp_img.col2 .cols {
grid-column: 6 span;
}
.row-grid.sp_img.col3 .cols {
grid-column: 4 span;
}
.row-grid.sp_img.col4 .cols {
grid-column: 3 span;
}
}
.container {
max-width: 1400px;
margin: auto;
}
@media screen and (max-width: 767px) {
.container {
margin-left: 5px;
margin-right: 5px;
}
}
.main-title2 {
font-size: 36px;
letter-spacing: 0.15em;
text-align: center;
}
.main-title2::first-letter {
color: #1b2048;
}
.orizin-title2 {
font-weight: normal;
border-bottom: 2px solid #1b2048;
padding: 0.3em;
margin-bottom: 0.3em;
font-size: 1.6em;
position: relative;
}
.orizin-title2:first-letter {
font-size: 1.5em;
color: #9d0000;
font-weight: bold;
}
.orizin-title2::before,
.orizin-title2::after {
content: '';
background-color: #1b2048;
width: 1px;
height: 25px;
transform: rotate(30deg);
position: absolute;
bottom: -15px;
}
.orizin-title2::before {
right: 2.5em;
}
.orizin-title2::after {
right: 2em;
}
.orizin-title3 {
font-weight: normal;
padding: 0em 0 0.6em 0;
margin-bottom: 0.3em !important;
position: relative;
font-size: 1.3em;
}
.orizin-title3::before {
content: '';
background-color: #1b2048;
width: 2em;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
}
/* 20231106 */
.table-design-2 {
line-height: 1.6666;
width: 100%;
border-collapse: separate;
border-spacing: 0;
text-align: left;
border-top: 1px solid #aaa;
}
.table-design-2>tbody>tr>th,
.table-design-2>tbody>tr>td {
padding: 1em;
border-bottom: 1px solid #aaa;
font-size: 16px;
}
.table-design-2>tbody>tr>th {
background: #1b2048;
font-weight: normal;
color: #fff;
}
ul.works-list-1 {
line-height: 1.5em;
margin: 5px 0 15px;
padding: 0;
}
ul.works-list-1 li {
list-style: none;
position: relative;
padding: 0 0 0 20px;
line-height: 1.4;
margin-bottom: 10px;
}
ul.works-list-1.triangle li::before {
content: "";
position: absolute;
left: 0;
top: 5px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 10px solid #9d0000;
}
ul.works-list-1.arrow li::before {
content: "";
position: absolute;
left: 0;
top: 9px;
height: 5px;
width: 5px;
border: 1px solid #9d0000;
border-width: 2px 2px 0 0;
transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
.table-responsisive tr th,
.table-responsisive tr td {
width: 100% !important;
display: block;
}
}
.googlemap {
position: relative;
width: 100%;
height: 0;
padding-top: 30%;
/* 比率を4:3に固定 */
min-height: 300px;
;
}
/* Google Mapのiframe */
.googlemap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* 20231107 */
table.table-design-3 {
max-width: 1200px;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0px 15px;
width: 100%;
}
table.table-design-3 th,
table.table-design-3 td {
padding: 10px;
}
table.table-design-3 th {
background: #1b2048;
vertical-align: middle;
text-align: left;
overflow: visible;
position: relative;
color: #fff;
font-weight: normal;
font-size: 16px;
}
table.table-design-3 th:after {
left: 100%;
top: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-left-color: #1b2048;
border-width: 10px;
margin-top: -10px;
}
table.table-design-3 td {
font-size: 16px;
}
@media (max-width:767px) {
table.table-design-3 {
border-spacing: 0;
}
table.table-design-3 th::after {
content: unset !important;
}
}
/* firefox */
@-moz-document url-prefix() {
table.table-design-3 th::after {
float: right;
padding: 0;
left: 30px;
top: 17px;
content: " ";
height: 0;
width: 0;
position: relative;
pointer-events: none;
border: 10px solid transparent;
border-left: #1b2048 10px solid;
margin-top: -10px;
}
}
table.table-design-3 td {
background: #f8f8f8;
padding-left: 20px;
}
.text-right {
text-align: right;
}
.access-place-txt {
position: relative;
padding-bottom: 20px;
font-size: 18px !important;
text-align: center;
line-height: 1;
}
.access-place-txt::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 7px;
height: 7px;
background-color: #1b2048;
border-radius: 7px;
}
.company-message-txt {
font-size: 16px !important;
}
.p-widget.widget_recent_entries ul {
padding-left: 2em;
}
.p-widget.widget_recent_entries ul li {
margin-bottom: 25px;
}
.p-widget.widget_recent_entries ul li:last-of-type {
margin-bottom: 0;
}
.ancor-button_wrap {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 6em !important;
}
.ancor-button_wrap li {
margin: 0 1%;
}
a.ancor-button {
background-color: #1b2048 !important;
color: #fff !important;
padding: 1rem;
transition: all 0.3s;
min-width: 280px;
display: block;
text-align: center;
font-size: 1.2em;
}
a.ancor-button:hover {
background-color: #cfcfcf;
color: #000;
}
.ancor-ajust_innner {
padding-top: 80px !important;
margin-top: -80px;
}
@media (max-width:767px) {
.ancor-button_wrap {
display: block;
margin-bottom: 2em !important;
}
.ancor-button_wrap li {
margin-bottom: 1rem;
}
.ancor-ajust_innner {
padding-top: 40px !important;
margin-top: -40px;
}
}
.position-wrap {
position: relative;
}
.top-about-logo {
position: absolute;
max-width: 600px;
bottom: 0px;
left: 50%;
z-index: 2;
opacity: .3;
top: 50%;
transform: translate(-50%,-50%);
}
.top-about-circle1 {
position: absolute;
max-width: 300px;
bottom: -150px;
left: -5px;
z-index: 1;
transition: .4s ease-in-out;
animation:TopAboutRotate 45s infinite;
animation-timing-function: linear;
}
@keyframes TopAboutRotate {
0% {
transform: rotate(0deg);
}
12.5% {
transform: rotate(90deg);
}
25% {
transform: rotate(180deg);
}
37.5% {
transform: rotate(270deg);
}
50% {
transform: rotate(360deg);
}
62.5% {
transform: rotate(450deg);
}
75% {
transform: rotate(540deg);
}
87.5% {
transform: rotate(630deg);
}
100% {
transform: rotate(720deg);
}
}
.top-about-circle2 {
position: absolute;
max-width: 350px;
top: 0;
right: 80px;
z-index: 2;
animation:TopAboutRotate-r2 50s infinite;
animation-timing-function: linear;
transition: .4s ease-in-out;
}
@media (max-width:1400px){
.top-about-circle2 {
display: none;
}
}
@keyframes TopAboutRotate-r2 {
0% {
transform: rotate(0deg);
}
12.5% {
transform: rotate(-90deg);
}
25% {
transform: rotate(-180deg);
}
37.5% {
transform: rotate(-270deg);
}
50% {
transform: rotate(-360deg);
}
62.5% {
transform: rotate(-450deg);
}
75% {
transform: rotate(-540deg);
}
87.5% {
transform: rotate(-630deg);
}
100% {
transform: rotate(-720deg);
}
}
.top-about-circle3 {
position: absolute;
max-width: 275px;
bottom: -1px;
left: -140px;
z-index: 1;
animation:TopAboutRotate-r 55s infinite;
animation-timing-function: linear;
transition: .4s ease-in-out;
}
@keyframes TopAboutRotate-r {
0% {
transform: rotate(0deg);
}
12.5% {
transform: rotate(-90deg);
}
25% {
transform: rotate(-180deg);
}
37.5% {
transform: rotate(-270deg);
}
50% {
transform: rotate(-360deg);
}
62.5% {
transform: rotate(-450deg);
}
75% {
transform: rotate(-540deg);
}
87.5% {
transform: rotate(-630deg);
}
100% {
transform: rotate(-720deg);
}
}
@media (min-width:1700px){
.top-about-circle1 {
max-width: 400px;
bottom: -200px;
}
.top-about-circle2 {
max-width: 360px;
/* top: -135px; */
}
}
@media (max-width:1000px){
.top-about-circle1,.top-about-circle2,.top-about-circle3 {
display: none;
}
}
@media (min-width:420px) and (max-width:767px){
.top-about-logo {
top: calc(50% + 60px);
}
}
@media (min-width:768px){
.top-about-logo {
top: calc(50% + 55px);
}
}
/* .top-mv-catch-title .top-mv-row{
overflow: hidden;
}
.top-mv-catch-title .top-mv-row span{
display: inline-block;
transform: translate(0, 105%);
transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s;
}
.top-mv-catch-title .top-mv-row::before {
content: attr(data-en);
position: absolute;
top: -30px;
left: 0;
color: rgba(87, 87, 87, 0.1);
font-size: 1em;
font-style: italic;
}
.top-mv-catch-title .top-mv-row.-visible span{
transform: translate(0, 0);
transition-delay: 0.3s;
}
.top-mv-catch-title .top-mv-row span:nth-child(2) {
transition-delay: 0.36s;
}
.top-mv-catch-title .top-mv-row span:nth-child(3) {
transition-delay: 0.42s;
}
.top-mv-catch-title .top-mv-row span:nth-child(4) {
transition-delay: 0.48s;
}
.top-mv-catch-title .top-mv-row span:nth-child(5) {
transition-delay: 0.54s;
}
.top-mv-catch-title .top-mv-row span:nth-child(6) {
transition-delay: 0.60s;
}
.top-mv-catch-title .top-mv-row span:nth-child(7) {
transition-delay: 0.66s;
}
.top-mv-catch-title .top-mv-row span:nth-child(8) {
transition-delay: 0.72s;
}
.top-mv-catch-title .top-mv-row span:nth-child(9) {
transition-delay: 0.78s;
}
.top-mv-catch-title .top-mv-row span:nth-child(10) {
transition-delay: 0.84s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(1) {
transition-delay: 0.9s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(2) {
transition-delay: 0.96s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(3) {
transition-delay: 1.02s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(4) {
transition-delay: 1.08s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(5) {
transition-delay: 1.14s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(6) {
transition-delay: 1.20s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(7) {
transition-delay: 1.26s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(8) {
transition-delay: 1.32s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(9) {
transition-delay: 1.38s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(10) {
transition-delay: 1.44s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(11) {
transition-delay: 1.50s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(12) {
transition-delay: 1.56s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(13) {
transition-delay: 1.62s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(14) {
transition-delay: 1.68s;
}
.top-mv-catch-title .top-mv-row.mv-row2 span:nth-child(15) {
transition-delay: 1.74s;
}
.top-mv-catch-title .top-mv-row.mv-row3 span:nth-child(26) {
transition-delay: 1.80s;
}
.top-mv-catch-title .top-mv-row.mv-row3 span:nth-child(1) {
transition-delay: 1.86s;
}
.top-mv-catch-title .top-mv-row.mv-row3 span:nth-child(2) {
transition-delay: 1.92s;
}
.top-mv-catch-title .top-mv-row.mv-row3 span:nth-child(3) {
transition-delay: 1.98s;
}
.top-mv-catch-title .top-mv-row.mv-row3 span:nth-child(4) {
transition-delay: 2.04s;
}
.top-mv-catch-title .top-mv-row.mv-row3 span:nth-child(5) {
transition-delay: 2.10s;
}
.top-mv-catch-title .top-mv-row.mv-row3 span:nth-child(6) {
transition-delay: 2.16s;
}
.top-mv-catch-title .top-mv-row.mv-row3 span:nth-child(7) {
transition-delay: 2.22s;
}
.top-mv-catch-title .top-mv-row.mv-row3 span:nth-child(8) {
transition-delay: 2.28s;
}
.top-mv-catch-title .top-mv-row.mv-row3 span:nth-child(9) {
transition-delay: 2.34s;
} */