@charset "UTF-8";
/*
Site Structur
*/
/*
not required
*/
/*
0 ~ $sp-max-width : sp
$sp-max-width + 1 ~ $pc-min-width - 1 : tab
$pc-min-width ~ : pc
*/
/*
FOX CSS 3.0.0
by Ronan Levesque - CC BY 3.0 license
Includes Normalize by Nicolas Gallagher
More info => http://necolas.github.io/normalize.css/
*/
/*-------------------------*/
/* +RESETS */
/*-------------------------*/
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
body {
font-family: Arial, Helvetica, Sans-serif;
color: #000;
background: #fff; }
html, body, blockquote, form {
margin: 0;
padding: 0; }
blockquote, code, embed, iframe, img, input, object, pre, table, td, textarea, video {
max-width: 100%;
height: auto; }
a img, form, fieldset {
border: none; }
input, button, select {
vertical-align: middle; }
textarea {
vertical-align: top; }
abbr {
cursor: help;
border-bottom: 1px dotted #bbb; }
blockquote p, button, input, li h1, li h2, li h3, li h4, li h5, li h6, li li, li p, select, td p, th p {
font-size: 100%; }
/*-------------------------*/
/* +NORMALIZE */
/*-------------------------*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"] {
-webkit-appearance: textfield;
-webkit-box-sizing: content-box;
box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/*-------------------------*/
/* +UTILS */
/*-------------------------*/
.fx-txt-left {
text-align: left; }
.fx-txt-right {
text-align: right; }
.fx-txt-center {
text-align: center; }
.fx-ellip {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.fx-left {
float: left; }
.fx-right {
float: right; }
.fx-center {
margin: auto; }
.fx-clearfix:before, .fx-clearfix:after {
content: "";
display: table; }
.fx-clearfix:after {
clear: both; }
.fx-clear {
clear: both; }
.fx-inline {
display: inline; }
.fx-inlineb {
display: inline-block; }
.fx-valign {
vertical-align: middle; }
.fx-hidden {
position: absolute;
left: -9999px;
text-indent: -9999px;
overflow: hidden; }
.fx-no-display {
display: none; }
/*-------------------------*/
/* +GRID */
/*-------------------------*/
.fx-row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.fx-row + .fx-row {
margin-top: 0; }
.fx-row-start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.fx-row-center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.fx-row-end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.fx-row-between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.fx-row-around-xs {
-ms-flex-pack: distribute;
justify-content: space-around; }
@media screen and (min-width: 740px) {
.fx-row-start-s {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.fx-row-center-s {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.fx-row-end-s {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.fx-row-between-s {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.fx-row-around-s {
-ms-flex-pack: distribute;
justify-content: space-around; } }
@media screen and (min-width: 940px) {
.fx-row-start-m {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.fx-row-center-m {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.fx-row-end-m {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.fx-row-between-m {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.fx-row-around-m {
-ms-flex-pack: distribute;
justify-content: space-around; } }
@media screen and (min-width: 1024px) {
.fx-row-start-l {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; }
.fx-row-center-l {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.fx-row-end-l {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.fx-row-between-l {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
.fx-row-around-l {
-ms-flex-pack: distribute;
justify-content: space-around; } }
.flex-vertical-centering {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.fx-row-reverse-xs {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l {
-ms-flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
flex-direction: row-reverse; } }
[class*="fx-col"] {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%; }
.fx-col-10-xs {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
-ms-flex: 1 1 10%;
-webkit-flex: 1 1 10%; }
.fx-col-15-xs {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
max-width: 15%;
-ms-flex: 1 1 15%;
-webkit-flex: 1 1 15%; }
.fx-col-20-xs {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
-ms-flex: 1 1 20%;
-webkit-flex: 1 1 20%; }
.fx-col-25-xs {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
-ms-flex: 1 1 25%;
-webkit-flex: 1 1 25%; }
.fx-col-30-xs {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
-ms-flex: 1 1 30%;
-webkit-flex: 1 1 30%; }
.fx-col-33-xs {
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
max-width: 33.3333%;
-ms-flex: 1 1 33.3333%;
-webkit-flex: 1 1 33.3333%; }
.fx-col-35-xs {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
max-width: 35%;
-ms-flex: 1 1 35%;
-webkit-flex: 1 1 35%; }
.fx-col-40-xs {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
-ms-flex: 1 1 40%;
-webkit-flex: 1 1 40%; }
.fx-col-45-xs {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
max-width: 45%;
-ms-flex: 1 1 45%;
-webkit-flex: 1 1 45%; }
.fx-col-50-xs {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%; }
.fx-col-55-xs {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
max-width: 55%;
-ms-flex: 1 1 55%;
-webkit-flex: 1 1 55%; }
.fx-col-60-xs {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
-ms-flex: 1 1 60%;
-webkit-flex: 1 1 60%; }
.fx-col-65-xs {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
max-width: 65%;
-ms-flex: 1 1 65%;
-webkit-flex: 1 1 65%; }
.fx-col-66-xs {
-ms-flex-preferred-size: 66.6666%;
flex-basis: 66.6666%;
max-width: 66.6666%;
-ms-flex: 1 1 66.6666%;
-webkit-flex: 1 1 66.6666%; }
.fx-col-70-xs {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
-ms-flex: 1 1 70%;
-webkit-flex: 1 1 70%; }
.fx-col-75-xs {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
-ms-flex: 1 1 75%;
-webkit-flex: 1 1 75%; }
.fx-col-80-xs {
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
-ms-flex: 1 1 80%;
-webkit-flex: 1 1 80%; }
.fx-col-85-xs {
-ms-flex-preferred-size: 85%;
flex-basis: 85%;
max-width: 85%;
-ms-flex: 1 1 85%;
-webkit-flex: 1 1 85%; }
.fx-col-90-xs {
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
-ms-flex: 1 1 90%;
-webkit-flex: 1 1 90%; }
.fx-col-95-xs {
-ms-flex-preferred-size: 95%;
flex-basis: 95%;
max-width: 95%;
-ms-flex: 1 1 95%;
-webkit-flex: 1 1 95%; }
.fx-col-100-xs {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%; }
@media screen and (min-width: 740px) {
.fx-col-10-s {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
-ms-flex: 1 1 10%;
-webkit-flex: 1 1 10%; }
.fx-col-15-s {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
max-width: 15%;
-ms-flex: 1 1 15%;
-webkit-flex: 1 1 15%; }
.fx-col-20-s {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
-ms-flex: 1 1 20%;
-webkit-flex: 1 1 20%; }
.fx-col-25-s {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
-ms-flex: 1 1 25%;
-webkit-flex: 1 1 25%; }
.fx-col-30-s {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
-ms-flex: 1 1 30%;
-webkit-flex: 1 1 30%; }
.fx-col-33-s {
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
max-width: 33.3333%;
-ms-flex: 1 1 33.3333%;
-webkit-flex: 1 1 33.3333%; }
.fx-col-35-s {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
max-width: 35%;
-ms-flex: 1 1 35%;
-webkit-flex: 1 1 35%; }
.fx-col-40-s {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
-ms-flex: 1 1 40%;
-webkit-flex: 1 1 40%; }
.fx-col-45-s {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
max-width: 45%;
-ms-flex: 1 1 45%;
-webkit-flex: 1 1 45%; }
.fx-col-50-s {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%; }
.fx-col-55-s {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
max-width: 55%;
-ms-flex: 1 1 55%;
-webkit-flex: 1 1 55%; }
.fx-col-60-s {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
-ms-flex: 1 1 60%;
-webkit-flex: 1 1 60%; }
.fx-col-65-s {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
max-width: 65%;
-ms-flex: 1 1 65%;
-webkit-flex: 1 1 65%; }
.fx-col-66-s {
-ms-flex-preferred-size: 66.6666%;
flex-basis: 66.6666%;
max-width: 66.6666%;
-ms-flex: 1 1 66.6666%;
-webkit-flex: 1 1 66.6666%; }
.fx-col-70-s {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
-ms-flex: 1 1 70%;
-webkit-flex: 1 1 70%; }
.fx-col-75-s {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
-ms-flex: 1 1 75%;
-webkit-flex: 1 1 75%; }
.fx-col-80-s {
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
-ms-flex: 1 1 80%;
-webkit-flex: 1 1 80%; }
.fx-col-85-s {
-ms-flex-preferred-size: 85%;
flex-basis: 85%;
max-width: 85%;
-ms-flex: 1 1 85%;
-webkit-flex: 1 1 85%; }
.fx-col-90-s {
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
-ms-flex: 1 1 90%;
-webkit-flex: 1 1 90%; }
.fx-col-95-s {
-ms-flex-preferred-size: 95%;
flex-basis: 95%;
max-width: 95%;
-ms-flex: 1 1 95%;
-webkit-flex: 1 1 95%; }
.fx-col-100-s {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%; } }
@media screen and (min-width: 940px) {
.fx-col-10-m {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
-ms-flex: 1 1 10%;
-webkit-flex: 1 1 10%; }
.fx-col-15-m {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
max-width: 15%;
-ms-flex: 1 1 15%;
-webkit-flex: 1 1 15%; }
.fx-col-20-m {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
-ms-flex: 1 1 20%;
-webkit-flex: 1 1 20%; }
.fx-col-25-m {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
-ms-flex: 1 1 25%;
-webkit-flex: 1 1 25%; }
.fx-col-30-m {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
-ms-flex: 1 1 30%;
-webkit-flex: 1 1 30%; }
.fx-col-33-m {
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
max-width: 33.3333%;
-ms-flex: 1 1 33.3333%;
-webkit-flex: 1 1 33.3333%; }
.fx-col-35-m {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
max-width: 35%;
-ms-flex: 1 1 35%;
-webkit-flex: 1 1 35%; }
.fx-col-40-m {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
-ms-flex: 1 1 40%;
-webkit-flex: 1 1 40%; }
.fx-col-45-m {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
max-width: 45%;
-ms-flex: 1 1 45%;
-webkit-flex: 1 1 45%; }
.fx-col-50-m {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%; }
.fx-col-55-m {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
max-width: 55%;
-ms-flex: 1 1 55%;
-webkit-flex: 1 1 55%; }
.fx-col-60-m {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
-ms-flex: 1 1 60%;
-webkit-flex: 1 1 60%; }
.fx-col-65-m {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
max-width: 65%;
-ms-flex: 1 1 65%;
-webkit-flex: 1 1 65%; }
.fx-col-66-m {
-ms-flex-preferred-size: 66.6666%;
flex-basis: 66.6666%;
max-width: 66.6666%;
-ms-flex: 1 1 66.6666%;
-webkit-flex: 1 1 66.6666%; }
.fx-col-70-m {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
-ms-flex: 1 1 70%;
-webkit-flex: 1 1 70%; }
.fx-col-75-m {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
-ms-flex: 1 1 75%;
-webkit-flex: 1 1 75%; }
.fx-col-80-m {
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
-ms-flex: 1 1 80%;
-webkit-flex: 1 1 80%; }
.fx-col-85-m {
-ms-flex-preferred-size: 85%;
flex-basis: 85%;
max-width: 85%;
-ms-flex: 1 1 85%;
-webkit-flex: 1 1 85%; }
.fx-col-90-m {
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
-ms-flex: 1 1 90%;
-webkit-flex: 1 1 90%; }
.fx-col-95-m {
-ms-flex-preferred-size: 95%;
flex-basis: 95%;
max-width: 95%;
-ms-flex: 1 1 95%;
-webkit-flex: 1 1 95%; }
.fx-col-100-m {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%; } }
@media screen and (min-width: 1024px) {
.fx-col-10-l {
-ms-flex-preferred-size: 10%;
flex-basis: 10%;
max-width: 10%;
-ms-flex: 1 1 10%;
-webkit-flex: 1 1 10%; }
.fx-col-15-l {
-ms-flex-preferred-size: 15%;
flex-basis: 15%;
max-width: 15%;
-ms-flex: 1 1 15%;
-webkit-flex: 1 1 15%; }
.fx-col-20-l {
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
max-width: 20%;
-ms-flex: 1 1 20%;
-webkit-flex: 1 1 20%; }
.fx-col-25-l {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
-ms-flex: 1 1 25%;
-webkit-flex: 1 1 25%; }
.fx-col-30-l {
-ms-flex-preferred-size: 30%;
flex-basis: 30%;
max-width: 30%;
-ms-flex: 1 1 30%;
-webkit-flex: 1 1 30%; }
.fx-col-33-l {
-ms-flex-preferred-size: 33.3333%;
flex-basis: 33.3333%;
max-width: 33.3333%;
-ms-flex: 1 1 33.3333%;
-webkit-flex: 1 1 33.3333%; }
.fx-col-35-l {
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
max-width: 35%;
-ms-flex: 1 1 35%;
-webkit-flex: 1 1 35%; }
.fx-col-40-l {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
max-width: 40%;
-ms-flex: 1 1 40%;
-webkit-flex: 1 1 40%; }
.fx-col-45-l {
-ms-flex-preferred-size: 45%;
flex-basis: 45%;
max-width: 45%;
-ms-flex: 1 1 45%;
-webkit-flex: 1 1 45%; }
.fx-col-50-l {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
-ms-flex: 1 1 50%;
-webkit-flex: 1 1 50%; }
.fx-col-55-l {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
max-width: 55%;
-ms-flex: 1 1 55%;
-webkit-flex: 1 1 55%; }
.fx-col-60-l {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
max-width: 60%;
-ms-flex: 1 1 60%;
-webkit-flex: 1 1 60%; }
.fx-col-65-l {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
max-width: 65%;
-ms-flex: 1 1 65%;
-webkit-flex: 1 1 65%; }
.fx-col-66-l {
-ms-flex-preferred-size: 66.6666%;
flex-basis: 66.6666%;
max-width: 66.6666%;
-ms-flex: 1 1 66.6666%;
-webkit-flex: 1 1 66.6666%; }
.fx-col-70-l {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
-ms-flex: 1 1 70%;
-webkit-flex: 1 1 70%; }
.fx-col-75-l {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
-ms-flex: 1 1 75%;
-webkit-flex: 1 1 75%; }
.fx-col-80-l {
-ms-flex-preferred-size: 80%;
flex-basis: 80%;
max-width: 80%;
-ms-flex: 1 1 80%;
-webkit-flex: 1 1 80%; }
.fx-col-85-l {
-ms-flex-preferred-size: 85%;
flex-basis: 85%;
max-width: 85%;
-ms-flex: 1 1 85%;
-webkit-flex: 1 1 85%; }
.fx-col-90-l {
-ms-flex-preferred-size: 90%;
flex-basis: 90%;
max-width: 90%;
-ms-flex: 1 1 90%;
-webkit-flex: 1 1 90%; }
.fx-col-95-l {
-ms-flex-preferred-size: 95%;
flex-basis: 95%;
max-width: 95%;
-ms-flex: 1 1 95%;
-webkit-flex: 1 1 95%; }
.fx-col-100-l {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
-ms-flex: 1 1 100%;
-webkit-flex: 1 1 100%; } }
.fx-col-top-xs {
-ms-flex-item-align: start;
align-self: flex-start; }
.fx-col-center-xs {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
.fx-col-bottom-xs {
-ms-flex-item-align: end;
align-self: flex-end; }
@media screen and (min-width: 740px) {
.fx-col-top-s {
-ms-flex-item-align: start;
align-self: flex-start; }
.fx-col-center-s {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
.fx-col-bottom-s {
-ms-flex-item-align: end;
align-self: flex-end; } }
@media screen and (min-width: 940px) {
.fx-col-top-m {
-ms-flex-item-align: start;
align-self: flex-start; }
.fx-col-center-m {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
.fx-col-bottom-m {
-ms-flex-item-align: end;
align-self: flex-end; } }
@media screen and (min-width: 1024px) {
.fx-col-top-l {
-ms-flex-item-align: start;
align-self: flex-start; }
.fx-col-center-l {
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center; }
.fx-col-bottom-l {
-ms-flex-item-align: end;
align-self: flex-end; } }
.fx-col-fix-30 {
-ms-flex-preferred-size: 30px;
flex-basis: 30px;
max-width: 30px; }
.fx-col-fix-30 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 30px);
flex-basis: calc(100% - 30px);
width: calc(100% - 30px);
max-width: calc(100% - 30px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 30px);
flex-basis: calc(100% - 30px);
width: calc(100% - 30px);
max-width: calc(100% - 30px); }
.fx-col-auto + .fx-col-fix-30 {
-ms-flex-preferred-size: 30px;
flex-basis: 30px;
max-width: 30px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 30px);
flex-basis: calc(100% - 30px);
width: calc(100% - 30px);
max-width: calc(100% - 30px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-30 {
-ms-flex-preferred-size: 30px;
flex-basis: 30px;
max-width: 30px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 30px);
flex-basis: calc(100% - 30px);
width: calc(100% - 30px);
max-width: calc(100% - 30px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-30 {
-ms-flex-preferred-size: 30px;
flex-basis: 30px;
max-width: 30px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 30px);
flex-basis: calc(100% - 30px);
width: calc(100% - 30px);
max-width: calc(100% - 30px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-30 {
-ms-flex-preferred-size: 30px;
flex-basis: 30px;
max-width: 30px; } }
.fx-col-fix-50 {
-ms-flex-preferred-size: 50px;
flex-basis: 50px;
max-width: 50px; }
.fx-col-fix-50 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 50px);
flex-basis: calc(100% - 50px);
width: calc(100% - 50px);
max-width: calc(100% - 50px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 50px);
flex-basis: calc(100% - 50px);
width: calc(100% - 50px);
max-width: calc(100% - 50px); }
.fx-col-auto + .fx-col-fix-50 {
-ms-flex-preferred-size: 50px;
flex-basis: 50px;
max-width: 50px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 50px);
flex-basis: calc(100% - 50px);
width: calc(100% - 50px);
max-width: calc(100% - 50px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-50 {
-ms-flex-preferred-size: 50px;
flex-basis: 50px;
max-width: 50px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 50px);
flex-basis: calc(100% - 50px);
width: calc(100% - 50px);
max-width: calc(100% - 50px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-50 {
-ms-flex-preferred-size: 50px;
flex-basis: 50px;
max-width: 50px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 50px);
flex-basis: calc(100% - 50px);
width: calc(100% - 50px);
max-width: calc(100% - 50px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-50 {
-ms-flex-preferred-size: 50px;
flex-basis: 50px;
max-width: 50px; } }
.fx-col-fix-60 {
-ms-flex-preferred-size: 60px;
flex-basis: 60px;
max-width: 60px; }
.fx-col-fix-60 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 60px);
flex-basis: calc(100% - 60px);
width: calc(100% - 60px);
max-width: calc(100% - 60px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 60px);
flex-basis: calc(100% - 60px);
width: calc(100% - 60px);
max-width: calc(100% - 60px); }
.fx-col-auto + .fx-col-fix-60 {
-ms-flex-preferred-size: 60px;
flex-basis: 60px;
max-width: 60px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 60px);
flex-basis: calc(100% - 60px);
width: calc(100% - 60px);
max-width: calc(100% - 60px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-60 {
-ms-flex-preferred-size: 60px;
flex-basis: 60px;
max-width: 60px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 60px);
flex-basis: calc(100% - 60px);
width: calc(100% - 60px);
max-width: calc(100% - 60px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-60 {
-ms-flex-preferred-size: 60px;
flex-basis: 60px;
max-width: 60px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 60px);
flex-basis: calc(100% - 60px);
width: calc(100% - 60px);
max-width: calc(100% - 60px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-60 {
-ms-flex-preferred-size: 60px;
flex-basis: 60px;
max-width: 60px; } }
.fx-col-fix-70 {
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
max-width: 70px; }
.fx-col-fix-70 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 70px);
flex-basis: calc(100% - 70px);
width: calc(100% - 70px);
max-width: calc(100% - 70px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 70px);
flex-basis: calc(100% - 70px);
width: calc(100% - 70px);
max-width: calc(100% - 70px); }
.fx-col-auto + .fx-col-fix-70 {
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
max-width: 70px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 70px);
flex-basis: calc(100% - 70px);
width: calc(100% - 70px);
max-width: calc(100% - 70px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-70 {
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
max-width: 70px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 70px);
flex-basis: calc(100% - 70px);
width: calc(100% - 70px);
max-width: calc(100% - 70px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-70 {
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
max-width: 70px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 70px);
flex-basis: calc(100% - 70px);
width: calc(100% - 70px);
max-width: calc(100% - 70px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-70 {
-ms-flex-preferred-size: 70px;
flex-basis: 70px;
max-width: 70px; } }
.fx-col-fix-80 {
-ms-flex-preferred-size: 80px;
flex-basis: 80px;
max-width: 80px; }
.fx-col-fix-80 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 80px);
flex-basis: calc(100% - 80px);
width: calc(100% - 80px);
max-width: calc(100% - 80px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 80px);
flex-basis: calc(100% - 80px);
width: calc(100% - 80px);
max-width: calc(100% - 80px); }
.fx-col-auto + .fx-col-fix-80 {
-ms-flex-preferred-size: 80px;
flex-basis: 80px;
max-width: 80px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 80px);
flex-basis: calc(100% - 80px);
width: calc(100% - 80px);
max-width: calc(100% - 80px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-80 {
-ms-flex-preferred-size: 80px;
flex-basis: 80px;
max-width: 80px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 80px);
flex-basis: calc(100% - 80px);
width: calc(100% - 80px);
max-width: calc(100% - 80px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-80 {
-ms-flex-preferred-size: 80px;
flex-basis: 80px;
max-width: 80px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 80px);
flex-basis: calc(100% - 80px);
width: calc(100% - 80px);
max-width: calc(100% - 80px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-80 {
-ms-flex-preferred-size: 80px;
flex-basis: 80px;
max-width: 80px; } }
.fx-col-fix-100 {
-ms-flex-preferred-size: 100px;
flex-basis: 100px;
max-width: 100px; }
.fx-col-fix-100 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 100px);
flex-basis: calc(100% - 100px);
width: calc(100% - 100px);
max-width: calc(100% - 100px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 100px);
flex-basis: calc(100% - 100px);
width: calc(100% - 100px);
max-width: calc(100% - 100px); }
.fx-col-auto + .fx-col-fix-100 {
-ms-flex-preferred-size: 100px;
flex-basis: 100px;
max-width: 100px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 100px);
flex-basis: calc(100% - 100px);
width: calc(100% - 100px);
max-width: calc(100% - 100px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-100 {
-ms-flex-preferred-size: 100px;
flex-basis: 100px;
max-width: 100px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 100px);
flex-basis: calc(100% - 100px);
width: calc(100% - 100px);
max-width: calc(100% - 100px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-100 {
-ms-flex-preferred-size: 100px;
flex-basis: 100px;
max-width: 100px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 100px);
flex-basis: calc(100% - 100px);
width: calc(100% - 100px);
max-width: calc(100% - 100px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-100 {
-ms-flex-preferred-size: 100px;
flex-basis: 100px;
max-width: 100px; } }
.fx-col-fix-110 {
-ms-flex-preferred-size: 110px;
flex-basis: 110px;
max-width: 110px; }
.fx-col-fix-110 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 110px);
flex-basis: calc(100% - 110px);
width: calc(100% - 110px);
max-width: calc(100% - 110px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 110px);
flex-basis: calc(100% - 110px);
width: calc(100% - 110px);
max-width: calc(100% - 110px); }
.fx-col-auto + .fx-col-fix-110 {
-ms-flex-preferred-size: 110px;
flex-basis: 110px;
max-width: 110px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 110px);
flex-basis: calc(100% - 110px);
width: calc(100% - 110px);
max-width: calc(100% - 110px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-110 {
-ms-flex-preferred-size: 110px;
flex-basis: 110px;
max-width: 110px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 110px);
flex-basis: calc(100% - 110px);
width: calc(100% - 110px);
max-width: calc(100% - 110px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-110 {
-ms-flex-preferred-size: 110px;
flex-basis: 110px;
max-width: 110px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 110px);
flex-basis: calc(100% - 110px);
width: calc(100% - 110px);
max-width: calc(100% - 110px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-110 {
-ms-flex-preferred-size: 110px;
flex-basis: 110px;
max-width: 110px; } }
.fx-col-fix-150 {
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
max-width: 150px; }
.fx-col-fix-150 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 150px);
flex-basis: calc(100% - 150px);
width: calc(100% - 150px);
max-width: calc(100% - 150px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 150px);
flex-basis: calc(100% - 150px);
width: calc(100% - 150px);
max-width: calc(100% - 150px); }
.fx-col-auto + .fx-col-fix-150 {
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
max-width: 150px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 150px);
flex-basis: calc(100% - 150px);
width: calc(100% - 150px);
max-width: calc(100% - 150px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-150 {
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
max-width: 150px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 150px);
flex-basis: calc(100% - 150px);
width: calc(100% - 150px);
max-width: calc(100% - 150px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-150 {
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
max-width: 150px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 150px);
flex-basis: calc(100% - 150px);
width: calc(100% - 150px);
max-width: calc(100% - 150px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-150 {
-ms-flex-preferred-size: 150px;
flex-basis: 150px;
max-width: 150px; } }
.fx-col-fix-200 {
-ms-flex-preferred-size: 200px;
flex-basis: 200px;
max-width: 200px; }
.fx-col-fix-200 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 200px);
flex-basis: calc(100% - 200px);
width: calc(100% - 200px);
max-width: calc(100% - 200px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 200px);
flex-basis: calc(100% - 200px);
width: calc(100% - 200px);
max-width: calc(100% - 200px); }
.fx-col-auto + .fx-col-fix-200 {
-ms-flex-preferred-size: 200px;
flex-basis: 200px;
max-width: 200px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 200px);
flex-basis: calc(100% - 200px);
width: calc(100% - 200px);
max-width: calc(100% - 200px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-200 {
-ms-flex-preferred-size: 200px;
flex-basis: 200px;
max-width: 200px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 200px);
flex-basis: calc(100% - 200px);
width: calc(100% - 200px);
max-width: calc(100% - 200px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-200 {
-ms-flex-preferred-size: 200px;
flex-basis: 200px;
max-width: 200px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 200px);
flex-basis: calc(100% - 200px);
width: calc(100% - 200px);
max-width: calc(100% - 200px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-200 {
-ms-flex-preferred-size: 200px;
flex-basis: 200px;
max-width: 200px; } }
.fx-col-fix-230 {
-ms-flex-preferred-size: 230px;
flex-basis: 230px;
max-width: 230px; }
.fx-col-fix-230 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 230px);
flex-basis: calc(100% - 230px);
width: calc(100% - 230px);
max-width: calc(100% - 230px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 230px);
flex-basis: calc(100% - 230px);
width: calc(100% - 230px);
max-width: calc(100% - 230px); }
.fx-col-auto + .fx-col-fix-230 {
-ms-flex-preferred-size: 230px;
flex-basis: 230px;
max-width: 230px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 230px);
flex-basis: calc(100% - 230px);
width: calc(100% - 230px);
max-width: calc(100% - 230px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-230 {
-ms-flex-preferred-size: 230px;
flex-basis: 230px;
max-width: 230px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 230px);
flex-basis: calc(100% - 230px);
width: calc(100% - 230px);
max-width: calc(100% - 230px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-230 {
-ms-flex-preferred-size: 230px;
flex-basis: 230px;
max-width: 230px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 230px);
flex-basis: calc(100% - 230px);
width: calc(100% - 230px);
max-width: calc(100% - 230px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-230 {
-ms-flex-preferred-size: 230px;
flex-basis: 230px;
max-width: 230px; } }
.fx-col-fix-250 {
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
max-width: 250px; }
.fx-col-fix-250 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 250px);
flex-basis: calc(100% - 250px);
width: calc(100% - 250px);
max-width: calc(100% - 250px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 250px);
flex-basis: calc(100% - 250px);
width: calc(100% - 250px);
max-width: calc(100% - 250px); }
.fx-col-auto + .fx-col-fix-250 {
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
max-width: 250px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 250px);
flex-basis: calc(100% - 250px);
width: calc(100% - 250px);
max-width: calc(100% - 250px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-250 {
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
max-width: 250px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 250px);
flex-basis: calc(100% - 250px);
width: calc(100% - 250px);
max-width: calc(100% - 250px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-250 {
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
max-width: 250px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 250px);
flex-basis: calc(100% - 250px);
width: calc(100% - 250px);
max-width: calc(100% - 250px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-250 {
-ms-flex-preferred-size: 250px;
flex-basis: 250px;
max-width: 250px; } }
.fx-col-fix-280 {
-ms-flex-preferred-size: 280px;
flex-basis: 280px;
max-width: 280px; }
.fx-col-fix-280 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 280px);
flex-basis: calc(100% - 280px);
width: calc(100% - 280px);
max-width: calc(100% - 280px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 280px);
flex-basis: calc(100% - 280px);
width: calc(100% - 280px);
max-width: calc(100% - 280px); }
.fx-col-auto + .fx-col-fix-280 {
-ms-flex-preferred-size: 280px;
flex-basis: 280px;
max-width: 280px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 280px);
flex-basis: calc(100% - 280px);
width: calc(100% - 280px);
max-width: calc(100% - 280px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-280 {
-ms-flex-preferred-size: 280px;
flex-basis: 280px;
max-width: 280px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 280px);
flex-basis: calc(100% - 280px);
width: calc(100% - 280px);
max-width: calc(100% - 280px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-280 {
-ms-flex-preferred-size: 280px;
flex-basis: 280px;
max-width: 280px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 280px);
flex-basis: calc(100% - 280px);
width: calc(100% - 280px);
max-width: calc(100% - 280px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-280 {
-ms-flex-preferred-size: 280px;
flex-basis: 280px;
max-width: 280px; } }
.fx-col-fix-300 {
-ms-flex-preferred-size: 300px;
flex-basis: 300px;
max-width: 300px; }
.fx-col-fix-300 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 300px);
flex-basis: calc(100% - 300px);
width: calc(100% - 300px);
max-width: calc(100% - 300px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 300px);
flex-basis: calc(100% - 300px);
width: calc(100% - 300px);
max-width: calc(100% - 300px); }
.fx-col-auto + .fx-col-fix-300 {
-ms-flex-preferred-size: 300px;
flex-basis: 300px;
max-width: 300px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 300px);
flex-basis: calc(100% - 300px);
width: calc(100% - 300px);
max-width: calc(100% - 300px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-300 {
-ms-flex-preferred-size: 300px;
flex-basis: 300px;
max-width: 300px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 300px);
flex-basis: calc(100% - 300px);
width: calc(100% - 300px);
max-width: calc(100% - 300px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-300 {
-ms-flex-preferred-size: 300px;
flex-basis: 300px;
max-width: 300px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 300px);
flex-basis: calc(100% - 300px);
width: calc(100% - 300px);
max-width: calc(100% - 300px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-300 {
-ms-flex-preferred-size: 300px;
flex-basis: 300px;
max-width: 300px; } }
.fx-col-fix-350 {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px; }
.fx-col-fix-350 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 350px);
flex-basis: calc(100% - 350px);
width: calc(100% - 350px);
max-width: calc(100% - 350px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 350px);
flex-basis: calc(100% - 350px);
width: calc(100% - 350px);
max-width: calc(100% - 350px); }
.fx-col-auto + .fx-col-fix-350 {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 350px);
flex-basis: calc(100% - 350px);
width: calc(100% - 350px);
max-width: calc(100% - 350px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-350 {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 350px);
flex-basis: calc(100% - 350px);
width: calc(100% - 350px);
max-width: calc(100% - 350px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-350 {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 350px);
flex-basis: calc(100% - 350px);
width: calc(100% - 350px);
max-width: calc(100% - 350px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-350 {
-ms-flex-preferred-size: 350px;
flex-basis: 350px;
max-width: 350px; } }
.fx-col-fix-400 {
-ms-flex-preferred-size: 400px;
flex-basis: 400px;
max-width: 400px; }
.fx-col-fix-400 + .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 400px);
flex-basis: calc(100% - 400px);
width: calc(100% - 400px);
max-width: calc(100% - 400px); }
.fx-col-auto {
-ms-flex-preferred-size: calc(100% - 400px);
flex-basis: calc(100% - 400px);
width: calc(100% - 400px);
max-width: calc(100% - 400px); }
.fx-col-auto + .fx-col-fix-400 {
-ms-flex-preferred-size: 400px;
flex-basis: 400px;
max-width: 400px; }
@media screen and (min-width: 740px) {
.fx-row-reverse-s .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 400px);
flex-basis: calc(100% - 400px);
width: calc(100% - 400px);
max-width: calc(100% - 400px); }
.fx-row-reverse-s .fx-col-auto + .fx-col-fix-400 {
-ms-flex-preferred-size: 400px;
flex-basis: 400px;
max-width: 400px; } }
@media screen and (min-width: 940px) {
.fx-row-reverse-m .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 400px);
flex-basis: calc(100% - 400px);
width: calc(100% - 400px);
max-width: calc(100% - 400px); }
.fx-row-reverse-m .fx-col-auto + .fx-col-fix-400 {
-ms-flex-preferred-size: 400px;
flex-basis: 400px;
max-width: 400px; } }
@media screen and (min-width: 1024px) {
.fx-row-reverse-l .fx-col-auto {
-ms-flex-preferred-size: calc(100% - 400px);
flex-basis: calc(100% - 400px);
width: calc(100% - 400px);
max-width: calc(100% - 400px); }
.fx-row-reverse-l .fx-col-auto + .fx-col-fix-400 {
-ms-flex-preferred-size: 400px;
flex-basis: 400px;
max-width: 400px; } }
/*-------------------------*/
/* +GRID IE9 */
/*-------------------------*/
.ie9 .fx-row {
font-size: 0; }
.ie9 [class*="fx-row-reverse"] {
direction: rtl; }
.ie9 [class*="fx-row-reverse"] > * {
direction: ltr; }
.ie9 [class*="fx-col"] {
display: inline-block;
font-size: 16px; }
.ie9 .fx-col-10-xs {
width: 10%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-15-xs {
width: 15%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-20-xs {
width: 20%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-25-xs {
width: 25%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-30-xs {
width: 30%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-33-xs {
width: 33.3333%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-35-xs {
width: 35%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-40-xs {
width: 40%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-45-xs {
width: 45%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-50-xs {
width: 50%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-55-xs {
width: 55%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-60-xs {
width: 60%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-65-xs {
width: 65%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-66-xs {
width: 66.6666%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-70-xs {
width: 70%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-75-xs {
width: 75%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-80-xs {
width: 80%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-85-xs {
width: 85%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-90-xs {
width: 90%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-95-xs {
width: 95%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
.ie9 .fx-col-100-xs {
width: 100%; }
.ie9 .fx-row-start-xs {
text-align: left; }
.ie9 .fx-row-end-xs {
text-align: right; }
.ie9 .fx-row-center-xs, .ie9 .fx-row-between-xs, .ie9 .fx-row-around-xs {
text-align: center; }
@media screen and (min-width: 740px) {
.ie9 .fx-col-10-s {
width: 10%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-15-s {
width: 15%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-20-s {
width: 20%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-25-s {
width: 25%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-30-s {
width: 30%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-33-s {
width: 33.3333%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-35-s {
width: 35%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-40-s {
width: 40%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-45-s {
width: 45%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-50-s {
width: 50%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-55-s {
width: 55%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-60-s {
width: 60%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-65-s {
width: 65%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-66-s {
width: 66.6666%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-70-s {
width: 70%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-75-s {
width: 75%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-80-s {
width: 80%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-85-s {
width: 85%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-90-s {
width: 90%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-95-s {
width: 95%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; }
.ie9 .fx-col-100-s {
width: 100%; }
.ie9 .fx-row-start-s {
text-align: left; }
.ie9 .fx-row-center-s, .ie9 .fx-row-between-s, .ie9 .fx-row-around-s {
text-center: right; } }
@media screen and (min-width: 940px) {
.ie9 .fx-col-10-m {
width: 10%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-15-m {
width: 15%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-20-m {
width: 20%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-25-m {
width: 25%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-30-m {
width: 30%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-33-m {
width: 33.3333%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-35-m {
width: 35%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-40-m {
width: 40%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-45-m {
width: 45%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-50-m {
width: 50%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-55-m {
width: 55%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-60-m {
width: 60%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-65-m {
width: 65%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-66-m {
width: 66.6666%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-70-m {
width: 70%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-75-m {
width: 75%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-80-m {
width: 80%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-85-m {
width: 85%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-90-m {
width: 90%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-95-m {
width: 95%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; }
.ie9 .fx-col-100-m {
width: 100%; }
.ie9 .fx-row-start-m {
text-align: left; }
.ie9 .fx-row-center-m, .ie9 .fx-row-between-m, .ie9 .fx-row-around-m {
text-center: right; } }
@media screen and (min-width: 1024px) {
.ie9 .fx-col-10-l {
width: 10%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-15-l {
width: 15%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-20-l {
width: 20%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-25-l {
width: 25%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-30-l {
width: 30%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-33-l {
width: 33.3333%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-35-l {
width: 35%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-40-l {
width: 40%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-45-l {
width: 45%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-50-l {
width: 50%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-55-l {
width: 55%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-60-l {
width: 60%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-65-l {
width: 65%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-66-l {
width: 66.6666%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-70-l {
width: 70%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-75-l {
width: 75%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-80-l {
width: 80%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-85-l {
width: 85%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-90-l {
width: 90%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-95-l {
width: 95%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; }
.ie9 .fx-col-100-l {
width: 100%; }
.ie9 .fx-row-start-l {
text-align: left; }
.ie9 .fx-row-center-l, .ie9 .fx-row-between-l, .ie9 .fx-row-around-l {
text-center: right; } }
.ie9 .fx-col {
width: 100%; }
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
body {
line-height: 1; }
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
nav ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none; }
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold; }
del {
text-decoration: line-through; }
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help; }
table {
border-collapse: collapse;
border-spacing: 0; }
/* change border colour to suit your needs */
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0; }
input, select {
vertical-align: middle; }
/*
html5 doctor reset cssでは、box-sizing: border-box;が無い
*/
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
li {
list-style: none; }
a {
text-decoration: none; }
/*
Reset Form Design
*/
input[type='text'], input[type='email'], input[type='tel'] {
padding: 0;
border: none;
border-radius: 0;
outline: none;
background: none; }
input[type="radio"] {
display: none; }
input[type="checkbox"] {
display: none; }
input[type="checkbox"]:checked + label {
background: #ff0000; }
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
background: transparent; }
textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: 0;
outline: none;
background: transparent; }
button,
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 0;
border: none;
outline: none;
background: transparent;
cursor: pointer; }
/*
Reset SmartPhone FormDesign
*/
input[type="submit"],
input[type="button"],
input[type='text'], input[type='email'], input[type='tel'] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer; }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
input::-webkit-search-decoration {
display: none; }
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px; }
.clearfix::after {
content: "";
display: block;
clear: both; }
.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }
/*
フォントサイズの調整
htmlのベースを10px
bodyを16pxにして、あとはremで調整
*/
html {
font-size: 62.5%; }
/* body font-size 16px*/
body {
font-size: 1.6em;
position: relative;
word-break: break-word; }
h1 {
font-size: 5rem;
/* 50px */ }
p {
font-size: 1.5rem;
/* 15px */ }
p:last-child {
padding-bottom: 0;
margin-bottom: 0; }
a {
color: #252525; }
a:hover {
opacity: 0.8;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
img {
width: auto;
max-width: 100%; }
/*
input[type="checkbox"] {
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
margin-bottom: 5px;
}
*/
.alignnone {
margin: 0rem; }
.aligncenter, div.aligncenter {
display: block;
margin: 0rem auto 0rem auto; }
.alignright {
float: right;
margin: 0rem; }
.alignleft {
float: left;
margin: 0rem; }
.aligncenter {
display: block;
margin: 0rem auto 0rem auto; }
img.alignright {
float: right;
margin: 0rem;
padding: 0rem 1.0rem 1.0rem; }
img.alignnone {
margin: 0;
padding: 0rem 1.0rem 1.0rem; }
img.alignleft {
float: left;
margin: 0;
padding: 0rem 1.0rem 1.0rem; }
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
padding: 0rem 1.0rem 1.0rem; }
.wp-caption {
background: #fff;
/*border: 1rem solid #f0f0f0;*/
max-width: 96%;
/* Image does not overflow the content area */
padding: 0rem 1.0rem 1.0rem;
text-align: center; }
.wp-caption.alignnone {
margin: 0.5rem 2.0rem 2.0rem 0; }
.wp-caption.alignleft {
margin: 0.5rem 2.0rem 2.0rem 0; }
.wp-caption.alignright {
margin: 0.5rem 0 2.0rem 2.0rem; }
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto; }
.wp-caption p.wp-caption-text {
font-size: 1.1rem;
line-height: 1.7rem;
margin: 0;
padding: 0 0.4rem 0.5rem; }
body {
position: relative;
overflow-x: hidden; }
body:after {
content: "";
display: block;
height: 0;
clear: both; }
.Footer {
margin: 60px 0 0; }
.MainContents .Section {
position: relative;
z-index: 2;
padding: 60px 0 0; }
.MainContents .Section:first-child {
padding-top: 60px; }
.MainContents .Section:last-child {
padding-bottom: 0; }
.MainContents .Section h2,
.MainContents .Section h3,
.MainContents .Section h4,
.MainContents .Section h5 {
font-weight: bold; }
.MainContents .Section h2 {
font-size: 2.5rem; }
.MainContents .Section h3 {
font-size: 2rem; }
.MainContents .Section h4,
.MainContents .Section h5 {
font-size: 1.8rem; }
@media only screen and (max-width: 900px) {
.MainContents .Section {
padding: 30px 0 0; } }
.home .MainContents .Section:first-child {
padding-top: 0; }
.Section [class*="fx-col"] {
padding-left: 0px;
padding-right: 0px;
margin-top: 0; }
.blur {
-webkit-filter: blur(20px);
-moz-filter: blur(20px);
-ms-filter: blur(20px);
-o-filter: blur(20px);
filter: blur(20px); }
.blackandwhite img, .blackandwhitegal img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%); }
.blackandwhite img:hover, .blackandwhitegal img:hover {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out; }
.pc-only {
display: initial; }
@media only screen and (max-width: 940px) {
.pc-only {
display: none !important; } }
@media only screen and (min-width: 901px) {
.pc-tab-only {
display: initial; } }
@media only screen and (max-width: 900px) {
.pc-tab-only {
display: none !important; } }
@media only screen and (min-width: 940px) {
.tab-sp-only {
display: none !important; } }
@media only screen and (max-width: 940px) {
.tab-sp-only {
display: initial !important; } }
@media only screen and (min-width: 901px) {
.sp-only {
display: none !important; } }
@media only screen and (max-width: 900px) {
.sp-only {
display: initial !important; } }
body {
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; }
.container {
width: 98%;
margin: auto;
max-width: 1000px; }
@media only screen and (max-width: 900px) {
.container {
padding: 0 1%; } }
a {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease; }
a:hover {
opacity: 0.8; }
img {
width: 100%; }
p {
font-size: 1.6rem; }
.Footer {
margin: 0; }
.page #MainContents .FooterWrapper {
padding-top: 30px;
background: #000;
color: #fff; }
@media only screen and (min-width: 901px) {
#MainContents {
position: relative; } }
@media only screen and (max-width: 900px) {
#MainContents {
position: relative;
width: 100%;
margin-left: auto;
margin-right: auto; } }
.page #MainContents .Section:nth-child(1) {
padding-top: 0; }
#MainContents {
margin-bottom: 30px; }
#MainContents .HeaderSection {
padding-top: 0 !important; }
#MainContents .HeaderSection img {
max-width: none;
width: 100%; }
#MainContents p {
line-height: 1.8; }
#MainContents .Section {
padding: 45px 0 60px; }
#MainContents .Section:nth-child(1) {
padding-top: 0; }
@media only screen and (max-width: 900px) {
#MainContents .Section:nth-child(1) {
padding-top: 0; } }
#MainContents .Section h2 {
font-size: 3.4rem;
margin-bottom: 30px;
text-align: center;
font-weight: bold; }
#MainContents .Section h3 {
font-size: 2.2rem; }
@media only screen and (max-width: 900px) {
#MainContents .Section {
padding: 60px 0; } }
#MainContents a:hover {
opacity: 0.8; }
.LanguageButton {
width: 95%;
margin-left: auto;
margin-right: auto; }
.LanguageButton__head {
text-align: center;
margin-bottom: 10px; }
.LanguageButton .LanguageButton {
font-size: 0; }
.LanguageButton .LanguageButton__item {
display: inline-block;
width: 50%;
border: 1px solid #564f20;
text-align: center;
color: #564f20;
background: transparent;
font-size: 1.6rem;
padding: 10px 0; }
.LanguageButton .LanguageButton__item:last-child {
border-left: none; }
.LanguageButton .LanguageButton__item.active {
color: #fff;
background-image: url(./images/common/menu_language_button_on.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat; }
.Menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.Menu__item {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
border-bottom: 5px solid #fff;
padding-top: 12px; }
@media only screen and (min-width: 940px) {
.Menu__item {
max-width: 120px; } }
.Menu__item.long {
padding-top: 2px; }
.Menu__item:nth-child(1) a::before {
position: absolute;
content: "";
height: 25px;
border-right: 1px solid green;
left: 0;
top: 11px; }
.Menu__item a {
display: block;
text-align: center;
padding: 5px 10px; }
.Menu__item a::after {
position: absolute;
content: "";
height: 25px;
border-right: 1px solid green;
right: 0;
top: 11px; }
.Menu__item:hover {
border-bottom: 5px solid #427935; }
.Header {
padding: 15px 0 0px; }
.Header__head {
font-size: 0; }
.Header .sub_logo {
display: block; }
.Header .HeaderLogo {
font-size: 2rem; }
.Header .HeaderRight {
position: relative; }
.Header .form_button_container {
margin-left: 36px; }
.Header .form_button_container img {
max-width: none;
width: auto; }
@media only screen and (min-width: 940px) {
.Header .HeaderWrapper > * {
display: inline-block;
vertical-align: bottom; }
.Header #js-SpHeader {
width: 230px;
padding-bottom: 5px; }
.Header .HeaderRight {
width: calc(100% - 237px); }
.Header .MenuContainer {
width: calc(100% - 36px);
margin-left: 36px; } }
.Header .Header__sub {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.Header .Header__sub .Header__sub__item.SNSIconContainer {
width: 95px; }
.Header .Header__sub .Header__sub__item.SNSIconContainer .HeaderSNS {
font-size: 0; }
.Header .Header__sub .Header__sub__item.SNSIconContainer .HeaderSNS__item {
display: inline-block;
width: 33%; }
.Header .Header__sub .Header__sub__item.SNSIconContainer .HeaderSNS__item a {
display: block;
padding-right: 5px; }
.Header .Header__sub .Header__sub__item.SelectFontSizeContainer .SelectFontSize__item {
display: inline-block;
font-size: 1.5rem; }
.Header .Header__sub .Header__sub__item.SelectFontSizeContainer .SelectFontSize__item a {
line-height: 1;
padding: 3px 5px;
color: #427935;
background: #fff;
border: 1px solid #427935; }
.Header .Header__sub .Header__sub__item.SelectFontSizeContainer .SelectFontSize__item a.fontselected {
color: #fff;
background: #427935; }
.Header .Header__sub .Header__sub__item.SearchFormContainer {
max-width: 180px; }
.Header .Header__sub .Header__sub__item.SearchFormContainer #SearchForm > * {
display: inline-block;
vertical-align: middle; }
.Header .Header__sub .Header__sub__item.LanguageSwitchContainer .Language {
font-size: 0; }
.Header .Header__sub .Header__sub__item.LanguageSwitchContainer .Language__item {
display: inline-block; }
.Header .Header__sub .Header__sub__item.LanguageSwitchContainer .Language__item a {
border: 1px solid #427935;
display: block;
padding: 5px;
background: #fff;
color: #427935;
font-size: 1.3rem; }
.Header .Header__sub .Header__sub__item.LanguageSwitchContainer .Language__item a.active {
background: #427935;
color: #fff; }
.Header .Header__sub .Header__sub__item.LinkToMetroGovContainer a {
font-size: 1.2rem; }
.Header .Header__sub .Header__sub__item.LinkToMetroGovContainer a:hover {
text-decoration: underline; }
.Header .Header__main {
margin-top: 20px; }
@media only screen and (max-width: 940px) {
.Header {
padding: 0;
background: #fff; }
.Header .container {
padding: 0;
width: 100%; }
.Header .fx-row {
display: block;
position: relative; }
.Header .fx-col-fix-230 {
display: block;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none;
width: 100%; }
.Header .Header__head {
position: relative;
z-index: 100;
background: #fff;
padding: 10px 0; }
.Header .Header__head .sub_logo {
position: absolute;
left: 15px;
width: 28%;
top: 10px; }
.Header .Header__head a.HeaderLogo {
display: block;
margin: auto;
max-width: 200px;
width: 33%;
margin: auto;
font-size: 2rem; }
.Header .HeaderRight {
width: 100%;
padding-left: 0;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none; }
.Header .HeaderRight .Header__main {
width: 200%;
overflow: hidden;
margin-top: 20px;
font-size: 0; }
.Header .HeaderRight .Header__main.slide {
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.Header .HeaderRight .Header__main .EachMenuContainer {
width: calc(50%);
vertical-align: top;
display: inline-block !important; }
.Header .HeaderRight .Header__main .EachMenuContainer .CloseButtonSP {
font-size: 1.6rem; } }
.FormSection.tab-sp-only .gsc-input-box, .SearchFormContainer .gsc-input-box {
padding: 0 !important; }
.FormSection.tab-sp-only table.gsc-search-box td.gsc-input, .SearchFormContainer table.gsc-search-box td.gsc-input {
padding-right: 0; }
.FormSection.tab-sp-only table.gsc-search-box td, .SearchFormContainer table.gsc-search-box td {
vertical-align: middle; }
.FormSection.tab-sp-only table.gsc-search-box td.gsib_a, .SearchFormContainer table.gsc-search-box td.gsib_a {
padding: 0; }
.FormSection.tab-sp-only table.gsc-search-box td.gsib_a input.gsc-input, .SearchFormContainer table.gsc-search-box td.gsib_a input.gsc-input {
width: 150px;
border: none;
border: 1px solid #cccccc;
min-height: 23px;
display: block;
float: left;
-webkit-appearance: none;
border-radius: 0;
padding: 5px !important; }
.FormSection.tab-sp-only .gsc-search-button-v2, .SearchFormContainer .gsc-search-button-v2 {
font-size: 0;
min-width: 28px;
padding: 0 !important;
color: #ffffff;
background: #427935;
border: none;
min-height: 25px;
cursor: pointer;
padding: 10px !important; }
.FormSection.tab-sp-only .google_custom_search_key, .SearchFormContainer .google_custom_search_key {
width: 150px;
border: none;
border: 1px solid #cccccc;
min-height: 23px;
display: block;
float: left;
-webkit-appearance: none;
border-radius: 0; }
.FormSection.tab-sp-only .google_custom_search_button, .SearchFormContainer .google_custom_search_button {
font-size: 0;
min-width: 28px;
color: #ffffff;
background: #427935;
border: none;
min-height: 25px;
cursor: pointer;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/common/search-13-32.png);
background-size: contain; }
.SearchFormContainer .gsc-input-box {
width: 155px; }
.SearchFormContainer form.gsc-search-box {
margin-bottom: 0 !important; }
.SearchFormContainer table.gsc-search-box td.gsib_a input.gsc-input {
padding: 0px !important; }
.SearchFormContainer .gsc-search-button-v2 {
padding: 0px !important; }
@media only screen and (max-width: 940px) {
.FormSection {
padding: 20px 0;
display: block !important;
width: 90%;
margin: auto; }
.FormSection #SearchForm2 {
text-align: center;
font-size: 0; }
.FormSection #SearchForm2 > * {
display: inline-block;
vertical-align: middle; }
.FormSection .google_custom_search_key {
width: 70%;
border: 1px solid #427935;
height: 35px;
display: block;
-webkit-appearance: none;
border-top-left-radius: 5px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 5px;
padding: 3px 5px 2px;
font-size: 1.6rem; }
.FormSection .google_custom_search_button {
font-size: 0;
width: 35px;
color: #ffffff;
background: #427935;
border: none;
height: 35px;
cursor: pointer;
border-top-right-radius: 5px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 5px;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/common/search-13-32.png);
background-size: contain; } }
#menu-navibtn {
display: none;
cursor: pointer;
cursor: hand; }
/* ハンバーガー */
#navibtn {
display: none;
cursor: pointer;
cursor: hand; }
@media only screen and (max-width: 940px) {
#navibtn {
display: block;
position: absolute;
right: 10px;
z-index: 1000; }
#navibtn::before {
display: block;
position: absolute;
content: "MENU";
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
top: calc(50% + 1px);
right: 15px;
z-index: 1000;
width: 55px;
color: #0A3C71;
font-size: 1rem;
font-weight: normal; }
#navibtn span {
display: block;
width: 30px;
height: 30px; }
#navibtn span span {
display: block;
overflow: hidden;
width: 1px;
height: 1px; }
#navibtn span span::before,
#navibtn span::after {
position: absolute;
left: 0px;
content: "";
width: 30px;
height: 3px;
background-color: #0A3C71;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
#navibtn span span::after {
background-color: #0A3C71; }
/*上の棒*/
#navibtn span span::before {
top: 2px; }
#menu-navibtn:checked + .Header label#navibtn span span::before {
top: 13px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
/* 下の棒 */
#navibtn span::after {
bottom: 0px; }
#menu-navibtn:checked + .Header label#navibtn > span::after {
bottom: 14px;
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg); }
/* 中の棒 */
#navibtn span span::after {
top: 14px; }
#menu-navibtn:checked + .Header label#navibtn span span::after {
display: none; }
.MenuContainer {
position: absolute;
display: block !important;
z-index: 50;
-webkit-transition: 0.2s;
transition: 0.2s;
background: #fff;
-webkit-transform: translateY(-120%);
transform: translateY(-120%);
width: 100%;
overflow: hidden; }
.MenuContainer .Header__sub {
display: block; }
.MenuContainer .Header__sub__item {
display: block;
width: 100%; }
.MenuContainer .Header__sub .SNSIconContainer,
.MenuContainer .Header__sub .SearchFormContainer {
display: none; }
.MenuContainer .Header__sub .SelectFontSizeContainer {
margin-top: 15px; }
.MenuContainer .Header__sub .SelectFontSizeContainer .SelectFontSize {
text-align: center; }
.MenuContainer .Header__sub .SelectFontSizeContainer .SelectFontSize .SelectFontSize__item {
font-size: 2.5rem;
padding: 0px 0px 10px;
text-align: center;
width: 32%;
text-align: center; }
.MenuContainer .Header__sub .SelectFontSizeContainer .SelectFontSize .SelectFontSize__item:nth-child(1) {
display: block;
width: 100%;
padding-top: 10px; }
.MenuContainer .Header__sub .SelectFontSizeContainer .SelectFontSize .SelectFontSize__item a {
display: block;
width: 100%;
border-radius: 5px;
padding: 12px 5px;
font-size: 2rem; }
.MenuContainer .Header__sub .LanguageSwitchContainer {
margin-top: 15px; }
.MenuContainer .Header__sub .LanguageSwitchContainer .Language {
width: 97.5%;
margin: auto; }
.MenuContainer .Header__sub .LanguageSwitchContainer .Language__item {
font-size: 2.5rem;
padding: 0px 0px 10px;
text-align: center;
width: 48%;
text-align: center; }
.MenuContainer .Header__sub .LanguageSwitchContainer .Language__item.tab-sp-only {
display: inline-block !important;
width: 50%;
text-align: center;
font-size: 0;
padding: 1%; }
.MenuContainer .Header__sub .LanguageSwitchContainer .Language__item.tab-sp-only a.active {
display: block !important;
background: #427935 !important;
color: #fff !important; }
.MenuContainer .Header__sub .LanguageSwitchContainer .Language__item a {
width: 100%;
border-radius: 5px;
padding: 12px 5px !important;
font-size: 2rem !important;
display: inline-block !important; }
.MenuContainer .Header__sub .LanguageSwitchContainer .Language__item a.active {
display: block !important;
background: #fff !important;
color: #427935 !important; }
.MenuContainer .Menu {
display: block;
margin-bottom: 30px; }
.MenuContainer .Menu .Menu__item {
display: block;
border-bottom: none;
padding-top: 5px; }
.MenuContainer .Menu .Menu__item a {
-webkit-transition: 0.5s;
transition: 0.5s;
padding: 15px 0 15px 10px;
width: calc(100% - 60px);
margin: auto;
border-bottom: 1px solid #427935;
font-size: 2rem; }
.MenuContainer .Menu .Menu__item a::before, .MenuContainer .Menu .Menu__item a::after {
border-left: none !important;
border-right: none !important; }
.MenuContainer .Menu .Menu__item:hover {
background: #427935; }
.MenuContainer .Menu .Menu__item:hover a {
color: #fff; }
.MenuContainer .Menu .Menu__item:last-child {
margin-bottom: 20px; }
.MenuContainer .ExtraMenu {
text-align: center;
width: 100%;
display: block !important; }
.MenuContainer .ExtraMenu__item {
padding: 0 2%;
display: inline-block;
width: 58%; }
.MenuContainer .ExtraMenu__item:nth-child(2) {
width: 39%; }
.MenuContainer .ExtraMenu__item a {
display: inline-block;
border-bottom: 1px solid #427935;
padding: 5px;
font-size: 1.8rem; }
.MenuContainer .CloseButton {
display: block !important;
width: 100%; }
.MenuContainer .CloseButton a {
display: block;
margin: 25px auto;
width: 97.5%;
border: 1px solid #427935;
border-radius: 5px;
text-align: center;
padding: 15px 0;
color: #427935; }
#menu-navibtn + .Header .Header__head {
-webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5);
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); }
#menu-navibtn:checked + .Header .MenuContainer {
-webkit-transform: translateY(0%);
transform: translateY(0%); } }
.BannerSection {
background: #f3f5fa;
border-top: 2px solid #0A3C71;
border-bottom: 2px solid #0A3C71;
padding: 22px 0; }
.BannerSection .BannerContainer {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.BannerSection .EachBanner {
padding: 0 5px; }
.BannerSection .EachBanner a:hover {
opacity: 0.6;
-webkit-filter: brightness(110%);
filter: brightness(110%); }
#ScrollToNext {
position: fixed;
bottom: 140px;
right: 0;
z-index: 1000; }
#ScrollToNext .ScrollBtn {
display: block;
width: 66px;
height: 66px;
background-image: url(./images/common/scroll_button.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
@media only screen and (max-width: 900px) {
#ScrollToNext {
bottom: 160px; }
#ScrollToNext .ScrollBtn {
display: block;
width: 40px;
height: 40px; } }
#ScrollToTop {
text-align: right;
opacity: 0;
background: #fff;
border-radius: 5px;
margin-bottom: 10px; }
#ScrollToTop .ScrollBtn {
display: inline-block;
width: 40px;
height: 38px;
background-image: url(./images/common/scroll_button.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain; }
@media only screen and (max-width: 900px) {
#ScrollToTop {
bottom: 66px; }
#ScrollToTop .ScrollBtn {
display: inline-block;
width: 40px;
height: 38px; } }
.FooterSection {
position: relative;
padding: 30px 0; }
.FooterSection .FooterSection__head {
text-align: left;
font-size: 1.5rem; }
.FooterSection .FooterMenuContainer {
padding-left: 5px; }
@media only screen and (max-width: 940px) {
.FooterSection .FooterMenuContainer {
position: relative;
-webkit-transform: none;
transform: none;
padding-left: 0; } }
.FooterSection .FooterLogoContainer a {
font-weight: bold;
font-size: 2rem; }
@media only screen and (max-width: 940px) {
.FooterSection .FooterLogoContainer {
text-align: center; }
.FooterSection .FooterLogoContainer a {
display: block;
margin: 30px auto 30px;
max-width: 343px;
width: 60%;
font-size: 1.8rem; } }
.FooterSection .SiteMapContainer {
margin-top: 5px;
padding-top: 15px;
border-top: 1px solid #0A3C71;
display: block;
text-align: right; }
.GlobalMenu {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.GlobalMenu__item a {
display: block;
padding: 0 10px; }
.copyright {
padding: 20px 0;
text-align: center;
margin-bottom: 0;
color: #0A3C71;
font-size: 15px; }
.linkagetext {
text-align: center;
color: #427935;
padding: 3px;
border: 1px solid #427935;
margin: 10px 0 0;
padding: 5px;
font-size: 13px;
line-height: 1.5; }
.BasicTable th {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfc76c+0,cfc76c+22,faefc6+100 */
background: #cfc76c;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#cfc76c), color-stop(22%, #cfc76c), to(#faefc6));
background: linear-gradient(to right, #cfc76c 0%, #cfc76c 22%, #faefc6 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc76c', endColorstr='#faefc6',GradientType=1 );
/* IE6-9 */
min-width: 150px;
font-weight: normal;
text-align: center; }
.BasicTable th,
.BasicTable td {
padding: 10px 0;
border-left: 1px solid #979797;
border-top: 1px solid #979797; }
.BasicTable td {
border-right: 1px solid #979797;
line-height: 1.5;
padding: 10px; }
.BasicTable tr:last-child th,
.BasicTable tr:last-child td {
border-bottom: 1px solid #979797; }
@media only screen and (max-width: 900px) {
.BasicTable th {
min-width: 100px;
font-size: 1.4rem; } }
.selected {
margin: 20px 0; }
.selected li {
padding-bottom: 5px;
margin-bottom: 5px;
list-style: disc;
list-style-position: inside; }
.exclude {
margin: 20px 0;
background-color: #f2f2f2;
border: 1px solid #ccc;
padding: 30px; }
.exclude__item + .exclude__item {
padding-top: 5px;
margin-top: 5px; }
.SimpleTable {
width: 100%; }
.SimpleTable tr td:nth-child(3), .SimpleTable tr td:nth-child(4), .SimpleTable tr td:nth-child(5),
.SimpleTable tr th:nth-child(3),
.SimpleTable tr th:nth-child(4),
.SimpleTable tr th:nth-child(5) {
text-align: center; }
.SimpleTable td {
border: 1px solid #ccc;
padding: 12px !important; }
.SimpleTable th {
border: 1px solid #ccc;
background-color: #f2f2f2;
padding: 12px !important; }
.breadnav {
padding-top: 15px; }
.breadnav__item {
display: inline-block;
margin-right: 10px;
padding-right: 10px;
position: relative;
font-size: 1.5rem; }
.breadnav__item::after {
position: absolute;
right: -10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
content: '>'; }
.breadnav__item:last-child::after {
display: none; }
.FormSection input:focus, .FormSection select:focus {
border: 1px solid green; }
.FormSection .Section__body {
text-align: center;
padding-top: 70px !important; }
.FormSection .Section__body .FormContainer {
display: inline-block;
max-width: 675px;
text-align: left;
width: 100%; }
.FormSection .Section__body .FormRow {
padding: 30px 0;
border-top: 1px solid #318a3a;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.FormSection .Section__body .FormRow__head {
position: relative;
font-size: 1.7rem;
font-weight: bold;
line-height: 1.2; }
.FormSection .Section__body .FormRow__body {
padding-left: 20px; }
.FormSection .Section__body .FormRow__body .form_subtext {
display: block;
margin-top: 10px;
font-size: 1.2rem; }
.FormSection .Section__body .FormRow__body .form_subtext.bikou_subtext {
font-size: 1.5rem; }
.FormSection .Section__body .FormRow .CheckBox__item {
display: inline-block;
margin-left: 35px;
vertical-align: middle; }
.FormSection .Section__body .FormRow .CheckBox__item:nth-child(1) {
margin-left: 17px; }
.FormSection .Section__body .FormRow .CheckBox__item:last-child {
text-align: right;
margin-left: 0;
width: 64%; }
.FormSection .Section__body .FormRow .CheckBox__item:last-child input[type="text"] {
width: calc(100% - 72px);
display: inline-block;
vertical-align: middle;
margin-left: 8px; }
.FormSection .Section__body .FormRow input[type="radio"]:checked + label {
background: none !important; }
.FormSection .Section__body .FormRow.PrefixRow .CheckBox__item,
.FormSection .Section__body .FormRow.PrefixRow .CheckBox .form-check {
display: inline-block;
margin-top: 0 !important;
width: 65px; }
.FormSection .Section__body .FormRow.RequiredRow .FormRow__head::after {
content: "必須";
display: inline-block;
color: #e02020;
font-size: 1.2rem;
border: 1px solid;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0px;
padding: 2px; }
.FormSection .Section__body .FormRow.SubmitRow {
text-align: center; }
.FormSection .Section__body .FormRow input[type="text"],
.FormSection .Section__body .FormRow textarea {
background-color: #deede3;
padding: 3px;
width: 100%; }
.FormSection .Section__body .FormRow textarea {
padding: 10px;
min-height: 50px; }
.FormSection .Section__body .FormRow input[type="submit"] {
display: inline-block;
width: 80%;
max-width: 380px;
color: #fff;
padding: 18px 0;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#045987+0,044f7a+100 */
background: #045987;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(#045987), to(#044f7a));
background: linear-gradient(to bottom, #045987 0%, #044f7a 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#045987', endColorstr='#044f7a',GradientType=0 );
/* IE6-9 */ }
@media only screen and (max-width: 940px) {
.FormSection .Section__body {
text-align: center;
padding-top: 70px !important; }
.FormSection .Section__body .FormContainer {
display: inline-block;
max-width: 600px;
text-align: left;
width: 100%; }
.FormSection .Section__body .FormRow__body {
padding-left: 0px;
margin-top: 10px; }
.FormSection .Section__body .FormRow.RequiredRow .FormRow__head::after {
display: none; }
.FormSection .Section__body .FormRow.RequiredRow .FormRow__head .required_text {
display: inline-block !important;
color: #e02020;
font-size: 1.2rem;
border: 1px solid;
padding: 2px;
margin-left: 10px;
vertical-align: middle;
-webkit-transform: translateY(-2px);
transform: translateY(-2px); } }
.english .FormSection .Section__body .FormRow__head {
padding-right: 70px; }
.english .FormSection .Section__body .FormRow.RequiredRow .FormRow__head::after {
content: "※"; }
.checkbox_customize label {
position: relative; }
.checkbox_customize input[type="checkbox"] {
display: none; }
.checkbox_customize input[type="radio"] {
display: none; }
.checkbox_customize label {
padding-left: 10px; }
.checkbox_customize label::before {
width: 8px;
height: 12px;
border-right: 2px solid #0171bd;
border-bottom: 2px solid #0171bd;
-webkit-transform: rotate(45deg) translateY(-50%);
transform: rotate(45deg) translateY(-50%);
display: inline-block;
position: absolute;
top: calc(50% - 5px);
left: -17px;
z-index: 1000;
opacity: 0;
content: ""; }
.checkbox_customize label::after {
content: "";
width: 15px;
background-color: #deede3;
display: inline-block;
height: 16px;
/* margin-left: -5px; */
/* margin-right: 5px; */
position: absolute;
top: calc(50% - 1px);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
left: -16px;
cursor: pointer;
-webkit-box-shadow: 0 0 1px black;
box-shadow: 0 0 1px black; }
.checkbox_customize input[type="checkbox"]:checked + label::before {
opacity: 1; }
.checkbox_customize input[type="radio"]:checked + label::before {
opacity: 1; }
.checkbox_customize.gd {
text-align: center; }
.checkbox_customize.gd .form-check {
display: inline-block;
min-width: 100px; }
.checkbox_customize.gd .form-check + .form-check {
margin-left: 20px; }
/*サステナブル用*/
.FormSection .Section__body .FormRow .InputRows.NameRows .form-group.text + .form-group.text {
margin-top: 10px; }
.FormSection .Section__body .FormRow .InputRows.EmailRows .InputRows__item .form_subtext {
margin: 15px 0 5px; }
.FormSection .Section__body .FormRow .InputRows.TelRows {
text-align: right; }
.FormSection .Section__body .FormRow .InputRows.TelRows .InputRows__item {
display: inline-block;
position: relative;
width: calc(33% - 38px); }
.FormSection .Section__body .FormRow .InputRows.TelRows .InputRows__item + .InputRows__item {
margin-left: 50px; }
.FormSection .Section__body .FormRow .InputRows.TelRows .InputRows__item::after {
content: "ー";
display: inline-block;
position: absolute;
width: 50px;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -50px; }
.FormSection .Section__body .FormRow .InputRows.TelRows .InputRows__item:nth-child(3)::after {
display: none; }
.FormSection .Section__body .FormRow .CheckBox {
width: calc(100% - 20px);
margin-left: 20px; }
.FormSection .Section__body .FormRow .CheckBox__item {
margin: 5px 0 5px 0;
padding: 5px 0 5px 0;
margin-left: 0 !important;
display: block;
text-align: left; }
.FormSection .Section__body .FormRow .CheckBox__item input[type="checkbox"]:checked + label,
.FormSection .Section__body .FormRow .CheckBox__item input[type="radio"]:checked + label {
background: #fff; }
.FormSection .Section__body .FormRow .CheckBox__item:first-child {
margin-top: 20px; }
.FormSection .Section__body .FormRow .CheckBox__item:last-child {
text-align: left; }
.FormSection .Section__body .FormRow.SourceRow {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end; }
.FormSection .Section__body .FormRow.SourceRow .CheckBox__item:last-child {
width: 100%; }
.FormSection .Section__body .FormRow.SourceRow .CheckBox__item:last-child input[type="text"] {
width: calc(100% - 170px); }
.FormSection .Section__body .FormRow.SourceRow .CheckBox__item label {
display: inline-block; }
.FormSection .Section__body .FormRow.SourceRow .CheckBox.PaddingRequired .CheckBox__item label {
margin: 7px 0 7px; }
.english {
/* */ }
.english .Section__body .FormRow .InputRows.NameRows .InputRows__item {
padding: 5px 0;
width: 49%;
display: inline-block;
vertical-align: top; }
.english .Section__body .FormRow .InputRows.NameRows .InputRows__item span {
display: inline-block;
margin-right: 8px;
min-width: 87px;
width: auto; }
.english .Section__body .FormRow .InputRows.NameRows .InputRows__item input {
width: calc(100% - 114px); }
.english .Section__body .FormRow .InputRows.NameRows .InputRows__item input + span {
margin-left: 18px; }
.japanese {
/* */ }
.japanese .Section__body .FormRow .InputRows.NameRows .InputRows__item {
padding: 5px 0;
display: inline-block;
width: 100%;
vertical-align: top; }
.japanese .Section__body .FormRow .InputRows.NameRows .InputRows__item .form-group.text {
display: inline-block;
width: 49%; }
.japanese .Section__body .FormRow .InputRows.NameRows .InputRows__item label {
display: inline-block;
width: 40px; }
.japanese .Section__body .FormRow .InputRows.NameRows .InputRows__item span {
width: 40px;
display: inline-block; }
.japanese .Section__body .FormRow .InputRows.NameRows .InputRows__item input {
width: calc(100% - 68px); }
.japanese .Section__body .FormRow .InputRows.NameRows .InputRows__item input + span {
margin-left: 18px; }
.seminar_form .Section__body .FormRow .InputRows.NameRows .InputRows__item span {
margin-top: 7px; }
.seminar_form .Section__body .FormRow .InputRows.NameRows .InputRows__item input + span {
margin-left: 0px; }
.invalid-feedback {
color: red; }
.selectbox {
margin: 1em auto;
position: relative; }
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
padding: 6px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: #ccc 1px solid;
border-radius: 0;
background: #fff; }
.selectbox::after {
content: "";
display: block;
width: 10px;
height: 10px;
position: absolute;
right: 5%;
top: 35%;
border-bottom: #333 2px solid;
border-right: #333 2px solid;
-webkit-transform: rotate(45deg) translateY(-30%);
transform: rotate(45deg) translateY(-30%); }
.color.selectbox select {
background: blue;
color: #fff;
border-radius: 2em; }
.color.selectbox::after {
border-bottom: #fff 5px solid;
border-right: #fff 5px solid; }
/*
//Plugin
@import "./plugins/bxslider";
//pages
@import "./pages/contact";
*/
.home #MainContents .EyeCatchSection {
position: relative;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/home/eye_catch_bg_d3.png);
max-height: 420px;
height: 85vh; }
.home #MainContents .EyeCatchSection .container {
max-width: 980px; }
.home #MainContents .EyeCatchSection h2.EyeCatchSection__head {
padding-top: 18%;
text-align: center;
width: 95%;
margin: auto;
font-size: 5rem;
color: #fff;
font-family: serif;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/home/eyecatch_text_j_pc_s.png);
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
background-size: 100%;
padding: 40% 0 0; }
.home #MainContents .EyeCatchSection h2.EyeCatchSection__head_e {
padding-top: 18%;
text-align: center;
width: 97%;
margin: auto;
font-size: 5rem;
color: #fff;
font-family: serif;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/home/eyecatch_text_e_pc_s.png);
background-position-x: center;
background-position-y: center;
background-repeat: no-repeat;
background-size: 100%;
padding: 40% 0 0; }
.home #MainContents .EyeCatchSection h2.EyeCatchSection__head .blue_bg_button,
.home #MainContents .EyeCatchSection h2.EyeCatchSection__head .green_bg_button {
width: 35%;
min-width: 180px;
position: relative; }
.home #MainContents .EyeCatchSection h2.EyeCatchSection__head .blue_bg_button::after,
.home #MainContents .EyeCatchSection h2.EyeCatchSection__head .green_bg_button::after {
content: ">";
color: #fff;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px; }
.home #MainContents .EyeCatchSection__body {
padding-top: 47%; }
.home #MainContents .EyeCatchSection__foot {
padding-top: 8%; }
@media only screen and (min-width: 531px) and (max-width: 940px) {
.home #MainContents .EyeCatchSection h2.EyeCatchSection__head {
padding-top: 12%;
text-align: center;
padding-top: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/home/eyecatch_text_j_pc_s.png);
background-position-x: center;
background-position-y: 0px;
background-repeat: no-repeat;
background-size: 100%;
padding: 40% 0 0; }
.home #MainContents .EyeCatchSection h2.EyeCatchSection__head_e {
padding-top: 12%;
text-align: center;
padding-top: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/home/eyecatch_text_e_pc_s.png);
background-position-x: center;
background-position-y: 0px;
background-repeat: no-repeat;
background-size: 100%;
padding: 40% 0 0; }}
@media only screen and (max-width: 530px) {
.home #MainContents .EyeCatchSection h2.EyeCatchSection__head {
width: 90%;
padding-top: 12%;
text-align: center;
padding-top: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/home/eyecatch_text_j_sp_s.png);
background-position-x: center;
background-position-y: 0px;
background-repeat: no-repeat;
background-size: 100%;
padding: 84% 0 0; }
.home #MainContents .EyeCatchSection h2.EyeCatchSection__head_e {
width: 90%;
padding-top: 12%;
text-align: center;
padding-top: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
right: 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/home/eyecatch_text_e_sp_s.png);
background-position-x: center;
background-position-y: 0px;
background-repeat: no-repeat;
background-size: 100%;
padding: 84% 0 0; }}
.home #MainContents .TextSection {
padding:0;
background:#24bc49;
background-position: center;
background-size: cover;
background-repeat: no-repeat; }
.home #MainContents .TextSection .container {
max-width: 9800px; }
.home #MainContents .TextSection .Section__head {
text-align: center;
margin-bottom: 36px; }
.home #MainContents .TextSection .Section__body p + p {
margin-top: 15px; }
.home #MainContents .TextSection .Section__body p#about_fc45 {
font-size: 1.4rem; }
.home #MainContents .TextSection .Section__foot {
margin-top: 36px; }
@media only screen and (max-width: 940px) {
.home #MainContents .TextSection .Section__foot a {
font-size: 2rem;
line-height: 1.5; } }
/* event_link add */
.event_link {
width:100%;
}
.event_link ul{
width:100%;
display:inline-block;
text-align:center;
margin:0;
padding:0;
}
.event_link ul.eng{
width:100%;
display:inline-block!important;
text-align:center;
margin:0;
padding:0;
}
.event_link li{
width:50%;
display:inline-block;
margin:0;
padding:0;
}
.e_forum {
background:#50d3e4;
}
.e_seminar {
background:#d9dd7f;
}
table.event_link{
width:100%;
border-collapse: separate;
border-spacing: 0;
}
table.event_link td {
width:50%;
vertical-align:middle;
border-collapse: collapse;
padding:20px 5px 15px;
font-size: 1.8rem;
text-align:center;
}
table.event_link td.e_forum:hover {
background:#30afbf;
}
table.event_link td.e_seminar:hover {
background:#b6b96b;
}
table.event_link th
{
text-align:center;
line-height:1.3;
}
span.subttl {
font-size:1.3rem;
}
@media only screen and (max-width: 750px) {
.event_link ul{
width:100%;
display:inline-block!important;
margin:0;
padding:0;
}
.event_link li{
width:100%;
margin:0;
padding:0;
}
}
/* Precautionary add */
.cntr {
width:100%;
display-inline:block;
text-align:center;
}
@media only screen and (max-width: 750px) {
.cntr {
width:100%;
display-inline:block;
text-align:center;
font-size:1.3rem;
}}
.catin {
width:100%;
text-align:center;
font-size:0.8rem;
}
.home #MainContents .InformationSection {
padding-bottom: 0; }
.home #MainContents .InformationSection .InformationSection__head {
color: #427935;
padding-bottom: 25px;
border-bottom: 1px solid #427935;
margin-bottom: 50px; }
.home #MainContents .InformationSection .scroll_box {
position: relative;
margin-top: 40px; }
.home #MainContents .InformationSection .scroll_box.overflow {
max-height: 170px;
overflow-y: scroll; }
@media only screen and (max-width: 900px) {
.home #MainContents .InformationSection .scroll_box {
margin-top: 30px; }
.home #MainContents .InformationSection .scroll_box.overflow {
overflow-y: unset;
max-height: unset; } }
.home #MainContents .InformationSection .ps__thumb-y,
.home #MainContents .InformationSection .ps__rail-y:hover > .ps__thumb-y,
.home #MainContents .InformationSection .ps__rail-y:focus > .ps__thumb-y,
.home #MainContents .InformationSection .ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #427935;
width: 11px;
right: 0 !important;
opacity: 1 !important; }
.home #MainContents .InformationSection .ps--active-x > .ps__rail-x,
.home #MainContents .InformationSection .ps--active-y > .ps__rail-y {
background-color: #dadada;
opacity: 0.9 !important;
width: 11px !important;
border-radius: 6px; }
.home #MainContents .InformationSection .ps .ps__rail-x:hover,
.home #MainContents .InformationSection .ps .ps__rail-y:hover,
.home #MainContents .InformationSection .ps .ps__rail-x:focus,
.home #MainContents .InformationSection .ps .ps__rail-y:focus,
.home #MainContents .InformationSection .ps .ps__rail-x.ps--clicking,
.home #MainContents .InformationSection .ps .ps__rail-y.ps--clicking {
background-color: #dadada;
opacity: 0.9 !important;
border-radius: 6px; }
.home #MainContents .InformationSection .Information__body {
max-width: 800px;
margin: auto; }
.home #MainContents .InformationSection .Information__body .Info__item {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
padding-top: 7px;
margin-top: 7px; }
.home #MainContents .InformationSection .Information__body .Info__item:nth-child(1) {
padding-top: 0;
margin-top: 0; }
.home #MainContents .InformationSection .Information__body .Info__item > span {
line-height: 1.3; }
.home #MainContents .InformationSection .Information__body .Info__item .EachInfo__sub {
-webkit-box-flex: 0 !important;
flex: 0 0 160px !important;
-ms-flex: 0 0 160px !important;
-webkit-flex: 0 0 160px !important;
font-size: 1.7rem;
color: #427935; }
.home #MainContents .InformationSection .Information__body .Info__item .EachInfo__main {
-webkit-box-flex: 1 !important;
flex: 1 1 calc(100% - 160px) !important;
-ms-flex: 1 1 calc(100% - 160px) !important;
-webkit-flex: 1 1 calc(100% - 160px) !important;
max-width: calc(100% - 160px);
padding-left: 5px;
font-size: 1.7rem;
line-height: 1.3; }
.home #MainContents .InformationSection .Information__body .Info__item .EachInfo__main span a {
cursor: pointer; }
@media only screen and (max-width: 900px) {
.home #MainContents .InformationSection .Information__body .Info__item {
margin-bottom: 10px; }
.home #MainContents .InformationSection .Information__body .Info__item .EachInfo__sub {
display: block;
width: 100%;
-webkit-box-flex: 0 !important;
-ms-flex: none !important;
flex: none !important;
font-size: 2rem; }
.home #MainContents .InformationSection .Information__body .Info__item .EachInfo__main {
display: block;
width: 100%;
font-size: 2rem;
-webkit-box-flex: 0 !important;
-ms-flex: none !important;
flex: none !important;
max-width: none; } }
.home #MainContents .SNS_Section {
padding-bottom: 0; }
.home #MainContents .SNS_Section .SNS_Section__head {
color: #427935;
padding-bottom: 25px;
border-bottom: 1px solid #427935;
margin-bottom: 50px; }
/* SNS_Section */
@media only screen and (min-width: 800px) {
.sns {
width:100%;
text-align:center;
}
.sns_iframe {
width:60%;
height:300px;
margin:0 auto;
vertical-align:top;
}
}
@media only screen and (max-width: 799px) {
.sns {
width:100%;
text-align:center;
}
.sns_iframe {
width:100%;
height:300px;
margin:0 auto;
vertical-align:top;
}
}
.home #MainContents .NEWS_Section {
padding-bottom: 0; }
.home #MainContents .NEWS_Section .NEWS_Section__head {
color: #427935;
padding-bottom: 25px;
border-bottom: 1px solid #427935;
margin-bottom: 50px; }
/* NEWS_section */
@media only screen and (min-width: 800px) {
.newsfeed {
width:100%;
}
.newsfeed p.atnt {
width:100%;
text-align:center;
font-size:1.3rem;
margin-top:15px;
}
.scr_box {
width:980px;
display:inline-block;
text-align:center;
background:#dbdbdb;
padding:15px 0;
height: 200px;
overflow-x:hidden;
overflow-y:auto;
}
.news_feed ul{
width:800px;
display:inline-block;
text-align:center;
padding:0;
}
.news_feed li.date{
width:19%;
display:inline-block;
text-align:left;
vertical-align:top;
margin-bottom:15px;
line-height:1.2;
padding:0;
}
.news_feed li.n_title{
width:65%;
display:inline-block;
text-align:left;
margin-bottom:15px;
line-height:1.1;
padding:0;
}
.news_feed li.n_title a {
font-weight:bold;
color:#009fe6;
}}
@media only screen and (max-width: 799px) {
.newsfeed {
width:100%;
text-align:center;
}
.newsfeed p.atnt {
width:100%;
text-align:left;
font-size:1.3rem;
margin-top:15px;
}
.scr_box {
width:100%;
height: 250px;
background:#dbdbdb;
padding:15px 0 10px 5px;
overflow: scroll;
}
.news_feed ul{
width:100%;
display:inline-block;
padding:0;
}
.news_feed li.date{
width:100%;
text-align:left;
font-size:2rem;
vertical-align:top;
margin-bottom:15px;
padding:0;
}
.news_feed li.n_title{
width:100%;
text-align:left;
margin-bottom:15px;
padding-left:5%;
font-size:2rem;
line-height:1.1;
}
.news_feed li.n_title a {
font-weight:bold;
color:#009fe6;
}}
/* news feed modal */
#inline-wrap, #inline-wrap2, #inline-wrap3, #inline-wrap4, #inline-wrap5, #inline-wrap6, #inline-wrap7, #inline-wrap8, #inline-wrap9, #inline-wrap10, #inline-wrap11, #inline-wrap12, #inline-wrap13, #inline-wrap14, #inline-wrap15, #inline-wrap16, #inline-wrap17, #inline-wrap18, #inline-wrap19, #inline-wrap20 {
position: relative;
margin:10px auto;
max-width: 700px;
background: #fff;
padding: 20px;
}
#inline-wrap, #inline-wrap2, #inline-wrap3, #inline-wrap4, #inline-wrap5, #inline-wrap6, #inline-wrap7, #inline-wrap8, #inline-wrap9, #inline-wrap10, #inline-wrap11, #inline-wrap12, #inline-wrap13, #inline-wrap14, #inline-wrap15, #inline-wrap16, #inline-wrap17, #inline-wrap18, #inline-wrap19, #inline-wrap20 p.honbun {
padding-top:35px;
font-size:1.4rem;
text-align:left;
line-height:1.3;
}
/*
#inline-wrap, #inline-wrap2, #inline-wrap3, #inline-wrap4, #inline-wrap5, #inline-wrap6, #inline-wrap7, #inline-wrap8, #inline-wrap9, #inline-wrap10, #inline-wrap11, #inline-wrap12, #inline-wrap13, #inline-wrap14, #inline-wrap15, #inline-wrap16, #inline-wrap17, #inline-wrap18, #inline-wrap19, #inline-wrap20 .popup-modal-dismiss {
text-align: center;
}
#inline-wrap, #inline-wrap2, #inline-wrap3, #inline-wrap4, #inline-wrap5, #inline-wrap6, #inline-wrap7, #inline-wrap8, #inline-wrap9, #inline-wrap10, #inline-wrap11, #inline-wrap12, #inline-wrap13, #inline-wrap14, #inline-wrap15, #inline-wrap16, #inline-wrap17, #inline-wrap18, #inline-wrap19, #inline-wrap20 .popup-modal-dismiss a {
color:#0000ff;
}
*/
@media only screen and (max-width: 500px) {
#inline-wrap, #inline-wrap2, #inline-wrap3, #inline-wrap4, #inline-wrap5, #inline-wrap6, #inline-wrap7, #inline-wrap8, #inline-wrap9, #inline-wrap10, #inline-wrap11, #inline-wrap12, #inline-wrap13, #inline-wrap14, #inline-wrap15, #inline-wrap16, #inline-wrap17, #inline-wrap18, #inline-wrap19, #inline-wrap20 {
position: relative;
margin:10px auto;
max-width: 100%;
background: #fff;
padding: 30px 15px;
}
}
.home #MainContents .EventSection .Section__head {
color: #427935;
padding-bottom: 25px;
border-bottom: 1px solid #427935;
margin-bottom: 50px; }
.home #MainContents .EventSection .Section__body .EventContainer .EachEvent {
padding: 0 8px; }
.home #MainContents .EventSection .Section__body .EventContainer:nth-child(1) .EachEvent {
padding: 0 16px 0 0; }
.home #MainContents .EventSection .Section__body .EventContainer:nth-child(3) .EachEvent {
padding: 0 0 0 16px; }
.home #MainContents .EventSection .Section__body .EachEvent__sub {
position: relative;
margin-bottom: 20px; }
.home #MainContents .EventSection .Section__body .EachEvent__sub img.event_tag {
position: absolute;
left: 0;
top: 0; }
.home #MainContents .EventSection .Section__body .EachEvent__sub img.event_tag.seminar_tag {
width: 118px; }
.home #MainContents .EventSection .Section__body .EachEvent__sub img.event_tag.forum_tag {
width: 137px; }
.home #MainContents .EventSection .Section__body .EachEvent__sub img.event_tag.related_tag {
width: 146px; }
.home #MainContents .EventSection .Section__body .EachEvent__main .EachEvent__subhead {
text-align: center;
margin-bottom: 15px; }
.home #MainContents .EventSection .Section__body .EachEvent__main .event_date {
color: #fff;
font-weight: bold;
font-size: 2rem;
background: #427935;
display: inline-block;
line-height: 1;
padding: 5px 8px 4px; }
.home #MainContents .EventSection .Section__body .EachEvent__main .EachEvent__head {
text-align: center;
margin-bottom: 15px; }
.home #MainContents .EventSection .Section__body .EachEvent__main .EachEvent__head span {
color: #000;
font-size: 2.5rem;
border-bottom: 1px solid #fff; }
.home #MainContents .EventSection .Section__body .EachEvent__main .EachEvent__body {
font-size: 1.6rem;
width: 81%;
margin: auto; }
.home #MainContents .EventSection .Section__body .EachEvent:hover .EachEvent__head span {
border-bottom: 1px solid #000; }
@media only screen and (max-width: 940px) {
.home #MainContents .EventSection .Section__body .EventContainer .EachEvent {
padding: 0 0 45px !important; }
.home #MainContents .EventSection .Section__body .EventContainer:nth-child(1) .EachEvent {
padding: 0 0 45px !important; } }
.home #MainContents .SupporterSection .Section__head {
color: #427935;
padding-bottom: 25px;
border-bottom: 1px solid #427935;
margin-bottom: 50px; }
.home #MainContents .SupporterSection .Supporter {
text-align: center; }
.home #MainContents .SupporterSection .Supporter__item {
display: inline-block; }
.home #MainContents .SupporterSection .Supporter__item img {
max-width: 150px; }
.PageSection .Section__head {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/common/page_section_header_bg.png);
padding: 8% 0;
margin-bottom: 0 !important;
color: #fff; }
.PageSection .Section__head_f2021 {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/forum/page_forum_section_header_bg.png);
padding: 8% 0;
margin-bottom: 0 !important;
color: #000; }
.PageSection .Section__head_s2021 {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/seminar/page_seminar_section_header_bg.png);
padding: 8% 0;
margin-bottom: 0 !important;
color: #000; }
.PageSection .Section__body {
padding-top: 60px; }
.PageSection.EventSection .Section__head {
background-image: url(./images/event/page_eventsection_header_bg.png); }
.PageSection.FeatureSection .Section__head {
background-image: url(./images/feature/page_featuresection_header_bg.png);
color: #000; }
.PageSection.CollaborationEventsSection .Section__head {
background-image: url(./images/collaboration_events/page_collaboration_eventssection_header_bg.png); }
.SiteMapSection .SiteMap__item {
padding-bottom: 15px;
margin-bottom: 15px; }
.SiteMapSection .SiteMap__item a {
padding-right: 40px;
display: inline-block;
position: relative; }
.SiteMapSection .SiteMap__item a::after {
position: absolute;
right: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
content: "＞"; }
.InnerMenu {
margin-bottom: 45px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.InnerMenu__item {
text-align: center;
max-width: 16%;
max-width: 100%;
margin: 10px 0; }
.InnerMenu__item a {
color: #003369;
border: 1px solid #003369;
border-radius: 5px;
display: inline-block;
padding: 5px 5px;
width: calc(100% - 8px); }
.ContactSection .EachSection {
padding-top: 115px; }
.ContactSection .Paragraph__body {
text-align: center; }
.PageSection.EventSection .Section__body,
.PageSection.CollaborationEventsSection .Section__body {
padding-top: 0px; }
.PageSection.EventSection .EventList__item,
.PageSection.CollaborationEventsSection .EventList__item {
padding: 15px 8px; }
.PageSection.EventSection .EachEvent,
.PageSection.CollaborationEventsSection .EachEvent {
-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8);
padding: 15px 12px;
height: 100%; }
.PageSection.EventSection .EachEvent__sub,
.PageSection.CollaborationEventsSection .EachEvent__sub {
max-width: 240px;
margin: auto; }
.PageSection.EventSection .EachEvent__head,
.PageSection.CollaborationEventsSection .EachEvent__head {
font-size: 2.1rem !important;
text-align: center;
margin-bottom: 15px; }
.PageSection.EventSection .EachEventDetail,
.PageSection.CollaborationEventsSection .EachEventDetail {
margin-bottom: 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start; }
.PageSection.EventSection .EachEventDetail span,
.PageSection.CollaborationEventsSection .EachEventDetail span {
line-height: 1.4; }
.PageSection.EventSection .EachEventDetail__head,
.PageSection.CollaborationEventsSection .EachEventDetail__head {
text-align: center;
letter-spacing: 0px;
background: grey;
color: #fff;
padding: 2px 3px;
font-size: 1.4rem;
-ms-flex-preferred-size: 66px;
flex-basis: 66px;
max-width: 65px; }
.PageSection.EventSection .EachEventDetail__body,
.PageSection.CollaborationEventsSection .EachEventDetail__body {
font-size: 1.6rem;
-ms-flex-preferred-size: calc(100% - 65px);
flex-basis: calc(100% - 65px);
width: calc(100% - 65px);
padding-left: 5px;
max-width: calc(100% - 66px); }
.PageSection.EventSection .EachEventDetail .fx-col-fix-100 + .EachEventDetail__body,
.PageSection.CollaborationEventsSection .EachEventDetail .fx-col-fix-100 + .EachEventDetail__body {
-ms-flex-preferred-size: calc(100% - 100px);
flex-basis: calc(100% - 100px);
width: calc(100% - 100px); }
.PageSection.EventSection .event_date,
.PageSection.CollaborationEventsSection .event_date {
color: #fff;
font-weight: normal;
font-size: 1.6rem;
background: #427935;
display: block;
padding: 4px 8px;
text-align: center;
line-height: 1 !important;
margin: 15px auto;
width: 80%; }
.PageSection.EventSection.SinglePageSection .Section__body,
.PageSection.CollaborationEventsSection.SinglePageSection .Section__body {
padding-top: 15px; }
.PageSection.EventSection.SinglePageSection .EachEvent,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEvent {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0px; }
.PageSection.EventSection.SinglePageSection .EachEvent__main,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEvent__main {
margin-top: 35px; }
.PageSection.EventSection.SinglePageSection .EachEvent__sub,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEvent__sub {
max-width: 550px;
margin: auto;
padding: 50px 0;
text-align: center; }
/* 10/1 add */
.PageSection.CollaborationEventsSection.SinglePageSection .EachEvent__sub_tta {
max-width: 800px;
margin: auto;
padding: 50px 0;
text-align: center; }
.PageSection.EventSection.SinglePageSection .EachEvent__sub img,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEvent__sub img {
max-width: 100%;
width: auto; }
/* 10/1 add */
.PageSection.EventSection.SinglePageSection .EachEvent__sub_tta img,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEvent__sub_tta img {
max-width: 100%;
width: auto; }
.PageSection.EventSection.SinglePageSection .EachEvent__head,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEvent__head {
text-align: left; }
.PageSection.EventSection.SinglePageSection .EachEvent__foot,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEvent__foot {
margin-top: 35px; }
.PageSection.EventSection.SinglePageSection .EachEvent__foot + .EachEventInfo,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEvent__foot + .EachEventInfo {
margin-top: 35px; }
.PageSection.EventSection.SinglePageSection .EventDetail,
.PageSection.CollaborationEventsSection.SinglePageSection .EventDetail {
margin-bottom: 40px; }
.PageSection.EventSection.SinglePageSection .event_date,
.PageSection.CollaborationEventsSection.SinglePageSection .event_date {
text-align: left;
margin: 15px 0;
max-width: none;
display: inline-block !important;
width: auto !important; }
.PageSection.EventSection.SinglePageSection .EachEventInfo__head,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEventInfo__head {
display: inline-block;
padding: 3px 8px;
border: 1px solid #000;
line-height: 1;
margin-bottom: 10px; }
.PageSection.EventSection.SinglePageSection .EachEventInfo__body p + p,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEventInfo__body p + p {
margin-top: 10px; }
.PageSection.EventSection.SinglePageSection .EachEventInfo .EventLink,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEventInfo .EventLink {
margin-top: 10px; }
.PageSection.EventSection.SinglePageSection .EachEventInfo .EventLink__item,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEventInfo .EventLink__item {
margin-bottom: 5px;
padding-bottom: 5px; }
.PageSection.EventSection.SinglePageSection .EachEventInfo .EventLink__item a,
.PageSection.CollaborationEventsSection.SinglePageSection .EachEventInfo .EventLink__item a {
color: #c40a19;
text-decoration: underline; }
.PageSection.FeatureSection .Section__body {
padding-top: 0px; }
.PageSection.FeatureSection .FeatureList__item {
padding: 15px; }
.PageSection.FeatureSection .EachFeature {
-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
height: 100%; }
.PageSection.FeatureSection .EachFeature__main {
padding: 15px; }
.PageSection.FeatureSection .EachFeature__sub {
margin: auto; }
.PageSection.FeatureSection .EachFeature__head {
font-size: 2.3rem !important;
text-align: center;
margin-bottom: 15px;
line-height: 1.2; }
.PageSection.FeatureSection .EachFeature__body.FeatureExcerpt p {
line-height: 1.5 !important; }
.PageSection.FeatureSection .EachFeature .Paragraph + .Paragraph {
margin-top: 40px;
padding-top: 0px; }
.PageSection.FeatureSection .EachFeature .Paragraph__head {
font-size: 2rem;
margin-bottom: 18px;
font-weight: normal;
border-bottom: 1px solid;
display: inline-block;
padding: 3px;
font-weight: bold; }
.PageSection.FeatureSection .EachFeature.ReportFeature .Paragraph__head {
border-bottom: none !important;
font-size: 1.8rem;
margin-bottom: 10px; }
.PageSection.FeatureSection .EachFeature.ReportFeature .Paragraph__body {
padding-left: 14px; }
.PageSection.FeatureSection .EachFeature.ReportFeature .Paragraph dl.speaker dt {
color: #000 !important; }
.PageSection.FeatureSection .EachFeature.ReportFeature .Paragraph dl.report > * {
line-height: 1.8; }
.PageSection.FeatureSection .EachFeature.ReportFeature .Paragraph dl.report dt {
color: #000 !important;
font-weight: bold; }
.PageSection.FeatureSection .EachFeature.ReportFeature .Paragraph dl.report dd + dt {
margin-top: 60px; }
.PageSection.FeatureSection .EachFeature.ReportFeature .blue_bg_button {
display: inline-block;
width: auto !important;
max-width: 380px;
color: #fff;
padding: 6px 40px; }
.PageSection.FeatureSection .EachFeatureExcerpt {
margin-bottom: 10px; }
.PageSection.FeatureSection .EachFeature__num {
color: #fff;
font-weight: normal;
font-size: 1.6rem;
background: #427935;
display: block;
padding: 4px 10px;
text-align: center;
line-height: 1 !important;
margin: 15px auto;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
position: relative;
left: 50%;
display: inline-block; }
.PageSection.FeatureSection.SinglePageSection .FeatureSection__message {
margin: 30px 0;
padding: 17px;
border: 1px solid #318a3a; }
.PageSection.FeatureSection.SinglePageSection .FeatureSection__message.no_message {
border: none;
margin: 30px 0 0;
padding: 0; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__num {
left: 0;
-webkit-transform: translateX(0);
transform: translateX(0); }
.PageSection.FeatureSection.SinglePageSection .EachFeature {
-webkit-box-shadow: none;
box-shadow: none;
padding: 0px; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__main {
margin-top: 35px; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__sub {
width: 257px;
margin: auto; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__head {
text-align: left;
margin: 15px 0 45px; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__body p + p {
margin-top: 20px; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__body p {
line-height: 2 !important; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__body p.image_container_p {
padding: 10px 0;
text-align: center; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__foot {
margin-top: 70px; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__foot p + p {
margin-top: 10px; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__foot .Reference {
margin-top: 10px; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__foot .Reference__item {
line-height: 1.5; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__foot .Reference__item + .Reference__item {
margin-top: 2px; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__foot .Reference .EachReference > span {
display: inline-block;
vertical-align: top;
font-size: 1.4rem; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__foot .Reference .EachReference__head {
width: 50px; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__foot .Reference .EachReference__body {
width: calc(100% - 55px); }
.PageSection.FeatureSection.SinglePageSection .EachFeature__foot .Reference .EachReference__body a {
border-bottom: 1px dotted grey;
display: inline;
padding: 0px; }
.PageSection.FeatureSection.SinglePageSection .EachFeature__foot .author {
margin-top: 10px; }
.PageSection.FeatureSection.SinglePageSection .FeatureDetail {
margin-bottom: 40px; }
.PageSection.FeatureSection.SinglePageSection .event_date {
text-align: left;
margin: 15px 0;
max-width: none;
display: inline-block !important;
width: auto !important; }
.PageSection.FeatureSection.SinglePageSection .EachEventInfo__head {
display: inline-block;
padding: 3px 8px;
border: 1px solid #000;
line-height: 1;
margin-bottom: 10px; }
.PageSection.FeatureSection.SinglePageSection .EachEventInfo__body p + p {
margin-top: 10px; }
.PageSection.FeatureSection.SinglePageSection .EachEventInfo .EventLink {
margin-top: 10px; }
.PageSection.FeatureSection.SinglePageSection .EachEventInfo .EventLink__item {
margin-bottom: 5px;
padding-bottom: 5px; }
.PageSection.FeatureSection.SinglePageSection .EachEventInfo .EventLink__item a {
color: #c40a19;
text-decoration: underline; }
.ExtraLinks__item {
margin-bottom: 15px; }
.ExtraEventLink {
display: inline-block;
text-align: left;
padding: 10px 30px 10px 20px;
color: #fff;
background-color: #0a3c71;
position: relative;
max-width: 600px; }
.ExtraEventLink::after {
content: "";
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(./images/common/white_triangle.png);
background-size: contain;
background-position: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
width: 10px;
height: 6px;
right: 10px; }
.english .PageSection.EventSection .EachEventDetail__head,
.english .PageSection.CollaborationEventsSection .EachEventDetail__head {
letter-spacing: 1px;
padding: 2px 3px;
font-size: 1.3rem;
-ms-flex-preferred-size: 78px;
flex-basis: 78px; }
.english .PageSection.EventSection .EachEventDetail__body,
.english .PageSection.CollaborationEventsSection .EachEventDetail__body {
-ms-flex-preferred-size: calc(100% - 80px);
flex-basis: calc(100% - 80px);
width: calc(100% - 80px);
max-width: calc(100% - 80px); }
.english .PageSection.EventSection .event_date,
.english .PageSection.CollaborationEventsSection .event_date {
width: 90%;
max-width: 90%; }
.english .ExtraEventLink {
max-width: 600px; }
.EachSection + .EachSection {
margin-top: 115px; }
.EachSection__head {
text-align: center;
color: #427935;
border-bottom: 1px solid #427935;
padding-bottom: 15px;
margin-bottom: 40px; }
.EachSection__body table {
margin: 15px 0; }
.EachSection__body table th {
font-weight: normal;
min-width: 55px; }
.EachSection__body table td,
.EachSection__body table th {
padding: 3px 5px; }
.EachSection__body table td {
line-height: 1.5; }
.Paragraph + .Paragraph {
padding-top: 10px; }
.Paragraph.ContinuousParagraph {
padding-top: 0px !important;
margin-top: 40px !important; }
.Paragraph__title {
color: #000;
margin-bottom: 15px; }
.Paragraph__body p + dl {
margin-top: 30px; }
.Paragraph__body dl dt {
color: #427935;
margin-bottom: 10px; }
.Paragraph__body dl dd {
line-height: 150%; }
.Paragraph__body dl dd + dt {
margin-top: 30px; }
.Paragraph__body > dl > dd > dl > dt {
color: #000; }
.UnderConstructionSection .Section__head {
padding: 8% 0;
margin-bottom: 0 !important; }
.green_bg {
background-color: #427935;
color: #fff;
display: inline-block;
border-radius: 2px;
padding: 2px 4px;
margin-right: 5px; }
.text_green {
color: #427935; }
.SideContents {
text-align: center;
max-width: 200px;
margin: auto; }
.MainContents p + p {
margin-top: 18px; }
.EachContent.ReportTitle h4.EachContent__head {
background: none !important;
text-align: center;
font-weight: bold;
font-size: 2.4rem !important; }
.EachContent.ReportTitle .OuterLinkMenu a {
color: #fff !important; }
.EachContent .LectureTitle {
font-size: 1.7rem;
font-weight: bold;
color: #427935;
margin-bottom: 5px; }
.EachContent .EachReport + .LectureTitle {
margin-top: 30px; }
.EachContent .EachReport .EachReport__body--inner {
padding-left: 15px; }
.EachContent .EachReport .EachReport__body--inner .job_title {
display: block;
font-weight: bold;
line-height: 1.5; }
.EachContent .EachReport .EachReport__body--inner .name {
margin-top: 5px;
font-weight: bold;
display: block;
font-size: 1.7rem;
line-height: 1.5; }
.EachContent .EachReport .EachReport__body--inner p + p {
margin-top: 10px !important; }
.EachContent .EachReport .EachReport__body--inner span.kawaguti_year {
display: inline-block;
width: 150px; }
.EachContent .EachReport .EachReport__body--inner span.kawaguti_year.english {
width: 95px; }
.EachContent .EachReport .EachReport__body--inner .indent {
padding-left: 20px;
margin-top: 10px; }
.EachContent .EachReport .EachReport__body--inner .indent li {
list-style: disc;
line-height: 1.5; }
.EachContent .EachReport .EachReport__body--inner .indent li + li {
margin-top: 5px;
padding-top: 5px; }
@media only screen and (max-width: 900px) {
.GreetingsSection .Section__body > .fx-row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.GreetingsSection .Section__body > .fx-row .fx-col-auto {
width: 100%;
-ms-flex-preferred-size: calc(100%);
flex-basis: calc(100%);
max-width: 100%; }
.GreetingsSection .Section__body > .fx-row .fx-col-fix-280 {
margin-top: 45px; } }
.FormSection .Section__head {
line-height: 1.5; }
.FormSection form#ForumForm {
max-width: 675px;
margin: auto; }
.FormSection p {
text-align: left; }
.FormSection .FormAnnounce {
margin-bottom: 30px;
border: 1px solid;
color: #318a3a;
padding: 20px 0;
font-weight: bold; }
.FormSection .FormAnnounce p {
text-align: center;
padding: 0 8px;
margin: auto; }
.FormSection .FormAnnounce + p,
.FormSection .FormAnnounce + p + p {
margin-bottom: 30px; }
.FormSection .FormRow.requirement_text_not_absolute .FormRow__head::after {
position: relative !important;
top: unset !important;
-webkit-transform: translateY(0%) !important;
transform: translateY(0%) !important;
right: unset !important; }
@media only screen and (max-width: 940px) {
.FormSection .FormAnnounce p {
width: 95%; } }
.english #MainContents .FormSection .EachContent {
text-align: left; }
.english #MainContents .FormSection .EachContent + .EachContent {
margin-top: 70px; }
.english #MainContents .FormSection .EachContent__head {
font-size: 1.6rem;
font-weight: normal;
text-align: center;
margin-bottom: 25px; }
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .EachContent__foot {
margin-top: 30px; }
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .EachContent__foot input[type="checkbox"]:checked + label,
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .EachContent__foot input[type="radio"]:checked + label {
background: #fff; }
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .EachContent__foot .checkbox_customize {
padding-left: 17px; }
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .EachContent__body {
border: 1px solid #1f5724;
padding: 15px; }
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .scroll_box {
position: relative;
margin-top: 40px; }
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .scroll_box.overflow {
max-height: 200px;
overflow-y: scroll; }
@media only screen and (max-width: 900px) {
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .scroll_box {
margin-top: 30px; } }
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps__thumb-y,
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps__rail-y:hover > .ps__thumb-y,
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps__rail-y:focus > .ps__thumb-y,
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps__rail-y.ps--clicking .ps__thumb-y {
background-color: #427935;
width: 11px;
right: 0 !important;
opacity: 1 !important; }
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps--active-x > .ps__rail-x,
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps--active-y > .ps__rail-y {
background-color: #dadada;
opacity: 0.9 !important;
width: 11px !important;
border-radius: 6px; }
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps .ps__rail-x:hover,
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps .ps__rail-y:hover,
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps .ps__rail-x:focus,
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps .ps__rail-y:focus,
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps .ps__rail-x.ps--clicking,
.english #MainContents .FormSection .EachContent#ForumFormPrivacyPolicy .ps .ps__rail-y.ps--clicking {
background-color: #dadada;
opacity: 0.9 !important;
border-radius: 6px; }
.english #MainContents .FormSection .required_field_alert {
color: red;
font-size: 1.5rem;
margin-top: 33px; }
.english #MainContents .FormSection .Section__body .FormRow.SourceRow .CheckBox__item:last-child input[type="text"] {
width: 100%; }
.EachPolicy {
font-size: 1.4rem; }
.EachPolicy + .EachPolicy {
margin-top: 45px; }
.EachPolicy .CategoryHead {
color: #4f81bd;
font-weight: bold;
text-align: center; }
.EachPolicy__head {
color: #4f81bd;
font-weight: bold;
font-size: 1.5rem; }
.EachPolicy__body {
margin-top: 10px; }
.EachPolicy__body p {
font-size: 1.4rem;
margin-bottom: 10px;
line-height: 1.5; }
.EachPolicy__body dl.left_margin {
margin-left: 30px; }
.EachPolicy__body dl.dt_colored_dl dt {
color: #4f81bd; }
.EachPolicy__body dl dt {
font-weight: bold;
line-height: 1.5;
font-size: 1.4rem; }
.EachPolicy__body dl dd {
margin-top: 5px;
line-height: 1.5;
font-size: 1.4rem; }
.EachPolicy__body dl dd + dt {
margin-top: 10px; }
span.questionaire_title {
color: #008d2c;
display: inline-block;
border: 1px solid;
font-size: 1.2rem;
padding: 2px 4px 2px;
margin-right: 5px;
vertical-align: top; }
@media only screen and (max-width: 940px) {
span.questionaire_title {
display: block;
text-align: center;
margin-bottom: 15px; } }
.ForumSection .Section__head .subtext, .SeminarSection .Section__head .subtext {
display: block;
text-align: center;
font-size: 2rem;
margin-top: 15px; }
.PageSection .Section__head_f2021 .subtext {
display: block;
text-align: center;
font-size: 2rem;
margin-top: 15px; }
.PageSection .Section__head_s2021 .subtext {
display: block;
text-align: center;
font-size: 2rem;
margin-top: 15px; }
.ForumSection .Section__body .InnerMenu, .SeminarSection .Section__body .InnerMenu {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.ForumSection .Section__body .InnerMenu__item, .SeminarSection .Section__body .InnerMenu__item {
max-width: 33.3333%; }
.ForumSection .Section__body .InnerMenu__item a, .SeminarSection .Section__body .InnerMenu__item a {
padding: 12px 5px; }
@media only screen and (max-width: 900px) {
.ForumSection .Section__body .InnerMenu__item, .SeminarSection .Section__body .InnerMenu__item {
max-width: 100%; } }
.ForumSection .Section__body .OuterLinkMenu, .SeminarSection .Section__body .OuterLinkMenu {
margin-bottom: 45px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.ForumSection .Section__body .OuterLinkMenu__item, .SeminarSection .Section__body .OuterLinkMenu__item {
text-align: center;
margin: 10px 0; }
.ForumSection .Section__body .OuterLinkMenu__item a, .SeminarSection .Section__body .OuterLinkMenu__item a {
font-size: 1.6rem; }
.ForumSection .Section__body .OuterLinkMenu__item a.blue_bg_button, .SeminarSection .Section__body .OuterLinkMenu__item a.blue_bg_button {
width: calc(100% - 8px);
position: relative; }
.ForumSection .Section__body .OuterLinkMenu__item a.blue_bg_button::after, .SeminarSection .Section__body .OuterLinkMenu__item a.blue_bg_button::after {
content: '>';
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 15px;
color: #fff; }
.ForumSection .Section__body .outer_video_link, .SeminarSection .Section__body .outer_video_link {
width: auto;
max-width: 100%;
display: inline-block;
margin-top: 8px; }
.ForumSection .Section__body .video_link, .SeminarSection .Section__body .video_link {
color: #427935;
border-bottom: 1px solid;
position: relative; }
.ForumSection .Section__body .video_link img, .SeminarSection .Section__body .video_link img {
width: auto;
display: inline-block;
margin-left: 10px; }
.ForumSection .Section__body .EachContent + .EachContent, .SeminarSection .Section__body .EachContent + .EachContent {
margin-top: 60px; }
.ForumSection .Section__body .EachContent#aisatsu .EachContent__foot img, .SeminarSection .Section__body .EachContent#aisatsu .EachContent__foot img {
max-width: 200px; }
.ForumSection .Section__body .EachContent:nth-child(1), .SeminarSection .Section__body .EachContent:nth-child(1) {
margin-bottom: 90px; }
.ForumSection .Section__body .EachContent__contenttitle, .SeminarSection .Section__body .EachContent__contenttitle {
text-align: center;
font-size: 2.6rem;
color: #427935;
margin-bottom: 30px; }
.ForumSection .Section__body .EachContent__head, .SeminarSection .Section__body .EachContent__head {
background: #deede3;
padding: 10px;
color: #427935;
margin-bottom: 20px;
font-size: 1.8rem !important;
font-weight: normal; }
.ForumSection .Section__body .EachContent__head a, .SeminarSection .Section__body .EachContent__head a {
padding: 10px;
color: #000;
margin-bottom: 20px;
font-size: 1.8rem !important
font-weight: normal;
text-decoration:underline solid 1px;}
.ForumSection .Section__body .EachContent__body p + p, .SeminarSection .Section__body .EachContent__body p + p {
margin-top: 30px; }
.ForumSection .Section__body .EachContent__body a, .SeminarSection .Section__body .EachContent__body a {
color: #427935;
font-weight: bold; }
.ForumSection .Section__body .EachContent .EachContent__foot, .SeminarSection .Section__body .EachContent .EachContent__foot {
margin-top: 40px;
text-align: center; }
.ForumSection .Section__body .EachContent#aisatsu .EachContent__body p + p, .SeminarSection .Section__body .EachContent#aisatsu .EachContent__body p + p {
margin-top: 12px; }
.ForumSection .Section__body .EachContent#aisatsu .EachContent__foot, .SeminarSection .Section__body .EachContent#aisatsu .EachContent__foot {
text-align: right;
margin-top: 12px; }
.ForumSection .Section__body .EachContent .ForumGaiyouList__item, .SeminarSection .Section__body .EachContent .ForumGaiyouList__item {
padding: 20px 10px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-shadow: 0 0 3px grey;
box-shadow: 0 0 3px grey;
margin-bottom: 10px; }
.ForumSection .Section__body .EachContent .ForumGaiyouList__item .GaiyouHeader, .SeminarSection .Section__body .EachContent .ForumGaiyouList__item .GaiyouHeader {
background: #427935;
color: #fff;
text-align: center;
padding: 4px 0 3px; }
.ForumSection .Section__body .EachContent .ForumGaiyouList__item .GaiyouHeader + span, .SeminarSection .Section__body .EachContent .ForumGaiyouList__item .GaiyouHeader + span {
padding-left: 10px;
line-height: 1.2; }
.ForumSection .Section__body .EachContent .ForumGaiyouList a.blue_bg_button, .SeminarSection .Section__body .EachContent .ForumGaiyouList a.blue_bg_button {
margin-top: 15px;
color: #fff; }
.japanese .ForumSection .OuterLinkMenu__item:nth-child(2) a, .japanese .SeminarSection .OuterLinkMenu__item:nth-child(2) a {
padding: 10px 0 !important; }
*::-ms-backdrop,
.ProgramScheduleTable {
border-left: 2px solid grey !important;
border-top: 2px solid grey !important;
border-bottom: 2px solid grey !important;
border-right: 2px solid grey !important; }
/* IE11 */
*::-ms-backdrop,
.ProgramScheduleTable tr th {
padding: 10px 8px 8px !important; }
/* IE11 */
*::-ms-backdrop,
.japanese .GaiyouHeader {
padding: 6px 0 3px !important; }
/* IE11 */
.underline {
border-bottom: 1px solid;
display: inline-block;
margin-bottom: 5px; }
.ProgramScheduleTable {
font-size: 1.5rem;
width: 1000px;
overflow-y: hidden;
line-height: 1.2;
border: 1px solid grey; }
.ProgramScheduleTable tr th,
.ProgramScheduleTable tr td {
border-spacing: 0;
position: static;
border: 1px solid grey;
vertical-align: middle; }
.ProgramScheduleTable tr th {
text-align: center;
padding: 8px 8px;
background-color: rgba(66, 121, 53, 0.16);
font-weight: normal; }
.ProgramScheduleTable tr th.TimeColum {
width: 116px; }
.ProgramScheduleTable tr th.KoumokuColum {
width: calc(50% - 120px); }
.ProgramScheduleTable tr th.SpeakerColum {
width: calc(50% - 120px); }
.ProgramScheduleTable tr td {
padding: 10px; }
.ProgramScheduleTable tr td:nth-child(1) {
text-align: center; }
.ProgramSchedule {
font-size: 1.5rem;
min-width: 1100px;
overflow-y: hidden; }
.ProgramSchedule .ProgramSchedule__item {
text-align: center;
display: inline-block;
padding: 8px 8px;
border: 1px solid #427935;
margin: 0 2px; }
.ProgramSchedule .ProgramSchedule__item.SessionTitleColum {
text-align: left; }
.ProgramSchedule .ProgramSchedule__item:nth-child(1) {
width: 116px;
margin-left: 0px; }
.ProgramSchedule .ProgramSchedule__item:nth-child(2) {
width: calc(50% - 120px);
text-align: left; }
.ProgramSchedule .ProgramSchedule__item:nth-child(3) {
width: calc(50% - 120px);
text-align: left; }
.ProgramSchedule .ProgramSchedule__item .ScheduleBlock {
min-height: 60px;
margin: 15px 0 30px;
position: relative;
font-size: 1.4rem; }
.ProgramSchedule .ProgramSchedule__item .ScheduleBlock:last-child {
min-height: 355px; }
.ProgramSchedule .ProgramSchedule__item .ScheduleBlock span {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
left: 0;
line-height: 1.3; }
.ProgramSchedule .ProgramSchedule__item .ScheduleBlock.ProgramScheduleHeader {
height: auto;
min-height: unset;
margin-bottom: 45px; }
.ProgramSchedule .ProgramSchedule__item .ScheduleBlock.ProgramScheduleHeader span {
background: #427935;
color: #fff;
text-align: center;
padding: 2px 0; }
.english .ProgramSchedule .ProgramSchedule__item .ScheduleBlock {
height: 80px; }
.english .ProgramSchedule .ProgramSchedule__item .ScheduleBlock:last-child {
min-height: 380px; }
.english .ProgramSchedule .ProgramSchedule__item .ScheduleBlock.ProgramScheduleHeader {
height: auto; }
.Lecturers .LecturersList__item,
.Panelists .LecturersList__item {
width: 100%; }
.Lecturers .LecturersList__item + .LecturersList__item,
.Panelists .LecturersList__item + .LecturersList__item {
margin-top: 25px; }
.Lecturers .LecturersList__item .EachLecturer__main > *,
.Panelists .LecturersList__item .EachLecturer__main > * {
padding-left: 15px; }
.Lecturers .LecturersList__item .EachLecturer__main p,
.Panelists .LecturersList__item .EachLecturer__main p {
margin: 2px 0 !important;
font-size: 1.4rem;
font-weight: bold; }
.Lecturers .LecturersList__item .EachLecturer__main p.EachLecturer__subinfo,
.Panelists .LecturersList__item .EachLecturer__main p.EachLecturer__subinfo {
margin-top: 0 !important; }
.Lecturers .LecturersList__item .EachLecturer__main p.EachLecturer__head,
.Panelists .LecturersList__item .EachLecturer__main p.EachLecturer__head {
font-size: 1.6rem; }
.Lecturers .LecturersList__item .EachLecturer__main p.EachLecturer__body,
.Panelists .LecturersList__item .EachLecturer__main p.EachLecturer__body {
font-weight: normal; }
.Panelists .LecturersList {
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.Panelists .LecturersList__item {
margin-top: 0 !important;
margin-bottom: 25px; }
.Panelists .LecturersList__item .EachLecturer__main > * {
padding-left: 15px;
padding-right: 15px; }
.Panelists .LecturersList__item .EachLecturer__sub {
overflow: hidden; }
.Panelists .LecturersList__item .EachLecturer__sub img {
width: 100%;
max-width: none; }
.bold_green,
.EachSection__body a,
.EachInfo__main a {
color: #00a040;
font-weight: bold; }
.bold_green:hover,
.EachSection__body a:hover,
.EachInfo__main a:hover {
text-decoration: underline; }
.LinkBasic {
width: 100%;
color: #0A3C71 !important;
padding: 20px 0;
text-align: center;
display: block;
background: #fff;
border: 1px solid #0A3C71;
font-size: 2.3rem;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
opacity: 1; }
.LinkBasic:hover {
color: #fff !important;
background: #0A3C71 !important;
opacity: 1 !important; }
.text-center {
text-align: center; }
.text-gold {
color: #836326; }
.text-red {
color: red; }
a.text-gold {
text-decoration: underline; }
.MenuGraduation {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cfc76c+0,cfc76c+14,fbf0c7+66,baa884+97,baa884+100 */
background: #cfc76c;
/* Old browsers */
/* FF3.6-15 */
/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, from(#cfc76c), color-stop(14%, #cfc76c), color-stop(66%, #fbf0c7), color-stop(97%, #baa884), to(#baa884));
background: linear-gradient(to right, #cfc76c 0%, #cfc76c 14%, #fbf0c7 66%, #baa884 97%, #baa884 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc76c', endColorstr='#baa884',GradientType=1 );
/* IE6-9 */ }
#ChangeLang {
position: absolute;
right: 3%;
top: 0;
background-image: url(./images/common/pc_lang_button.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
z-index: 100; }
#ChangeLang:hover {
cursor: pointer; }
#ChangeLang span {
display: inline-block;
padding: 5px 20px;
color: #fff; }
.covidalert {
padding: 12px 10px;
background: rgba(255, 255, 255, 0.8);
color: red;
text-align: center;
margin: 15px 0; }
.forum_alert {
padding: 15px 10px;
background: rgba(255, 255, 255, 0.8);
text-align: center;
margin: 15px 0;
color: #000;
font-weight: bold;
display: block;
font-size: 1.6rem; }
.forum_alert .blue_bg_button,
.forum_alert .green_bg_button {
padding: 10px 0;
margin-top: 15px;
margin-bottom: 15px;
font-weight: normal;
margin-left: 5px;
margin-right: 5px; }
.blue_bg_button {
display: inline-block;
width: 80%;
max-width: 380px;
color: #fff;
padding: 18px 0;
background: #045987;
background: -webkit-gradient(linear, left top, left bottom, from(#045987), to(#044f7a));
background: linear-gradient(to bottom, #045987 0%, #044f7a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#045987', endColorstr='#044f7a',GradientType=0 );
text-align: center; }
.green_bg_button {
display: inline-block;
width: 80%;
max-width: 380px;
color: #fff;
padding: 18px 0;
background: #427935;
text-align: center; }
.item-img .sp-info {
display: none; }
/* 9/6 add */
.ly_LinkMenu {
display:flex;
flex-flow: column;
margin:50px 0 1em;
}
.ly_LinkMenu {
display:flex;
flex-flow: column;
margin:50px 0 1em;
}
.ly_content {
padding:2em;
background-color:#045987;
margin:1em auto;
width:80%;
text-align:center;
color:#fff;
}
.ly_content_s {
padding:1em;
background-color:#045987;
margin:1em auto;
width:40%;
font-family:"メイリオ", sans-serif;
font-size: 2rem;
line-height:1;
font-weight:bold;
text-align:center;
color:#fff;
}
.ly_banner {
width:100%;
padding:2px;
display: block;
background:#045987;
font-family:"メイリオ", sans-serif;
font-size: 1.8rem;
line-height:1.5;
font-weight:bold;
color:#fff;
text-decoration:none;
text-align:center;
}
.ly_banner a{
color:#fff;
text-decoration:none;
text-align:center;
}
.ly_banner:hover {
color:#fff;
transition: .3s;
}
@media only screen and (max-width: 940px) {
.item-img {
overflow-x: scroll;
position: relative; }
.item-img > img .item-img > table,
.item-img > div:nth-child(1) {
min-width: 800px; }
.item-img .sp-info {
width: 100%;
display: block;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 2.1rem;
line-height: 1.5;
font-weight: 700;
text-align: center;
padding: 22px;
position: absolute;
top: 0;
left: 0;
overflow: hidden; } }
.text_center {
text-align: center;
margin-bottom: 30px;
margin-top: -15px; }
.text_right {
text-align: right; }
.alert_red {
color: red;
background-color: #ffdede;
padding: 8px 0 5px; }
p.text_small {
font-size: 1.4rem; }
.text_red {
color: red; }
@media only screen and (min-width: 940px) {
.span-pc-only-block {
display: block; } }
@media only screen and (min-width: 940px) {
.font-size-middle .Header .HeaderRight,
.font-size-large .Header .HeaderRight {
width: 100%; }
.font-size-middle .FooterSection .fx-row.fx-row-reverse-xs,
.font-size-large .FooterSection .fx-row.fx-row-reverse-xs {
display: block !important; }
.font-size-middle .FooterSection .fx-row.fx-row-reverse-xs .FooterMenuContainer.MenuContainer,
.font-size-large .FooterSection .fx-row.fx-row-reverse-xs .FooterMenuContainer.MenuContainer {
width: 100%;
padding-left: 0;
max-width: 100% !important; }
.font-size-middle .FooterSection .fx-row.fx-row-reverse-xs .FooterLogoContainer,
.font-size-large .FooterSection .fx-row.fx-row-reverse-xs .FooterLogoContainer {
max-width: 25%;
margin: auto; } }
@media only screen and (min-width: 940px) {
.font-size-large .container {
max-width: none; }
.font-size-large #SearchForm .google_custom_search_button {
width: 50px;
height: 50px; } }
@media only screen and (min-width: 940px) {
.font-size-middle #SearchForm .google_custom_search_button {
width: 38px;
height: 38px; } }
@media all and (-ms-high-contrast: none) {
.PageSection.FeatureSection {
/* IE11 */ }
.PageSection.FeatureSection *::-ms-backdrop,
.PageSection.FeatureSection .EachFeature__num {
padding-top: 8px; }
.event_date {
padding-top: 8px !important; }
.EachEventDetail__head {
padding-top: 5px !important; }
.EachEventDetail__body {
padding-top: 5px !important; } }