@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
  html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0; outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
-webkit-text-size-adjust: 100%;
line-height: 1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display: block;
}
img{
vertical-align: top;
}
nav ul {
list-style: none;
}
ul,ol{
padding-left: 1.7em;
list-style-position: outside;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
address{
font-style: normal;
} ins {
background-color: #ff9;
color: #000;
text-decoration: none;
} mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
} hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input ,select {
vertical-align: middle;
position: relative;
top: -0.1em;
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
   html {
overflow-y: scroll; }
body {
position: relative;
min-width: 1200px;
line-height: 1.6em;
padding: 0;
margin: 0;
text-align: left;
font-size: 1rem;
color: #333333;
font-family: "Noto Sans JP", "メイリオ", "Meiryo", "Hiragino Sans",
"ヒラギノ角ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"ＭＳ Ｐゴシック", "Helvetica Neue", Helvetica, Arial, sans-serif;
word-wrap: break-word;
overflow-wrap: break-word;
}
@media screen and (max-width: 768px) {
body {
line-height: 1.6em;
font-size: 0.9rem;
min-width: inherit;
}
}
ul,
ol {
padding-left: 1.5em;
}
p,
table,
ul,
ol,
dl,
blockquote {
margin-bottom: 1.6rem;
}
p:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
@media screen and (max-width: 768px) {
p {
text-align: left !important;
}
}
table {
margin-bottom: 1.6rem;
border-width: 0;
border-color: #cccccc;
border-style: solid;
border-collapse: collapse;
table-layout: auto;
empty-cells: show;
}
table thead,
table tbody,
table tfoot,
table th,
table td {
border-color: #cccccc;
}
table th,
table td {
padding: 1rem;
vertical-align: top;
}
table th img,
table td img {
vertical-align: top;
}
table th {
background-color: #f7f7f7;
}
table td {
background-color: #ffffff;
}
@media screen and (max-width: 768px) {
table th,
table td {
padding: 0.5rem;
}
}
table.table--design2 {
background-color: #ffffff;
}
table.table--design2 th,
table.table--design2 td {
background-color: #ffffff;
border-left: 0;
border-right: 0;
vertical-align: middle;
}
table.table--design2 tr:nth-child(2n) th,
table.table--design2 tr:nth-child(2n) td {
background-color: #fafafa;
}
table.table--design2 tr th {
font-size: 1.46rem;
color: #032275;
text-align: center;
}
@media screen and (max-width: 768px) {
table.table--design2 {
}
table.table--design2 tr th,
table.table--design2 tr td {
vertical-align: top;
}
table.table--design2 tr th {
line-height: 1.6em;
font-size: 0.8rem;
color: #032275;
text-align: left;
}
}
select {
box-sizing: content-box;
padding: 5px 10px;
background-color: #f9f9f9;
border: 1px solid #cccccc;
font-size: 1rem;
}
input,
textarea {
box-sizing: content-box;
padding: 5px 10px;
background-color: #f9f9f9;
border: 1px solid #cccccc;
font-size: 1rem;
}
img {
max-width: 100%;
height: auto;
}
strong {
font-weight: bold;
color: #f5740a;
}
em {
font-style: normal;
font-weight: bold;
} a:link,
a:visited {
text-decoration: underline;
opacity: 1;
transition: all 0.5s;
}
a:link {
color: #032275;
}
a:visited {
color: #032275;
}
a:active,
a:hover {
text-decoration: none;
opacity: 0.7;
} h3 {
position: relative;
line-height: 1.4em;
padding: 0;
margin-top: 5rem;
margin-bottom: 1rem;
font-size: 2em;
font-weight: bold;
text-align: left;
color: #032275;
}
@media screen and (max-width: 768px) {
h3 {
padding-left: 20px;
padding-right: 20px;
margin-top: 4.8rem;
margin-left: -20px;
margin-right: -20px;
font-size: 1.5em;
}
}
h3.hw--design2 {
border-bottom: 2px solid #032275;
padding-bottom: 15px;
margin-bottom: 1.5rem;
}
.contents_unit > h3:first-child,
.contents_unit section:first-child h3:first-child {
margin-top: 0;
}
h3.hw--design3 {
position: relative;
padding-bottom: 23px;
margin-bottom: 1em;
font-size: 1.86rem;
text-align: center;
color: #333;
}
h3.hw--design3:after {
position: absolute;
display: block;
content: "";
left: 50%;
bottom: 0;
width: 60px;
height: 5px;
margin-left: -30px;
overflow: hidden;
white-space: nowrap;
text-align: left;
text-indent: 100%;
background-color: #032275;
}
@media screen and (max-width: 768px) {
h3.hw--design3 {
padding-top: 0;
padding-bottom: 0;
margin-top: 3rem;
font-size: 1.5em;
text-align: left;
}
h3.hw--design3:after {
display: none;
}
}
h4 {
position: relative;
line-height: 1.4em;
padding: 0 0 0 14px;
margin-top: 5rem;
margin-bottom: 1rem;
border-left: 5px solid #032275;
color: #032275;
font-size: 1.5em;
font-weight: bold;
}
@media screen and (max-width: 768px) {
h4 {
margin-top: 3rem;
font-size: 1.285em;
}
}
h4.hw--design2 {
padding-left: 0;
padding-bottom: 15px;
margin-bottom: 1.5rem;
border-left: 0;
border-bottom: 2px solid #032275;
}
h4.hw--design3 {
position: relative;
padding-left: 0;
padding-bottom: 23px;
margin-bottom: 1em;
border-left: 0;
text-align: center;
}
h4.hw--design3:after {
position: absolute;
display: block;
content: "";
left: 50%;
bottom: 0;
width: 60px;
height: 3px;
margin-left: -30px;
overflow: hidden;
white-space: nowrap;
text-align: left;
text-indent: 100%;
background-color: #032275;
}
@media screen and (max-width: 768px) {
h4.hw--design3 {
position: relative;
line-height: 1.4em;
padding: 0 0 0 14px;
margin-top: 3rem;
border-left: 5px solid #032275;
font-size: 1.285em;
text-align: left;
}
h4.hw--design3:after {
display: none;
}
}
h5 {
position: relative;
line-height: 1.4em;
padding: 15px 0;
margin-top: 5rem;
margin-bottom: 1rem;
border-top: 2px solid #032275;
border-bottom: 2px solid #032275;
color: #032275;
font-size: 1.285rem;
font-weight: bold;
}
@media screen and (max-width: 768px) {
h5 {
padding: 8px 0;
margin-top: 2rem;
font-size: 1em;
}
}
@media screen and (max-width: 320px) {
}
h6 {
line-height: 1.4em;
padding: 0;
margin-top: 5rem;
margin-bottom: 1rem;
color: #032275;
font-size: 1.285rem;
font-weight: bold;
}
@media screen and (max-width: 320px) {
h6 {
margin-top: 2rem;
font-size: 1em;
}
}
iframe {
max-width: 100%;
}
hr {
clear: both;
margin: 1.6rem 0;
} .alignleft {
float: left;
display: block;
margin-right: 1rem;
}
@media only screen and (max-width: 768px) {
.alignleft {
float: none;
margin-right: 0;
}
}
.alignright {
float: right;
display: block;
margin-left: 1rem;
}
@media only screen and (max-width: 768px) {
.alignright {
float: none;
margin-left: 0;
}
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} p.p--pickup {
padding: 1rem 1rem 1rem 1rem;
background-color: #f5f5f5;
} ul.ul--circle {
list-style: none;
padding-left: 1.4em;
}
ul.ul--circle li {
position: relative;
line-height: 1.6em;
margin-bottom: 0.5em;
}
ul.ul--circle li:before {
position: absolute;
display: block;
content: ",";
left: 0;
top: 0.4rem;
width: 1rem;
height: 1rem;
overflow: hidden;
margin-left: -1.4rem;
border-radius: 100%;
background-color: #032275;
white-space: nowrap;
} ul.ul--pickup {
box-sizing: border-box;
list-style: none;
max-width: 735px;
padding: 1rem 1rem 0.5rem 3rem;
margin-left: auto;
margin-right: auto;
background-color: #f5f5f5;
}
ul.ul--pickup li {
position: relative;
line-height: 1.6em;
margin-bottom: 0.5em;
color: #1da8d6;
}
ul.ul--pickup li:before {
position: absolute;
display: block;
content: ",";
left: 0;
top: 0.25rem;
width: 1rem;
height: 1rem;
overflow: hidden;
margin-left: -1.5rem;
border-radius: 100%;
background-color: #1da8d6;
white-space: nowrap;
} ul.ul--sitemap {
line-height: 1.6em;
padding-left: 1.2rem;
list-style: none;
}
.ul--sitemap li {
position: relative;
}
.ul--sitemap li:after {
position: absolute;
left: 0;
top: 0.35em;
display: block;
content: ".";
width: 14px;
height: 14px;
margin-left: -1.2rem;
overflow: hidden;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/link_marger.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 14px 14px;
white-space: nowrap;
text-indent: 100%;
text-align: left;
text-decoration: none;
}
.ul--sitemap li a {
display: block;
margin-bottom: 1rem;
font-weight: bold;
}
.ul--sitemap li ul {
padding-left: 0.6rem;
margin-bottom: 1.5rem;
list-style: none;
}
.ul--sitemap li ul li {
position: relative;
margin-bottom: 0.5rem;
}
.ul--sitemap li ul li:after {
position: absolute;
left: 0;
top: 0.6em;
display: block;
content: ".";
width: 5px;
height: 7px;
margin-left: -0.6rem;
overflow: hidden;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/link_marger--child.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 5px 7px;
white-space: nowrap;
text-indent: 100%;
text-align: left;
text-decoration: none;
}
.ul--sitemap li ul li a {
margin-bottom: 0;
font-weight: normal;
}  .js {
display: none;
} .display--pc {
display: block;
}
@media screen and (max-width: 768px) {
.display--pc {
display: none;
}
}
body.mceContentBody br.display--pc {
position: relative;
content: "";
}
body.mceContentBody br.display--pc:after {
position: absolute;
display: block;
content: "--PCのみ改行--";
left: 0;
top: 0;
line-height: 1em;
margin-top: -0.5em;
font-size: 0.8rem;
color: #999999;
}
.display--sp {
display: none;
}
@media screen and (max-width: 768px) {
.display--sp {
display: block;
}
}
body.mceContentBody br.display--sp {
position: relative;
display: inline-block;
content: "";
}
body.mceContentBody br.display--sp:after {
position: absolute;
display: block;
content: "↓SPのみ改行";
left: 0;
top: 0;
line-height: 1em;
margin-top: -1.6em;
font-size: 0.8rem;
color: #999999;
} .search_result_summary {
margin-bottom: 1em;
}
.search_result_summary strong {
color: #000000;
font-weight: normal;
font-size: 1.125em;
} .pager {
margin-bottom: 1em;
}
.pager ul {
list-style: none;
padding: 0;
margin: 0;
}
.pager ul:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.pager li {
float: left;
display: block;
width: 30px;
height: 30px;
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
}
.pager li a {
display: block;
box-sizing: content-box;
width: 30px;
height: 30px;
line-height: 28px;
background-color: #f5f5f5;
overflow: hidden;
text-align: center;
color: #000000;
text-decoration: none;
}
.pager li a:link,
.pager li a:visited {
background-color: #f5f5f5;
color: #000000;
}
.pager li a:active,
.pager li a:hover {
}
.pager li a.on:link,
.pager li a.on:visited,
.pager li a.on:active,
.pager li a.on:hover {
background-color: #032275;
color: #ffffff;
font-weight: bold;
}
.pager li.pager__first,
.pager li.pager__last,
.pager li.pager__prev,
.pager li.pager__next {
position: relative;
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
text-align: left;
}
.pager li.pager__first a:after,
.pager li.pager__last a:after,
.pager li.pager__prev a:after,
.pager li.pager__next a:after {
position: absolute;
left: 0;
top: 0;
display: block;
content: "";
width: 30px;
height: 30px;
text-align: center;
text-indent: 0;
}
.pager li.pager__first a:after {
content: "≪";
}
.pager li.pager__last a:after {
content: "≫";
}
.pager li.pager__prev a:after {
content: "<";
}
.pager li.pager__next a:after {
content: ">";
}
@media screen and (max-width: 768px) {
.pager {
}
} .pager_group {
margin-top: 2rem;
margin-bottom: 2rem;
}
.pager_group .pager {
margin-bottom: 0;
} .fixed_box {
}
@media screen and (max-width: 768px) {
.fixed_box {
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
width: auto !important;
}
.fixed_box_dummy {
display: none;
}
}  .breadcrumb {
line-height: 1.6em;
padding: 0;
margin-bottom: 2rem;
font-size: 0.88rem;
color: #666666;
}
.breadcrumb a:link,
.breadcrumb a:visited {
color: #666666;
text-decoration: none;
}
.breadcrumb a:active,
.breadcrumb a:hover {
color: #999999;
}
.breadcrumb ul,
.breadcrumb ol {
margin: 0;
padding: 0;
list-style: none;
}
.breadcrumb li {
display: inline-block;
margin-right: 0;
white-space: nowrap;
}
.breadcrumb li:after {
content: ">";
margin-left: 5px;
}
@media screen and (max-width: 768px) {
.breadcrumb {
margin-left: 20px;
margin-right: 20px;
margin-bottom: 1.6rem;
}
}  .contents_unit {
margin-bottom: 35px;
background-color: #ffffff;
}
@media screen and (max-width: 768px) {
.contents_unit {
width: auto;
padding: 0 20px;
margin-bottom: 1rem;
}
}
@media screen and (max-width: 350px) {
.contents_unit {
width: auto;
padding: 0 10px;
}
} .column {
width: 1200px;
min-height: 1px;
margin: 0 auto;
}
.column:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.column .column {
width: auto;
}
.column__main {
float: right;
width: 870px;
overflow: hidden;
}
.column__sub {
float: left;
width: 270px;
}
@media screen and (max-width: 768px) {
.column {
width: auto;
min-width: 320px;
margin-bottom: 1.6rem;
}
.column__main {
float: none;
width: auto;
margin-bottom: 1rem;
}
.column__sub {
float: none;
width: auto;
padding: 0 20px;
margin-bottom: 1rem;
}
}
@media screen and (max-width: 350px) {
.column__sub {
padding: 0 10px;
}
}
.column__double {
float: left;
width: 49%;
margin-right: 2%;
}
.column__double:nth-child(2n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.column__double {
float: none;
width: auto;
margin-right: 0;
margin-bottom: 1rem;
}
} .column__sub__navi {
}
.column__sub__navi__title {
position: relative;
padding: 10px 18px;
background-color: #032275;
border-radius: 5px 5px 0 0;
color: #ffffff;
font-size: 1.14rem;
}
.column__sub__navi__title:before {
position: absolute;
left: 0;
top: 50%;
display: block;
content: ".";
width: 13px;
height: 2px;
margin-top: -1px;
background-color: #ffffff;
white-space: nowrap;
overflow: hidden;
text-align: left;
text-indent: 100%;
}
.column__sub__navi__list {
padding: 0;
margin: 0;
list-style: none;
background-color: #ffffff;
}
.column__sub__navi__list li {
overflow: hidden;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}
.column__sub__navi__list li:last-child {
border-radius: 0 0 5px 5px;
}
.column__sub__navi__list li a {
position: relative;
display: block;
padding: 10px 40px 10px 18px;
color: #032275;
text-decoration: none;
}
.column__sub__navi__list li a:before {
position: absolute;
top: 50%;
right: 20px;
content: "";
width: 8px;
height: 8px;
margin-top: -4px;
border: 0px;
border-top: solid 1px #032275;
border-right: solid 1px #032275;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.column__sub__navi__list li a:link,
.column__sub__navi__list li a:visited {
background-color: #ffffff;
}
.column__sub__navi__list li.is--now a,
.column__sub__navi__list li a:active,
.column__sub__navi__list li a:hover {
background-color: #f5f5f5;
} .button--wide {
width: 600px;
padding: 1.6rem 0;
margin: 0 auto 3.2rem;
}
.button--wide a,
.button--wide a:link,
.button--wide a:visited {
position: relative;
display: block;
line-height: 1.6em;
padding: 25px 30px;
border-radius: 45px;
background-color: #757677;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 1.5rem;
font-weight: bold;
}
.button--wide a:after {
position: absolute;
right: 40px;
top: 50%;
content: ".";
display: block;
width: 16px;
height: 27px;
overflow: hidden;
margin-top: -13px;
white-space: nowrap;
text-indent: 100%;
text-align: left;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/button--wide--arrow.png);
background-position: center center;
background-size: 16px 27px;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.button--wide {
padding: 10px 0;
width: auto;
margin: 0 auto 3.2rem;
}
.button--wide a,
.button--wide a:link,
.button--wide a:visited {
padding: 15px 30px 15px 15px;
font-size: 1rem;
font-weight: bold;
}
.button--wide a:after {
right: 15px;
}
} .button--wide2 {
width: 600px;
padding: 1.6rem 0;
margin: 0 auto 3.2rem;
}
.button--wide2 a,
.button--wide2 a:link,
.button--wide2 a:visited {
position: relative;
display: block;
line-height: 1.6em;
padding: 25px 30px;
border-radius: 45px;
background-color: #f5740a;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 1.5rem;
font-weight: bold;
}
.button--wide2 a:after {
position: absolute;
right: 40px;
top: 50%;
content: ".";
display: block;
width: 16px;
height: 27px;
overflow: hidden;
margin-top: -13px;
white-space: nowrap;
text-indent: 100%;
text-align: left;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/button--wide--arrow.png);
background-position: center center;
background-size: 16px 27px;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.button--wide2 {
padding: 10px 0;
width: auto;
margin: 0 auto 3.2rem;
}
.button--wide2 a,
.button--wide2 a:link,
.button--wide2 a:visited {
padding: 15px 30px 15px 15px;
font-size: 1rem;
font-weight: bold;
}
.button--wide2 a:after {
right: 15px;
}
} .button--small {
padding: 1.6rem 0;
margin: 0 auto;
}
.button--small a,
.button--small a:link,
.button--small a:visited {
position: relative;
display: block;
line-height: 1.6em;
padding: 25px 30px;
border-radius: 45px;
background-color: #757677;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 1.5rem;
font-weight: bold;
}
.button--small a:after {
position: absolute;
right: 40px;
top: 50%;
content: ".";
display: block;
width: 16px;
height: 27px;
overflow: hidden;
margin-top: -13px;
white-space: nowrap;
text-indent: 100%;
text-align: left;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/button--wide--arrow.png);
background-position: center center;
background-size: 16px 27px;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.button--small {
padding: 10px 0;
width: auto;
}
.button--small a,
.button--small a:link,
.button--small a:visited {
padding: 15px 30px 15px 15px;
font-size: 1rem;
font-weight: bold;
}
.button--small a:after {
right: 15px;
}
} .button--small2 {
padding: 1.6rem 0;
margin: 0 auto;
}
.button--small2 a,
.button--small2 a:link,
.button--small2 a:visited {
position: relative;
display: block;
line-height: 1.6em;
padding: 25px 30px;
border-radius: 45px;
background-color: #f5740a;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 1.5rem;
font-weight: bold;
}
.button--small2 a:after {
position: absolute;
right: 40px;
top: 50%;
content: ".";
display: block;
width: 16px;
height: 27px;
overflow: hidden;
margin-top: -13px;
white-space: nowrap;
text-indent: 100%;
text-align: left;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/button--wide--arrow.png);
background-position: center center;
background-size: 16px 27px;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.button--small2 {
padding: 10px 0;
width: auto;
}
.button--small2 a,
.button--small2 a:link,
.button--small2 a:visited {
padding: 15px 30px 15px 15px;
font-size: 1rem;
font-weight: bold;
}
.button--small2 a:after {
right: 15px;
}
} .image_column {
display: flex;
margin-bottom: 2rem;
}
.image_column_contents {
order: 2;
padding-left: 20px;
}
.image_column--right .image_column_contents {
order: 0;
padding-left: 0;
padding-right: 20px;
}
.image_column_contents *:first-child {
margin-top: 0 !important;
}
.image_column_image {
order: 1;
flex-shrink: 0;
flex-basis: 300px;
width: 300px;
}
.image_column_image img {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.image_column {
display: block;
}
.image_column_contents {
padding-left: 0;
}
.image_column--right .image_column_contents {
padding-left: 0;
padding-right: 0;
}
.image_column_contents *:first-child {
margin-top: 0 !important;
}
.image_column_image {
width: 300px;
margin: 0 auto;
}
.image_column_image img {
}
} .entry_button {
max-width: 450px;
margin-bottom: 1em;
}
.entry_button a {
display: block;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 8px;
background: #ea5e11;
background: -moz-linear-gradient(top, #ea5e11 0%, #dd1712 100%);
background: -webkit-linear-gradient(top, #ea5e11 0%, #dd1712 100%);
background: linear-gradient(to bottom, #ea5e11 0%, #dd1712 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea5e11', endColorstr='#dd1712',GradientType=0 );
box-shadow: 0 5px 0 0 #8a201b;
text-decoration: none;
text-align: center;
font-size: 1.2em;
color: #ffffff;
} .entry_wrap {
display: flex;
justify-content: start;
padding: 1px;
margin-bottom: 1em;
background-color: #0d267c;
}
.entry_wrap__title {
display: flex;
justify-content: center;
align-items: center;
width: 5em;
line-height: 1.4;
padding: 0.2em 0;
margin: 8px;
background-color: #fcfd01;
color: #0d267c;
font-weight: bold;
font-size: 1.15em;
}
.entry_wrap__title:first-child {
margin-top: 8px !important;
}
.entry_wrap__list {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center;
}
.entry_wrap__link {
margin-right: 8px;
margin-top: 8px !important;
margin-bottom: 8px;
}
.entry_wrap__link:first-child {
margin-top: 8px !important;
}
.entry_wrap__link a {
display: block;
padding: 0.4em 14px;
background-color: #ffffff;
border-radius: 2px;
text-decoration: none;
}
@media screen and (max-width: 768px) {
.entry_wrap {
}
.entry_wrap__title {
margin: 4px;
}
.entry_wrap__title:first-child {
margin-top: 4px !important;
}
.entry_wrap__list {
display: block;
width: 100%;
padding-top: 4px;
}
.entry_wrap__link {
margin-right: 4px;
margin-top: 0 !important;
margin-bottom: 4px;
}
.entry_wrap__link:first-child {
margin-top: 0 !important;
}
.entry_wrap__link a {
border-radius: 0;
}
} .news_link {
margin-bottom: 1em;
}
.news_link a {
display: block;
padding: 15px 20px;
border-bottom: 1px dotted #cccccc;
text-decoration: none;
}
.news_link a .news_link__date {
display: block;
font-size: 0.85rem;
color: #000000;
}
.news_link a .news_link__post_title {
display: block;
text-decoration: underline;
}
@media screen and (max-width: 768px) {
.news_link a {
padding: 15px 0;
}
} .news_box {
}
.news_box__header {
position: relative;
}
h2.news_box__header__hw {
position: relative;
padding: 0;
margin: 0;
background: none;
border: 0;
font-size: 1rem;
}
h2.news_box__header__hw:before,
h2.news_box__header__hw:after {
display: none;
content: "";
}
.news_box__header__hw,
h2.news_box__header__hw {
padding: 12px 20px 12px;
font-size: 1.4rem;
background-color: #f5f5f5;
border-bottom: 2px solid #032275;
}
@media screen and (max-width: 768px) {
.news_box__header__hw,
h2.news_box__header__hw {
margin-left: -20px;
margin-right: -20px;
font-size: 1.2rem;
}
}
@media screen and (max-width: 320px) {
.news_box__header__hw,
h2.news_box__header__hw {
margin-left: -10px;
margin-right: -10px;
}
}
.news_box__header__detail_link {
position: absolute;
right: 12px;
top: 50%;
margin-top: -0.8em;
line-height: 1.6em;
}
.news_box__header__detail_link a {
display: inline-block;
padding-left: 20px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/link_marger.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 14px 14px;
text-decoration: none;
color: #000000;
}
@media screen and (max-width: 768px) {
.news_box__header__detail_link {
right: 0;
}
}
.news_box__contents {
}
ul.news_box__list {
padding-left: 0;
list-style: none;
}
.news_box__list .news_link {
margin-bottom: 0;
} .newslist {
margin-bottom: 2rem;
}
.newslist__unit {
position: relative;
line-height: 1.6em;
padding: 1rem 1rem 1rem 10rem;
border-bottom: 1px dotted #cccccc;
}
.newslist__unit__date {
position: absolute;
left: 2rem;
top: 50%;
margin-top: -0.8em;
}
.newslist__unit__postmeta {
}
.newslist__unit__postmeta__cat {
}
.newslist__unit__postmeta__post_title {
}
@media screen and (max-width: 768px) {
.newslist__unit {
padding: 1rem 0 1rem 6rem;
}
.newslist__unit__date {
position: absolute;
left: 0;
top: 1rem;
margin-top: 0;
}
} .wide_banner_slider {
margin-bottom: 33px;
background-color: #f5f5f5;
}
.wide_banner_slider .swiper-wrapper {
min-width: 1200px;
}
.wide_banner_slider .swiper-slide {
}
.wide_banner_slider .swiper-slide a:active,
.wide_banner_slider .swiper-slide a:hover {
opacity: 0.7;
}
.wide_banner_slider .swiper-slide img {
width: 100%;
height: auto;
}
.wide_banner_slider .swiper-my-pagination_wrap {
width: 100%;
background-color: #f5f5f5;
}
.wide_banner_slider .swiper-my-pagination {
display: flex;
justify-content: center;
width: 1200px;
padding: 15px 0 15px 0;
margin: 0 auto;
}
.wide_banner_slider .swiper-pagination-bullet {
width: 217px;
height: 76px;
margin: 0 5px;
border: 0;
border-radius: 0;
opacity: 1;
}
.wide_banner_slider .swiper-pagination-bullet-active {
width: 209px;
height: 68px;
border: 4px solid #032275;
overflow: hidden;
}
.wide_banner_slider .swiper-pagination-bullet img {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.wide_banner_slider {
margin-bottom: 33px;
}
.wide_banner_slider .swiper-wrapper {
min-width: inherit;
}
.wide_banner_slider .swiper-my-pagination {
width: 100%;
line-height: 8px;
padding: 15px 0 15px 0;
text-align: center;
}
.wide_banner_slider .swiper-pagination-bullet {
display: inline-block;
float: none;
width: 8px;
height: 8px;
margin-left: 2px;
margin-right: 2px;
border: 0;
border-radius: 100%;
opacity: 0.2;
vertical-align: baseline;
}
.wide_banner_slider .swiper-pagination-bullet-active {
width: 8px;
height: 8px;
border: 0;
overflow: inherit;
}
.wide_banner_slider .swiper-pagination-bullet img {
visibility: hidden;
}
} .pagelist {
}
.pagelist:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.pagelist__unit {
float: left;
position: relative;
width: 32%;
padding-top: 1px;
margin-right: 2%;
margin-bottom: 2rem;
}
.pagelist__unit:nth-child(3n) {
margin-right: 0;
}
.pagelist__unit a {
display: block;
padding-bottom: 20px;
color: #032275;
text-decoration: none;
}
.pagelist__unit__photo {
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56%;
border: 1px solid #cccccc;
}
.pagelist__unit__photo img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
}
.pagelist__unit__title {
line-height: 1.4em;
padding: 0 0 0 15px;
margin-top: 61%;
margin-bottom: 20px;
border-left: 2px solid #032275;
font-size: 1.46rem;
font-weight: bold;
}
.pagelist__unit__contents {
line-height: 1.6em;
font-size: 0.93rem;
}
.column__main .pagelist__unit {
width: 49%;
margin-right: 2%;
}
.column__main .pagelist__unit:nth-child(3n) {
margin-right: 2%;
}
.column__main .pagelist__unit:nth-child(2n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.pagelist__unit {
float: none;
width: auto;
height: inherit !important;
margin-right: 0;
}
.pagelist__unit a:after {
position: absolute;
right: 0;
bottom: 0;
content: ".";
display: block;
width: 8px;
height: 15px;
overflow: hidden;
white-space: nowrap;
text-indent: 100%;
text-align: left;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/page_pickup__detail_link--arrow.png);
background-position: center center;
background-size: 8px 15px;
background-repeat: no-repeat;
}
.pagelist__unit__title {
margin-top: 60%;
margin-bottom: 0.5rem;
font-size: 1.2rem;
}
.column__main .pagelist__unit {
width: auto;
margin-right: 0;
}
.column__main .pagelist__unit:nth-child(3n) {
margin-right: 0;
}
.column__main .pagelist__unit:nth-child(2n) {
margin-right: 0;
}
} .page_pickup {
position: relative;
min-height: 215px;
padding-left: 34%;
padding-bottom: 3.2rem;
border-bottom: 1px solid #cccccc;
margin-bottom: 3.2rem;
}
.page_pickup__title {
line-height: 1.4em;
padding: 0 0 0 15px;
margin-bottom: 20px;
border-left: 2px solid #032275;
font-size: 1.46rem;
font-weight: bold;
color: #032275;
}
.page_pickup__photo {
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
width: 32%;
border: 1px solid #cccccc;
}
.page_pickup__photo img {
width: 100%;
height: auto;
}
.page_pickup__contents {
margin-bottom: 0.8rem;
color: #032275;
}
.page_pickup__detail_link {
margin-bottom: 0;
}
.page_pickup__detail_link a {
position: relative;
display: inline-block;
padding: 10px 45px 10px 35px;
border: 1px solid #314b8e;
border-radius: 23px;
background-color: #ffffff;
color: #314b8e;
text-align: center;
text-decoration: none;
}
.page_pickup__detail_link a:after {
position: absolute;
right: 19px;
top: 50%;
content: ".";
display: block;
width: 8px;
height: 15px;
overflow: hidden;
margin-top: -7px;
white-space: nowrap;
text-indent: 100%;
text-align: left;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/page_pickup__detail_link--arrow.png);
background-position: center center;
background-size: 8px 15px;
background-repeat: no-repeat;
}
.column__main .page_pickup {
padding-left: 51%;
min-height: 240px;
}
.column__main .page_pickup__photo {
width: 49%;
}
@media screen and (max-width: 768px) {
.page_pickup {
padding-left: 0;
padding-top: 1px;
padding-bottom: 1.6rem;
margin-bottom: 1.6rem;
}
.page_pickup__photo {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56%;
}
.page_pickup__photo img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
}
.page_pickup__title {
margin-top: 60%;
margin-bottom: 0.5rem;
font-size: 1.2rem;
}
.column__main .page_pickup {
padding-left: 0;
min-height: inherit;
}
.column__main .page_pickup__photo {
width: 100%;
}
.page_pickup__detail_link {
text-align: center;
}
} .message_box {
position: relative;
max-width: 745px;
padding-left: 215px;
margin: 0 auto 1.6rem;
}
.message_box__icon {
position: absolute;
left: 0;
top: 0;
width: 180px;
text-align: center;
z-index: 1;
}
.message_box__icon img {
max-width: 100%;
height: auto;
}
.message_box__balloon {
position: relative;
min-height: 70px;
line-height: 2em;
padding: 30px;
background-color: #f5f5f5;
color: #1da8d6;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
}
.message_box__balloon:after {
position: absolute;
left: 0;
top: 50%;
content: "";
display: block;
margin-left: -18px;
margin-top: -8px;
border-top: 8px solid transparent;
border-right: 18px solid #f5f5f5;
border-bottom: 8px solid transparent;
}
@media screen and (max-width: 768px) {
.message_box {
padding-left: 50px;
}
.message_box__icon {
position: absolute;
left: 0;
top: auto;
bottom: 10px;
width: 60px;
text-align: center;
}
.message_box__balloon {
min-height: 70px;
line-height: 1.6em;
padding: 15px 15px 15px 30px;
font-size: 1rem;
text-align: left;
}
.message_box__balloon:after {
display: none;
}
} .user_voice_unit_wrap {
margin-bottom: 1.6rem;
}
.user_voice_unit_wrap:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.user_voice_unit {
box-sizing: border-box;
float: left;
width: 32%;
margin-right: 2%;
margin-bottom: 1.6rem;
border: 1px solid #cccccc;
}
.user_voice_unit:nth-child(3n) {
margin-right: 0;
}
.user_voice_unit__image {
height: 210px;
overflow: hidden;
}
.user_voice_unit__image img {
width: 100%;
height: auto;
}
.user_voice_unit__content {
padding: 1rem 1rem 1px;
}
.user_voice_unit__content__title {
line-height: 1.6em;
margin-bottom: 0.8rem;
font-size: 1.26rem;
font-weight: bold;
}
.user_voice_unit__content__summary {
line-height: 1.6em;
margin-bottom: 0.8rem;
}
.user_voice_unit__content__button {
padding: 0 60px;
margin-bottom: 0.8rem;
}
.user_voice_unit__content__button a {
position: relative;
display: block;
padding: 10px 45px 10px 35px;
border: 1px solid #314b8e;
border-radius: 23px;
background-color: #ffffff;
color: #314b8e;
text-align: center;
text-decoration: none;
}
.user_voice_unit__content__button a:after {
position: absolute;
right: 19px;
top: 50%;
content: ".";
display: block;
width: 8px;
height: 15px;
overflow: hidden;
margin-top: -7px;
white-space: nowrap;
text-indent: 100%;
text-align: left;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/user_voice_unit__content__button--arrow.png);
background-position: center center;
background-size: 8px 15px;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
.user_voice_unit_wrap {
margin-bottom: 0;
}
.user_voice_unit {
box-sizing: border-box;
float: none;
width: auto;
margin-right: 0;
}
.user_voice_unit__image {
position: relative;
height: 0;
padding-top: 56%;
overflow: hidden;
}
.user_voice_unit__image img {
position: absolute;
left: 0;
top: 0;
}
.user_voice_unit__content {
padding: 0.8rem 1rem 1px;
}
.user_voice_unit__content__summary {
height: inherit;
overflow: inherit;
}
.user_voice_unit__content__button {
padding: 0 10px;
margin-bottom: 0.8rem;
}
} .user_voice_message {
margin-bottom: 1.6rem;
font-size: 1.46rem;
text-align: center !important;
}
.user_voice_message em {
font-weight: bold;
font-style: normal;
font-size: 1.86rem;
color: #f5740a;
}
@media screen and (max-width: 768px) {
.user_voice_message {
line-height: 1.4em;
font-size: 1.285em;
}
.user_voice_message em {
display: block;
line-height: 1.4em;
font-size: 1.46rem;
}
} .user_voice_outline {
display: flex;
margin-bottom: 3.2rem;
border: 1px solid #f5f5f5;
background-color: #f5f5f5;
color: #032275;
}
.user_voice_outline__image {
order: 0;
flex-shrink: 0;
flex-basis: 250px;
overflow: hidden;
}
.user_voice_outline__image img {
width: 100%;
height: auto;
}
.user_voice_outline__contents {
order: 1;
flex-basis: auto;
padding: 29px 35px 16px;
font-weight: bold;
}
.user_voice_outline__contents__message,
h3.user_voice_outline__contents__message {
line-height: 1.4em;
padding: 0;
margin: 0;
margin-bottom: 0.8rem;
border: 0;
background: 0;
font-size: 2.4rem;
}
h3.user_voice_outline__contents__message:before,
h3.user_voice_outline__contents__message:after {
display: none;
}
.user_voice_outline__contents__message em {
color: #f5740a;
font-style: normal;
}
.user_voice_outline__contents__name {
line-height: 1.4em;
margin-bottom: 0.8rem;
font-size: 1.46rem;
}
.user_voice_outline__contents__place {
line-height: 1.4em;
margin-bottom: 0.8rem;
font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
.user_voice_outline {
display: block;
}
.user_voice_outline__image {
overflow: hidden;
}
.user_voice_outline__contents {
padding: 15px 15px 10px;
}
.user_voice_outline__contents__message,
h3.user_voice_outline__contents__message {
line-height: 1.4em;
font-size: 1.86rem;
}
.user_voice_outline__contents__name {
line-height: 1.4em;
margin-bottom: 0.8rem;
font-size: 1.26rem;
}
.user_voice_outline__contents__place {
line-height: 1.4em;
margin-bottom: 0.8rem;
font-size: 1rem;
}
}
.user_voice_reply {
display: flex;
margin-bottom: 3.2rem;
}
.user_voice_reply__icon {
flex-shrink: 0;
flex-basis: 190px;
padding-top: 15px;
padding-bottom: 15px;
}
.user_voice_reply__icon img {
width: 145px;
height: auto;
}
.user_voice_reply__balloon {
flex-basis: auto;
position: relative;
line-height: 1.6em;
padding: 30px;
background-color: #f5f5f5;
color: #032275;
font-size: 1.26rem;
font-weight: bold;
}
.user_voice_reply__balloon:after {
position: absolute;
left: 0;
top: 50%;
content: "";
display: block;
margin-left: -18px;
margin-top: -8px;
border-top: 8px solid transparent;
border-right: 18px solid #f5f5f5;
border-bottom: 8px solid transparent;
}
@media screen and (max-width: 768px) {
.user_voice_reply {
position: relative;
display: block;
padding-left: 80px;
}
.user_voice_reply__icon {
position: absolute;
left: 0;
top: 10px;
width: 100px;
padding-top: 0;
padding-bottom: 0;
z-index: 1;
}
.user_voice_reply__icon img {
width: 100%;
height: auto;
}
.user_voice_reply__balloon {
line-height: 1.6em;
padding: 10px 10px 10px 30px;
font-size: 1rem;
font-weight: normal;
}
.user_voice_reply__balloon:after {
display: none;
}
} .company_partner__bg {
padding: 20px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/company_partner.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
color: #032275;
}
.company_partner__bg .ul--circle {
background-color: rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 769px) {
.company_partner__bg .column__double *:first-child {
margin-top: 0;
}
}
@media screen and (max-width: 768px) {
.company_partner__bg {
padding: 0;
background: none;
}
} .seminar-link {
display: flex;
justify-content: space-between;
width: 100%;
}
.seminar-link > a {
display: block;
width: 48.75%;
}
.seminar-link > a img {
display: block;
width: 100%;
}
.seminar-link > a span {
display: block;
margin: 0;
padding-top: 16px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 20px;
background-color: #032275;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 1.625rem;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.seminar-link {
display: block;
}
.seminar-link > a {
width: auto;
margin-bottom: 1.5rem;
}
.seminar-link > a span {
font-size: 1.5rem;
}
} .seminar-list_index {
display: flex;
justify-content: space-between;
width: 100%;
}
.seminar-list_index > div {
display: block;
width: 45%;
padding: 20px;
border: 1px solid #f5f5f5;
}
.seminar-list_index > div h4 {
position: relative;
margin-top: 0;
border-left-width: 2px;
font-size: 1.375rem;
}
.seminar-list_index > div h4 > a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: inline-block;
margin: auto;
font-size: 0.875rem;
}
.seminar-list_index > div .ul--sitemap li a {
display: inline-block;
}
.seminar-list_index.seminar-list_index_single > div {
display: block;
width: 100%;
}
.seminar-list_index.seminar-list_index_single > div ul {
margin-bottom: 0;
}
.seminar-list_index > div h4 > a:after {
position: absolute;
left: 0;
top: 0.65em;
margin: auto;
display: block;
content: ".";
width: 14px;
height: 14px;
margin-left: -1.2rem;
overflow: hidden;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/link_marger.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size: 14px 14px;
white-space: nowrap;
text-indent: 100%;
text-align: left;
text-decoration: none;
}
@media screen and (max-width: 768px) {
.seminar-list_index {
display: block;
}
.seminar-list_index > div {
width: auto;
margin-bottom: 1.5rem;
}
.seminar-list_index > div h4 {
margin-top: 0;
border-left-width: 2px;
font-size: 1.125rem;
padding-left: 10px;
padding-right: 105px;
}
.seminar-list_index > div h4 > a {
position: absolute;
top: 0;
bottom: 0;
right: 0;
display: inline-block;
margin: auto;
font-size: 0.875rem;
}
.seminar-list_index > div h4 > a:after {
top: 0.4em;
}
} .seminar-schedule {
margin-bottom: 60px;
}
.seminar-schedule__unit {
display: flex;
justify-content: start;
align-items: center;
padding: 1em 1em;
margin: 0 0;
border-bottom: 1px dotted #cccccc;
}
.seminar-schedule__unit:first-child {
border-top: 1px dotted #cccccc;
}
.seminar-schedule__unit__date {
flex-shrink: 2;
width: 10em;
min-width: 10em;
margin-right: 2em;
}
.seminar-schedule__unit__name {
flex-shrink: 1;
width: 100%;
margin-right: 2em;
}
.seminar-schedule__unit__tag {
display: flex;
justify-content: start;
align-items: center;
flex-wrap: wrap;
flex-shrink: 1;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
}
.seminar-schedule__unit__tag li {
display: block;
font-size: 12px;
line-height: 1.2;
padding: 0.2em 10px;
margin: 5px 10px 5px 0;
border: 1px solid #cccccc;
border-radius: 0.8em;
}
.seminar-schedule__unit__tag li.is-beginner {
border-color: #4f932b;
color: #4f932b;
}
.seminar-schedule__unit__tag li.is-free {
border-color: #032275;
color: #032275;
}
.seminar-schedule__unit__tag li.is-anyone {
border-color: #7e42ad;
color: #7e42ad;
}
.seminar-schedule__unit__tag li.is-workshop {
border-color: #e58f00;
color: #e58f00;
}
.seminar-schedule__unit__tag li.is-only {
border-color: #d6006f;
color: #d6006f;
}
.seminar-schedule__unit__tag li.is-online {
border-color: #0d989a;
color: #0d989a;
}
.seminar-schedule__unit__tag li.is-offline {
border-color: #d94700;
color: #d94700;
}
.seminar-schedule__link {
display: flex;
align-items: center;
justify-content: end;
padding: 1em 0;
border-bottom: 1px dotted #cccccc;
}
.seminar-schedule__link a {
display: block;
text-decoration: none;
padding-left: 20px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/link_marger.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 14px 14px;
}
@media screen and (max-width: 768px) {
.seminar-schedule {
padding: 0 10px;
margin-bottom: 60px;
border: 0;
}
.seminar-schedule__unit {
display: block;
padding: 1em 0;
}
.seminar-schedule__unit__date {
width: 100%;
min-width: inherit;
margin-right: 0;
margin-bottom: 5px;
}
.seminar-schedule__unit__name {
margin-right: 0;
margin-bottom: 10px;
}
.seminar-schedule__unit__tag {
}
.seminar-schedule__unit__tag li {
margin-top: 0;
margin-bottom: 8px;
}
} .point-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 30px;
margin: 0 -10px 30px;
}
.point-list__unit {
position: relative;
box-sizing: border-box;
width: calc(50% - 20px);
margin: 0 10px 40px;
border: 2px solid #cccccc;
}
.point-list__unit__icon {
position: absolute;
left: 0;
top: 0;
width: 136px;
height: 136px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/point-list__unit__icon.png);
background-repeat: no-repeat;
background-position: left top;
}
.point-list__unit__icon span {
display: block;
width: 80px;
line-height: 1.2;
padding-top: 10px;
color: #ffffff;
font-weight: bold;
text-align: center;
letter-spacing: 0.05em;
}
.point-list__unit__icon em {
display: block;
width: 80px;
line-height: 1.2;
color: #ffffff;
font-size: 1.8em;
font-weight: bold;
font-style: none;
text-align: center;
}
.point-list__unit__icon__img {
}
.point-list__unit__icon__img img {
width: 100%;
height: auto;
}
.point-list__unit__img {
}
.point-list__unit__img img {
width: 100%;
}
.point-list__unit__contents {
padding: 20px 20px 40px;
}
.point-list__unit__title {
line-height: 1.4;
margin-bottom: 18px;
font-size: 1.6em;
font-weight: bold;
text-align: center;
}
.point-list__unit__text {
}
@media screen and (max-width: 768px) {
.point-list {
display: block;
padding: 0;
margin: 0 0 30px;
}
.point-list__unit {
width: 100%;
margin: 0 0 20px;
}
} .ci-message {
padding: 30px 30px;
margin-bottom: 60px;
background-color: #f2f9fc;
text-align: center;
}
.ci-message h3 {
margin: 20px 0 40px;
text-align: center;
}
.ci-message h4 {
position: relative;
padding: 0 0 15px;
margin: 0 0 20px;
border: 0;
}
.ci-message h4:after {
position: absolute;
display: block;
content: "";
bottom: 0;
left: 50%;
width: 60px;
height: 3px;
margin-left: -30px;
background-color: #032275;
}
.ci-message__section {
padding-bottom: 1px;
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.ci-message {
padding: 30px 20px;
margin-bottom: 60px;
}
} .ceo_photo {
margin-bottom: 30px;
}
.ceo_photo img {
width: 100%;
height: auto;
}  #site_header_wrap {
background-color: #ffffff;
}
#site_header {
position: relative;
width: 1200px;
height: 87px;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
#site_header {
width: auto;
height: 40px;
padding: 10px;
}
}
#site_header__logo {
display: block;
padding-top: 18px;
color: #032275;
font-weight: normal;
}
#site_header__logo a {
display: inline-block;
min-height: 60px;
padding-left: 165px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/site_header/site_header__logo.jpg);
background-repeat: no-repeat;
background-position: 7px center;
background-size: 141px 60px;
text-decoration: none;
color: #032275;
}
#site_header__logo__copy {
display: block;
line-height: 1em;
margin-bottom: 8px;
font-size: 0.9rem;
}
#site_header__logo__grp_name {
display: block;
line-height: 1em;
color: #032275;
font-size: 2.14rem;
font-weight: normal;
}
@media screen and (max-width: 768px) {
#site_header__logo {
padding-top: 0;
}
#site_header__logo a {
display: block;
width: 94px;
min-height: 40px;
padding-left: 0;
background-position: 0 0;
background-size: 94px 40px;
}
#site_header__logo__copy {
overflow: hidden;
width: 1px;
height: 1px;
white-space: nowrap;
text-indent: 100%;
}
#site_header__logo__grp_name {
overflow: hidden;
width: 1px;
height: 1px;
white-space: nowrap;
text-indent: 100%;
}
}
#site_header__navi_desktop {
position: absolute;
top: 50%;
right: 6px;
line-height: 1.6em;
padding: 0;
margin: 0;
margin-top: -0.8em;
list-style: none;
}
#site_header__navi_desktop li {
display: inline-block;
}
#site_header__navi_desktop li a {
display: inline-block;
padding-left: 20px;
margin-left: 20px;
color: #000000;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/link_marger.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 14px 14px;
text-decoration: none;
}
@media screen and (max-width: 768px) {
#site_header__navi_desktop {
display: none;
}
} #site_nav_desktop_wrap {
background-color: #032275;
}
#site_nav_desktop {
width: 1199px;
padding: 0;
margin: 0 auto;
list-style: none;
display: flex;
justify-content: center;
}
#site_nav_desktop:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#site_nav_desktop li {
border-right: 1px solid #ffffff;
text-align: center;
}
#site_nav_desktop li:first-child {
border-left: 1px solid #ffffff;
}
#site_nav_desktop li a {
display: block;
width: 100%;
padding: 14px 0 11px;
text-decoration: none;
color: #ffffff;
}
#site_nav_desktop li em {
display: block;
line-height: 1em;
margin-bottom: 6px;
font-size: 1.15rem;
font-weight: normal;
}
#site_nav_desktop li span {
display: block;
line-height: 1em;
font-size: 0.7rem;
font-family: "Roboto";
}
@media screen and (max-width: 768px) {
#site_nav_desktop_wrap {
display: none;
}
} #site_nav_mobile_wrap {
display: none;
}
@media screen and (max-width: 768px) {
#site_nav_mobile_wrap {
display: block;
width: 100%;
background-color: #ffffff;
}
#site_nav_mobile {
}
.site_nav_mobile_list {
padding: 0;
margin: 0;
list-style: none;
}
.site_nav_mobile_list--main {
background-color: #032275;
color: #ffffff;
}
.site_nav_mobile_list--main li {
border-bottom: 1px solid #ffffff;
}
.site_nav_mobile_list--main li:last-child {
border-bottom: 0;
}
.site_nav_mobile_list--main li a {
display: block;
padding: 0.8em 20px;
color: #ffffff;
text-decoration: none;
}
.site_nav_mobile_list--main li a em {
display: block;
line-height: 1.6em;
font-weight: normal;
font-style: normal;
}
.site_nav_mobile_list--main li a span {
display: block;
line-height: 1.6em;
font-size: 0.7rem;
}
.site_nav_mobile_list--aside {
padding: 10px 20px;
}
.site_nav_mobile_list--aside li {
display: block;
padding-left: 20px;
margin-bottom: 10px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/common/link_marger.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 14px 14px;
}
.site_nav_mobile_list--aside li a {
color: #000000;
text-decoration: none;
} .site_nav_mobile_wrap--js_active {
position: fixed;
left: 0;
top: 0;
min-height: 100%;
margin-left: 100%;
z-index: 5;
}
} #site_nav_mobile_changer {
display: none;
}
@media screen and (max-width: 768px) {
#site_nav_mobile_changer {
display: block;
position: fixed;
right: 10px;
top: 10px;
width: 40px;
height: 40px;
overflow: hidden;
white-space: nowrap;
text-align: left;
text-indent: 100%;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/site_header/site_nav_mobile_changer--icon.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size: 40px 40px;
z-index: 4;
}
} #site_nav_mobile_filter {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(150, 150, 150, 0.7);
z-index: 3;
}
#site_nav_mobile_filter.site_nav_mobile_filter--is-show {
display: block;
} #site_footer {
padding: 50px 20px 26px;
color: #555555;
text-align: center;
}
@media screen and (max-width: 768px) {
#site_footer {
padding-left: 0;
padding-right: 0;
}
}
#site_footer__navi {
padding: 0;
margin: 0 0 12px;
line-height: 1.2em;
font-size: 0.85rem;
list-style: none;
}
#site_footer__navi li {
display: inline-block;
padding: 0 1.5em 0 1em;
border-right: 1px solid #999999;
}
#site_footer__navi li:last-child {
border: 0;
}
#site_footer__navi li a {
color: #555555;
text-decoration: none;
}
@media screen and (max-width: 768px) {
#site_footer__navi {
margin-bottom: 20px;
line-height: 1.6em;
border-top: 1px solid #999999;
}
#site_footer__navi li {
display: block;
padding: 0;
border-right: 0;
border-bottom: 1px solid #999999;
}
#site_footer__navi li:last-child {
border: 0;
border-bottom: 1px solid #999999;
}
#site_footer__navi li a {
display: block;
padding: 1em 20px 1em;
color: #555555;
text-align: left;
text-decoration: none;
}
}
#site_footer__copyright {
line-height: 1.6em;
font-size: 0.7rem;
}
@media screen and (max-width: 768px) {
#site_footer__copyright {
padding-left: 20px;
padding-right: 20px;
}
} #page_contents {
overflow: hidden;
} #page_contents__title {
padding: 35px 35px 40px;
margin-bottom: 60px;
background-color: #1da8d6;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/page_contents/page_contents__title--bg.png);
background-repeat: repeat;
background-position: left top;
background-size: 5px 5px;
color: #ffffff;
}
#page_contents__title__ja {
display: block;
line-height: 1.4em;
text-align: center;
font-size: 2.57rem;
}
#page_contents__title__ja:after {
display: block;
content: ".";
width: 30px;
height: 3px;
margin: 0 auto;
margin-top: 13px;
background-color: #ffffff;
overflow: hidden;
white-space: nowrap;
text-align: left;
text-indent: 100%;
}
#page_contents__title__en {
display: block;
line-height: 1.4em;
margin-top: 15px;
text-align: center;
font-family: "Roboto";
font-weight: normal;
}
@media screen and (max-width: 768px) {
#page_contents__title {
padding: 20px 20px 30px;
margin-bottom: 3rem;
}
#page_contents__title__ja {
line-height: 1.4em;
font-size: 1.825rem;
}
#page_contents__title__ja:after {
width: 20px;
height: 2px;
margin-top: 8px;
}
#page_contents__title__en {
display: block;
line-height: 1.4em;
margin-top: 8px;
}
}
.site_navigator__check,
.site_navigator__button {
display: none;
}
@media screen and (min-width: 1440px) {
.is--site_navigator .site_navigator__button {
position: fixed;
right: 0;
top: 0;
height: 100%;
padding: 0;
margin: 0;
list-style: none;
background: #333;
z-index: 2;
cursor: pointer;
display: block;
}
.is--site_navigator .site_navigator__button span {
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
line-height: 60px;
padding-top: 66px;
color: #ffffff;
text-align: left;
text-decoration: none;
font-size: 1.46rem;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
text-orientation: upright;
position: relative;
}
.is--site_navigator .site_navigator__button span::before {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: 30px;
left: calc(50% - 10px);
display: block;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/site_navigator/site_navigator__li--bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
transform: rotate(180deg);
}
.is--site_navigator
.site_navigator__check
+ .site_navigator__button
+ #site_navigator {
max-width: 0;
transition: max-width 0.5s ease;
overflow: hidden;
margin-right: 60px;
display: flex;
}
.is--site_navigator
.site_navigator__check:checked
+ .site_navigator__button
span::before {
transform: rotate(0);
}
.is--site_navigator
.site_navigator__check:checked
+ .site_navigator__button
+ #site_navigator {
max-width: 200px;
}
.is--site_navigator #site_navigator .site_navigator__li:first-child a {
border-radius: 15px 0 0 15px;
}
}
@media screen and (max-width: 1439px) {
.is--site_navigator .site_navigator__button {
position: absolute;
right: 0;
top: 0;
height: inherit;
background: #333;
color: white;
z-index: 2;
cursor: pointer;
width: 300px;
height: 40px;
display: block;
}
.is--site_navigator .site_navigator__button span {
height: 40px;
line-height: 40px;
padding-top: 0;
padding-left: 1em;
padding-right: 60px;
background-position: right 10px center;
background-size: 16px;
border-radius: 0;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
-o-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
text-orientation: mixed;
font-size: 1rem;
}
.is--site_navigator .site_navigator__button span::before {
content: "";
width: 20px;
height: 20px;
position: absolute;
top: 10px;
right: 10px;
display: block;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/site_navigator/site_navigator__li--bg.png);
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
transform: rotate(90deg);
}
.is--site_navigator
.site_navigator__check
+ .site_navigator__button
+ #site_navigator {
display: block;
width: 300px;
margin-top: 40px;
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease;
}
.is--site_navigator
.site_navigator__check:checked
+ .site_navigator__button
span::before {
transform: rotate(-90deg);
}
.is--site_navigator
.site_navigator__check:checked
+ .site_navigator__button
+ #site_navigator {
max-height: 200px;
}
}
@media screen and (max-width: 768px) {
.is--site_navigator .site_navigator__button {
top: 60px;
width: 100%;
}
.is--site_navigator
.site_navigator__check
+ .site_navigator__button
+ #site_navigator {
width: 100%;
}
}
#site_navigator {
display: none;
position: fixed;
right: 0;
top: 0;
height: 100%;
padding: 0;
margin: 0;
list-style: none;
z-index: 2;
}
#site_navigator .site_navigator__li {
display: block;
width: 60px;
height: 100%;
color: #ffffff;
}
#site_navigator .site_navigator__li a {
box-sizing: border-box;
display: block;
width: 100%;
height: 100%;
line-height: 60px;
padding-top: 66px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_standard/images/site_navigator/site_navigator__li--bg.png);
background-repeat: no-repeat;
background-position: center 30px;
background-size: 20px 20px;
color: #ffffff;
text-align: left;
text-decoration: none;
font-size: 1.46rem;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
text-orientation: upright;
}
#site_navigator .site_navigator__li a .combine {
-ms-text-combine-horizontal: all;
}
#site_navigator .site_navigator__li a:link,
#site_navigator .site_navigator__li a:visited {
}
#site_navigator .site_navigator__li a:active,
#site_navigator .site_navigator__li a:hover {
opacity: 1;
}
#site_navigator__tax a {
background-color: #032275;
}
#site_navigator__romu {
background-color: #f59b00;
}
#site_navigator__romu a {
background-color: #333;
}
#site_navigator__gyosei a {
background-color: #f59b00;
}
#site_navigator__roumu a {
background-color: #006630;
}
#site_navigator__smes a {
background-color: #757677;
}
@media screen and (max-width: 1439px) {
#site_navigator {
position: absolute;
right: 0;
top: 0;
height: inherit;
}
#site_navigator .site_navigator__li {
width: 100%;
height: inherit;
background-color: transparent !important;
}
#site_navigator .site_navigator__li a {
height: 40px;
line-height: 40px;
padding-top: 0;
padding-left: 1em;
padding-right: 40px;
background-position: right 10px center;
background-size: 16px;
border-radius: 0;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
-o-writing-mode: horizontal-tb;
writing-mode: horizontal-tb;
text-orientation: mixed;
font-size: 1rem;
}
}
@media screen and (max-width: 768px) {
#site_navigator {
position: absolute;
right: 0;
top: 60px;
width: 100%;
}
#site_navigator .site_navigator__li a {
overflow: hidden;
font-size: 1rem;
}
}
.is--site_navigator #site_navigator {
display: block;
}
.is--site_navigator2 #site_navigator {
display: flex;
}
.is--site_navigator .wide_banner_slider {
padding-right: 40px;
}
.is--site_navigator2 .wide_banner_slider {
padding-right: 100px;
}
@media screen and (max-width: 1439px) {
.is--site_navigator #site_header__navi_desktop {
margin-top: 5px;
list-style: none;
}
.is--site_navigator .wide_banner_slider {
padding-left: 0;
padding-right: 0;
}
.is--site_navigator2 #site_navigator {
width: 600px;
}
.is--site_navigator2 #site_navigator .site_navigator__li a {
padding-right: 40px;
}
}
@media screen and (max-width: 768px) {
.is--site_navigator #site_navigator {
display: block;
}
.is--site_navigator2 #site_navigator {
width: 100%;
}
.is--site_navigator #site_header {
margin-bottom: 40px;
}
.is--site_navigator2 #site_header {
margin-bottom: 80px;
}
}
.grecaptcha-badge {
visibility: hidden !important;
} :root {
--top-blue-light: #095aaa;
--top-blue-dark: #10439c;
--header-height-sp: 58px;
--header-height-pc: 72px;
}
body {
margin-top: var(--header-height-sp);
} #rpa_site_header_wrap {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 5;
background-color: #fff;
}
#rpa_site_header {
width: 100%;
height: var(--header-height-sp);
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
}
#rpa_site_header__logo {
display: inline-flex;
justify-content: center;
align-items: center;
width: 100px;
height: 100%;
margin-left: 0.5rem;
}
#rpa_site_header__navi {
display: none;
height: 100%;
white-space: nowrap;
}
#rpa_site_header__navi__list {
list-style: none;
display: inline-flex;
margin: 0;
font-size: 1.25rem;
height: 100%;
padding-left: 0;
}
#rpa_site_header__navi__list li > a {
display: inline-flex;
justify-content: center;
align-items: center;
height: 100%;
color: var(--top-blue-dark);
text-decoration: none;
padding: 0 2rem;
}
#rpa_site_header__navi__list li:last-of-type > a {
color: #fff;
background: linear-gradient(
180deg,
var(--top-blue-light),
var(--top-blue-dark)
);
}
@media screen and (min-width: 769px) {
body {
margin-top: var(--header-height-pc);
}
#rpa_site_header {
height: var(--header-height-pc);
}
#rpa_site_header__logo {
min-width: 150px;
margin-left: 5rem;
}
#rpa_site_header__navi {
display: block;
}
} #rpa_site_footer_wrap {
background-color: #545454;
padding: 4.5rem 2rem;
box-sizing: border-box;
}
#rpa_site_footer {
max-width: 1400px;
color: #fff;
margin: 0 auto;
}
#rpa_site_footer__company_area {
width: 100%;
display: flex;
justify-content: space-between;
margin: 0 auto;
gap: 2.5rem;
flex-direction: column;
}
#rpa_site_footer__company {
flex-grow: 1;
}
#rpa_site_footer__company p {
font-size: 1.25rem;
line-height: 1.5;
position: relative;
padding-left: 1.25rem;
}
#rpa_site_footer__company p::before {
content: "";
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 100%;
background-color: #fff;
}
#rpa_site_footer__company ul {
padding: 0;
margin: 0;
list-style: none;
height: 100%;
}
#rpa_site_footer__company ul li {
display: flex;
flex-direction: column;
gap: 0.25rem;
font-size: 0.875rem;
margin-bottom: 2rem;
}
#rpa_site_footer__company ul li > a {
color: #fff;
text-decoration: none;
white-space: nowrap;
}
#rpa_site_footer__logo_wrap {
margin: 1rem auto 3rem;
max-width: 180px;
}
#rpa_site_footer__navi {
list-style: none;
border-left: 2px solid #fff;
display: flex;
flex-direction: column;
margin: 0;
}
#rpa_site_footer__navi li:not(:last-of-type) {
margin-bottom: 1.25rem;
}
#rpa_site_footer__navi li > a {
color: #fff;
text-decoration: none;
font-size: 0.875rem;
}
@media screen and (min-width: 769px) {
#rpa_site_footer__company p {
font-size: 1.5rem;
}
#rpa_site_footer__company ul li {
font-size: 1.125rem;
}
#rpa_site_footer__logo_wrap {
margin: 1.5rem auto 2.5rem;
max-width: 100%;
text-align: center;
}
}
@media screen and (min-width: 1400px) {
#rpa_site_footer_wrap {
padding-bottom: 1.875rem;
}
#rpa_site_footer__company_area {
flex-direction: row;
gap: 0;
}
#rpa_site_footer__company ul li {
flex-direction: row;
gap: 6.5rem;
}
#rpa_site_footer__logo_wrap {
display: flex;
justify-content: center;
}
#rpa_site_footer__navi {
flex-direction: row;
justify-content: center;
padding: 0;
border-left: none;
}
#rpa_site_footer__navi li {
margin: 0;
padding: 0 2.5rem;
border-right: 1px solid #fff;
}
#rpa_site_footer__navi li:last-of-type {
border-right: none;
}
} #site_burger_menu_mobile_wrap {
display: none;
}
#site_burger_menu_mobile {
padding-top: var(--header-height-sp);
}
@media screen and (max-width: 768px) {
#site_burger_menu_mobile_wrap {
display: block;
width: 100%;
background-color: #fffffffe;
transform: translateY(-100%);
}
#site_burger_menu_mobile_wrap.site_burger_menu_mobile_wrap--is-show {
transform: translateY(0);
max-height: 100vh;
overflow-y: auto;
}
.site_burger_menu_mobile_list {
padding: 0;
margin: 0;
list-style: none;
}
.site_burger_menu_mobile_list--main li {
border-bottom: 1px solid #d6d6d6;
}
.site_burger_menu_mobile_list--main li:last-child {
border-bottom: 0;
}
.site_burger_menu_mobile_list--main li a {
display: block;
padding: 2rem;
color: #10439c;
text-decoration: none;
font-size: 1.25rem;
font-weight: bold;
text-align: center;
}
.site_burger_menu_mobile_list--aside > .tax {
background-color: #1d2087;
}
.site_burger_menu_mobile_list--aside > .gyosei {
background-color: #ef6800;
}
.site_burger_menu_mobile_list--aside > .roumu {
background-color: #00870d;
}
.site_burger_menu_mobile_list--aside li a {
display: block;
color: #fff;
text-decoration: none;
font-size: 1.25rem;
font-weight: bold;
padding: 1.5rem;
text-align: center;
} .site_burger_menu_mobile_wrap--js_active {
position: fixed;
left: 0;
top: 0;
z-index: 4;
transition: all 0.5s;
}
} #site_burger_menu_mobile_changer {
display: none;
}
@media screen and (max-width: 768px) {
#site_burger_menu_mobile_changer {
display: block;
position: fixed;
right: 10px;
top: calc(0.5rem + 5px);
width: 32px;
height: 32px;
overflow: hidden;
z-index: 5;
}
#site_burger_menu_mobile_changer::before,
#site_burger_menu_mobile_changer::after {
content: "";
display: inline-block;
width: 100%;
height: 4px;
background-color: var(--top-blue-light);
position: absolute;
left: 0;
transition: all 0.3s;
transform-origin: center;
border-radius: 4px;
}
#site_burger_menu_mobile_changer::before {
top: 8px;
}
#site_burger_menu_mobile_changer:after {
bottom: 8px;
}
#site_burger_menu_mobile_changer.site_burger_menu_mobile_changer--is-opened:before {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
#site_burger_menu_mobile_changer.site_burger_menu_mobile_changer--is-opened:after {
bottom: 50%;
transform: translateY(50%) rotate(-45deg);
}
} #site_burger_menu_mobile_filter {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 3;
}
#site_burger_menu_mobile_filter.site_burger_menu_mobile_filter--is-show {
display: block;
} .rpa_site_navigator__check,
.rpa_site_navigator__button {
display: none;
}
#rpa_site_navigator {
display: none;
height: 100%;
padding: 0;
margin: 0;
list-style: none;
z-index: 2;
}
#rpa_site_navigator .rpa_site_navigator__li {
display: block;
}
#rpa_site_navigator .rpa_site_navigator__li a {
display: block;
padding: 2rem;
line-height: 1.5;
white-space: nowrap;
text-decoration: none;
color: #fff;
font-size: 1.25rem;
font-weight: bold;
}
#rpa_site_navigator .rpa_site_navigator__li a:active,
#rpa_site_navigator .rpa_site_navigator__li a:hover {
opacity: 1;
}
#rpa_site_navigator__tax a {
background-color: #1d2087;
}
#rpa_site_navigator__gyosei a {
background-color: #ef6800;
}
#rpa_site_navigator__roumu a {
background-color: #00870d;
}
#rpa_site_navigator__smes a {
background-color: var(--top-blue-dark);
}
@media screen and (min-width: 769px) {
.is--site_navigator .rpa_site_navigator__button {
position: fixed;
right: 0;
top: 200px;
height: calc(94px * 3);
padding: 0;
margin: 0;
list-style: none;
background: var(--top-blue-dark);
z-index: 2;
cursor: pointer;
display: flex;
border-radius: 25px 0 0 25px;
transform: translateX(calc(100% - 40px));
transition: all 0.5s;
}
.is--site_navigator .rpa_site_navigator__button span {
box-sizing: border-box;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
width: fit-content;
height: 100%;
line-height: 1.2;
padding: 0.5rem;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 1.25rem;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
writing-mode: vertical-rl;
text-orientation: upright;
}
.is--site_navigator .rpa_site_navigator__button span::after {
content: "";
width: 20px;
height: 20px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_rpa_sonic/images/p--home/group-nav-tri.svg);
background-size: 20px 20px;
background-position: left top;
background-repeat: no-repeat;
}
.is--site_navigator
.rpa_site_navigator__check:checked
+ .rpa_site_navigator__button {
transform: translateX(0);
}
.is--site_navigator
.rpa_site_navigator__check
+ .rpa_site_navigator__button
> #rpa_site_navigator {
transition: max-width 0.5s ease;
display: flex;
flex-direction: column;
}
.is--site_navigator
.rpa_site_navigator__check:checked
+ .rpa_site_navigator__button
span::after {
transform: rotate(180deg);
}
}

