@charset "utf-8";
@charset "UTF-8";

  *,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
margin: 0;
padding: 0;
display: block;
}
body {
margin: 0;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: .5rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
p {
margin: 0;
}
dt {
font-weight: 600;
}
dd {
margin-bottom: .5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 .5rem;
}
dfn {
font-style: italic;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: .9rem;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"],
input[type="checkbox"] {
box-sizing: border-box;
padding: 0;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
[hidden] {
display: none !important;
}
h1, h2, h3, h4, h5, h6{
margin: 0;
}
hr {
margin-top: .6rem;
margin-bottom: .6rem;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 100%;
}
}
@media (min-width: 992px) {
.container {
max-width: 100%;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1170px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
} .col-15, .col-sm-15, .col-md-15, .col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-15 {
width: 20%;
flex: 0 0 20%;
float: left;
}
@media (min-width: 576px) {
.col-sm-15 {
width: 20%;
flex: 0 0 20%;
float: left;
}
}
@media (min-width: 768px) {
.col-md-15 {
width: 20%;
flex: 0 0 20%;
float: left;
}
.col-md-offset-15 {
margin-left: 4.3333333%;
}
}
@media (min-width: 992px) {
.col-lg-15 {
width: 20%;
flex: 0 0 20%;
float: left;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
background-color: transparent;
}
.table th,
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
border-top: 2px solid #dee2e6;
}
.table-bordered {
border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
border-bottom-width: 2px;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.nav {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
@media (max-width:992px) {
.collapse:not(.show) {
display: none;
}
}
.navbar > .container,
.navbar > .container-fluid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-nav {
display: -ms-flexbox;
display: flex;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
}
.navbar-toggler:not(:disabled):not(.disabled) {
cursor: pointer;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0;
font-weight: 400;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
background-color: transparent;
}
.navbar-nav .dropdown-menu {
position: static;
float: none;
display: none;
}
.dropdown {
position: relative;
}
.dropdown-menu.show {
display: block;
position: absolute;
top: 100%;
left: 0;
}
.dropdown-header {
display: block;
padding: 0.5rem 1.5rem;
margin-bottom: 0;
font-size: 0.875rem;
color: #6c757d;
white-space: nowrap;
}
.dropdown-item-text {
display: block;
padding: 0.25rem 1.5rem;
color: #212529;
} .alignright {float: right; margin: 0px 0 15px 20px;}
.alignleft {float: left; margin: 0px 20px 15px 0;}
.imgR, img.alignright { float: right; margin: 7px 0 15px 20px;}
.imgL, img.alignleft { float: left; margin: 7px 20px 15px 0;}
.tC, .btn { text-align: center;}
.tR, .sign { text-align: right;}
.center { text-align: center;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;} .ac {text-align: center !important;}
.ar {text-align: right !important;}
.al {text-align: left !important;}
.bold{font-weight: bold !important;}
.font10 {font-size: 1rem !important;}.font11 {font-size: 1.1rem !important;}.font12 {font-size: 1.2rem !important;}.font13 {font-size: 1.3rem !important;}.font14 {font-size: 1.4rem !important;}.font15 {font-size: 1.5rem !important;}.font16 {font-size: 1.6rem !important;}.font17 {font-size: 1.7rem !important;}.font18 {font-size: 1.8rem !important;}.font19 {font-size: 1.9rem !important;}.font20 {font-size: 2rem !important;}.font21 {font-size: 2.1rem !important;}.font22 {font-size: 2.2rem !important;}.font23 {font-size: 2.3rem !important;}.font24 {font-size: 2.4rem !important;}.font25 {font-size: 2.5rem !important;}.font26 {font-size: 2.6rem !important;}.font27 {font-size: 2.7rem !important;}.font28 {font-size: 2.8rem !important;}.font29 {font-size: 2.9rem !important;}.font30 {font-size: 3rem !important;}.font31 {font-size: 3.1rem !important;}.font32 {font-size: 3.2rem !important;}.font33 {font-size: 3.3rem !important;}.font34 {font-size: 3.4rem !important;}.font35 {font-size: 3.5rem !important;}.font36 {font-size: 3.6rem !important;}.font37 {font-size: 3.7rem !important;}.font38 {font-size: 3.8rem !important;}.font39 {font-size: 3.9rem !important;}.font40 {font-size: 4rem !important;}.font41 {font-size: 4.1rem !important;}.font42 {font-size: 4.2rem !important;}.font43 {font-size: 4.3rem !important;}.font44 {font-size: 4.4rem !important;}.font45 {font-size: 4.5rem !important;}.font46 {font-size: 4.6rem !important;}.font47 {font-size: 4.7rem !important;}.font48 {font-size: 4.8rem !important;}.font49 {font-size: 4.9rem !important;}.font50 {font-size: 5rem !important;} .mt00 {margin-top: rem !important;}.mt05 {margin-top: .5rem !important;}.mt10 {margin-top: 1rem !important;}.mt15 {margin-top: 1.5rem !important;}.mt20 {margin-top: 2rem !important;}.mt25 {margin-top: 2.5rem !important;}.mt30 {margin-top: 3rem !important;}.mt35 {margin-top: 3.5rem !important;}.mt40 {margin-top: 4rem !important;}.mt45 {margin-top: 4.5rem !important;}.mt50  {margin-top: 5rem !important;}.mt55  {margin-top: 5.5rem !important;}.mt60  {margin-top: 6rem !important;}.mt65  {margin-top: 6.5rem !important;}.mt70  {margin-top: 7rem !important;}.mt75  {margin-top: 7.5rem !important;}.mt80  {margin-top: 8rem !important;}.mt85  {margin-top: 8.5rem !important;}.mt90  {margin-top: 9rem !important;}.mt95  {margin-top: 9.5rem !important;}.mt100  {margin-top: 10rem !important;}.mr00  {margin-right: rem !important;}.mr05  {margin-right: .5rem !important;}.mr10  {margin-right: 1rem !important;}.mr15  {margin-right: 1.5rem !important;}.mr20  {margin-right: 2rem !important;}.mr25  {margin-right: 2.5rem !important;}.mr30  {margin-right: 3rem !important;}.mr35  {margin-right: 3.5rem !important;}.mr40  {margin-right: 4rem !important;}.mr45  {margin-right: 4.5rem !important;}.mr50  {margin-right: 5rem !important;}.mr55  {margin-right: 5.5rem !important;}.mr60  {margin-right: 6rem !important;}.mr65  {margin-right: 6.5rem !important;}.mr70  {margin-right: 7rem !important;}.mr75  {margin-right: 7.5rem !important;}.mr80  {margin-right: 8rem !important;}.mr85  {margin-right: 8.5rem !important;}.mr90  {margin-right: 9rem !important;}.mr95  {margin-right: 9.5rem !important;}.mr100  {margin-right: 10rem !important;}.mb00  {margin-bottom: rem !important;}.mb05  {margin-bottom: .5rem !important;}.mb10  {margin-bottom: 1rem !important;}.mb15  {margin-bottom: 1.5rem !important;}.mb20  {margin-bottom: 2rem !important;}.mb25  {margin-bottom: 2.5rem !important;}.mb30  {margin-bottom: 3rem !important;}.mb35  {margin-bottom: 3.5rem !important;}.mb40  {margin-bottom: 4rem !important;}.mb45  {margin-bottom: 4.5rem !important;}.mb50  {margin-bottom: 5rem !important;}.mb55  {margin-bottom: 5.5rem !important;}.mb60  {margin-bottom: 6rem !important;}.mb65  {margin-bottom: 6.5rem !important;}.mb70  {margin-bottom: 7rem !important;}.mb75  {margin-bottom: 7.5rem !important;}.mb80  {margin-bottom: 8rem !important;}.mb85  {margin-bottom: 8.5rem !important;}.mb90  {margin-bottom: 9rem !important;}.mb95  {margin-bottom: 9.5rem !important;}.mb100  {margin-bottom: 10rem !important;}.ml00  {margin-left: rem !important;}.ml05  {margin-left: .5rem !important;}.ml10  {margin-left: 1rem !important;}.ml15  {margin-left: 1.5rem !important;}.ml20  {margin-left: 2rem !important;}.ml25  {margin-left: 2.5rem !important;}.ml30  {margin-left: 3rem !important;}.ml35  {margin-left: 3.5rem !important;}.ml40  {margin-left: 4rem !important;}.ml45  {margin-left: 4.5rem !important;}.ml50  {margin-left: 5rem !important;}.ml55  {margin-left: 5.5rem !important;}.ml60  {margin-left: 6rem !important;}.ml65  {margin-left: 6.5rem !important;}.ml70  {margin-left: 7rem !important;}.ml75  {margin-left: 7.5rem !important;}.ml80  {margin-left: 8rem !important;}.ml85  {margin-left: 8.5rem !important;}.ml90  {margin-left: 9rem !important;}.ml95  {margin-left: 9.5rem !important;}.ml100  {margin-left: 10rem !important;} .pt00 { padding-top: rem !important;}.pt05 { padding-top: .5rem !important;}.pt10 { padding-top: 1rem !important;}.pt15 { padding-top: 1.5rem !important;}.pt20 { padding-top: 2rem !important;}.pt25 { padding-top: 2.5rem !important;}.pt30 { padding-top: 3rem !important;}.pt35 { padding-top: 3.5rem !important;}.pt40 { padding-top: 4rem !important;}.pt45 { padding-top: 4.5rem !important;}.pt50 { padding-top: 5rem !important;}.pt55 { padding-top: 5.5rem !important;}.pt60 { padding-top: 6rem !important;}.pt65 { padding-top: 6.5rem !important;}.pt70 { padding-top: 7rem !important;}.pt75 { padding-top: 7.5rem !important;}.pt80 { padding-top: 8rem !important;}.pt85 { padding-top: 8.5rem !important;}.pt90 { padding-top: 9rem !important;}.pt95 { padding-top: 9.5rem !important;}.pt100 { padding-top: 10rem !important;}.pr00 { padding-right: rem !important;}.pr05 { padding-right: .5rem !important;}.pr10 { padding-right: 1rem !important;}.pr15 { padding-right: 1.5rem !important;}.pr20 { padding-right: 2rem !important;}.pr25 { padding-right: 2.5rem !important;}.pr30 { padding-right: 3rem !important;}.pr35 { padding-right: 3.5rem !important;}.pr40 { padding-right: 4rem !important;}.pr45 { padding-right: 4.5rem !important;}.pr50 { padding-right: 5rem !important;}.pr55 { padding-right: 5.5rem !important;}.pr60 { padding-right: 6rem !important;}.pr65 { padding-right: 6.5rem !important;}.pr70 { padding-right: 7rem !important;}.pr75 { padding-right: 7.5rem !important;}.pr80 { padding-right: 8rem !important;}.pr85 { padding-right: 8.5rem !important;}.pr90 { padding-right: 9rem !important;}.pr95 { padding-right: 9.5rem !important;}.pr100 { padding-right: 10rem !important;}.pb00 { padding-bottom: rem !important;}.pb05 { padding-bottom: .5rem !important;}.pb10 { padding-bottom: 1rem !important;}.pb15 { padding-bottom: 1.5rem !important;}.pb20 { padding-bottom: 2rem !important;}.pb25 { padding-bottom: 2.5rem !important;}.pb30 { padding-bottom: 3rem !important;}.pb35 { padding-bottom: 3.5rem !important;}.pb40 { padding-bottom: 4rem !important;}.pb45 { padding-bottom: 4.5rem !important;}.pb50 { padding-bottom: 5rem !important;}.pb55 { padding-bottom: 5.5rem !important;}.pb60 { padding-bottom: 6rem !important;}.pb65 { padding-bottom: 6.5rem !important;}.pb70 { padding-bottom: 7rem !important;}.pb75 { padding-bottom: 7.5rem !important;}.pb80 { padding-bottom: 8rem !important;}.pb85 { padding-bottom: 8.5rem !important;}.pb90 { padding-bottom: 9rem !important;}.pb95 { padding-bottom: 9.5rem !important;}.pb100 { padding-bottom: 10rem !important;}.pl00 { padding-left: rem !important;}.pl05 { padding-left: .5rem !important;}.pl10 { padding-left: 1rem !important;}.pl15 { padding-left: 1.5rem !important;}.pl20 { padding-left: 2rem !important;}.pl25 { padding-left: 2.5rem !important;}.pl30 { padding-left: 3rem !important;}.pl35 { padding-left: 3.5rem !important;}.pl40 { padding-left: 4rem !important;}.pl45 { padding-left: 4.5rem !important;}.pl50 { padding-left: 5rem !important;}.pl55 { padding-left: 5.5rem !important;}.pl60 { padding-left: 6rem !important;}.pl65 { padding-left: 6.5rem !important;}.pl70 { padding-left: 7rem !important;}.pl75 { padding-left: 7.5rem !important;}.pl80 { padding-left: 8rem !important;}.pl85 { padding-left: 8.5rem !important;}.pl90 { padding-left: 9rem !important;}.pl95 { padding-left: 9.5rem !important;}.pl100 { padding-left: 10rem !important;}.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden; z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
-moz-transform: translate3d(0px, 0, 0);
-o-transform: translate(0px, 0px);
-ms-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: auto; position: relative;
} .swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
} .swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
} .swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
} .swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
width: 30px;
height: 30px;
margin-top: 0px;
z-index: 10;
cursor: pointer;
-moz-background-size: 100%;
-webkit-background-size: 100%;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
left: 10px;
right: auto;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/prev-arrow.svg);
background-size: 30px auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
right: 10px;
left: auto;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/next-arrow.svg);
background-size: 30px auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.mvslide .swiper-button-prev{
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/css/images/slide_arrow_l.png);
background-size: 100%;
}
.mvslide .swiper-button-next{
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/css/images/slide_arrow_r.png);
background-size: 100%;
} .swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}  .swiper-pagination-bullet {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
-moz-transform: translate3d(0px, -50%, 0);
-o-transform: translate(0px, -50%);
-ms-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
} .swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
} .swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper { -ms-perspective: 1200px;
} .swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
} .swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
} .swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
object-fit: contain;
} .swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
} .swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url(https://use.typekit.net/vuh8cwb.css);
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap");
:root {
--odp-blue:#20aee5;
--odp-blue-right: #aae0f5;
}
html {
margin: 0;
padding: 0;
overflow-y: scroll;
font-size: 62.5%;
}
body {
margin: 0;
padding: 0;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
font-style: normal;
color: #333;
font-size: 15px;
line-height: 1.6;
font-feature-settings: "palt" 1;
}
.url,.tel,.fax,.pankuzu,.Button,.category,.address,.email,.icon,.home-slider .label,
h1,h2,h3,h4,h5,h6,
nav {
font-family: "Noto Sans JP", sans-serif;
} ul {
margin: 0 0 0 15px;
padding: 0;
}
ul li {
margin-right: 0px;
}
label {
width: auto;
max-width: auto;
}
p {
line-height: 1.6;
} a {
text-decoration: underline;
}
a:link {
text-decoration: underline;
}
a:visited {
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a:active {
color: rgba(71, 71, 71, 1.00);
}  #contents:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
.alignright {float: right; margin: 0px 0 10px 20px;}
.alignleft {float: left; margin: 0px 20px 10px 0;}
.imgR, img.alignright { float: right; margin: 7px 0 10px 20px;}
.imgL, img.alignleft { float: left; margin: 7px 20px 10px 0;}
.tC, .btn { text-align: center;}
.tR, .sign { text-align: right;}
.center { text-align: center;}
.aligncenter { display: block; margin-left: auto; margin-right: auto;} .ac {text-align: center !important;}
.ar {text-align: right !important;}
.al {text-align: left !important;}
.bold{font-weight: bold !important;}
.font10 {font-size: 10px !important;}
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font16 {font-size: 16px !important;}
.font17 {font-size: 17px !important;}
.font18 {font-size: 18px !important;}
.font19 {font-size: 19px !important;}
.font20 {font-size: 20px !important;}
.font21 {font-size: 21px !important;}
.font22 {font-size: 22px !important;}
.font23 {font-size: 23px !important;}
.font24 {font-size: 24px !important;}
.font25 {font-size: 25px !important;}
.font26 {font-size: 26px !important;}
.font27 {font-size: 27px !important;}
.font28 {font-size: 28px !important;}
.font29 {font-size: 29px !important;}
.font30 {font-size: 30px !important;}
.font31 {font-size: 31px !important;}
.font32 {font-size: 32px !important;}
.font33 {font-size: 33px !important;}
.font34 {font-size: 34px !important;}
.font35 {font-size: 35px !important;} .fr {float: right !important;}
.fl {float: left !important;}
.clear {clear: both;}
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix { height: 1px; /*/*/}/**/div.hr {clear: both;}
div.hr hr {display: none;}
.mt00 {margin-top: 0px !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50  {margin-top: 50px !important;}
.mt55  {margin-top: 55px !important;}
.mt60  {margin-top: 60px !important;}
.mt65  {margin-top: 65px !important;}
.mt70  {margin-top: 70px !important;}
.mt75  {margin-top: 75px !important;}
.mt80  {margin-top: 80px !important;}
.mt85  {margin-top: 85px !important;}
.mt90  {margin-top: 90px !important;}
.mt95  {margin-top: 95px !important;}
.mt100  {margin-top: 100px !important;}
.mr00  {margin-right: 0px !important;}
.mr05  {margin-right: 5px !important;}
.mr10  {margin-right: 10px !important;}
.mr15  {margin-right: 15px !important;}
.mr20  {margin-right: 20px !important;}
.mr25  {margin-right: 25px !important;}
.mr30  {margin-right: 30px !important;}
.mr35  {margin-right: 35px !important;}
.mr40  {margin-right: 40px !important;}
.mr45  {margin-right: 45px !important;}
.mr50  {margin-right: 50px !important;}
.mr55  {margin-right: 55px !important;}
.mr60  {margin-right: 60px !important;}
.mr65  {margin-right: 65px !important;}
.mr70  {margin-right: 70px !important;}
.mr75  {margin-right: 75px !important;}
.mr80  {margin-right: 80px !important;}
.mr85  {margin-right: 85px !important;}
.mr90  {margin-right: 90px !important;}
.mr95  {margin-right: 95px !important;}
.mr100  {margin-right: 100px !important;}
.mb00  {margin-bottom: 0px !important;}
.mb05  {margin-bottom: 5px !important;}
.mb10  {margin-bottom: 10px !important;}
.mb15  {margin-bottom: 15px !important;}
.mb20  {margin-bottom: 20px !important;}
.mb25  {margin-bottom: 25px !important;}
.mb30  {margin-bottom: 30px !important;}
.mb35  {margin-bottom: 35px !important;}
.mb40  {margin-bottom: 40px !important;}
.mb45  {margin-bottom: 45px !important;}
.mb50  {margin-bottom: 50px !important;}
.mb55  {margin-bottom: 55px !important;}
.mb60  {margin-bottom: 60px !important;}
.mb65  {margin-bottom: 65px !important;}
.mb70  {margin-bottom: 70px !important;}
.mb75  {margin-bottom: 75px !important;}
.mb80  {margin-bottom: 80px !important;}
.mb85  {margin-bottom: 85px !important;}
.mb90  {margin-bottom: 90px !important;}
.mb95  {margin-bottom: 95px !important;}
.mb100  {margin-bottom: 100px !important;}
.ml00  {margin-left: 0px !important;}
.ml05  {margin-left: 5px !important;}
.ml10  {margin-left: 10px !important;}
.ml15  {margin-left: 15px !important;}
.ml20  {margin-left: 20px !important;}
.ml25  {margin-left: 25px !important;}
.ml30  {margin-left: 30px !important;}
.ml35  {margin-left: 35px !important;}
.ml40  {margin-left: 40px !important;}
.ml45  {margin-left: 45px !important;}
.ml50  {margin-left: 50px !important;}
.ml55  {margin-left: 55px !important;}
.ml60  {margin-left: 60px !important;}
.ml65  {margin-left: 65px !important;}
.ml70  {margin-left: 70px !important;}
.ml75  {margin-left: 75px !important;}
.ml80  {margin-left: 80px !important;}
.ml85  {margin-left: 85px !important;}
.ml90  {margin-left: 90px !important;}
.ml95  {margin-left: 95px !important;}
.ml100  {margin-left: 100px !important;} .pt00 { padding-top: 0px !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}
.pt25 { padding-top: 25px !important;}
.pt30 { padding-top: 30px !important;}
.pt35 { padding-top: 35px !important;}
.pt40 { padding-top: 40px !important;}
.pt45 { padding-top: 45px !important;}
.pt50 { padding-top: 50px !important;}
.pt55 { padding-top: 55px !important;}
.pt60 { padding-top: 60px !important;}
.pt65 { padding-top: 65px !important;}
.pt70 { padding-top: 70px !important;}
.pt75 { padding-top: 75px !important;}
.pt80 { padding-top: 80px !important;}
.pt85 { padding-top: 85px !important;}
.pt90 { padding-top: 90px !important;}
.pt95 { padding-top: 95px !important;}
.pt100 { padding-top: 100px !important;}
.pr00 { padding-right: 0px !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}
.pr25 { padding-right: 25px !important;}
.pr30 { padding-right: 30px !important;}
.pr35 { padding-right: 35px !important;}
.pr40 { padding-right: 40px !important;}
.pr45 { padding-right: 45px !important;}
.pr50 { padding-right: 50px !important;}
.pr55 { padding-right: 55px !important;}
.pr60 { padding-right: 60px !important;}
.pr65 { padding-right: 65px !important;}
.pr70 { padding-right: 70px !important;}
.pr75 { padding-right: 75px !important;}
.pr80 { padding-right: 80px !important;}
.pr85 { padding-right: 85px !important;}
.pr90 { padding-right: 90px !important;}
.pr95 { padding-right: 95px !important;}
.pr100 { padding-right: 100px !important;}
.pb00 { padding-bottom: 0px !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pb25 { padding-bottom: 25px !important;}
.pb30 { padding-bottom: 30px !important;}
.pb35 { padding-bottom: 35px !important;}
.pb40 { padding-bottom: 40px !important;}
.pb45 { padding-bottom: 45px !important;}
.pb50 { padding-bottom: 50px !important;}
.pb55 { padding-bottom: 55px !important;}
.pb60 { padding-bottom: 60px !important;}
.pb65 { padding-bottom: 65px !important;}
.pb70 { padding-bottom: 70px !important;}
.pb75 { padding-bottom: 75px !important;}
.pb80 { padding-bottom: 80px !important;}
.pb85 { padding-bottom: 85px !important;}
.pb90 { padding-bottom: 90px !important;}
.pb95 { padding-bottom: 95px !important;}
.pb100 { padding-bottom: 100px !important;}
.pl00 { padding-left: 0px !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}
.pl25 { padding-left: 25px !important;}
.pl30 { padding-left: 30px !important;}
.pl35 { padding-left: 35px !important;}
.pl40 { padding-left: 40px !important;}
.pl45 { padding-left: 45px !important;}
.pl50 { padding-left: 50px !important;}
.pl55 { padding-left: 55px !important;}
.pl60 { padding-left: 60px !important;}
.pl65 { padding-left: 65px !important;}
.pl70 { padding-left: 70px !important;}
.pl75 { padding-left: 75px !important;}
.pl80 { padding-left: 80px !important;}
.pl85 { padding-left: 85px !important;}
.pl90 { padding-left: 90px !important;}
.pl95 { padding-left: 95px !important;}
.pl100 { padding-left: 100px !important;} .form_small {
width: 50px;
height: 14px;
font-size: 1.4rem;
}
.form_middle {
width: 120px;
height: 14px;
font-size: 1.4rem;
}
.form_long {
width: 260px;
height: 14px;
font-size: 1.4rem;
}
input, textarea {
box-shadow: none;
border: none;
background-color: 
#f7f7f7;
border-radius: 4px;
padding: 5px;
width: 100%;
}
input.day {
width: 230px;
} .navbar-collapse a, .navbar-collapse a:link, .navbar-collapse a:visited {
text-decoration: none;
}
#globalFooter a, #globalFooter a:link, #globalFootera:visited {
text-decoration: none;
}
#page {
text-align: center;
} h1 { font-size: 28px; margin-bottom: .4em; }
h2 { font-size: 26px; margin-bottom: .4em; }
h3 { font-size: 24px; margin-bottom: .4em; }
h4 { font-size: 22px; margin-bottom: .4em; }
h5 { font-size: 20px; margin-bottom: .4em; }
h6 { font-size: 18px; margin-bottom: .4em; }
.gradation-bg {
background-color: var(--odp-blue);
}
h1.gradation-bg { font-size: 22px; padding: 7px; color: #ffffff; }
h2.gradation-bg { font-size: 20px; padding: 7px; color: #ffffff;  }
h3.gradation-bg { font-size: 18px; padding: 7px; color: #ffffff;  }
h4.gradation-bg { font-size: 17px; padding: 7px; color: #ffffff;  }
h5.gradation-bg { font-size: 16px; padding: 7px; color: #ffffff;  }
h6.gradation-bg { font-size: 15px; padding: 7px; color: #ffffff;  }
h6.gradation-bg { font-size: 15px; padding: 7px; color: #ffffff;  }
.gradation-t {
color: #ffffff;
background-color: var(--odp-blue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gradation-block {
padding: 20px;
border-image-slice: 1;
margin-bottom: 30px;
overflow: hidden;
}
.pageTitleBox .line-ttl div {
float: none;
text-align: center;
}
.pageTitleBox .line-ttl span {
text-align: center;
}
h3.border-gradation {
font-size: 26px;
padding-bottom: 10px;
}
@media (max-width:991px) {
h1 { font-size: 20px; }
h2 { font-size: 19px; }
h3 { font-size: 18px; }
h4 { font-size: 17px; }
h5 { font-size: 16px; }
h6 { font-size: 15px; }
h1.gradation-bg { font-size: 16px; padding: 7px; }
h2.gradation-bg { font-size: 16px; padding: 7px; }
h3.gradation-bg { font-size: 16px; padding: 7px; }
h4.gradation-bg { font-size: 16px; padding: 7px; }
h5.gradation-bg { font-size: 16px; padding: 7px; }
h6.gradation-bg { font-size: 15px; padding: 7px; }
h3.border-gradation {
font-size: 20px;
}
} .main {
margin-top: 60px;
}
@media (min-width: 991px) {
.main {
margin-top: 80px;
}
} header#globalHeader {}
#globalHeader hgroup {
text-align: center;
padding-bottom: 20px;
} .toggle {
position: absolute;
top: 13px;
right: 13px;
margin-bottom: 0;
background-color: transparent;
border-style: none;
padding: 0;
}
.toggle:focus {
outline: none;
}
@media all and (max-width: 767px) {
html.is-fixed,
html.is-fixed body {
height: 100%;
overflow-y: hidden;
}
}
.pc {
display: none;
}
@media (min-width: 991px) {
.toggle {
display: none;
}
}
@media (min-width: 991px) {
.smp {
display: none;
}
.nav > li.smp {
display: none;
}
.pc {
display: inline-block;
}
}
@media (max-width: 991px) {
.navbar-collapse {
border-top: 3px solid #000000;
margin-top: 0px;
background-color: rgba(255, 255, 255, 1);
padding-bottom: 10px;
}
}
@media (max-width: 768px) {
ul.nav .smp {
display: block;
}
}
.navbar-toggle-anime, .navbar-toggle-anime span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.navbar-toggle-anime {
position: relative;
width: 26px;
height: 26px;
}
.navbar-toggle-anime span {
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #111111;
border-radius: 4px;
}
.navbar-toggle-anime span:nth-of-type(1) {
top: 0;
}
.navbar-toggle-anime span:nth-of-type(2) {
top: 10px;
}
.navbar-toggle-anime span:nth-of-type(3) {
bottom: 5px;
}
.navbar-toggle-anime.active span:nth-of-type(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-315deg);
}
.navbar-toggle-anime.active span:nth-of-type(2) {
opacity: 0;
}
.navbar-toggle-anime.active span:nth-of-type(3) {
-webkit-transform: translateY(-9px) rotate(315deg);
transform: translateY(-9px) rotate(315deg);
} .navbar-header .navbar-brand {
padding: 10px 0;
margin: 0;
overflow: hidden;
display:flex;
align-items: center;
}
.navbar-header .navbar-brand a {
height: auto;
display: inline-block;
float: left;
}
.navbar-brand .mainTitle {
font-size: 1.2rem;
line-height: 1.4;
margin-left: 20px;
font-weight: 700;
}
.navbar-brand a {
position: relative;
display: block;
}
#top-bar.animated-header {
width: 100%;
box-shadow: none;
position: absolute;
top: 0px;
left: 0px;
z-index: 9999;
background-color: #FFFFFF;
}
@media (max-width: 1290px) {
.navbar-header .navbar-brand {
padding-top: 1rem;
padding-left: 1rem;
}
.navbar-header .navbar-brand a {
width: 80px;
}
.navbar-header .navbar-brand a img {
width: 100%;
height: auto;
}
.navbar-brand .mainTitle {
font-size: 10px;
margin-left: 10px;
line-height: 1.2;
}
}
@media (max-width: 1009px){
.navbar-header .navbar-brand {
padding-top: 1rem;
padding-left: 0rem;
}
}
@media (max-width:991px) {
.navbar-header .navbar-brand {
padding: 5px 0 0 10px;
overflow: hidden;
}
.navbar-brand a img {
width: 85px;
height: auto;
margin-bottom: 5px;
}
}
.navbar-nav li.entry {
position:relative;
}
.navbar-nav li.entry .mark {
background-color: #84be3f;
border-radius: 100px;
color: #ffffff;
font-size: 10px;
font-weight: 700;
display:flex;
justify-content: center;
align-items:center;
}
@media (max-width:768px) {
.navbar-nav li.entry .mark {
width: 34px;
height: 34px;
position: absolute;
right: 0;
top: 1px;
}
} #top-bar.animated-header.page-nav.fixed {
position: fixed;
}
@media (min-width:991px) {
#top-bar.animated-header.home-nav.fixed {
position: fixed;
}
}
#top-bar .main-menu li {
position: relative;
}
#top-bar .main-menu .topNav {
float: right !important;
margin: 20px 7px 0 0;
text-align: right;
}
#top-bar .main-menu .topNav li {
padding: 10px 20px;
line-height: 1;
font-size: 13px;
}
#top-bar .main-menu .topNav li.lineNav {
border-right: 1px solid #FFFFFF;
margin-top: 6px;
}
#top-bar .main-menu .topNav li:nth-child(4) {
border-right: none;
}
#top-bar .main-menu .topNav li.iconNav {
padding: 0px;
margin-left: 30px;
}
#top-bar .main-menu .topNav li.iconNav img {
margin-right: 4px;
margin-top: -4px;
}
#top-bar .main-menu .topNav li a {
color: #1a1a1a;
font-weight: bold;
}
#top-bar .main-menu li {
font-size: 16px;
letter-spacing: 0.1em;
font-weight: 600;
}
#top-bar .main-menu li a {
color: #1a1a1a;
padding-left: 12px;
padding-right: 12px;
}
#top-bar .row {
border-bottom: 3px solid var(--odp-blue);
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
}
#top-bar.page-nav {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/bg-header.png);
background-repeat: repeat-x;
background-position: center bottom;
background-size: 2048px auto;
height: 70px;
}
@media (max-width:1270px) {
#top-bar .main-menu li {
font-size: 13px;
letter-spacing: 0;
}
#top-bar .main-menu .topNav li.iconNav {
margin-left: 10px;
}
}
@media screen and (max-width: 1112px ) {
#top-bar .main-menu .topNav li {
font-size: 1.3rem;
}
#top-bar .main-menu .topNav li img {
width: 16px;
height: auto;
}
#top-bar .main-menu .topNav {
margin: 10px 7px 0 0;
}
.main .textBox p {
font-size: 12px;
}
}
@media (min-width:991px) {
#top-bar.page-nav {
background-position: center top;
height: 120px;
}
#top-bar.page-nav .main-menu .topNav {
margin: 15px 7px 20px 0;
}
#top-bar.page-nav .main-menu .bottomNav li, #top-bar.page-nav .main-menu .bottomNav li a {
color: #333333;
}
#top-bar.page-nav ul.child {
background-color: rgba(255, 255, 255, 1);
}
#top-bar.page-nav .navbar-header .navbar-brand {
padding: 20px 0 0;
}
#top-bar.page-nav .main-menu .topNav li a:hover {
color: #333333;
}
#top-bar.page-nav .main-menu .bottomNav li a:hover {
color: #ffffff;
}
#top-bar .main-menu li strong { ;
}
#top-bar .main-menu li small {
display: none;
}
}
@media (max-width:991px) {
.main-menu {
margin-top: 10px;
}
#top-bar .main-menu li {
position: relative;
margin-right: 0px;
padding-left: 0px;
font-size: 90%;
}
#top-bar .main-menu li strong {
display: none;
}
#top-bar .main-menu li small {
display: block;
font-size: 100%;
}
#top-bar .main-menu li strong {
display: none;
}
#top-bar .main-menu .topNav li {
padding: 10px 0px;
line-height: 1;
}
#top-bar .main-menu .topNav li.iconNav {
padding: 0;
margin-left: 0px;
}
#top-bar .main-menu .topNav {
float: none !important;
margin: 0;
text-align: left;
width: 100%;
}
#top-bar .main-menu .topNav li a {
color: #111;
border-bottom: 1px dotted rgba(0, 0, 0, 1.00);
display: block;
padding-bottom: 10px;
padding-top: 10px;
padding-left: 12px;
padding-right: 12px;
}
#top-bar .main-menu .topNav li a img {
display: none;
}
#top-bar .main-menu {
float: none !important;
clear: both;
}
.navbar-nav {
display: block;
}
#top-bar .main-menu li {
font: 500 13px "din-condensed", sans-serif;
letter-spacing: 0em;
padding: 0px;
display: block;
}
#top-bar .main-menu ul .child {
border-bottom: 1px dotted rgba(0, 0, 0, 1.00);
}
#top-bar .main-menu li a {
color: #111;
border-bottom: 1px dotted rgba(0, 0, 0, 1.00);
display: block;
padding-top: 8px;
padding-bottom: 8px;
}
#top-bar .main-menu .child {
padding-left: 15px;
}
#top-bar .main-menu ul .child li a {
border-bottom: none;
}
.room4 icon {
bottom: -68px;
: 11;
}
.room5 icon {
bottom: -20px;
}
}
@media (max-width:375px) {
#top-bar .main-menu li a {
padding-bottom: 6px;
}
}
@media (max-width:320px) {
#top-bar .main-menu li {
font-weight: 500;
font-family: "din-condensed", sans-serif;
letter-spacing: 0em;
padding: 3px 0px 3px;
display: block;
}
#top-bar .main-menu li a {
font-size: 11px;
padding-bottom: 3px;
}
}
.navbar-custom .nav li>a {
position: relative;
color: #000;
}
.navbar-right .dropdown-menu {
right: auto;
left: 0;
}
.navbar-custom .dropdown-menu {
position: absolute;
display: block;
visibility: hidden;
opacity: 0;
} @media (min-width:991px) {
.cursor {
cursor: pointer;
}
#top-bar .main-menu .topNav li a:hover {
color: #7A7A7A;
background-color: var(--odp-blue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
#top-bar .main-menu li a:hover{
color: #7A7A7A;
}
ul.nav div.child {
display: none;
position: absolute;
margin-left: 0;
padding: 7px 0 0 0;
z-index: 9999;
}
ul.nav div.child ul {
width: 300px;
background-color: rgba(255, 255, 255, 1);
border: 3px solid #111111;
padding-top: 8px;
border-radius: 6px;
}
#top-bar .main-menu li div.child ul li {
padding-inline: 10px;
}
ul.nav div.child ul::before {
content: "";
border-left: 17px solid transparent;
border-top: 17px solid #111111;
position: absolute;
top: 0px;
left: 20px;
transform: rotate(-45deg);
border-radius: 4px;
}
ul.nav div.child ul::after {
content: "";
border-left: 14px solid transparent;
border-top: 14px solid #ffffff;
position: absolute;
top: 3.5px;
left:21.5px;
transform: rotate(-45deg);
border-radius: 2px;
}
div.child ul li {
display: block;
float: none !important;
position: static !important;
margin: 0 !important;
}
#top-bar .main-menu li div.child ul li a {
padding: 10px 5px;
display: block;
font-size: 1.3rem;
color: #111111 !important;
letter-spacing: 0em;
}
#top-bar .main-menu li div.child ul li a:hover {
text-decoration: none;
color: #fff !important;
background-color: var(--odp-blue);
}
}
.main-menu .bottomNav li {
position: relative;
}
.main-menu .bottomNav li a {
display: inline-block;
}
.nav .pc {
display: block;
}
@media (max-width: 991px) {
.nav .pc {
display: none;
}
}
.main-menu .smp {
position: fixed;
bottom: 0;
right: 40px;
z-index: 999999;
}
.scrolldown2{
position:absolute;
bottom:0px;
left:50%;
}
.scrolldown2 span{
position: absolute;
left:10px;
bottom:10px;
color: #111;
font-size: 0.7rem;
letter-spacing: 0.05em;
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
white-space: nowrap;
}
.scrolldown2:before {
content: "";
position: absolute;
bottom:0;
left:-4px;
width:10px;
height:10px;
border-radius: 50%;
background:#111;
animation:
circlemove 1.6s ease-in-out infinite,
cirlemovehide 1.6s ease-out infinite;
}
@keyframes circlemove{
0%{bottom:55px;}
100%{bottom:-5px;}
}
@keyframes cirlemovehide{
0%{opacity:0}
50%{opacity:1;}
80%{opacity:0.9;}
100%{opacity:0;}
}
.scrolldown2:after{
content:"";
position: absolute;
bottom:0;
left:0;
width:2px;
height: 60px;
background:#111;
} footer#globalFooter {
clear: both;
overflow: hidden;
padding-top: 60px;
}
footer#globalFooter #footer {
padding-top: 20px;
border-top: 6px solid var(--odp-blue);
margin-left: 15px;
margin-right: 15px;
padding: 25px 15px;
position: relative;
}
footer#globalFooter #footer .address {
}
footer#globalFooter #footer .address p {
font-size: 1.1rem;
margin: 0;
padding: 0;
font-size: 1.1rem;
color: #444444;
white-space: nowrap;
}
footer#globalFooter #footer .address p a {
color: #444444;
}
footer#globalFooter #footer .address h5 {
font-size: 17px;
margin: 0 0 15px;
padding: 0; ;
}
footer#globalFooter #footer .address h5 stropng {
font-weight: bold;
}
footer#globalFooter #footer .address h2 span {
font: bold 24px "din-condensed", Gadget, sans-serif;
display: block;
text-align: center;
letter-spacing: 0.2em;
margin-left: auto;
margin-right: auto;
}
footer#globalFooter #footer .fNav ul {
font-size: 1.2rem;
}
footer#globalFooter #footer .fNav ul li {
display: block;
margin-bottom: 5px;
}
footer#globalFooter #footer .fNav ul li.sub {
margin-left: 10px;
}
footer#globalFooter #footer .fNav ul li a {
color: #444444;
}
footer#globalFooter #footer .fNav ul li a:hover {
color: #6F6F6F;
text-decoration: underline;
}
.fNav ul > li a::before {
content:  '';
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 5px;
border-color: transparent transparent transparent #111111;
display:  inline-block;
vertical-align:  middle;
position:  relative;
top: -2px;
margin-right: 4px;
}
footer#globalFooter #footer .fNav ul li.sns_icon {
padding-top: 15px;
}
footer#globalFooter #footer .fNav ul li.sns_icon a {
position: static;
}
footer#globalFooter #footer .fNav ul li.sns_icon a img {
margin-right: 10px;
}
.fNav ul > li.sns_icon a::before {
display: none;
}
.fNav ul {
list-style:  none;
padding:  0;
}
footer#globalFooter #footer .animeBox{
position: absolute;
left: -100px;
top: -61px;
z-index: 999;
width: 110%;
overflow: hidden;
}
footer#globalFooter #footer .anime{
z-index: 999;
}
#page-top {
right: 10px;
position: fixed;
z-index: 999;
margin-bottom: 50px;
}
#page-top a {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/pageTop.png);
background-size: 40px 40px;
width: 40px;
height: 40px;
background-repeat: no-repeat;
display: block
}
fot-f {
font-family: "futura-pt", sans-serif;
font-style: normal;
font-weight: 500;
}
.mwform-checkbox-field input, .mwform-radio-field input {
margin-right: 0px !important;
width: auto;
} footer#globalFooter.eng #footer .fNav ul li {
font-size: 15px;
} footer#globalFooter p.copyright {
background-color: var(--odp-blue);
text-align: center;
padding: 2px 0 5px;
margin: 0;
color: #FFFFFF;
position: relative;
}
footer#globalFooter p.copyright small {
font: 400 9px "futura-pt", sans-serif;
letter-spacing: 0.2em;
}
footer#globalFooter p.copyright .illust {
position: absolute;
bottom: 10px;
right: 5%;
}
@media (max-width:1024px) {
footer#globalFooter #footer .address {
margin-right: 20px;
}
footer#globalFooter #footer .fNav ul {
margin-right: 20px;
}
}
@media (max-width: 768px) {
footer#globalFooter #footer .address h5 {
font-size: 14px;
}
footer#globalFooter #footer .address p {
line-height: 1.6;
white-space: normal;
font-size: 10px;
}
footer#globalFooter #footer .fNav ul li {
font-size: 10px;
white-space: nowrap;
}
footer#globalFooter p.copyright .illust {
bottom: 0;
right: -5%;
}
footer#globalFooter #footer .animeBox {
left: 0;
width: 100%;
}
}
@media (max-width:736px) { footer#globalFooter #footer {
padding: 20px 0;
background-repeat: no-repeat;
}
footer#globalFooter #footer .container {
padding-right: 0;
padding-left: 0;
}
footer#globalFooter #footer .address {
float: none;
margin-right: 0px;
text-align: center;
padding-bottom: 20px;
}
footer#globalFooter p.copyright .illust {
position: absolute;
bottom: 30px;
right: 0;
width: 120px;
height: auto;
}
footer#globalFooter #footer .address h5 {
font-size: 16px;
}
footer#globalFooter #footer .address p {
line-height: 1.6;
white-space: normal;
font-size: 13px;
text-align: center;
}
footer#globalFooter #footer .address p img {
width: 50%;
height: auto;
}
footer#globalFooter #footer .fNav {
float: none;
}
footer#globalFooter #footer .fNav ul {
float: none;
margin-right: 0px;
}
footer#globalFooter #footer .fNav ul li {
font-size: 1.4rem;
white-space: normal;
}
footer#globalFooter #footer .fNav ul li {
display: block;
}
footer#globalFooter #footer .fNav ul li a {
padding: 10px 0;
border-top: 1px dotted #646464;
display: block;
}
footer#globalFooter #footer .fNav ul li.sub {
margin-left: 0px;
padding-left: 10px;
}
footer#globalFooter #footer .fNav ul li.sns_icon {
text-align: center;
}
footer#globalFooter #footer .fNav ul li.sns_icon a {
border-top: none;
display: inline;
}
footer#globalFooter #footer .fNav ul li.sns_icon a img {
margin-left: 10px;
width: 22px;
height: auto;
}
footer#globalFooter #footer .flogo {
display: none;
}
#page-top {
bottom: 10px;
right: 10px;
position: fixed;
}
#page-top a {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/pageTop.png);
width: 30px;
height: 30px;
background-repeat: no-repeat;
display: block;
text-decoration: none;
}
fot-f {
font-family: "futura-pt", sans-serif;
font-style: normal;
font-weight: 500;
} footer#globalFooter p.copyright {
background-color: #646464;
text-align: center;
padding: 10px 0;
margin: 0;
color: #FFFFFF;
}
footer#globalFooter p.copyright small {
font: 100 9px "futura-pt", sans-serif;
letter-spacing: 0.1em;
}
} .page-home {
margin-top: 70px;
}
.bgWrapper {
padding: 40px 0;
}
.line-ttl {
position: relative;
display: inline-block;
color: var(--odp-blue);
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
margin-top: 0;
font-size: 42px;
font-weight: 400;
}
.line-ttl div {
float: left;
font-family: din-condensed, sans-serif;
}
.line-ttl span {
background-color: var(--odp-blue);
color: #FFFFFF;
text-align: left;
padding: 2px 10px;
font-size: 1.3rem;
display: block;
float: left;
letter-spacing: 0.1em;
width: 100%;
margin-top: -18px;
white-space: nowrap;
}
.line-ttl icon {
z-index: 10;
position: absolute;
}
.col-md-6.col-md-offset-3 .line-ttl div {
float: none;
}
.line-box {
position: relative;
padding: 15px;
border-top: 2px solid;
border-image:linear-gradient(to right, #84be3f 0%, #437ec1 100%);
border-image-slice:1;
}
.line-box h3 {
padding: 0;
margin:0;
}
.line-box p {
padding-bottom: 0;
margin-bottom:0 !important;
}
.noIconTitle {
text-align: center;	
}
.noIconTitle .line-ttl {
text-align: center;
}
.noIconTitle .line-ttl div {
float: none;
margin: 0 0 -18px 0;
padding: 0 !important;
}
.noIconTitle .line-ttl span {
text-align: center;
display: block;
float: none;
width: auto !important;
margin: 0 auto;
}
.whiteWrapper {
padding: 50px 0;	
}
.page-ttl {
margin-bottom: 40px;
}
.pankuzu {
font-size: 10px;
margin-left: 15px;
text-align: right;
}
.pankuzu div {
display: inline;
color: #646464;
}
.pankuzu div a {
color: #646464;
text-decoration: none;
}
.pankuzu div:not(:last-child):after {
content: ">";
font-size: 9px;
vertical-align: 0.2em;
}
.pageTitleBox {
padding-top: 50px;
padding-bottom: 60px;
}
#interview_list .pageTitleBox .offset-sm-4 {
margin-left: 33.33333333%;
}
.interview figure {
padding-bottom: 15px;	
}
.flex {
display: flex;
flex-wrap: wrap;
}
.flex figure.harf {
width: 50%;
margin: 0 !important;
}
.flex figure {}
figure figcaption {
font-size: 10px;
text-align: right;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.content_end {
padding-top: 10px;
border-top: 1px solid #DADADA;
color: #6C6C6C;
font-size: 13px;
clear: both;
}
@media (max-width: 1200px) {
.line-ttl {
font-size: 36px;
}
.line-ttl span {
margin-top: -14px;
font-size: 9px;
}
}
@media screen and (max-width: 1112px) {
.page-home {
margin-top: 70px;
}
}
@media (max-width:991px) {
.pageTitleBox .offset-sm-4 {
text-align:center;
}
.pageTitleBox {
padding-top: 0px;
padding-bottom: 20px;
}
figure figcaption {
text-align: left;
line-height: 1.4;
}
}
@media (max-width: 480px) {
.pageTitleBox .col-sm-3 {
width: 80%;
}
.pageTitleBox .offset-sm-4 {
margin-left: 10%;
}
.flex {
display: block;
}
.flex p.harf {
width: 100%;	
}
}
.sepa-photo {
margin-top: 0.5em;
}
.office_list,
.swiper-wrapper {
margin: 0;
list-style: none;
} #home {
}
.home-slider .col-sm-4,
.home-slider .col-sm-8 {
margin: 0;
padding: 0;
}
.home-slider {
padding-top: 30px;
padding-bottom: 30px;
}
.home-slider .about-odp { position: relative;
}
.recruitment-swiper {
position: relative; }
.main-swiper {
position: relative;
}
.home-slider .label {
background-color: #000000;
text-align: center;
color: #FFFFFF;
padding: 7px 7px;
font-size: 15px;
z-index: 10;
border-radius: 0;
font-weight: normal;
letter-spacing: 0.2em;
}
.home-slider .about-odp .label {
transform: rotate(90deg);
position: absolute;
top: 35px;
left: -60px;
}
.home-slider .recruitment-swiper .label {
position: absolute;
bottom: -15px;
left: -10px;
}
.home-slider .main-swiper .label {
transform: rotate(90deg);
position: absolute;
top: 0px;
right: -30px;
}
.swiper-container,.swiper-container2 {
width: 100%;
height: 100%;
overflow: hidden;
}
.swiper-slide,.swiper-slide2 {
width: 100%;
height: 100%;
}
.swiper-slide img,.swiper-slide2 img {
position: relative;
width: 100%;
height: auto;
}
.swiper-pagination {
position: absolute;
top: 30%;
right: 20%;
z-index: 2;
height: 10px;
}
.slideArea .swiper-pagination {
position: absolute;
top: 91%;
right: 0%;
z-index: 2;
height: 10px;
}
.swiper-container .swiper-pagination {
top: 90%;
left: 50%;
right: auto;
transform: translateX(-50%);
}
#homeEvent .line-ttl icon {
right:0;
}
.toursBanner {
padding: 40px 25%;
text-align: center;
}
.tourReport {
padding-bottom: 25px;
}
.tourReport a {
color: #333333;
line-height: 1.4;
}
@media screen and (max-width: 1112px) {
#homeEvent .line-ttl icon {
right:-70px;
}
} .home-news {
background-color: #efefef;  
width: 100%;
}
.home-news ul {
padding-top: 15px;
padding-bottom: 15px;
padding-right: 10px;
list-style: none;
margin: 0;
}
.home-news li {
}
.home-news li a {
color: #333333;
text-decoration: none;
}
.home-news li .icon {
background-color: #000000;
text-align: center;
color: #FFFFFF;
padding: 17px 10px;
font-size: 15px;
letter-spacing: 0.2em;
margin-right: 10px;
}
.home-news li .title {}
.home-news li .data {
padding-top: 3px;
font-family: "futura-pt", sans-serif;
font-size: 1.4rem;
float: right;
color: #b0b0b0;
}
.homeBannerArea {}
.homeBannerArea h3 {
text-align: center;
font-weight: 900;
font-size: 26px;
margin-bottom: 15px;
margin-top: 0px;
}
.homeBannerArea ul {
display: flex;
justify-content: center;
width: 100%;
max-width: 870px;
margin: auto;
flex-wrap: wrap;
margin-bottom: 50px;
}
.homeBannerArea li {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 30px;
text-align: center;
display: block;
}
@media (max-width:1112px) {
.home-news li .icon {
padding: 12px 10px;
}
.home-news ul {
padding-top: 10px;
padding-bottom: 10px;
}
.homeBannerArea h3 {
font-size: 20px;
}
} .titleSub {
padding: 10px 0;
}
.titleSub p {
}
.concept-txt icon {
right: -34px;
top: 5px;
}
#homeAbout .line-ttl {
padding-top: 20px;
padding-bottom: 20px;
}
#homeAbout .line-ttl icon {
bottom: 10px;
}
.concept-txt {}
.main .concept-txt p {
}
.home-incu-block,
.home-designers-block {
padding: 25px 15px 15px;
border-radius: 12px;
border: 4px solid #FFFFFF;
position: relative;
margin-top: 40px;
}
.home-incu-block {
border-color: #0068b7;
}
.home-designers-block {
border-color: #008cba;
}
.home-title {
text-align: center;
position: absolute;
top: -50px;
left: 0%;
width: 100%;
padding: 0 20px;
}
.home-title img {background-color: #FFFFFF;padding: 10px 10px;}
.home-officeCont {
padding-top: 30px;
}
.home-officeCont img {
float: right;
margin-left: 10px;
margin-top: 5px;
} #incu-office-home .offset-sm-4 {
margin-left:36.33%;
}
#designers-office-home .col-sm-3 {
width: 25.33%;
}
#designers-office-home .offset-sm-4 {
margin-left:37.33%;
}
#designers-office-home .line-ttl {
padding-left:15px;
margin-top: 20px;
}
#designers-office-home.office-slider .line-ttl icon {
left:-45px;
right: auto;
}
.office-swiper {
overflow: hidden;
}
@media (max-width:1280px) {
.home-officeCont {
padding-top: 10px;
}
.home-officeCont img {
width: 47%;
height: auto;
}
}
@media (max-width: 768px){
.home-officeCont {
padding-top: 0px;
}
#designers-office-home .col-sm-3 {
width: 40.33%;
}
#designers-office-home .offset-sm-4 {
margin-left:30.33%;
}
#designers-office-home .line-ttl {
padding-left:0;
}
#designers-office-home.office-slider .line-ttl icon {
left:-58px;
right: auto;
}
}
@media (max-width: 736px){
.home-title  {
top: -80px;
padding: 0 100px;
}
.home-officeCont {
padding-top: 20px;
}
.Button {
padding-top: 0px;
clear: both;
text-align: center;
}
.home-title  {
top: -40px;
padding: 0 40px;
}
#incu-office-home .offset-sm-4 {
margin-left:0;
}
#designers-office-home .col-sm-3 {
width: 100%;
}
#designers-office-home .offset-sm-4 {
margin-left:0;
}
}
@media (max-width:441px) {
.ttlBox {
display: none;
}
.home-officeCont img {
float: none;
margin: 5px auto 10px;
display: block;
width: auto;
}
.office-slider .col-sm-3 {
width: 100%;
}
}
.Button,.button-r {
}
.Button a,.button-r a {
font-family: din-condensed, sans-serif;
font-weight: 400;
font-variant: normal;
font-style: normal;
font-size: 13px;
position: relative;
z-index: 100;
background-color: #000000;
color: #FFFFFF;
line-height: 32px;
text-transform: uppercase;
text-decoration: none;
padding:10px 40px 10px;
vertical-align: middle;
border-radius: 30px;
text-align: left;
}
.button-r a {
margin-left: auto;
margin-right: auto;
}
a.button {
text-decoration: none;
}
.Button a:after,.button-r a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 6px;
height: 6px;
margin-top: -3px;
border-right: 2px solid #ffffff;
border-bottom: 2px solid #ffffff;
transform: rotate(-45deg);
}
.Button a:hover,.button-r a:hover {
color: #000000;
background-color: #ffffff;
}
.Button a:hover:after,.button-r a:hover:after {
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
.pageEnd {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 2rem;
}
.blueBox .Button a:after {
display: none;
}
#incu .blueBox .Button a {
background-color: #ffffff;
color: #1eac4b;
}
#designers-entry .blueBox .Button a {
background-color: #ffffff;
color: #0068b7;
}
#sgroup-entry .blueBox .Button a {
background-color: #ffffff;
color: #ff9600;
}
.blueBox p {
padding-bottom: 20px;
}
@media (max-width: 767px) {
.pageEnd a {
width: 100%;
}
} .Button.sansoukan a {
font-weight: 400;
font-variant: normal;
font-style: normal;
font-size: 13px;
position: relative;
z-index: 100;
background: #DB9A38;
color: #FFFFFF;
line-height: 32px;
text-transform: uppercase;
text-decoration: none;
vertical-align: middle;
border-radius: 30px;
}
.Button.sansoukan a:hover {
color: #FFFFFF;
background-color: #B17720;
}
.Button.sansoukan a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 15px;
margin-top: -7px;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/btn-arrow.png);
background-size: 10px 15px;
background-repeat: no-repeat;
border-radius: 30px;
}
.eventBox {
margin-bottom: 60px;
}
.eventBox .photoBox .cat {
padding: 10px;
background-color: #ffff00;
font: 500 12px "futura-pt", sans-serif;
color: #000000;
position: absolute;
left: 20px;
top: -10px;
text-transform: uppercase;
z-index: 10;
}
.eventBox .photoBox .cat::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 6px transparent;
border-right: solid 10px rgb(149, 158, 155);
}
.eventBox .photoBox {
padding-left: 15px;
padding-right: 15px;
height: 179px;
}
.eventBox .day {
background-color: #FFFFFF;
display: inline-block;
padding: 5px;
font-size: 1.4rem;
}
.eventBox .day span {
color: #ffffff;
display: inline-block;
padding: 5px 10px;
background-color: #000000;
}
.eventBox .textBox {
height: 70px;
width: 100%;
margin: -25px auto 0;
position: relative;
z-index: 100;
padding-left: 10px;
padding-right: 10px;
}
.eventBox .ttl {
width: 100%;
height: auto;
background-color: var(--odp-blue);
display: block;
z-index: 0;
position: relative;
padding-left: -10px;
padding-bottom: -10px;
transition: .4s;
}
.eventBox .ttl h3 {
padding: 10px;
background-color: #FFFFFF;
margin-left: 0px;
margin-bottom: 10px;
position: relative;
z-index: 1;
display: block;
font-size: 15px;
margin-top: 0;
font-weight: 400;
}
.eventBox .ttl h3 br {
display:none;
}
.photoBox:hover + .ttl {
background-color: rgba(255,0,4,1.00);  
}
#homeEvent .eventBoxWrapper a {
color: #666666;
text-decoration: none;
}
#homeEvent .eventBox a:hover {
color: #666666;
text-decoration: none;
}
.contentsTtl {
text-align: center;
}
.office-slider {
padding: 0 0 50px;
overflow: hidden;
}
.office-slider .col-sm-3 {
width: 28.3333%;	
}
.incBox {
padding-top: 50px;
position: relative;
}
.incBox .swiper-button-next, .incBox .swiper-container-rtl .swiper-button-prev {
right: -30px;
left: auto;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/next-arrow.png);
background-size: 40px 40px;
}
.incBox .swiper-button-prev, .incBox .swiper-button-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 40px;
height: 40px;
margin-top: -30px;
z-index: 10;
cursor: pointer;
-moz-background-size: 100%;
-webkit-background-size: 100%;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.incBox .swiper-button-prev, .incBox .swiper-container-rtl .swiper-button-next {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/prev-arrow.png);
background-size: 40px 40px;
left: -30px;
right: auto;
}
.incLogo .logodata {
padding: 0 10%;
}
.office-slider .incLogo .logodata img {
vertical-align: middle;
}
.office-slider a {
text-decoration: none;
color: #090909;
font-size: 15px;
}
.office-slider .cName {
font-size: 14px;
padding: 10px 0;
margin-bottom: 5px;
text-align: center;
}
.office-slider .cName h3 {
margin: 0;
display: inline-block;
font-weight: 400;
}
.office-slider .cName .number {
background-color: #3394ff;
color: #FFFFFF;
}
.office-slider .Button a {
color: #FFFFFF;	
}
.photo-gallery p.caption {
font-size: 1.4rem;
}
.officeBlock ul.photo-gallery {
display: flex;
flex-wrap: wrap;
list-style: none;
margin-bottom: 20px;
}
.interview .gradation-block p {
line-height: 1.8;
}
.interviewImage {
position: relative;
z-index: 1;
}
.interviewCont {
margin: -80px 10px 10px;
position: relative;
z-index: 10;
}
.interviewCont a {
text-decoration: none;
}
.interviewName {
}
.interviewName h3 {
display: inline-block;
margin: 0 0 -1px;
border: 6px solid #FFFFFF;
background-color: #090909;
}
.interviewCont a .interviewName h3 {
background-color: #090909;
text-align: left;
font-size: 15px;
padding: 7px 7px 7px 10px;
line-height: 1.4;
color: #FFFFFF;
display: inline-block;
margin: 0;
text-decoration: none;
}
.interview p small {
line-height: 1.5;
display: inline-block;
}
.interviewTitle {
padding: 15px;
background-color: #FFFFFF;
}
.interviewTitle p {
padding: 10px 0 0 !important;
margin: 0 !important;
text-align: center !important;
}
.interviewTitle p br {
display: none;
}
.incOffice-home .interviewTitle p {
padding: 0 !important;
text-align: left !important;
line-height: 1.3;
}
.interviewCont a .interviewTitle p {
text-align: left !important;
color: #333333;
text-decoration: none;
}
.interviewCont:hover {
transition: .5s;
transform: translateY(-15px);
}
.content_end {
padding-left: 10px;
}
.interview .content_end p {
margin: 0;
padding:0;
} #interview_list h2.line-ttl {
white-space: nowrap;  
}
.interview_archive_sec {}
.interview_archive_sec a {
text-decoration: none;
text-align: left !important;
}
.interview_archive_sec a .interviewName h3 {
text-align: left;
font-size: 16px;
color: rgba(255,255,255,1.00);
padding: 10px;
text-decoration: none;
-webkit-box-shadow: 0 -5px 5px 0 rgba(00,00,00,0.5);
box-shadow: 0 -5px 5px 0 rgba(00,00,00,0.5);
}
.interview_archive_sec a .interviewTitle p {
color: rgba(35,24,21,1.00);
text-decoration: none;
padding: 0 !important;
text-align: left !important;
height: 55px;
}
.interview_archive_sec a .interviewTitle {
-webkit-box-shadow: 0 0 5px 0 rgba(00,00,00,0.5);
box-shadow: 0 0 5px 0 rgba(00,00,00,0.5);
margin-bottom: 30px;
}
@media (max-width: 1200px) {
.office-slider .line-ttl span {
padding-left: 18px;
}
.interviewTitle {
min-height: 90px;
}
.interviewTitle p {
font-size: 13px !important;
}
}
@media (max-width: 991px) {
#home .Button {
padding-bottom: 30px;
padding-top: 20px;
}
.office-slider .line-ttl icon {
left: auto;
bottom: 0;
right: -10px;
}
#designers-office-home.office-slider .line-ttl icon {
left: auto;
bottom: 0;
right: -10px;
}
}
@media (max-width:768px) {
.whiteWrapper {
overflow: hidden;
padding: 25px 15px;
}
.office-slider .col-sm-3 {
width: 100%;
}
.office-slider .line-ttl div {
padding-left:0;
}
.incBox .swiper-button-prev, .incBox .swiper-container-rtl .swiper-button-next {
left: 10px;
}
.incBox .swiper-button-next, .incBox .swiper-container-rtl .swiper-button-prev {
right: 10px;
}
#designers-office-home .line-ttl div {
padding-left:23px;
}
#designers-office-home .line-ttl span {
padding-left: 18px;
width: 100%;
}
#designers-office-home p {
padding-left: 0;
}
.eventBox .photoBox {
height: auto;
}
.interviewTitle {
min-height: auto;
}
}
@media screen and (max-width:480px) {
#designers-office-home .line-ttl div {
padding-left:0;
}
.incLogo .logodata {
padding: 0;
}
.line-ttl, .titleSub {
width: 100%;
}
.concept-txt icon {
right: -4px;
top: -21px;
}
#home .incOffice-home .line-ttl icon {
bottom: 0;
right: -10px;
}
#home .blogBlock .line-ttl icon {
bottom: 0;
right: -10px;
}
}
@media screen and (min-width:480px) {
.officeBlock ul.photo-gallery {
display: flex;
flex-wrap: wrap;
margin-bottom: 80px;
}
}
.officeBlock .photo-gallery li {
padding: 5px 15px 30px;
float: left;
list-style: none;
width: 33%;
}
@media screen and (max-width:736px) {
.officeBlock .photo-gallery li {
padding: 5px 5px 10px;
width: 48%;
}
}
.cap p a {
color: #646464;
text-decoration: none;
}
.office-slider .Button, .designersOffice-home .Button {
margin-top: 30px;
margin-bottom: 30px;
clear: both;
}
.mapBox {
padding-bottom: 60px;
}
#coworkingspace .icon-file-pdf:before {
color: #FFFFFF !important;
margin-right: 6px;
} .main p {
margin-top: 0;
margin-bottom: 1rem;
line-height: 2;
font-size: 14px;
}
.incubation_floormap .moreBtn {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 50px;
}
.moreBtn {
width: 300px;
background-color: #3399CC;
margin-top: 25px;
position: relative;
font-size: 13px;
}
.moreBtn:before {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 15px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #fff;
}
.moreBtn:after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 20px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #3399CC;
}
.moreBtn:hover {
background-color: #2B83AF;
cursor: pointer;
}
.moreBtn:hover:after {
background-color: #2B83AF;
}
#pagination {
text-align: center;
padding-bottom: 100px;
clear: both;
padding-top: 20px;
}
.page-numbers {
}
#pagination .next {
width: 200px;
float: right;
padding: 8px 15px;
background-color: #3399CC;
color: #fff;
border-radius: 15px;
margin-top: 25px;
position: relative;
font-size: 13px;
display: block;
}
#pagination .prev {
width: 200px;
padding: 8px 15px;
background-color: #3399CC;
color: #fff;
border-radius: 15px;
margin-top: 25px;
position: relative;
font-size: 13px;
float: left;
text-indent: 10px;
display: block;
}
.next::after {
content: "";
display: block;
width: 9px;
height: 12px;
background: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/arrow_r.png) no-repeat;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
}
.prev::after {
content: "";
display: block;
width: 9px;
height: 12px;
background: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/arrow_r.png) no-repeat;
position: absolute;
left: 10px;
top: 37%;
-webkit-transform: rotate(180deg); transform: rotate(180deg);
margin-right: 10px;
}
.mvslide {
margin-top: 80px;
}
.main .mvslide .pagination {
text-align: center;
margin-top: 10px;
}
.prevBtn a {
display: block;
width: 100%;
height: auto;
color: #fff;
text-align: right;
text-decoration: none;
}
.moreBtn a {
display: block;
width: 100%;
height: auto;
color: #fff;
padding: 8px 15px;
box-sizing: border-box;
text-decoration: none;
}
.access_btm {
overflow: hidden;
}
.access_btm .leftArea {
width: 420px;
float: left;
clear: left;
margin-bottom: 20px;
}
.access_btm .leftArea img {
display: block;
width: 100%;
height: auto;
}
.access_btm .rightArea {
width: 574px;
margin-left: 30px;
float: left;
}
.access_btm .rightArea h3 { ;
font-size: 27px;
margin-bottom: 10px;
}
.access_btm .rightArea .bl_head {
font-weight: bold;
}
.access_btm .rightArea .ac_txt {
margin-bottom: 15px;
}
.scrollArea {
width: 43px;
position: fixed;
bottom: 20px;
right: 10px;
left: auto;
z-index: 100;
}
#mapCanvas {
width: 100%;
height: 430px;
margin-bottom: 70px;
}
.contents_sec .imgArea {
margin-bottom: 30px;
}
.contents_sec .contents_link {
margin-bottom: 30px;
}
.contents_sec .contents_link span {
font-size: 14px;
} .main section .lower_ttl {
margin-bottom: 10px;
}
.lower_cap {
display: block;
margin-bottom: 40px;
font-size: 18px;
} .about_top_imgArea {
padding-bottom: 2rem;
}
.imageBox {
padding-bottom: 80px;	
}
h4.supportgroup {
color: #71b9d3 !important;	
}
.flexbox {
display: flex;
flex-wrap: wrap;
}
.flexbox .col-sm-6 {
padding-bottom: 40px;
}
@media (max-width:767px) {
.aboutOdp .line-ttl span {
width: 100%;
}
}
.aboutOdp .line-ttl .icon1 {
bottom: -10px;
left: -35px;
}
.aboutOdp .line-ttl .icon2 {
right: -30px;
bottom: -5px;
}
.titleOfficeBox {
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 6px solid;
border-image: linear-gradient(to right, #84be3f 0%, #437ec1 100%);
border-image-slice: 1;
position: relative;
margin-bottom: 15px;
padding-bottom: 5px;
}
.titleOfficeBox span {
font-size: 1.4rem;
margin: 0 0 0 62px;
}
.titleOfficeBox h4 {
margin: 0 0 0 60px;
padding: 0;
font-size: 24px;
}
.titleOfficeBox icon {
position: absolute;
bottom: -7px;
left: 0px;
}
.officeCategory {
padding-bottom: 80px;
}
.officeCategory .Button {
clear: both;
margin-top: 20px;
}
.officeCategory h3 {
margin-bottom: 50px;  
}
@media (max-width:480px) {
.officeCategory h3 {
margin-bottom: 0px;  
}
}
.incubationBlock {}
.incubationBlock .titleOfficeBox {}
.incubationBlock .titleOfficeBox span {
color: #008842;
display: block;
line-height: 1.3;
}
.incubationBlock .titleOfficeBox h4 {
color: #008842;
}
.incubationBlock .titleOfficeBox icon {
}
.incubationBlock icon.img {
padding: 10px;
float: right;
}
.imBox {
clear: both;
}
.imBox h5 {
text-align: center;
color: #FFFFFF;
margin-bottom: 10px;
}
.imBox p img {
float: left;
padding-right: 10px;
}
.designersBlock {}
.designersBlock p {
overflow: hidden;
}
.designersBlock .titleOfficeBox {}
.designersBlock .titleOfficeBox span {
color: #0068b7;
}
.designersBlock .titleOfficeBox h4 {
color: #0068b7;
}
.designersBlock .titleOfficeBox icon {
}
.designersBlock icon.img {
padding: 10px;
float: right;
}
.supportersBlock {
margin-top: 40px;
margin-bottom: 30px;
}
.supportersBlock .titleOfficeBox h4 {
margin: 0 0 0 90px;
padding: 0;
color: #f6ab00;
}
.supportersBlock .titleOfficeBox span {
font-size: 1.4rem;
margin: 0 0 0 92px;
display: block;
color: #f6ab00;
}
.supportersBlock p img {
float: right;
margin-left: 10px;
}
.taisyo {
padding: 15px 15px 1px;
background-color: #eaeaea;
position: relative;
}
.taisyo h4 {
margin: 0px 0px 10px;
}
.taisyo icon {
position: absolute;
top: -40px;
right: -15px;
}
.gray-box,.grayBox {
padding: 15px 15px 1px;
background-color: #eaeaea;
position: relative;
}
.gray-box h1,.grayBox h1,
.gray-box h2,.grayBox h2,
.gray-box h3,.grayBox h3,
.gray-box h4,.grayBox h4 {
margin: 0px 0px 10px !important;
}
.odpApproach {
margin-bottom: 50px;
}
.odpApproach h4 {
margin: 10px 0 5px;
font-size: 18px;
}
.odpinformation {
padding: 40px 0;	
}
.odpinformation .map {
position: relative;
}
.modal-dialog {
padding-top: 7.5%;
}
.number .btn {
border: none;
padding: 0;
background-color: rgba(0,0,0,0.00);
} .number .btn img {
animation: poyopoyo 2s ease-out infinite;
opacity: 1;
}
@keyframes poyopoyo {
0%, 40%, 60%, 80% {
transform: scale(1.0);
}
50%, 70% {
transform: scale(0.85);
}
}
.number ul li {
position: absolute;
display: block;
}
.number ul li img {
width: 37px !important;
height: 37px !important;
}
.number .number01 {
top: 48%;
left: 68%;
}
.number .number02 {
top: 61%;
left: 61.4%;
}
.number .number03 {
top: 53%;
left: 29.2%;
}
.number .number04 {
top: 52.4%;
left: 21.5%;
}
.number .number05 {
top: 13%;
left: 11.4%;
}
.number .number06 {
top: 15%;
left: 18.5%;
}
.number .number07 {
top: 10%;
left: 36%;
}
.number .number08 {
top: 16%;
left: 51%;
}
.number .number09 {
top: 29%;
right: 19.5%;
}
.number .number10 {
top: 46.5%;
right: 18%;
}
.number .number11 {
top: 48.5%;
right: 23.3%;
}
.number .number12 {
top: 53%;
right: 17.5%;
}
@media (max-width:767px) {
.imBox {
margin-bottom: 50px;
}
.titleOfficeBox icon {
display: block;
}
.titleOfficeBox span{
font-size: 10px;
}
.supportersBlock .titleOfficeBox span{
font-size: 9px;
line-height: 1.2;
}
.titleOfficeBox h4 {
font-size: 17px;
}
.odpApproach .box {
margin-bottom: 20px;
}
.number ul li img {
width: 30px !important;
height: 30px !important;
}
.fumufumu_banner {
text-align: center;
}
}
@media (max-width:460px) {
.number ul li img {
width: 15px !important;
height: 15px !important;
}
}
.staffBlock {}
.staffBox {
margin-bottom: 30px;
}
.staffBox .face {
position: relative;
text-align: center;
z-index: 1;
}
.staffBoxWrap {
display: flex;
flex-wrap: wrap;
}
.staffBox .block {
background-color: rgba(255, 255, 255, 1.00);
padding: 15px 15px 10px;
margin-top: -30px;
margin-left: 10px;
margin-right: 10px;
border-radius: 4px;
text-align: left;
border: 8px solid;
border-image: linear-gradient(to right, #84be3f 0%, #437ec1 100%);
border-image-slice: 1;
position: relative;
z-index: 10;
}
.staffBox .block .cat p {
margin: 0;
line-height: 1.1;
font-size: 1.4rem;
letter-spacing: -0.1em;
padding-bottom: 5px;
}
.staffBox .block .name p {
font-size: 22px;
margin-bottom: 0.6em;
line-height: 1.2;
font-weight: bolder;
}
.main .staffBox .block .comment p {
font-size: 13px;
line-height: 1.5;
}
.about_member_pic {}
.about_member_pic ul {
overflow: hidden;
}
.main .about_member_sec {
padding-bottom: 0;
padding-top: 100px;
}
.about_member_pic ul li {
width: 281px;
float: left;
margin-right: 90px;
margin-bottom: 80px;
}
.about_member_pic ul li:nth-child(3n) {
margin-right: 0;
}
.about_member_pic ul li p {
color: #666666;
font-size: 24px;
}
.about_member_pic ul li .lang_en {
font-size: 15px;
font-style: normal;
padding-right: 20px;
}
.about_summaryArea {
background-color: #f7f7f7;
padding: 10px;
position: relative;
margin-top: 30px;
margin-bottom: 40px;
}
.about_summaryArea .icon1 {
position: absolute;
top: -40px;
left: -40px;
}
.about_summaryArea .icon2 {
position: absolute;
top: -40px;
right: -70px;
}
.about_summaryArea dl {
display: table;
margin-bottom: 10px;
border-bottom: 1px dotted #969696;
}
.about_summaryArea dl:last-of-type {
border-bottom: 0px;
}
.about_summaryArea dt {
width: 130px;
padding: 10px 20px 20px;
display: table-cell;
vertical-align: middle;
}
.about_summaryArea dd {
width: 874px;
padding: 10px;
padding-left: 20px 20px;
display: table-cell;
}
.main #access p {
margin-bottom: 1.5em;
margin-top: 0.5em;
}
#outline {
padding-bottom: 50px;
}
.aboutOdp .Button a {
width: 300px;
text-align: left;
padding: 5px 40px 5px 20px;
display: block;
margin: auto;
} .ex_menu_ttl {
font-size: 27px; ;
margin-bottom: 5px;
line-height: 1.25em;
overflow: hidden;
}
.ex_menu_item {
padding: 10px 0; ;
}
.main .extension_menu {
padding-top: 0;
}
.extension_menu_top ul {
margin-top: 15px;
margin-bottom: 40px;
}
.extension_menu_top ul li {
margin-bottom: 10px;
}
.extension_menu_btm {
overflow: hidden;
}
.menu_btm_l {
width: 480px;
padding: 5px;
}
.menu_btm_l p {
padding: 10px;
}
.menu_btm_r {
width: 480px;
padding: 5px;
}
.menu_btm_r img {
display: block;
width: 440px;
height: auto;
margin: 0 auto;
padding: 20px 0;
}
.attention {
clear: both;
line-height: 1.75em;
padding-top: 10px;
}
.exBtn {
margin-left: 30px;
margin-right: auto;
margin-top: 75px;
font-size: 16px;
}
.themeArea {
border: 1px solid #000;
padding: 5px 0px;
margin-bottom: 20px;
}
.themeArea p {
padding: 5px 0;
padding-left: 10px;
font-size: 18px;
}
.themeArea span {
display: block;
padding-left: 10px;
}
.themeTop {
border-bottom: 1px solid #000;
}
.ex_ad_top {
overflow: hidden;
}
.msg_ttl { ;
font-size: 21px;
margin-bottom: 10px;
}
.ex_ad_l, .ex_ad_r {
width: 485px;
font-size: 14px;
margin-bottom: 50px;
}
.ex_ad_img {
text-align: center;
margin-bottom: 20px;
}
.theme_contents {
overflow: hidden;
margin-bottom: 20px;
}
.profile {
text-align: justify;
}
.theme_contents .imgArea {
width: 184px;
float: left;
}
.theme_contents p {
margin-left: 210px;
line-height: 1.75em;
text-align: justify;
}
.ex_ad_btmArea_1 .theme_contents .imgArea {
width: 220px;
}
.ex_ad_btmArea_1 .theme_contents p {
margin-left: 250px;
}
.ex_schedule_ttl {
font-size: 21px; ;
margin-bottom: 10px;
}
.ex_schedule dl {
overflow: hidden;
}
.ex_schedule dl dt {
float: left;
clear: left;
margin-bottom: 5px;
margin-right: 20px
}
.ex_schedule dl dd {
float: left;
margin-bottom: 5px;
margin-right: 20px;
}
.ex_schedule dl dd+dd {
float: left;
}
.ex_game_top, .ex_da_top {
margin-top: 30px;
padding-bottom: 20px;
}
.extension_form .sec_inner {
overflow: hidden;
}
.ex_form_l {
width: 400px;
position: relative;
}
.rnt_form_l .aomaru::before {
content: "";
display: block;
float: left;
width: 25px;
height: 25px;
border-radius: 50%;
margin-top: 5px;
background-color: #3399CC;
}
.ex_form_l .mfp_phase {
margin-left: 50px;
margin-top: 20px;
}
.ex_form_r {
width: 624px;
}
#mailformpro .ex_form_r .mailform {
margin-bottom: 20px;
}
#mailformpro .ex_form_r .mailform dd {
margin-bottom: 20px;
margin-left: 0;
}
#mailformpro .ex_form_r .mailform .m_other {
margin-bottom: 0;
}
form#mailformpro .ex_form_r input[type=text], form#mailformpro .ex_form_r input[type=tel], form#mailformpro .ex_form_r input[type=email] {
width: 93%;
padding: 10px;
}
form#mailformpro .ex_form_r textarea {
width: 93%;
height: 215px;
padding: 10px;
}
form#mailformpro .rental_confirm {
text-align: left;
}
.submitBtn {
color: #fff;
width: 260px;
box-shadow: none;
border-style: none;
cursor: pointer;
font-size: 16px;
padding: 15px 0;
text-align: center;
}
.submitBtn:before {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 15px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #fff;
}
.submitBtn:after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
right: 20px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #3399CC;
}
.submitBtn:hover {
background-color: #2B83AF;
cursor: pointer;
}
.submitBtn:hover:after {
background-color: #2B83AF;
}
.ex_attend {
font-size: 13px;
}
form#mailformpro .ex_form_r .genre_other input[type=text] {
width: 200px;
padding: 5px;
}
form#mailformpro .ex_form_r .birthday input[type=text] {
width: 50%;
}
.ex_form_l .ex_attend {
margin-left: 30px;
}  .main .contact_ttl {
padding-top: 40px;
padding-bottom: 10px;
}
.main .contact_txt {
line-height: 2em;
font-size: 18px;
}
.contact_sec form#mailformpro {
width: 100%;
margin: 0 auto
}
.contact_sec form#mailformpro dl {
padding-bottom: 15px;
}
.contact_sec form#mailformpro dl dt {
margin: 15px 0 10px;
}
.contact_sec form#mailformpro dl dd {
margin-bottom: 0;
overflow: hidden;
}
.radio_bold {
font-weight: bold;
}
.radio_cap {
display: block;
font-size: 13px; ;
line-height: 1.6;
margin-left: 20px;
margin-bottom: 5px;
}
.job_item {
padding-bottom: 25px;
}
.job_item li {
display: inline-block !important;
margin-right: 20px;
}
form#mailformpro input[type=text], form#mailformpro input[type=tel], form#mailformpro input[type=email], form#mailformpro textarea {
width: 100%;
padding: 10px;
font-size: 100%;
box-sizing: border-box;
border: 0px;
background-color: rgba(228,228,228,1.00);
}
form#mailformpro .mfp_element_textarea {
height: 250px;
font-size: 100%;
box-sizing: border-box;
}
.rstBtn {
color: #fff;
background-color: #ccc;
margin-left: 20px;
}
.rstBtn:after {
background: #ccc;
}
.rstBtn:hover {
background-color: #A3A3A3;
cursor: pointer;
}
.rstBtn:hover:after {
background-color: #A3A3A3;
}
#mfp_button_send {
width: 310px;
padding: 8px 15px;
background-color: #3399CC;
margin-top: 25px;
position: relative;
font-size: 16px;
color: #fff;
box-shadow: none;
border-style: none;
cursor: pointer;
border-radius: 15px;
}
#mfp_button_cancel {
background-color: #ccc;
width: 310px;
padding: 8px 15px;
margin-top: 25px;
position: relative;
font-size: 16px;
color: #fff;
box-shadow: none;
border-style: none;
cursor: pointer;
border-radius: 15px;
}
.mailform {
text-align: left;
}
.mw_wp_form_confirm dt {
font-weight: 700;
padding-bottom: 0.6rem;
}
form#mailformpro dl dd ul li, form#mailformpro dl dd ol li {
display: block;
margin-bottom: 10px;
}
form#mailformpro label {
padding-right: 20px !important;
}
@media (max-width:1280px) {
.thanks #globalFooter {
position: static;
bottom: auto;
left: auto;
width: 100%;
}
} .privacy__private_sec {
padding-bottom: 60px;
}
.praivacy_article_lead {
margin-bottom: 40px;
}
.privacy_list li {
margin-bottom: 10px;
}
.privacy_list li span {
display: block;
float: left;
clear: left;
width: 30px;
}
.privacy_list li p {
margin-left: 0px;
}
.privacy_list li ol {
margin-left: 0px;
}
.privacy_list li ol li {
margin-bottom: 0px;
}
.private_ttl {
font-size: 20px; ;
margin-bottom: 10px;
}
.private_ttl+p, .private_ttl+ul {
margin-left: 35px;
}
.privacy__private_sec p {
margin-bottom: 40px;
}
.privacy__private_sec ul {
margin-bottom: 40px;
}
.privacy__private_sec ul li p {
margin-bottom: 5px;
}
.privacy__private_sec ul li span {
display: block;
margin-left: 40px;
padding-top: 0;
}  .event_list ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
}
.mHeight {
margin-bottom: 40px;
}
.mHeight a {
text-decoration: none !important;
color: #111111;
font-size: 15px;
display: block;
transition: .6s;
position: relative;
}
.mHeight a:hover {
opacity: 0.6;
}
.txtArea {
margin-bottom: 10px;
}
.txtArea .date {
font-size: 13px;
padding: 7px 15px 6px;
width: 100%;
background-color: #333333;
color: #FFFFFF;
display: block;
}
.event_ttl {
padding: 10px;
}
.event_ttl p {
margin: 0;
padding: 2px 0;
line-height: 1.2;
}
.event_ttl p.category {
font-size: 15px;
color: #666666;
font-weight: bold;
}
.event_ttl p.guest {font-size: 15px;}
.event_ttl p.main {
font-size: 16px;
font-weight: bold;
}
.event_ttl p.sub {font-size: 1.4rem;} .eventTitleBlock {
position: relative;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
padding-right: 70px;
padding-left: 70px;
margin-top: 40px;
margin-bottom: 40px;
border-top:0;
border-left:0;
border-right:0;
border-bottom: 3px solid;
border-image-slice: 1;
}
.eventTitleBlock:after {
}
.eventTitleBlock span.day {
padding: 5px 10px;
background-color: var(--odp-blue);
color: #FFFFFF;
font-weight: bolder;
font-size: 1.4rem;
display: inline-block;
margin-right: 10px;
vertical-align: top;
margin-top: 2px;
}
.eventTitleBlock span.category{
font-size: 24px;
font-weight: 900;
}
.eventTitleBlock span.guest{
font-size: 18px;
font-weight: 900;
}
.eventTitleBlock h3.main{
margin: 0;
font-size: 24px;
font-weight: 900;
}
.eventTitleBlock p.sub{
font-size: 16px;
font-weight: 900;
line-height: 1.6;
margin-bottom: 0rem;
color: #555555;
}
.eventTitleBlock icon.icon1 {
position: absolute;
left: 0px;
bottom: -3px;
}
.eventTitleBlock icon.icon2 {
position: absolute;
right: 0px;
bottom: -3px;
}
@media (max-width:767px) {
.eventTitleBlock {
padding-right: 0px;
padding-left: 0px;
margin-top: 10px;
margin-bottom: 10px;
text-align: left;
}
.eventTitleBlock span.day {
margin-bottom: 10px;    
}
.eventTitleBlock span.category {
font-size: 20px;
display: block;
}
.eventTitleBlock span.guest {
display: block;
}
.eventTitleBlock h3.main{
font-size: 20px;
padding-bottom: 10px;
display: block;
}
.eventTitleBlock p.sub{
font-size: 15px;
text-align: left;
line-height: 1.3;
display: block;
}
}
.eventMainContent {}
.eventMainContent h1 {
font-size: 20px;
background-color: var(--odp-blue);;
color: #ffffff;
margin-bottom: 10px;
padding: 8px;
}
.eventMainContent h2 {
font-size: 18px;
background-color: var(--odp-blue);
color: #ffffff;
margin-bottom: 10px;
padding: 8px;
text-align: center;
}
.eventMainContent h3 {
font-size: 16px;
position: relative;
border-style: solid;
}
.eventMainContent h4 {
font-size: 15px;
position: relative;
background-color: var(--odp-blue);
border-style: solid;
}
.eventMainContent h5 {
font-size: 14px;
}
.eventMainContent h6 {
font-size: 1.4rem;
}
.eventMainContent h1 + p,
.eventMainContent h2 + p,
.eventMainContent h3 + p,
.eventMainContent h4 + p,
.eventMainContent h5 + p,
.eventMainContent h6 + p {
margin-bottom: 30px;
}
.eventMainContent ul {
padding-left: 15px;
list-style: disc;
margin-left: 10px;
}
.eventMainContent ul li {
list-style: disc;
display: list-item;
padding-bottom: 15px;
}
.event-info {
border: 11px solid var(--odp-blue);
position: relative;
padding: 33px;
margin-top: 50px;
margin-bottom: 30px;
}
.event_txtArea article .event-info .event-form {
padding-bottom: 0;
}
.infoBox {
position: relative;
}
.infoBox icon.icon1 {
position: absolute;
top: -70px;
right: -70px;
}
.infoBox icon.icon2 {
position: absolute;
left: -100px;
bottom: -30px;
}
.event-info dl,.event-info dl dt,.event-info dl dd {
margin: 0;
padding: 0;
}
.event-info dl{ border-top: none;
width: 100%;
}
.event-info dl.w{
background-color: #FFFFFF;
}
.event-info dl dt {
padding: 15px 15px 5px 15px;
border-bottom: 1px solid #cccccc;
margin-bottom: 10px;
color: #888888;
font-weight: 900;
}
.event-info dl dd {
padding: 0 15px 15px;
}
.event-info dl dt {
width: 100%;
}
.event-info dl dd {
}
.event-info .event-form dl dt {
font-size: 100%;
padding: 15px 15px 5px 15px;
border-bottom: none;
margin-bottom: 0px;
}
@media (max-width:991px) {
.event-info {
border: 6px solid;
border-image: linear-gradient(to right, #84be3f 0%, #437ec1 100%);
border-image-slice: 1;
padding: 10px;
margin-top: 25px;
margin-bottom: 15px;
}
.event-info dl,.event-info dl dt,.event-info dl dd {
margin: 0;
padding: 0;
}
.event-info dl{
background-color: #e8e8e8;
border-top: none;
width: 100%;
}
.event-info dl.w{
background-color: #FFFFFF;
}
.event-info dl dt {
padding: 10px 10px 5px;
font-weight: bold;
}
.event-info dl dd {
padding: 5px 10px 10px;
}
.event-info dl dt {
clear: left;
float: none;
width: 100%;
background-color:#fff; 
}
.event-info dl dd {
margin-left: 0%;
background-color:#fff
}
}
.event-info .pdq {
padding: 15px 0;
text-align: right;
}
.event-info .profile {
padding: 15px 20px;
background-color: #f1f9fc;
overflow: hidden;
}
.event-info .profile h3 {
margin: 0;
font-size: 18px;
padding-bottom: 10px;
}
.event-info .profile .guestBox {
padding-top: 10px;
}
.event-info .profile .guestBox .name {
font-size: 15px;
font-weight: bold;
}
.event-info .profile .guestBox .company {
font-size: 13px;
line-height: 1.3 !important;
margin-bottom: 10px;
}
.main p.company {
font-size: 14px;
font-weight: 700;
margin-bottom: 0;
}
.main p.job {
font-size: 12px;
font-weight: 700;
margin-bottom: 0;
line-height: 1;
}
.event-info .profile .content {
padding-bottom: 15px;
}
.event-info .profile .url {
border-top: 1px solid #c2c2c2;
padding-top: 10px;
}
.event-info .profile .content .url a {}
.event-info .contents2 {
padding-top: 20px;
padding-bottom: 20px;
clear: both;;
}
.event-info .entryBox {
margin-bottom: 20px;
margin-top: 25px;
}
.event-info .entryBox .btnBox {
background-color: #FFFFFF;
}
.event-info .entryBox h3,
.event-info .contents2 h3 {
text-align: center;
font-size: 16px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 2px solid;
border-image: linear-gradient(to right, #84be3f 0%, #437ec1 100%);
margin: 0;
border-image-slice: 1;
}
.event-info .contents2 .col-sm-
.event-info .entryBox icon.icon1 {
position: absolute;
left: 0px;
bottom: -3px;
}
.event-info .entryBox icon.icon2 {
position: absolute;
right: 0px;
bottom: -3px;
}
.event-info .entryBox p {
text-align: center;
font-size: 1.4rem;
padding: 20px 10px 0;
margin-bottom: 0 !important;
}
.event-info .entryBox .Button {
display: inline;
margin-left: 25px;
margin-right: 25px;
}
@media (max-width:576px) {
.event-info .entryBox .Button {
display: block;
}
.infoBox icon {
display: none;
}
}
.event-info .telBox {
background-color: #e8e8e8;
padding: 20px 0;
text-align: center;
}
.event-info .telBox p {
padding: 0;
margin: 0;
}
.cancelBox {}
.cancelBox h3 {
font-size: 16px;
border-bottom: 3px solid #8f8f8f;
text-align: center;
color: #8f8f8f;
}
.cancelBox .btnBox {
padding: 0;
background-color: #FFFFFF;
text-align: center;
}
.cancelBox .btnBox .formBtn a {
background-color: #8f8f8f;
position: relative;
}
.cancelBox .btnBox .formBtn a:hover {
background-color: #6D6D6D;
}
.cancelBox .btnBox .formBtn  a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 15px;
margin-top: -7px;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/btn-arrow.png);
background-size: 10px 15px;
background-repeat: no-repeat;
border-radius: 30px;
}
.cancelBox p{
font-size: 13px;
text-align: center;
}
.pager {
width: 100%;
margin: 20px 0 50px;
}
.nextPage {
float: left;
}
.prevPage {
float: right;
}
.pager .Button a, .pager .button-r a {
font-size: 10px;
}
.pager .Button a:after, .pager .button-r a:after {
background-image: none;
}
.event-form label {
width: auto;
display: inline;
}
@media (min-width: 991px){
.profile .col-sm-5 {
width: 39.66666667%;
}
} .officePage .ttlBlock {
margin-bottom: 50px;
}
.company_name{
overflow: hidden;	
}
.company_name h3 {
margin: 0;
float: left;
vertical-align: middle;
line-height:normal;
width: 50%;
}
.company_name .right {
margin: 0;
float: right;
text-align: right;
width: 50%;
}
.company_name .right p {
font-size: 1.4rem;
}
.company_name h4,
.company-info h4 {
color: #111;
display: inline;
margin: 0;
padding: 0;
font-size: 1.4rem;
}
.company_name h4 {
line-height: 1;
display: block;
margin-bottom: 7px;
} .company-info p {
font-size: 15px;	
}
@media (max-width: 991px){
.company_name h3 {
font-size: 16px;
}
.officePage .ttlBlock {
margin-bottom: 20px;
}
.company_name .right {
margin: 10px 0 0 0;
float: left;
}
}
.company_name {
position: relative;
padding: 10px 15px 5px 15px;
font-size: 20px;
color: #2d2d2d;
line-height: 1.3;
display: block;
margin-bottom: 20px;
border-bottom: 2px solid;
border-top: 2px solid;
border-left:0;
border-right: 0;
border-color: var(--odp-blue);
border-image-slice: 1;
}
.officeBlock ul {
list-style: disc;
margin: 0 0 0 20px;
padding: 0;
}
.officeBlock ul li {
list-style: disc;
display: list-item;
margin-right: 0px;
}
.company-info {}
.company-info a {
color: #111111 !important;
}
.company-info img.officeLogo {
border:1px solid #cccccc;
}
.company-info .icon {
position: absolute;
top: -10px;
right: 15px;
}
.company-info .icon img {
width: 25px;
height: 25px;
margin-left: 10px;
}
.officeSide .icon .facebook {
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
}
.officeSide .icon .twitter {
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
}
.officeSide .icon .instagram {
width: 20px;
height: 20px;
display: inline-block;
margin-right: 5px;
}
.company-name {
font-size: 28px;
margin: 0; ;
padding: 0;
line-height: 1;
}
.company-cat {
color: rgba(139, 139, 139, 1.00);
font-size: 15px;
margin-bottom: 0px !important;
}
.company-cat a {
color: rgba(139, 139, 139, 1.00);
text-decoration: none;
white-space: nowrap;
position: relative;
}
.company-cat a:hover {
color: rgba(139, 139, 139, .7);
text-decoration: underline;
}
.company-cat a:after {
content: "/";
}
.company-cat a:only-child:after {
content: "";
}
.prBox {
clear: both;
padding-top: 20px;
padding-bottom: 20px;
}
.prBox .inner {
padding-top: 20px;
border-top: 2px solid;
border-left: 0;
border-right: 0;
border-color: var(--odp-blue);
border-image-slice: 1;
}
.entryBox .sansoukan {
padding-top: 15px;
}
.works-ttl h3.en {
margin-top: 0;
margin-bottom: 15px;
position: relative;
padding-top: 0;
border-top: 4px solid #ccc;
font-weight: 500;
font-size: 24px;
}
.works-ttl h3.jp {
margin-top: 0;
padding-top: 10px;
margin-bottom: 15px;
position: relative;
border-bottom: 0;
border-top: 2px solid;
border-left:0;
border-right: 0;
border-color: var(--odp-blue);
border-image-slice: 1;
}
.photo-gallery {}
.photo-gallery li {}
.photo-gallery a {
text-decoration: none;
}
ul.photo-gallery li a img {
width: 100%;
height: auto;
border: 1px solid #ddd;
}
.photo-gallery p.caption {
padding-top: 5px;
line-height: 1.2;
}
@media (max-width:767px) {
.company-info .icon {
top: 10px;
right: 10px;
}
.officeBlock name {
padding-top: 10px;
}
.company_name h3 {
float: none;
width: 100%;
}
.company_name .right {
float: none;
text-align: left;
width: 100%;
}
.company-cat a {
text-decoration: none;
margin-left: 0px;
margin-right: 10px;
}
.company-info img.officeLogo {
width: 70%;
margin: 0 15% 15px;
}
}
@media screen and (min-width:480px) {
.prTxt {
padding-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
}
}
.interview {
padding-bottom: 100px;
text-align: center;
}
.interview h2.title {
position: relative;
text-align: center;
margin: auto;
padding: 10px 20px;
border-bottom: 2px solid;
border-top: 0;
border-left: 0;
border-right: 0;
display: inline-block;
}
.interview h3 {
font-size: 18px;
padding: 8px 24px;
color: #fff;
background-color: var(--odp-blue);
margin: 50px auto 30px;
text-align: center;
display: inline-block;
border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
}
.interview h4 { font-size: 18px; padding: 6px; background-color: var(--odp-blue);}
.interview h5 { font-size: 16px; padding: 6px; background-color: var(--odp-blue);}
.interview h6 { font-size: 15px; padding: 6px; background-color: var(--odp-blue);}
.interview p {
padding-bottom: 0;
margin-left: 5px;
margin-right: 5px;
text-align: left;
margin-bottom: 1.2em;
}
.interview .imgL {
margin-right: 25px;
}
.interview .imgR {
margin-left: 25px;
}
.interview .addtoany_content {
padding-top: 100px;
}
.manager {
color: #595B6B;
text-align: right;
display: block;
margin-right: 20px;
}
@media (max-width:991px) {
.interview h2 {
font-size: 18px;
padding: 0 0px;
margin-bottom: 20px;
}
.interview h2:before, .interview h2:after {
width: 0;
}
.interview h3 { font-size: 16px; padding: 6px; background-color: var(--odp-blue);}
.interview h4 { font-size: 16px; padding: 6px; background-color: var(--odp-blue);}
.interview h5 { font-size: 16px; padding: 6px; background-color: var(--odp-blue);}
.interview h6 { font-size: 15px; padding: 6px; background-color: var(--odp-blue);}
.interview p {
font-size: 15px;
margin-left: 0px;
margin-right: 0px;
padding-top: 15px;
line-height: 1.8;
}
.interview img {
max-width: 100%;
width: 100%;
height: auto;
}
.interview .imgL {
margin-right: 25px;
}
.interview .imgR {
margin-left: 25px;
}
.manager {
color: #595B6B;
text-align: right;
display: block;
margin-right: 20px;
}
}
.fancybox-caption, .fancybox-infobar, .fancybox-toolbar {
opacity: 1 !important;
visibility: visible !important;
z-index: 99999 !important;
}
.entry-finish {
padding: 20px 0;
clear: both;
}
.entry-finish h2 {
color: #004e97;
font-size: 24px;
text-align: center;
line-height: 1.4;
}
.entry.designerPage {
clear: both;
}
.entry.designerPage h2 {
padding-bottom: 0px;
}
.entry.designerPage h2 {
padding-bottom: 0px;
}
.entry.designerPage .btnBox p {
font-size: 100%;
padding: auto;
margin-bottom: 10px !important;
text-align: center;
} #incuPage .line-ttl {}
#incuPage .line-ttl icon { bottom:-15px; right:-110px; }
.officePhoto {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}
.officePhoto icon{
position: absolute;
bottom: -20px;
left: -40px;
}
.officePhoto.right icon{
position: absolute;
right: -20px;
left: auto;
}
.incubation_point {
padding-top: 20px;
padding-bottom: 20px;
}
.titleTypeCenter {
text-align: center;
}
.titleTypeCenter h3 {
margin-bottom: 60px; ;
}
.point_list {
display: flex;
flex-wrap: wrap;
}
.point_list .col-sm-4{
display: flex;
}
.point_list .box {
border: 8px solid;
border-image: linear-gradient(to right, #84be3f 0%, #437ec1 100%);
border-image-slice: 1;
padding: 20px;
margin-bottom: 40px;
position: relative;
}
.point_list .box h4 {
margin: 0 0 20px;
padding: 0; ;
}
.point_list .box p {
min-height: 120px;
}
@media (max-width:767px ){
.point_list .box p {
min-height: auto;
}
.titleTypeCenter h3 {
margin-bottom: 20px;
}
}
.point_list .box icon {
position: absolute;  
}
.point1 icon {
top: -40px;
left: -15px;
}
.point2 icon {
top: -40px;
right: -20px;
}
.point3 icon {
left: -60px;
bottom: -40px;
}
.point4 icon {
bottom: -40px;
right: -20px;
}
.incubation_facility {
padding-bottom: 20px;
}
.roomArea {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.roomArea .col-sm-4 {
margin-bottom: 40px;
position: relative;
}
.roomArea .col-sm-4 img {
position: relative;
z-index: 1;
}
.textBox {
margin-left: 10px;
margin-right: 10px;
position: relative;
z-index: 10;
margin-top: -50px;
}
.textBox h4 {
padding: 10px 10px 1px;
display: inline-block;
background-color: #FFFFFF; ;
margin: 0;
font-size: 18px;
}
@media screen and (max-width: 991px) {
.textBox h4 {
padding: 10px 10px 10px;
}
}
.textBox p {
padding: 10px;
display: block;
margin: 0;
background-color: #FFFFFF;
min-height: 110px;
}
.room1 icon {
position: absolute;
right: 0px;
top: -30px;
z-index: 11;
}
.room2 icon {
position: absolute;
right: -20px;
top: -20px;
z-index: 11;
}
.room3 icon {
position: absolute;
top: -45px;
right: -40px;
z-index: 11;
}
.room4 icon {
position: absolute;
bottom: -45px;
right: -50px;
z-index: 11;
}
.room5 icon {
position: absolute;
bottom: -0px;
right: -0px;
z-index: 11;
}
.room6 icon {
position: absolute;
bottom: -10px;
right: -10px;
z-index: 11;
}
table.incubationTable {
border-top: 2px solid #1eac4b;
margin-top: 20px;
}
table.incubationTable th {
border-bottom: 2px solid #1eac4b;
border-right: 1px solid #1eac4b;
font-size: 11px;
text-align: center;
color: #666666;
background-color: #bbe6c9;
}
table.incubationTable tr {
}
table.incubationTable td {
border-bottom: 1px solid #1eac4b;
color: #666666;
border-right: 1px solid #1eac4b;
text-align: center;
padding-top: 3px !important;
padding-bottom: 3px !important;
font: normal  11px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table.incubationTable th:last-child,
table.incubationTable td:last-child {
border-right: none;
}
.incubation_office {
padding-top: 60px;
padding-bottom: 80px;
}
.incubation_office .cName h3 {
text-align: center;
margin-top: 0px;
}
.incubation_office .cName h3 a {
font-size: 15px;
color: #111111;
text-decoration: none;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f1f1f1;
}
@media screen and (max-width: 768px) {
table.incubationTable {
margin-top: 0px;
}
} #designersPage .line-ttl {}
#designersPage .line-ttl icon { bottom:-15px; right:-110px; }
#designersPage .line-ttl span { width: 110%; }
@media (max-width:767px) {
#designersPage .line-ttl span { width: 100%; }
.textBox p {
min-height: auto;
}
}
@media screen and (max-width: 640px) {
.scroll {
overflow-x: auto;
}
}
table.designersTable {
border-top: 2px solid #0068b7;
margin-top: 20px;
}
table.designersTable th {
border-bottom: 2px solid #0068b7;
border-right: 1px solid #0068b7;
font: normal  9px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align: center;
color: #666666;
padding: 5px 0 !important;
vertical-align: middle !important;
background-color: #D3E8FF;
}
table.designersTable tr {
font-size: 11px;
}
table.designersTable tr.new {
position: relative;
}
table.designersTable td {
border-bottom: 1px solid #0068b7;
color: #666666;
border-right: 1px solid #0068b7;
text-align: center;
padding: 4px 3px!important;
font: normal  11px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 10px;
}
#sgroup-entry table.designersTable th:last-child,
#sgroup-entry table.designersTable td:last-child,
table.designersTable th:last-child,
table.designersTable td:last-child {
border-right: none;
}
#floormap {
}
.floorArea_detail {
padding-top: 30px;
}
#floormap .Button {
padding-bottom: 50px;
} .rental_list ul {
padding: 20px;
background-color: #e8e8e8;
overflow: hidden;
margin-bottom: 40px;
list-style: none;
}
.main .rental_list ul li{
}
.main .rental_list ul li a{
display: inline-block;
color: #666666;
font-weight: bold;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/rental/arrow.png);
background-position: left center;
background-size: 16px 10px;
background-repeat: no-repeat;
padding-left: 20px;
text-decoration: none;
padding-bottom: 15px;
padding-top: 15px;
font-size: 15px;
}
.rental_gallery_sec .slideArea .swiper-pagination {}
.slideArea {
width: 100%;
overflow: hidden;
}
.rental_ttlArea {
margin: 40px auto 35px;
border-top:0;
border-left:0;
border-right:0;
border-bottom: 3px solid;
border-image: linear-gradient(to right, #84be3f 0%, #437ec1 100%);
border-image-slice: 1;
}
.rental_ttlArea h3 {
margin: 0;	
}
.rental_ttlArea .rental_sec_ttl {
}
.rental_sec_ttl {
font-size: 28px; ;
margin-bottom: 0px;
}
.rentalBtn {
float: right;
margin-top: 0px;
margin-bottom: 20px;
}
.box .rentalBtn {
float: left;
margin-right: 30px;
margin-left: 0px;
}
.rental_info {
}
.rental_ttl_txt {
font-weight: bold;
color: #111111;
}
.rental_info .leftArea {
box-sizing: border-box;
width: 40%;
}
.rental_info .rightArea {
box-sizing: border-box;
width: 60%;
border-left: solid 1px #000;
}
.rental_info_inner {
margin: 0 auto;
font-size: 1.4rem;
}
.rental_info_inner + .rental_info_inner {
padding: 15px;
background-color: #e8e8e8;
margin-top: 15px;
font-size: 13px;
}
.rental_info dl {
overflow: hidden;
margin-top: 0;
}
.rental_info_inner dl {
width: 100%;
overflow: hidden;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.rental_info_inner dt {
padding: 3px;
border-top: 1px solid #ccc;
box-sizing: border-box;
}
.rental_info_inner dd {
padding: 3px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
.rental_info_inner dd:after{
display: block;
content: "";
clear: both;
}
.rental_info_inner + .rental_info_inner dl {
width: 100%;
overflow: hidden;
border-bottom: 0px solid #ccc;
border-left: 0px solid #ccc;
border-right: 0px solid #ccc;
}
.rental_info_inner + .rental_info_inner dt {
padding: 0px;
border-top: 0px solid #ccc;
box-sizing: border-box;
}
.rental_info_inner + .rental_info_inner dd {
padding: 0px;
border-top: 0px solid #ccc;
border-left: 0px solid #ccc;
}
.rental_info p {}
.rental_info dl dt {
float: left;
clear: left;
width: 85px;
}
.rental_info dl dd {
margin-left: 85px;
}
.rental_inner {
margin: 20px auto;
}
.rental_studio_sec .rental_inner {
padding: 20px 0;
}
p.zumen a {
font-size: 13px;
color: #666666;
padding: 10px 0 0;
font-weight: bold;
position: relative;
display: inline-block;
text-decoration: none;
}
p.zumen a:after {
position: absolute;
top: 19px;
margin: auto;
content: "";
vertical-align: middle;
width: 8px;
height: 8px;
border-top: 2px solid #666666;
border-right: 2px solid #666666;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.kiyaku_contents {
height: 500px;
overflow: scroll;
}
.kiyaku_contents .rental_inner {}
.kiyaku_contents p {}
.g_calendar {
margin-top: 20px;
}
.rnt_contact_ttl {
float: left;
display: block;
}
.rental_kiyaku_sec {
overflow: hidden;
}
form#mailformpro dl dd {
margin-left: 0;
}
.rental_kiyaku_sec .rentalBtn {
float: right;
margin-left: 20px;
}
.rental_apply_sec p {
margin-bottom: 20px;
}
.rental_apply_sec .rental_info {
margin-bottom: 100px;
}
.rental_apply_sec .rental_info p {
margin-left: 20px;
margin-right: 20px;
}
.rental_kiki_sec {}
.rental_kiki_sec .kiki_imgArea {
margin-bottom: 30px;
}
.rental_kiki_sec .lead {
font-size: 1.8rem;
margin-bottom: 15px;
margin-top: 10px;
line-height: 1em;
text-align: center;
font-weight: bold;
}
.rental_kiki_sec .rental_attend {
display: block;
clear: both;
margin-bottom: 20px;
text-align: center;
padding-top: 5px;
}
.rental_kiki_sec ol {
margin-bottom: 20px;
margin-top: 10px;
}
.rental_kiki_sec ol li {
font-size: 14px;
line-height: 1.5em;
}
.rental_kiki_sec .rental_info .rightArea {
border-left: none;
}
.lowArea {
padding: 15px;
background-color: #e8e8e8;
margin-top: 15px;
font-size: 1.2rem;
overflow: hidden;
}
.downloadArea {
padding-top: 30px;
padding-bottom: 80px;
margin-top: 0px !important;
}
.downloadArea h3 {
color: #FFFFFF;
padding: 10px 0;
text-align: center;
}
.downloadArea .block h3 {
}
.dlBox {
-webkit-box-shadow: 0 0 3px 3px rgba(66,66,66,0.1);
box-shadow: 0 0 3px 3px rgba(66,66,66,0.1);
padding: 15px;
text-align: center;
margin-top: 15px;
}
.dlBox h4 {
margin: 0;
padding-bottom: 10px;
}
.dlBox a {
display: inline;
width: 50%;
padding-right: 8px;
padding-left:8px;
}
.rental .gBox	{
padding-top: 15px;
padding-bottom: 15px;
margin-top: 40px;
margin-bottom: 20px;
}
.rental .downloadArea .gBox h3,
.rental .downloadArea .gBox h4 {
padding: 10px 0;
margin: 0;
text-align: center;
color: #111111;
}
.rental .block {
padding-bottom: 40px;	
}
@media (max-width:991px) {
.rental_list ul {
padding: 0px;
margin-bottom: 0px;
}
.main .rental_list ul li{
padding: 5px 0;
display: block;
}
.main .rental_list ul li a{
background-size: 16px 10px;
padding-left: 20px;
padding-bottom: 15px;
padding-top: 15px;
font-size: 15px;
}
} .library_feature h3 {
margin-bottom: 10px;
}
.library_feature p {
margin-bottom: 30px;
}
.library_top {
padding-bottom: 80px;
}
.library_top .gradation-block {
margin-bottom: 40px;  
} div#mfp_overlay {
position: fixed;
top: 20px;
}
.must {
color: red;
} .canpaign_news {}
.canpaign_news .newsArea {}
.news_list {
overflow: hidden;
width: 100%;
}
.news_list li {
width: 490px;
float: left;
box-sizing: border-box;
border: 7px solid #FFFF00;
border-radius: 15px;
margin-bottom: 40px;
}
.news_list li:nth-child(2) {
float: right;
}
.news_item_inner {
width: 90%;
margin: 20px auto 10px;
}
.news_item_inner .news_item_ttl {
text-align: center;
margin-bottom: 30px;
}
.news_item_inner p {
margin-bottom: 20px;
}
.news_item_inner dl {
display: table;
margin-bottom: 10px;
}
.news_item_inner dl dt {
width: 100px;
text-align: center;
padding: 10px 0;
background-color: #FFFF00;
border-radius: 15px;
display: table-cell;
vertical-align: middle;
}
.news_item_inner dl dd {
width: 300px;
padding: 10px 20px;
display: table-cell;
font-size: 14px;
}
.news_item_inner .canpaignBtn {
margin-top: 0;
margin-bottom: 20px;
width: 100%;
box-sizing: border-box;
}
.canpaignBtn {
background-color: #FFFF00;
}
.canpaignBtn a {
color: #000;
}
.canpaignBtn a::after {
background: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/arrow_r_kuro.png) no-repeat
}
.to_contact {
display: block;
float: left;
font-size: 1.4rem;
}
.to_contact a {
text-decoration: none;
}
.to_en {
display: block;
float: left;
margin-right: 8px;
}
.to_en a {
text-decoration: none;
}
.fbBtn {
display: block;
float: left;
margin-right: 8px;
margin-top: -3px;
position: relative;
}
.twBtn {
display: block;
float: left;
position: relative;
margin-top: -3px;
}
.confirm dd {
padding: 10px 10px 2px 10px;
border: 1px solid #cccccc;
} .news-archive {
margin-bottom: 60px;
padding-top: 50px;
}
.news-archive .block {}
.news-archive .block ul {}
.news-archive .block li {
padding: 20px 0;
width: 100%;
display: block;
}
.news-archive .block li a {
color: #000000;
text-decoration: underline;
}
.news-archive .block li:nth-child(odd) {
background-color: #EBF6FB;
}
.news-archive .block li:nth-child(even) {
background-color: #FFFFFF;
}
.news-archive .block li .data {
padding: 0px 45px;
font-family: "futura-pt", sans-serif;
}
.news-archive .block li .title {
padding: 0px 45px;
}
.news-archive .block li .title a {
text-decoration: none;
}
.news-archive .block li .title a:hover {
text-decoration: underline;
color: #5B5B5B;
} .news-detail {}
.news-detail .post-ttl {
font-size: 22px; ;
margin-bottom: 20px;
}
h3.post-ttl {
position: relative;
padding-top: 10px;
border-top: 1px solid #ccc;
font: 500 24px "din-condensed", sans-serif;
margin-top: 0px;
color: #111111;
}
h3.post-ttl::after {
position: absolute;
top: -1px;
left: 0;
z-index: 2;
content: '';
width: 20%;
height: 1px;
background-color: #3393FF;
}
.news-detail .data {
text-align: left;
margin-bottom: 0px;
font-family: "futura-pt", sans-serif;
font-weight: 400;
color: #777777;
}
.post {
width: 100%;
padding: 30px 0;
margin-bottom: 30px;
background-repeat: no-repeat;
background-position: center center;
}
.news-detail .btn-back {}
.news-detail .post h1 {
font-size: 22px;
}
.news-detail .post h2 {
font-size: 20px;
}
.news-detail .post h3 {
font-size: 18px;
}
.news-detail .post h4 {
font-size: 16px;
}
.news-detail .post h5 {
font-size: 14px;
}
.news-detail .post h6 {
font-size: 1.4rem;
}
.news-detail .post p {
margin-bottom: 1em;
}
.news-detail .post ol {
padding: 10px;
margin-left: 15px;
}
.news-detail .post ol li {
list-style: decimal;
}
.news-detail .post ul {
padding: 10px;
margin-left: 15px;
}
.news-detail .post ul li {
list-style: disc
}
li.post-list {
padding-bottom: 50px;
}
li.post-list p.logo {}
li.post-list p.logo img {
width: 100%;
height: auto;
}
.post {}
.postBox {}
.post p {
padding-bottom: 20px;
}
.post .alignleft {
float: left;
padding-right: 15px;
padding-bottom: 15px;
}
.post .alignright {
margin-left: 15px;
margin-bottom: 15px;
float: right;
}
.post ol li {
padding-left: 0px;
list-style-type: decimal;
}
.post ul li {
padding-left: 0px;
list-style-type: disc;
}
.post ol, .post ul {
margin-left: 30px;
margin-bottom: 15px;
}
.post ul.photo-gallery {
margin-left: 0px;
margin-bottom: 0px;
clear: both;
bottom: 20px;
width: 100%;
overflow: hidden;
}
.post ul.photo-gallery li {
padding-left: 0px;
list-style-type: none;
float: left;
padding-right: 10px;
} .seminarBox {
margin-bottom: 0px;
padding-bottom: 30px;
}
.seminarBox h3 {
padding: 10px 0;
color: #18AD5E;
font-size: 24px;
line-height: 1.3;
position: relative;
height: 100px;
}
.seminarBox h3 .round {
color: #ffffff;
border-radius: 10px;
background-color: #18AD5E;
text-align: center;
line-height: 1;
padding: 10px 0;
font-size: 18px;
width: 150px;
margin-right: 10px;
position: absolute;
border: 2px solid #18AD5E;
}
.seminarBox h3 .round small {
font-size: 1.4rem;
padding: 0;
margin-left: 10px;
}
.seminarBox h3 .ttl {
padding: 0 0 0 160px;
position: absolute;
font-size: 19px;
}
.seminarBox h3 .time {
font-size: 1.4rem;
color: #666;
padding-top: 10px;
display: block;
padding-left: 2px;
}
@media screen and (max-width: 1200px) {
.seminarBox h3 .ttl {
font-size: 15px;
}
}
.seminarBox p {
margin-bottom: 10px !important;
}
.btnBox p {
text-align: center;
font-size: 1.4rem;
padding: 20px 10px 0;
}
.btnBox .formBtn,
.btnBox .Button {
display: inline;
margin-left: 25px;
margin-right: 25px;
}
.btnBox .formBtn a {
font-size: 12px;
border-radius: 30px;
padding: 10px 30px;
margin: 10px auto;
display: block;
background-color: #F08300;
color: #fff;
text-align: center;
text-decoration: none;
width: 100%;
max-width: 300px;
}
.produceup2022 .btnBox p {
text-align: left !important;
}
.btnBox .formBtn a:hover {
background-color: #CD8B00;
}
@media (max-width:767px) {
.btnBox .formBtn, .btnBox .Button {
display: block;
max-width: 100%;
}
}
.esaki-eigyou2019　.btnBox .formBtn a {
background-color: #38A1DB;
border-bottom: 3px solid #2182B7;
}
.esaki-eigyou2019　.btnBox .formBtn a:hover {
background-color: #2182B7;
}
.col-sm-6 .btnBox .formBtn a {
width: 100%;
}
.col-sm-6 .btnBox .formBtn a.icon-file-pdf {
width: 100%;
color: #FFFFFF;
}
.event_txtArea .workshop h2 {
color: #FFFFFF;
background-color: #F3981C;
text-align: center;
font-size: 20px;
border-radius: 4px;
font-weight: bolder;
padding: 10px 0;
margin-bottom: 15px;
}
.event_txtArea .workshop .seminarBox h3 .round {
background-color: #F3981C;
}
.event_txtArea .workshop .seminarBox h3 {
color: #F3981C;
}
.monthBox {
margin-bottom: 8px;
}
.event_txtArea .month {
border-radius: 3px;
background-color: #00aebb;
padding: 3px 6px;
margin-right: 10px;
color: #FFFFFF;
font-weight: bold;
text-align: center;
}
.event_txtArea .attentionBox {
color: rgba(167,30,33,1.00);
}
.event_txtArea ul.dot-l {
list-style: disc;
margin-left: 20px;
list-style-type: disc;
}
.event_txtArea ul.dot-l li {
list-style: disc;
list-style-type: disc;
display: list-item;
}
.event_txtArea a.smp {}
.event_txtArea .btnBox {
text-align: center;
}
.event_txtArea article .event-form {
padding-bottom: 60px;
}
.event_txtArea article .event-form dt {
display: block;
width: auto;
float: none;
padding: 10px 0;
}
.event_txtArea article .event-form dd {
display: block;
padding-left: 0;
border-bottom: none;
text-align: left;
vertical-align: middle;
margin: 0;
padding-bottom: 10px;
position: relative;
}
.event_txtArea article .event-form dd .time {
width: 100px;
padding: 0;
margin-left: 4px;
}
.timeBox div {
display: inline;
}
.timeBox p {
display: inline;
}
.wpcf7-text,
.wpcf7-textarea {
width: 100%;
}
@media (max-width:480px) {
.eventTitleBlock span.day {
margin-bottom: 5px;    
}
.eventTitleBlock span.category {
font-size: 15px;
line-height: 2.3;
display: inline;
}
.eventTitleBlock span.guest {
font-size: 15px;
display: block;
padding-bottom: 10px;
}
.eventTitleBlock h3.main{
font-size: 18px;
line-height: 1.4;
padding-bottom: 5px;
}
.eventTitleBlock p.sub{
font-size: 15px;
line-height: 1.4;
}
.event_txtArea article .event-form dd .timeBox {
margin: 10px 0;
display: block;
}
.event_txtArea article .event-form dd .time {
margin-left: 0;
}
.event_txtArea article .event-form dd textarea {
width: 100%;
}
}
.event_txtArea article .mw_wp_form_confirm .event-form dd {
padding: 20px;
border-radius: 0;
background-color: #f7f7f7;
margin-bottom: 20px;
}
.event-form dd .formText, .event-form dd .formMail {
padding: 5px;
width: 100%;
}
.reserveForm dd,
.mwform-checkbox-field {
position: relative;
}
.mw_wp_form .error {
font-size: 1rem !important;
display: inline-block;
background-color: #B70000;
padding: 5px 10px;
color: #ffffff !important;
border-radius: 10px;
position: absolute;
}
.mw_wp_form .error:after {
content: "";
display: inline-block;
vertical-align: middle;
color: #B70000;
line-height: 1;
width: 0;
height: 0;
border-style: solid;
border-color: transparent;
border-width: 0.64952em 0.375em;
border-bottom-color: currentColor;
border-top: 0;
position: absolute;
top: -5px;
left: calc(50% - 0.64952em);
}
.privacy.center .error {
left: 50%;
transform: translateX(-50%);
}
.underline {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
.school {
border-radius: 8px;
padding: 8px 16px;
background-color: #E3E3E3;
}
.btn-confirm {
position: relative;
font-size: 16px;
border-radius: 6px;
padding: 12px 0;
margin: 10px auto;
width: 40%;
display: inline-block;
background-color: #000000;
border: none;
color: #fff;
text-align: center;
text-decoration: none;
}
.back {
position: relative;
font-size: 16px;
border-radius: 6px;
padding: 12px 0;
margin: 10px;
width: 40%;
display: inline-block;
background-color: #666666;
border: none;
color: #fff;
text-align: center;
text-decoration: none;
}
.list {
padding-bottom: 30px;
padding-top: 5px;
}
.list ul {
padding-top: 15px;
padding-left: 0px;
}
.list ul li {
padding-bottom: 5px;
display: block;
}
.list ul li a {
text-decoration: none;
color: rgba(0,91,165,1.00);
}
.list ul li a:hover {
text-decoration: none;
color: rgba(0,115,209,1.00);
}
.arrow {
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before, .arrow::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
a.arrow_a {
padding: 0 0 0 16px;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/interview_arrow_br.svg);
background-size: 6px 9px;
background-repeat: no-repeat;
background-position: left center;
}
.list ul li .arrow-ku::before {
left: 3px;
width: 4px;
height: 4px;
border-top: 2px solid #38A1DB;
border-right: 2px solid #38A1DB;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
a.smp-tel {
cursor: default;
color: #333333;
text-decoration: none;
}
#incu {
margin: 0px auto 50px;
font-size: 14px;
line-height: 1.6;
overflow: hidden;
}
#incu h2 {
margin-bottom: 1em;
}
#incu .wrapper {
background-color: #FFFFFF;
overflow: hidden;
padding: 20px 80px;
}
#sgroup-entry .wrapper {
background-color: #FFFFFF;
overflow: hidden;
padding: 20px 80px;
}
#incu .point1 {
padding-top: 20px;
overflow: hidden;
padding-bottom: 30px;
}
#incu .point1 h2 {
margin: 0;
width: 635px;
padding-bottom: 20px;
}
#incu .point1 .cont {
float: left;
width: 660px;
}
.mainCopy {
padding: 15px 30px;	
}
#incu .point1 .img {
text-align: right;
}
#incu .point2 {
width: 50%;
float: left;
overflow: hidden;
padding-right: 5%;
}
#incu .point2 h2 {
margin: 0;
padding-bottom: 20px;
}
#incu .point2 .cont {}
#incu .point2 .cont p {
padding-bottom: 20px;
}
#incu .point2 .img {
}
#incu .point3 {
width: 45%;
float: right;
overflow: hidden;
}
#incu .point3 .img {
float: left;
margin-right: 20px;
}
#incu .point3 h2 {
margin-bottom: 20px;
overflow: hidden;
margin-top: 0;
}
#incu .point3 p {
padding-top: 0px;
}
#incu .point3 p {
padding-bottom: 20px;
}
#incu .outline {
padding: 40px 0 20px;
clear: both;
}
#incu .outline .ttl {
clear: both;
padding-top: 45px;
padding-bottom: 45px;
}
#incu .ttl .left {
float: left;
}
#incu .ttl .right {
float: right;
}
#incu .outline .outlineBox {
padding-top: 20px;
text-align: center;
}
#incu .flow {
padding: 20px 0;
}
#incu .flow h2 {
padding-bottom: 0px;
}
#incu .flow .flowimg {}
#incu .flow .flowimg p {
padding-bottom: 0px;
padding-top: 20px;
}
#incu .designer {
padding: 20px 0;
}
#incu .designer h2 {
padding-bottom: 0px;
}
#incu .designer p {
padding-bottom: 10px;
}
#incu .time {
padding: 20px 0;
}
#incu .time h2 {
padding-bottom: 0px;
}
#incu .time h3 {
font-size: 18px;
margin-top: 0;
}
#incu .time p {
text-align: center;
padding-top: 10px;
}
#incu .office {
padding: 20px 0;
}
#incu .office h2 {
padding-bottom: 0px;
}
#incu #entry {
padding-top: 60px;
}
#incu .entry {
padding: 20px 0;
}
#incu .entry h2 {
padding-bottom: 0px;
}
#incu .entry .addressBox {
padding: 25px 25px 10px;
background-color: #f0f0f0;
margin-bottom: 10px;
}
#incu .entry .addressBox p {
padding-bottom: 15px;
}
#incu .blueBox {
margin: 20px 0;
padding: 1px 0 15px;
background-color: #1eac4b;
text-align: center;
}
#incu .blueBox h2 {
color: #ffffff;
font-size: 25px;
margin-bottom: 0;
}
#incu .blueBox p {
color: #ffffff;
font-size: 17px;
}
.outlineBox .attention {
text-align: left;
padding-top: 0px;
font-size: 1.4rem;
}
@media (max-width:480px) {
.outlineBox .attention {
text-align: left;
padding-top: 5px;
font-size: 10px !important;
}
table.designersTable {
border-top: 2px solid #0068b7;
margin-top: 0px;
}
}
.voice {
padding: 30px 0;
clear: both;
}
.voice h2 {
padding-bottom: 40px;
}
.voice .voiceBox {
text-align: center;
padding-bottom: 20px;
}
.voice .voiceBox p {
padding: 0;
margin: 0;
text-align: left;
}
.voice .voiceBox .photo {
padding-top: 30px;  
}
.voice .voiceBox .comment .box {
border-radius: 10px;
padding: 25px;
border: 3px solid #1eac4b;
}
.voice .voiceBox h3 {
font-size: 23px;
font-weight: bold;
color: #e99214;
margin-bottom: 0px;
}
.voice .voiceBox .voice1 {
padding-bottom: 70px;
}
.voice .voiceBox .voice1 .photo {
float: left;
}
.voice .voiceBox .voice1 .comment {
padding-left: 150px;
}
.voice .voiceBox .voice1 .comment h3 {
padding-left: 20px;
}
.voice .voiceBox .voice2 {
display: flex;
justify-content: space-between;
}
.voice .voiceBox .voice2 .comment {
float: left;
width: 75%;
}
.voice p.officeLink{
text-align: right;
display: block;
}
.voice .officeLink a.arrow-blue {
margin-top: 0;
font-size: 1.4rem;
}
.borderBox-incu {
border-radius: 20px;
padding: 20px 20px 10px;
margin-top: -20px;
border: 5px solid #1eac4b;
}
@media screen and (max-width: 991px) {
.voice .voiceBox h3 {
font-size: 16px;
}
.voice .voiceBox .voice1 .comment h3 {
padding-left: 0px;
}
.voice .voiceBox .voice2 .comment h3 {
padding-left: 0px;
}
}
@media screen and (max-width: 768px) {
.voice .voiceBox .voice2 {
display: block;
}
} #designers-entry {
margin: 0px auto 50px;
font-size: 14px;
line-height: 1.6;
overflow: hidden;
}
#designers-entry .wrapper {
background-color: #FFFFFF;
overflow: hidden;
padding: 20px 80px;
}
#designers-entry .point1 {
padding-top: 20px;
overflow: hidden;
padding-bottom: 30px;
}
#designers-entry .point1 h2 {
margin: 0;
width: 635px;
padding-bottom: 20px;
}
#designers-entry .point1 .cont {
float: left;
width: 660px;
}
.mainCopy {
padding: 15px 30px;	
}
#designers-entry .point1 .img {
text-align: right;
}
#designers-entry .point2 {
width: 50%;
float: left;
overflow: hidden;
padding-right: 5%;
}
#designers-entry .point2 h2 {
margin: 0;
padding-bottom: 20px;
}
#designers-entry .point2 .cont {}
#designers-entry .point2 .cont p {
padding-bottom: 20px;
}
#designers-entry .point2 .img {
}
#designers-entry .point3 {
width: 45%;
float: right;
overflow: hidden;
}
#designers-entry .point3 .img {
float: left;
margin-right: 20px;
}
#designers-entry .point3 h2 {
margin-bottom: 20px;
overflow: hidden;
margin-top: 0;
}
#designers-entry .point3 p {
padding-top: 0px;
}
#designers-entry .point3 p {
padding-bottom: 20px;
}
#designers-entry .outline {
padding: 40px 0 20px;
clear: both;
}
#designers-entry .outline .ttl {
clear: both;
padding-top: 45px;
padding-bottom: 45px;
}
#designers-entry .ttl .left {
float: left;
}
#designers-entry .ttl .right {
float: right;
}
#designers-entry .outline .outlineBox {
padding-top: 20px;
text-align: center;
}
#designers-entry .flow {
padding: 20px 0;
}
#designers-entry h2 {
margin-bottom: 30px;
}
#designers-entry .flow h2 {
padding-bottom: 0px;
}
#designers-entry .flow .flowimg {}
#designers-entry .flow .flowimg p {
padding-bottom: 0px;
padding-top: 20px;
}
#designers-entry .designer {
padding: 20px 0;
}
#designers-entry .designer h2 {
padding-bottom: 0px;
}
#designers-entry .designer p {
padding-bottom: 10px;
}
#designers-entry .time {
padding: 20px 0;
}
#designers-entry .time h2 {
padding-bottom: 0px;
}
#designers-entry .time h3 {
font-size: 18px;
margin-top: 0;
}
#designers-entry .time p {
text-align: center;
padding-top: 10px;
}
#designers-entry .office {
padding: 20px 0;
}
#designers-entry .office h2 {
padding-bottom: 0px;
}
#designers-entry #entry {
padding-top: 60px;
}
#designers-entry .entry {
padding: 20px 0;
}
#designers-entry .entry h2 {
padding-bottom: 0px;
}
#designers-entry .entry .addressBox {
padding: 25px 25px 10px;
background-color: #f0f0f0;
margin-bottom: 10px;
}
#designers-entry .entry .addressBox p {
padding-bottom: 15px;
}
#designers-entry .blueBox {
margin: 20px 0;
padding: 1px 0 15px;
background-color: #0068b7;
text-align: center;
}
#designers-entry .blueBox h2 {
color: #ffffff;
font-size: 25px;
margin-bottom: 0;
}
#designers-entry .blueBox p {
color: #ffffff;
font-size: 17px;
}
.designerPage .btnBox a img {
zoom: .5;
}
.designers-flow {
padding-bottom: 60px;
text-align: center;
}
.designers-flow p {
padding-top: 10px;
text-align: left;
padding-left: 55px;
}
.subttl {
text-align: center;
font-size: 32px;
color: #4F4F4F;
letter-spacing: 0.2em;
}
.singleBtn {
padding-top: 10px;
}
.fumufumu_banner {
padding-left: 25px;
}
.fumufumu_banner img {
width: 100%;
max-width: 260px;
height: auto ;
}
@media (max-width:1200px) {
.flowimg .pc img {
width: 100%;
height: auto;
}
}
@media (max-width: 991px){
.smpTitle {
margin: 0 15%;
}
.smpTitle img  {
-moz-transform: scale(0.8,0.8);
-webkit-transform: scale(0.8,0.8);
-o-transform: scale(0.8,0.8);
-ms-transform: scale(0.8,0.8);
}
.borderBox-incu {
margin-top: 0;
}
.borderBox-incu .center img {
width: 100%;
height: auto;
}
.borderBox-design .center img {
width: 100%;
height: auto;
}
.fumufumu_banner {
padding-top: 25px;
padding-left: 0;
}
.fumufumu_banner img {
width: 100%;
max-width: auto;
height: auto ;
}
}
@media (max-width:480px) {
.mainCopy {
padding: 10px 0px;	
}
#incu .point1 h2 {
width: 100%;
}
.voice {
padding: 30px 0;
clear: both;
}
.voice h2 {
padding-bottom: 40px;
}
.voice .voiceBox {
text-align: center;
padding-bottom: 20px;
}
.voice .voiceBox p {
padding: 0;
margin: 0;
text-align: left;
}
.voice .voiceBox .photo {
padding-top: 0px;  
}
.voice .voiceBox .comment .box {
border-radius: 10px;
padding: 20px;
border: 3px solid #008842;
}
.voice .voiceBox h3 {
font-size: 18px;
font-weight: bold;
color: #e99214;
}
.voice .voiceBox .voice1 {
padding-bottom: 30px;
}
.voice .voiceBox .voice1 .photo {
float: none;
text-align: left;
}
.voice .voiceBox .voice1 .comment {
padding-left: 0px;
}
.voice .voiceBox .voice1 .comment h3 {
padding-left: 0px;
}
.voice .voiceBox .voice1 .comment .box{}
.voice .voiceBox .voice2 {}
.voice .voiceBox .voice2 .photo {
float: none;
text-align: right;
}
.voice .voiceBox .voice2 .photo.smp {
display: block;
}
.voice .voiceBox .voice2 .comment {
float: none;
width: 100%;
}
.voice .voiceBox .voice2 .comment h3 {
padding-left: 0px;
}
.voice .voiceBox .voice2 .comment .box{}
}
.borderBox-design {
border-radius: 20px;
padding: 20px 20px 10px;
margin-top: -20px;
border: 5px solid #0068b7;
} #incuarchivePage .line-ttl {}
.post-list {
}
.post-list .cName {
display: flex;
align-items: center;
height: 50px;
}
.post-list .cName h3 {
font-size: 15px;
text-align: center;
margin: 0 0 0 0.6rem;
padding: 0;
}
.post-list .cName h3 a {
color: #111111;
text-decoration: none;
text-align: center;
}
.cName .number {
border-radius: 15px;
font-size: 10px;
margin: 0;
padding: 5px 0;
text-align: center;
display: inline-block;
height: 25px;
width: 25px;
position: relative;
float: right;
color: #FFFFFF;
}
#incuarchivePage .cName .number {
background-color: #84be3f;
}
.entry .btnBox {
padding: 20px 0;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.entry .btnBox a {
display: block;
margin: 0 0 20px;
text-decoration: none;
width: 30%;
}
.entry .btnBox a img {
width: 100%;
max-width: 260px;
height: auto;
}
@media (max-width:768px) {
.entry .btnBox a {
width: 100%;
}
} #designersarchivePage .cName .number {
background-color: #0068b7;
}
.designersOfficeBox {
padding-top: 50px;
position: relative;
} #designersarchivePage .cName.sup .number {
width: 40px;
background-color: #a100f0;
}
#designersarchivePage .line-ttl span.sup { width: 100%; } .traffic p {
padding-bottom: 1.5em;
padding-top: 0.5em;
}
.accessBox {
border-radius: 3px;
padding: 10px;
background-color: #FFFFFF;
margin-bottom: 30px;
}
.accessBox .img {
margin-bottom: 15px;
}
.accessBox .number {
text-align: center;
margin-bottom: 15px;
}
.accessBox .ttl {
font-size: 15px;
text-align: center;
font-weight: bold;
line-height: 1;
height: 40px;
vertical-align: middle;
display: table-cell;
width: 242.5px;
padding-bottom: 10px;
}
.accessBox .cmt {
font-size: 1.4rem;
height: 60px;
}
@media (max-width:1024px) {
.accessBox .ttl {
font-size: 14px;
}
.accessBox .cmt {
height: 70px;
}
}
@media (max-width:768px) {
.cName .number {
padding: 2px 0;
}
}
@media (max-width:767px) {
.accessBox .ttl {
height: auto;
display: block;
width: 100%;
}
.accessBox .cmt {
height: auto;
}
.entry.designerPage .btnBox p {
padding-left: 20px;
padding-right: 20px;
text-align: left;
}
} #coworkingspace {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/coworkingspace/images/bg-head.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
margin-top: -40px;
margin-bottom: -60px;
overflow: hidden;
color: #595757;
}
#coworkingspace .wrapper {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/coworkingspace/images/bg-foot.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center bottom;
overflow: hidden;
}
#coworkingspace .mainTitle {
margin-top: 50px;
}
.circle {
padding-top: 15px;
padding-bottom: 40px;
}
.circle div {
padding-bottom: 10px;
}
.circle .down {
margin-top: 50px;
}
#coworkingspace .mainCopy {
margin-bottom: 0px;
padding-bottom: 50px;
}
#coworkingspace .mainCopy h1 {
color: #20aee5;
font-size: 29px;
font-weight: bold;
margin-bottom: 10px;
}
#coworkingspace .mainCopy p {
font-size: 16px;
}
#coworkingspace .point {
padding-bottom: 60px;
}
#coworkingspace .pointBox {
padding-bottom: 20px;
padding-top: 20px;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/coworkingspace/images/point-bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
position: relative;
}
#coworkingspace .pointBox .icon {
text-align: center;
position: absolute;
top: -4px;
left: 0;
width: 100%;
}
#coworkingspace .pointBox h2 {
text-align: center;
padding-top: 20px;
}
#coworkingspace .pointBox p {
font-size: 14px;
margin-bottom: 0;
}
#coworkingspace .pointBox .row {
padding-left: 25px;
padding-right: 25px;
padding-bottom: 5px;
}
#coworkingspace .block {
margin-top: 80px;
padding-bottom: 40px;
clear: both;
float: left;
width: 100%;
}
#coworkingspace .block h2:before {
content: '';
position: absolute;
display: inline-block;
width: 70px;
height: 42px;
left: 50%;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/coworkingspace/images/icon.svg);
background-repeat: no-repeat;
background-position: center top;
margin-left: -35px;
margin-top: -50px;
}
@-moz-document url-prefix() {
#coworkingspace .block h2:before {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/coworkingspace/images/icon.jpg);
}
}
#coworkingspace .block h2 {
font-size: 18px; ;
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
border-top: 1px solid #20aee5;
border-bottom: 1px solid #20aee5;
position: relative;
}
#coworkingspace .block h2 .icon {
position: absolute;
top: 5px;
margin-left: 15px;
}
#coworkingspace .block p {
font-size: 15px;
}
#coworkingspace .inner {
padding-bottom: 20px;
float: left;
}
#coworkingspace .inner p {
font-size: 13px;
line-height: 1.45;
}
#coworkingspace .inner h3 {
text-align: center;
color: #20aee5;
}
#coworkingspace .inner h3 img {
margin-left: 5px;
}
#coworkingspace .inner.library {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/coworkingspace/images/library-bg.png);
padding-top: 10px;
padding-left: 15px;
padding-right: 15px;
}
#coworkingspace .inner.library h3 {
margin-top: 0;
color: #f6ab00;
}
#coworkingspace .wifi {
color: #f6ab00;
padding-top: 10px;
}
#coworkingspace .wifi img {
margin-top: -10px;
}
#coworkingspace .priceBlock {
padding: 5px 20px 15px;
margin-top: 40px;
margin-bottom: 80px;
}
.table-bordered {
border: none;
margin-bottom: 5px;
}
.table-bordered tr td {
color: #595757;
font-size: 15px;
}
.table-bordered tr td .price {
padding-left: 10px;
}
.table-bordered th {
background-color: #CFE8F8;
text-align: center;
color: #595757; ;
font-size: 110%;
}
.table-bordered tbody tr td, .table-bordered tbody tr th {
color: #595757;
border-color: #A6A5A5;
border-left: none;
border-right: none;
}
.table-bordered tbody tr td:nth-child(even) {
border-left: 1px solid #A6A5A5;
}
.table-bordered tbody tr th:nth-child(even) {
border-left: 1px solid #A6A5A5;
}
.reserveForm {
clear: both;
}
.reserveForm dt {
margin-bottom: 5px;
}
.reserveForm dd {
margin-left: 0px;
margin-bottom: 25px;
}
.reserveForm dd .dist {
display: inline-block;
margin-right: 10px;
}
.reserveForm .form-text {
width: 100%;
}
.reserveForm input.botton {
background-color: #20aee5 !important;
padding-left: 40px;
padding-right: 40px;
color: #FFFFFF;
} .grayTitle {
display: block;
background-color: rgba(141, 141, 141, 1.00);
text-align: center;
color: rgba(255, 255, 255, 1.00);
font-size: 15px;
padding: 5px;
font-weight: bold;
}
.red {
color: rgba(141, 0, 2, 1.00);
}
.red-icon {
padding: 0.25em 0.5em;
background: transparent;
border-left: solid 10px rgba(141, 0, 2, 1.00);
}
.red-icon.line {
padding: 0.5em;
color: #494949;
background: rgba(141, 0, 2, .1);
border-left: solid 5px rgba(141, 0, 2, 1.00);
margin-left: 10px;
margin-right: 10px;
}
.program {
font-size: 13px;
padding-top: 40px;
}
.program .photo {
float: left;
width: 120px;
padding-top: 5px;
}
.program .cont {
float: left;
width: 230px;
}
.program .cont p {
margin: 0;
line-height: 1.4;
}
.program .cont .name {
font-size: 15px;
font-weight: bold;
margin-bottom: 5px;
}
.program .cont .job {
font-size: 14px;
margin-bottom: 5px;
}
.program .cont .profile {
font-size: 1.4rem;
padding-bottom: 30px;
} .wsg2018 {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/event/fes-head.png);
background-size: 100% auto;
background-repeat: no-repeat;
background-position: center top;
}
.day-title {
background-color: #fedd78;
padding: 3px 6px;
font-weight: bold;
font-size: 1.4rem;
}
.fes-table tbody tr td {
font-size: 11px;
border-top: none;
border-bottom: none;
vertical-align: middle;
}
h3.article_ttl p {
margin-bottom: 0;
line-height: 1.6;
}
.event_txtArea .article_ttl big.day {
background-color: #333333;
padding: 5px 25px;
border-radius: 40px;
font-size: 14px;
color: #FFFFFF;
margin-bottom: 2px;
display: inline-block;
}
.event_txtArea .article_ttl big.day small {
font-size: 1.4rem;
}
.fesBlock {
display: flex;
flex-wrap: wrap;
align-content:stretch;
}
.fesBlock .fesBox {
flex-basis: 33%;
max-width: 33.3333%;
margin-bottom: 30px;
}
.fesBlock .fesBox .name {
background-color: #ea5504;
padding: 3px 6px;
font-weight: bold;
font-size: 1.4rem;
text-align: center;
}
.fesBlock .fesBox .name td {
color: #FFFFFF !important;
}
.fesBlock .fesBox .photo td {
padding: 0px;
}
.fesBlock .fesBox .year {
background-color: #E7E7E7;
}
.fesBlock .fesBox .type {background-color: #E7E7E7;}
.fesBlock .fesBox .cat {
text-align: center;
}
.fesBlock .fesBox .cat .wp{
margin-left: 5px;
margin-right: 5px;
background-color: #ea5504;
display: inline-block;
padding: 6px 8px 8px;
font-weight: bold;
text-align: center;
font-size: 9px;
border-radius: 8px;
ont-family: "futura-pt", sans-serif;
color: #FFFFFF;
width: 90px;
}
.fesBlock .fesBox .cat .gm{
margin-left: 5px;
margin-right: 5px;
background-color: #6a3906;
display: inline-block;
padding: 6px 8px 8px;
font-weight: bold;
text-align: center;
font-size: 9px;
border-radius: 8px;
ont-family: "futura-pt", sans-serif;
color: #FFFFFF;
width: 90px;
} .post {
width: 100%;
}
.detail .post:after {
clear: both;
content: '';
display: block;
}
.detail .post h1 {
font-size: 20px;
background-color: var(--odp-blue);
color: #ffffff;
margin-bottom: 10px;
padding: 8px;
}
.detail .post h2 {
font-size: 18px;
background-color: var(--odp-blue);
color: #ffffff;
margin-bottom: 10px;
padding: 8px;
}
.detail .post h3 {
font-size: 16px;
position: relative;
background-color: var(--odp-blue);
margin-bottom: 1.5em;
color: #ffffff;
padding: 5px 10px;
}
.detail .post h4 {
font-size: 15px;
position: relative;
background-color: var(--odp-blue);
border-style: solid;
}
.detail .post h5 {
font-size: 14px;
}
.detail .post h6 {
font-size: 1.4rem;
}
.detail .post p {
padding-bottom: 1em;
}
.main .detail .post p {
font-size: 16px;
line-height: 1.8;
}
.detail .post ol {
padding: 10px;
margin-left: 15px;
}
.detail .post ol li {
list-style: decimal;
}
.detail .post ul {
padding: 10px;
margin-left: 15px;
}
.detail .post ul li {
list-style: disc
}
.detail .post .alignleft {
float: left;
padding-right: 0;
padding-bottom: 0;
margin-top: 10px;
}
.detail .post .alignRight{
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
margin-top: 10px;
}
.post img {
width: 100%;
max-width: 675px;
height: auto;
border-radius: 10px;
}
.wpp-thumbnail {
border-radius: 5px;
}
.post div {
width: 100% !important;
}
.wp-block-image figcaption {
color: #6E6E6E;
font-size: 10px;
text-align: right;
}
p.wp-caption-text {
color: #6E6E6E;
padding-top: 5px;
font-size: 10px !important;
}
.sidebar {
margin-top: 0;
}
.sidebar ul {
}
.sidebar ul li {
display: block;
line-height: 1.4;
border-bottom: 1px solid #C7C7C7;
padding: 10px;
}
.sidebar ul.swiper-wrapper li {
border-bottom: none;
padding: 0;
}
.sidebar ul li:last-child {
border-bottom: 0px solid #fff;
}
.sidebar ul li a {
text-decoration: none;
color: #333333;
font-size: 90%;
}
.sidebar ul li a:hover {
background-color: #F7f7f7;
}
.sidebar input#s {
width: 72%;
margin-right: 7px;
}
.widget {
padding-top: 25px;
padding-bottom: 25px;
}
.sidebar .widget:first-child {
padding-top: 0px;
}
#categories-3 {}
.widget h2 {
font-size: 18px;
margin-bottom: 10px;
position: relative;
background-color: var(--odp-blue);
margin-top: 0px;
padding: 5px 15px;
color: #fff;
}
.wpp-list li {
margin-bottom: 0 !important;
}
.screen-reader-text {
display: none;
}
input.wpcf7-submit,
input.wpcf7c-btn-confirm,
input.wpcf7-previous,
input.wpcf7c-btn-back {
font-weight: 700;
font-variant: normal;
font-style: normal;
font-size: 13px;
position: relative;
z-index: 100;
background-color: var(--odp-blue);
color: #FFFFFF;
line-height: 32px;
text-transform: uppercase;
text-decoration: none;
padding: 5px 40px 5px;
vertical-align: middle;
border-radius: 30px;
text-align: left;
margin-inline: 10px;
}
input.wpcf7-submit:hover,
input.wpcf7c-btn-confirm:hover,
input.wpcf7-previous:hover,
input.wpcf7c-btn-back:hover{
color: #FFFFFF;
background-color: var(--odp-blue);
}
input.wpcf7-submit:after,
input.wpcf7c-btn-confirm:after,
input.wpcf7-previous:after, {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 10px;
height: 15px;
margin-top: -7px;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/btn-arrow.png);
background-size: 10px 15px;
background-repeat: no-repeat;
border-radius: 30px;
}
input.wpcf7c-btn-back
{
padding-left: 20px;
padding-right: 20px;
font-size: 13px;
}
.privacy label {
display: block;
font-size: 20px;
}
.mfp_element_radio {
margin-right: 4px !important;
}
@media (max-width:480px) {
label {
display: block !important;
padding-top: 5px;
padding-bottom: 5px;
}
input,
textarea {
font-size: 16px;
}
}
.managementknowledgeseminar {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/seminar2019/bg.jpg);
background-size: 100% auto;
background-repeat: repeat-y;
background-position: center top;
}
.seminar2019 h3 {
font-size: 22px;
}
.seminar2019 h3 small {
font-size: 16px;
}
.seminarBox2019 {
padding-bottom: 40px;
}
.seminarBox2019 h4 {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/seminar2019/day1.svg);
background-size: 160px 64px;
background-repeat: no-repeat;
background-position: left top;
width: 160px;
height: 64px;
display: block;
float: left;
}
.seminarBox2019 h4.second {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/seminar2019/day2.svg);
background-size: 160px 64px;
background-repeat: no-repeat;
background-position: left top;
width: 160px;
height: 64px;
display: block;
float: left;
}
.seminarBox2019 h4 .kai{
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 20px 10px 0 20px;
display: block;
float: left;
}
.seminarBox2019 h4 .day{
text-align: center;
font-size: 18px;
font-weight: bold;
padding: 7px 10px 0 20px;
display: block;
line-height: 1;
margin-top: 10px;
float: left;
}
.seminarBox2019 h4 .day small{
display: block;
font-size: 1.4rem;
}
.seminerContents {
padding-left: 180px;
padding-top: 20px;
}
.seminerContents .kaiTitle {
border-bottom: 1px solid rgba(0,0,0,1.00);
}
.seminerContents .kaiTitle h5 {
font-size: 18px;
line-height: 1;
margin: 0;
padding-bottom: 10px;
}
.seminerContents .place p {
font-size: 13px;
line-height: 1.2;
padding-top: 5px;
}
.seminerContents figure {
float: right;
}
.seminerContents .name  {
display: block;
margin-top: 5px;
font-size: 10px;
line-height: 1.2;
}
.seminerContents .innerBlock {
margin-right: 0px;
padding-right: 130px;
}
.seminerContents .innerBlock.wide {
margin-right: 0px;
padding-right: 0;
}
.seminerContents .innerBlock p {
margin-bottom: 10px;
line-height: 1.4;
}
.seminerContents .photoBox {
margin-top: 30px;
}
.seminerContents {}
.seminerContents {}
.btnBox_inner {
text-align: center;
}
.btnBox_inner p {
text-align: left;
font-size: 1.4rem;
line-height: 1.3;
padding: 10px 0 0;
margin-bottom: 0 !important;
}
.btnBox_inner .formBtn {
display: inline;
}
.btnBox_inner .formBtn a {
position: relative;
font-size: 13px;
border-radius: 6px;
padding: 6px 0;
margin: 10px 4% 10px auto;
width: 45%;
display: inline-block;
background-color: #38A1DB;
border: none;
color: #fff;
text-align: center;
text-decoration: none;
}
.btnBox_inner .sansoukan {}
.btnBox_inner .sansoukan a {
background-color: #ea5514;
text-decoration: none;
margin-right: 0px;
margin-left: 4%;
}
.teacherBox {
padding: 15px;
border-radius: 6px;
background-color: rgba(234,234,234,0.40);
margin-bottom: 20px;
}
@media (max-width:480px) {
.seminarBox2019 h4 .kai {
padding: 25px 10px 0 20px;
}
.seminarBox2019 h4,
.seminarBox2019 h4.second {
float: none;
margin-left: auto;
margin-right: auto;
}
.seminerContents {
clear: both;
padding-left: 0px;
padding-top: 0;
}
.seminerContents .innerBlock {
margin-right: 0px;
padding-right: 0px;
}
.seminerContents figure {
float: right;
margin-left: 10px;
}
.inner .seminerContents figure img,
.inner .photoBox img {
margin-bottom: 0;
}
.seminerContents .name {
padding-bottom: 15px;
}
.seminerContents .btnBox_inner {
text-align: center;
width: 100%;
clear: both;
}
}
.finished {
position: absolute;
padding: 15px;
top: -15px;
right: 0px;
display: block;
z-index: 101;
width: 70px;
height: 70px;
text-align: center;
vertical-align: middle;
}
.finished .inner {
background-color: var(--odp-blue);
color: #FFFFFF;
border-radius: 50px;
line-height: 20px;
position: absolute;
padding: 2px 15px;
top: -15px;
right: 0px;
width: 70px;
height: 70px;
display: flex;
justify-content: center;
align-items: center;
}
.finished .inner h2 {
font-size: 18px;
}
.searchform {
margin: 34px 0 40px 0;
}
.searchfield {
font-size: 14px;
width: 86%;
padding: 10px;
border-style: none none solid;
border-bottom-width: 1px;
border-radius: 0;
border-bottom-color: #919191;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.searchsubmit {
width: 40px;
height: 40px;
background-color: #FFFFFF;
padding: 0;
border: none;
cursor: pointer;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/search.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
background-position: center center;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: #FFFFFF;
font-size: 0;
} .blogBlock .col-sm-4 {
margin-bottom: 40px;
}
.blog_sec {
padding: 50px 0;	
}
.blog_sec .blogBlock {
padding-bottom: 30px;
}
.row.blog_top_area {
display: flex;
flex-wrap: wrap;
}
.blog_sec .blog_top_area .daytime {
font: 600 15px "futura-pt", sans-serif;
margin-bottom: 0px;
color: #595757;
}
.eyechatch .date {
font-size: 14px;
background-color: #FFFFFF;
display: inline-block;
color: #090909;
padding: 3px;
transform: rotate(90deg);
position: absolute;
top: 38px;
right: -20px;
}
.blog_sec .blog_top_area .cts {
margin-top: 0px;
line-height: 1.4;
}
.blog_sec .blog_top_area .cts a {
text-decoration: none;
color: #323232;
} span.category a {
position: relative;
}
span.category a:after {
content: ",";
}
span.category a:nth-last-child(2):after {
display: none;
}
span.category a.blog-all {
display: none;
}
.blog-archive {
margin-bottom: 20px;
position: relative;
}
.eyechatch {
position: relative;
display: block;
margin: 0 10px 30px;
background-color: var(--odp-blue);
text-decoration: none;
transition: .2s;
padding: 10px;
overflow: hidden;
}
.blog-archive .eyechatch {
padding-bottom: 0px;
margin-bottom: 0px;
}
.blog-archive .eyechatch img {
margin: 0 !important;
}
@media (max-width:768px) {
.blog_top_area .col-md-4 {
width: 100%;
}
.eyechatch {
width: 100%;
height: auto;
margin: 0;
}
.eyechatch:hover, .eyechatch:hover {
top: 0;
left: 0;
box-shadow: 0px 0px #ddd;
}
.finished .inner {
right: 20px;
}
}
.flexWrap {
display: flex;
flex-wrap: wrap;
}
.blog-archive .date {
font: 600 13px "futura-pt", sans-serif;
margin-top: 0px;
display: block;
color: #7F7F7F;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
}
.blogConts {
margin: -20px 13px 0;
background-color: #FFFFFF;
position: relative;
z-index: 10;
-webkit-box-shadow: 0 0 3px 3px rgba(111,111,111,0.1);
box-shadow: 0 0 3px 3px rgba(111,111,111,0.1);
}
.meta {
font: 400 12px "futura-pt", sans-serif;
padding: 5px 10px;
display: inline-block;
}
.blog-archive .title {
display: block;
padding: 0 10px 10px;
font-size: 14px;
line-height: 1.3 !important;
background-color: #FFFFFF; }
.blog-archive .meta a,
.blog-archive .title a {
color: #595757;
text-decoration: none;
}
.blog-archive .meta a:hover,
.blog-archive .title a:hover {
color: #8E9195;
text-decoration: none;
}
.blog-page-navi {
padding-top: 30px;
padding-bottom: 50px;
text-align: center;
clear: both;
}
.blog-page-navi .page-numbers {
padding: 10px 15px;
font-size: 1.4rem;
line-height: 1;
border-radius: 20px;
text-align: center;
border: 1px solid #111;
text-decoration: none;
}
.blog-page-navi a {
color: #111;
}
.blog-page-navi a.page-numbers:hover {
background-color: #111;
color: #FFF;
}
.blog-page-navi .page-numbers.current {
border: 1px solid #111;
background-color: #111;
color: #FFFFFF;
font-weight: bold;
}
.blog-page-navi .page-numbers.prev {
border: 1px solid #111;
}
.blog-page-navi .page-numbers.next {
border: 1px solid #111;
}
.archive_title {
padding: 8px 16px;
background-color: #1A1A1A;
color: #FFFFFF;
margin-bottom: 40px;
display: inline-block;
margin-left: auto;
margin-right: auto;
} .detail {
padding-bottom: 100px;
}
.blog_single_page .date {
font: 600 13px "futura-pt", sans-serif;
text-align: right;
}
.blog_single_page h3.post-ttl {
margin-bottom: 0px;	
}
.author {
clear: both;
margin-top: 40px;
padding-top: 10px;
position: relative;
}
.author p.ttl {
font-size: 1.4rem;
font-weight: 700;
margin: 0;
}
.detail .meta {
text-align: right;	
}
.wp-pagenavi a, .wp-pagenavi span {
margin-left: 0px !important;
margin-right: -1px !important;
}
@media screen and (max-width:568px) {
.wp-caption {
width: 100% !important;
}
.wp-caption img {
width: 100% !important;
height: auto;
}
}
.side-banner-block,.post-banner-block {
overflow: hidden;
} .wp-pagenavi a, .wp-pagenavi span {
margin: 10px 2px !important;
font-size: 1.6rem;
line-height: 1;
text-align: center;
text-decoration: none;
color: #111111;
border-radius: 50px;
background-color: rgba(255,255,255,1.00);
width: 26px;
height: 26px;
display: inline-block;
padding-top: 4px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
background-color: var(--odp-blue);
color: #FFFFFF;
font-weight: bold;
}
.wp-pagenavi span.current {
font-weight: bold;
}
.wp-pagenavi span.pages {
display: block;
width: 80px;
margin: 15px auto !important;
} .searchList {}
.searchList li {
padding: 10px;
display: block;
border-top: 1px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
margin-bottom: -1px;
} .event_form {}
.event_form dt {
font-size: 110% !important;
font-weight: bold;
}
.event_form dd #address {
margin-top: 8px;
}
.mwform-checkbox-field label, .mwform-radio-field label {
margin-right: 12px;
} .news-archive .block ul.pressrelease li {
overflow: hidden;
}
.news-archive .block ul.pressrelease li .data {
display: block;
padding: 0 0 0 20px;
width: 15%;
float: left;
}
.news-archive .block ul.pressrelease li .title {
padding: 0;
width: 85%;
display: block;
float: left;
}
.pressrelease .icon-file-pdf {
font-size: 24px;
margin-right: 0px;
line-height: 0;
margin-top: -5px;
vertical-align: middle;
display: inline-block;
}
.pressrelease .icon-file-pdf:before {
color: #222222;
margin-right: 3px;
}
@media (max-width: 768px){
.news-archive .block ul.pressrelease li .data {
display: block;
padding: 0 0 5px 20px;
width: 100%;
float: left;
color: #222222;
font-weight: bolder;
}
.news-archive .block ul.pressrelease li .title {
padding: 0 0 0 20px;
width: 100%;
display: block;
float: left;
}
}
@media (max-width: 768px){
.nav-tabs > li {
display: block;
width: 100%;
margin-bottom: 10px;
}
.nav-tabs > li > a {
border-radius: 4px;
display: block;
width: 100%;
}
.nav-tabs > li.active > a {
background-color: #FFFFFF;
color: #0D5A00;
background-image: none;
border-bottom-color: #ddd !important;
}
}
@media (max-width:991px) {
#page-top {
bottom: 10px;
right: 0px;
position: fixed;
z-index: 900;
}
#page-top a {
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/share/pageTop.png);
background-size: 60px 60px;
width: 60px;
height: 60px;
background-repeat: no-repeat;
display: block;
opacity: .7;
}
.page-ttl {
margin-bottom: 20px;
}
.moreBtn {
width: 42%;
margin: 0 15px;
margin-top: 25px !important;
clear: both;
}
.submitBtn {
width: 42%;
} .pankuzu {
display: none;
}
.main {
margin-top: 80px;
}
.main p {
line-height: 1.8;
font-size: 1.4rem;
}
.mvslide {
padding-top: 50px;
}
#top-bar.animated-header.home-nav.fixed {
position: fixed;
height: 60px;
background-color: #FFFFFF;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 55%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
width: 30px;
height: 30px;
margin-top: 0px;
z-index: 10;
cursor: pointer;
-moz-background-size: 100%;
-webkit-background-size: 100%;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
left: 5px;
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
right: 5px;
}
.main section {
padding-top: 0px;
line-height: 1.6em;
font-size: 13px;
}
.moreBtn {
width: 100%;
margin: 0 auto;
margin-top: 25px;
box-sizing: border-box;
}
.moreBtn a {
display: block;
width: 100%;
height: auto;
color: #fff;
padding: 8px 15px;
box-sizing: border-box;
}
.access_btm {
overflow: hidden;
}
.access_btm .leftArea {
width: 100%;
float: none;
}
.access_btm .rightArea {
width: 100%;
margin-left: 0px;
float: none;
font-size: 1.4rem;
}
.access_btm .rightArea h3 { ;
font-size: 16px;
margin-bottom: 10px;
}
.access_btm .rightArea .bl_head {
font-size: 14px;
}
.access_btm .rightArea .ac_txt {
font-size: 1.4rem;
}
.scrollArea {
display: none;
}
#mapCanvas {
margin-bottom: 40px;
}
.contents_sec .contents_link {
width: 100%;
}
.contents_link ul li {
width: 100%;
float: none;
margin-right: 0px;
}
.contents_link ul li:nth-child(3) {
margin-right: 0;
} .homeEvent {
padding: 0 5%;
}
.homeAbout {
padding-bottom: 0px;
}
.homeAbout p {
line-height: 1.5;
font-size: 1.4rem;
text-align: left;
margin:0 0 0 0 ;
}
.homeAbout p br {
display: none;
}
.main .concept-txt p {
font-size: 1.4rem;
} .eventBox01 {
padding: 10px 10px 20px 10px;
width: 100%;
height: auto;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/home/arrow-event.svg);
background-repeat: no-repeat;
background-position: 98% 98%;
background-size: 32px 17px;
}
.eventBox01 .leftBox {
text-align: left;
float: none;
position: static;
top: auto;
left: auto;
z-index: 10;
width: 100%;
}
.eventBox01 .rightBox {
position: static;
top: auto;
right: auto;
width: 100%;
height: auto;
}
.eventBox01 .rightBox img {
width: 100%;
height: auto;
}
.eventBox01 .rightBox .box {
position: static;
top: auto;
right: auto;
z-index: 20;
width: auto;
margin-right: 0px;
}
.eventBox01 .rightBox .cat {
float: right;
margin-top: -40px;
}
.eventBox01 .leftBox .content {
position: relative;
bottom: 0;
left: 0;
width: 100%;
text-align: left;
color: #666666;
font-size: 1.4rem;
}
.eventBox02 {
margin-bottom: 60px;
}
.eventBox02 .date {
font: 400 12px "futura-pt", sans-serif;
color: #000000;
position: absolute;
right: -32px;
top: 35px;
transform: rotate(90deg);
letter-spacing: 0.2em;
}
.eventBox02 .textBox {
height: 140px;
width: 90%;
margin: -30px auto 0;
position: relative;
z-index: 100;
}
.eventBox02 .ttl {
width: 100%;
position: relative;
}
.eventBox02 .ttl h3 {
font-size: 15px;
}
.office-slider {
padding: 20px 0;
}
.incBox {
padding-top: 20px;
}
.incLogo,.cName {
padding-left: 15px;
padding-right: 15px;
}
.office-slider .incLogo {
position: relative;
height: auto;
}
.office-slider .incLogo .logodata {
position: static;
top: auto;
left: auto;
z-index: 1;
width: 100%;
}
.office-slider .incLogo .logodata img {
border-radius: 5%;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
vertical-align: middle;
}
.office-slider a:hover .incLogo {
background-image: none;
}
.designersOffice-home .cName {
margin-top: 10px;
}
.office-slider .cName h3 {
margin: 0;
line-height: 1;
}
.designersOffice-home {
padding: 20px 0;
}
.designersOfficeBox {
padding-top: 20px;
}
#home .designersOfficeBox .row,
#home .office-slider .row,
.incubation_floormap .designersOfficeBox .row,
.incubation_floormap .office-slider .row {
height: auto;
overflow: visible;
}
.designersOffice-home .incLogo {
position: relative;
height: auto;
}
.designersOffice-home .incLogo .logodata {
position: static;
top: auto;
left: auto;
z-index: 1;
width: 100%;
}
.designersOffice-home .incLogo .logodata img {
width: 100%;
height: auto;
margin-top: 0;
margin-left: 0;
vertical-align: middle;
}
.designersOffice-home a:hover {
text-decoration: none;
}
.designersOffice-home .cName {
margin-top: 10px;
}
.designersOffice-home .cName h3 {
margin: 0;
}
.designersOffice-home .cat p {
font: 600 11px "futura-pt", sans-serif;
margin: 0;
padding: 0;
color: #646464;
}
.designersOffice-home .cap {
margin-bottom: 20px;
}
.designersOffice-home .cap p {
margin: 0;
padding: 0;
color: #646464;
font-size: 13px;
}
.designersOffice-home .incLogo .logodata img {
width: 100%;
height: auto;
margin-left: 0;
}
.floorArea_map {
margin-bottom: 10px;
}
.designers-flow {
padding-bottom: 0px;
text-align: left;
}
.office-slider .Button,
.designersOffice-home .Button {
margin-top: 10px;
margin-bottom: 10px;
width: auto;
padding-left: 10px;
padding-right: 10px;
}
.office-slider .Button a,
.designersOffice-home .Button a {
letter-spacing: 0em;
} .main section .lower_ttl {
margin-bottom: 10px;
}
.lower_cap {
margin-bottom: 20px;
font-size: 13px;
}
.txtArea p {
font-size: 13px;
} .incuBlock .contentsBox {
background-color: #3393ff;
position: relative;
padding: 10px;
margin: 0px;
text-align: left;
}
.office h3 {
font-size: 18px;
}
.office p {
font-size: 13px;
}
.designersBlock .contentsBox {
background-color: #f5aa3b;
color: rgba(255, 255, 255, 1.00);
text-align: left;
position: relative;
padding: 10px;
margin: 0px;
}
.about_member_pic ul li {
width: 48%;
float: left;
margin-right: 4%;
margin-bottom: 40px;
}
.arrow-white {
background-position: right 62%;
padding-right: 22px;
}
a.arrow-white {
font-size: 13px;
}
.button-r a {
width: 100%;
display: block;
text-align: center;
padding: 5px;
}
.designersBlock .photoBlox {
margin-left: 0;
}
.staffBox .face {
text-align: center;
}
.staffBox .face img {
width: 50%;
height: auto;
}
.staffBox .block {
height: 280px;
}
.about_member_pic ul li:nth-child(3n) {
margin-right: 4%;
}
.about_member_pic ul li:nth-child(2n) {
margin-right: 0;
}
.about_member_pic ul li p {
font-size: 17px;
}
.about_member_pic ul li .lang_en {
font-size: 10px;
padding-right: 5px;
}
.about_summaryArea dl {
width: 100%;
}
.about_summaryArea dt {
width: 25%;
font-size: 14px;
}
.about_summaryArea dd {
width: 75%;
padding-left: 15px;
}
.accessBox .number {
margin-top: -50px;
margin-bottom: 0;
}
.accessBox h3.ttl {
margin: 0;    
}
#access p {
padding-top: 10px;
padding-bottom: 10px;
} .ex_menu_ttl {
font-size: 20px;
margin-bottom: 10px;
}
.menu_btm_l {
width: 100%;
float: none;
margin-bottom: 20px;
}
.menu_btm_r {
width: 100%;
float: none;
}
.menu_btm_r img {
width: 90%;
padding: 20px 0;
}
.main .ex_menu_item {
width: 100%;
padding: 5px 0;
display: block;
}
.ex_ad_l,
.ex_ad_r {
width: 100%;
}
.ex_ad_img {
width: 50%;
margin: 0 auto 20px;
}
.theme_contents .imgArea {
margin-right: 10px;
}
.ex_ad_btmArea_1 .theme_contents .imgArea,
.ex_ad_btmArea_2 .theme_contents .imgArea {
float: none;
margin: 0 auto 20px;
}
.ex_ad_btmArea_1 .theme_contents p,
.ex_ad_btmArea_2 .theme_contents p {
margin-left: 0px;
margin-bottom: 40px;
}
.ex_schedule dl {
font-size: 1.4rem;
width: 100%;
}
.ex_schedule dl dt {
width: 15%;
margin-right: 0;
}
.ex_schedule dl dd {
width: 25%;
margin-right: 0;
}
.ex_schedule dl dd+dd {
width: 60%;
}
.themeArea p {
font-size: 16px;
}
.ex_game_top .theme_contents .imgArea,
.ex_da_top .theme_contents .imgArea {
float: none;
margin: 0 auto 20px;
}
.theme_contents p {
margin-left: 0;
}
.ex_form_l {
width: 100%;
float: none;
}
.ex_form_l .mfp_phase {
margin-left: 0px;
margin-top: 20px;
}
.ex_form_r {
width: 100%;
float: none;
}
#mailformpro .ex_form_l .mailform ol {
overflow: hidden;
margin-bottom: 20px;
}
#mailformpro .ex_form_l .mailform ol li {
width: 100%;
float: none;
}
.ex_form_r .submitBtn {
width: 100%;
} .main .contact_ttl {
margin-bottom: 10px;
padding-top: 50px;
}
.main .contact_txt {
padding-bottom: 40px;
line-height: 1.75em;
font-size: 14px;
}
.contact_sec form#mailformpro {
width: 100%;
margin: 0 auto
}
.contact_sec form#mailformpro dl {
padding-bottom: 0;
}
.contact_sec form#mailformpro dl dt {
width: 100%;
float: none;
margin-bottom: 0px;
box-sizing: border-box;
}
.contact_sec form#mailformpro dl dd {
margin: 0px;
padding: 0px;
}
.contact_sec form#mailformpro .job_item {
width: 100%;
float: left;
}
.contact_sec form#mailformpro .job_item li {
width: 100%;
margin-bottom: 8px;
display: block;
}
form#mailformpro label.mfp_not_checked {
padding: 0;
}
form#mailformpro label {
margin-left: 0;
}
form#mailformpro input[type=text],
form#mailformpro input[type=tel],
form#mailformpro input[type=email] {
width: 100%;
box-sizing: border-box;
}
form#mailformpro textarea {
width: 100% !important;
box-sizing: border-box;
}
form#mailformpro div.mfp_buttons {
margin-top: 20px;
} .privacy_top_sec .lower_ttl {
width: 80%;
}
.private_ttl {
font-size: 20px;
}
.privacy__private_sec ul li p {
margin-left: 0px;
} .event_list ul li,
.event_detail_list ul li {
width: 100%;
margin-right: auto;
display: block;
}
.event_list ul li:nth-child(3n) {
margin-right: auto;
}
.event_list ul li:nth-child(2n),
.event_detail_list ul li:nth-child(2n) {
float: right;
}
.event_archive_sec .event_list ul li:nth-child(2n) {
float: left;
}
.event_archive_sec .event_list ul li:nth-child(odd) {
float: right;
}
.event_list ul li a .imgArea,
.event_detail_list ul li a .imgArea {
height: auto !important;
margin-bottom: 10px;
}
.event_list ul li a .txtArea .date,
.event_detail_list ul li a .txtArea .date {
font-size: 11px;
}
.event_list ul li a .txtArea .event_ttl .name,
.event_detail_list ul li a .txtArea .event_ttl .name {
font-size: 1.4rem;
}
#pagination {
margin: 0 15px;
padding-bottom: 20px;
}
.pager .button-r a {
font-size: 9px;
padding: 5px 30px;
} .eventdetail_sec .articleArea {
width: 100%;
float: none;
}
.eventdetail_sec .sideArea {
width: 100%;
float: none;
}
.eventdetail_sec .articleArea .event_dateArea {
margin-bottom: 15px;
}
.event_txtArea article dt {
width: 100%;
float: none;
clear: both;
font-size: 13px;
margin-bottom: 10px;
}
.event_txtArea article dd {
width: 100%;
font-size: 13px;
padding: 0 0 15px;
margin-bottom: 15px;
border-bottom: 1px solid #999999;
line-height: 1.6;
text-align: justify;
}
.pager {
margin-bottom: 50px;
}
.event_detail_fbArea .event_detail_date_item dd {
clear: both;
margin-left: auto;
margin-right: auto;
padding-top: 15px;
}
@media (max-width:689px) {
.eventTitleBlock icon {
display: none;
}
.eventdetail_sec icon {
zoom:.5;
}
.wp-pagenavi a, .wp-pagenavi span {
font-size: 3.5vw;
width: 5vw;
height: 5vw;
padding-top: 0.6vw;
}
} .main section.incubation_facility {}
.main section.incubation_top {
padding-top: 0px;
padding-bottom: 0px;
}
.blue_ttl {
font-size: 14px;
margin-left: 0px;
margin-right: 0px;
}
.point_list h4,
.roomArea_ttl {
font-size: 17px;
}
.list_ttl {
font-size: 18px;
}
.incu-mapbox {
padding: 10px;
margin-top: 20px;
width: 100%;
}
.roomArea_list_item .aomaru {
font-size: 18px;
float: left; }
.roomArea_list_item,
.library_list_item {
width: 100%;
float: none;
}
.roomArea_list_item p,
.library_list_item p {
clear: both;
}
.roomArea_list_item:nth-child(odd),
.library_list_item:nth-child(odd) {
margin-right: 0px;
}
.floor_summaryArea {
display: block;
}
.floor_summaryArea dt {
width: 100%;
display: block;
padding: 10px;
text-align: left;
text-shadow: 1px 1px 1px #333;
}
.floor_summaryArea dd {
width: 100%;
display: block;
padding: 5px 10px;
margin: 0
}
.swiper-container-horizontal>.lower_pagination {
width: 30%;
float: right;
text-align: right;
margin: 10px auto;
}
.main .name p,
.main .url p,
.main .tel p,
.main .faz p,
.main .address p {
line-height: 0.8;
font-size: 18px;
} .rental section {
padding-top: 10px;
}
.rental_list {
padding: 20px;
background-color: #e8e8e8;
}
.main .rental_list ul li,
.incubation_list ul li {
width: 100%;
font-size: 13px;
}
.main .rental_list ul li a,
.incubation_list ul li a {
display: inline;
}
.main .rental_list ul li:nth-child(odd),
.main .incubation_list ul li:nth-child(odd) {
margin-right: 0;
}
.rental_ttlArea {
margin: 20px auto 20px;
}
.rental_sec_ttl {
font-size: 18px;
}
.rentalBtn {
float: none;
clear: both;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
}
.rental_info {
padding: 10px 0;
}
.rental_info_inner {
width: 100%;
margin: 0 auto;
}
.rental_info .leftArea {
box-sizing: border-box;
width: 100%;
padding-bottom: 10px;
}
.rental_info .rightArea {
box-sizing: border-box;
width: 100%;
border-left: none;
}
.rental_attend {
font-size: 1.4rem;
padding-left: 10px;
padding-right: 10px;
}
.rental_info .rightArea .rental_info_inner {
border-top: 1px solid #000;
padding-top: 10px;
}
.rental_gallery_sec {
padding-top: 0;
}
.main .link_sec {}
.rental_kiyaku_sec .rental_sec_ttl {
float: none;
}
.rental_kiyaku_sec .rentalBtn {
float: none;
margin-left: 0px;
}
.rental_apply_sec {
margin-bottom: 100px;
}
.rental .rental_kiyaku_sec {
padding-bottom: 50px;
}
.rental_apply_sec .rental_info {
margin-bottom: 50px;
}
.rental_kiki_sec .lead {
font-size: 1.2em;
margin-top: 10px;
margin-left: 10px;
}
.rental_kiki_sec ol li {}
.box .rentalBtn a {
font-size: 10px;
}
.box .rentalBtn {
float: none;
} #mfp_overlay_inner table#mfp_confirm_table tr th {
width: auto;
}
div.mfp_buttons {
padding: 5px 0px;
text-align: center;
} .incubation_point {
margin-top: 0px;
}
.incubation_point .blue_ttl {
margin-left: 0px;
margin-right: 0px;
}
.main .designer_top {
padding: 50px 0;
}
.main .designerArea {
padding-top: 0;
}
.designerArea .designer_list {
width: 100%;
margin-right: 0;
float: none;
} .main .canpaign_top {
padding: 60px 0 30px;
}
.main .canpaign_news {
padding: 0 0 60px;
}
.news_list li {
width: 100%;
float: none;
margin: 0 auto 30px;
}
.news_list li:nth-child(2) {
float: none;
} .news_sec {
margin-bottom: 50px;
}
.home-news {
overflow: hidden;
margin-top: 0px;
margin-bottom: 20px;
}
.home-news ul {
width: 100%;
clear: both;
}
.home-news li {
clear: both;
}
.home-news li a {
color: #333333;
text-decoration: none;
padding: 0px;
width: auto;
display: block;
float: left;
font-size: 1.4rem;
margin-bottom: 10px;
text-align: left;
}
.home-news li .data {
padding: 0px;
width: 100%;
display: block;
float: left;
color: #333333;
font-weight: bold;
margin-bottom: 0px;
font-size: 1.4rem;
text-align: left;
}
.home-news li .title {} .harfImg img {
zoom: 0.7 !important;
width: auto;
height: auto;
}
.news-archive {
margin-bottom: 20px;
}
.news-archive .block {}
.news-archive .block ul {}
.news-archive .block li {
padding: 20px 0;
}
.news-archive .block li a {
color: #000000;
text-decoration: underline;
}
.news-archive .block li:nth-child(odd) {
background-color: #EBF6FB;
}
.news-archive .block li:nth-child(even) {
background-color: #FFFFFF;
}
.news-archive .block li .data {
display: block;
padding: 0px 10px;
}
.news-archive .block li .title {
display: block;
padding: 0px 10px;
} .news-detail {}
.news-detail .post-ttl {
font-size: 16px; ;
margin-bottom: 10px;
}
.news-detail .data {
text-align: right;
margin-bottom: 30px;
}
.news-detail .btn-back {
text-align: center;
}
.btn-back img {
zoom: 0.7;
width: auto;
height: auto;
}
.news-detail .post h1 {
font-size: 18px;
}
.news-detail .post h2 {
font-size: 16px;
}
.news-detail .post h3 {
font-size: 15px;
}
.news-detail .post h4 {
font-size: 14px;
}
.news-detail .post h5 {
font-size: 13px;
}
.news-detail .post h6 {
font-size: 1.4rem;
}
.news-detail .post p {
margin-bottom: 1em;
}
.news-detail .post p br {
display: none;
}
.eventdetail_top_sec .news-detail .post p br {
display: block;
}
.news-detail .post ol {
padding: 10px;
margin-left: 15px;
}
.news-detail .post ol li {
list-style: decimal;
}
.news-detail .post ul {
padding: 10px;
margin-left: 15px;
}
.news-detail .post ul li {
list-style: disc
} .seminarBox h3 {
font-size: 15px;
height: auto;
padding-bottom :55px;
}
.seminarBox h3 .round {
border-radius: 200px;
padding: 0;
font-size: 9px;
width: 76px;
height: 76px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: -2px;
}
.seminarBox h3 .round small {
font-size: 6px;
margin-left: 0px;
}
.seminarBox h3 .ttl {
padding: 0 0 0 85px;
}
.seminarBox .btnBox {
padding-top: 15px;
text-align: left !important;
color: #4D4D4D;
}
.seminarBox .btnBox p {
text-align: left !important;
font-size: 1.4rem;
line-height: 1.3;
padding: 10px 0 0;
}
.btnBox .formBtn {
display: inline;
margin-left: 10px;
margin-right: 10px;
}
.seminarBox p {
margin-bottom: 10px !important;
font-size: 1.4rem;
}
.btnBox .formBtn a {
font-size: 13px;
padding: 15px 0;
max-width: 100%;
}
.event_txtArea .workshop h2 {
font-size: 14px;
width: 100%;
border-radius: 0px;
}
.seminarBox h3 .ttl {
font-size:13px;
}
.seminarBox h3 .time {
font-size: 9px;
padding-top: 2px;
}
.seminarBox h3 small{
margin-left: 2px;    
}
.list {
padding-bottom: 20px;
}
.list ul {
padding-left: 0px;
}
.list ul li {
padding-bottom: 10px;
padding-right: 20px;
}
.list ul li a {
font-size: 1.4rem;
line-height: 1.2;
}
ul.dot-l li a {
font-size: 1.4rem;
display: inline;
width: auto;
height: auto;
}
.arrow {
vertical-align: top;
font-size: 15px;
}
.arrow::before,
.arrow::after {
vertical-align: top;
top: -15px;
}
img.pc {
display: none !important;
}
a.smp-tel {
cursor: pointer;
text-decoration: underline;
color: #1B6B97;
} #incu {
margin: 0px auto 25px;
padding: 0px;
background-image: none;
}
#incu h1 {
margin-top: 0px;
}
.main #incu section {
font-size: 13px;
}
#incu .wrapper {
padding: 0px;
}
#sgroup-entry .wrapper {
padding: 0px;
}
#incu h1 img,
#incu .img img {
width: 100% !important;
height: auto;
}
#incu .point1 .cont {
float: left;
width: auto;
}
#incu .point1 .cont p {
padding-left: 0px;
}
#incu .point1 .img {
padding: 0 25%;
float: none;
}
#sgroup-entry .point1 .img {
padding: 0 25%;
float: none;
}
#sgroup-entry h1 img,
#sgroup-entry .img img {
width: 100% !important;
height: auto;
}
#incu .point2 {
width: 100%;
float: none;
padding-right: 0;
padding-bottom: 30px;
}
#incu .point2 .cont p {
padding-bottom: 10px;
padding-left: 0;
}
#incu .point2 .img {
padding-left: 0;
}
#incu .point3 {
width: 100%;
float: none;
}
#incu .point3 p {
padding-bottom: 10px;
padding-left: 0;
}
#dincu .point3 .img {
margin-left: 0;
margin-top: 0;
margin-right: 0;
}
#incu .point3 p {
padding-top: 0px;
}
#incu .point4 .cont {
float: none;
width: auto;
text-align: left;
}
#incu .point4 .cont p {
padding-left: 0px;
padding-top: 20px;
}
#incu .point4 .img {
float: none;
}
#incu .ttl .left {
float: none;
text-align: center;
}
#incu .ttl .right {
float: none;
padding: 10px 0;
text-align: center;
}
#incu .entry .addressBox {
padding: 5px 10px 0px;
clear: both;
}
#incu .entry.designerPage .addressBox {
padding: 10px 10px 0px;
clear: both;
}
#incu .blueBox {
margin: 0 0 10px 0;
padding: 1px 10px;
}
#incu .blueBox h2 {
color: #f0e900;
font-size: 15px;
}
#incu .blueBox p {
color: #F0E900;
font-size: 13px;
}
#incu .btnBox {
padding-bottom:30px;
overflow: hidden;
}
#incu .btnBox a img {
width: 70% !important;
margin-right: 15%;
margin-left: 15%;
}
#designers-entry .outline .ttl {
clear: both;
padding-top: 20px;
padding-bottom: 0px;
} #designers-entry {
margin: 0px auto 25px;
padding: 0px;
background-image: none;
}
#designers-entry　h1 {
margin-top: 0px;
}
.main #designers-entry section {
font-size: 13px;
}
#designers-entry .wrapper {
padding: 0px;
}
#designers-entry h1 img,
#designers-entry .img img {
width: 100% !important;
height: auto;
}
#designers-entry .point1 .cont {
float: none;
width: 100%;
}
#designers-entry .point1 .cont p {
padding-left: 0px;
padding-left: 0;
}
#designers-entry .point1 h2 {
width: 100%;
}
#designers-entry .point1 .img {
padding: 0;
float: none;
}
#designers-entry .point2 {
width: 100%;
float: none;
padding-right: 0;
padding-bottom: 30px;
}
#designers-entry .point2 .cont p {
padding-bottom: 10px;
padding-left: 0;
}
#designers-entry .point2 .img {
padding-left: 0;
}
#designers-entry .point3 {
width: 100%;
float: none;
}
#designers-entry .point3 p {
padding-bottom: 10px;
padding-left: 0;
}
#designers-entry .point3 .img {
margin-left: 0;
margin-top: 0;
margin-right: 0;
}
#designers-entry .point3 p {
padding-top: 0px;
}
#designers-entry .point4 .cont {
float: none;
width: auto;
text-align: left;
}
#designers-entry .point4 .cont p {
padding-left: 0px;
padding-top: 20px;
}
#designers-entry .point4 .img {
float: none;
}
#designers-entry .ttl .left {
float: none;
text-align: center;
}
#designers-entry .ttl .right {
float: none;
padding: 10px 0;
text-align: center;
}
#designers-entry .entry .addressBox {
padding: 5px 10px 0px;
clear: both;
}
#designers-entry .entry.designerPage .addressBox {
padding: 10px 10px 0px;
clear: both;
}
#designers-entry .blueBox {
margin: 0 0 10px 0;
padding: 1px 10px;
}
#designers-entry .blueBox h2 {
color: #f0e900;
font-size: 15px;
}
#designers-entry .blueBox p {
color: #F0E900;
font-size: 13px;
}
#designers-entry .btnBox {
padding-bottom:30px;
overflow: hidden;
}
#designers-entry .btnBox a img {
width: 70% !important;
margin-right: 15%;
margin-left: 15%;
}
#incu .outline .ttl {
clear: both;
padding-top: 20px;
padding-bottom: 0px;
}
h2.subttl {
text-align: center !important;
font-size: 22px;
color: #4F4F4F;
letter-spacing: 0.2em;
}
h2.center img.smp {
width: 70% !important;
margin-right: 15%;
margin-left: 15%;
}
.singleBtn {
padding-left: 10px;
padding-right: 10px;
text-align: center;
}
.singleBtn img {
width: 100%;
height: auto;
}
.smpTitle {
margin: 0 15%;
}
.private_ttl+p,
.private_ttl+ul{
margin-left: 0;
} #coworkingspace {
margin-top: -20px;
}
#coworkingspace .mainTitle {
margin-top: 0px;
}
.circle .down {
margin-top: 0px;
}
#coworkingspace .mainCopy {
margin-bottom: 0px;
padding-bottom: 20px;
}
#coworkingspace .mainCopy h1 {
font-size: 18px;
margin-bottom: 10px;
}
#coworkingspace .mainCopy p {
font-size: 14px;
}
#coworkingspace .block h2 {
font-size: 16px;
padding-top: 10px;
padding-bottom: 10px;
}
#coworkingspace .block p{
font-size: 13px;
}
#coworkingspace .pointBox {
padding-bottom: 20px;
padding-top: 20px;
background-image: none;
background-repeat: no-repeat;
background-position: center bottom;
position: relative;
}
#coworkingspace .pointBox p {
font-size: 13px;
margin-bottom: 10px;
}
.inner img {
margin-bottom: 15px;
}
.inner .smp {
display: block;
}
.table-bordered {
margin-bottom: 10px;
}
.table-bordered tr td {
font-size: 14px;
}
.table-bordered th {
font-size: 15px;
}
.table-bordered tr td .price {
padding-left: 0px;
}
.reserveForm dt {
padding-left: 15px;
padding-right: 15px;
}
.reserveForm dd {
padding-left: 15px;
padding-right: 15px;
}
.program .photo {
float: left;
width: 100%;
padding-top: 5px;
text-align: center;
}
.program .cont {
float: left;
width: 100%;
}
.fes-table tbody tr {
margin-bottom: 10px;
}
.fes-table.table-bordered tbody td {
background-color: #FFFFFF;
}
.fesBlock .fesBox .name td {
background-color: #ea5504;
padding: 3px 6px;
font-weight: bold;
font-size: 1.4rem;
text-align: center;
}
.fesBlock .fesBox {
flex-basis: 100%;
max-width: 100%;
margin-bottom: 30px;
}
.post img {
max-width: 100%;
height: auto;
}
h3.post-ttl {
font: 500 18px "din-condensed", sans-serif;
margin-top: 0px;
}
.post {
padding-top: 0;
}
.detail .post h1 {
font-size: 18px;
}
.detail .post h2 {
font-size: 16px;
}
.detail .post h3 {
font-size: 15px;
}
.detail .post h4 {
font-size: 1.4rem;
}
.detail .post h5 {
font-size: 13px;
}
.detail .post h6 {
font-size: 1.4rem;
}
}
@media (max-width: 1200px) {
#top-bar .main-menu li a {
padding-left: 10px;
padding-right: 10px;
}
#top-bar .main-menu li {
letter-spacing:0;
}
#top-bar .main-menu li a {
padding-left: 10px;
padding-right: 10px;
}
.homeBannerArea ul {
justify-content: space-between;
}
.homeBannerArea li {
width: 30%;
margin-left: 0px;
margin-right: 0px;
text-align: center;
padding-left: 0px;
padding-right: 0px;
}
.homeBannerArea li img {
width: 100%;
height: auto;
}
.home-news li .title {
font-size:12px;
}
}
@media (max-width: 1072px) {
#top-bar .main-menu li a {
padding-left: 6px;
padding-right: 6px;
}
.home-slider .about-odp {
padding:20px 35px 16px;
}	
.page-home {
margin-top:70px;
}
}
@media (max-width: 991px){
.home-slider .about-odp {
padding:20px 35px 16px;
}
.page-home {
margin-top: 60px;
margin-left: 15px;
margin-right: 15px;
}
.home-slider {
padding-bottom:0;
}
.home-slider .about-odp .label {
left: -40px;
}
.home-slider .recruitment-swiper .label {
left: -5px;
}
.home-slider .main-swiper .label {
right: -20px;
}
.incuBlock .contentsBox {
margin: 15px;
}
.designersBlock .contentsBox {
margin: 15px;
}
.recruitment-swiper {
margin-left: 12px;
margin-right: 12px;
margin-bottom: 0px;
}
.main-swiper {
margin-left: 12px;
margin-right: 12px;
}
.home-slider {
padding-bottom:0px;
}
.home-slider .label {
display: none;
}
.home-news ul {
padding-top: 0;
}
.home-news li .icon {
padding:5px;
}
.home-news li .title {
padding: 5px;
display: block;
}
.home-news li .data {
width: auto;
margin-right: 10px;
}
.home-news {
padding-bottom: 0;
}
.bgWrapper {
padding: 10px 0;
}
.line-ttl {
font-size: 32px;
line-height:1.5;
}
.line-ttl,.titleSub {
margin-left: 0;
margin-right: 0;
}
.line-ttl span {
padding:6px;
}
}
@media (max-width: 768px) {
.home-slider .about-odp {
padding:0;
}	
.home-news ul {
padding-bottom: 0;
}
.home-news li {
display: flex;
}
.home-news li .icon {
font-size: 9px !important;
}
.home-news li a,
.home-news li .data {
margin-bottom: 0;
font-size: 9px !important;
}
}
@media screen and (max-width: 736px) {
.page-home {
margin-top: 50px;
}
.home-slider {
padding-top: 0;
}
.swiper-container, .swiper-container2 {
overflow: visible;
}
.main-swiper {
margin-bottom: 60px;
}
.swiper-container .swiper-pagination {
top: 110%;
}
.recruitment-swiper .swiper-container2 {
margin-bottom: 20px;
}
.recruitment-swiper {
border-left: none;
margin-bottom: 20px;
}
.homeBannerArea ul {
display: block;
}
.homeBannerArea li {
width: auto;
margin-left: 0px;
margin-right: 0px;
text-align: center;
padding-left: 70px;
padding-right: 70px;
}
.homeBannerArea li img {
width: 100%;
height: auto;
}
}
@media screen and (max-width: 600px) {
#wpadminbar {
position: fixed !important;
}
}
@media screen and (max-width:576px) {
.home-slider .about-odp {
padding:0 15px 15px;
}	
.staffBox .block {
height: auto;
}
.Button a {
font: 600 normal 13px "din-condensed", sans-serif;
line-height: 30px;
display: block;
min-width: 240px;
max-width: 50%;
margin: auto;
}
.cancelBox .btnBox .formBtn a {
display: block;
min-width: 240px;
max-width: 50%;
margin: 10px auto;
}
}
@media screen and (max-width: 375px) {
.staffBox .block .face {
text-align: center;
}
.homeAbout .line-ttl {
font-size:35px;
line-height: 1.7;
}
}
@media screen and (max-width: 320px) {
.staffBox .block {
height: auto;
}
.seminarBox h3 {
padding-bottom :50px;
}
.seminarBox h3 .ttl {
font-size: 1.4rem;
}
.seminarBox h3 .time {
font-size: 8px;
}
.homeAbout .line-ttl {
font-size:29px;
line-height: 1.8;
}
}
@media only screen and (max-width:480px){
.table-bordered { margin: 0 0 10px; }
.table-bordered th,
.table-bordered td{
width: 100%;
display: block;
border-top: none;
margin-bottom: -1px;
}
.table-bordered tbody tr td:nth-child(even){
border-left: none;
}
.table-bordered tbody tr th:nth-child(even){
border-left: none;
}
.table-bordered th {
display: none;
}
.table-bordered td {
background-color: #D3EAF8;
font-weight: bold;
padding-left: 0px;
}
.table-bordered td.center {
text-align: left;
background-color: #eaf5fc; ;
padding-left: 20px;
}
}
.finish_entry {
background-color: #E5E5E5;
padding: 5px 30px 20px;
text-align: center;
width: 80%;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width:768px){
.finish_entry {
padding: 5px 15px 10px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.finish_entry p {
text-align: left;
}
#access .Button a {
width: 100% !important;
padding: 10px 30px;
font-size: 10px;
min-width: 80%;
}
}
.special_banner {
padding: 30px 15px;
}
.special_banner .center {
text-align: center;
}
.special_banner a {
text-decoration: none;
color: #FFFFFF;
}
.special_banner a.attentionBtn {
background-color: #8D8D8D;
padding: 25px 35px;
display: inline-block;
font-size: 16px;
border-radius: 10px;
font-weight: bold;
line-height: 1;
text-align: center;
border-bottom: 5px solid #7D7D7D;
}
.special_banner a.attentionBtn:hover {
background-color: #7D7D7D;
border-bottom: 5px solid #7D7D7D;
}
.mailgo-by {
display: none !important;
}
@media only screen and (max-width:768px) {
.special_banner a.attentionBtn {
padding: 10px 12px;
font-size: 13px;
text-align: center;
}
} .anchor{
display: block;
padding-top: 100px !important;
margin-top: -100px;
float: left;
width: 100%;
} #sgroupPage .line-ttl {}
#sgroupPage .line-ttl icon {
bottom: -12px;
right: -93px;
}
#sgroupPage .line-ttl span { width: 100%; }
@media (max-width: 991px) {
#sgroup-entry .wrapper {
padding: 0px;
}
}
@media (max-width:767px) {
#designersPage .line-ttl span { width: 100%; }
.textBox p {
min-height: auto;
}
}
@media (max-width:576px) {
.eventTemp .line-ttl span { width: 100% !important; }
}
#sgroup-entry h2 {
margin-bottom: 1.2em;
}
#sgroup-entry {
margin: 0px auto 50px;
font-size: 14px;
line-height: 1.6;
}
#sgroup-entry .point1 {
padding-top: 20px;
overflow: hidden;
padding-bottom: 30px;
}
#sgroup-entry .point1 h2 {
margin: 0;
width: 100%;
padding-bottom: 20px;
}
#sgroup-entry .point1 .cont {
float: left;
width: 70%;
}
.mainCopy {
padding: 15px 30px;	
}
#sgroup-entry .point1 .img {
text-align: right;
}
#sgroup-entry .point2 {
width: 50%;
float: left;
overflow: hidden;
padding-right: 5%;
}
#sgroup-entry .point2 h2 {
margin: 0;
padding-bottom: 20px;
}
#sgroup-entry .point2 .cont {}
#sgroup-entry .point2 .cont p {
padding-bottom: 20px;
}
#sgroup-entry .point2 .img {
}
#sgroup-entry .point3 {
width: 45%;
float: right;
overflow: hidden;
}
#sgroup-entry .point3 .img {
float: left;
margin-right: 20px;
}
#sgroup-entry .point3 h2 {
margin-bottom: 20px;
overflow: hidden;
margin-top: 0;
}
#sgroup-entry .point3 p {
padding-top: 0px;
}
#sgroup-entry .point3 p {
padding-bottom: 20px;
}
#sgroup-entry .outline {
padding: 40px 0 20px;
clear: both;
}
#sgroup-entry .outline .ttl {
clear: both;
padding-top: 45px;
}
#sgroup-entry .outline .ttl h2 {
margin-bottom: 10px;
color: #71b9d3;
}
#sgroup-entry .ttl .left {
float: left;
}
#sgroup-entry .ttl .right {
float: right;
}
#sgroup-entry .outline .outlineBox {
padding-top: 20px;
text-align: center;
}
#sgroup-entry .flow {
padding: 20px 0;
}
#sgroup-entry h2 {
margin-bottom: 30px;
}
#sgroup-entry .flow h2 {
padding-bottom: 0px;
}
#sgroup-entry .flow .flowimg {}
#sgroup-entry .flow .flowimg p {
padding-bottom: 0px;
padding-top: 20px;
}
#sgroup-entry .designer {
padding: 20px 0;
}
#sgroup-entry .designer h2 {
padding-bottom: 0px;
}
#sgroup-entry .designer p {
padding-bottom: 10px;
}
#sgroup-entry .time {
padding: 20px 0;
}
#sgroup-entry .time h2 {
padding-bottom: 0px;
}
#sgroup-entry .time h3 {
font-size: 18px;
margin-top: 0;
}
#sgroup-entry .time p {
text-align: center;
padding-top: 10px;
}
#sgroup-entry .office {
padding: 20px 0;
}
#sgroup-entry .office h2 {
padding-bottom: 0px;
}
#sgroup-entry #entry {
padding-top: 60px;
}
#sgroup-entry .entry {
padding: 20px 0;
}
#sgroup-entry .entry h2 {
padding-bottom: 0px;
}
#sgroup-entry .entry .addressBox {
padding: 25px 25px 10px;
background-color: #f0f0f0;
margin-bottom: 10px;
}
#sgroup-entry .entry .addressBox p {
padding-bottom: 15px;
}
#sgroup-entry .blueBox {
margin: 20px 0;
padding: 1px 10px 15px;
background-color: #ff9600;
text-align: center;
}
#sgroup-entry .blueBox h2 {
color: #ffffff;
font-size: 17px;
margin-bottom: 10px;
line-height: 1.3;
}
#sgroup-entry .blueBox p {
color: #ffffff;
font-size: 15px;
line-height: 1.4;
margin-bottom: 0;
}
#sgroup-entry table.designersTable {
margin-top: 0px;
}
#sgroup-entry table.designersTable {
border-top: 2px solid #ff9600;
}
#sgroup-entry table.designersTable th {
border-bottom: 2px solid #ff9600;
border-right: 1px solid #ff9600;
color: #333333;
background-color: #FAD4BA;
}
#sgroup-entry table.designersTable td {
border-bottom: 1px solid #ff9600;
border-right: 1px solid #ff9600;
color: #333333;
}
#sgroup-entry .borderBox-design {
border: 5px solid #ff9600;
}
@media (min-width:567px) {
.point_list .row {
display: flex;
align-items:stretch; 
}
}
.point_list .row .col-sm-3 {
display: flex;
}
@media (min-width:768px) {
.point_list .row .col-sm-3 {
width: 50%;
}
}
.sgroup h4 {
font-size: 18px;
}
.sgroup .point2 icon {
top: 209px;
right: -20px;
}
.point_list .sgroup .box p {
min-height: auto;
}
.sgroup .Button {
margin-top: 25px;
}
.withCorona {
border-radius: 3px;
border: 3px solid #A7191C;
margin-top: 20px;
padding: 15px;
margin-bottom: 20px;
}
.withCorona p {
font-size: 16px;
}
.interview-swiper {
margin-bottom: 50px;
}
.subContents {
margin-top: 30px;
margin-bottom: 30px;
padding: 15px;
width: 100%;
border-radius: 5px;
border: 1px solid #B4B4B4; 
text-align: center;
}
.subContents h2 {
color: #861B1B;
font-size: 18px;
margin-bottom: 10px;
line-height: 1.2;
margin-top: 0px;
}
.subContents p {
text-align: left;
color: #222;
margin: 0;
padding: 0;
font-size: 15px;
}
.subContents p.center {
text-align: center !important;
}
.subContents p a.btn {
text-align: center;
background-color: #828282;
color: #FEFEFE;
padding: 5px 30px;
text-decoration: none;
width: 240px;
margin-left: auto;
border-radius: 5px;
margin-right: auto;
}
.subContents p a.btn:hover {
background-color: #B3B3B3;
}
.subeventBox.event-finished {
display: none;
}
@media screen and (min-width: 767px) {
.outlineBox {
padding-left: 10%;
padding-right: 10%;
}
.outlineBox figure {
padding: 0 3%;
}
}
@media (max-width:1200px) {
#home .blog-archive .eyechatch img {
height: auto !important;
width: 100% !important;
}
}
@media (max-width: 991px) {
.Button a,.button-r a {
width: 100%;
display: block;
padding: 3px 15px;
text-align: center;
}
.office-slider .Button a,.office-slider .button-r a {
display: inline;
padding: 3px 30px;
}
.aboutOdp .Button a {
width: 100%;
text-align: center;
padding: 3px 15px;
display: block;
margin: auto;
}
}
@media (max-width:768px) {
.subContents {
margin: 20px 15px;
width: auto;
}
.interview-swiper {
margin-bottom: 20px;
}
#incu .outline {
padding: 0px 0 20px;
}
#sgroup-entry .outline {
padding: 0px 0 20px;
clear: both;
}
#sgroup-entry .outline .ttl {
clear: both;
padding-top: 0px;
}
#sgroup-entry h1 {
margin-top: 0px;
}
.mt25 {
margin-top: 0px !important;
}
}
.profile ul {
margin: 0 0 0 20px;
} .proposalBox {
}
h3.sub {
text-align: center;
margin-top: 0px;
margin-bottom: 15px;
padding-bottom: 8px;
border-image: linear-gradient(to right, #84be3f 0%, #437ec1 100%) 1/0 0 5px 0;
border-style: solid;
font-size: 18px;
letter-spacing: 0.2em;
font-weight: 900;
}
.proposalBox .content {}
.proposalBox .content h3 {
margin: 10px 0 10px;
font-size: 18px;
font-weight: 900;
}
.proposalBox .content h4 {
margin: 10px 0 10px;
font-size: 17px;
font-weight: 900;
}
.proposal .Button a, .proposal .button-r a {
padding: 10px 100px 10px;
}
h4.normal {
border-image: none;
border-style: none;
}
.next_event {
margin: 50px 0 0;
border-radius: 8px;
padding: 20px;
background-color: rgba(226,226,226,1.00);
}
.next_event h3 {
font-size: 17px;
text-align: center;
font-weight: 900;
margin-top: 0px;
margin-bottom: 15px;
border-bottom: 1px solid rgba(53,53,53,1.00);
padding-bottom: 5px;
}
.next_event p {
margin: 0;
padding: 0;
line-height: 1.8;
font-size: 16px;
}
#sappari-odp {
}
#sappari-odp h1 {
margin: 0;
padding-bottom: 50px;
}
#sappari-odp p.catch {
margin: 0;
padding-bottom: 170px;
font-size: 20px;
}
.sappariBlock {
margin-bottom: 140px;
}
#q1 .answerBox {
background-color: #ffe0e4;
}
#q2 .answerBox {
background-color: #ffe0d4;
}
#q3 .answerBox {
background-color: #fff0cc;
}
#q4 .answerBox {
background-color: #e6f0cc;
}
#q5 .answerBox {
background-color: #cce2f4;
}
#q6 .answerBox {
background-color: #ccd8ef;
}
#q7 .answerBox {
background-color: #e2d6f0;
}
#q8 .answerBox {
background-color: #def1f6;
}
.sappariBlock h2 {
font-family: 'Zen Kaku Gothic New', sans-serif;
font-size: 30px;
font-weight: 700;
}
#q1 h2 {
color: #ff6478;
}
#q2 h2 {
color: #ff6428;
}
#q3 h2 {
color: #ffb400;
}
#q4 h2 {
color: #82b400;
}
#q5 h2 {
color: #006ec8;
}
#q6 h2 {
color: #003caf;
}
#q7 h2 {
color: #6e32b4;
}
#q8 h2 {
color: #00a1d3;
}
.q_title {
margin-bottom: 30px;
display: flex;
align-items:center;
}
.q_title icon {
margin-right: 15px;
}
.q_title .illust_q {
margin-left: auto;
margin-top: -30px;
}
.answerBox {
padding-top: 50px;
padding-bottom: 30px;
}
.answerBox .p_message {
border-radius: 10px;
padding: 30px 22px;
background-color: #fff;
position: relative;
}
.answerBox .p_message h3 {
margin: 0;
font: 500 20px/1 'M PLUS Rounded 1c', sans-serif;
color: #555555;
display: block;
}
#q5 .p_message {
padding: 15px 22px;
}
#q5 .answerBox .p_message h3 {
line-height: 1.3;	
}
.answerBox .p_message h3 b {
color: #82b400;	
}
.answerBox .p_message .face {
float: right;
position: absolute;
right: 30px;
top: -15px;
}
.answerBox .p_message .face.twoface {
display: flex;
}
.answerBox .p_message .face.twoface div {
margin-left: 10px;	
}
.answerBox .p_message .face .name {
display: block;
margin-top: 5px;
font-size: 11px;
text-align: center;
}
.answerBox .main {
margin-top: 50px;
}
.answerBox .main p {
font-size: 18px;
margin-bottom: 1.5rem;
line-height: 1.8;
}
.answerBox .main b {
background-color: rgba(255,255,255,1.00);
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight: 500;
}
#q1 .answerBox .main b {
color: #ff6478;
}
#q2 .answerBox .main b {
color: #ff6428;
}
#q3 .answerBox .main b {
color: #ffb400;
}
#q4 .answerBox .main b {
color: #82b400;
}
#q5 .answerBox .main b {
color: #006ec8;
}
#q6 .answerBox .main b {
color: #003caf;
}
#q7 .answerBox .main b {color: #6e32b4;}
.endAnswer {
display: flex;
align-items:flex-end;
margin-top: -50px;
}
.endAnswer .illust_a {
}
.endAnswer p {
font: 700 20px 'M PLUS Rounded 1c', sans-serif;
margin-bottom: -0.3rem;
}
#q1 .endAnswer p {
color: #ff6478;
}
#q2 .endAnswer p {
color: #ff6428;
}
#q3 .endAnswer p {
color: #ffb400;
}
#q4 .endAnswer p {
color: #82b400;
}
#q5 .endAnswer p {
color: #006ec8;
}
#q6 .endAnswer p {
color: #003caf;
}
#q7 .endAnswer p {color: #6e32b4;}
#sappari-odp .btnBox a {
border-radius: 15px;
border: 1px solid #231815;
width: 100%;
padding-top: 24px;
padding-bottom: 36px;
display: block;
font-size: 25px;
text-align: center;
line-height: 1;
color: #231815;
text-decoration: none;
background-image: url(//www.osaka-design.co.jp/wp-content/themes/odp-2019/common/images/sappari/arrow.png);
background-repeat: no-repeat;
background-position: center 60px;
background-size: 28px auto;
}
@media (max-width:576px) {
icon {
display:none;
}
#sappari-odp h1 {
margin: 0;
padding-bottom: 25px;
}
#sappari-odp p.catch {
margin: 0;
padding-bottom: 50px;
font-size: 15px;
}
.sappariBlock {
margin-bottom: 70px;
}
.sappariBlock h2 {
font-size: 15px;
}
.q_title {
margin-bottom: 5px;
}
.q_title icon {
margin-right: 5px;
}
.q_title icon img {
width: 40px;
height: auto;
}
.q_title .illust_q {
margin-left: auto;
}
.q_title .illust_q img {
width: 60px;
height: auto;
}
.answerBox {
padding-top: 25px;
padding-bottom: 15px;
}
.answerBox .p_message {
border-radius: 10px;
padding: 15px 11px;
}
.answerBox .p_message h3 {
font-size: 15px;
text-align: center;
line-height: 1.4;
}
#q5 .p_message {
padding: 15px 11px;
}
#q5 .answerBox .p_message h3 {
line-height: 1.3;	
}
.answerBox .p_message .face {
right: auto;
top: auto;
position: relative;
margin-left: auto;
margin-right: auto;
width: 100%;
text-align: center;
z-index: 100;
margin-bottom: 20px;
}
.answerBox .p_message .face img {
width: 70px;
height: auto;
}
.answerBox .p_message .face.twoface div {
margin-left: 8px;	
}
.answerBox .p_message .face.twoface div:first-child {
margin-left: auto;
margin-right: 8px
}
.answerBox .p_message .face.twoface div:last-child {
margin-right: auto
}
.answerBox .p_message .face .name {
display: block;
margin-top: 5px;
font-size: 10px;
}
.answerBox .main {
margin-top: 30px;
}
.answerBox .main p {
font-size: 13px;
margin-bottom: 1.5rem;
line-height: 1.5;
}
.endAnswer {
margin-top: 0px;
}
.endAnswer .illust_a {
}
.endAnswer .illust_a img {
width: 60px;
height: auto;
}
.endAnswer p {
font: 500 13px/1.3 'M PLUS Rounded 1c', sans-serif;
margin-bottom: -0.3rem;
}
#sappari-odp .btnBox a {
border-radius: 10px;
padding-top: 12px;
padding-bottom: 18px;
font-size: 13px;
background-position: center 30px;
background-size: 14px auto;
}
#q8 .col-sm-5 {
padding: 0 10% 30px;
}
.side-banner-block {
display: none;
}
} .eigyouryoku2020 .list ul li a {
color: #BC8A57;	
}
.eigyouryoku2020 .list ul li .arrow-ku::before {
border-top: 2px solid #BC8A57;
border-right: 2px solid #BC8A57;
}
.eigyouryoku2020 .seminarBox h3 .round {
background-color: #e0b8c1;
color: #333;
}
.eigyouryoku2020 .seminarBox h3 {
color: #cca57e;
}
.eventMainContent .eigyouryoku2020 h2 {
background: -webkit-linear-gradient(0deg, #BC8A57, #BC8A57);
}
.eventMainContent .eigyouryoku2020 h3 {
border-image: linear-gradient(to right, #feebbe 0%, #cca57e 100%) 1/0 0 3px 0;
}
.eigyouryoku2020 .btnBox .formBtn a {
background-color: #cca57e;
padding: 15px 0;
font-size: 14px;
width: 100%;
}
.eigyouryoku2020 .btnBox .formBtn a:hover {
background-color: #BC8A57;
}
.eigyouryoku2020 .imgL, .eigyouryoku2020 img.alignleft {
margin: 7px 10px 10px 0;
}
.school {
clear: both;	
} .eigyouryoku2022 .list ul li a {
color: #111111; 
font-weight: 700;
}
.eigyouryoku2022 .list ul li .arrow-ku::before {
border-top: 2px solid #0E43DF
;
border-right: 2px solid #0E43DF;
}
.eigyouryoku2022 .seminarBox h3 .round {
background-color: #FFF100;
color: #333;
}
.eigyouryoku2022 .seminarBox h3 {
color: #111111;
}
.eventMainContent .eigyouryoku2022 h3 {
border-image: linear-gradient(to right, #FFF100 0%, #0E43DF 100%) 1/0 0 3px 0;
}
.eigyouryoku2022 .btnBox .formBtn {
width: 100%;
max-width: 300px;
}
.eigyouryoku2022 .btnBox .formBtn a {
border: 4px solid #111111;
background-color: #FFF100;
color: #111111;
font-weight: 700;
transition-duration: 0.5s;
width: 100%;
padding: 15px 0;
font-size: 14px;
}
.eigyouryoku2022 .btnBox .formBtn a:hover {
background-color: #111111;
color: #ffffff;
transition-duration: 0.5s;
}
.eigyouryoku2022 .imgL, .eigyouryoku2022 img.alignleft {
margin: 7px 10px 10px 0;
}
.school {
clear: both;  
}
.esaki-eigyou2022 .flex {
justify-content: center;
}
@media screen and (min-width: 768px) {
.esaki-eigyou2022 .formBtn {
width: 40%;
}
} .sp_event {
}
.sp_event .sBox {
border-radius: 10px;
padding: 20px 15px 10px;
border: 1px solid #111;
}
.sp_event .sBox h4 {
margin: 0;
font-size: 17px;
}
.sp_event .sBox p {
line-height: 1.78 !important;	
}
.sp_event article {
margin-bottom: 15px;	
}
.sp_event h3 {
position: relative;
border-image: linear-gradient(to right, #84be3f 0%, #437ec1 100%) 0 0 1/4px 0;
border-style: solid;
font-size: 17px;
padding: 20px 10px 5px;
}
.sp_event p {
line-height: 1.78 !important;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
}
.sp_event p span {
font-size: 17px;
color: rgba(60,60,60,1.00);
font-weight: 700;
}
.sp_event a {
text-decoration: none;
font-size: 13px;
}
.sp_event .inner {
padding: 10px 15px;
border-radius: 10px;
background-color: #DBF6FC;
}
.sp_event p.inner {
font-size: 80%;	
}
.button {
display: inline-block;
width: 280px;
padding-block: 1rem;
text-align: center;
text-decoration: none;
outline: none;
}
.button::before,
.button::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.button,
.button::before,
.button::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
.button {
background-color: #000;
border: 2px solid #000;
color: #fff;
border-radius: 50px;
}
.button:hover {
background-color: #fff;
border-color: #000;
color: #000;
}
a..button {
color: #ffffff;
}
.encho {
width: 70%;
padding: 20px;
margin: 20px auto;
text-align: center;
color: #ff0000;
border: 1px solid #ff0000;
}
.encho p {
line-height: 1.9;
font-size: 1.6rem;
} .odpApproach_en p {
line-height: 1.2;
margin-bottom: 25px;
}
.englishPage .modal-content p {
line-height: 1.2;
} .report_text {
padding-left: 60px;  
}
.inbox.movie {
width: 100%;
aspect-ratio: 16 / 9;
}
.inbox.movie iframe {
width: 100%;
height: 100%;
} .subBox {
font-size: 10px;
background-color: var(--odp-blue);
padding: 1px 4px 2px;
color: #FFFFFF;
border-radius: 3px;
text-align: center;
margin-top: -25px;
display: block;
width: 62px;
margin-left: 86px;
}
.check_list {}
.check_list a.btn {
display: block;
width: 220px;
padding: 10px 0;
background-color: #666666;
border-radius: 6px;
text-align: center;
margin: 10px auto;
color: #ffffff;
text-decoration: none;
}
@media screen and (max-width: 567px) {
.check_list a.btn {
width: 80%;
}
#sgroup-entry .point1 .cont {
float: none;
width: 100%;
}
#sgroup-entry .point2 {
width: 100%;
float: none;
overflow: hidden;
padding-right: 0%;
padding-bottom: 25px;
}
#sgroup-entry .point3 {
width: 100%;
float: none;
overflow: hidden;
}
}
#kodomonomori_entry {}
#kodomonomori_entry h3{
text-align: center;
background-color: var(--odp-blue);
margin-top: 0;
padding: 10px 0;
color: #FFFFFF;
}
#kodomonomori_entry h4{
text-align: center;
position: relative;
font-size: 18px;
color: #02532d;
}
#kodomonomori_entry h4:after {
content: "";
position: absolute;
top: 50%;
left: 0;
border-top: 1px solid #02532d;
width: 100%;
height: 1px;
z-index: 0;
}
#kodomonomori_entry h4 span {
background-color: #FFFFFF;
padding: 5px 15px;
position: relative;
z-index: 1;
}
#kodomonomori_entry p{}
#kodomonomori_entry small{}
#kodomonomori_entry ul{}
#kodomonomori_entry ul li {
word-break: break-all;
list-style: disc;
display: list-item;
margin-left: 25px;
margin-bottom: 5px;
}
#kodomonomori_entry .btnBox {
text-align: center;
}
#kodomonomori_entry a.button {
text-decoration: none;
}
#kodomonomori_entry .dedday {
font-size: 30px;
color: red;
font-weight: 700;
text-align: center;
}
.wpcf7-spinner {
position: absolute !important;
top: -10px !important;
right: -10px !important;
}
.wpcf7-not-valid-tip {
color: #FFFFFF !important;
font-size: 0.7em !important;
display: inline-block !important;
background-color: #dc3232;
padding: 5px 10px;
border-radius: 6px;
position: relative;
left: 0px;
top: -5px;
}
.wpcf7-not-valid-tip:before {
content: "";
position: absolute;
top: -16px;
left: 5px;
border: 8px solid transparent;
border-bottom: 8px solid #dc3232;
} .t_shirt__furigana {
display:none;
}
.post .saboxplugin-wrap div {
width: auto !important;
} .machiomoi2024 {}
.machiomoi2024 h3 {
text-align: center;
margin-bottom: 2rem;
}
.machiomoi2024-inner {
display: flex;
flex-wrap: wrap;
margin-bottom: 15px;
justify-content: space-between;
}
.machiomoi2024-inner picture {
width: 100px;
}
.machiomoi2024-inner .common {
width: 82%;
}
.machiomoi2024-inner p {
font-size: 1.3rem;
line-height: 1.5;
}
.machiomoi2024-inner p.name {
font-size: 1.4rem;
}
.images.machiomoi2024 {
margin-bottom: 40px;
}
.images.machiomoi2024 h3 {
text-align: left;
margin: 0 0 15px;
line-height: 1.4;
}
.movie.machiomoi2024 {
clear: both;
margin-bottom: 40px;
padding-top: 40px;
}
.movie.machiomoi2024 .youtube {
margin-bottom: 20px;
}
.movie.machiomoi2024 small {
display: block;
}
.button.machiomoi2024 {
margin-bottom: 30px;
}
.button.machiomoi2024 a {
display: block;
margin-inline: auto;
color: #ffffff;
text-decoration: none;
} 
.button.machiomoi2024:hover,
.button.machiomoi2024 a:hover {
color: #437ec1;
}
@media (max-width:768px) {
.machiomoi2024-inner picture {
width: 100px;
margin-inline: auto;
margin-bottom: 10px;
}
.machiomoi2024-inner .common {
width: 100%;
}
}
.saturdayClose {
background-color: #f1f1f1;
padding: 15px;
margin: 0px 0 30px;
display: flex;
flex-wrap: wrap;
align-items: center;
border: 1px solid #666666;
width: 100%;
}
.saturdayClose .title {
width: 20%;
text-align: center;
font-weight: 700;
}
.saturdayClose .content {
width: 80%;
}
.saturdayClose .content p {
margin: 0;
}
@media (max-width:767px) {
.saturdayClose {
display: block;
}
.saturdayClose .title {
width: 100%;
padding-block: 15px;
}
.saturdayClose .content {
width: 100%;
}
} body#link {
font-family: "Oswald", "Noto Sans JP", sans-serif;
width: 100%;
height: 100vh;
background-image: linear-gradient(67deg, rgba(34, 211, 238, 0.4), rgba(139, 92, 246, 0.4));
background-size: 800% 800%;
animation: GradietionAnimation 5s ease infinite;
}
@keyframes GradietionAnimation { 
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
.linkPage .logo {
margin: 50px auto;
width: 160px;
height: 160px;
background-color: #ffffff;
border-radius: 12px;
display: flex;
justify-content: center;
align-items: center;
}
.linkPage h1 {
text-align: center;
font-size: 1.6rem;
margin-bottom: 20px;
}
.linkPage ul {
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.linkPage ul li {
display: block;
margin-bottom: 15px;
}
.linkPage ul li a {
text-decoration: none;
font-size: 1.4rem;
color: #333333;
display: block;
border-radius: 100px;
border: 1px solid #ffffff;
background-color: rgba(255,255,255, 0.2);
position: relative;
padding-block: 15px;
}
.linkPage ul li a:after {
content: "";
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%)rotate(45deg);
width: 10px;
height: 10px;
border-top: 1px solid #ffffff;
border-right: 1px solid #ffffff;
}
.linkPage .copyRight {
font-size: 0.9rem;
text-align: center;
padding-bottom: 30px;
}