@charset "UTF-8";
@charset "UTF-8";
#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
 .slick-loading .slick-list {
background: #fff url(https://www.s2-research-lab.jp/s2-research-lab/plugins/slick/ajax-loader.gif) center center no-repeat; } @font-face {
font-family: "slick";
src: url(https://www.s2-research-lab.jp/s2-research-lab/plugins/slick/fonts/slick.eot);
src: url(https://www.s2-research-lab.jp/s2-research-lab/plugins/slick/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.s2-research-lab.jp/s2-research-lab/plugins/slick/fonts/slick.woff) format("woff"), url(https://www.s2-research-lab.jp/s2-research-lab/plugins/slick/fonts/slick.ttf) format("truetype"), url(https://www.s2-research-lab.jp/s2-research-lab/plugins/slick/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal; } .slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
font-family: FontAwesome;
content: "\f053"; }
[dir="rtl"] .slick-prev:before {
font-family: FontAwesome;
content: "\f054"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
font-family: FontAwesome;
content: "\f054"; }
[dir="rtl"] .slick-next:before {
font-family: FontAwesome;
content: "\f053"; } .slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }
  #container {
overflow: hidden;
}
.content {
margin: 0;
}
.main {
margin-right: 0;
padding-top: 0;
box-sizing: border-box;
}
.home .main {
padding-top: 9px;
}
.blog .main {
margin-top: 35px;
}
.breadcrumb {
margin-top: 0;
} p {
margin: 1em 0;
}
ul.none {
list-style: none;
}
.link {
clear: both;
margin: auto 0 1em;
text-align: right;
}
a {
color: #059cc8;
text-decoration: none;
transition: .5s;
}
a:hover {
color: #ff6000;
}
.link a {
color: #059cc8;
text-decoration: none;
}
.link a:hover {
color: #ff6000;
}
.link::before {
position: relative;
top: -2px;
background: #1cc8db;
margin-right: 3px;
padding: 2px 3px;
color: #fff;
font-family: FontAwesome;
font-size: 10px;
content: "\f061";
}
.center {
text-align: center;
}
.under {
text-decoration: underline;
}
.red {
color: #ff1d00;
font-weight: bold;
}
.blue {
color: blue;
font-weight: bold;
}
.txt {
font-size: .88em;
line-height: 1.7;
}
.single-post .article p {
font-size: .85em;
} .toc {
width: 100%;
border: solid 3px #eee;
box-sizing: border-box;
}
.toc-list li ul li::before {
position: relative;
margin-right: .5em;
color: #1cc8db;
font-weight: 900;
content: '・';
}
.toc-list li ul li a:hover {
color: #ff6000;
text-decoration: none;
}
.toc-list li ul li a:focus {
outline: none;
} .home .article h2, .header_desc {
font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
h1.entry-title, .home .article h3, .article h2.service, #related-entries h2.related-entry-heading {
position: relative;
background: #f7f7f7;
padding: 12px 15px 12px 18px;
border: none;
color: #555;
font-size: 1.1em;
font-weight: 500;
}
h1.entry-title::before, .home .article h3::before, .article h2.service::before, #related-entries h2.related-entry-heading::before {
display: block;
position: absolute;
top: 15%;
left: 4px;
background: #1cc8db;
width: 4px;
height: 70%;
margin: 0;
content: "";
z-index: 2;
}
.home h1.entry-title {
margin-top: 30px;
}
.home .article h2.bl {
background: none;
padding: 25px 0;
color: #059cc8;
font-size: 1.3em;
}
.article h2:first-of-type {
margin-top: 0;
padding-top: 10px;
}
.article h2.caution {
background: none;
}
.home .article h2.bl::before, .article h2.caution::before {
display: none;
}
.article h2 {
background: none;
padding: 12px 0;
border: none;
border-bottom: solid 1px #ddd;
color: #059cc8;
font-size: 1.15em;
font-weight: 500;
}
.article h2::before {
position: relative;
top: 0;
margin-right: 3px;
color: #1cc8db;
font-family: FontAwesome;
font-size: 16px;
font-weight: bold;
content: "\f10c";
}
.article h2.service {
margin-top: 60px;
}
.article h3 {
margin: 1.5em 0 0;
padding-left: 0;
border: none;
color: #4949dd;
font-size: 1.15em;
}
.article h3::before {
position: relative;
content: "・";
}
.article h3.dia {
color: #333;
font-size: 1.05em;
}
.article h3.dia::before {
position: relative;
margin-right: 3px;
content: "◇";
}
.article h4 {
margin: 1em 0 0;
border: none;
font-size: 1em;
font-weight: normal;
}
.article h4::before {
position: relative;
content: "＜";
}
.article h4::after {
position: relative;
content: "＞";
} .slicknav_menu {
position: absolute;
background: none;
width: 100%;
padding: 10px 0;
z-index: 100;
}
.slicknav_menu .slicknav_btn {
float: none;
background: none;
}
.slicknav_menu .slicknav_menutxt {
display: none;	
}
.slicknav_menu .slicknav_icon-bar {
background: #059cc8;
}
.slicknav_nav {
background: rgba(255, 255, 255, .9);
margin-top: 30px;
}
.slicknav_nav a {
color: #333;
} .header-container {
background: #fafbfc;
margin-bottom: 10px;
}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header {
height: auto;
}
.header-container-in.hlt-top-menu .logo-header img {
width: 224px;
max-width: initial;
height: auto;
object-fit: cover;
}
.navi-in > ul {
justify-content: space-around;
}
.hlt-tm-right .navi-in > ul {
background: #fafbfc;	
}
.navi-in > ul li {
width: auto;
padding: 0 15px;
}
.navi-in > ul li a {
font-size: 14px;
}
.navi-in > ul > .menu-item-has-children > a::after {
right: 0;
color: #1cc8db;
}
.navi-in > ul li a:hover {
background: none;
color: #ff6000;
}
li.current-menu-item > a {
background: none;
color: #059cc8;
font-weight: 500;
} .page_header {
position: relative;
max-width: 1070px;
max-height: 250px;
margin: 0 auto 2px;
box-shadow: 0 0 8px rgba(0, 0, 0, .2);
}
.page_header img {
display: block;
width: 100%;
}
.header_desc {
position: absolute;
bottom: 0;
right: 10px;
color: #6c8384;
font-size: 12px;
font-weight: 500;
} .navi-footer-in a:hover {
background: none;
opacity: .7;
transition: .5s;
}
.go-to-top-button {
width: 42px;
height: 42px;
border-radius: 3px;
font-size: 25px;
}
.go-to-top-button:hover {
opacity: .6;
}
.copyright {
margin: 8px 0 4px;
font-size: 12px;
} #intro {
max-width: 800px;
margin: 0 auto;
}
#secure, #news_release {
max-width: 1000px;
margin: 0 auto;
}
#intro ul {
padding-left: 30px;
}
.test_list {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.test_item {
width: 100%;
}
.test_item h3 {
margin: 0;
}
.test_item img {
width: 100vw;
}
.test_item .nrw {
letter-spacing: -.1em;
}
ol.txt {
margin: 0;
font-size: .88em;
letter-spacing: -.1em;
}
#secure ol {
color: #4949dd;
font-size: 1.2em;
line-height: 2;
}
#secure .caution h2 {
padding: 0;
color: #333;
font-size: 1em;
}
.caution p {
font-size: .88em;
line-height: 1.5;
}
.home #news_release h2 {
margin-bottom: .5em;
padding: 0;
border-bottom: solid 1px #ddd;
}
#news_release {
margin-bottom: 30px;
}
#news_release .widget-entry-cards .widget-entry-card-content,
.test .widget-entry-cards .widget-entry-card-content {
font-size: 1.1em !important;
}
.new-entry-cards a.a-wrap {
border-bottom: dashed 1px #ddd;
color: #059cc8;
}
.new-entry-cards a.a-wrap:hover {
background: none;
color: #ff6000;
}
.new-entry-cards a.a-wrap .new-entry-card-post-date {
color: #333;
font-size: .85em;
} #service .txt {
letter-spacing: -1px;
}
.ct {
font-size: .88em;
}
.caution2 p {
font-size: .8em;
line-height: 1.5;
}
ol.txt {
padding-left: 1em;
} #flow {
counter-reset: step;
}
#flow h3 {
position: relative;
padding-left: 2.5em;
}
#flow h3::before {
position: absolute;
top: .85em;
left: 0;
margin-right: 3px;
color: #1cc8db;
font-family: FontAwesome;
font-size: 16px;
font-weight: bold;
content: "\f10c";
}
#flow h3::after {
position: absolute;
top: 14px;
left: 1.2em;
counter-increment: step;
color: #059cc8;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
content: counter(step);
}
.flow_box {
display: flex;
flex-flow: column wrap;
justify-content: space-between;
}
.flex_item {
width: 100%;
} .toc-title {
color: #1cc8db;
}
.toc-list li::before {
position: relative;
color: #1cc8db;
content: "・";
}
ul.step li {
position: relative;
margin-bottom: 1.4em;
}
ul.step li::before {
position: absolute;
top: 1.5em;
left: 3em;
content: "↓";
}
ul.step li:last-child::before {
display: none;
}
ul.step li span {
text-decoration: underline;
} table.txt tr, table.txt th, table.txt td {
background: none;
padding: 12px;
border: none;
border-bottom: dotted 1px #ddd;
font-weight: 500;
} #privacy_policy {
counter-reset: num;
font-size: .9em;
}
#privacy_policy h2 {
background: none;
padding-left: 0;
color: #333;
font-size: 16px;
font-weight: bold;
}
#privacy_policy h2::before {
display: inline;
counter-increment: num;
position: relative;
top: 0;
background: none;
color: #333;
content: counter(num)" . ";
}
ol.latin {
list-style-type: lower-latin;
}
ol.kana {
list-style-type: katakana;
} table.test tr, table.test th, table.test td {
background: none;
padding: 12px;
border: none;
border-bottom: dotted 1px #ddd;
font-weight: 500;
}
table.test {
border: solid 1px #ddd;
}
table.test th {
background: #f7f7f7;
width: 24%;
}
.context {
margin: 0;
}
ul.context, ol.context {
padding-left: 15px;	
} table.cf7 {
table-layout: auto;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
font-size: .88em;
}
table.cf7 th, table.cf7 td {
background: #fff;
border: none;
border-bottom: solid 1px #ddd;
padding: 12px 10px 10px;
}
table.cf7 th {
background: #f7f7f7;
width: 25%;
font-weight: normal;
}
table.cf7 .s {
font-size: .8em;	
}
table.cf7 .sel {
width: 25%;
}
table.cf7 td.name input[type="text"] {
max-width: 190px;
margin: 0 .6em;
}
table.cf7 td.sub_ttl {
width: 20%;
}
table.cf7 .post input[type="text"] {
width: 80px;
}
table.cf7 .post span {
white-space: nowrap;
}
table.cf7 input[type="tel"] {
width: 200px;
}
.wpcf7 input[type="submit"] {
background: #223441;
width: 100%;
max-width: 300px;
border: solid 1px #223441;
border-radius: 2px;
box-sizing: border-box;
color: #fff;
box-shadow: 2px 2px 4px rgba(0, 0, 0, .3);
-webkit-appearance: none;
appearance: none;
transition: .3s;
opacity: .9;
line-height: 42px;
padding: 0;
}
.wpcf7 input[type="submit"]:hover {
box-shadow: none;
transform: translate(2px, 2px);
}
div.wpcf7 .ajax-loader {
display: none;
}
input.wpcf7-form-control.wpcf7-submit:hover {
opacity: 1;
}
span.sup {
position: relative;
top: -0.1em;
margin-left: .5em;
color: #ff1d00;
font-size: .9em;
font-weight: bold;
vertical-align: top;
}
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
border: 1px solid #ddd;
font-size: 1em;
}
.wpcf7-mail-sent-ok {
border: 2px solid #1cc8db !important;
}
.cf7 .red {
font-weight: normal;
}
form.sent table.cf7,
form.sent .center {
display:none;
}
.wpcf7c-conf {
background: #E5E9E9 !important;
} .sidebar {
width: 310px;
}
.side_bnr {
position: relative;
width: 100%;
margin-bottom: 10px;
border: solid 3px #eee;
box-sizing: border-box;
}
.side_bnr img {
width: 100vw;
height: auto;
}
.side_bnr span {
position: absolute;
left: 5px;
bottom: 0;
}
.side_bnr span.tel {
right: 5px;
bottom: 0;
text-align: right;
}
.side_bnr a {
color: #000;
}
.side_info {
width: 100%;
padding: 10px;
border: solid 3px #eee;
box-sizing: border-box;
color: #555;
}
.side_info h2 {
font-size: 1.1em;
}
.ft_about, .sidebar h3 {
margin: 0;
}
.sidebar h3 {
background: #eee;
padding: 5px 5px 0px;
border-bottom: solid 1px #1cc8db;
color: #1cc8db;
}
li.menu-item-type-post_type {
position: relative;
}
.sidebar li.menu-item-type-post_type::before {
position: absolute;
top: 9px;
color: #1cc8db;
font-weight: bold;
content: "・";
}
.widget_nav_menu ul li a {
margin: 0 .5em;
padding: 10px 10px 8px 15px;
border-bottom: solid 1px #ddd;
box-sizing: border-box;
}
.widget_nav_menu ul li a:hover {
background: none;
color: #059cc8;
}
#nav_menu-2 {
border: solid 3px #eee;
box-sizing: border-box;
} body.categoryid-11 .prev-post-title,
body.categoryid-11 .pager-post-navi a.prev-post::before,
body.categoryid-11 .next-post-title,
body.categoryid-11 .pager-post-navi a.next-post::before {
display: none;
}
table tr:nth-of-type(2n+1) {
background: none;
}
table.guide th, table.guide td {
display: block;
width: 100%;
font-size: .85em;
}
.single-post .article table.guide th p , .single-post .article table.guide td p {
font-size: 100%;
}
table.guide th {
font-weight: normal;
}
table.guide caption {
padding-bottom: 5px;
font-weight: bold;
text-align: left;
}
body.categoryid-11 h2 {
border-bottom: none;
}
body.categoryid-11 .btn {
width: 80%;
max-width: 400px;
margin: 0 auto;
padding: 10px 45px;
box-sizing: border-box;
font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-size: 1.8em;
}
body.categoryid-11 .btn a {
color: #fff;
}
body.categoryid-11 .blank-box {
margin: 0;
border: 1px solid #949495;
border-radius: 0;
color: #aaa;
font-size: .85em;
}
@media screen and (max-width: 767px) { table.cf7 td.name input[type="text"] {
max-width: 100%;
}
}
@media screen and (max-width: 768px) { main.main {
margin-top: 0;
padding: 0 15px 10px;
}
img.test_img, .test_item img, .flow_item img {
width: 100vw;
height: auto;
} .navi-footer-in > .menu-footer li.menu-item {
border: none;
}
}
@media screen and (min-width: 768px)  { .header_desc {
font-size: 23px;
} .home .test_item {
width: 49%;
}
.test_item_li {
display: flex;
flex-flow: row nowrap;
}
.test_img {
width: 40%;
}
.test_img img {
padding: .5em 9px 0 0;		
}
.test_item_li ul {
padding-left: 0;
} #service .test_img {
width: 30%;
}
#service .desc {
width: 70%;
}
}
@media screen and (min-width: 769px) { .navi-in > ul .sub-menu a {
padding: 0;
} #footer-in .footer-bottom {
background: #e9eef1;;
margin: 0 -300px;
} .test_item {
width: 49%;
} #service .test_item {
width: 100%;
} .flow_box {
flex-flow: row nowrap;
}
.flow_item.img {
width: 260px;
padding-left: 1em;
box-sizing: border-box;
}
.flow_item.txt {
width: calc(100% - 260px);
} .no-scrollable-sidebar .sidebar {
margin-top: 30px;
} table.guide th, table.guide td {
display: table-cell;
}
table.guide th {
width: 30%;
text-align: left;
}
table.guide td {
width: 70%;
}
}
@media screen and (min-width: 750px) and (max-width:1022px) {
.textwidget:first-of-type {
display: flex;
}
}
@media screen and (min-width: 1200px) { .wrap {
width: 1100px;
} .header_desc {
font-size: 23px;
}
}
.new-entry-card-date.widget-entry-card-date.display-none {
display: block;	
}
span.wpcf7-list-item {
display: block!important;
}
.categoryid-4 .under-entry-content {
display: none;
}
.under-entry-content {
display: none;
}
.categoryid-10 .under-entry-content {
display: block;
}