@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
*/

.c-pageTitle {
    color: #23b4ba;
    text-align: right;
    position: relative;
    font-size: 1.3em;
    line-height: 1.4;
}
div#top_title_area {
    min-height: 280px;
}
.l-topTitleArea__img {
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center top;
}
@media (max-width: 768px) {
  .l-topTitleArea__img {
    object-position: left top;
  }
}

@media (max-width: 599px) {
  div#top_title_area {
    min-height: 180px;
    padding: 0.5em 0;
  }
  .c-pageTitle {
    font-size: 1.1em;
    line-height: 1.2;
  }
}

@media (min-width: 600px) {
    .c-pageTitle {
        font-size: 3em;
        color: #23b4ba;
        letter-spacing: 0.25em;
        text-align: right;
        margin-right: 0.3em;
    }
	 div#top_title_area {
        min-height: 340px;
        padding: 1em 0;
	}
}
.red_c{
	color:red;
}
.blue_c{
	color:blue;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 100%;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
}
input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 8px 15px;
    margin-right: 10px;
    border: 1px solid #000;
    border-radius: 3px;
    background-color: #fff;
}
.post_content td, .post_content th {
    border: 1px solid rgba(255,255,255,0)!important;
}
.post_content th {
	background:rgba(255,255,255,0)!important;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #FFFF00;
    border: none;
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%), 0 4px 8px -4px rgb(0 0 0 / 20%);
    color: #23B4BA;
    display: block;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 1px;
    margin: 0 auto 2em;
    text-align: center;
    padding: 1em 1.5em;
    min-width: 80%!important;
    transition: box-shadow .25s;
}


@media only screen and (max-width:768px){
	.Table {
	}
	.Table th,
	.Table td{
		display: block;
		max-width: 100%; height: auto;
	}
}
@media only screen and (min-width:769px){
	.Table tr th {
    width: 25%;
    padding-right: 1em;
    text-align: right;
}
}