@charset "UTF-8";
/*
	Template:swell
	Theme Name:SWELL CHILD
	Theme URl:https://swel-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 URl:http://www.gnu.org/licenses/gpl.html
*/

/*メインテキスト*/
.main-text-01 {
	font-size:1.8vw;
}

.main-text-02 strong {
	font-size:3.5vw;
}

.main-text-02 {
	font-size:2.0vw;
}

.main-text-03 strong {
	font-size:2.5vw;
}

/*メインテキストレシポンシブ*/
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
.main-text-01 {
	font-size:18px;
}
	
.main-text-02 strong {
	font-size:30px;
}

.main-text-02 {
	font-size:18px;
}

.main-text-03 strong {
	font-size:30px;
}
	
.sub-text-01 {
	font-size:10px;
}
}
/*メインテキスト*/

/*パーツID39レシポンシブ*/
@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
	.p-blogParts[data-partsid="39"] {
	display:none;	
	}
}
/*パーツID39レシポンシブ*/

 /*========= ドロップダウンのためのCSS ===============*/
/*==ナビゲーション全体の設定*/
.global {
	background:#199ea5;
	color:#fff;
	text-align: center;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	height:4vw;
/*	position:relative;
	top:31vh;*/
}

/*ナビゲーションを横並びに*/
.global ul{
    /*2階層目の基点にするためrelativeを指定*/
  position: relative;
  list-style: none;
  display: flex;
  justify-content: center;
	align-items: center;/*縦center*/
	height:4vw;/*==ナビゲーション全体の設定と同値*/
}

/*2階層目以降は横並びにしない*/
.global ul ul{
  display: block;
}

/*ナビゲーションのリンク設定*/
.global ul li a, .global p{
    /*矢印の基点にするためrelativeを指定*/
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
  padding:20px 60px;
  transition:all .3s;
}

.global ul li li a{
  padding:20px;
}

.global ul li a:hover{
  color:#fff; 
}

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/

.global ul li.has-child > a::before{
  content:'';
  position: absolute;
  left:15px;
  top:25px;
  width:6px;
  height:6px;
  border-top: 2px solid #999;
    border-right:2px solid #999;
    transform: rotate(135deg);
}

/*==2階層目以降の画像設定*/

.global ul li.has-child img{
  max-width: 100%;
  height: auto;
  transition: all .5s;
  vertical-align: bottom;
}

/*hoverしたら画像拡大*/
.global ul li.has-child img:hover{
  transform: scale(1.2);
}

.global ul li.has-child dt{
  overflow: hidden;
  height: 20vh;
  margin:0 0 20px 0;
}

@media screen and (max-width:1200px){
.global ul li.has-child dt{
  height: 100vh;
}
  
}

/*== 2層目の設定 */
.global li.has-child ul{
  /*絶対配置で位置を指定*/
	position: absolute;
	height:50px;
  left:50%;
  top:-22vh;
  list-style: none;
  transform: translateX(-41.4%); /* X軸方向に50%ずらして中央揃えに */
  z-index: 4;
  /*子要素を横並びに*/    
  justify-content: center;
  flex-wrap: wrap;
    /*形状を指定*/
  width:150vw;
    /*はじめは非表示*/
  display: none;
  visibility: hidden;
  opacity: 0;
     /*アニメーション設定*/
  transition: all .3s;
}

.global li.has-child.gyosyu ul{
  /*絶対配置で位置を指定*/
  transform: translateX(-50%);/* X軸方向に50%ずらして中央揃えに */
}

/*hoverしたら表示*/
.global li.has-child:hover > ul{
  visibility: visible;
  opacity: 1;
  display: flex;
}

/*各ナビゲーション横幅*/
.global li.has-child ul li{
  width:10%;
	padding:0px;
}

/*ナビゲーションaタグの形状*/
.global li.has-child ul li a{
  color: #fff;
}

.global li.has-child ul li a:hover,
.global li.has-child ul li a:active{
  background:#3577CA;
}

/*TOP PAGE 検索ボックス*/
.partsid39 {
	position:absolute;
}

.p-blogParts[data-partsid="39"] .vkfs__labels{
    display: flex;
	flex-wrap: nowrap; /*検索ボックス横並び*/
	justify-content: stretch;
}

.vkfs__label-name{
	color: #045270;
	font-size: 1.3rem;
}

.vkfs__input-wrap{
	height:60%;
}

.vkfs button{
	margin-top: 2.5em !important;
}

.wp-block-vk-filter-search-pro-filter-search-pro{
	background:rgba(255,255,255,20%);
	padding:3vw 20px 4vw 20px;
}

/* メガメニュー用CSS */
.swell-block-columns {
	display:none;
	position: fixed; /* 画面に対して固定 */
	top:30%;
	left: 50%;
	transform: translate(-50%, -50%);
	width:80vw;
}

.swell-block-column {
	overflow: hidden;
}
.swell-block-column img {
	transition: transform .6s ease;
}
.swell-block-column:hover img {
	transform: scale(1.1);
}
/*↑↑↑使用なし↑↑↑*/

/*カスタムフィールドを一覧ページに表示*/
table.conditions-expert{
width:100%;	
}

table.conditions-expert th,td{
padding:7px !important;
}

table.conditions-expert tr{
border-bottom:1px solid #dddddd;
}

.p-postList__title{
	white-space: nowrap;
}

/*カスタムフィールドを一覧ページに表示*/
.kanta-ico  i{
display: block;
margin: 20px auto;
padding:10px 0;
font-size: 80px;
color: #043e54;
text-align: center;
}

.kanta-ico i:after{
}

/*問い合わせボタン*/
.my-button-nobr{
  white-space : nowrap;
}
.swell-button.tel {
	display:flex;
	align-items:center;
	padding-top:3px;
}

/*投稿タイプのCSS*/
.c-pageTitle__subTitle{
	display:none;
}

.cf7__list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
}

.cf7__list dt:nth-of-type(n + 2),
.cf7__list dd:nth-of-type(n + 2) {
  margin-top: 30px;
}

.cf7__list dt {
  width: 35%;
  padding-top: 15px;
}

.cf7__list dd {
  width: 65%;
}

/*コンタクトフォームCSS*/
/******************************/
/** コンタクトフォームの装飾 **/
/******************************/
/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:80%;
	margin:0 auto;
	border: 3px solid #e5e5e5;
}

table.CF7_table tr{
	border-top: 1px solid #e5e5e5;
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
	width:100%;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 5px;
	background: #f79034;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 5px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#ebedf5;/*ブルーグレー*/
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#ebedf5;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#f79034;/* オレンジ*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}
/*コンタクトフォームCSS*/

/*テーブルカラー*/
/*-------- 色指定 ---------*/
:root {
  --f-text:#000000;/*文字の色*/
  --f-line:#e29399;/*線の色*/
  --f-bg1:#ffe4e1;/*タイトル行の背景色*/
  --f-bg2:#ffffff;/*ストライプの背景色*/
}

.fem-table table{
color:var(--f-text);
background-color:white;
}

.fem-table table th{
border:1px dotted white;	
}

.fem-table thead{
border-bottom:1px solid var(--f-line);
}

.fem-table table td{
border:1px dotted var(--f-line);	
}

.fem-table thead{
color:white;
}

.fem-table th{
background-color:var(--f-bg1);
}

.fem-table tr:nth-child(even){
background-color:var(--f-bg2);
}