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

 body.mceContentBody {
margin : 0 10px;
background : transparent;
color : #000;
} .clearfix:after {
content : "";
display : block;
clear : both;
overflow : hidden;
font-size : 0.1px;
line-height : 0;
}
.clear {
clear : both;
} #wpadminbar {
position : fixed!important;
top : 0!important;
} * {
box-sizing : border-box;
}
h1,h2,h3,h4,h5,h6,h7 {
font-size : 1em;
font-weight : normal;
margin : 0;
padding : 0;
}
audio,
canvas,
progress,
video {
display : inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display : none;
height : 0;
}
[hidden],
template {
display : none;
}
abbr[title] {
border-bottom : 1px dotted #666;
}
dfn {
font-style : italic;
}
mark {
}
svg:not(:root) {
overflow : hidden;
}
figure {
margin : 20px 40px;
}
fieldset {
border : none;
margin : 0;
padding : 0;
}
legend {
border : 0;
padding : 0;
}
optgroup {
font-weight : bold;
}
HR {	
border : 0 none;
height : 1px;
margin : 10px 0;
padding : 0;
color : #999;
background : #999;
}
ol, ol li,
ul, ul li {
list-style-type : none;
padding : 0;
margin : 0;
}
dl,
dl dt ,
dl dd {
margin : 0;
padding : 0;
}
small {
font-size : 75%;
}
sub,
sup {
font-size : 75%;
line-height : 0;
position : relative;
vertical-align : baseline;
}
sup {
top : -50%;
}
sub {
bottom : -25%;
} img,
video,
object {
max-width : 100%!important;
height : auto;
border : none;
vertical-align : top;
}
iframe {
max-width : 100%!important;
}
.youtube-container iframe[src*="youtube.com"] {
width: 100%;
max-width : 100%!important;
height: auto;
aspect-ratio: 16/9;
} button,
input,
optgroup,
select,
textarea {
color : inherit;
font : inherit;
margin : 0;
}
button {
overflow : visible;
border : none;
box-shadow : none;
}
button,
select {
text-transform : none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance : button;
cursor : pointer;
display : block;
}
input[type="submit"]:hover {
}
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"] {
padding : 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height : auto;
}
input[type="search"] {
-webkit-appearance : textfield;
width : 100%;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance : none;
}
input[type="select"] {
}
select {
}
input[type="text"] ,
input[type="email"] ,
input[type="tel"] ,
input[type="search"] ,
input[type="url"] ,
input[type="password"] ,
input[type="datetime"] ,
input[type="date"] ,
input[type="time"] ,
input[type="month"] ,
input[type="week"] ,
input[type="number"] ,
textarea {
-webkit-appearance : textfield;
max-width : 100%;
border : 1px solid #999;
}
textarea {
overflow : auto;
}
input[type="submit"] {
border : none;
box-shadow : none;
}
input[type="submit"]:hover {
} a[href $='.pdf'] {
display : block;
min-height : 63px;
background:url(//centurykogyo.com/wp/wp-content/themes/fwc3/images/pdf.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.doc'] {
display : block;
min-height : 63px;
background:url(//centurykogyo.com/wp/wp-content/themes/fwc3/images/word.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.docx'] {
display : block;
min-height : 63px;
background:url(//centurykogyo.com/wp/wp-content/themes/fwc3/images/word.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.xls'] {
display : block;
min-height : 63px;
background:url(//centurykogyo.com/wp/wp-content/themes/fwc3/images/excel.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.xlsx'] {
display : block;
min-height : 63px;
background:url(//centurykogyo.com/wp/wp-content/themes/fwc3/images/excel.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.ppt'] {
display : block;
min-height : 63px;
background:url(//centurykogyo.com/wp/wp-content/themes/fwc3/images/powerpoint.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
}
a[href $='.pptx'] {
display : block;
min-height : 63px;
background:url(//centurykogyo.com/wp/wp-content/themes/fwc3/images/powerpoint.png) no-repeat;
margin: 20px 0;
padding : 0 0 0 70px;
} .wp-caption.align-right ,
.wp-caption.align-left {
float : none;
margin : 0 0 10px 0;
}
@media screen and (min-width: 1000px) {
.wp-caption {
max-width : 100%!important;
position : relative;
padding : 0;
margin : 0;
}
.wp-caption p.wp-caption-text {
position : absolute;
display : table-caption;
width : 100%;
margin : 0;
bottom : 0;
background : rgba(0,0,0,0.3);
color : #fff;
padding : 5px;
font-size :12px;
}
.wp-caption.align-right {
float : right;
margin : 0 0 10px 20px;
}
.wp-caption.align-left {
float : left;
margin : 0 20px 10px 0;
}
} form#searchform {
position : relative;
padding : 0;
width : 100%;
}
form#searchform input#searchbox {
position : relative;
width : 100%;
height : 40px;
border : none;
z-index : 10;
padding : 5px;
background : #fff;
border : 1px solid #333;
}
form#searchform #searchsubmit {
position : absolute;
right : 0;
top : 0;
padding : 5px;
z-index : 100;
width : 40px;
height : 40px;
border-radius : 0;
}
*:first-child + html #searchsubmit {
top : 1px;
} form#searchform-circle {
border : none;
text-align : center;
}
form#searchform-circle input {
width: 50px;
height: 50px;
border: solid 2px #666666;
border-radius: 25px;
padding: 20px;
background : url(//centurykogyo.com/wp/wp-content/themes/fwc3/images/search.svg) center center no-repeat;
background-size: 25px;
transition: all 0.5s;
margin : 0 auto;
}
form#searchform-circle input:focus {
width: 100%;
background-position: 96% 50%;
padding-right: 50px;
} .metaslider {
z-index : 100;
}
.metaslider ul.slides .caption-wrap {
position : absolute;
display : block;
width : 100%;
bottom : 0;
left : 0;
opacity : 1; background-color : rgba(0,0,0,0.6); margin : 0;
line-height : 1.5em;
}
.metaslider ul.slides .caption-wrap .caption {
padding : 5px 10px;
word-wrap : break-word;
color : #fff;
font-size : 18px;
}
.metaslider .flex-viewport {
overflow: hidden!important;
}
html {
overflow-x : hidden!important;
}
@media screen and (min-width : 1000px) {
.metaslider .flex-viewport {
overflow: visible!important;
}
} .grecaptcha-badge {
visibility : hidden!important;
margin : 0!important;
padding : 0!important;
}
 :root {
--scrollbar : 0; --color-01 : #fff;
--color-02 : #000;
--color-03 : #f6f6f6;
--color-04 : #026796; --color-05 : #6090be; --color-link : #1a0dab;
--color-hover : #CC3434;
--color-cal-normal : #f8f9ff;
--color-cal-closed : #fff9f8;
--color-cal-free : #f8fffa;
--color-cal-hover : #f9f9f9; --font-family01 : '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; --font-family02 : 'Asap', sans-serif; --font-size : 16px; --line-height : 2em; --size-sitename : 40px; --size-foot_nav : 56px; --grid_num : 4; --aspect-ratio : 3 / 2; --w-large : 1000px;
--w-medium : 640px;
--w-half : 48%;
--w-1-third : 32%;
--w-quater : 24%;
--w-small : 300px;
--w-thumb : 150px;
--w-grid-gap : 10px; --size-vegas : 100vh;
--size-vegas-d : 100dvh; --size-ml-w : 1000px;
--size-ml-h : 1000px;
} html {
margin : 0;
padding : 0;
height : 100%;
font-size : var(--font-size);
}
body {
position : relative;
margin : 0;
margin-top : 0!important; padding : 0;
background : var(--color-01);
line-height : var(--line-height);
font-family : var(--font-family01);
color : var(--color-02);
-webkit-text-size-adjust : 100%;
-webkit-font-smoothing : antialiased;
-moz-osx-font-smoothing : grayscale;
table-layout : fixed;
overflow-wrap : break-word;
word-break : break-word;
} a,
a:link {
color : var(--color-link);
text-decoration : none;
}
a:hover {
color : var(--color-hover);
outline : 0;
}
a img {
border : none;
}
a:hover img {
opacity : 0.8;
}
b,
strong {
font-weight : bold; }
.spot_color {
color : var(--color-04);
}  .w-large,
.w-half ,
.w-medium,
.w-small {
width : 100%;
}
@media print, screen and (min-width : 1000px) {
.w-full {
width : 100%;
}
.w-large {
width : var(--w-large);
margin : 0 auto;
}
.w-medium {
width : var(--w-medium);
}
.w-half {
width : var(--w-half);
}
.w-1-third {
width : var(--w-1-third);
}
.w-quarter {
width : var(--w-quarter);
}
.w-small {
width : var(--w-small);
}
.w-thumb {
width : var(--w-thumb);
}
} .grid2-1 {
display : block;
margin : 0;
padding : 0;
}
.grid2-1 div ,
.grid2-1 li {
margin : 0 0 var(--w-grid-gap) 0;
}
@media print, screen and (min-width: 640px) {
.grid2-1 {
display : grid;
grid-template-columns : repeat(2, 1fr);
justify-content : space-between;
grid-gap : var(--w-grid-gap);
}
} .grid3-1 {
display : block;
}
.grid3-1 div ,
.grid3-1 li {
margin : 0 0 var(--w-grid-gap) 0;
}
@media print, screen and (min-width: 640px) {
.grid3-1 {
display : grid;
grid-template-columns : repeat(3, 1fr);
justify-content : space-between;
grid-gap : 20px;
}
} .grid4-1 {
display : block;
}
.grid4-1 div ,
.grid4-1 li {
margin : 0 0 var(--w-grid-gap) 0;
}
@media print, screen and (min-width: 640px) {
.grid4-1 {
display : grid;
grid-template-columns : repeat(4, 1fr);
justify-content : space-between;
grid-gap : var(--w-grid-gap);
}
} .grid4-2 {
display : grid;
grid-template-columns : repeat(2, 1fr);
justify-content : space-between;
grid-gap : var(--w-grid-gap);
}
.grid4-2 div ,
.grid4-2 li {
margin : 0 0 var(--w-grid-gap) 0;
}
@media print, screen and (min-width: 1000px) {
.grid4-2 {
display : grid;
grid-template-columns : repeat(4, 1fr);
justify-content : space-between;
grid-gap : var(--w-grid-gap);
}
} .grid300-1fr {
display : block;
}
.grid300-1fr div:nth-child(1) {
text-align : center;
}
@media print, screen and (min-width: 640px) {
.grid300-1fr {
display : grid;
grid-template-columns : 300px 1fr;
justify-content : space-between;
grid-gap : var(--w-grid-gap);
}
} .full_width {
margin-left : -10px;
margin-right : -10px;
}
@media print, screen and (min-width: 1000px) {
.full_width {
margin-left : calc( -1 * (100vw - var(--w-large) - var(--scrollbar)) / 2)!important;
margin-right : calc( -1 * (100vw - var(--w-large) - var(--scrollbar)) / 2)!important;
}
} .flex ,
.flex-nowrap {
display : block;
}
@media print, screen and (min-width: 640px) {
.flex {
display : -webkit-flex;
display : -moz-flex;
display : -ms-flex;
display : -o-flex;
display : flex;
-webkit-flex-wrap : wrap;
flex-wrap : wrap;
justify-content : space-between;
align-items : stretch;
}
.flex-nowrap {
display : -webkit-flex;
display : -moz-flex;
display : -ms-flex;
display : -o-flex;
display : flex;
-webkit-flex-wrap : nowrap;
flex-wrap : nowrap;
justify-content : space-between;
align-items : stretch;
}
} img {
border : 0;
margin : 0;
}
img.size-thumbnail {
width : auto;
height : auto;
}
img.size-small {
width : 300px;
height : auto;
}
img.size-medium,
img.size-medium_large,
img.size-large,
img.size-full {
width : auto;
max-width : 100%;
height : auto;
}
.alignleft ,
.alignright ,
.aligncenter {
float : none;
display : block;
margin : 0 auto 10px auto;
}
@media print, screen and (min-width: 640px) {
.aligncenter {
display : block;
text-align : center;
margin-left : auto;
margin-right : auto;
}
.alignleft {
float : left;
margin : 0 20px 10px 0;
}
.alignright {
float : right;
margin : 0 0 10px 20px;
}
} .no_img {
display : block;
width : 100%;
height : 0;
padding : 0 0 66.666% 0;
background : url(https://centurykogyo.com/wp/wp-content/themes/fwc3/custom/no_image.png) #ccc no-repeat center center;
background-size : contain;
text-indent : -9999px;
}
.no_img-sq {
display : block;
width : 100%;
height : 0;
padding : 0 0 100% 0;
background : url(https://centurykogyo.com/wp/wp-content/themes/fwc3/custom/no_image.png) #ccc no-repeat center center;
background-size : contain;
text-indent : -9999px;
} .full_screen {
position : absolute;
top : 0;
bottom : 0;
left : 0;
right : 0;
margin : 0;
padding : 0;
width : 100%;
max-width : 100%;
height : calc(var(--size-vegas) - ( var(--size-sitename) + 20px + 40px) );
display : flex;
align-items : center;
overflow : hidden;
}
_::-webkit-full-page-media, _:future, :root .full_screen {
height : calc(var(--size-vegas-d) - ( var(--size-sitename) + 20px + 40px) );
} .box_left ,
.box_right {
float : none;
}
.pc_only {
display : none;
}
.mobile_only {
display : block;
}
@media print, screen and (min-width: 1000px) {
.box_left {
float : left;
}
.box_right {
float : right;
}
.pc_only {
display : block;
}
.mobile_only {
display : none;
}
.fixed { position : fixed;
z-index : 500;
}
} #wrapper {
position : relative;
top : 0;
padding : calc( var(--size-sitename) + 20px ) 0 0 0;
margin : 0;
}
header {
position : fixed;
top : 0;
left : 0;
right : 0;
height : calc( var(--size-sitename) + 20px);
margin : 0;
padding : 0;
z-index : 999;
background : var(--color-01);
}
#header {
position : absolute;
display: grid;
grid-template-columns: minmax(auto, 300px) 1fr 60px;
top : 10px;
left : 10px;
right : 10px;
height : var(--size-sitename);
padding : 0;
margin : 0;
align-items : center;
justify-content: center;
}
#gnav_outer-float ,
#gnav_outer {
display : none;
}
#container_outer {
clear : both;
position : relative;
margin : 0;
padding : 0;
background : var(--color-01);
}
#container {
padding : 0;
}
#content,
aside {
float : none;
padding :10px;
height : auto;
}
#gmap {
clear : both;
padding : 0!important;
margin : 0!important;
}
#footer_outer {
clear : both;
margin : 0;
padding : 0;
background : var(--color-04);
background : url(//centurykogyo.com/wp/wp-content/themes/fwc3/images/bg-foot.png);
}
footer {
padding : 10px;
}
#footertitle_outer {
clear : both;
margin : 0 auto;
background : var(--color-04);
}
#footertitle {
padding : 10px 10px var(--size-foot_nav) 10px;
}
@media print, screen and (min-width : 1000px) {
#wrapper {
}
#header {
grid-template-columns: minmax(auto, 300px) 1fr 450px 60px;
}
#gnav_outer-float ,
#gnav_outer {
display : block;
margin : 0;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
}
#container_outer {
padding : 70px 0 40px 0;
}
.front_page #container_outer {
padding-top : 82px;
}
.front_page #container_outer {
padding : 0 0 40px 0;
}
#container {
}
#content {
padding : 0;
}
main {
}
aside {
padding : 0;
}
footer {
padding : 30px 0;
}
#footertitle {
padding : 10px 0;
margin : 0 auto;
}
} #google_eyecatch {
visibility : hidden;
height : 0;
}
#header #sitename {
padding : 0;
margin : 0;
font-weight : bold;
line-height : var(--size-sitename);
max-width : calc(100vw - 20px - var(--size-sitename) - 20px); }
#header #sitename a {
color : var(--color-02);
}
#header #sitename.sitelogo {
}
#header #sitename.sitelogo img {
max-height : var(--size-sitename);
width : auto;
}
#header .description,
#sns_button_set {
display : none;
}
@media print, screen and (min-width: 1000px) {
#header_right {
overflow : hidden;
}
#header .description {
display : block;
padding : 0;
margin : 0;
font-size : var(--font-size);
line-height : var(--size-sitename);
}
#header .description a {
color : #000;
}
#sns_button_set {
display : block;
padding : 0;
margin : 0 0 0 auto;
}
} div#mobile_menu_set {
text-align : center;
}
button#mobile_menu_bttn {
position : relative;
margin : 0 0 0 auto;
cursor: pointer;
width : var(--size-sitename);
height : var(--size-sitename);
border : none;
box-shadow : none;
background : transparent;
}
#mobile_menu_bttn span.mmb1,
#mobile_menu_bttn span.mmb2,
#mobile_menu_bttn span.mmb3 {
display : inline-block;
transition : all .4s;
position : absolute;
left : 0;
height : 2px;
background : var(--color-02);
width : 100%;
}
#mobile_menu_bttn:hover span.mmb1,
#mobile_menu_bttn:hover span.mmb2,
#mobile_menu_bttn:hover span.mmb3 {
background : var(--color-04);
}
#mobile_menu_bttn span.mmb1 {
top : 0; 
}
#mobile_menu_bttn span.mmb2 {
top : calc(var(--size-sitename) * 0.3);
}
#mobile_menu_bttn span.mmb3 {
top :  calc(var(--size-sitename) * 0.6);
}
#mobile_menu_bttn span.mmb4 {
position : absolute;
display : block;
top :  calc(var(--size-sitename) * 0.8);
left : 0;
right : 0;
margin : 0;
padding : 0;
font-family : var(--font-family02);
color : var(--color-02);
font-size : 10px;
font-weight : normal;
line-height : 1;
background : transparent;
}
#mobile_menu_bttn.close span.mmb1 {
transform : translateY(calc(var(--size-sitename) * 0.3)) rotate(-31deg);
width : 100%;
}
#mobile_menu_bttn.close span.mmb2 {
opacity : 0;
}
#mobile_menu_bttn.close span.mmb3 {
transform : translateY(calc(var(--size-sitename) * -0.3)) rotate(31deg);
width : 100%;
color : var(--color-04);
}
#mobile_menu_bttn.close span.mmb4 {
}
@media print, screen and (min-width: 1000px) {
} #mobile_menu {
display : none;
}
#mobile_menu {
position : fixed;
-webkit-transform : translateZ(0);
z-index : 999;
top : calc(var(--size-sitename) + 20px);
right : 0;
width : 240px;
border-left : 1px solid var(--color-02);
filter : drop-shadow(-10px 0 10px rgba(0,0,0,0.3));
background : var(--color-01);
}
#mobile_menu ul.menu {
overflow : auto;
-webkit-overflow-scrolling : touch;
height : calc(100vh - ( var(--size-sitename) + 20px));
padding-bottom : 100px;
}
_::-webkit-full-page-media, _:future, :root #mobile_menu ul.menu {
height : calc(100dvh - ( var(--size-sitename) + 20px));
}
#mobile_menu li {
list-style : none;
border-top : 1px solid var(--color-02);
text-align : left;
}
#mobile_menu li a {
display : block;
padding : 12px 0 12px 10px;
font-weight : bold;
line-height : 24px;
color : var(--color-02);
font-family : var(--font-family02);
}
#mobile_menu li#mobile_searchform {
padding : 0;
border : none;
color : #000;
background : #fff;
}
#mobile_menu li#mobile_searchform form#searchform input {
border : none;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
} ul#sns-button li {
display : inline;
}
ul#sns-button i {
font-family : Fontawesome;
font-size : 30px;
font-style : normal;
color : var(--color-02);
}
ul#sns-button li.sns-twitter i:hover {
color : #1e9bf0;
}
ul#sns-button li.sns-facebook i:hover {
color : #1877f2;
}
ul#sns-button li.sns-instagram i:hover {
color : #ff0c55;
}
ul#sns-button li.sns-youtube i:hover {
color : #ff0202;
}
ul#sns-button li.sns-line i:hover {
color : #0eaf15;
}
ul#sns-button li.english-page i:hover {
color : #30b84c;
}
ul#sns-button li.sns-contact i:hover {
color : #006a27;
}
header ul#sns-button {
display : none;
}
footer ul#sns-button {
display : block;
padding : 0;
margin : 20px 0 30px 0;
position : static;
text-align : center;
}
footer ul#sns-button:after {
display : block;
padding : 30px 0;
content : "●　●　●";
font-family : fontawesome;
font-size : 12px;
color : #fff;
text-align : center;
}
footer ul#sns-button li {
display : inline;
padding : 0 10px;
float : none;
margin-left : 0;
}
footer ul#sns-button i {
font-family : Fontawesome;
font-size : 30px;
font-style : normal;
color : #fff;
}
@media print, screen and (min-width: 640px) {
header ul#sns-button {
display : block;
text-align : right; }
header ul#sns-button li {
float : left;
margin-left : 20px;
}
} button#search_button {
background : transparent;
}
footer button#search_button {
display : none;
}
button#search_button:hover i {
color : #c00;
}
#search-overlay {
display : none;
z-index : 9999;
position : fixed;
top : calc(var(--size-sitename) + 20px);
left : 0;
right : 0;
bottom : var(--size-foot_nav);
width : 100%;
height : calc(100% - (var(--size-sitename) + 20px + var(--size-foot_nav)));
background : rgba(0,0,0,0.6);
transition : opacity 0.3s ease-in-out;
}
@media print, screen and (min-width: 1000px) {
#search-overlay {
bottom : 0;
height : calc(100% - (var(--size-sitename) + 20px));
}
}
#search-overlay.appear {
display : flex;
text-align : center;
align-items : center;
justify-content: center;
}
form#searchform-overlay input[type="text"] {
font-size : 1.5rem;
font-weight : bold;
width : calc(var(--size-ml-w) * 0.8);
max-width : 90vw;
height : 60px;
border-radius : 30px;
text-align : center;
background : #fff;
color : #000;
}
form#searchform-overlay input[type="submit"] {
margin : 10px auto 0 auto;
font-size : 1.5rem;
font-weight : bold;
width : 120px;
height : 60px;
border-radius : 30px;
text-align : center;
background : #fff;
color : #000;
}
form#searchform-overlay input[type="submit"]:hover {
background : #c00;
color : #fff;
} #HomeSlide {
clear : both;
width : 100%;
height : 50vh;
overflow : hidden;
margin : 0;
padding :  0;
box-sizing : content-box;
}
#HomeSlide .slick-slide {
position : relative;
margin: 0 2px;
width : 1000px;
height : 50vh;
height : 50dvh;
}
#HomeSlide .slick-slide img ,
#HomeSlide .slick-slide video {
width : 100%;
height : 100%;
object-fit : cover;
object-position : 50% 50%;
}
#HomeSlide .slick-slide span {
display : block;
width : 100%;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 150;
color: #fff;
font-family : var(--font-family02);
font-size : 6cqw;
font-weight : bold;
text-shadow : 0.1cqw 0.1cqw 1cqw #000;
text-align : center;
}
@media print, screen and (min-width: 1000px) {
#HomeSlide .slick-slide span {
font-size : 3cqw;
}
} #AchievementsSlide {
clear : both;
width : 100%;
height : 50vh;
overflow : hidden;
margin : 20px 0;
padding : 0 0;
}
#AchievementsSlide .slick-slide {
position : relative;
margin: 0;
width : 1000px;
height : 50vh;
height : 50dvh;
}
#AchievementsSlide .slick-slide img ,
#AchievementsSlide .slick-slide video {
width : 100%;
height : 100%;
object-fit : cover;
object-position : 50% 50%;
}
#AchievementsSlide .slick-slide span {
display : block;
width : 96%;
position: absolute;
top: 2%;
left: 2%;
z-index: 150;
color: #fff;
font-family : var(--font-family02);
font-size : 4cqw;
line-height : 150%;
font-weight : bold;
text-shadow : 0.1cqw 0.1cqw 1cqw #000;
text-align : left;
}
@media print, screen and (min-width: 1000px) {
#AchievementsSlide .slick-slide span {
font-size : 1.7cqw;
}
} nav#gnav {
display : none;
}
@media print, screen and (min-width: 1000px) {
nav#gnav {
display : block;
}
nav#gnav ul {
padding : 0;
background : var(--color-01);
height : 40px;
}
nav#gnav ul li {
position : relative;
margin : 0;
padding : 0;
text-align : center;
width : 100%;
}
nav#gnav li a {
display : block;
color : var(--color-02);
font-size : 16px;
line-height : 40px;
font-family : var(--font-family02);
}
nav#gnav li:hover {
background : #6c9608;
}
nav#gnav li:hover a {
color : #fff;
}
nav#gnav li.current-menu-item {
background : var(--color-04);
}
nav#gnav li.current-menu-item a {
color : var(--color-01);
}
} .search_numbers {
margin : 0 0 0 10px;
font-size : calc(var(--font-size) * 0.8);
font-weight : normal;
}  dl.post_list {
margin : 0 -10px;
padding : 0;
}
.post_list .post_list-box {
}
.post_list dt.post_list-thumb {
position : relative;
}
.post_list .paper_calendar {
display : none;
}
.post_list dt.post_list-thumb .pl-cat a {
display : inline-block;
position : absolute;
top : 0;
left : 0;
background : #336;
color : #fff;
font-size : 11px;
line-height : 15px;
font-weight : bold;
padding : 5px 10px;
}
.post_list dt.post_list-thumb .pl-cat a:hover {
background : var(--color-04);
}
.post_list dt.post_list-thumb .pl-cat a:before {
content : "\f07b";
font-family : fontawesome;
margin : 0 4px 0 0;
}
.post_list dt.post_list-thumb {
margin : 0;
padding : 0;
width : 100%;
overflow : hidden;
font-size : 1rem;
font-weight : normal;
line-height : 1.5em;
text-align : left;
}
.post_list dt.post_list-thumb img {
width: 100%;
height: auto;
object-fit: cover;
aspect-ratio: var(--aspect-ratio);
transition: transform 0.2s ease-in-out;
}
.post_list dt.post_list-thumb img:hover {
transform: scale(1.1);
opacity : 1;
}
.post_list dt.post_list-thumb a {
}
.post_list dd.post_list-content {
margin : 0;
padding : 0;
}
.post_list dd.post_list-content .pl_c-cat {
display : none;
}
.post_list dd.post_list-content h3 {
padding : 0;
margin : 0;
font-family : var(--font-family02);
font-size : 1rem;
font-weight : normal;
line-height : 1.5em;
text-align : left;
border : none;
}
.post_list dd.post_list-content h3 a:hover {
color : #CC3434;
}
.post_list dd.post_list-content h3 a {
color : var(--color-02);
}
.post_list dd.post_list-content p {
display : none;
margin : 0;
font-size : 1rem;
line-height : 1.5em;
}
.post_list dd.post_list-content .blog_info {
font-size : 0.8rem;
display : none;
}
@media print, screen and (min-width: 640px) {
.post_list dt.post_list-thumb {
margin : 0;
}
.post_list dd.post_list-content p {
display : block;
}
.post_list dd.post_list-content .blog_info {
display : block;
}
} .post_list-grid ,
.post_list-grid-nocap {
margin : 0 -10px;
}
.post_list-grid .post_list ,
.post_list-grid-nocap .post_list {
}
.post_list-grid .post_list dl.post_list-box ,
.post_list-grid-nocap .post_list dl.post_list-box {
display : grid;
grid-template-columns : 120px 1fr;
grid-gap : 0 10px; justify-content : space-between;
overflow : hidden;
border-bottom : 1px solid #666;
}
.post_list-grid .post_list dt.post_list-thumb ,
.post_list-grid-nocap .post_list dt.post_list-thumb {
padding : 0;
margin : 0;
}
.post_list-grid .post_list dt.post_list-thumb img ,
.post_list-grid-nocap .post_list dt.post_list-thumb img {
object-fit: cover;
width: 100%;
height: 100%;
}
.post_list-grid .post_list dl.post_list-box h3 ,
.post_list-grid-nocap .post_list dl.post_list-box h3 {
font-size : 1rem;
line-height : 1.5em;
}
.post_list-grid .post_list dd.post_list-content p ,
.post_list-grid-nocap .post_list dd.post_list-content p {
display : block;
margin : 0;
font-size : 1rem;
line-height : 1.5em;
}
.post_list-grid .post_list dd.post_list-content p.a-client ,
.post_list-grid .post_list dd.post_list-content p.a-completion ,
.post_list-grid-nocap .post_list dd.post_list-content p.a-client ,
.post_list-grid-nocap .post_list dd.post_list-content p.a-completion {
display : block;
font-family : var(--font-family02);
font-size : 0.8rem;
line-height : 1.5em;
}
.post_list-grid-nocap .post_list dd.post_list-content p.a-client {
margin-top : 5px;
padding-top : 3px;
border-top : 1px solid #999; }
.post_list-grid-nocap .post_list dd.post_list-content p.a-completion {
padding-bottom : 3px; }
.post_list-grid .post_list dl.post_list-box p {
font-size : 0.9rem;
}
.post_list-grid-nocap .post_list dl.post_list-box p {
display : none;
}
.post_list-grid .post_list dt .post_date,
.post_list-grid .post_list dd .blog_info ,
.post_list-grid-nocap .post_list dt .post_date,
.post_list-grid-nocap .post_list dd .blog_info {
display : none;
}
@media print, screen and (min-width: 640px) {
.post_list-grid ,
.post_list-grid-nocap {
margin : 0;
}
.post_list-grid .post_list ,
.post_list-grid-nocap .post_list {
display : grid;
grid-template-columns : repeat(var(--grid_num), 1fr);
grid-gap : 20px;
justify-content : space-between;
}
.post_list-grid .post_list dl.post_list-box ,
.post_list-grid-nocap .post_list dl.post_list-box {
display : block;
margin : 0;
height : auto;
border-bottom : none;
}
.post_list-grid .post_list dt.post_list-thumb ,
.post_list-grid-nocap .post_list dt.post_list-thumb {
margin : 0 0 10px 0;
}
.post_list-grid .post_list dl.post_list-box h3 {
}
.post_list-grid-nocap .post_list dd.post_list-content p.a-completion {
border-bottom : 1px solid #999;
}
} .post_list-line .post_list {
display : block;
}
.post_list-line .post_list dl.post_list-box {
padding : 10px 0;
border-bottom : 1px dotted #999;
}
.post_list-line .post_list dl.post_list-box dt.post_list-thumb {
float : left;
width : 155px;
}
.post_list-line .post_list dl.post_list-box dt.post_list-thumb p.post_date {
margin : 0;
}
.post_list-line .post_list dl.post_list-box dt.post_list-thumb a.thumb ,
.post_list-line .post_list dt.post_list-thumb .pl-cat {
display : none;
}
.post_list-line .post_list dd.post_list-content {
margin : 0 0 0 160px;
}
.post_list-line .post_list dd.post_list-content .pl_c-cat {
display : inline;
float : left;
margin : 0 3px 0 0;
font-family : var(--font-family02);
font-size : 1rem;
line-height : 1.5em;
font-weight : 500;
}
.post_list-line .post_list dd.post_list-content .pl_c-cat a {
color : #000;
}
.post_list-line .post_list dd.post_list-content .pl_c-cat a:hover {
color : #026796;
}
.post_list-line .post_list dd .post_list-excerpt,
.post_list-line .post_list dd .blog_info {
display : none;
} p.read_more {
text-align : center;
}
p.read_more a {
display: inline-block;
padding: 2px 10px;
color: #333!important;
font-family : var(--font-family02);
border-left: 1px solid #999;
border-right: 1px solid #999;
}
p.read_more a:hover {
background-color: #ddd;
} .post p ,
.post ul ,
.post ol {
margin : 0 0 10px 0;
}
.post ul ,
.post ol {
padding : 0 0 0 30px;
}
.post ul li {
list-style-type : disc;
}
.post ol li {
list-style-type : decimal; }
p.single_post-date {
text-align : right;
}
ul.bubble_list,
ul.wp-tag-cloud {
margin : 20px 0 0 0;
padding : 0;
}
ul.bubble_list li ,
ul.wp-tag-cloud li {
display : inline-block;
margin : 0;
padding : 0;
list-style : none;
}
ul.bubble_list li a ,
ul.wp-tag-cloud li a {
display : inline-block;
padding : 10px;
margin : 0 10px 0 0;
line-height : 20px;
border : 1px solid #ccc;
border-radius : 4px;
background : var(--color-03);
color : var(--color-02);
font-size : var(--font-size)!important;
}
ul.bubble_list li a:hover ,
ul.wp-tag-cloud li a:hover {
border : 1px solid ;
background : var(--color-02)!important;
color : var(--color-01)!important;
}
.event #live_info ul {
padding : 0;
margin : 10px 0;
}
.event #live_info ul li {
display : inline-block;
list-style : none;
padding : 5px 12px;
margin : 0 5px 5px 0;
border : 1px solid #ccc;
border-radius : 4px;
background : var(--color-03);
font-weight : bold;
}
.ad_box {
margin : 0 0 20px 0;
padding : 5px;
border : 1px solid #666;
border-radius : 4px;
}
.ad_box h3 {
margin : 10px 0;
text-align : center;
}
@media print, screen and (min-width: 1000px) {
p ,
.post ul ,
.post ol {
margin : 0 0 1em 0;
}
} p.publish_date {
padding : 10px;
margin : 40px 0 20px 0;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
background : var(--color-01);
}
.blog_info {
margin : 24px 0;
padding : 5px 0;
border-top : 1px solid #666;
border-bottom : 1px solid #666;
}
.blog_info p {
margin : 0;
} blockquote {
padding : 30px 15px 0 15px;
margin : 20px 0;
background : #efefef url(https://centurykogyo.com/wp/wp-content/themes/fwc3/images/quote-top.png) left top no-repeat;
}
blockquote:after {
display : block;
padding : 0;
margin : 0;
content : url(https://centurykogyo.com/wp/wp-content/themes/fwc3/images/quote-bottom.png);
text-align : right;
} span.require,
span.caution {
color : #d00;;
}
p.attention {
border : 2px solid #d00;
padding : 10px;
color : #d00;
} p.e404 {
padding : 0;
margin : 0;
font-family : 'Shippori Antique', sans-serif;
font-size : 100px;
line-height : 120px;
text-align : center;
}
p.e404 a {
color : var(--color-02);
}
#get_search_form {
margin : 20px 0 40px 0;
}
@media print, screen and (min-width: 1000px) {
p.e404 {
margin : 0 0 40px 0;
font-size : 300px;
line-height : 360px;
}
} .footer_box {
}
.footer_box h1.entry-title,
.footer_box h1.page-title ,
.footer_box h4.entry-title,
.footer_box h4.page-title {
line-height : 24px;
color : #000;
text-align : center;
padding : 10px 20px;
margin : 0 0 10px 0;
background-color : #fff;
}
.footer_box ,
.footer_box p {
color : var(--color-01);
line-height : 1.5em;
text-decoration : none;
}
.footer_box a {
color : var(--color-01);
}
.footer_box a:hover {
color : #fc0;
}
.footer_box h4 {
color : var(--color-02);
text-align : center;
margin : 0 0 10px 0;
background-color : var(--color-01);
}
@media print, screen and (min-width: 1000px) {
.footer_box {
display : block;
}
} #footertitle p,
#footertitle a,
#footertitle h1,
#footertitle h1 a {
color : #fff;
font-weight : normal;
font-size : var(--font-size);
line-height : 1.5em;
} #foot_nav {
position : fixed;
bottom : 0;
left : 0;
right : 0;
margin : 0;
padding : 0;
height : var(--size-foot_nav);
display : grid;
grid-template-columns : repeat(5, 1fr);
justify-content : space-between;
}
#foot_nav li {
}
#foot_nav a,
#foot_nav button {
position : relative;
bottom : 0;
right : 0;
display : block;
padding : 0;
width : 100%;
background : var(--color-05);
text-align : center;
color : #fff;
font-size : 11px;
line-height : 40px;
}
#foot_nav a:hover {
background : #CC3434;;
}
#foot_nav a i,
#foot_nav button i {
font-size : 24px;
line-height : 20px;
margin : 10px 0 0 0;
}
#foot_nav a i::after ,
#foot_nav button i::after {
content : "\A"attr(data-cap);
white-space : pre;
margin : 0;
font-size : 9px;
font-weight : bold;
line-height : 0;
}
@media print, screen and (min-width: 1000px) {
#foot_nav {
position : initial;
display : block;
bottom : auto;
left : auto;
right : auto;
height : auto;
}
#foot_nav a {
display : block;
position : fixed;
padding : 5px 0;
width : 70px;
right : 20px;
border-radius : 4px;
line-height : 1em;
}
#foot_nav button {
display : none;
}
#foot_nav a i {
font-size : 20px;
line-height : 20px;
margin : 0;
}
#foot_nav a i::after {
font-size : 9px;
font-weight : bold;
line-height : 3px;
}
#foot_nav a:hover {
background : #CC3434;
}
#foot_nav li#foot_nav-page_top a {
bottom : 225px;
}
#foot_nav li#foot_nav-home a {
bottom : 165px;
}
#foot_nav li#foot_nav-contact a {
bottom : 105px;
}
#foot_nav li#foot_nav-e-calendar a {
bottom : 30px;
right : 20px;
width : 200px;
padding : 15px 0;
font-size : 16px;
line-height : 32px;
}
#foot_nav li#foot_nav-e-calendar a i {
margin : 0 5px 0 0;
}
#foot_nav li a i::after {
font-weight : normal;
}
#foot_nav li#foot_nav-e-calendar a i::after {
content : attr(data-cap);
margin : 0 0 0 5px;
font-size : 16px;
line-height : 20px;
}
} .fwc-pagination {
margin : 20px 0;
text-align : center;
}
.fwc-pagination .page-numbers {
display : inline-block;;
margin : 0 2px;
text-align : center;
align-items : center;
justify-content: center;
background : #ccc;
color : #fff;
font-size : 0.8em;
width : 2em;
height : 2em;
line-height : 2em;
}
.fwc-pagination .page-numbers:hover {
background : #c00;
}
.fwc-pagination .page-numbers.current {
background : #666;
}
.fwc-pagination .control {
display : inline-block;;
margin : 0 2px;
text-align : center;
align-items : center;
justify-content: center;
color : #000;
font-size : 0.8em;
height : 2em;
line-height : 2em;
}
.fwc-pagination .control:hover {
color : #c00;
} nav#braudcrumb-list {
margin : 0 0 10px 0;
font-size : 15px;
line-height : 22px;
}
nav#braudcrumb-list a {
color : var(--color-02);
}
nav#braudcrumb-list ol {
padding : 0;
margin : 0;
}
nav#braudcrumb-list ol li {
float : left;
padding : 0;
margin : 0 10px 0 0;
list-style : none;
}
nav#braudcrumb-list i {
font-size : 16px;
margin-right : 2px;
color : #666;
} .page_nav {
margin : 40px 0;
display : grid;
grid-template-columns : repeat(2, 49%);
justify-content : space-between;
}
.page_nav a {
display : block;
position : relative;
height : 100%;
color : var(--color-02);
font-size : 16px;
line-height : 24px;
background : var(--color-01);
border : 1px solid var(--color-02);
}
.page_nav .previous a {
padding : 10px 10px 10px 50px;
}
.page_nav .previous a::before {
font-family : fontawesome;
content : "\f060";
position : absolute;
top : 0;
bottom : 0;
left : 0;
display : flex;
align-items : center;
justify-content: center;
width : 40px;
color : var(--color-02);
text-align : center;
}
.page_nav .next a {
padding : 10px 40px 10px 10px;
}
.page_nav .next a::after {
font-family : fontawesome;
content : "\f061";
position : absolute;
top : 0;
bottom : 0;
right : 0;
display : flex;
align-items : center;
justify-content: center;
width : 40px;
color : var(--color-02);
text-align : center;
}
.page_nav a:hover ,
.page_nav .previous a:hover::before ,
.page_nav .next a:hover::after {
background : var(--color-02);
color : var(--color-01);
} table {
width : 100%;
margin : 0 0 10px 0;
border-collapse : collapse;
border-spacing : 0;
}
table th,
table td {
margin : 0;
padding : 5px;
border-collapse : collapse;
border : 1px solid #999;
border-spacing : 0;
vertical-align : top;
}
table th p ,
table td p {
margin : 0;
} .tsImgArea{
line-height: 1;
} .tsImg{
display    : inline-block;
width      : 8px;
height     : 6px;
background : #eee;
border     : 1px solid #777;
margin     : 1px 3px;
padding    : 3px;
cursor     : pointer;
} .tsImg:hover{
background : #FFD700;
} .tsImg path{
fill       : #777;
}
@media print, screen and (min-width: 1000px) {
table th,
table td {
padding : 10px;
}
} .slide_tbl {
overflow-x : auto;
white-space : normal;
}
.slide_tbl table th,
.slide_tbl table td ,
.slide_tbl table td p {
line-height : 120%;
min-width : 100px;
max-width : 100px;
margin-bottom : 0!important;
margin : 0!important;
} @media print, screen and (min-width: 1000px) {
.slide_tbl {
overflow-x : hidden;
white-space : normal;
}
.slide_tbl table th,
.slide_tbl table td ,
.slide_tbl table td p {
line-height : 120%;
min-width : initial;
max-width : initial;
margin-bottom : 0!important;
margin : 0!important;
}
tr.pc_no_disp {
display : none;
}
} .asidebox ,
.footer_box ,
.widget_box {
margin-bottom : 10px;
}
.widget_box {
padding : 0 10px;
}
.widget_box h4 {
margin : 0 -10px 10px -10px;
}
#widget-post_bottom02 {
height : 100%;
}
#widget-post_bottom02 a {
display : block;
width : 100%;
height : 100%;
padding : 40px 0;
color : #fff;
text-align : center;
background : #ccc;
font-size : 1.5rem;
}
@media print, screen and (min-width: 1000px) {
.asidebox ,
.footer_box ,
.widget_box {
margin-bottom : 20px;
}
.widget_box {
padding : 0;
}
.widget_box h4 {
margin : 0 0 10px 0;
}
} #aside-02 img {
max-width : 150px!important;
}
@media print, screen and (min-width: 1000px) {
#aside-02 img {
max-width : var(--size-small)!important;
}
} #recent-posts-2 {
}
#recent-posts-2 ul {
margin : -10px 0 0 0;
}
#recent-posts-2 ul li {
padding : 5px 0;
border-bottom : 1px solid #999;
} .widget_sp_image-description {
line-height : 120%;
} table.contactform {
border : none;
color : var(--color-02);
}
table.contactform tr {
padding : 0;
margin : 0;
}
table.contactform td {
display : block;
padding : 0;
margin : 0;
border : none;
}
table.contactform td p {
margin : 10px 0 0 0;
}
table.contactform td:nth-child(1) {
font-weight : bold;
}
table.contactform td:nth-child(2) {
}
.wpcf7-list-item {
display : block;
}
.form_fullsize {
width : 100%;
}
table.contactform input[type="text"] ,
table.contactform input[type="email"] ,
table.contactform select ,
table.contactform textarea {
padding : 4px 2px;
border : 1px solid #999;
box-shadow : none;
color : #000;
}
.contact_submit input[type="submit"] {
display : inline-block;
margin : 30px auto;
padding : 10px 0;
}
.contact_submit input[type="submit"]:hover {
background : var(--color-03);
}
.wpcf7-list-item-label {
color : var(--color-02);
}
@media print, screen and (min-width: 1000px) {
table.contactform {
border-collapse : separate;
border-spacing : 5px;
color : #000;
}
table.contactform tr {
}
table.contactform td {
display : table-cell;
padding : 10px;
vertical-align : middle;
}
table.contactform td p {
margin : 0;
}
table.contactform td:nth-child(1) {
width : 25%;
background : #efefef;
}
} #vegasslider {
position : absolute;
top : 0;
left : 0;
right : 0;
bottom : 0;
} .flexslider {
background : transparent!important;
border : none!important;
padding : 0!important;
margin : 0!important;
} h1.calendar-ttl {
font-family : var(--font-family02);
font-weight : 300;
font-size:  1.5rem;
line-height : 1.2em;
border-bottom: solid 1px #000;
padding-bottom:  10px;
margin: 20px 0 30px 0;
text-align : center;
}
#month_lnk-cal_change {
margin : 0;
}
#month_lnk-cal_change-bottom {
margin : 20px 0;
}
p.month_lnk {
display : inline-block;
margin : 0 20px 0 0;
font-size : 18px;
line-height : 40px;
}
button#cal_change {
display : none;
max-width : 100%;
margin : 0;
padding : 0 10px;
font-size : 24px;
line-height : 40px;
height : 40px;
border : 1px solid #ccc;
border-radius : 6px;
background : var(--color-03);
color : var(--color-02);
}
button#cal_change:hover {
color : #fff;
background : var(--color-04);
}
p.month_lnk a {
display : inline-block;
margin : 0;
height : 40px;
border : 1px solid #ccc;
background : var(--color-03);
color : var(--color-02)!important;
}
p.month_lnk a:hover {
background : var(--color-04);
border : 1px solid ;
color : var(--color-01)!important;
}
p.month_lnk .prev {
border-radius : 20px 0 0 20px;
padding : 0 10px 0 20px;
}
p.month_lnk .this {
padding : 0 10px;
border-left : none!important;
border-right : none!important;
}
p.month_lnk .next {
border-radius : 0 20px 20px 0;
padding : 0 20px 0 10px;
}
#calendar_outer #content {
padding : 0!important
}
#calendar_outer {
padding : 0;
margin : 0;
border-top : 1px solid #666;
}
#calendar_outer .youbi_header,
#calendar_outer .null_day {
display : none;
}
.single_day {
display : grid;
grid-template-columns : 40px 1fr;
justify-content : space-between;
padding : 0;
margin : 0;
border-bottom : 1px solid #666;
}
.single_day.today {
background : rgba(255,0,0,0.3);
}
.date_card {
width : 40px;
background : var(--color-01);
border-right : 1px solid #666;
text-align : center;
padding : 0 0 10px 0;
}
.date_card .day {
display : flex;
padding : 0;
margin : 0;
width : 100%;
align-items : center;
justify-content: center;
height : 30px;
font-size : 21px;
text-align : center;
}
.single_day.today .date_card {
background : rgba(255,0,0,0.3);
}
.date_card .jyoubi {
display : inline-block;
padding : 0;
margin : 0;
width : 24px;
height : 24px;
font-size : 14px;
line-height : 24px;
font-weight : bold;
background : var(--color-01);
border : 1px solid #ccc;
border-radius : 12px;
}
.date_card .jyoubi.sunday {
background : #b02c2c;
border : 1px solid #b02c2c;
color : #fff;
}
.date_card .jyoubi.saturday {
background : #2c4c63;
border : 1px solid #2c4c63;
color : #fff;
}
a.single_event {
padding : 0;
margin : 0;
display : grid;
grid-template-columns : 110px 1fr;
justify-content : space-between;
color : var(--color-02);
border-bottom : 1px solid #666;
}
.s-calendar a.single_event {
display : block;
}
a.single_event:last-child {
border-bottom : none;
}
a.single_event:hover {
background : var(--color-cal-hover);
}
a.single_event p {
margin : 0;
}
.event-thumbnail {
position : relative;
width : 100px;
height : 100px;
overflow : hidden;
}
.event-thumbnail .event_genre {
position : absolute;
display : inline-block;
bottom : 0;
right : 0;
padding : 0 5px;
margin : 0;
font-size : 12px;
line-height : 20px;
color : var(--color-01);
background : var(--color-02);
}
.event-thumbnail .event_session {
position : absolute;
display : inline-block;
top : 0;
left : 0;
padding : 0 5px;
margin : 0;
font-size : 12px;
line-height : 20px;
color : #fff;
background : var(--color-04);
}
.single_event-content {
padding : 5px;
}
.single_event-content .event-time {
margin : -5px 0 0 0;
}
.single_event-content .event-time_price {
display : inline-block;
padding : 0 5px;
margin-right : 1px;
border-radius : 0;
color : #fff;
font-size: 13px;
line-height : 24px;
}
.single_event-content .event-open {
background : #7480a8;
}
.single_event-content .event-start {
background : #74a88d;
}
.single_event-content .event-end {
background : #8b74a8;
}
.single_event-content .event-price {
background : #a996da;
}
.single_event-content .event-title {
font-size : 110%;
font-weight : bold;
}
p.normal_business ,
p.shop_closed ,
p.shop_free {
padding : 10px 0 0 10px;
}
p.shop_closed {
background : var(--color-cal-closed);
}
p.shop_closed:before {
content : "\f410";
font-family : fontawesome;
color : #ea6e61;
margin-right : 4px;
}
p.shop_free {
background : var(--color-cal-free);
}
p.shop_free:before {
content : "\f130";
font-family : fontawesome;
color : #3bc562;
margin-right : 4px;
}
@media print, screen and (min-width: 640px) {
h1.calendar-ttl {
font-size:  2rem;
}
.single_day {
grid-template-columns : 60px 1fr;
}
.date_card {
width : 60px;
}
.date_card .day {
height : 40px;
font-size : 24px;
}
a.single_event {
grid-template-columns : 160px 1fr!important;
height : 150px;
overflow : hidden;
}
.s-calendar a.single_event {
display : block;
height : auto;
}
.event-thumbnail {
width : 150px;
height : 150px;
}
} @media print, screen and (min-width: 640px) {
button#cal_change {
display : inline-block;
}
#calendar_outer.monthly_view {
display : grid;
grid-template-columns : repeat(7, 1fr);
justify-content : space-between;
padding : 0;
margin : 0;
border-top : 1px solid #666;
border-left : 1px solid #666;
}
#calendar_outer.monthly_view .youbi_header {
display : block;
padding : 3px 0;
background : #efefef;
color : #000;
text-align : center;
border-right : 1px solid #666;
border-bottom : 1px solid #666;
}
#calendar_outer.monthly_view .youbi_header.sunday {
background : #933;
color : #fff;
}
#calendar_outer.monthly_view .youbi_header.saturday {
background : #339;
color : #fff;
}
#calendar_outer.monthly_view .null_day ,
#calendar_outer.monthly_view .single_day {
display : block;
padding : 0;
margin : 0;
border-bottom : 1px solid #666;
border-right : 1px solid #666;
}
#calendar_outer.monthly_view .date_card {
display : block;
width : 100%;
margin : 0;
background : #555;
color : #fff;
text-align : center;
height : 30px;
border-right : none;
}
#calendar_outer.monthly_view .single_day.today .date_card {
background : rgba(255,0,0,0.3);
}
#calendar_outer.monthly_view .date_card .day {
padding : 0;
margin : 0;
height : 30px;
font-size : 14px;
line-height : 22px;
}
#calendar_outer.monthly_view .date_card .jyoubi {
display : none;
}
#calendar_outer.monthly_view .day_events {
display : block;
min-height : 60px;
}
#calendar_outer.monthly_view .single_event {
display : block;
height : auto;
}
#calendar_outer.monthly_view .event-thumbnail {
display : none;
}
#calendar_outer.monthly_view .event-title {
padding : 5px 10px;
margin : 0;
font-size : 14px;
line-height : 18px;
}
#calendar_outer.monthly_view .event-excerpt {
display : none;
}
#calendar_outer.monthly_view .day_events {
min-height : 50px;
}
} #HomeTop {
margin : 30px 0 0 0;
}
.lead-body {
grid-gap : 40px;
}
.lead-body p {
font-size : 15px;
line-height : 1.7em;
}
.lead-body p.policy {
margin : 20px 0 10px 0;
font-family : var(--font-family02);
font-size : 1.5em;
text-align : center;
}
#what_is_iso {
margin : 10px 0;
padding : 10px 0;
color : #444;
font-size : 0.9em;
line-height : 1.4em;
border-top : 1px solid #999;
border-bottom : 1px solid #999;
}
#what_is_iso p {
margin : 0 0 5px 0;
}
#HomeTop .read_more {
margin : 10px 0 20px 0;
}
@media print, screen and (max-width : 640px) {
#HomeTop img {
display : block;
width : 30%;
margin : 0 auto;
}
} dl.tabular {
width : 100%;
margin : 10px 0;
}
dl.tabular dt {
background : #dfdfdf;
font-family : var(--font-family02);
padding : 10px;
vertical-align : middle;
font-size : 1rem;
line-height : 1.5em;
}
dl.tabular dd {
background : #f9f9f9;
font-size : 1rem;
line-height : 1.5em;
padding : 10px;
vertical-align : middle;
}
dl.tabular dt p ,
dl.tabular dd p {
margin : 0!important;
line-height : 1.5em!important;
}
dl.tabular dd ul {
margin : 0!important;
padding : 0 0 0 16px!important;
}
@media print, screen and (min-width : 1000px) {
dl.tabular {
display : grid;
grid-template-columns : 200px 1fr;
justify-content : space-between;
grid-gap : 4px;
}
dl.tabular dt {
}
dl.tabular dd {
}
} #logos {
margin : 40px 0;
text-align : center;
}
#logos .logos-lead {
margin : 0 0 20px 0;
font-family : var(--font-family02);
}
#logos img {
padding : 0 10px;
} .telephone a {
display : inline-block;
padding : 15px 20px;
font-family : var(--font-family02);
font-size : 30px;
line-height : 30px;
border-radius : 30px;
font-weight : bold;
background : #026796;
color : #fff;
}
.telephone a:hover {
background : #6c9608;
}
.telephone i {
font-family : fontawesome;
margin : 0 5px 0 0;
color : #fff;
} #csr_logos {
margin : 20px 0 30px 0;
}
#grandslam {
margin : 0 0 20px 0;
text-align : center;
}
#grandslam img {
max-width : 100%;
} img.size-full,
img.size-large {
max-width : 100%;
height : auto;
}
img.size-medium ,
img.size-thumb300 {
padding : 10px;
box-sizing : content-box;
}
img.alignright {
display : inline;
float : right;
margin : 0 0 10px 20px;
}
img.alignleft {
display : inline;
float : left;
margin : 0 20px 10px 0;
}
img.aligncenter {
display : block;
margin : 0 auto;
}
.photo_frame {
border : 12px solid #fff;
box-shadow : 2px 2px 6px #999;
margin : 0 10px 10px 0;
}
@media only screen and (max-width: 780px) {
img.alignright ,
img.alignleft ,
img.aligncenter {
display : block;
float : none;
margin : 0 0 10px 0;
}
}
.client_completion {
text-align : right;
}
#nav_menu-2 ul li ,
#nav_menu-3 ul li {
font-family : var(--font-family02);
font-weight : bold;
}
 .no_img {
background : url(https://centurykogyo.com/wp/wp-content/themes/fwc3/custom/no_image.png) #ccc no-repeat center center;
background-size : contain;
}
.no_img-sq {
background : url(https://centurykogyo.com/wp/wp-content/themes/fwc3/custom/no_image.png) #ccc no-repeat center center;
background-size : contain;
} p {
}
h1 {
}
h1.catch {
padding : 0;
margin: 60px 0;
font-family : var(--font-family02);
font-weight : 700;
font-size:  30px;
line-height : 1.2em;
text-align : center;
--gradient-start : #022640;
--gradient-end : #57a6ab;
background : linear-gradient(90deg,var(--gradient-start),var(--gradient-end));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
@media screen and (min-width: 1000px) {
h1.catch {
font-size:  64px;
}
}
h1.page-title ,
h1.entry-title,
h1.search_result-title ,
h4.category-title {
font-family : var(--font-family02);
font-weight : 300;
font-size:  1.5rem;
line-height : 1.2em;
border-bottom: solid 6px #000;
padding-bottom:  10px;
margin: 30px 0;
position:  relative;
}
h1.page-title::before ,
h1.entry-title::before,
h1.search_result-title::before ,
h4.category-title::before {
content:  '';
width: 25%;
height: 6px;
background: #026796;
display:  block;
position:  absolute;
left:  0;
bottom: -6px;	
}
h2 {
padding : 0.8rem 1rem;
margin : 2rem 0;
font-family : var(--font-family02);
font-weight : 500;
font-size:  1.25rem;
line-height : 1em;
--gradient-start : #022640;
--gradient-end : #57a6ab;
background : linear-gradient(90deg,var(--gradient-start),var(--gradient-end));
color : #fff;
}
h3 {
margin : 1.5rem 0 1rem 0;
padding : 0 0 0.5rem 0;
font-family : var(--font-family02);
font-weight : 500;
font-size : 1.2rem;
line-height : 1.5em;
color : var(--color-02);
border-bottom : 1px solid var(--color-02);
}
h4 {
margin : 1rem 0;
padding : 0;
font-family : var(--font-family02);
font-weight : 300;
font-size : 1.2rem;
line-height : 1.5em;
color : var(--color-02);
}
h5 {
}
h6 {
}
h7 {
}
@media screen and (min-width: 1000px) {
h1.page-title ,
h1.entry-title,
h1.search_result-title ,
h4.category-title {
font-size : 1.8rem;
}
h2 {
font-size : 1.5rem;
}
h3 {
font-size : 1.3rem;
}
} p.standard_button {
}
p.standard_button button,
p.standard_button input,
p.standard_button a,
input.wpcf7-submit {
display : inline-block;
padding : 0.5rem 1rem;
margin : 1rem 0;
border : 1px solid #999;
border-radius : 2px;
background : #fff;
color : #000;
font-family : var(--font-family02);
font-size : 1rem;
line-height : 1.5em;
font-weight : normal;
}
p.standard_button button:hover,
p.standard_button a:hover ,
p.standard_button input:hover,
input.wpcf7-submit:hover {
background : var(--color-04);
border : 1px solid var(--color-04);
color : #fff!important;
transition: background-color 0.2s ease;
}
p.csr_button {
}
p.csr_button button,
p.csr_button input,
p.csr_button a {
display : inline-block;
padding : 0.5rem 1rem;
margin : 1rem 0;
border : 2px solid #387ad4;
border-radius : 2px;
background : #fff;
color : #084497;
font-family : var(--font-family02);
font-size : 1.2rem;
line-height : 1.5em;
font-weight : bold;
}
p.csr_button button:hover,
p.csr_button a:hover ,
p.csr_button input:hover {
background : var(--color-04);
border : 1px solid var(--color-04);
color : #fff!important;
transition: background-color 0.2s ease;
} a.lnk_icon {
}
a.lnk_icon:before {
content : "\f35d";
font-family : Fontawesome;
margin-right : 0.5em;
} p.gothic ,
span.gothic {
font-family : var(--font-family02);
}