@charset "UTF-8";
   @font-face {
font-family: 'hiraginoW3';
src: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/library/font/hiraginoW3.woff) format("woff"), url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/library/font/hiraginoW3.otf) format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'hiraginoW6';
src: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/library/font/hiraginoW6.woff) format("woff"), url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/library/font/hiraginoW6.otf) format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ryumin-B';
src: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/library/font/Ryumin-B.woff) format("woff"), url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/library/font/Ryumin-B.otf) format("opentype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Ryumin-L';
src: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/library/font/Ryumin-L.woff) format("woff"), url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/library/font/Ryumin-L.otf) format("opentype");
font-weight: normal;
font-style: normal;
}    article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
} audio,
canvas,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden],
template {
display: none;
}  html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  a {
background: transparent;
} a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
}  h1 {
font-size: 2em;
margin: 0.67em 0;
} abbr[title] {
border-bottom: 1px dotted;
} b,
strong,
.strong {
font-weight: bold;
} dfn,
em,
.em {
font-style: italic;
} hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
} p {
-webkit-hyphens: auto;
-epub-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
} pre {
margin: 0;
} code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em;
} pre {
white-space: pre-wrap;
} q {
quotes: "\201C" "\201D" "\2018" "\2019";
} q:before,
q:after {
content: '';
content: none;
}
small, .small {
font-size: 75%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}  dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0;
} menu {
padding: 0 0 0 40px;
}
ol,
ul {
padding: 0;
list-style-type: none;
} nav ul,
nav ol {
list-style: none;
list-style-image: none;
}  img {
border: 0;
} svg:not(:root) {
overflow: hidden;
}  figure {
margin: 0;
}  fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0; } button,
input,
select,
textarea {
font-family: inherit; font-size: 100%; margin: 0; } button,
input {
line-height: normal;
} 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;
} input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; } input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-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;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; }  table {
border-collapse: collapse;
border-spacing: 0;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.clearfix, .cf, .comment-respond {
zoom: 1;
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after {
content: "";
display: table;
}
.clearfix:after, .cf:after, .comment-respond:after {
clear: both;
} span.amp {
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
font-style: italic;
}                      .last-col {
float: right;
padding-right: 0 !important;
} @media (max-width: 767px) {
.m-all {
float: left;
padding-right: 28px;
width: 100%;
padding-right: 0;
}
.m-1of2 {
float: left;
padding-right: 28px;
width: 50%;
}
.m-1of3 {
float: left;
padding-right: 28px;
width: 33.33%;
}
.m-2of3 {
float: left;
padding-right: 28px;
width: 66.66%;
}
.m-1of4 {
float: left;
padding-right: 28px;
width: 25%;
}
.m-3of4 {
float: left;
padding-right: 28px;
width: 75%;
}
} @media (min-width: 768px) and (max-width: 1029px) {
.t-all {
float: left;
padding-right: 28px;
width: 100%;
padding-right: 0;
}
.t-1of2 {
float: left;
padding-right: 28px;
width: 50%;
}
.t-1of3 {
float: left;
padding-right: 28px;
width: 33.33%;
}
.t-2of3 {
float: left;
padding-right: 28px;
width: 66.66%;
}
.t-1of4 {
float: left;
padding-right: 28px;
width: 25%;
}
.t-3of4 {
float: left;
padding-right: 28px;
width: 75%;
}
.t-1of5 {
float: left;
padding-right: 28px;
width: 20%;
}
.t-2of5 {
float: left;
padding-right: 28px;
width: 40%;
}
.t-3of5 {
float: left;
padding-right: 28px;
width: 60%;
}
.t-4of5 {
float: left;
padding-right: 28px;
width: 80%;
}
} @media (min-width: 1030px) {
.d-all {
float: left;
padding-right: 28px;
width: 100%;
padding-right: 0;
}
.d-1of2 {
float: left;
padding-right: 28px;
width: 50%;
}
.d-1of3 {
float: left;
padding-right: 28px;
width: 33.33%;
}
.d-2of3 {
float: left;
padding-right: 28px;
width: 66.66%;
}
.d-1of4 {
float: left;
padding-right: 28px;
width: 25%;
}
.d-3of4 {
float: left;
padding-right: 28px;
width: 75%;
}
.d-1of5 {
float: left;
padding-right: 28px;
width: 20%;
}
.d-2of5 {
float: left;
padding-right: 28px;
width: 40%;
}
.d-3of5 {
float: left;
padding-right: 28px;
width: 60%;
}
.d-4of5 {
float: left;
padding-right: 28px;
width: 80%;
}
.d-1of6 {
float: left;
padding-right: 28px;
width: 16.6666666667%;
}
.d-1of7 {
float: left;
padding-right: 28px;
width: 14.2857142857%;
}
.d-2of7 {
float: left;
padding-right: 28px;
width: 28.5714286%;
}
.d-3of7 {
float: left;
padding-right: 28px;
width: 42.8571429%;
}
.d-4of7 {
float: left;
padding-right: 28px;
width: 57.1428572%;
}
.d-5of7 {
float: left;
padding-right: 28px;
width: 71.4285715%;
}
.d-6of7 {
float: left;
padding-right: 28px;
width: 85.7142857%;
}
.d-1of8 {
float: left;
padding-right: 28px;
width: 12.5%;
}
.d-1of9 {
float: left;
padding-right: 28px;
width: 11.1111111111%;
}
.d-1of10 {
float: left;
padding-right: 28px;
width: 10%;
}
.d-1of11 {
float: left;
padding-right: 28px;
width: 9.09090909091%;
}
.d-1of12 {
float: left;
padding-right: 28px;
width: 8.33%;
}
}  .alert-help, .alert-info, .alert-error, .alert-success {
margin: 10px;
padding: 5px 18px;
border: 1px solid;
}
.alert-help {
border-color: #e8dc59;
background: #ebe16f;
}
.alert-info {
border-color: #bfe4f4;
background: #d5edf8;
}
.alert-error {
border-color: #f8cdce;
background: #fbe3e4;
}
.alert-success {
border-color: #deeaae;
background: #e6efc2;
}  .blue-btn, .comment-reply-link, #submit {
display: inline-block;
position: relative;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: #fff;
font-size: 0.9em;
font-size: 34px;
line-height: 34px;
font-weight: normal;
padding: 0 24px;
border-radius: 4px;
border: 0;
cursor: pointer;
-webkit-transition: background-color 0.14s ease-in-out;
transition: background-color 0.14s ease-in-out;
}
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
color: #fff;
text-decoration: none;
outline: none;
}
.blue-btn:active, .comment-reply-link:active, #submit:active {
top: 1px;
} .blue-btn, .comment-reply-link, #submit {
background-color: #2980b9;
}
.blue-btn:hover, .comment-reply-link:hover, #submit:hover, .blue-btn:focus, .comment-reply-link:focus, #submit:focus {
background-color: #2574a8;
}
.blue-btn:active, .comment-reply-link:active, #submit:active {
background-color: #2472a4;
}  input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
display: block;
height: 40px;
line-height: 1em;
padding: 0 12px;
margin-bottom: 14px;
font-size: 1em;
color: #5c6b80;
border-radius: 3px;
vertical-align: middle;
box-shadow: none;
border: 0;
width: 100%;
max-width: 400px;
font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #eaedf2;
-webkit-transition: background-color 0.24s ease-in-out;
transition: background-color 0.24s ease-in-out;
}
input[type="text"]:focus, input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
background-color: #f7f8fa;
outline: none;
}
input[type="text"].error, input[type="text"].is-invalid,
input[type="password"].error,
input[type="password"].is-invalid,
input[type="datetime"].error,
input[type="datetime"].is-invalid,
input[type="datetime-local"].error,
input[type="datetime-local"].is-invalid,
input[type="date"].error,
input[type="date"].is-invalid,
input[type="month"].error,
input[type="month"].is-invalid,
input[type="time"].error,
input[type="time"].is-invalid,
input[type="week"].error,
input[type="week"].is-invalid,
input[type="number"].error,
input[type="number"].is-invalid,
input[type="email"].error,
input[type="email"].is-invalid,
input[type="url"].error,
input[type="url"].is-invalid,
input[type="search"].error,
input[type="search"].is-invalid,
input[type="tel"].error,
input[type="tel"].is-invalid,
input[type="color"].error,
input[type="color"].is-invalid,
select.error,
select.is-invalid,
textarea.error,
textarea.is-invalid,
.field.error,
.field.is-invalid {
color: #fbe3e4;
border-color: #fbe3e4;
background-color: #fff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=);
outline-color: #fbe3e4;
}
input[type="text"].success, input[type="text"].is-valid,
input[type="password"].success,
input[type="password"].is-valid,
input[type="datetime"].success,
input[type="datetime"].is-valid,
input[type="datetime-local"].success,
input[type="datetime-local"].is-valid,
input[type="date"].success,
input[type="date"].is-valid,
input[type="month"].success,
input[type="month"].is-valid,
input[type="time"].success,
input[type="time"].is-valid,
input[type="week"].success,
input[type="week"].is-valid,
input[type="number"].success,
input[type="number"].is-valid,
input[type="email"].success,
input[type="email"].is-valid,
input[type="url"].success,
input[type="url"].is-valid,
input[type="search"].success,
input[type="search"].is-valid,
input[type="tel"].success,
input[type="tel"].is-valid,
input[type="color"].success,
input[type="color"].is-valid,
select.success,
select.is-valid,
textarea.success,
textarea.is-valid,
.field.success,
.field.is-valid {
color: #e6efc2;
border-color: #e6efc2;
background-color: #fff;
background-position: 99% center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==);
outline-color: #e6efc2;
}
input[type="text"][disabled], input[type="text"].is-disabled,
input[type="password"][disabled],
input[type="password"].is-disabled,
input[type="datetime"][disabled],
input[type="datetime"].is-disabled,
input[type="datetime-local"][disabled],
input[type="datetime-local"].is-disabled,
input[type="date"][disabled],
input[type="date"].is-disabled,
input[type="month"][disabled],
input[type="month"].is-disabled,
input[type="time"][disabled],
input[type="time"].is-disabled,
input[type="week"][disabled],
input[type="week"].is-disabled,
input[type="number"][disabled],
input[type="number"].is-disabled,
input[type="email"][disabled],
input[type="email"].is-disabled,
input[type="url"][disabled],
input[type="url"].is-disabled,
input[type="search"][disabled],
input[type="search"].is-disabled,
input[type="tel"][disabled],
input[type="tel"].is-disabled,
input[type="color"][disabled],
input[type="color"].is-disabled,
select[disabled],
select.is-disabled,
textarea[disabled],
textarea.is-disabled,
.field[disabled],
.field.is-disabled {
cursor: not-allowed;
border-color: #cfcfcf;
opacity: 0.6;
}
input[type="text"][disabled]:focus, input[type="text"][disabled]:active, input[type="text"].is-disabled:focus, input[type="text"].is-disabled:active,
input[type="password"][disabled]:focus,
input[type="password"][disabled]:active,
input[type="password"].is-disabled:focus,
input[type="password"].is-disabled:active,
input[type="datetime"][disabled]:focus,
input[type="datetime"][disabled]:active,
input[type="datetime"].is-disabled:focus,
input[type="datetime"].is-disabled:active,
input[type="datetime-local"][disabled]:focus,
input[type="datetime-local"][disabled]:active,
input[type="datetime-local"].is-disabled:focus,
input[type="datetime-local"].is-disabled:active,
input[type="date"][disabled]:focus,
input[type="date"][disabled]:active,
input[type="date"].is-disabled:focus,
input[type="date"].is-disabled:active,
input[type="month"][disabled]:focus,
input[type="month"][disabled]:active,
input[type="month"].is-disabled:focus,
input[type="month"].is-disabled:active,
input[type="time"][disabled]:focus,
input[type="time"][disabled]:active,
input[type="time"].is-disabled:focus,
input[type="time"].is-disabled:active,
input[type="week"][disabled]:focus,
input[type="week"][disabled]:active,
input[type="week"].is-disabled:focus,
input[type="week"].is-disabled:active,
input[type="number"][disabled]:focus,
input[type="number"][disabled]:active,
input[type="number"].is-disabled:focus,
input[type="number"].is-disabled:active,
input[type="email"][disabled]:focus,
input[type="email"][disabled]:active,
input[type="email"].is-disabled:focus,
input[type="email"].is-disabled:active,
input[type="url"][disabled]:focus,
input[type="url"][disabled]:active,
input[type="url"].is-disabled:focus,
input[type="url"].is-disabled:active,
input[type="search"][disabled]:focus,
input[type="search"][disabled]:active,
input[type="search"].is-disabled:focus,
input[type="search"].is-disabled:active,
input[type="tel"][disabled]:focus,
input[type="tel"][disabled]:active,
input[type="tel"].is-disabled:focus,
input[type="tel"].is-disabled:active,
input[type="color"][disabled]:focus,
input[type="color"][disabled]:active,
input[type="color"].is-disabled:focus,
input[type="color"].is-disabled:active,
select[disabled]:focus,
select[disabled]:active,
select.is-disabled:focus,
select.is-disabled:active,
textarea[disabled]:focus,
textarea[disabled]:active,
textarea.is-disabled:focus,
textarea.is-disabled:active,
.field[disabled]:focus,
.field[disabled]:active,
.field.is-disabled:focus,
.field.is-disabled:active {
background-color: #d5edf8;
}
input[type="password"] {
letter-spacing: 0.3em;
}
textarea {
max-width: 100%;
min-height: 120px;
line-height: 1.5em;
}
select {
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC);
background-repeat: no-repeat;
background-position: 97.5% center;
}    body {
font-family: 'hiraginoW3';
font-size: 100%;
line-height: 1.5;
color: #333333;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}                                     .wrap {
margin: 0 auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 40px;
} a, a:visited {
color: #006e40;   }
a:hover, a:focus, a:visited:hover, a:visited:focus {
color: #d10e3c;
}
a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-rendering: optimizelegibility;
font-weight: 500;  }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
text-decoration: none;
}
h1, .h1 {
font-size: 2.5em;
line-height: 1.333em;
}
.h2_title {
overflow: visible;
margin-right: -20px;
margin-left: -20px;
margin-bottom: 35px;
font-size: 16px;
text-align: center;
border-bottom: #323944 solid 1px;
letter-spacing: 1px;
line-height: 0.75;
}
.h2_title:after {
content: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/images/title-decoration.svg);
position: relative;
width: 107px;
display: block;
top: 4px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
max-height: 16px;
height: 100%;
}
h3, .h3 {
font-size: 15px;
}
h4, .h4 {
margin: 0;
margin-bottom: 15px;
font-size: 1.1em;
letter-spacing: 2px;
font-weight: 100;
}
h5, .h5 {
margin: 0;
} #menu-header {
text-align: center;
background-color: #F2F4F5;
}
#menu-header li {
display: inline-block;
}
#menu-header li a {
font-weight: bold;
letter-spacing: 2px;
}
.header {
font-size: 12px;
}
.header #inner-header {
padding-top: 0.75em;
margin-bottom: -10px;
margin-left: 0;
margin-right: 0;
height: 100px;
}
#logo {
margin: 0;
height: 40px;
}
#logo a {
display: block;
width: 235px;
margin: 10px 0 0 25px;
color: transparent;
background: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/images/logo-pc.svg) no-repeat;
}
#logo a:hover {
opacity: 0.8;
-webkit-transition: .1s all linear;
-o-transition: .1s all linear;
transition: .1s all linear;
}  .nav {
border-bottom: 0;
margin: 0;
font-family: 'Roboto', sans-serif;
letter-spacing: 1px;   }
.nav li { }
.nav li a {
display: block;
color: #323944;
text-decoration: none;
padding: 0.75em; }
.nav li a:hover, .nav li a:focus {
color: #323944;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 30px;
}  #content {
margin-top: 1.5em;
}
.hentry {
background-color: #fff;
border-radius: 3px;
margin-bottom: 1.5em;
}
.hentry footer p {
margin: 0;
} .single-title,
.page-title,
.entry-title {
margin: 0;
}          .byline {
color: #9fa6b4;
font-style: italic;
margin: 0;
} .entry-content {  }
.entry-content p {
margin: 0;
font-size: 12px;
line-height: 1.7;
}
.entry-content table {
width: 100%;
}
.entry-content table.table-inner th {
font-weight: 100;
font-family: 'hiraginoW3';
white-space: nowrap;
}
.entry-content td {
vertical-align: top;
font-size: 11px;
}
.entry-content th {
vertical-align: top;
font-size: 11px;
text-align: left;
font-family: 'hiraginoW6';
font-weight: 100;
white-space: nowrap;
}
.entry-content th:last-child {
border-right: 0;
}
.entry-content blockquote {
margin: 0 0 1.5em 0.75em;
padding: 0 0 0 0.75em;
border-left: 3px solid #2980b9;
font-style: italic;
color: #9fa6b4;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
max-width: 100%;
height: auto;
}
.entry-content pre {
background: #323944;
color: #f8f9fa;
font-size: 0.9em;
padding: 1.5em;
margin: 0 0 1.5em;
border-radius: 3px;
} .wp-caption {
max-width: 100%;
background: #eee;
padding: 5px; }
.wp-caption img {
max-width: 100%;
margin-bottom: 0;
width: 100%;
}
.wp-caption p.wp-caption-text {
font-size: 0.85em;
margin: 4px 0 7px;
text-align: center;
}    .tags {
margin: 0;
} .pagination,
.wp-prev-next {
margin: 1.5em 0;
}
.pagination {
text-align: center;
}
.pagination ul {
display: inline-block;
background-color: #fff;
white-space: nowrap;
padding: 0;
clear: both;
border-radius: 3px;
}
.pagination li {
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
border-right: 1px solid #eaedf2;
}
.pagination a, .pagination span {
margin: 0;
text-decoration: none;
padding: 0;
line-height: 1em;
font-size: 1em;
font-weight: normal;
padding: 0.75em;
min-width: 1em;
display: block;
color: #2980b9;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus {
background-color: #2980b9;
color: #fff;
}
.pagination .current {
cursor: default;
color: #5c6b80;
}
.pagination .current:hover, .pagination .current:focus {
background-color: #fff;
color: #5c6b80;
}  .wp-prev-next .prev-link {
float: left;
}
.wp-prev-next .next-link {
float: right;
}   #comments-title {
padding: 0.75em;
margin: 0;
border-top: 1px solid #f8f9fa; }
.commentlist {
margin: 0;
list-style-type: none;
}
.comment {
position: relative;
clear: both;
overflow: hidden;
padding: 1.5em;
border-bottom: 1px solid #f8f9fa;    }
.comment .comment-author {
padding: 7px;
border: 0;
}
.comment .vcard {
margin-left: 50px;
}
.comment .vcard cite.fn {
font-weight: 700;
font-style: normal;
}
.comment .vcard time {
display: block;
font-size: 0.9em;
font-style: italic;
}
.comment .vcard time a {
color: #9fa6b4;
text-decoration: none;
}
.comment .vcard time a:hover {
text-decoration: underline;
}
.comment .vcard .avatar {
position: absolute;
left: 16px;
border-radius: 50%;
}
.comment:last-child {
margin-bottom: 0;
}
.comment .children {
margin: 0;  }
.comment[class*=depth-] {
margin-top: 1.1em;
}
.comment.depth-1 {
margin-left: 0;
margin-top: 0;
}
.comment:not(.depth-1) {
margin-top: 0;
margin-left: 7px;
padding: 7px;
}
.comment.odd {
background-color: #fff;
}
.comment.even {
background: #f8f9fa;
}  .comment_content p {
margin: 0.7335em 0 1.5em;
font-size: 1em;
line-height: 1.5em;
}  .comment-reply-link {
font-size: 0.9em;
float: right;
}  .comment-edit-link {
font-style: italic;
margin: 0 7px;
text-decoration: none;
font-size: 0.9em;
} .comment-respond {
padding: 1.5em;
border-top: 1px solid #f8f9fa;
}
#reply-title {
margin: 0;
}
.logged-in-as {
color: #9fa6b4;
font-style: italic;
margin: 0;
}
.logged-in-as a {
color: #5c6b80;
}
.comment-form-comment {
margin: 1.5em 0 0.75em;
}
.form-allowed-tags {
padding: 1.5em;
background-color: #f8f9fa;
font-size: 0.9em;
} #submit {
float: right;
font-size: 1em;
} #comment-form-title {
margin: 0 0 1.1em;
}   #allowed_tags {
margin: 1.5em 10px 0.7335em 0;
} .nocomments {
margin: 0 20px 1.1em;
} .widget ul li { }
.no-widgets {
background-color: #fff;
padding: 1.5em;
text-align: center;
border: 1px solid #ccc;
border-radius: 2px;
margin-bottom: 1.5em;
} .footer {
clear: both;
color: #f8f9fa;
font-size: 11px;
}
.footer .copyright {
background-color: #333333;
margin: 0;
font-family: roboto;
text-align: center;
font-size: 9px;
padding: 20px 0;
letter-spacing: 1px;
color: #9D9D9D;
background-color: #333;
}
#menu-footer {
font-family: 'hiraginoW3';
}
#menu-footer li {
background-color: #F2F4F5;
}
#menu-footer li a {
text-align: center;
padding-bottom: 10px;
}
#menu-footer li + li {
border-top: 1px solid #fff;
}  .sp-none {
display: none;
}
.sp-br {
content: "\A";
white-space: pre;
}  .center {
taxt-align: center;
} .metaslider {
position: relative;
}
.metaslider.hero {
margin: 0;
padding-bottom: 0;
}
.metaslider.hero:before {
content: "";
display: block;
top: -2vw;
background: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/images/hero-top.svg) 0 0 no-repeat;
z-index: 9999;
max-width: 1200px; position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 60%;
max-height: 100vw; height: auto; }
.metaslider.hero-mobile {
margin: 0;
padding-bottom: 0;
padding-bottom: 20px;
}
.metaslider.hero-mobile:before {
content: "";
display: block;
top: -5%;
background: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/images/hero-top.svg) 0 0 no-repeat;
z-index: 9999;
max-width: 480px;
height: auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 95%;
}
.metaslider.ms-theme-cubic {
padding-bottom: 20xp;
}
.metaslider.ms-is-small {
padding-bottom: 20px;
}
.home .h2_title {
letter-spacing: 6px;
}
.top--content--cath.wrap {
margin-bottom: 0;
}
.top--content--cath h1 {
margin-bottom: 35px;
font-family: 'Ryumin-B';
font-size: 16px;
text-align: center;
}
.top--content--cath h1 span {
font-family: 'Ryumin-L';
font-weight: 100;
letter-spacing: -4px;
}
.top--content--greeting {
text-align: center;
}
.top--content--greeting h2 {
margin-bottom: 20px;
font-family: 'hiraginoW6';
font-size: 14px;
letter-spacing: 1px;
}
.top--content--results--wrap {
max-width: 250px;
width: 100%;
margin: 0 auto;
}
.top--content--resultsInner {
margin-top: 10px;
}
.top--content--results h3 {
margin: 0;
}
.top--content--results h4 {
padding-left: 20px;
font-size: 14px;
border: 1px solid #000;
font-weight: 100;
}
.top--content--results h5 {
font-size: 12px;
color: #333333;
}
.top--content--resultsA {
margin-bottom: 15px;
}
.top--content--resultsA h4 {
border-color: #4CAF50;
color: #4CAF50;
}
.top--content--resultsA p {
font-size: 11px;
}
.top--content--resultsA dd {
margin-bottom: 20px;
}
.top--content--resultsB {
margin-bottom: 15px;
}
.top--content--resultsB h4 {
border-color: #33BFB8;
color: #33BFB8;
}
.top--content--resultsB dd {
line-height: 1.8;
font-size: 12px;
}
.top--content--resultsC {
margin-bottom: 15px;
}
.top--content--resultsC h4 {
border-color: #9BC615;
color: #9BC615;
}
.top--content--resultsC dd {
margin-bottom: 1rem;
font-size: 12px;
}
.top--content--os {
margin-bottom: 40px;
}
.top--content--os p {
text-align: center;
}
.top--content--ware .h2_title {
letter-spacing: 1px;
}
.top--content--ware p {
text-align: center;
}
.top--content--about th {
width: 70px;
padding-bottom: 15px;
}
.top--content--about td {
padding-bottom: 15px;
}
.top--content--about td .sp-br {
display: block;
}
.top--content--about .table-inner th {
display: block;
width: 100%;
padding-bottom: 0;
white-space: nowrap;
}
.top--content--about .table-inner tr {
border-bottom: 1px solid #ccc;
}
.top--content--about .table-inner tr:last-child {
border: none;
}
.top--content--about .table-inner tr:nth-child(n+2) th {
padding-top: 7px;
}
.top--content--about .table-inner td {
display: block;
width: 100%;
padding-bottom: 7px;
}
.top--content--access p {
margin-bottom: 30px;
}
.top--content--access p.map {
margin-bottom: 15px;
}
.top--content--access p span {
color: #5c5c5c;
}
.top--content--accessA {
width: 360px;
padding-right: 0;
margin: 0 auto;
margin-bottom: 55px;
float: none;
}
.top--content--accessA h3 {
letter-spacing: 3em;
}
.top--content--accessB {
width: 360px;
margin: 0 auto;
float: none;
margin-bottom: 55px;
}
.top--content--accessB h3 {
letter-spacing: 0.5em;
} .page-template-default #inner-content {
margin-left: 0;
margin-right: 0;
}
.page-template-default .h2_title {
letter-spacing: 2px;
}
.page-template-default .page-title {
margin-bottom: 35px;
margin-left: 0;
margin-right: 0;
padding: 20px 0;
letter-spacing: 1px;
font-family: roboto;
font-weight: bold;
font-size: 18px;
color: #fff;
text-align: center;
background: url(http://cscom-corp.co.jp/wp/wp-content/uploads/2019/05/bg-contact.jpg) no-repeat 50% 50%;
background-size: cover;
}
.page-template-default .recruit .page-title {
background: url(http://cscom-corp.co.jp/wp/wp-content/uploads/2019/05/bg-recruit.jpg) no-repeat 50% 50%;
background-size: cover;
}
.page-template-default .privacy-policy .page-title {
background: url(http://cscom-corp.co.jp/wp/wp-content/uploads/2019/05/bg-privacypolicy.jpg) no-repeat 50% 50%;
background-size: cover;
}
.page-template-default #main {
margin-top: -25px;
}
.page-template-default .page {
margin-top: 11px;
} .recruit--content--greeting {
text-align: center;
letter-spacing: -0.5px;
}
.recruit--content--greeting p + p {
margin-top: 1.5em;
}
.recruit--content--greeting .sp-br {
display: block;
}
.recruit--content--info {
margin-bottom: 30px;
}
.recruit--content--info h3 {
margin-bottom: 20px;
font-size: 14px;
letter-spacing: 1px;
}
.recruit--content--info .table-min {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}
.recruit--content--info .table-min th {
padding: 10px 5px;
width: 6em;
}
.recruit--content--info .table-min td {
padding: 10px 5px;
}
.recruit--content--info .table-min tr + tr {
border-top: 1px solid #ccc;
}
.recruit--content--entry {
margin-bottom: 50px;
}
.recruit--content--entry .recruit--guide {
text-align: center;
margin-bottom: 30px;
}
.recruit--content--entry .table-min {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}
.recruit--content--entry .table-min th {
font-family: roboto;
font-weight: bold;
font-size: 14.5px;
padding: 10px 5px 4px 20px;
width: 5em;
line-height: 2;
}
.recruit--content--entry .table-min td {
font-family: roboto;
font-weight: bold;
padding: 10px 5px;
padding-bottom: 4px;
font-size: 14.5px;
line-height: 2;
position: relative; letter-spacing: 0.5px;
}
.recruit--content--entry .table-min td .recruit--content--entry--name {
font-size: 12px;
font-weight: 100;
font-family: 'hiraginoW3';
}
.recruit--content--entry .table-min tr + tr {
border-top: 1px solid #ccc;
} .contact--content--tell .contact--guide {
text-align: center;
margin-bottom: 30px;
}
.contact--content--tell .table-min {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
margin-bottom: 25px;
}
.contact--content--tell .table-min th {
font-family: roboto;
font-weight: bold;
line-height: 2;
font-size: 14.5px;
padding: 10px 5px 4px 20px;
width: 5em;
width: 45%;
text-align: right;
}
.contact--content--tell .table-min th .contact--content--entry--name {
font-size: 12px;
font-weight: 100;
font-family: 'hiraginoW3';
}
.contact--content--tell .table-min td {
font-family: roboto;
font-weight: bold;
padding: 10px 5px;
padding-bottom: 4px;
font-size: 14.5px;
line-height: 2;
position: relative; letter-spacing: 0.5px;
width: 55%;
text-align: left;
}
.contact--content--tell .table-min tr + tr {
border-top: 1px solid #ccc;
}
.contact--content--form .contact--guide {
text-align: center;
margin-bottom: 40px;
}
.contact--content--formcontent {
background-color: #F2F4F5;
margin-left: -20px;
margin-right: -20px;
padding-bottom: 0;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.contact--content--formcontent input {
width: 100%;
height: 30px;
border: 1px solid #C6CCCC;
border-radius: 0;
background-color: #fff;
}
.contact--content--formcontent textarea {
border: 1px solid #C6CCCC;
border-radius: 0;
background-color: #fff;
}
.contact--content--formcontent label {
font-size: 12px;
}
.contact--content--formcontent label .required {
font-size: 11px;
color: #006e40;
}
.contact--content--formcontent .check-policy {
border-top: 5px solid #fff;
margin-left: -20px;
margin-right: -20px;
padding: 15px 20px;
margin-top: 20px;
}
.contact--content--formcontent .check-policy input {
height: 15px;
width: 15px;
}
.contact--content--formcontent .check-policy .sp-br {
margin-left: 30px;
display: block;
}
.contact--content--formcontent .submit {
text-align: center;
background-color: #fff;
margin-right: -20px;
margin-left: -20px;
padding: 35px;
}
.contact--content--formcontent .submit input {
width: 130px;
font-size: 13px;
border: 1px solid #006e40;
color: #006e40;
border-radius: 3px;
padding: 0 0.5rem;
}
.contact--content--formcontent .submit input:hover {
background-color: #006e40;
color: #fff;
-webkit-transition: 0.25s linear all;
-o-transition: 0.25s linear all;
transition: 0.25s linear all;
}
.contact--content--formcontent input[type="text"], .contact--content--formcontent input[type="password"], .contact--content--formcontent input[type="datetime"], .contact--content--formcontent input[type="datetime-local"], .contact--content--formcontent input[type="date"], .contact--content--formcontent input[type="month"], .contact--content--formcontent input[type="time"], .contact--content--formcontent input[type="week"], .contact--content--formcontent input[type="number"], .contact--content--formcontent input[type="email"], .contact--content--formcontent input[type="url"], .contact--content--formcontent input[type="search"], .contact--content--formcontent input[type="tel"], .contact--content--formcontent input[type="color"], .contact--content--formcontent select, .contact--content--formcontent textarea {
max-width: 100%;
} .privacy-policy h3 {
font-family: 'hiraginoW6';
font-size: 12px;
}
.privacy-policy p {
margin-bottom: 20px;
} @media all and (-ms-high-contrast: none) {
.metaslider.hero:before {
content: "";
display: block;
top: -45%;
background: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/images/hero-top.svg) 0 0 no-repeat;
z-index: 9999;
max-width: 1200px; position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
width: 60%;
max-height: 100vw; height: auto; }
.h2_title {
overflow: visible;
margin-right: -20px;
margin-left: -20px;
margin-bottom: 35px;
font-size: 16px;
text-align: center;
border-bottom: #323944 solid 1px;
letter-spacing: 1px;
line-height: 0.75;
}
.h2_title:after {
content: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/images/title-decoration.svg);
position: relative;
width: 107px;
display: block;
top: 4px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
max-height: 16px;
height: 100%;
top: -56px !important;
}
} @media only screen and (min-width: 481px) {  html {
overflow-x: hidden;
}  .menu { }
.menu ul {   }
.menu ul li { }
.menu ul li a { }  .h2_title {
margin-bottom: 80px;
font-size: 21px;
letter-spacing: 8px;
margin-left: 0;
margin-right: 0;
}
[class*="top--content"] .h2_title {
margin-bottom: 60px;
}
.h2_title:after {
content: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/images/title-decoration.svg);
position: relative;
width: 140px;
display: block;
top: 5px;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
h3, .h3 {
font-size: 17px;
}
h4, .h4 {
margin-bottom: 15px;
} #menu-header {
margin-top: 15px;
}
.header {
max-width: 1000px;
width: 100%;
margin: 0 auto;
font-size: 15px;
}
.header #inner-header {
padding-top: 20px;
padding-left: 0;
padding-right: 0;
height: 116px;
}
#logo a {
width: 285px;
} .wrap {
max-width: 1000px;
width: 100%;
margin: 0 auto;
margin-bottom: 80px;
padding-left: 40px;
padding-right: 40px;
}  .entry-content { }
.entry-content p {
font-size: 15px;
line-height: 1.7;
}
.entry-content .alignleft, .entry-content img.alignleft {
margin-right: 1.5em;
display: inline;
float: left;
}
.entry-content .alignright, .entry-content img.alignright {
margin-left: 1.5em;
display: inline;
float: right;
}
.entry-content .aligncenter, .entry-content img.aligncenter {
margin-right: auto;
margin-left: auto;
display: block;
clear: both;
}
.entry-content th {
font-size: 14px;
}
.entry-content td {
font-size: 14px;
}
.entry-content table.table-inner { }   .footer {
font-size: 13px;
}
.footer .copyright {
font-size: 11px;
padding: 30px 0;
}
#menu-footer a {
text-decoration: none;
}
#menu-footer a:hover {
color: #006e40;
-webkit-transition: .2s all linear;
-o-transition: .2s all linear;
transition: .2s all linear;
}
.footer-links ul li a {
padding-left: 20px;
padding-right: 10px;
}  .sp-none {
display: inline-block;
}
.pc-br {
display: block;
} .metaslider.hero {
margin: 0;
padding-bottom: 0;
padding-bottom: 40px;
}
.metaslider.hero-mobile {
margin: 0;
padding-bottom: 0;
}
.top--content--cath {
max-width: 1000px;
width: 100%;
margin: 0 auto;
margin-top: 30px;
}
.top--content--cath h1 {
font-size: 25px;
letter-spacing: 1.5px;
margin: 40px 0 50px 0;
}
.top--content--cath h1 span {
letter-spacing: -0.3px;
}
.top--content--greeting {
margin-bottom: 110px;
}
.top--content--greeting h2 {
margin-bottom: 30px;
font-size: 22px;
}
.top--content--greeting p {
line-height: 2.2;
}
.top--content--results--wrap {
max-width: 305px;
width: 100%;
}
.top--content--resultsInner {
margin-top: 20px;
}
.top--content--results h4 {
font-family: hiraginoW6;
font-size: 16px;
}
.top--content--results h5 {
font-size: 15px;
}
.top--content--resultsA h4 {
border-color: #4CAF50;
color: #4CAF50;
}
.top--content--resultsA dd {
margin-bottom: 25px;
}
.top--content--resultsB h4 {
border-color: #33BFB8;
color: #33BFB8;
}
.top--content--resultsB dd {
font-size: 15px;
}
.top--content--resultsC h4 {
border-color: #9BC615;
color: #9BC615;
}
.top--content--resultsC dd {
font-size: 15px;
}
.top--content--resultsInner p {
font-size: 13px;
}
.top--content--os {
margin-bottom: 80px;
}
.top--content--os p {
line-height: 2;
}
.top--content--ware p {
display: block;
margin: 0 auto;
max-width: 390px;
width: 100%;
line-height: 2;
}
.top--content--about {
max-width: 760px;
width: 100%;
margin: 0 auto;
}
.top--content--about th {
width: 90px;
}
.top--content--about td {
padding-left: 20px;
}
.top--content--about .table-inner th {
display: table-cell;
width: 30%;
}
.top--content--about .table-inner td {
display: table-cell;
padding-left: 0;
}
.top--content--about .table-inner td .sp-br {
display: inline;
}
.top--content--access .table-min td {
line-height: 1.7;
top: -2px;
position: relative;
}
.top--content--access p {
margin-bottom: 40px;
}
.top--content--access p.map {
margin-bottom: 20px;
max-width: 365px;
width: 100%;
}
.top--content--access p span {
font-size: 14px;
}
.top--content--accessA h3 {
margin-bottom: 40px;
}
.top--content--accessB h3 {
margin-bottom: 40px;
} .page-template-default {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.page-template-default .page-title {
padding: 40px 0;
font-size: 38px;
line-height: 1;
margin-left: -500px;
margin-right: -500px;
}
.page-template-default .h2_title {
letter-spacing: 7px;
margin-right: -10px;
margin-left: -10px;
}
.page-template-default .wrap {
padding-right: 10px;
padding-left: 10px;
}
.page-template-default footer {
margin-left: -100%;
margin-right: -100%;
}
.page-template-default #main {
margin-top: -20px;
}
.page-template-default .page {
margin-top: 22px;
} .privacy-policy h3 {
letter-spacing: 3px;
}
.privacy-policy h3 + p {
margin-bottom: 40px;
} .recruit--content--greeting .sp-br {
display: inline;
}
.recruit--content--info {
max-width: 638px;
width: 100%;
margin: 0 auto;
margin-bottom: 50px;
}
.recruit--content--info h3 {
margin-bottom: 30px;
font-size: 17px;
letter-spacing: 2px;
}
.recruit--content--info .table-min th {
padding: 15px 5px 15px 15px;
width: 6em;
line-height: 2;
}
.recruit--content--info .table-min td {
padding: 15px 5px 10px 5px;
line-height: 2;
position: relative; }
.recruit--content--info .table-min tr + tr {
border-top: 1px solid #ccc;
}
.recruit--content--entry {
margin-bottom: 100px;
}
.recruit--content--entry .recruit--guide {
text-align: center;
margin-bottom: 50px;
}
.recruit--content--entry .table-min {
max-width: 638px;
width: 100%;
margin: 0 auto;
}
.recruit--content--entry .table-min th {
font-size: 18px;
padding: 10px 5px 4px 50px;
width: 5em;
line-height: 2;
}
.recruit--content--entry .table-min td {
padding: 10px 5px;
padding-bottom: 4px;
font-size: 17px;
line-height: 2;
position: relative; letter-spacing: 0.5px;
}
.recruit--content--entry .table-min td .recruit--content--entry--name {
font-size: 15px;
font-weight: 100;
} .contact--content--tell {
margin-bottom: 35px;
}
.contact--content--tell .contact--guide {
line-height: 2;
}
.contact--content--tell .table-min {
max-width: 472px;
width: 100%;
margin: 0 auto;
}
.contact--content--tell .table-min th {
font-size: 20px;
padding: 10px 5px 4px 50px;
width: 5em;
line-height: 2;
}
.contact--content--tell .table-min th .contact--content--entry--name {
font-size: 16px;
font-weight: 100;
}
.contact--content--tell .table-min td {
padding: 10px 5px;
padding-bottom: 4px;
font-size: 21px;
line-height: 2;
position: relative; letter-spacing: 0.5px;
}
.contact--content--form {
margin-bottom: 100px;
}
.contact--content--form .contact--guide {
line-height: 2;
margin-bottom: 50px;
}
.contact--content--formcontent.wrap {
padding: 40px !important;
padding-bottom: 0 !important;
}
.contact--content--formcontent input {
height: 33px;
}
.contact--content--formcontent label {
font-size: 14px;
}
.contact--content--formcontent label .required {
font-size: 12px;
}
.contact--content--formcontent p + p {
margin-top: 30px;
}
.contact--content--formcontent .check-policy {
border-top: 15px solid #fff;
font-size: 14px;
margin-left: -40px;
margin-right: -40px;
margin-top: 40px;
}
.contact--content--formcontent .check-policy .sp-br {
margin-left: 0;
display: inline;
}
.contact--content--formcontent .submit {
margin-right: -40px;
margin-left: -40px;
margin-top: 0;
}
.contact--content--formcontent .submit input {
width: 150px;
font-size: 14px;
border-radius: 3px;
padding: 0 0.5rem;
} .privacy-policy h3 {
font-size: 17px;
margin-bottom: 10px;
} } @media only screen and (min-width: 768px) {   .wrap { padding-left: 18px;
padding-right: 18px;
} .header #inner-header {
position: relative;
height: 60px;
}
.header #logo a {
display: block;
max-width: 336px;
width: 100%;
height: 30px;
color: transparent;
background: url(//cscom-corp.co.jp/wp/wp-content/themes/cscom-2020/images/logo-pc.svg) no-repeat;
}
#menu-header li a {
font-weight: bold;
}
#menu-header li + li a {
margin-left: 18px;
} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
text-rendering: optimizelegibility;
font-weight: 500;  }
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
text-decoration: none;
}
h1, .h1 {
font-size: 38.5px;
line-height: 120px;
}
h2, .h2 {
font-size: 1.75em;
line-height: 1.4em;
margin-bottom: 0.375em;
}
h3, .h3 {
font-size: 1.125em;
}
h4, .h4 {
font-size: 1.1em;
font-weight: 700;
}
h5, .h5 {
font-size: 0.846em;
line-height: 2.09em;
text-transform: uppercase;
letter-spacing: 2px;
} .nav {
border: 0;   }
.nav.top-nav {
position: absolute;
right: 0;
bottom: 0;
}
.nav ul {
background: #323944;
margin-top: 0;
}
.nav li {
float: left;
position: relative;  }
.nav li a {
border-bottom: 0; }
.nav li a:hover, .nav li a:focus {
text-decoration: underline;
}
.nav li ul.sub-menu,
.nav li ul.children {
margin-top: 0;
border: 1px solid #ccc;
border-top: 0;
position: absolute;
visibility: hidden;
z-index: 8999; }
.nav li ul.sub-menu li,
.nav li ul.children li { }
.nav li ul.sub-menu li a,
.nav li ul.children li a {
padding-left: 10px;
border-right: 0;
display: block;
width: 180px;
border-bottom: 1px solid #ccc;
}
.nav li ul.sub-menu li:last-child a,
.nav li ul.children li:last-child a {
border-bottom: 0;
}
.nav li ul.sub-menu li ul,
.nav li ul.children li ul {
top: 0;
left: 100%;
}
.nav li:hover > ul {
top: auto;
visibility: visible;
}  .sidebar {
margin-top: 2.2em;
}
.widgettitle {
border-bottom: 2px solid #444;
margin-bottom: 0.75em;
}
.widget {
padding: 0 10px;
margin: 2.2em 0;
}
.widget ul li {
margin-bottom: 0.75em; }
.widget ul li ul {
margin-top: 0.75em;
padding-left: 1em;
}            #menu-header {
margin-right: 30px;
background-color: transparent;
}
#menu-header li {
top: 8px;
}
#menu-header li a {
position: relative;
text-decoration: none;
}
#menu-header li a::before,
#menu-header li a::after {
border-bottom: solid 3px #006e40;
bottom: 0;
content: "";
display: block;
position: absolute;
-o-transition: all .3s ease;
transition: all .3s ease;
-webkit-transition: all .3s ease;
width: 0;
}
#menu-header li a::before {
left: 45%;
}
#menu-header li a::after {
right: 45%;
}
#menu-header li a:hover::before,
#menu-header li a:hover::after {
width: 45%;
}  .footer {
position: relative;
}
.footer:after {
content: "";
display: block;
width: 100%;
height: 110px;
position: absolute;
background-color: #F2F4F5;
top: -35px;
z-index: 0;
-webkit-transform: rotate(-182deg);
-ms-transform: rotate(-182deg);
transform: rotate(-182deg);
}
#inner-footer {
position: relative;
z-index: 100;
margin: 0 auto;
}
#menu-footer {
max-width: 530px;
width: 100%;
margin: 0 auto;
}
#menu-footer li {
background-color: transparent;
}
#menu-footer li + li {
border-top: none;
}
.footer-links {
margin-bottom: 20px;
}
.footer-links ul li { }  .top--content--cath {
margin-top: 0;
}
.top--content--cath h1 {
font-size: 30px;
margin-top: 60px;
margin-bottom: 35px;
}
.top--content--about th {
width: 120px;
padding-bottom: 35px;
}
.top--content--about td {
padding-left: 40px;
}
.top--content--about .table-inner th {
width: 23%;
}
.top--content--about .table-inner td {
padding-top: 7px;
}
.top--content--results--wrap {
max-width: 100%;
}
.top--content--resultsA {
width: 33%;
padding-right: 14px;
}
.top--content--resultsB {
width: 34%;
padding-right: 14px;
padding-left: 14px;
}
.top--content--resultsC {
width: 33%;
padding-left: 14px;
margin-bottom: 15px;
}
.top--content--accessA {
max-width: 360px;
width: 100%;
float: left;
margin-right: 20px;
margin-left: 5vw; }
.top--content--accessA img {
max-width: 360px;
width: 100%;
}
.top--content--accessB {
max-width: 360px;
width: 100%;
float: left;
margin-left: 20px; }
.top--content--accessB img {
max-width: 360px;
width: 100%;
} .page-template-default .page-title {
padding: 40px 0;
font-size: 38px;
line-height: 1;
margin-bottom: 50px;
}
.page-template-default #main {
margin-top: 5px;
} .recruit .page-title {
margin-bottom: 75px;
}
.recruit--content--greeting {
letter-spacing: 1px;
margin-bottom: 100px;
}
.recruit--content--greeting p {
line-height: 2;
}
.recruit--content--greeting p + p {
margin-top: 1.5em;
}
.recruit--content--info {
margin-bottom: 100px;
}
.recruit--content--info .table-min th {
width: 11em;
}
.recruit--content--info .table-min td { }
.recruit--content--entry .table-min th {
padding: 10px 5px 4px 100px;
line-height: 2;
} .contact--content--form .contact--guide {
margin-bottom: 70px;
}
.contact--content--formcontent.wrap {
padding: 85px !important;
padding-top: 65px !important;
padding-bottom: 0 !important;
}
.contact--content--formcontent .check-policy {
margin-left: -85px;
margin-right: -85px;
margin-top: 65px;
padding: 25px 85px 25px 85px;
}
.contact--content--formcontent .submit {
margin-right: -85px;
margin-left: -85px;
padding-left: 85px;
padding-right: 85px;
padding-top: 40px;
}
.contact--content--formcontent .submit input {
width: 150px;
font-size: 14px;
border-radius: 3px;
padding: 0 0.5rem;
}
.contact--content--formcontent textarea {
height: 200px;
}
} @media only screen and (min-width: 1030px) { .top--content--os {
margin-bottom: 0;
}
.top--content--os {
padding-right: 25px;
}
.top--content--ware {
padding-left: 25px;
}
.top--content--accessA {
max-width: 360px;
width: 100%;
padding-right: 0;
margin-left: 75px;
margin-right: 45px; }
.top--content--accessA img {
max-width: 360px;
width: 100%;
}
.top--content--accessB {
max-width: 360px;
width: 100%;
margin-left: 45px;
margin-right: 75px; }
.top--content--accessB img {
max-width: 360px;
width: 100%;
}
} @media only screen and (min-width: 1240px) { } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {  } @media print { * {
background: transparent !important;
color: black !important;
text-shadow: none !important;
filter: none !important;
-ms-filter: none !important;
}
a, a:visited {
color: #444 !important;
text-decoration: underline;
}
a:after, a:visited:after {
content: " (" attr(href) ")";
}
a abbr[title]:after, a:visited abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.sidebar,
.page-navigation,
.wp-prev-next,
.respond-form,
nav {
display: none;
}
}