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

/*****************
 * 基本設定
 *******************/
.pc {
  display:block;
}
.sp {
  display:none;   
}
.p-mainVisual__imgLayer {
  display:none;
}
.txt_c {
	text-align:center;
}
@media screen and (max-width: 768px) {
  /* 768px以下に適用されるCSS（スマホ用） */
.spleft {
text-align:left !important; 
}
.pc {
display:none !important;
}
.txt_c_sp {
text-align:center;    
}
}
/* --------------------------------------------------
　　　　Recapcha 非表示
---------------------------------------------------*/
.grecaptcha-badge { visibility: hidden; }
/* --------------------------------------------------
　　　　パンくず 非表示
---------------------------------------------------*/
#breadcrumb {
  display:none;
}
/* --------------------------------------------------
　　　　ハンバーガーメニュー
---------------------------------------------------*/
.c-iconBtn {
	background:#326A56;
	color:#fff;
}
.c-iconBtn__icon:before {
  color:#fff !important;
}
.has-white-color, .sp_menu_bottom p {
  color:#326A56 !important;
}
/*メニューの内容を消す*/
.p-spMenu__nav{
  display:none;
}
/*メニューのタイトルを消す*/
.c-widget__title.-spmenu{
  display:none;
}
/*メニューの背景色*/
.p-spMenu__inner::before {
    opacity: 1;
  background:#fcfaf9 !important;
}
/*メニューの×印*/
.icon-close-thin:before {
  color:#326A56;
}

/*メニューの幅*/
.p-spMenu__inner {
  width: 88vw;
}
/*メニューの文字間*/
.p-spMenu {
    letter-spacing: 0.2em;
}
/*メニューのアコーディオンのボーダー*/
#spnv-service .swell-block-accordion__item {
  border:0;
}
/*メニューのアコーディオンのタイトル*/
#spnv-service .swell-block-accordion__item .swell-block-accordion__title {
    color: #326A56;
    text-align: center;
    border: none;
    padding: 0 1em 0;
}
/*メニューのアコーディオンの＋*/
#spnv-service .swell-block-accordion__item .swell-block-accordion__label {
  padding-right:0;
}
/*メニューのアコーディオンのテキスト*/
#spnv-service .swell-block-accordion__item p {
  text-align:center;
  color:#326A56;
}
#spnv-service .swell-block-accordion__item p:first-child {
  border-top:1px solid var(--color_border);
  padding-top: 1em;
}

/*メニューのアコーディオンのタイトル下のボーダー*/
.swell-block-accordion.is-style-border .swell-block-accordion__body, .swell-block-accordion.is-style-simple .swell-block-accordion__body {
  border: none;
    padding-top: 0.5em;
    padding-bottom: 0;
}


/* --------------------------------------------------
　　　　　　　Contact
---------------------------------------------------*/
.cf-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2em 0;
	border-bottom: 1px dashed #ccc;
	transition: all .3s;
}

.cf-area:last-child {
	border-bottom: none;
}

.cf-area dt {
  width: 200px;
  padding-right: 30px;
  text-align: right;
	line-height:1.5em;
}

.cf-area dd {
    flex: 1;
}

.cf-area input, .cf-area textarea {
  width: 100%;
  padding: 0.5em;
  border: none;
  background-color: #e8e8e8;
  font-size: 15px;
	resize: vertical;
	transition: all .3s;
}
.checkbox {
	display: flex;
    align-items: center;
}
.wpcf7-checkbox input {
width: auto !important;
}

.cf-area input:focus,.cf-area textarea:focus {
	outline: none;
	background: #dde2e9;
}

.cf-required {
	background: #C15C5F;
	color: #fff;
	font-size: 0.8em;
	padding: 0 5px 2px;
	border-radius: 2px
}

.cf-send input {
	display: block;
	background: linear-gradient(135deg, #326A56 0%, #326A56 100%);
	width: 300px;
	height: 44px;
	margin: 30px auto 0;
	border: none;
	border-radius: 0px;
	color: #fff;
    font-size: 15px;
    font-weight: normal;
    transition: all .3s;
    letter-spacing: 0.25em;
}
.cf-send input:hover {
	filter: brightness(1.25);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	background-color: #E8D575;
	border: none;
	text-align: left;
}
.wpcf7 form .wpcf7-response-output {
	font-size:15px;
}
@media screen and (max-width:768px){
	.cf-area {
		display: block;
	padding: 1em 0;
	}
	.cf-area dt {
    width: 100%;
		margin-bottom: 5px;
    padding-right: 0;
    text-align: left;
		line-height:1.5em;
	}
}
/*****************
 * 記事下のカテゴリー表示を非表示にする
 *******************/
.p-articleMetas__termList {
  display: none;
}