@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* ------------------------------
    footer LINE area
------------------------------ */

.footer-contact-area {
    background-color: #ffff00;
    text-align: center;
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding: 5px 8px 3px 8px;
    z-index: 999999 !important;
	font-size: 10px !important;
    box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5);
    line-height: 1.2;
}

.footer-contact-area-tel {
    width: 55%;
    padding: 0;
    float: right;
    margin-bottom: 2px;
}
.footer-contact-area-tel img {
    /* height: 72px; */
    width: 182px !important;
}
.footer-contact-area-mail {
    width: 45%;
    padding-top: 10px;
    float: left;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.8px;
    color: #222;
}
@media screen and (min-width: 768px) {
	.footer-contact-area {
		display: none;
	}
}

.c-page-top {
    bottom: calc(env(safe-area-inset-bottom) + 79px);
}

@media (max-width: 640px) {
	.l-footer {
	    padding-bottom: 100px;
	}
}

/* ------------------------------
    clearfix
------------------------------ */

.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {display: inline-block;}

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */

/* ------------------------------
    sp/pc
------------------------------ */

@media screen and (min-width:768px) {
	.sp, .sp-only {
		display: none!important;
	}
}

@media screen and (max-width:767px) {
	.pc, .pc-only {
		display: none!important;
	}
}



/* ----------------------------------------------------------------------------------------------------
*  footer area
* --------------------------------------------------------------------------------------------------*/


@media only screen and (max-width: 480px){
a#scroll-to-top {
    right: 0;
    bottom: 0;
}
}
a#scroll-to-top {
    color: transparent;
    z-index: 5;
    display: none;
    background: url(../images/top_arrow.png) no-repeat center center !important;
    width: 55px !important;
    height: 55px !important;
    position: fixed;
    right: 30px !important;
    bottom: 30px !important;
    background-size: 55px auto !important;
}

@media (max-width: 640px){
a#scroll-to-top {
    right: 20px !important;
    bottom: 80px !important;
}
}
.footer-widget.section {
    margin-top: 40px;
    padding: 30px 0;
    clear: both;
    background-color: #5ac6b2;
    color: #fff;
}
.footer-widget .area > * {
    color: #fff;
    text-align: center;
}

.footer-widget .area h3 {
    border: 3px solid #fff;
    padding: 1.7rem;
    font-size: 20px;
        margin: 0 0 20px;
    font-weight: 700;
}

.footer-widget .area h4 {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 18px;
    padding: 1rem;
        margin: 0 0 20px;
    font-weight: 700;
}
    
.footer-widget .area p {
    font-size: 1.6rem;
    margin: 1.5rem;
}
.footerBottom {
    background-color: #41baa4;
    color: #fff;
    text-align: center;
    margin-top: 0 !important;
    border-top: 1px solid #fff;
}
#copyright {
    padding: 20px 0;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
}

#copyright strong {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}


.footer-logo-box {
    text-align: center;
    padding: 20px 10px;
    font-size: 14px;
}

.footer-logo-box img {
    width: 150px;
}

@media (max-width: 767px) {
    .footer-logo-box img {
         margin-top: 10px;
         margin-bottom: 10px;
    }
}

.footer-logo-box a {
    color: #222;
    text-decoration: underline;
    display: block;
}

@media (max-width: 640px) {
    .footer-logo-box {
        margin-bottom: 100px;
        margin-top: 0 !important;
    }
}
.footer-contact-area {
    background-color: #ffff00;
    text-align: center;
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding: 5px 8px 3px 8px;
    z-index: 999;
    box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.5);
    line-height: 1.2;
}

.footer-contact-area-tel {
    width: 55%;
    padding: 0;
    float: right;
    margin-bottom: 2px;
}
.footer-contact-area-tel img {
    /* height: 72px; */
    width: 182px !important;
}
.footer-contact-area-mail {
    width: 45%;
    padding-top: 10px;
    float: left;
    margin-bottom: 2px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.8px;
}
@media screen and (min-width: 768px) {
    .footer-contact-area {
        display: none;
    }
}
/* ------------------------------
    clearfix
------------------------------ */