a:link{
color: #333;
}
a:visited{
color: #333;
}
h3{
color: #333;
}
h3.hw--design2{
border-color: #333;
}
h3.hw--design3:after{
background-color: #333;
}
h4{
border-color: #333;
color: #333333;
}
h5{
border-color: #333;
color: #333333;
}
h6{
color: #333333;
}
table.table--design2 tr th{
color: #333;
}
.ul--sitemap li:after{
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/common/link_marger.png);
}
.message_box__balloon{
color: #333333;
}
.pagelist__unit a {
color: #333;
}
.pagelist__unit__title {
border-left: 2px solid #333;
color: #333333;
}
.pagelist__unit__contents{
color: #333333;
}
.pager li a.on:link,
.pager li a.on:visited,
.pager li a.on:active,
.pager li a.on:hover{
background-color: #333;
}
.pagelist--2cels{
float: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.pagelist--2cels:after{
display: none;
}
.pagelist--2cels .pagelist__unit{
margin-left: 5%;
margin-right: 5%;
}
@media screen and (max-width: 768px){
.pagelist--2cels{
display: block;
}
.pagelist--2cels:after{
display: none;
}
.pagelist--2cels .pagelist__unit{
margin-left: 0;
margin-right: 0;
}
}
.user_voice_unit__content__button a {
border: 1px solid #333;
color: #333;
}
.user_voice_unit__content__button a:after {
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/common/page_pickup__detail_link--arrow.png);
}
.user_voice_outline {
color: #333333;
}
.user_voice_reply__balloon{
color: #333333;
}
.page_pickup__title {
border-left: 2px solid #333;
color: #333;
}
.page_pickup__contents{
color: #333333;
}
.page_pickup__detail_link a {
border: 1px solid #333;
color: #333;
}
.page_pickup__detail_link a:after{
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/common/page_pickup__detail_link--arrow.png);
}
.news_box__header__hw, h2.news_box__header__hw {
border-bottom: 2px solid #333;
}
.news_box__header__detail_link a {
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/common/link_marger.png);
background-repeat: no-repeat;
background-position: 0 center;
background-size: 14px 14px;
text-decoration: none;
color: #000000;
}
.column__sub__navi__title{
background-color: #333;
}
.column__sub__navi__list li a{
color: #333;
}
.column__sub__navi__list li a:before{
border-top: solid 1px #333;
border-right: solid 1px #333;
}
#site_header__logo{
color: #333;
}
#site_header__logo a{
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/site_header/site_header__logo.jpg);
color: #333;
}
#site_header__logo__grp_name{
line-height: 50px;
color: #333;
}
#site_header__navi_desktop li a{
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/common/link_marger.png);
}
#site_header__navi_desktop li#site_header__navi_desktop__login a{
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/common/login_marker.png);
background-size: 17px 17px;
}
#site_nav_desktop_wrap{
background-color: #757677;
}
#site_nav_desktop li{
flex: 1;
}
#page_contents__title {
background-color: #b3b3b3;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/page_contents/page_contents__title--bg.png);
}
@media screen and (max-width: 768px){
#site_nav_mobile_changer {
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/site_header/site_nav_mobile_changer--icon.jpg);
}
.site_nav_mobile_list--main {
background-color: #b3b3b3;
}
.site_nav_mobile_list--aside li {
padding-left: 24px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/common/link_marger.png);
background-position: 2px center;
}
.site_nav_mobile_list--aside li.site_nav_mobile_list--aside__login{
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/theme_smes/images/common/login_marker.png);
background-size: 17px 17px;
background-position: 0 center;
}
}
.wide_banner_slider{
margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
.wide_banner_slider{
margin-bottom: 33px;
}
}

