@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .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 {
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: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(//syncmark.co.jp/wp/wp-content/plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
}
div.wpcf7 div.ajax-error {
display: none;
}
div.wpcf7 .placeheld {
color: #888;
}
div.wpcf7 input[type="file"] {
cursor: pointer;
}
div.wpcf7 input[type="file"]:disabled {
cursor: default;
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
 @import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);
.site-footer,
.skip-link.screen-reader-text,
.site-branding,
.entry-header,
.entry-footer {
display: none;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, a,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
line-height: none;
}
dl, dt, dd, ol, ul, li {
list-style-type: none;
}
body {
line-height: 170%;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
a {
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
} 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;
}
img {
line-height: 0;
} body, h1, h2, h3, h4, h5, p {
font-size: 14px;
font-family: "メイリオ", Meiryo, sans-serif;
color: #7b7b7b;
}
h2 {
font-size: 36px;
line-height: 160%;
margin: 0 0 50px 0;
font-weight: normal;
}
h2.title_y {
font-size: 32px;
color: #ffd700;
font-weight: bold;
}
h2 span {
font-size: 24px;
color: #535353;
line-height: 100%;
}
h3 {
font-size: 18px;
margin: 50px 0 20px 0;
}
h3.title_b {
color: #2484c6;
}
#op {
background-color: #f7f7f7;
text-align: center;
vertical-align: middle;
display: block;
width: auto;
padding: 100px 0;
}
#op p {
width: 50%;
margin: 0 auto;
text-align: left;
font-size: 20px;
line-height: 200%;
color: #535353;
}
@media only screen and (min-width: 1300px) {
#op p {
width: 40%;
}
}
@media only screen and (max-width: 1150px) {
#op p {
width: 70%;
}
}
#menu {
background: -webkit-gradient(linear, left top, left bottom, from(#004279), to(#002d54));
background: linear-gradient(#004279, #002d54); width: 100%;
padding: 10px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#menu h1 {
display: inline-block;
}
#menu ul {
display: inline-block;
float: right;
margin: 0 50px 0 0;
}
#menu li {
float: left;
margin: auto 20px;
font-size: 120%;
}
#menu li a {
color: #ffffff;
display: table-cell;
vertical-align: middle;
font-weight: 500;
height: 60px;
vertical-align: middle;
-webkit-transition: 1s;
transition: 1s;
}
#menu li a:hover {
color: #ffd400;
}
.sec {
width: 400px;
text-align: center;
}
.sec1 {
margin: 0 auto;
}
.sec2_l {
margin: 0 0 0 auto;
float: left;
}
.sec2_r {
margin: 0 auto 0 0;
float: right;
}
.flexWrap { -ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-bottom: solid 100px #f7f7f7;
}
.contents { padding: 100px 10%;
border-bottom: solid 100px #f7f7f7;
}
.contents .flexWrap,
.flexWrap .contents {
border-bottom: none;
}
.contents h2 {
text-align: center;
}
.contents ul {
text-align: left;
margin: 0 0 25px 30px;
}
.contents li {
list-style-type: disc;
}
.conte ts dl {
width: 100%;
}
.contents dt, .contents dd {
display: inline-block;
text-align: left;
padding: 10px 0;
}
.contents dt {
font-weight: bold;
width: 17%;
vertical-align: top;
}
.contents dd {
width: 75%;
}
.contents dd:after {
clear: both;
} .contents h2 img {
display: block;
margin: 0 auto;
}
.contents p, h3, h4 {
text-align: left;
}
.exlistBox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.contents .exlist {
-webkit-box-flex: 0;
-ms-flex: 0 1 44%;
flex: 0 1 44%;
margin-bottom: 4em;
}
.contents .exlist:last-child {
margin-bottom: 0;
}
.contents .exlist h4 {
color: #2484c6;
}
.contents .exlist p {
margin-bottom: 0;
}
.contents .exlist ul {
margin: 0.5em 0 0.5em 1em;
}
.contents .exlist li {
list-style-type: none;
}
.contents .exlist ol {
padding-left: 1.5em;
margin: 1em 0;
}
.contents .exlist ol li {
list-style: decimal;
}
#footer {
background: -webkit-gradient(linear, left top, left bottom, from(#002d54), to(#004279));
background: linear-gradient(#002d54, #004279);
height: 100px;
}
#footer ul {
text-align: center;
}
#footer ul li {
display: inline-block;
line-height: 100px;
padding: 0 2em;
}
#footer ul li a {
color: #fff;
font-size: 1rem;
} .wpcf7 p {
margin-bottom: 1.5em;
}
span.must {
color: #fff;
margin-right: 10px;
padding: 6px 10px;
background: #F92931;
border-radius: 20px;
}
.free {
color: #fff;
margin-right: 10px;
padding: 6px 10px;
background: #424242;
border-radius: 20px;
} form p {
font-weight: 600;
width: 100%;
} input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
width: 100%;
padding: 8px 15px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #d0d5d8;
border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
height: 200px;
} textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required,
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
background: rgba(255, 255, 142, 0.46);
font-size: 1rem;
} input.wpcf7-submit {
width: 60%;
margin: 1em auto 0 20%;
height: 80px;
background: #2484c6;
color: #fff;
font-size: 20px;
font-weight: 600;
} span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
color: red;
font-weight: 600;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
font-size: 20px;
text-align: center;
} header {
display: none;
} .mb20 {
margin-bottom: 20px;
}
.mb50 {
margin-bottom: 50px;
}
.mr5p {
margin-right: 5%;
} img, object, embed, video {
max-width: 100%;
} .ie6 img {
width: 100%;
}  .gridContainer {
width: 100%;
}
@media only screen and (max-width: 960px) {
.contents .exlist {
-webkit-box-flex: 0;
-ms-flex: 0 1 100%;
flex: 0 1 100%;
}
}
@media only screen and (max-width: 640px) {
header {
display: inline;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
background-color: #cccccc !important;
}
.drawer-hamburger {
padding: 5px .75rem 30px !important;
}
#op {
max-width: 100%;
padding: 100px 10px;
}
h2.title_y {
font-size: 22px;
}
h2 {
margin: 0 0 30px 0;
font-size: 22px;
line-height: 160%;
}
h2 span {
font-size: 22px;
}
#op p {
width: 100%;
margin: 0;
font-size: 15px;
}
.contents {
padding: 80px 20px;
border-bottom: solid 30px #f7f7f7;
}
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
width: 90%;
} input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: none;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
} input.wpcf7-submit {
width: 60%;
margin: 1em auto 0 20%;
height: 80px;
background: #2484c6;
color: #fff;
font-size: 20px;
font-weight: 600;
}
div.wpcf7-mail-sent-ok {
font-size: 18px;
text-align: center;
}
#menu li {
display: none;
}
h3 {
font-size: 16px;
margin: 40px 0 15px 0;
}
img.mob_no {
display: none;
}
} #post-80 { font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-size: 16px;  }
#post-80 * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #444;
}
#post-80 img {
height: auto;
max-width: 100%;
vertical-align: bottom;
}
#post-80 .pc {
display: block;
}
#post-80 .sp {
display: none;
}
#post-80 .tel {
pointer-events: none;
cursor: default;
}
#post-80 .inner {
margin: 0 auto;
padding: 0 20px;
max-width: 980px;
width: 100%;
}
#post-80 .main-img {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -moz-linear-gradient(top,  rgba(0,65,121,1) 0%, rgba(0,65,121,0.77) 71%, rgba(0,65,121,0.73) 83%, rgba(0,65,121,0.73) 100%); background: -webkit-linear-gradient(top,  rgba(0,65,121,1) 0%,rgba(0,65,121,0.77) 71%,rgba(0,65,121,0.73) 83%,rgba(0,65,121,0.73) 100%); background: linear-gradient(to bottom,  rgba(0,65,121,1) 0%,rgba(0,65,121,0.77) 71%,rgba(0,65,121,0.73) 83%,rgba(0,65,121,0.73) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004179', endColorstr='#ba004179',GradientType=0 ); padding: 22% 0;
height: auto;
width: 100%;
}
#post-80 .main-img .logo-wrap {
border: 1px solid #fff;
padding: 10px 20px;
}
#post-80 nav {
background-color: #004179;
padding: 10px 20px;
}
#post-80 nav .inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#post-80 nav h1 {
height: auto;
width: 126px;
}
#post-80 nav .nav-anchor-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#post-80 nav .nav-anchor-list li {
border-right: 1px solid #fff;
}
#post-80 nav .nav-anchor-list li:last-child {
border: none;
}
#post-80 nav .nav-anchor-list li a {
color: #fff;
font-family: 'Noto Sans JP', sans-serif;
padding: 5px 15px;
text-decoration: underline;
white-space: nowrap;
}
#post-80 nav .nav-contact-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#post-80 nav .nav-contact-list li {
line-height: 1.4;
}
#post-80 nav .nav-contact-list li a {
color: #fff;
margin-left: 10px;
padding: 5px;
text-decoration: underline;
}
#post-80 nav .nav-contact-list li a.tel {
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.8em;
text-decoration: none;
}
#post-80 section {
padding: 80px 0 100px;
}
#post-80 section h2 {
position: relative;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
padding-bottom: 25px;
text-align: center;
}
#post-80 section h2::before, #post-80 section h2::after {
content: '';
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
height: 3px;
width: 50px;
}
#post-80 section h2::before {
background-color: #FFD600;
left: calc( 50% - 50px );
}
#post-80 section h2::after {
background-color: #004179;
left: 50%;
}
#post-80 section h3 {
color: #004179;
font-family: 'Noto Sans JP', sans-serif;
font-size: 30px;
font-weight: bold;
text-align: center;
}
#post-80 #marketing .title-text {
font-size: 20px;
line-height: 2;
text-align: center;
}
#post-80 #marketing .marketing-list {
margin-top: 60px;
}
#post-80 #marketing .marketing-list li {
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
border-radius: 10px;
margin-top: 20px;
padding: 40px;
}
#post-80 #marketing .marketing-list li .title {
color: #004179;
font-size: 30px;
font-weight: bold;
line-height: 1.4;
text-align: center;
}
#post-80 #marketing .marketing-list li .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
}
#post-80 #marketing .marketing-list li .box .box__img {
-webkit-box-flex: 0;
-ms-flex: 0 0 120px;
flex: 0 0 120px;
margin-right: 40px;
}
#post-80 #marketing .marketing-list li .box .box__text {
font-size: 16px;
line-height: 2;
}
#post-80 #service {
background-color: #eee;
}
#post-80 #service .service-anchor-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#post-80 #service .service-anchor-list li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #FFD600;
border-radius: 50%;
color: #004179;
font-size: 18px;
font-weight: bold;
line-height: 1.8;
text-align: center;
height: 230px;
width: 230px;
}
#post-80 #service .service-anchor-list li a:hover {
background-color: #e6c100;
}
#post-80 #service .service-content {
padding: 60px 0;
}
#post-80 #service .service-content .title-text {
font-size: 20px;
text-align: center;
}
#post-80 #service .service__text {
font-size: 16px;
line-height: 2;
margin-top: 60px;
}
#post-80 #service .service-menu {
background-color: #fff;
margin-top: 60px;
padding: 40px;
}
#post-80 #service .service-menu .title {
font-size: 24px;
font-weight: bold;
text-align: center;
}
#post-80 #service .service-menu .title .text-weak {
font-size: 14px;
}
#post-80 #service .service-menu__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 40px;
}
#post-80 #service .service-menu__list li {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
width: 50%;
white-space: nowrap;
}
#post-80 #service .service-case {
background-color: #fff;
margin-top: 60px;
padding: 40px;
}
#post-80 #service .service-case > .title {
font-size: 24px;
font-weight: bold;
text-align: center;
}
#post-80 #service .service-case > .title .text-weak {
font-size: 14px;
}
#post-80 #service .service-case__logo-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 40px;
}
#post-80 #service .service-case__logo-list li {
margin: 0 20px;
}
#post-80 #service .slick-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
#post-80 #service .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
#post-80 #service .carousel-list {
margin-top: 40px;
background-color: #eee;
margin-left: 8px;
margin-right: 8px;
width: 300px;
}
#post-80 #service .carousel-list .carousel-list__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #004179;
color: #fff;
font-size: 16px;
line-height: 1.6;
min-height: 115px;
padding: 20px 10px;
text-align: center;
}
#post-80 #service .carousel-list .box {
padding: 20px;
}
#post-80 #service .carousel-list .box .service-case__list {
counter-reset: num;
}
#post-80 #service .carousel-list .box .service-case__list li {
color: #004179;
font-size: 16px;
font-weight: bold;
text-indent: -1.2em;
padding-left: 1.2em;
word-break: break-all;
}
#post-80 #service .carousel-list .box .service-case__list li::before {
content: counter(num) ". ";
counter-increment: num;
}
#post-80 #service .carousel-list .box p {
font-size: 14px;
line-height: 2;
margin-top: 20px;
}
#post-80 #about .about-list {
margin: 60px auto 0;
max-width: 640px;
width: 100%;
}
#post-80 #about .about-list dt, #post-80 #about .about-list dd {
line-height: 2;
word-break: break-all;
}
#post-80 #about .about-list dt {
display: inline-block;
font-weight: bold;
margin-right: 40px;
text-align: justify;
text-align-last: justify;
text-justify: inter-ideograph;
width: 110px;
}
#post-80 #about .about-list dd {
display: inline-block;
font-size: 16px;
max-width: 480px;
width: 100%;
}
#post-80 #access {
background-color: #eee;
}
#post-80 #access .access-link a {
color: #004179;
text-decoration: underline;
}
#post-80 #access .access-link a i {
display: inline-block;
color: #004179;
margin-right: 0.5em;
}
#post-80 #access .access-list {
margin-top: 20px;
}
#post-80 .ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#post-80 .ggmap iframe,
#post-80 .ggmap object,
#post-80 .ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#post-80 .text-center {
text-align: center;
}
#post-80 #contact .text-attention {
color: red;
}
#post-80 #contact .contact-row {
width: 100%;
padding: 20px 0;
}
#post-80 #contact .contact-row dl {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#post-80 #contact .contact-row dl dt {
-webkit-box-flex: 0;
-ms-flex: 0 0 160px;
flex: 0 0 160px;
margin-right: 40px;
}
#post-80 #contact .contact-row dl dd {
width: calc( 100% - 40px );
}
#post-80 #contact .contact-list {
max-width: 980px;
width: 100%;
}
#post-80 #contact .contact-list dt {
font-size: 16px;
font-weight: bold;
}
#post-80 #contact .contact-list dd {
width: 500px;
}
#post-80 #contact .contact-list input[type="text"], #post-80 #contact .contact-list input[type="email"] {
background-color: #fff;
border: #ccc 2px solid;
border-radius: 5px;
font-size: 16px;
margin-top: 0;
padding: 10px;
width: 100%;
}
#post-80 #contact .contact-list .cp_ipselect {
overflow: hidden;
width: 90%;
margin: 0;
text-align: center;
}
#post-80 #contact .contact-list .cp_ipselect select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-size: 16px;
}
#post-80 #contact .contact-list .cp_ipselect.cp_sl01 {
position: relative;
border: 2px solid #ccc;
border-radius: 5px;
background: #fff;
padding: 10px 0 10px 10px;
color: #444;
width: auto;
}
#post-80 #contact .contact-list .cp_ipselect.cp_sl01::before {
position: absolute;
top: 46%;
right: 0.9em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #444;
pointer-events: none;
}
#post-80 #contact .contact-list textarea {
background-color: #fff;
border: #ccc 2px solid;
border-radius: 5px;
font-size: 16px;
padding: 10px;
height: 96px;
width: 100%;
}
#post-80 #contact .privacy-treatment {
border-top: 2px dotted #ccc;
margin-top: 10px;
padding: 20px 0 0;
}
#post-80 #contact .privacy-treatment h3 {
color: #444;
font-size: 24px;
margin-bottom: 30px;
}
#post-80 #contact .privacy-treatment__text {
font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-size: 16px;
font-weight: normal;
}
#post-80 #contact .privacy-treatment__box {
border: #ccc 2px solid;
border-radius: 5px;
margin: 0 auto;
padding: 10px;
height: 150px;
width: 100%;
overflow-y: scroll;
}
#post-80 #contact .privacy-treatment__box p {
font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 1.4;
}
#post-80 #contact .wpcf7-list-item input[type=checkbox] {
display: none;
}
#post-80 #contact .wpcf7-list-item label {
display: inline-block;
position: relative;
cursor: pointer;
line-height: 1;
padding-left: 30px;
padding-right: 30px;
vertical-align: middle;
}
#post-80 #contact .wpcf7-list-item label span.wpcf7-list-item-label::before {
position: absolute;
top: 50%;
left: 6px;
display: block;
margin-top: -7px;
width: 5px;
height: 9px;
border-right: 3px solid #004179;
border-bottom: 3px solid #004179;
content: '';
opacity: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#post-80 #contact .wpcf7-list-item label span.wpcf7-list-item-label::after {
position: absolute;
top: 50%;
left: 0;
display: block;
border-radius: 2px;
margin-top: -10px;
width: 16px;
height: 16px;
border: 2px solid #bbb;
border-radius: 6px;
content: '';
}
#post-80 #contact input[type=checkbox]:checked + span.wpcf7-list-item-label::before {
opacity: 1;
}
#post-80 #contact .primary-btn {
display: inline-block;
border: none;
font-size: 18px;
font-weight: bold;
text-align: center;
cursor: pointer;
padding: 16px 32px;
background: #FFD600;
color: #004179;
line-height: 1;
width: auto;
height: auto;
margin: 0 auto;
}
#post-80 #contact .primary-btn:hover {
background-color: #f0c900;
}
#post-80 #contact .primary-btn:disabled {
background-color: #ccc;
}
#post-80 #contact .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
font-weight: normal;
margin-top: 4px;
}
#post-80 footer {
background-color: #004179;
padding: 40px 0;
}
#post-80 footer .inner {
position: relative;
}
#post-80 footer .footer-img {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
width: 126px;
}
#post-80 footer .footer-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
#post-80 footer .footer-list li::after {
content: '';
display: inline-block;
background-color: #fff;
height: 14px;
width: 1px;
vertical-align: middle;
}
#post-80 footer .footer-list li:last-child::after {
content: none;
}
#post-80 footer .footer-list li a {
color: #fff;
font-size: 12px;
padding: 0 16px;
text-decoration: underline;
}
#post-80 footer .footer-list li a:hover {
opacity: 0.8;
}
#post-80 footer .copyright {
color: #fff;
font-size: 12px;
margin-top: 40px;
}
#post-80 .slider img {
height: 450px;
width: 300px;
}
#post-80 .slick-prev:before, #post-80 .slick-next:before {
color: #444 !important;
} @media screen and (max-width: 768px) {
#post-80 .pc {
display: none;
}
#post-80 .sp {
display: block;
}
#post-80 .tel {
pointer-events: all;
cursor: pointer;
}
#post-80 .inner {
padding-left: 16px;
padding-right: 16px;
}
#post-80 section {
padding: 40px 0;
}
#post-80 section h2 {
font-size: 30px !important;
line-height: 1.4;
}
#post-80 section h3 {
font-size: 26px !important;
line-height: 1.4;
line-height: 1.4;
}
#post-80 nav h1 {
display: none;
}
#post-80 nav > .inner,
#post-80 nav .nav-contact-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px;
}
#post-80 nav > .inner,
#post-80 nav .nav-anchor-list {
font-size: 14px;
margin-top: 0;
}
#post-80 nav .nav-contact-list {
position: fixed;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
background-color: rgba(0, 0, 0, 0.5);
margin-top: 0;
padding: 8px 0;
text-align: right;
width: 100%;
z-index: 2;
}
#post-80 #marketing .title-text {
font-size: 18px;
}
#post-80 #marketing .triangle-animation {
margin-top: 30px;
}
#post-80 #marketing .marketing-list {
margin-top: 30px;
}
#post-80 #marketing .marketing-list li .box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 20px;
}
#post-80 #marketing .marketing-list li {
padding: 20px 16px;
}
#post-80 #marketing .marketing-list li .box .box__img {
margin-right: 0;
}
#post-80 #marketing .marketing-list li .box .box__text {
font-size: 14px;
margin-top: 16px;
}
#post-80 #marketing .marketing-list li .title {
font-size: 20px;
}
#post-80 #service .service-menu__list,
#post-80 #service .service-anchor-list {
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#post-80 #service .service-anchor-list li a {
font-size: 16px;
line-height: 1.6;
margin-bottom: 16px;
height: 200px;
width: 200px;
}
#post-80 #service .service-content {
padding: 0;
}
#post-80 #service .service-content .title-text {
font-size: 16px;
}
#post-80 #service .service__text {
font-size: 14px;
margin-top: 30px;
}
#post-80 #service .service-menu {
margin-top: 30px;
padding: 20px 16px;
}
#post-80 #service .service-menu .title,
#post-80 #service .service-case > .title {
font-size: 18px;
}
#post-80 #service .service-menu__list {
margin-top: 20px;
}
#post-80 #service .service-menu__list li {
text-indent: -1em;
padding-left: 1em;
white-space: normal;
width: 100%;
}
#post-80 #service .service-case {
margin-top: 20px;
padding: 20px 10px;
}
#post-80 #service .service-case__logo-list {
-ms-flex-pack: distribute;
justify-content: space-around;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
}
#post-80 #service .service-case__logo-list li {
margin-bottom: 16px;
}
#post-80 #service .service-case__logo-list li:last-child {
margin-bottom: 0;
}
#post-80 #about .about-list {
margin-top: 30px;
}
#post-80 #about .about-list dt {
line-height: 1.4;
margin-top: 8px;
text-align: left;
text-align-last: left;
}
#post-80 #about .about-list dd {
font-size: 14px;
line-height: 1.4;
}
#post-80 #access .access-link {
margin-top: 8px;
}
#post-80 #access .access-list {
font-size: 14px;
}
#post-80 #contact .contact-row {
width: 100%;
padding: 10px 0;
}
#post-80 #contact .contact-row dl {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#post-80 #contact .contact-row dl dt {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-right: 40px;
}
#post-80 #contact .contact-row dl dd {
width: 100%;
}
#post-80 #contact .contact-list input[type="text"],
#post-80 #contact .contact-list input[type="email"],
#post-80 #contact .contact-list textarea {
font-size: 14px;
}
#post-80 #contact .contact-list .cp_ipselect select {
font-size: 14px;
}
#post-80 #contact .privacy-treatment {
padding-top: 0;
}
#post-80 #contact .privacy-treatment h3 {
font-size: 20px !important;
margin: 30px 0 20px;
}
#post-80 #contact .privacy-treatment__text {
font-size: 14px;
margin-bottom: 0;
}
#post-80 #contact .privacy-treatment__text + p {
display: none;
}
#post-80 footer {
padding: 30px 0;
}
#post-80 footer .footer-img {
margin: 0 auto;
position: relative;
-webkit-transform: none;
transform: none;
}
#post-80 footer .footer-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 20px;
}
#post-80 footer .footer-list li {
margin-top: 8px;
width: 50%;
}
#post-80 footer .footer-list li a {
display: inline-block;
width: calc( 100% - 1px);
}
#post-80 footer .footer-list li:nth-of-type(even)::after {
content: none;
}
#post-80 footer .copyright {
margin-top: 20px;
}
} .triangle-animation {
position: relative;
}
.triangle-animation .triangle-animation1, .triangle-animation .triangle-animation2, .triangle-animation .triangle-animation3 {
position: absolute;
color: #004179 !important;
font-size: 26px;
font-weight: bold;
z-index: 1;
}
.triangle-animation .triangle-animation1 {
top: 32%;
left: 2%;
}
.triangle-animation .triangle-animation2 {
top: 3%;
right: 2%;
}
.triangle-animation .triangle-animation3 {
bottom: 10%;
left: 44%;
}
#pyramid {
position: relative;
margin: 100px auto;
height: 500px;
width: 100px;
-webkit-transform-style: preserve-3d;
-webkit-animation: spin 10s linear infinite;
-webkit-transform-origin: 116px 200px 116px;
-moz-transform-style: preserve-3d;
-moz-animation: spin 10s linear infinite;
-moz-transform-origin: 116px 200px 116px;
-ms-transform-style: preserve-3d;
-ms-animation: spin 10s linear infinite;
-ms-transform-origin: 116px 200px 116px;
transform-style: preserve-3d;
animation: spin 10s linear infinite;
transform-origin: 116px 200px 116px;
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
to {
-webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);
}
to {
-webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg);
}
}
#pyramid > div {
position: absolute;
border-style: solid;
border-width: 200px 0 200px 346px;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
#pyramid > div:first-child {
border-color: transparent transparent transparent rgba(255, 254, 191, 0.3);
-webkit-transform: rotateY(-19.5deg) rotateX(180deg) translateY(-400px);
transform: rotateY(-19.5deg) rotateX(180deg) translateY(-400px);
}
#pyramid > div:nth-child(2) {
border-color: transparent transparent transparent rgba(255, 254, 191, 0.4);
-webkit-transform: rotateY(90deg) rotateZ(60deg) rotateX(180deg) translateY(-400px);
transform: rotateY(90deg) rotateZ(60deg) rotateX(180deg) translateY(-400px);
}
#pyramid > div:nth-child(3) {
border-color: transparent transparent transparent rgba(255, 254, 191, 0.6);
-webkit-transform: rotateX(60deg) rotateY(19.5deg);
transform: rotateX(60deg) rotateY(19.5deg);
}
#pyramid > div:nth-child(4) {
border-color: transparent transparent transparent rgba(255, 254, 191, 0.8);
-webkit-transform: rotateX(-60deg) rotateY(19.5deg) translateX(-116px) translateY(-200px) translateZ(326px);
transform: rotateX(-60deg) rotateY(19.5deg) translateX(-116px) translateY(-200px) translateZ(326px);
}
@media screen and (max-width: 768px) {
.triangle-animation {
background: url(//syncmark.co.jp/wp/images/2019/06/sankaku.png) no-repeat center center;
height: 300px;
}
.triangle-animation .triangle-animation1, .triangle-animation .triangle-animation2, .triangle-animation .triangle-animation3 {
font-size: 18px;
font-weight: bold;
}
.triangle-animation .triangle-animation1 {
top: 31%;
left: 0%;
}
.triangle-animation .triangle-animation2 {
top: 3%;
right: 0%;
}
.triangle-animation .triangle-animation3 {
top: 85%;
left: 29%;
}
#pyramid {
display: none;
}
}