@charset "utf-8";
p {
margin-bottom: 1em !important;
margin-left: 1em !important;
word-wrap: break-word;
font-size: medium;
line-height: 1.8em !important;
letter-spacing: 0;
}
.mark {
background: linear-gradient(transparent 70%, #ffff00 70%) !important;
}
#nav {
z-index:100 !important;
}
.space_small {
height:8px;
}
.space_middle {
height:30px;
} .table {
width: 100%;
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid #e2e2e2;
}
.table li:nth-of-type(odd) {
font-size: 15px;
font-weight: bold;
padding: 5px 10px;
background-color: #f0f0f0;
border: 1px solid #e2e2e2;
border-right: none;
border-bottom: none;
width: 20%;
box-sizing: border-box;
}
.table li:nth-of-type(even) {
font-size: 15px;
padding: 5px 10px;
background-color: #fff;
border: 1px solid #e2e2e2;
border-bottom: none;
width: 80%;
box-sizing: border-box;
} .slide-items {
position:relative;
width:100%;
margin:0 auto !important;
}
.single-item {
width:100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
margin: auto;
}   .must {
background: #FF1A00;
} .free {
background: #999;
}
.must,
.free {
color: #FFF;
border-radius: 3px;
font-size: 12px;
margin-right: 10px;
padding: 5px 10px;
letter-spacing: 0.2em;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea  {
width: 80%;
padding: 8px 15px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #ddd;
border-radius: 3px;
} input.sub-btn {
width: 300px;
height: 60px;
background: #F90;
color: #FFF;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.2em;
border: 1px solid #ffae13;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;	
} input.sub-btn:hover{
background: #FFF;
color: #F90;  
}
.center {
text-align:center;
}
.contents_layout a:link { color: #0000ff !important;; }
.contents_layout a:visited { color: #000080 !important;; }
.contents_layout a:hover { color: #ff0000 !important;; }
.contents_layout a:active { color: #ff8000 !important;; }
.copyright a:link { color: #fff; }
.copyright a:visited { color: #fff; }
.copyright a:hover { color: #fff; }
.copyright a:active { color: #fff; }
.hasDatepicker {
width:20% !important;
}
.box-container {
width: 90%;
margin: 40px auto;
padding-top: 20px;
box-shadow: 0 0 5px #aaa;
background-color:#fff;
}
.box-container .inner {
width: 90%;
}
.contents_layout {
flex-direction: row-reverse;
}
.box-container .main_contents { width: 100%;
}
.box-container .main_contents.main_contents--padding {
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (max-width: 999px){
.nav {
width: 90%;
}
}
@media only screen and (max-width: 767px) {
.nav {
width: 100%;	
}
.box-container {
width: 100%;
margin: 0px;
padding-top: 0px;
box-shadow: none;
border-top: none;
}
.box-container .inner {
width: 95%;
}
.contents_layout {
flex-direction: column-reverse;
}
.box-container .main_contents {
width: 100%;
margin-top: 5px;
}
}
.side_bar_contents li {
list-style: circle;
}
body.custom-bg {
background-image: url(//sositelabo.co.jp/wp-content/themes/plain2/images/base_bg.jpg);
background-repeat: repeat;
background-position: top left;
background-attachment: scroll;
}
.contents {
position:relative;
padding:0 !important;
background-color:#fff;
}
.swiper-container {
z-index:0 !important;
} @media screen and (max-width:768px) { 
.grecaptcha-badge{
position: fixed;
bottom: 70px!important
}
} .contact-form-wrapper {
width: 95%;
margin: 20px 0;
}
.contact-form-wrapper dt span {
color: #fff;
background: #ff1900;
margin-left: 10px;
font-size: 14px;
padding: 5px 10px;
}
.contact-form-wrapper dd {
margin-bottom: 1em;
}
.wpcf7 * {
box-sizing: border-box;
}
.wpcf7 .wpcf7-response-output {
margin: 10px 0 10px;
padding: 1em;
border-radius: 5px;
}
form input[type="submit"],
input[type="button"] {
width:100%!important;
margin: 0 auto;
padding: 15px 20px!important;
background: orange;
border: 0;
line-height: 1.5;
font-size: 120%;
color: white;
cursor: pointer;
transition: all .3s;
}
div.wpcf7 {
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0;
}
.wpcf7 input,
.wpcf7 textarea {
width: 100%;
padding: 0.5em!important;
font-size: 16px;
border: 1px solid #ddd;
transition: all 0s;
}
.wpcf7 textarea {
margin-top: 10px;
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
width: 100%;
}
.wpcf7 input.wpcf7-submit:focus {
outline: none;
}
.wpcf7-not-valid {
background-color: #FFE7D7;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
background-color: #F26175;
color: #fff;
border: none;
}
div.wpcf7-mail-sent-ok {
background-color: #76D857;
color: #fff;
border: none;
}
.wpcf7-form > p {
margin-bottom: 2em;
}
.wpcf7-acceptance {
display:block;
margin-bottom:10px;
}
.acceptance label {
display:flex!important;
}
.acceptance label input {
width: 30px!important;
}
@media only screen and (max-width: 768px) {
div.wpcf7 {
width: 100%;
}
.catchcopy {
padding:20px 0;
font-size:1.4em;
}
.catchcopy span {
font-size:1.2em;
}
}
.side_bar {
margin-bottom:18px;
} #breadcrumb {
width: 90%;
margin: 0 auto;
}
#breadcrumb ul {
display: flex;
padding: 10px 0;
}
.u-flex {
display: flex;
}
.u-flex-align-items-center {
align-items: center;
}
.u-flex-item--icon {
width: 1.2em;
height: 1.2em;
line-height: 1.2em;
padding: 5px;
font-size: 1.2em;
text-align: center;
border-radius: 50%;
}
.news-area__list {
display: flex;
padding: 10px;
box-shadow: 0 0 1px #888;
margin-bottom: 10px;
position: relative;
transition: all .3s;
}
.news-area__list:hover {
box-shadow: 0 0 3px #aaa;
}
.news-area__list .thumbnail {
width: 200px;
height: auto;
}
.news-area__list .news-content { width: 100%;
}
.news-area__list .news-content span {
margin-right: 10px;
}
.news-area__list .news-content p {
margin: 0!important;
font-size: 90%;
color: #555;
}
.news-area__link {
position: absolute;
top: 0;
left: 0;
content: '';
display: block;
width: 100%;
height: 100%;
}
.faq-block {
margin-bottom: 20px;
margin-top: 20px;
padding-bottom: 5px;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
box-sizing: border-box;
}
.faq-block__title {
padding: 15px;
border-bottom: 1px dashed rgba(0,0,0,0.1);
}
.faq-block__title h3 {
width: calc(100% - 1.2em);
margin-bottom: 0;
padding-left: 10px!important;
}
.faq-block__content {
padding: 15px 15px 0 15px;
}
.faq-block__content__text {
width: calc(100% - 1.2em);
margin-left: 10px;
}
.faq-block p {
box-sizing: border-box;
margin-left: 0!important;
}
.faq-block h4 {
padding: 15px!important;
border-left: 3px solid #000;
}
@media only screen and (min-width: 1000px) {
.box-container .contents .inner {
width: 100%;
padding: 0 1.2em;
border: 1.2em solid #ddd;
border-top-width: 1.4em;
border-bottom-width: 1.4em;
box-sizing: border-box;
}
}
@media only screen and (max-width: 767px) {
#breadcrumb {
width: 95%;
}
}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

.pc {
display: block;
}
.sp {
display: none;
}
@media only screen and (max-width: 999px) {
.pc {
display: none;
}
.sp {
display: block;
}
}  .inner {
width: 1000px;
margin: 0 auto;
} .clear-both {
clear: both
}
.clear-left {
clear: left
}
.clear-right {
clear: right
} a:link,
a:visited,
a:active {
color: #000;
text-decoration: none;
transition: 0.5s;
}
a:hover {
opacity: 0.75;
text-decoration: none;
outline: 0
}
input:hover,
a:hover img {
opacity: 0.75;
outline: 0
} body {
font-family: "Noto Sans JP", "メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Sans-Serif;
line-height: 1.5;
} img {
max-width: 100%;
height: auto;
vertical-align: middle;
-ms-interpolation-mode: bicubic
} h1 { font-size: 26px;
font-weight: bold;
color: #459be1;
background: #fbfeff;
background: url(//sositelabo.co.jp/wp-content/themes/plain2/css/st-themecss-loader.php), -webkit-linear-gradient(top, #fbfeff 0%,#fbfeff 100%);
background: url(//sositelabo.co.jp/wp-content/themes/plain2/css/st-themecss-loader.php), linear-gradient(to bottom, #fbfeff 0%,#fbfeff 100%);
border-bottom: 1px solid #459be1;
padding-left: 20px!important;
padding-top: 10px!important;
padding-bottom: 12px!important;
margin-bottom:12px;
}
h2 { font-size: 24px;
font-weight: bold;
color: #459be1;
background: #fbfeff;
background: url(//sositelabo.co.jp/wp-content/themes/plain2/css/st-themecss-loader.php), -webkit-linear-gradient(top, #fbfeff 0%,#fbfeff 100%);
background: url(//sositelabo.co.jp/wp-content/themes/plain2/css/st-themecss-loader.php), linear-gradient(to bottom, #fbfeff 0%,#fbfeff 100%);
border-top: 1px solid #459be1;
border-bottom: 1px solid #459be1;
padding-left: 20px!important;
padding-top: 8px!important;
padding-bottom: 8px!important;
margin-bottom:10px;
}
h3 { font-size: 21px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 20px;
color:#459be1;
position: relative;
padding-left: 20px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
background: #fbfeff;
border-width: initial;
border-style: none;
border-color: initial;
border-image: initial;
}
h3 ul {
margin-top: 7px;
display: flex;
}
h3 ul li:first-of-type {
height: 2px;
width: 40%;
background-color: #459be1;
}
h3 ul li:last-of-type {
height: 2px;
width: 60%;
background-color: #f0f0f0;
}
h4 { font-size: 21px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 15px;
}
h5 { font-size: 18px;
font-weight: bold;
line-height: 1.2;
border-left: solid 3px #459be1;
padding-left: 8px;
}  .header .inner {
padding: 5px 0 15px;
}
.site_description {
font-size: 14px;
}
.site_description span {
color: #bc0000;
}
.header_title { font-size: 38px;
font-weight: bold;
}
.header_title img {
width: auto!important;
max-height: 40px;
}
.header_layout {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.header_right {
overflow: hidden;
}
.header_tel { font-size: 38px;
line-height: 1;
}
.header_tel::before {
content: url(//sositelabo.co.jp/wp-content/themes/plain2/images/header_tel.png);
margin-right: 10px;
}
.reception_time {
font-size: 14px;
font-weight: bold;
float: right;
margin-top: 5px;
}  .nav {
background: linear-gradient(to bottom, #6cb3eb, #459be1);
}
.g_nav {
display: flex;
justify-content: space-between;
align-items: center;
}
.g_nav_layout {
display: flex;
align-items: center;
width: 100%;
}
.g_nav_layout li {
width: 20%;
}
.g_nav_layout li a { color: #fff;
font-size: 18px;
font-weight: 500;
text-align: center;
border-left: 1px solid #f9f9f9;
border-top: 5px solid #6cb3eb;
padding: 5px 0 10px;
display: block;
}
.g_nav_layout li:last-of-type a {
border-right: 1px solid #f9f9f9;
}
.g_nav_layout li a:hover {
color: #459be1;
opacity: 1;
background-color: #f9f9f9;
border-top: 5px solid #459be1;
} #breadcrumb a {
color: #459be1;
text-decoration: underline;
} .contents {
padding: 15px 0;
}
.contents_layout { justify-content: space-between;
}
.mv {
margin-bottom: 25px;
} .side_bar {
width: 100%;
}
.side_bar_title {
color: #fff;
font-size: 18px;
text-align: center;
font-weight: 500;
background-color: #459be1;
padding: 5px 0;
width:100%;
}
h2.side_bar_title {
margin-bottom: 0;
}
.side_bar_contents h5 {
margin: 10px 0;
}
.side_bar_contents {
padding: 10px 5px 10px 30px;
border: 1px solid #b1ccd4;
border-top: none;
}
.side_bar_text {
font-size: 14px;
} .main_contents {
width: 680px;
}
.section {
padding-bottom: 45px;
}
.faq-q-icon {
background: #459be1;
color: #fff;
}
.faq-a-icon {
border: 1px solid #459be1;
color: #459be1;
} .sub_footer {
padding: 10px 0 20px;
background-color: #f0f0f0;
} .footer_menu {
display: flex;
justify-content: center;
}
.footer_menu li {
padding: 0 10px;
line-height: 1;
}
.footer_menu li:not(:last-child) {
border-right: solid #b0afaf 1px;
}
.footer_menu a {
color: #000;
font-size: 12px;
text-decoration: none;
}
.footer_menu a:hover {
opacity: 1;
text-decoration: underline;
}
.footer_menu a:hover {
transition: auto;
}
.footer_logo { font-size: 28px;
font-weight: bold;
text-align: center;
margin-top: 15px;
}
.footer_site_description {
text-align: center;
font-size: 14px;
margin-top: 15px;
}
.footer_site_description span {
color: #bc0000;
}
.footer_tel { font-size: 32px;
font-weight: bold;
line-height: 1;
text-align: center;
margin-top: 10px;
}
.footer_tel::before {
content: url(//sositelabo.co.jp/wp-content/themes/plain2/images/footer_tel.png);
margin-right: 10px;
}  .footer {
background: linear-gradient(to bottom, #6cb3eb, #459be1);
border-top: 3px solid #459be1
}
.footer .inner {
padding: 10px 0;
}
.copyright {
color: #fff;
font-size: 10px;
text-align: center;
}
@media only screen and (min-width: 1000px) {
.g_nav_layout {
flex-wrap: wrap;
}
.g_nav_layout li a {
border-top: 5px solid #6cb3eb;
border-bottom: 5px solid #6cb3eb;
}
.g_nav_layout li:nth-of-type(5n) a {
border-right: 1px solid #fff;
}
.g_nav_layout li:nth-of-type(n + 6) a {
margin-top: -5px
}
}
@media only screen and (max-width: 999px) {  .inner {
width: 95%;
} h1 {
font-size: 24px;
padding: 10px 0 10px 15px;
margin-bottom: 15px;
}
h2 {
font-size: 21px;
margin-bottom: 15px;
}
h3 {
font-size: 18px;
margin-bottom: 15px;
}
h3 ul {
margin-top: 5px;
display: flex;
}
h3 ul li:first-of-type {
width: 50%;
}
h3 ul li:last-of-type {
width: 50%;
}
h4 {
font-size: 18px;
margin-bottom: 10px;
}
h5 {
font-size: 18px;
} table {
width: 100%;
}
table tr td:first-of-type {
width: 20%;
}
table tr td:last-of-type {
width: 80%;
}  .header_layout {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 10px;
}
.header_right {
overflow: hidden;
}
.header_tel {
font-size: 38px;
font-weight: bold;
line-height: 1;
}
.header_tel::before {
content: url(//sositelabo.co.jp/wp-content/themes/plain2/images/header_tel.png);
margin-right: 10px;
}
.reception_time {
font-size: 14px;
font-weight: bold;
float: right;
margin-top: 5px;
} .header .inner {
padding: 5px 0 10px;
}
.site_description {
font-size: 10px;
}
.header_title {
font-size: 28px;
}
.header_title img {
width: 65%;
max-width: 250px;
margin-bottom: 10px;
}
.header_layout {
align-items: center;
margin-top: 10px;
}
.nav_toggle {
width: 30px;
height: 21px;
cursor: pointer
}
.nav_toggle div {
position: relative
}
.nav_toggle span {
display: block;
position: absolute;
width: 100%;
border-bottom: solid 3px #000000;
transition: .35s ease-in-out
}
.nav_toggle span:nth-child(1) {
top: 0
}
.nav_toggle span:nth-child(2) {
top: 9px
}
.nav_toggle span:nth-child(3) {
top: 18px
}
.sp_menu_text {
font-size: 10px;
text-align: center;
margin-top: 3px;
}
.nav_toggle {
display: block
}
.open_nav .nav_toggle span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
.open_nav .nav_toggle span:nth-child(2),
.open_nav .nav_toggle span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}  .nav {
background: linear-gradient(to bottom, #6cb3eb, #459be1);
display: none;
position: absolute;
width: 100%;
}
.nav .inner {
width: 100%;
}
.g_nav {
display: block;
}
.g_nav_layout {
display: block;
width: auto;
}
.g_nav_layout li {
width: 100%;
}
.g_nav_layout li a {
font-size: 18px;
text-align: left;
padding: 15px 2.5%;
display: block;
background: url(//sositelabo.co.jp/wp-content/themes/plain2/images/sp_menu_arrow.png);
background-repeat: no-repeat;
background-position: center right 2.5%;
border-left: none;
border-top: none;
border-top: solid #fff 1px;
}
.g_nav_layout li:last-of-type a {
border-right: none;
}
.g_nav_layout li a:hover {
border-top: solid #fff 1px;
} .sub_footer {
padding: 0;
background-color: #f0f0f0;
}
.sub_footer .inner {
width: 100%;
} .footer_menu {
display: block;
border-top: solid #b0afaf 1px;
}
.footer_menu li {
padding: 0;
}
.footer_menu li:not(:last-child) {
border-right: none;
border-bottom: solid #b0afaf 1px;
}
.footer_menu a {
font-size: 18px;
padding: 15px 2.5%;
display: block;
background: url(//sositelabo.co.jp/wp-content/themes/plain2/images/footer_arrow.png);
background-repeat: no-repeat;
background-position: center right 2.5%;
}
.footer_menu a:hover {
text-decoration: none;
}
.footer_tel_sp_layout {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background-color: #459be1;
padding: 5px 0;
height: 58px;
box-sizing: border-box;
}
.footer_tel_sp { font-size: 32px;
font-weight: bold;
line-height: 1;
text-align: center;
}
.footer_tel_sp a {
color: #fff;
}
.footer_tel_sp::before {
content: url(//sositelabo.co.jp/wp-content/themes/plain2/images/footer_tel.png);
margin-right: 10px;
}
.reception_time_sp {
color: #fff;
text-align: center;
font-size: 12px;
font-weight: normal;
float: none;
margin-top: 2px;
}
.page_top {
position: absolute;
bottom: 0;
right: 0;
}  .footer {
background: linear-gradient(to bottom, #6cb3eb, #459be1);
margin-bottom: 58px;
}
}
@media screen and (max-width: 999px) and (min-width: 768px) { .header_title img {
width: 80%;
}
.site_description {
font-size: 12px;
} .contents {
padding: 0 0 25px;
} .main_contents {
width: calc(100% - 320px);
}
}
@media only screen and (max-width: 767px) { .table {
width: 100%;
display: block;
}
.table li:nth-of-type(odd) {
border-right: 1px solid #e2e2e2;
width: 100%;
}
.table li:nth-of-type(even) {
width: 100%;
}  .contents {
padding: 0 0 25px;
}
.contents_layout {
flex-direction: column;
}
.mv {
margin-bottom: 20px;
} .side_bar {
width: 100%;
order: 0;
margin-bottom: 10px;
}
.side_bar_title {
font-size: 16px;
}
.side_bar_text {
font-size: 12px;
} .main_contents {
width: 100%;
order: 1;
}
.section {
padding-bottom: 25px;
}
.section p {
font-size: 14px;
}
}
.box-container {
border-top: 5px solid #459be1;
}.slide_size {
width:100%;
}
.swiper-pagination {
bottom:0px;
}
.swiper-container {
padding-bottom: 50px !important; box-sizing: content-box;
}