.cf:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}

.cf {display: inline-block;}

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}
/* End Hack */

/* ------------------------------
    sp/pc
------------------------------ */

@media screen and (min-width:768px) {
    .sp, .sp-only {
        display: none!important;
    }
}

@media screen and (max-width:767px) {
    .pc, .pc-only {
        display: none!important;
    }


/* ------------------------------
    form
------------------------------ */
.form-table table {
  border: none;
  border-right: #ddd solid 1px;
  border-top: #ddd solid 1px;
  border-left: #ddd solid 1px;
  border-collapse: collapse;
  font-size: 100%;
  margin: 0 0 20px;
  width: 100%; }
  .form-table table th, .form-table table td {
    border: none;
    border-bottom: #ddd solid 1px;
    border-left: #ddd solid 1px;
    font-size: 100%;
    font-weight: normal;
    line-height: 1.6;
    padding: 15px;
    vertical-align: top;
    font-size: 14px; }
  .form-table table th {
    background-color: #f5f5f5;
    width: 30%; }
  .form-table table td {
    background-color: #fff; }

.form-table .mw-wp-form_image {
  margin-top: 5px; }

.form-table .mw-wp-form_image img {
  max-width: 100%; }

.form-table .require {
  color: #b70000; }

.form-table .notes {
  color: #999;
  display: block;
  font-size: 12px;
  margin: 5px 0 0; }

.form-table .error {
  color: #b70000;
  display: block;
  margin: 5px 0 0; }

.form-table input,
.form-table select,
.form-table textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  width: auto; }

.form-table input[type="submit"] {
  border: 1px solid #ccc;
  border-color: #ccc #ccc #bbb #ccc;
  border-radius: 3px;
  background: #e6e6e6;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  -webkit-appearance: button;
  font-size: 12px;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); }

.form-table input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa #bbb;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); }

.form-table input[type="submit"]:focus,
.form-table input[type="submit"]:active {
  border-color: #aaa #bbb #bbb #bbb;
  -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); }

.form-table label {
  display: block;
  margin: 0 5px 0 0;
  font-weight: 400; }

.form-table label input[type="checkbox"],
.form-table label input[type="radio"] {
  margin: 0 5px 0 0; }

.form-table input[type="text"],
.form-table input[type="password"],
.form-table input[type="number"],
.form-table input[type="email"],
.form-table input[type="tel"],
.form-table input[type="select"],
.form-table textarea{
  max-width: 100%;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
  width: 100%; }

.form-table textarea {
  overflow: auto;
  padding-left: 3px;
  vertical-align: top;
  width: 100%; }

.form-table input[type="file"] {
  display: inline; }

.form-table table td textarea.form-control {
  max-width: 100%; }

.form-table .required {
  color: #C70852; }

/*horizontal style of radio and checkbox*/
.form-table .horizontal-item + .horizontal-item {
  margin-left: 0px !important; }

.form-table label {
  margin-right: 10px !important; }

.mw_wp_form input[type="submit"] {
  margin: 10px auto;
  display: block;
  cursor: pointer;
  padding: 5px 10px;
  border: 2px solid #bd3c4f;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #bd3c4f;
  font-size: 120%;
  width: 150px;
  color: #fff;
  text-align: center; }

.mw_wp_form input[type="submit"]:hover {
  background-color: #d57987;
  color: #fff; }

.mw_wp_form input[type="submit"].page_back {
  margin: 10px auto;
  display: block;
  cursor: pointer;
  padding: 5px 10px;
  border: 2px solid #ddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #eee;
  font-size: 120%;
  width: 150px;
  color: #888;
  text-align: center; }

@media (max-width: 480px) {
  .form-table table th,
  .form-table table td {
    display: inline-block;
    width: 100%; 
} 
}

input::placeholder {
  color: #999;
}

/* IE */
input:-ms-input-placeholder {
  color: #999;
}

/* Edge */
input::-ms-input-placeholder {
  color: #999;
}
}

/*SWELL追加*/

.smb-section__title
{
	background: #none !important;
	margin: 0 0 20px 0 !important;
	color: :#41baa4 !important;
}