.fctrl fieldset{
line-height: calc(3.5em + 2px);
}
.fctrl input,
.fctrl select,
.fctrl button,
.fctrl label{
vertical-align: middle;
position: relative;
top: auto;
max-width: 100%;
line-height: 1.5em;
font-size: 1em;
}
.fctrl textarea{
max-width: 100%;
line-height: 1.5em;
vertical-align: top;
font-size: 1em;
}
.fctrl select{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.fctrl input[type="submit"],
.fctrl button{
box-sizing: border-box;
padding: .5em 1.5em;
margin: .5em;
border-style: solid;
border-width: 1px;
border-bottom-width: 2px;
border-radius: 5px;
border-color: #cccccc;
background-color: #ffffff;
color: #333333;
cursor: pointer;
}
.fctrl input[type="submit"]:active,
.fctrl input[type="submit"]:hover,
.fctrl button:active,
.fctrl button:hover{
margin-top: calc(.5em + 1px);
box-shadow: 0 0 4px 0 rgba( 100, 100, 100, 0.1) inset;
background-color: #f9f9f9;
border-bottom-width: 1px;
}
.fctrl input[type="radio"],
.fctrl input[type="checkbox"]{
top: .1em;
}
.fctrl input[type="text"],
.fctrl input[type="search"],
.fctrl input[type="tel"],
.fctrl input[type="url"],
.fctrl input[type="email"],
.fctrl input[type="password"],
.fctrl input[type="datetime"],
.fctrl input[type="date"],
.fctrl input[type="month"],
.fctrl input[type="week"],
.fctrl input[type="time"],
.fctrl input[type="datetime-local"],
.fctrl input[type="number"],
.fctrl input[type="range"],
.fctrl input[type="color"],
.fctrl input[type="file"],
.fctrl textarea,
.fctrl select{
box-sizing: border-box;
padding: .5em .8em;
margin: .5em;
border-style: solid;
border-width: 1px;
border-radius: 5px;
border-color: #cccccc;
background-color: #f0f0f0;
color: #333333;
}
.fctrl input[type="text"]:focus,
.fctrl input[type="search"]:focus,
.fctrl input[type="tel"]:focus,
.fctrl input[type="url"]:focus,
.fctrl input[type="email"]:focus,
.fctrl input[type="password"]:focus,
.fctrl input[type="datetime"]:focus,
.fctrl input[type="date"]:focus,
.fctrl input[type="month"]:focus,
.fctrl input[type="week"]:focus,
.fctrl input[type="time"]:focus,
.fctrl input[type="datetime-local"]:focus,
.fctrl input[type="number"]:focus,
.fctrl input[type="range"]:focus,
.fctrl input[type="color"]:focus,
.fctrl input[type="file"]:focus,
.fctrl textarea:focus,
.fctrl select:focus{
border-color: #dbcb82;
background-color: #fffcee;
color: #333333;
outline: 0;
}
.fctrl input[type="text"].fctrl__input_chk_success,
.fctrl input[type="text"].fctrl__input_chk_success,
.fctrl input[type="search"].fctrl__input_chk_success,
.fctrl input[type="tel"].fctrl__input_chk_success,
.fctrl input[type="url"].fctrl__input_chk_success,
.fctrl input[type="email"].fctrl__input_chk_success,
.fctrl input[type="password"].fctrl__input_chk_success,
.fctrl input[type="datetime"].fctrl__input_chk_success,
.fctrl input[type="date"].fctrl__input_chk_success,
.fctrl input[type="month"].fctrl__input_chk_success,
.fctrl input[type="week"].fctrl__input_chk_success,
.fctrl input[type="time"].fctrl__input_chk_success,
.fctrl input[type="datetime-local"].fctrl__input_chk_success,
.fctrl input[type="number"].fctrl__input_chk_success,
.fctrl input[type="range"].fctrl__input_chk_success,
.fctrl input[type="color"].fctrl__input_chk_success,
.fctrl input[type="file"].fctrl__input_chk_success,
.fctrl textarea.fctrl__input_chk_success,
.fctrl select.fctrl__input_chk_success{
border-color: #b8e1f4;
background-color: #f7fcff;
color: #333333;
}
.fctrl input[type="text"].fctrl__input_chk_error,
.fctrl input[type="text"].fctrl__input_chk_error,
.fctrl input[type="search"].fctrl__input_chk_error,
.fctrl input[type="tel"].fctrl__input_chk_error,
.fctrl input[type="url"].fctrl__input_chk_error,
.fctrl input[type="email"].fctrl__input_chk_error,
.fctrl input[type="password"].fctrl__input_chk_error,
.fctrl input[type="datetime"].fctrl__input_chk_error,
.fctrl input[type="date"].fctrl__input_chk_error,
.fctrl input[type="month"].fctrl__input_chk_error,
.fctrl input[type="week"].fctrl__input_chk_error,
.fctrl input[type="time"].fctrl__input_chk_error,
.fctrl input[type="datetime-local"].fctrl__input_chk_error,
.fctrl input[type="number"].fctrl__input_chk_error,
.fctrl input[type="range"].fctrl__input_chk_error,
.fctrl input[type="color"].fctrl__input_chk_error,
.fctrl input[type="file"].fctrl__input_chk_error,
.fctrl textarea.fctrl__input_chk_error,
.fctrl select.fctrl__input_chk_error{
border-color: #ebbdc3;
background-color: #fff7f8;
color: #333333;
}
.fctrl input[data-fctrl-valid*="year"]{
width: 5em;
text-align: center;
}
.fctrl input[data-fctrl-valid*="month"]{
width: 3em;
text-align: center;
}
.fctrl input[data-fctrl-valid*="day"]{
width: 3em;
text-align: center;
}
.fctrl input[data-fctrl-valid*="zipcode"]{
width: 8em;
}
.fctrl input[data-fctrl-valid*="zipcode1"]{
width: 4em;
}
.fctrl input[data-fctrl-valid*="zipcode2"]{
width: 5em;
}
.fctrl label{
display: inline-block;
box-sizing: border-box;
padding: .5em .8em .5em .5em;
margin: .5em;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
background-color: #ffffff;
cursor: pointer;
}
.fctrl label[for]{
display: inline;
padding: 0;
margin-right: 0;
margin-bottom: 0;
border-width: 0;
background-color: transparent;
}
.fctrl__inputset{
position: relative;
display: inline-block;
line-height: 1.5em;
margin: .5em;
vertical-align: top;
}
.fctrl__inputset:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.fctrl__group_validrule{
line-height: 1.5em;
margin: 0 .5em;
}
.fctrl__inputset__input{
display: block;
}
.fctrl__inputset__input input,
.fctrl__inputset__input textarea,
.fctrl__inputset__input select{
margin: 0 !important;
}
.fctrl__inputset__input input[type="submit"]:hover{
margin-top: 1px !important;
}
.fctrl__inputset__count{
display: block;
float: right;
padding: .44em 0;
}
.fctrl__inputset__count__now{
}
.fctrl__inputset__count__now--overlimit{
color: #db2121;
}
.fctrl__inputset__count__split{
}
.fctrl__inputset__count__limit{
}
.fctrl__inputset__validrule,
.fctrl__group_validrule__validrule{
display: block;
line-height: 1.5em;
padding: .5em 0;
color: #999999;
font-size: .875em;
}
.fctrl__inputset__error,
.fctrl__group_validrule__error{
display: block;
color: #db2121;
}
.fctrl fieldset{
padding: .5em;
margin-bottom: .5em;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
background-color: #ffffff;
}
.fctrl fieldset:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.fctrl fieldset *{
vertical-align: top;
}
.fctrl fieldset.fctrl__fieldset--type_require{
border-color: #ebbdc3;
}
.fctrl fieldset.fctrl__fieldset--chk_success{
border-color: #b8e1f4;
}
.fctrl fieldset.fctrl__fieldset--chk_error{
border-color: #ebbdc3;
}
.fctrl__fieldset__stuts{
float: right;
width: 7em;
line-height: 1.5em;
padding: .5em;
overflow: hidden;
text-align: right;
color: #999999;
}
@media screen and (max-width: 768px) {
.fctrl__fieldset__stuts{
box-sizing: border-box;
width: 100%;
}
}
.fctrl__fieldset--type_require .fctrl__fieldset__stuts{
color: #dc6978;
}
.fctrl__fieldset--chk_success .fctrl__fieldset__stuts{
color: #68a6cb;
}
.fctrl__fieldset--chk_error .fctrl__fieldset__stuts{
color: #dc6978;
}
.fctrl__submitgroup{
padding: 1px 1em;
margin-top: 1em;
margin-bottom: .5em;
xborder-width: 0;
xborder-top-width: 5px;
border-width: 1px;
border-style: solid;
border-color: #cccccc;
background-color: #ffffff;
}
.fctrl__submitgroup:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.fctrl__submitgroup *{
vertical-align: top !important;
}
.fctrl__submitgroup--lock{
border-color: #ebbdc3;
background-color: #fff7f8;
}
.fctrl__submitgroup__message{
display: inline-block;
box-sizing: border-box;
line-height: 1.5em;
padding: .5em 0;
margin: .7em .5em;
font-size: 1.125em;
}
.fctrl__submitgroup--lock .fctrl__submitgroup__message{
color: #dc6978;
}
.fctrl__submitgroup__nextstep{
float: right;
display: inline-block;
font-size: 1.5em;
}
.fctrl__submitgroup__nextstep span{
vertical-align: middle;
position: relative;
top: auto;
display: inline-block;
box-sizing: border-box;
line-height: 1.5em;
padding: .2em 60px;
margin: .5em .5em;
border-style: solid;
border-width: 1px;
border-bottom-width: 2px;
border-radius: 5px;
border-color: #cccccc;
background-color: #ffffff;
color: #333333;
}
.fctrl__submitgroup--lock .fctrl__submitgroup__nextstep span{
background-color: #dcdcdc;
border-color: #cccccc;
border-bottom-width: 1px;
}
.fctrl__submitgroup--lock .fctrl__submitgroup__nextstep span:before{
position: absolute;
display: block;
content: ".";
left: 6px;
top: 50%;
width: 46px;
height: 58px;
overflow: hidden;
margin-top: -29px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/core/js/jquery/jquery-formctrl/1.0/images/fctrl__submitgroup--unlock__nextstep.png);
background-position: left top;
background-repeat: no-repeat;
white-space: nowrap;
text-align: left;
text-indent: 100%;
}
.fctrl__submitgroup--unlock .fctrl__submitgroup__nextstep span{
cursor: pointer;
}
.fctrl__submitgroup--unlock .fctrl__submitgroup__nextstep span:hover{
margin-top: calc(.5em + 1px);
box-shadow: 0 0 4px 0 rgba( 100, 100, 100, 0.1) inset;
background-color: #f9f9f9;
border-bottom-width: 1px;
}
.fctrl__submitgroup__submit_hidew_rap{
display: none;
}
.fctrl__submitgroup__submit span{
display: inline-block;
box-sizing: border-box;
padding: .5em 1.5em;
margin: .5em;
border-style: solid;
border-width: 1px;
border-bottom-width: 2px;
border-radius: 5px;
border-color: #cccccc;
background-color: #ffffff;
color: #333333;
cursor: pointer;
}
.fctrl__submitgroup__submit span:active,
.fctrl__submitgroup__submit span:hover{
margin-top: calc(.5em + 1px);
box-shadow: 0 0 4px 0 rgba( 100, 100, 100, 0.1) inset;
background-color: #f9f9f9;
border-bottom-width: 1px;
}
.fctrl__submitgroup__confirm{
margin: 1em .5em !important;
}
.fctrl__submitgroup button{
float: right;
padding: .2em 1.5em;
margin: .5em .33em;
font-size: 1.5em;
}
.fctrl__submitgroup button:hover{
margin-top: calc(.5em + 1px);
}
.fctrl__submitgroup--unlock button,
.fctrl__submitgroup--lock button{
padding: .2em 60px;
}
.fctrl__submitgroup--lock button{
background-color: #dcdcdc;
border-color: #cccccc;
border-bottom-width: 1px;
cursor: inherit;
}
.fctrl__submitgroup--lock button:hover{
margin-top: .5em;
background-color: #dcdcdc;
}
.fctrl__submitgroup--lock button:before{
position: absolute;
display: block;
content: ".";
left: 6px;
top: 50%;
width: 46px;
height: 58px;
overflow: hidden;
margin-top: -29px;
background-image: url(//smes-rpa.com/wp-content/themes/sonic-rpa/__resource/core/js/jquery/jquery-formctrl/1.0/images/fctrl__submitgroup--unlock__nextstep.png);
background-position: left top;
background-repeat: no-repeat;
white-space: nowrap;
text-align: left;
text-indent: 100%;
}
.fctrl__submitgroup--unlock button{
cursor: pointer;
}
.fctl__backtostep{
margin-bottom: 1em;
color: #666666;
cursor: pointer;
}
.fctl__backtostep a{
text-decoration: none;
color: #666666;
}
.fctrl__section{
padding: 1em 1em;
margin-bottom: 1em;
border: 1px solid #cccccc;
}
.fctrl__section .fctrl__section__body{
padding-top: 1em;
}
.fctrl__section--type_step--hidde .fctrl__section__body{
display: none;
}
form.fctrl{
padding: .5em;
} .fctrl__confirm_fieldset{
padding: .5em;
margin-bottom: .5em;
}
.fctrl__confirm_fieldset span{
display: inline-block;
padding: .5em 1em;
color: #378d11;
} .fctrl__item_searchbox{
margin: .5em;
}
.fctrl__item_searchbox .fctrl__inputset{
margin: 0;
}
.fctrl__item_searchbox__input{
margin-right: 0 !important;
border-radius: .5em 0 0 .5em !important;
}
.fctrl__item_searchbox__button{
margin: 0 !important;
border-radius: 0 .5em .5em 0 !important;
border-left-width: 0 !important;
border-bottom-width: 1px !important;
}
.fctrl__item_searchbox__button:active,
.fctrl__item_searchbox__button:hover{
margin: 0 !important;
box-shadow: 0 0 4px 0 rgba( 100, 100, 100, 0.1) inset !important;
background-color: #f9f9f9 !important;
}
.fctrl__item_search_result{
margin: 0 0 1em;
}
.fctrl__item_search_result__none{
padding: 1em;
margin: 0 .5em 1em !important;
border: 1px solid #ebbdc3;
background-color: #fff7f8;
color: #dc6978;
text-align: center;
}
.fctrl__item_search_result__message{
}
.fctrl__item_search_result__list{
padding: 0;
list-style: none;
}
.fctrl__item_search_result__list li{
padding: .5em 1em;
margin: 0 .5em .5em;
line-height: 1.5em;
border: 1px solid #CCCCCC;
border-radius: 5px;
background-color: #FFFFFF;
cursor: pointer;
}
 form.fctrl{
padding: 20px;
margin: 0;
border: 1px solid #CCCCCC;
}
@media screen and (max-width: 768px) {
form.fctrl{
padding: 0;
margin: 0;
border: 0;
}
}
.fctrl fieldset{
position: relative;
padding: 10px;
margin-bottom: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
}
@media screen and (max-width: 768px) {
.fctrl fieldset{
padding: 0;
}
}
.fctrl fieldset p{
margin: .5em;
line-height: 1.5em;
}
.fctrl fieldset.fctrl__fieldset--type_require{
}
.fctrl fieldset.fctrl__fieldset--chk_success{
background-color: #fbfdff;
}
.fctrl fieldset.fctrl__fieldset--chk_error{
background-color: #fffcfc;
}
.fctrl__fieldset__stuts{
float: none;
position: absolute;
right: 0;
top: 0;
line-height: 1.5em;
margin: 0;
margin-top: -2.6em;
}
.fctrl fieldset.fctrl__fieldset--type_require .fctrl__fieldset__stuts{
color: #dc6978;
}
.fctrl fieldset.fctrl__fieldset--chk_success .fctrl__fieldset__stuts{
color: #68a6cb;
}
.fctrl fieldset.fctrl__fieldset--chk_error .fctrl__fieldset__stuts{
color: #dc6978;
}
.fctrl__confirm_fieldset{
padding: 10px;
margin-bottom: 0;
border: 1px solid #CCCCCC;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
}
.fctrl h4{
line-height: 1.5em;
padding: 10px 5em 10px 20px;
margin: 0;
background: none;
border: 0;
color: #000000;
font-size: 1em;
font-style: inherit;
}
@media screen and (max-width: 768px) {
.fctrl h4{
padding: 10px 5em 10px 10px;
}
}
@media screen and (max-width: 768px) {
.fctrl__submitgroup__message{
display: block;
float: none;
text-align: center;
}
.fctrl__submitgroup__nextstep{
display: block;
float: none;
text-align: center;
}
}
@media screen and (max-width: 768px) {
.mw_wp_form .horizontal-item{
display: block;
}
.mw_wp_form .horizontal-item + .horizontal-item{
margin-left: 0 !important;
}
.mw_wp_form .vertical-item + .vertical-item{
margin-top: 0 !important;
}
}