/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2026 | 06:36:48 */
/*  水田product_paddy_maincss  */

div.jumpanchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}

@media screen and (min-width: 769px){
.br-sp {display: none; }
}

@media screen and (max-width: 768px){
.br-pc {display: none; }
}

.paddy_full {
	margin: auto;
	text-align:center;
}
.paddy01 {}
.paddy01 img {width:100%;}

p.paddy01_maincopy {
	font-size:24px;
	font-weight:700;
}
@media (max-width: 768px) {
p.paddy01_maincopy {
	font-size:19px;
}
}

.paddy02 {
margin:0;
	padding:0;
}

.paddy02 h2 {
	font-size:30px;
	font-weight:700;
	color:#09c;
	margin:20px 0;
}

@media (max-width: 768px) {
.paddy02 h2 {
	font-size:20px;
}
}

.paddy_col3 {
	height:80px;
}

.paddy_col3 ul {
	margin:0;
	padding:0;
}

/*
@media (max-width: 768px) {
.paddy_col3 li {
	height:120px;
	display:block;
	width:100%;
	font-size:24px;
	margin:0 0 20px;
	}
}
*/


.paddy_col3 li {
	list-style-type:none;
	border:2px solid #09c;
	padding:20px 5px;
	color:#09c;
	border-radius:10px;
	display: grid;
	place-items: center center;
	height:100px;
	float: left;
	width: 32%;
	margin-right: 2%;
	font-size:20px;
	font-weight:700;
	text-align:center;
	}

.paddy_col3 li:nth-of-type(3n){
    margin-right: 0;
	}

@media (max-width: 768px) {
.paddy_col3 li {
	height:100px;
	font-size:14px;
	line-height:1.3em;
	}
}

.paddy03 {
	clear:both;
}

.paddy03 h3 {
}

.paddy03 h3 {
    padding: 1.3rem 0;
    margin-bottom: 0.5rem;
    background-image: repeating-linear-gradient(135deg, #09c 0 2px, transparent 2px 4px);
    background-repeat: no-repeat;
    background-size: 8rem 0.4rem;
    background-position: center bottom;
    color:#09c;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    font-weight:700;
    margin:40px 0 40px;
}

@media (max-width: 768px) {
.paddy03 h3 {
   font-size: 18px;
	margin:10px 0 20px!important;

	}
}

/* 2カラム */
.pp_col_2, .pp_col_2:before, .pp_col_2:after {
	box-sizing: border-box;
}
.pp_col_2{
	border:2px solid #09c;
	border-radius:20px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
background-color: #fff; /* 背景の色 */
text-align: center; /* 内容は中央配置 */
}
.pp_col_2 > div.pp_frame_left{
	width: 40%;
	padding: 10px;
}
 img.pp_img {
	border-radius:14px;
	padding:8px;
}

.pp_col_2 > div.pp_frame_right{
	width: 60%;
	padding: 10px;
	text-align:left;
}
@media screen and (min-width: 769px) {
.pp_col_2{
	margin:4% 20% 4%;
	padding:20px;
	width: 60%;
}
}

@media screen and (max-width: 768px) {
.pp_col_2 {
	width: 100%;
	padding:20px;
	margin:6% 0 6%;
	}
.pp_col_2 > div.pp_frame_left{
	width: 100%;
	padding:10px;
	display:block;
}
.pp_col_2 > div.pp_frame_right{
	width: 100%;
	display:block;
	text-align:left;
	padding:0;
}
}


p.pp_title{ font-size:20px;font-weight:700;color:#09c;margin:6px 0!important;}
p.pp_name {border-left:2px solid #09c; padding-left:8px;color:#09c;margin-bottom:12px!important;}
p.pp_voice {color:#000;padding:0 0 10px;margin-bottom:6px!important;}
span.pp_use {border:1px solid #09c;color:#09c;padding:3px 10px;}
p.mb0 {margin-bottom:0!important;}

@media screen and (max-width: 768px) {
p.pp_title{
	font-size:15px;
	}
}

h3.pp_catch {
	font-size:24px;
	font-weight:700;
	color:#000;
	margin:40px 0!important;
}

@media screen and (max-width: 768px) {
h3.pp_catch {
	font-size:21px;
}
}

.paddy04 {}

.product_flex{
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
background-color: #fff; /* 背景の色 */
text-align: center; /* 内容は中央配置 */
}

@media screen and (min-width: 798px) {
.product_flexbox{
	margin:10px;
	padding:20px;
	width: 31%;
}
}

@media screen and (max-width: 979px) {
.product_flexbox{
	width: 47%;
}
}

@media screen and (max-width: 797px) {
.product_flexbox {
	width: 100%;
	padding:20px;
	margin:2% 0 2%;
	display:block;
}
}
@media screen and (max-width: 979px) {
	.spdpnone {
		display:none;
	}
}

@media screen and (min-width: 980px) {
	.pcdpnone {
		display:none;
	}
}

.bglightblue {
background:#c0e2f7;	
	border-radius:20px;
}

.bglightblue_table {
background:#ddeeff!important;	
}

p.product_copy {font-size:24px;font-weight:700;color:#09c;margin-bottom:6px!important;line-height:1.3em!important;}
img.product_img {border-radius:20px;}

p.product_name {font-size:24px;font-weight:700;color:#000;padding:10px 0!important;margin:0!Important;}
p.product_price {font-size:16px;font-weight:normal;color:#000;padding:0 0 6px!important;margin:0!Important;}
p.product_price2 {font-size:16px;font-weight:normal;color:#000;padding:0 0 6px!important;margin:0!Important;}
p.product_read {font-size:14px;font-weight:normal;color:#000;padding:6px 0 6px!important;border-top:1px dotted #000;text-align:left;}

@media (max-width: 769px) {
p.product_copy {
	font-size:20px;
	}
}

@media (max-width: 1200px) {
p.product_price2 {font-size:13px;
	margin-bottom:5px!important;
	}
}


@media (min-width: 769px) {
p.product_copy {
	font-size:20px;
	}
}

span.product_btn a {background:#09c;border-radius:4px;color:#fff;padding:5px 18px;font-weight:700;font-size:14px;margin:0 4px;}
span.product_btn a:hover {background:#0cf;color:#fff;}
span.product_btn_nolink {background:#aaa;border-radius:4px;color:#fff;padding:5px 10px;font-weight:700;font-size:14px;margin:0 4px;}

@media (max-width: 1300px) {
span.product_btn a {font-size:12px;padding:5px 10px;}
span.product_btn_nolink {font-size:12px;padding:5px 10px;}
}


@media (max-width: 1100px) {
span.product_btn a {font-size:10px;padding:5px 10px;}
span.product_btn_nolink {font-size:10px;padding:5px 10px;}
}


@media (max-width: 960px) {
span.product_btn a {font-size:14px;padding:5px 10px;}
span.product_btn_nolink {font-size:14px;padding:5px 10px;}
}


@media (max-width: 768px) {
p.product_copy{font-size:21px;}
span.product_btn a {font-size:15px;padding:5px 10px;}
span.product_btn_nolink {font-size:15px;padding:5px 10px;}
}


.paddy05 {}

p.pageback a {
	border:1px solid #09c;
	margin:40px auto;
	padding:10px;
	text-align:center;
	width:300px;
	display:block;
	background:#fff;
}

p.pageback a:hover {
	background:#dff1f9;
}

@media (min-width: 769px) {
#spview {
    display: none;
}
}

@media (max-width: 768px) {
#pcview {
    display: none;
}
}


/*カート価格と説明をスマホで逆に*/
@media (min-width: 769px) {
.cartorder1 {order:1;}
.cartorder2 {order:2;}
}

/*　フルサイズ　*/
@media (min-width: 769px) {
.paddysensor_imgmargin-60 {
	margin-top:-60px;
}
}

.paddysensor-full {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

.paddysensor-full img {
	display: block;
	width: 100%;
	height: auto;
}


/*　水位センサーCSS　*/

.ps_midashi_bk h3  {
	font-size:25px;
	color:#000;
	font-weight:700;
}


.flex_3 {
    display: flex;
    flex-wrap: wrap;
}
.flex_3>div {
    width: calc(96% / 3);
    box-sizing: border-box;
    background: #fff;
	 margin-right:2%;
}

@media (max-width: 768px) {
.flex_3>div {
	max-width:141px;
}
}

.flex_3>div:nth-of-type(3n){
    margin-right: 0;
	}

.flex_3_box {
	 border: 2px solid #09c;
    padding: 20px 5px;
    border-radius: 10px;
    display: grid;
	 font-size: 20px;
    font-weight: 700;
	 color: #09c;
	 place-items: center center;
    height: 120px;
	line-height:1.2em;
	margin-bottom:30px;
}

.flex_3_box2 h3,.flex_3_box3 h3 {
	font-size:20px;
	color:#000;
	font-weight:700;
}
.flex_3_box2 p,.flex_3_box3 p {
	text-align:left!important;
}

@media (min-width: 769px) {
.flex_3_box3 {
	display:none!important;
}
}

@media (max-width: 768px) {
	.flex_3_box {
		font-size:0.9em;
		height: 90px;
	}


.flex_3_box2 {
	display:none!important;
}
	}

.flex_3_box3 {
	margin:0;
	padding:0;
	display:block;
	width:100%;
}

.flex_3_box3 h3 {
	font-size:16px!important;
margin-bottom:10px;
	}

.flex_3_box3 p {
	font-size:13px;
}


.paddysensor h2 {
    font-size: 30px;
    font-weight: 700;
    color: #09c;
    margin: 20px 0;
}

@media (max-width: 768px) {
.paddysensor h2 {
    font-size: 20px;
}
}

.paddysensor h3 {
	font-size:20px;
	color:#000;
	font-weight:700;
}

@media (max-width: 768px) {
.paddysensor h3 {
	font-size:18px;
}
}

/*水位センサーアプリ機能*/

.paddysensor_app {
	display: grid;
	place-items: center;
	width:100%;
}

@media (min-width: 769px) {
.paddysensor_app {
	padding:0 15%;
	}
}

@media (max-width: 768px) {
.paddysensor_app {
	padding:0;
	}
}

.paddysensor_app_box {
	background:#c0e2f7;
	border-radius:20px;
	padding:20px;
	margin-bottom:30px;
}

@media (min-width: 769px) {
.paddysensor_app_frame{
	margin:0;
	padding:0;
	display:inline-block;
	width:45%;
	}
}

@media (max-width: 768px) {
.paddysensor_app_frame{
	margin:0;
	padding:0;
	display:block;
	width:100%;
	}
}
	
.app_label {margin:0;padding:0;display:table;margin:15px 0 15px;}
.app_label1 {background:#fff;border:1px solid #09c;color:#777;padding:5px 20px;font-size:16px;font-weight:700;}
.app_label2 {background:#09c;border:1px solid #09c;color:#fff;padding:5px 20px;font-size:16px;font-weight:700;}
.app_title h4 {color:#09c;font-size:28px;font-weight:700;display:table-cell;text-align:left;margin-bottom:30px!important;}
.paddysensor_app_frame p {text-align:left;margin:15px 0;}
.app_img {align-items: center;margin:10px 0 0;padding:0!important;}

@media (max-width: 768px) {
.app_title h4 {font-size:24px!important;
}
}

/*水位センサー設置*/

.flex_3_set {
    display: flex;
    flex-wrap: wrap;
}
.flex_3_set_box {
	 width: calc(96% / 3);
    box-sizing: border-box;
	 margin-right:2%;
}

@media (max-width: 768px) {
.flex_3_set_box {
	width:100%;
	display:block;
}
}

.flex_3_set_box:nth-of-type(3n){
    margin-right: 0;
	}

.flex_3_set_box {
	background:#eee;
    padding: 10px 20px;
    border-radius: 20px;
	margin-bottom:30px;
}

.set_label {margin:0;padding:0;display:table;margin:15px 0 15px;}
.set_label1 {background:#09c;border:1px solid #09c;color:#fff;padding:5px 20px;font-size:16px;font-weight:700; border-radius: 6px;}
.set_title h4 {color:#09c;font-size:28px;font-weight:700;display:table-cell;text-align:left;margin-bottom:30px!important;}
.flex_3_set_box p {text-align:left;margin:15px 0;}
.set_img {align-items: center;margin:10px 0 0;padding:0!important;}

@media (max-width: 768px) {
.set_title h4 {font-size:24px!important;
	}
}

/*水位センサースワイプスライダー*/

@media (min-width: 769px) {
.slidersp_frame {
	display:none;
}
}

@media (max-width: 768px) {
.sliderpc_frame {
display:none;
}
}

.sliderpc {
  margin: 0 auto;
  max-width: 1800px;
  width: 100%;
}

.slidersp {
  margin: 0 auto;
  max-width: 500px;
  width: 100%;
}

.sliderpc .slick-slide,
.slidersp .slick-slide {
padding:0 15px;
}

.sliderpc .slick-slide img,
.slidersp .slick-slide img {
    display: block;
    border-radius:10px;
}

.sliderpc .slider-img img,
.slidersp .slider-img img {
  height: auto;
  width: 100%;
}

.slide_hand img {
	display:block;
	width:100%;
	padding: 0 30px;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}


/*動画埋め込み*/
#movie-framepc {
    background-color: #fff;
}

#movie-framepc #movie-inner {
    max-width: 800px;
    margin: auto;
}

#movie-framepc #movie-inner iframe.youtube {
    width: 100%;
    height: 440px;
}

@media (min-width: 769px) {
#movie-framepc #movie-inner .movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: #fff;
}
#movie-framesp .movie-wrap {
		display:none;
	}
}

@media (max-width: 768px) {
#movie-framepc #movie-inner iframe.youtube {
    width: 100%;
    height: 244px;
}
}



	
/*購入2カラム*/

.paddysensor_c {
	margin-bottom:40px;
}

@media (max-width: 768px) {
.paddysensor_c {
	margin-bottom:20px;
}
}
.paddysensor_c h3 {
	font-size:24px;
	color:#000;
	font-weight:700;
}

@media (max-width: 768px) {
.paddysensor_c h3  {
	font-size:20px;
}
}


.flex_col2_frame {
	margin: auto;
}
.flex_col2 {
display:flex;
justify-content: center;
}
@media (min-width: 769px) {
.flex_col2 .flex_left {margin-right:20px;}
.flex_col2 .flex_right{margin-left:20px;}
}

.flex_left,.flex_right {
	border:1px solid #999;
	border-radius:20px;
	width: 50%;
	padding:30px;
}

@media (max-width: 768px) {
.flex_col2 {
	display:block;
	width: 100%;
		margin-bottom:2%;
}
.flex_left,.flex_right {
	display:block;
	width: 100%;
margin-bottom:20px;
	}
}

.col2_img {
	width:100%;
		border-radius:10px;
}
h3.product_name {
	font-size:28px;
	color:#000;
	font-weight:700;
	margin:20px 0;
}
.product_price {
	font-size:20px;
		margin:0 0 20px;
	color:#000;
}
.paddy_buybtn {
	width:400px;
	height:60px;
}



.paddy_buybtn a {
		margin:0 auto;
		padding:10px 20px;
		border-radius:8px;
	background:#09c;
	color:#fff;
	font-weight:700;
	font-size:20px;
}
.paddy_buybtn a:hover {
	color:#ccc;
}

a.smb-btn {
    width: auto;
    padding: 20px;
}


/* QandA*/
.qa_parent {
    padding: 0;              /* 余白指定 */
    height: auto;              /* 高さ指定 */
}
 
.qa_item {
    width: 600px;               /* 幅指定 */
    height: auto;               /* 高さ指定 */
    margin:  0 auto;            /* 中央寄せ */
	text-align:left;
}
@media (min-width: 769px) {
.qa_item {
			 padding: 20px;
	}
}

@media (max-width: 768px) {
.qa_item {
    width: 100%;               /* 幅指定 */
    height: auto;               /* 高さ指定 */
    margin:  0 auto;            /* 中央寄せ */
	text-align:left;
}
}

.qa-003 dt,
.qa-003 dd {
    display: flex;
    align-items:start;
    position: relative;
    margin: 0;
    color: #000;
	background:#eee;
font-size: 1.3em;
    line-height: 1.5em;
}

@media (min-width: 769px) {
.qa-003 dt,.qa-003 dd {
 padding: 1em 2em 0.6em 5.8em;
}
}

@media (max-width: 768px) {
 .qa-003 dt {
		padding: 1em 1em 0.6em 3.8em;
	 font-size: 1em;
}
.qa-003 dd {
	padding: 0.6em 1em 1em 3.8em;
	 font-size: 1em;
}
}

.qa-003 dt {
    font-weight: 600;
}

.qa-003 dd + dt {
    margin-top:1em;
}

.qa-003 dt::before,
.qa-003 dd::before {
    display: inline-block;
    position: absolute;
    width: 36px;
    height: 36px;
    left: 0;
    border-radius: 50%;
    font-weight: 600;
    font-size: 1.1em;
    line-height: 30px;
    text-align: center;
	margin-left:2em;
}
@media (min-width: 769px) {
.qa-003 dt::before,
.qa-003 dd::before {
	margin-left:2em;
}
}

@media (max-width: 768px) {
.qa-003 dt::before,
.qa-003 dd::before {
	margin-left:1em;
    width: 24px;
    height: 24px;
    font-size: 1.1em;
    line-height: 20px;
}
}


.qa-003 dt::before {
    border: 2px solid #75bbff;
    color: #75bbff;
    content: 'Q';
}

.qa-003 dd::before {
    border: 2px solid #ff8d8d;
    color: #ff8d8d;
    content: 'A';
}

div.qa_amall {
font-size:x-small;
}

/*サポート体制*/
.supportframe_parent {
    padding: 0;              /* 余白指定 */
    height: auto;              /* 高さ指定 */
}
 
.supportframe_item {
    width: 700px;               /* 幅指定 */
    height: auto;               /* 高さ指定 */
    margin:  0 auto;            /* 中央寄せ */
	text-align:left;
	 padding: 20px;
}
@media (max-width: 768px) {

.supportframe_item {
    width: 100%;               /* 幅指定 */
    height: auto;               /* 高さ指定 */
    margin:  0 auto;            /* 中央寄せ */
	text-align:left;
}
}


/*2column button*/
.col2btn {
}

.col2btn_inner {
  padding-top: 10px;
  display: flex;
  justify-content: center;
	margin:2px;
}

.col1btn_inner {
  padding-top: 10px;
  display: block;
  text-align: center;
	margin:0 auto;
}

/*ラインアップ２カラムボタン*/
a.farmobtn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 140px;
	margin: 4px;
	padding: 0.5rem 0.2rem;
	font-weight: bold;
	border-radius: 0.3rem;
	border-bottom: 2px solid #0686b2;
	background: #27acd9;
	color: #fff;
	font-size:15px;
}

a.farmobtn:hover {
	margin-top: 6px;
	border-bottom: 1px solid #0686b2;
	color: #fff;
}

a.farmo_col1btn {
	display: block;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 60%;
	margin: 4px auto;
	padding: 0.5rem 0.2rem;
	font-weight: bold;
	border-radius: 0.3rem;
	border-bottom: 2px solid #0686b2;
	background: #27acd9;
	color: #fff;
	font-size:15px;
}

a.farmo_col1btn:hover {
	margin-top: 6px;
	border-bottom: 1px solid #0686b2;
	color: #fff;
}

a.farmobtn_no {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	width: 140px;
	margin: 4px;
	padding: 0.5rem 0.2rem;
	font-weight: bold;
	border-radius: 0.3rem;
	border-bottom: 2px solid #ddd;
	background: #eee;
	color: #444;
		font-size:15px;
}

a.farmobtn_no:hover {
	margin-top: 6px;
	border-bottom: 1px solid #ddd;
	color: #444;
}

/*水位センサーサポート下部ボタン*/
.inline_btn {
	display:inline-block;
	padding:0 10px;
}

p.inline_btn a {
	border:1px solid #09c;
	padding:10px;
	text-align:center;
	background:#fff;
}

p.inline_btn a:hover {
	background:#dff1f9;
}

/*共通*/
.mar20-0 {margin:20px 0;}

.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
.fs26 {font-size:26px;}
.fs28 {font-size:28px;}
.fs30 {font-size:30px;}
.fs32 {font-size:32px;}
.fs34 {font-size:34px;}
.fs36 {font-size:36px;}
.fs38 {font-size:38px;}
.fs40 {font-size:40px;}
.fs42 {font-size:42px;}
.fs44 {font-size:44px;}

.fw600 {font-weight:600;}
.fw700 {font-weight:700;}
.fw900 {font-weight:900;}

.height100 {height:100px;}


/*給水ゲートバルブ*/

.font_pc30sp24,
h2.font_pc30sp24,
h3.font_pc30sp24 {
    font-weight:700!important;
    color:#0097e0;
    line-height:1.4em;
}

@media (min-width: 769px) {
h2.font_pc30sp24,
h3.font_pc30sp24 {font-size:30px;}
}

@media (max-width: 768px) {
h2.font_pc30sp24,
h3.font_pc30sp24 {font-size:24px;}
}

.fc_blue {color:#009bde;}
.fc_3ggreen {color:#22AC38;}
.fc_3gorange {color:#F39800;}
.fc_black {color:#000!important;}

.grid_center {
    padding: 20px 5px;
    color: #09c;
    display: grid;
    place-items: center center;
    float: left;
}

.midashi_bar p {
    padding: 1.3rem 0;
    background-image: repeating-linear-gradient(135deg, #09c 0 2px, transparent 2px 4px);
    background-repeat: no-repeat;
    background-size: 8rem 0.4rem;
    background-position: center bottom;
    color: #09c;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    margin: 40px 0 40px;
}

.gateapp_title h4 {
    color: #09c;
    font-size: 28px;
    font-weight: 700;
    display: table-cell;
    text-align: left;
}

@media (max-width: 768px) {
.gateapp_title h4 {
    font-size: 22px;
}
}

.over_h {
	overflow:hidden;
}

.qa_item2 {
    height: auto;               /* 高さ指定 */
    margin:  0 auto;            /* 中央寄せ */
	text-align:left;
}

@media (min-width: 769px) {
.qa_item2 {
			 padding: 20px;
}
}

@media (max-width: 768px) {
.qa_item2 {
    width: 100%;               /* 幅指定 */
    height: auto;               /* 高さ指定 */
    margin:  0 auto;            /* 中央寄せ */
	text-align:left;
}
}

.col2_button {
    box-sizing: border-box;
    padding-left: 10px!important;
    padding-right: 10px!important;
    width: 100%;
}

h4.product_name {
	font-size:28px;
	color:#000;
	font-weight:700;
	margin:20px 0;
}

@media (max-width: 768px) {
div#rowsidemargin {
    margin: 0 auto;
}
}


/*footer_arrow_css_dev*/
.svg-inline--fa {
    display: var(--fa-display,inline-block);
    height: 1em!important;
    overflow: visible;
    vertical-align: -0.125em;
}

/*ビジュアルコンポーザー追加1設定*/

.vc_column_container > .vc_column-inner {

}

.vc_column_container {

}
/*
.ls01_height {
	height:650px!important;
}
*/




/***** 記事枠 *****/
.kiji_list {
font-weight:normal;
font-size:1.1em;
  padding: 1px 5px;
  background: #fff;
margin-right:15px;
border:1px #000 solid;
border-radius: 3px;
}

.kiji_new {
font-weight:900;
  padding: 1px 2px 0 2px;
  background: #009bdd;
  color: #fff;
  border:#009bdd 1px solid;
  border-radius: 3px;
  margin-right: 3px;
}

/**TOP_PRODUCT_FRAME**/
.top_prod {display:block;width:100%;margin:0 auto 60px!important;}
.top_prod_front {text-align:left;}

.top_prod1 {background: no-repeat right/80% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_01.png") ;}
.top_prod2 {background: no-repeat right/80% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_02.png") ;}
.top_prod3 {background: no-repeat right/80% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_03.png") ;}
.top_prod4 {background: no-repeat right/80% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_04.png") ;}
.top_prod5 {background: no-repeat right/80% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_05.png") ;}
.top_prod6 {background: no-repeat right/80% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_06.png") ;}
.top_prod7 {background: no-repeat right/80% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_07.png") ;}

h2.top_prod_title {font-size:54px;font-weight:700;font-family:"ゴシックMB101 B";margin:10px 0;font-feature-settings: "palt";}

@media (min-width: 769px) {
h2.top_prod_title {
-webkit-text-stroke:#fff;
text-stroke:#fff;}
}

h2.top_prod_title01 {color:#0097dd;}
h2.top_prod_title02 {color:#4e9d44;}
h2.top_prod_title03 {color:#d36a2c;}
h2.top_prod_title04 {color:#ee808a;}
h2.top_prod_title05 {color:#3a9c9f;}
h2.top_prod_title06 {color:#f7b400;}
h2.top_prod_title07 {color:#9295c4;}

p.top_prod_read {font-size:18px;}
.top_prod_end {}
.top_prod_end img {width:300px;margin:0;}

div.top_prod_btn_frame {width:280px;position:relative;margin:0;}
a.top_prod_btn {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 200px;
	margin: 10px 0;
	padding: 0.4rem 1rem;
	font-weight: bold;
	border-radius: 100vh;
	transition: 0.5s;
	color: #fff;
	}
a.top_prod_btn01 {background: #0097cc;border:#0097cc 2px solid;}
a.top_prod_btn01:hover {border:#0097cc 2px solid; color: #0097cc;background: #fff;}

a.top_prod_btn02 {background: #4e9d44;border:#4e9d44 2px solid;}
a.top_prod_btn02:hover {border:#4e9d44 2px solid; color: #4e9d44;background: #fff;}

a.top_prod_btn03 {background: #d36a2c;border:#d36a2c 2px solid;}
a.top_prod_btn03:hover {border:#d36a2c 2px solid; color: #0d36a2;background: #fff;}

a.top_prod_btn04 {background: #ee808a;border:#ee808a 2px solid;}
a.top_prod_btn04:hover {border:#ee808a 2px solid; color: #ee808a;background: #fff;}

a.top_prod_btn05 {background: #3a9c9f;border:#3a9c9f 2px solid;}
a.top_prod_btn05:hover {border:#3a9c9f 2px solid; color: #3a9c9f;background: #fff;}

a.top_prod_btn06 {background: #f7b400;border:#f7b400 2px solid;}
a.top_prod_btn06:hover {border:#f7b400 2px solid; color: #f7b400;background: #fff;}

a.top_prod_btn07 {background: #9295c4;border:#9295c4 2px solid;}
a.top_prod_btn07:hover {border:#9295c4 2px solid; color: #9295c4;background: #fff;}


@media (max-width: 768px) {
.top_prod {margin-bottom:30px!important;}
.top_prod img {margin-top:120px!important;}
.top_prod_front {}

.top_prod1 {background: no-repeat right/100% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_01.png") ;}
.top_prod2 {background: no-repeat right/100% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_02.png") ;}
.top_prod3 {background: no-repeat right/100% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_03.png") ;}
.top_prod4 {background: no-repeat right/100% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_04.png") ;}
.top_prod5 {background: no-repeat right/100% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_05.png") ;}
.top_prod6 {background: no-repeat right/100% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_06.png") ;}
.top_prod7 {background: no-repeat right/100% url("https://farmo.info/web/wp-content/uploads/2023/05/top_prod_illustimg_07.png") ;}

.top_prod_title {margin:0!important;font-size:42px!important;font-family:"ゴシックMB101 B";font-feature-settings: "palt";}
.top_prod_read {margin-bottom:50px!important;}
.top_prod_end img {width:70%;margin:0;}
.top_prod_end {display:flex!important;justify-content:flex-end;}
a.top_prod_btn {margin-top: 174px;margin-bottom:10px; height: 45px;width:80%;}
}

/*carousel*/
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	display:none;
}
.sp-pcp-post .sp-pcp-title, .sp-pcp-post .sp-pcp-title a {
    text-transform: none;
    font-size: 14px;
    line-height: 18px;
}

.pcp-carousel-wrapper .sp-pcp-carousel {
     padding-bottom: 0;
}




/*ファーモの脳みそバナー*/
span.channelbanner_komidashi {
background:#fff;
	margin:0;
	padding:4px 8px;
	font-size:20px;
	color:#0062c2;
	font-weight:700;
}

p.channelbanner_subtitle {
	margin:0;
	padding:10px 0;
	font-size:30px;
	color:#fff;
	font-weight:700;
}

@media (max-width: 768px) {
	p.channelbanner_subtitle {
	font-size:20px;
}
}

p.channelbanner_honbun {
	color:#fff;
}


/*トップページメインバナー　左右入れ替え*/

.top_product {
	width:100%;
}

.top_product_bkimg_suiden {
    background: url(https://farmo.info/web/wp-content/uploads/2023/06/top_product01a_suidenfarmo-min.png)no-repeat;
    background-position: right top;
}

.white_shadow_3 {
text-shadow:
            3px 3px 0px #fff, -3px -3px 0px #fff,
           -3px 3px 0px #fff,  3px -3px 0px #fff,
            3px 0px 0px #fff, -3px -0px 0px #fff,
            0px 3px 0px #fff,  0px -3px 0px #fff;
}

/*
 @media (min-width: 769px) {
.top_product {
    display: flex;
  }
 .top_product.top_reverse {
    flex-direction: row-reverse;
  }
}
*/

h2.top_product_title span {
    font-size: 36px;
    font-weight: 700;
    color: #09c;
    border: 2px solid #09c;
    padding: 8px 14px;
    border-radius: 14px;
}

h3.top_product_maincatch {
    font-size: 48px;
    font-weight: 900;
    color: #09c;
    font-family: 'Noto Sans JP';
	margin-bottom:16px;
}

h4.top_product_maincatch {
    font-size: 28px;
    font-weight: 700;
    color: #888;
    font-family: 'Noto Sans JP';
	margin-bottom:10px;
}

.top_product_uservoice ul {
	margin:0;
}

.top_product_uservoice ul li {
	list-style:none;
}

.top_product_uservoice ul li span {
	border-bottom:3px dotted #888;
	padding-bottom:4px;
	vertical-align:super;

}

.top_product_uservoice ul li:before {
	content:url(https://farmo.info/web/wp-content/uploads/2023/06/top_product_faqicon_30px.png);
  background-size:30px auto;
  padding-right: 10px;
}

/*aqua_trial*/
@media (max-width: 768px) {
h2.vc_custom_heading.aqua_midashi1,h2.vc_custom_heading.aqua_midashi2 {
	font-size:17px!important;
}
h2.vc_custom_heading.aqua_midashi3 {
	font-size:22px!important;
}
		
.aqua_p p {
    font-size: 1em!important;
    text-align: left!important;
}
.aqua_jirei_title h4 {
		font-size:18px!important;
		color:#09c!important;
		font-weight:700!important;
	}
}	

@media (max-width: 768px) {
.text_pccenter_spleft p {
		text-align:left;
}

.spleft {
		text-align:left;
}
	
.aqua_jirei_frame {
		margin:0 20px 0!important;
	}

.aqua_movie_frame {
		margin:0!important;
	}

.aqua_kashidashi_frame {
		margin:0 10px 0!important;
	}
.aqua_faq_frame {
		margin:0!important;
	}

}

@media screen and (min-width: 769px) {
.aqua_jirei_title h4 {
		font-size:24px!important;
		color:#09c!important;
		font-weight:700!important;
	}

.text_pccenter_spleft p {
		text-align:center;
}	
.text_pccenter_spleft {
		text-align:center;
}	
}

/*コンテンツ用ナビ*/
#navimenu ul{
    display: flex;
    justify-content:space-between;
	list-style: none;
	padding: 0;
	width: 99.85%;
	text-align: center;
  border-bottom:1px solid #ccc;
  border-top:1px solid #ccc;
  margin-left:1px!important;
}
#navimenu li{
	display: block;
	width: 100%;
  border-left: 1px solid #ccc;
  list-style:none;
}
#navimenu a{
	display: block;
	width: 100%;
	text-decoration: none;
	color: #0097dd;
	padding-bottom: 5px;
}
#navimenu li.current{
	font-weight: 900;
	border-bottom: 1px solid #ccc;
}
#navimenu li:hover{
	color: #fff;
	font-weight: 900;
}

#navimenu li:last-child {
  border-right: 1px solid #ccc;
}

#navimenu li a {
  padding: 10px 0;
  font-weight: 700;
  text-align: center;
}

#navimenu li a:hover {
background:#cef;
}

#navimenu li a span {
  color: #09c;
  font-size: 13px;
}

@media (max-width:768px) {
	#navimenu li a {font-size:12px;line-height:1.3em;
}
}


/*共通*/
.padding_0_40 {
	padding:0 40px;
}

.borderradius_10 img {
border-radius:10px;
}

.borderradius_20 {
border-radius:20px;
}

.yellow_line strong {
	font-weight:700;
}

.border_color {
	border:1px dotted #aaa;
}

/*共通装飾*/
.box_1dan {
    max-width: 400px;
    margin: 0 auto;
    border: 2px solid #0693e3;
    border-radius: 20px;
	background:#fff;
	padding:10px 6px;
}

.box_1dan span {
    display: flex;
    justify-content: center;
    align-items: center;
	color:#0693e3;
	font-size:16px;
	font-weight:700;
	line-height:1.2em;
}

.box_2dan {
    max-width: 400px;
    margin: 0 auto;
    border: 2px solid #0693e3;
    border-radius: 10px;
	background:#fff;
}

.box_2dan span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: #0693e3;
    color: #fff;
    font-weight: 600;
    font-size:20px;
}

.box_2dan p {
    margin: 0;
    padding: 0.2em 0em;
    text-align:center;
	color:#0693e3;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
}

.box_tokucho {
    max-width: 400px;
    margin: 0 auto;
    border: 2px solid #0693e3;
    border-radius: 10px;
	background:#fff;
}

.box_tokucho span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    background-color: #0693e3;
    color: #fff;
    font-weight: 600;
    font-size:20px;
}

.box_tokucho p {
    margin: 0;
    padding: 0.2em 0em;
    text-align:center;
	color:#0693e3;
	font-size:20px;
	font-weight:700;
	line-height:1.3em;
}
@media screen and (max-width: 768px) {
.box_tokucho p {
    padding: 0.2em 0em 0.2em 1.5em;
    text-align:left;
}
}

/*PC4-SP2レスポンシブ*/
.items42 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.item42 {
  box-sizing: border-box;
  margin: 0;
  width: calc(25% - 30px / 4);
  margin: 0 10px 10px 0;

  &:nth-child(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {

 .item42 {
    margin: 0 10px 10px 0;
    width: calc(50% - 20px / 2);

    &:nth-child(2n) {
      margin-right: 10px;
    }

    &:nth-child(4n) {
      margin-right: 10px;
    }

    &:nth-child(6n) {
      margin-right: 0;
    }
  }
}

h2.wp-block-heading.has-text-align-left.box_midashi {
    font-size: 40px;
}

h3.wp-block-heading.box_midashi3 {
    font-size: 24px!important;
}

@media screen and (max-width: 768px) {
.sp_text_center {
    align-items: center!important;
	text-align:center!important;
}
	
.box_gap {
	gap:0.75em!important;
}

h2.wp-block-heading.has-text-align-left.box_midashi {
    font-size: 32px!important;
}


h3.wp-block-heading.box_midashi3 {
    font-size: 18px!important;
}

}

.fusen1 {
   display: inline-block;
	position: relative;
    padding: 0 0.5em;
    border: 2px solid #0693e3;
    background-color: #fff;
    color: #0693e3;
	margin-bottom:6px;
	font-size:18px;
	font-weight:700;
}

@media screen and (max-width: 768px) {
.fusen1 {
   display: flex;
    justify-content: center;
    align-items: center;
	border-top:none;
	border-left:none;
	border-right:none;
}
}

.fusen2 {
    display: inline-block;
    position: relative;
    padding: 0 0.5em;
    border: 2px solid #0693e3;
    background-color: #fff;
    color: #0693e3;
	margin-bottom:6px;
	font-size:14px;
	font-weight:700;
}
.fusen3 {
    display: block;
    padding: 0 0.5em;
    border-radius: 30px;
    background-color: #0693e3;
    color: #fff;
	margin-bottom:6px;
	font-size:20px;
	font-weight:700;
	text-align:center;
	width:100%;
}

.border_product {
	border:1px solid #aaa;
	border-radius:20px;
	padding:30px;
}

#aqua1,#aqua2,#aqua3,#aqua4,#aqua5 {
padding-top: 60px; /*上に余白を付ける*/
margin-top: -60px; /*上の余白を打ち消す*/
}

/*アクアモニター設置例関連　*/


td.tablewidth100{width:100%;text-align:center;}
td.tablewidth35 {width:35%;text-align:left;}
td.tablewidth20{width:20%;text-align:center;background:#e1ebef;}
td.tablewidth10{width:10%;text-align:center;}

@media screen and (max-width: 768px) {
td.tablewidth35 {width:94%;display:block;text-align:left;margin:10px;}
td.tablewidth20{width:100%;display:block;text-align:center;background:#e1ebef;}
td.tablewidth10 {
    transform: rotate( 90deg );
    text-align: center;
    max-width: 80px;
    max-height: 30px;
    margin-left: 280px;
    margin-right: 280px;
}
.tablewidth20 img {margin-top:30px;}
.tablewidth20 p {margin-bottom:0;}


}

img.secchirei_arrow {
    width: 80%;
    height: 80%;
    margin: 75px auto;
    display: block;
}

@media screen and (max-width: 768px) {
img.secchirei_arrow {
    margin: 75px auto;
}
}

.wp-block-button.fullwidthbutton {
    width: 100%;
    display: grid;
}


/*アクア設置例*/
.aqua_secchi_frame{
    display: flex;
		flex-wrap: wrap;
    align-items: stretch;
}
.aqua_secchi_frame>div{
    display: flex;
    align-items: stretch;
    width: 50%;
    padding: 10px;
    background: #fff;
}


.aqua_secchicss_kiji {margin:0;padding:20px;border:1px solid #ccc;border-radius:10px;}
h3.aqua_secchicss_title {border-left:3px solid #0097dd;padding:2px 0 2px 15px;font-size:24px;color:#0097dd;font-weight:700;margin:10px 0;}
.aqua_secchicss_hosoku {margin:10px 0!important;}
p.aqua_secchicss_hosoku {}
.aqua_secchicss_img1 {}
.aqua_secchicss_img2 {}
.aqua_secchicss_img3 {}

@media screen and (max-width: 768px) {
.aqua_secchi_frame>div {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 20px;
}
h3.aqua_secchicss_title {font-size:16px;}
.aqua_secchicss_hosoku {font-size:12px;}

}

/*SPテーブル横スクロール*/
.table-yokoscroll {
  overflow-x: scroll;
}
.table-yokoscroll .table {
  width: 100%;
  min-width: 745px;
  border-collapse: collapse;
}
.table-yokoscroll .table thead {
    border-bottom: 3px solid;
}
.table-yokoscroll .table th,.table-yokoscroll .table td {
line-height:1.2em;
padding:10px 0!important;
}

.price_right {
	text-align:right;padding-right:20px;
}

@media screen and (min-width: 769px) {
	.table_width_sp {
	font-size:16px;
}
}

@media screen and (max-width: 768px) {
.table_width_sp {
	width:100%;
	table-layout: fixed;
	box-sizing: border-box;
	min-width:100%!important;
	font-size:12px;
}
.price_right {
	text-align:center;padding:2px;
	}
}



@media screen and (max-width: 768px) {
.pc_only {display:none;}
}

@media screen and (min-width: 769px) {
.sp_only {display:none;}
}

/*グリッドレイアウト*/
.grid{ max-width:1200px; width:100%; clear:both; margin:0 auto; text-align:left;overflow:hidden }

.col { margin-right: 1%; float: left; background-color: #fff; overflow:hidden; margin-bottom:20px;}
.last { *zoom:1; *margin-right:0; _margin-right:-6px;  }
.col.last {float:right;}
.one_col { width: 7.3333%; }
.two_col { width: 15.6664%; }
.three_col { width: 23.9999%; }
.four_col { width: 32.3333%; }
.five_col { width: 40.6666%; }
.six_col { width: 48.9999% }
.seven_col { width: 57.3333%; }
.eight_col { width: 65.6666%; }
.nine_col { width: 73.9999%; }
.ten_col { width: 82.3333%; }
.eleven_col { width: 90.6666%; }
.twelve_col { width: 98.9999%; }

@media screen and (max-width: 768px) {
.one_col { width: 100%; }
.two_col { width: 100%; }
.three_col { width: 100%; }
.four_col { width: 100%; }
.five_col { width: 100%; }
.six_col { width: 100%; }
.seven_col { width: 100%; }
.eight_col { width: 100%; }
.nine_col { width: 100%; }
.ten_col { width: 100%; }
.eleven_col { width: 100%; }
.twelve_col { width: 100%; }
}


/*ハウスファーモ*/

.fa_hf_midashi_h2 {
	font-weight: 700;
	color:#009bde;
		line-height:1.4em;
}
@media screen and (min-width: 769px) {
.fa_hf_midashi_h2 {
    font-size: 38px!important;
	line-height:1.4em;
}
}

@media screen and (max-width: 768px) {
.fa_hf_midashi_h2 {
    font-size: 20px!important;
		line-height:1.4em;
}
}

.fa_hf_midashi_h3 {
	    font-weight: 700;
}
@media screen and (min-width: 769px) {
.fa_hf_midashi_h3 {
    font-size: 32px!important;
}
}

.fa_hf_fc_button {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 70%;
	margin: 10px auto!important;
	padding: 0.2rem 1rem;
	font-weight: bold;
	background:#009bde;
	color: #fff;
	border-radius: 100vh;
}

.mar_bot_0 {
    margin-bottom: 0!important;
}

.mar_bot_10 {
    margin-bottom: 10px!important;
}

.mar_bot_20 {
    margin-bottom: 20px!important;
}

.mar_bot_30 {
    margin-bottom: 30px!important;
}


.mar_lr_40 {
	margin:0 40px!important;
}

.mar_lr_40 {
	padding:0 40px!important;
}

.mar_lr_20 {
	padding:0 20px!important;
}

.mar_lr_10 {
	padding:0 10px!important;
}

.mar_top_20 {
	margin:20px 0 0!important;
}

.table_hf_9 td {
	margin:0;
	padding:8px 4px!important;
	line-height:1.3em;
}

.hf_table td {
font-size:16px!important;	
}
@media screen and (max-width: 768px) {
.hf_table td {
font-size:14px!important;	
}
}

.hf_table td .hf_table1 {width:20%;}
.hf_table td .hf_table2 {width:35%;}
.hf_table td .hf_table3 {width:45%;}

@media screen and (max-width: 768px) {
.hf_table td {
font-size:12px;	
}
}

.lh14 {
	line-height:1.4em;
}

/*共通*/
@media screen and (min-width: 769px) {
p.fs14pc {font-size:14px!important;}
p.fs16pc {font-size:16px!important;}
p.fs18pc {font-size:18px!important;}
p.fs20pc {font-size:20px!important;}
p.fs22pc {font-size:22px!important;}
p.fs24pc {font-size:24px!important;}
p.fs26pc {font-size:26px!important;}
p.fs28pc {font-size:28px!important;}
p.fs30pc {font-size:30px!important;}
p.fs32pc {font-size:32px!important;}
p.fs34pc {font-size:34px!important;}
p.fs36pc {font-size:36px!important;}
p.fs38pc {font-size:38px!important;}
p.fs40pc {font-size:40px!important;}
p.fs42pc {font-size:42px!important;}
p.fs44pc {font-size:44px!important;}
	
.fs14pc p {font-size:14px!important;}
.fs16pc p {font-size:16px!important;}
.fs18pc p {font-size:18px!important;}
.fs20pc p {font-size:20px!important;}
.fs22pc p {font-size:22px!important;}
.fs24pc p {font-size:24px!important;}
.fs26pc p {font-size:26px!important;}
.fs28pc p {font-size:28px!important;}
.fs30pc p {font-size:30px!important;}
.fs32pc p {font-size:32px!important;}
.fs34pc p {font-size:34px!important;}
.fs36pc p {font-size:36px!important;}
.fs38pc p {font-size:38px!important;}
.fs40pc p {font-size:40px!important;}
.fs42pc p {font-size:42px!important;}
.fs44pc p {font-size:44px!important;}
}

p.fs18spc {font-size:1.8em!important;}
p.fs22spc {font-size:2.2em!important;}

@media screen and (max-width: 768px) {
p.fs18spc {font-size:1.4em!important;}
p.fs22spc {font-size:1.4em!important;}
}

@media screen and (max-width: 768px) {
p.fs2emsp {font-size:2em;}
p.fs22sp {font-size:22px!important;}
}


img.sensoricon {
    width: 48px;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 768px) {
figure.wp-block-image.size-full.sp_img_70per {
    width: 70%;
    margin: 0 auto;
    display: block;
}
.sp_img_60per {
    width: 60%;
    margin: 0 auto;
    display: block;
}
}

.pad15 {
padding:15px;
}

.rad20 {
	border-radius:20px;
}



/*アコーディオン*/
.p-accordion {
  max-width: 700px;
  margin-inline: auto;
}
.p-accordion-desc {
  font-size: 15px;
  font-weight: 700;
}
.p-accordion__head {
  cursor: pointer;
  background-color: #d7f0f7;
  display: block;
  color: #000;
  padding: 7px 20px;
  margin-top: 10px;
  font-size:16px;
  font-weight:700;
}
.p-accordion__head-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.p-accordion__icon {
  display: block;
  position: relative;
  width: 24px;
  transition: transform 0.25s;
}
.p-accordion__icon:before {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 2px;
  background-color: #0097dd;
}
.p-accordion__icon:after {
  content: "";
  position: absolute;
  display: block;
  width: 15px;
  height: 2px;
  background-color: #0097dd;
}
.p-accordion__icon:before {
  left: 0;
  transform: rotate(45deg);
}
.p-accordion__icon:after {
  right: 0;
  transform: rotate(-45deg);
}
.p-accordion__input input[name=p-accordion__block] {
  display: none;
}
.p-accordion__input .p-accordion__block {
  cursor: pointer;
}
.p-accordion__input .p-accordion__content {
  height: 0;
  padding: 0 20px;
  overflow: hidden;
  opacity: 0.5;
  background-color: #fff;
  transition: padding 0.25s ease, opacity 0.3s ease 0s;
    font-size:16px;
  background-color: #eee;
}
.p-accordion__input input[name=p-accordion__block]:checked + .p-accordion__head > .p-accordion__head-inner .p-accordion__icon {
  transform: rotate(-180deg);
}
.p-accordion__input input[name=p-accordion__block]:checked + .p-accordion__head + .p-accordion__content {
  /*開閉時*/
  height: auto;
  opacity: 1;
  padding: 20px;
}




  /*APIフローチャート*/
.flow_design03 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
}

.flow_design03 ul {
  padding: 0;
}

.flow_design03 li {
  list-style-type: none;
}

.flow_design03 dd {
  margin-left: 0;
}

.flow03 {
  position: relative;
}

.flow03::before {
  content: "";
  width: 15px;
  height: 100%;
  background: #eee;
  margin-left: -129px;
  display: block;
  position: absolute;
  top: 0;
  left: 120px;
  border-radius: 20px;
}

.flow03 > li {
  position: relative;
}

.flow03 > li:not(:last-child) {
  margin-bottom: 60px;
}

.flow03 > li .icon03 {
  font-size: 0.8em;
  width: 2em;
  height: 2em;
  line-height: 2;
  text-align: center;
  font-weight: bold;
  border-radius: 100vh;
  color: #fff;
  background: #0693e3;
  display: inline-block;
  margin-right: 0.3em;
}

.flow03 > li dl {
  padding-left: 70px;
  position: relative;
}

.flow03 > li dl::before,
.flow03 > li dl::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
}

.flow03 > li dl::before {
  width: 7px;
  height: 7px;
  margin-top: -3px;
  background: #0693e3;
  border-radius: 50%;
  left: -4px;
}

.flow03 > li dl::after {
  width: 50px;
  border-bottom: 1px dashed #999;
  position: absolute;
  left: 5px;
}

.flow03 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  color: #0693e3;
  margin-bottom: 0.5em;
  display: flex;
  align-items: center;
}

/* api table */
tr.bg_navy1 td {background-color:#325561; color:#FFF;}
td.bg_gray1 {background-color:#eee;}
tr.bg_orange1 td {background-color:#F1C296;}
tr.bg_orange2 td {background-color:#FAE9DB;}
tr.bg_lightblue1 td {background-color:#9FCBDA;}
tr.bg_lightblue2 td {background-color:#DEEDF3;}
table.apitable1 td {padding-left: 5px!important;border-color:#ccc!important;}

.te_c {text-align:center;}

.table-yokoscroll table.apitable1 td {
line-height:1.2em;
padding:0.5em 1em!important;
}


/*　目次*/

.toc-001 {
    margin-bottom: 30px;
    padding: 1em 1em 1em 2em;
    border: 1px solid #999;
    background-color: #f7f7f7;
}

.toc-001 div {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 5px 0;
}

.toc-001 ol {
    list-style-type: disc;
    margin: 0;
    padding: 0 1.2em;
    overflow: hidden;
}

.toc-001 ol ol {
    margin-top: 5px;
}

.toc-001 li {
    padding: 5px 0;
}

.toc-001 a {
    color: #166c9d;
}

.anchor{
	display:block;
    padding-top: 100px;
    margin-top:-100px;
}


/*ハウスファーモお試し202311*/

 

.house_head_box {
    background-image:url(https://farmo.info/web/wp-content/uploads/2023/11/house_otameshi_img01b-min.png);  /* 画像のURLを指定       */
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:top center;                     /* 画像の表示位置を指定  */
    background-size:contain;                               /* 画像のサイズを指定    */
    width:100%;                                            /* 横幅のサイズを指定    */
    height:800px;                                          /* 縦幅のサイズを指定    */
	    border-radius: 30px;

}


.house_head_boxsp {
    background-image:url(https://farmo.info/web/wp-content/uploads/2023/11/house_otameshi_img01_sp2.png);  /* 画像のURLを指定       */
    background-repeat:  no-repeat;                         /* 画像の繰り返しを指定  */              
    background-position:top center;                     /* 画像の表示位置を指定  */
    background-size:contain;                               /* 画像のサイズを指定    */
    width:100%;                                            /* 横幅のサイズを指定    */
    height:800px;                                          /* 縦幅のサイズを指定    */
	 border-radius: 30px;

}

.house_fuzoku {
	border:2px solid #0097dd;
	padding:30px;
	border-radius: 30px;
}

.fa_hf_fc_midashibutton {
    display: block;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    width: 100%;
    margin: 10px auto!important;
    padding: 1.1999999999999993rem 1rem;
    font-weight: bold;
    background: #009bde;
    color: #fff;
    border-radius: 10px;
	font-size:28px;
}

.fa-square-x-twitter {
    font-size: 2.4rem;
    margin-top: 8px;
}

@media screen and (max-width: 768px) {
	.fa-square-x-twitter {
    font-size: 2.4rem;
    margin-bottom: 0;
}
}

/*フィールドショットページ*/
@media screen and (max-width: 1199px) {
.fs_main_firstframe {
    /*追加*/justify-content: center;
    /*追加*/align-items: center;
    background: url(https://farmo.info/web/wp-content/uploads/2026/06/fieldshot_main_img1d-min.jpg) no-repeat center center;
    height: 550px;
	background-size:cover;
	text-align:center;
}
}
@media screen and (min-width: 1200px) {
.fs_main_firstframe {
    /*追加*/justify-content: center;
    /*追加*/align-items: center;
    background: url(https://farmo.info/web/wp-content/uploads/2026/06/fieldshot_main_img1c-min.jpg) no-repeat center center;
    height: 650px;
	background-size:cover;
	text-align:center;
}
}

.fs_main_logo img {
	text-align:center;
	margin-top:60px;
	padding:0;
	width:36%;
}

.fs_main_title p {
	 color: #000;
    font-size: calc((100vw - 120px) /120 + 16px);
    font-weight: bold;
	padding:0;
}

@media screen and (min-width: 992px) {
.fs_main_firstframe {
	margin-top:-60px;
	}
}

@media screen and (max-width: 675px) {
.fs_main_logo img {
	text-align:center;
	margin-top:20px;
	padding:0;
	width:60%;
}
.fs_main_title p {
	 color: #000;
    font-size: calc((100vw - 20px) /120 + 16px);
    font-weight: bold;
	padding:0;
}
.fs_main_firstframe {
    height: 450px;
	}
}

h2.fs40  {font-size:calc((100vw - 100px) /80 + 2rem)}
h2.fs38  {font-size:calc((100vw - 100px) /80 + 1.8rem)}
h2.fs36  {font-size:calc((100vw - 100px) /80 + 1.6rem)}
h2.fs34  {font-size:calc((100vw - 100px) /80 + 1.4rem)}
h2.fs32  {font-size:calc((100vw - 100px) /80 + 1.2rem)}


/*3つの特徴*/

.flex-parent {
    width: 75%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}

@media screen and (max-width: 768px) {
.flex-parent {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}
}

.flex-child {
  width:32%;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  border-radius:16px;
}
.flex-grandchild-img {
  width:100%;
  height:auto;
  position:relative;
	margin: 0 auto;
}

.flex-grandchild-inner {
  display:flex;
  flex-direction:column;
  flex-grow:1;
  width:100%;
}

.flex-grandchild-innerText {
  flex-grow:1;
  padding:5px 10px;
  box-sizing:border-box;
	line-height:1.3em;
	text-align:center;
	font-size:1rem;
}

.circle_fs {
display:flex;
justify-content: center;
align-items: center;
background-size:contain;
font-size:32px;
line-height:1.3em;
color:#fff;
font-weight:700;
border-radius:100%;
margin:0 auto 10px;
text-align:center;
}


@media screen and (max-width: 768px) {
.circle_fs {
width: 110px; 
height:110px;
margin:0 auto 5px;
font-size:16px;
}
}

@media screen and (min-width: 769px) {
.circle_fs {
width: 150px; 
height:150px;
font-size:24px;
}
}

@media screen and (min-width: 954px) {
.circle_fs {
width: 150px; 
height:150px;
font-size:24px;
}
}

@media screen and (min-width: 992px) {
.circle_fs {
width: 150px; 
height:150px;
}
}

@media screen and (min-width: 1200px) {
.circle_fs {
width: 250px; 
height:250px;
font-size:30px;
}
}

@media screen and (min-width: 1282px) {
.circle_fs {
width: 275px; 
height:275px;
}
}

@media screen and (min-width: 1485px) {
.circle_fs {
width: 300px; 
height:300px;
}
}


.circle_fs1 {background: url(https://farmo.info/web/wp-content/uploads/2023/12/circle_fs_img1.png) no-repeat center center;}
.circle_fs2 {background: url(https://farmo.info/web/wp-content/uploads/2023/12/circle_fs_img2.png) no-repeat center center;}
.circle_fs3 {background: url(https://farmo.info/web/wp-content/uploads/2023/12/circle_fs_img3.png) no-repeat center center;}



.fs_scene img {
	 border-radius:50%;
}

.fs_scene_bottomline {
justify-content: center;
align-items: center;
    width: 100%;
    background: #009ede;
    border-radius: 35px;
    height: 70px;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    line-height: 4.4rem;
    font-weight: 700;
	margin-top:20px;
}

@media screen and (max-width: 991px) {
.fs_scene_bottomline {
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #009ede;
    border-radius: 23px;
    height: 46px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    line-height: 2.8rem;
    font-weight: 700;
    margin: 0 auto;
}
}

.fs_hf_fc_button {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 80%;
	margin: 10px auto!important;
	padding: 0.2rem 1rem;
	font-weight: bold;
	background:#009bde;
	color: #fff;
	border-radius: 100vh;
	font-size:1.4rem;
}
@media screen and (max-width: 1159px) {
.fs_hf_fc_button {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 80%;
	margin: 10px auto!important;
	padding: 0.2rem 0.2rem;
	font-weight: bold;
	background:#009bde;
	color: #fff;
	border-radius: 100vh;
		font-size:1rem;
}
}

@media screen and (max-width: 887px) {
.fs_hf_fc_button {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 80%;
	margin: 10px auto!important;
	padding: 0.2rem 0.2rem;
	font-weight: bold;
	background:#009bde;
	color: #fff;
	border-radius: 100vh;
		font-size:0.8rem;
}
}

@media screen and (max-width: 781px) {
.fs_hf_fc_button {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 80%;
	margin: 10px auto!important;
	padding: 0.2rem 0.2rem;
	font-weight: bold;
	background:#009bde;
	color: #fff;
	border-radius: 100vh;
		font-size:1.4rem;
}
}

.fs_kakaku {
	font-size:40px;
}
.fs_zei {
	font-size:20px;
}

h3 span.bor_bot_1px_dot {
	border-bottom:1px #000 dotted;
	padding-bottom:4px;
	line-height:1.7em;
}

/*LINE風吹き出し*/

.fs_baloon_frame {
	border:1px solid #aaa;
	border-radius:20px;
}

.balloon_l,
.balloon_r{
  margin: 10px;
  display:flex;
  justify-content: center;
  align-items: flex-start; /*縦位置を上揃え*/
/*   align-items: center; */ /*縦位置を真ん中揃え*/
}
.balloon_r{
  justify-content:flex-end;
}
.faceicon img{
  width: 100px; /*任意のサイズ*/
  height: auto;
}
.balloon_r .faceicon{
  margin-left:25px;
}
.balloon_l .faceicon{
  margin-right:25px;
}
.balloon_r .faceicon{
  order:2 !important;
}
.says {
  max-width:800px; /*最大幅は任意*/
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding: 17px 13px 15px 18px;
  border-radius: 12px;
  background: #eee;/*色は任意*/
  box-sizing:border-box;
  margin:20px 0 0 !important;
  line-height:1.5;
/*   align-items: center; */
}
.says p{
  margin:8px 0 0 !important; 
	font-size:16px;
}

@media screen and (max-width: 768px) {
.says p{
  margin:8px 0 0 !important; 
	font-size:14px;
}
}

.says p:first-child{
  margin-top:0 !important;
}
.says:after {
  content: "";
  position: absolute;
  border: 10px solid transparent;
/*   margin-top:-3px;  */
}
.balloon_l .says:after {
  left: -26px;
  border-right: 22px solid #eee;
}
.balloon_r .says:after {
  right: -26px;
  border-left: 22px solid #eee;
}


.sub-menu li a {
    border-bottom: 1px solid #3be;
}

/*ファーモアンテナ利用規約*/
.farmoantenna_kiyaku {
	overflow-y: scroll;
	border: 1px #999999 solid;
}

.farmoantenna_kiyaku P {
    margin-bottom: 1em!important;
}

@media screen and (min-width: 769px) {
.farmoantenna_kiyaku {
	width: 100%;
	height: 250px;
	padding:20px;
	margin:0 auto;
}
.farmoantenna_kiyaku p {
	font-size:14px!important;
}
}	

@media screen and (max-width: 768px) {
.farmoantenna_kiyaku {
	width: 100%;
	height: 250px;
	padding:10px;
	margin:0 auto;
}
.farmoantenna_kiyaku p {
	font-size:14px!important;
}
}

@media screen and (max-width: 768px) {
.fs11em {
	font-size:1.1em!important;
}
}


/*※マークのリスト*/
ul.list_kome_wrap {
	  list-style:  none; 
	margin:0;
	padding:14px;
}

li.list_kome {
margin-bottom:20px;
text-indent: -14px;

}

li.list_kome:before {
    content: "※";
text-indent: -14px;

}

/*TOP導入事例ボタンマージン*/

@media screen and (max-width: 991px) {
#cb_6 .p-cb__item {
    margin-bottom: 40px!important;
}
}
/*TOP導入事例arrow重複*/
.slick-prev:before, .slick-next:before {
	display:none;
}


/*導入事例紹介*/

.donyu_frame {
width:100%;
margin:0 auto 60px!important;
padding:30px;
border:1px solid #aaa;
border-radius:10px;
}

@media screen and (min-width: 992px) {
.donyu_frame {
width:80%;
}
}

.donyu_wrap {
width:100%;
margin:10px 0;
display:block;
}

.donyu_img img {
    border-radius: 10px;
	margin-bottom:10px;
}

.donyu_img .donyu_box{
  position: relative;
}

.donyu_img p.donyu_center {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.7);
    width: 100%;
    padding: 10px 0;
    margin: 0;
    text-align: center;
    font-size: 1.4em;
}

span.donyu_cat {
    background: #0097dd;
    padding: 4px 8px;
    margin: 0 20px 0 0;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    border-radius: 4px;
}

span.casescss_section {
    font-size: 20px;
}

span.casescss_point {
    font-size: 20px;
}

.donyu_comment {
	margin-bottom:30px;
}

.donyu_comment_tittle p {
border-bottom:2px solid #0097dd;
color:#0097dd;
padding: 8px 0 2px;
font-size:24px;
font-weight:700;
margin:0 0 20px;
}

.donyu_comment_text span {
font-size:16px;
}

@media screen and (max-width: 768px) {
	.donyu_comment_text span {
font-size:15px;
}
}


span.casescss_kekka_midashi {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

.donyu_mae_title {
background:#69c2ed;
padding:6px 12px;
}

.donyu_mae_p {
	margin:0 0 20px;
}

.dounyu1 {
margin:20px 0;
}

.dounyu2 {
margin-bottom:10px;
}

.dounyu2 ul li {
    list-style: disc;
}

.donyu_mae_p p {
	font-weight:700;
	line-height:1.4em;
	margin:0;
	padding:0;
}



.donyu_mae_p {
background:#ebf7fd;
padding:12px;
}

.donyu_down_arrow {
margin:40px 0 0;
}

.triangle {
  background-color: #0097dd;
  width: 50px;
  height: 20px;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
 margin:20px auto;
}


.donyu_go_title {
background:#0097dd;
padding:6px 12px;
}

.donyu_go_p {
background:#ebf7fd;
padding:12px;
}

.donyu_go_p p {
	font-weight:700;
	line-height:1.4em;
	margin:0;
	padding:0;
}



h2.casescss_title {
    font-size: 2.4em;
    font-weight: 700;
    color: #0097dd;
	  margin-bottom: 0!important;
}

span.casescss_name {
    font-size: 1.8em;
    font-weight: 700;
    color: #000;
}

@media screen and (max-width: 991px) {
	h2.casescss_title {
    font-size: 1.8em;
    font-weight: 700;
    color: #0097dd;
	  margin-bottom: 0!important;
}
span.casescss_name {
    font-size: 1.6em;
    font-weight: 700;
    color: #000;
}
}

.border_voice_farmoblue {
border: 2px solid #09c;
    border-radius: 20px;
	}

/*土地改良区 YouTube埋め込み*/
.youtube-wrapper{
  width:100%;
  height:0;
  padding-bottom:56.25%;
  position:relative;
}
.youtube-wrapper iframe{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
}

@media screen and (min-width: 769px) {
.tochi_youtube {
	width:100%;
  height:100%;
}
}	
	
@media screen and (max-width: 768px) {
.tochi_youtube {
	width:100%;
  height:100%;
}
}

span.demoki {
    border: 1px solid #009bde;
    padding:6px 10px;
    border-radius:4px;
    font-weight:700;
    font-size:1.2em;
}

a:hover span.demoki  {
	    border: 1px solid #009bde;
	    background: #009bde;
	    color:#fff;
}

td a:hover {
	color: #009bde;
	text-decoration: underline solid 1px;
	text-underline-offset: 0.15em;
}

.tenmei {
  display: flex;
	justify-content: space-between;
}

a .tenmei_left {
	color:#000;
}

@media screen and (max-width: 1100px) {
 .tenmei { display: block;
	width:100%;
}
}

.fukidashi01 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 12px 16px 0;
}
.fukidashi01::before {
  content: "";
  width: 30px;
  height: 2px;
  transform: rotate(60deg);
  box-sizing: border-box;
  background-color: #333333;
}
.fukidashi01::after {
  content: "";
  width: 30px;
  height: 2px;
  transform: rotate(-60deg);
  box-sizing: border-box;
  background-color: #333333;
}

.chikusan_color {color:#ea616f;}
.chikusan_osusume3 {border:1px solid #999;border-radius:10px;padding:15px;}
p.marginbottom10 {margin-bottom:10px;}
.chikusan_table1 {width:20%;}
.chikusan_table2 {width:40%;}
.chikusan_table3 {width:40%;}

h3.donyu_tag_title {
    font-size: 24px;
    color: #0097DC;
    font-weight: 700;
    margin-bottom: 10px;
}

ul.dounyu_tag li span {
    border: 1px solid #000;
    border-radius: 4px;
    padding: 4px 8px;
}

.mlw_qmn_message_before p {
font-size:1.3em;
}

.quiz_section .mlw_qmn_new_question {
    font-size: 2em;
}

.quiz_section select, .quiz_section textarea, .quiz_section input[type="text"], .quiz_section input[type="email"], .quiz_section input[type="url"], .quiz_section input[type="number"] {
    width: 100%!important;
}

.mlw_qmn_message_before {
    margin-bottom: 0!important;
}

.quiz_section {
    padding: 0!important;
}

h2.fa_midashi_h2 {
	font-weight: 700;
	line-height:1.4em;
}

.fc_black {
	color:#000;
}

@media screen and (min-width: 769px) {
h2.fa_midashi_h2 {
    font-size: 38px!important;
	line-height:1.4em;
}
}

@media screen and (max-width: 768px) {
h2.fa_midashi_h2 {
    font-size: 30px!important;
		line-height:1.4em;
}
}

.qsm-before-message.mlw_qmn_message_before {
    display: none;
}

.mlw_qmn_new_question {
    display: none;
}

.input_fs .wpcf7 select, .wpcf7 .wpcf7-list-item-label {
    font-size: 18px;
    line-height: 2.2em;
}

.qsm_retake_button {
	display:none!important;
}

.howtouse_app_img_shadow {
	box-shadow: 0 10px 10px 0 rgba(0,0,0, 0.3);
}
/*サポート一覧*/
.support_ichiran_date {
    background: #000;
    color: #fff;
    border-radius: 18px;
    display: inline-block;
    line-height: 24px;
    margin-right: 15px;
    padding: 0 21px;
}

span.p-index-news__item-title a {
    color: #000!important;
}
/*サポート一覧ここまで*/









/*ContactFormカスタマイズ*/
table.CF7_table{
	width:80%;
	margin:0 auto;
	border: 3px solid #e5e5e5;
}

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

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

.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;/*ブルーグレー*/
	text-align:left;
	}	
}

/* レスポンシブ */
@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:#00a1e3;/* farmocolor*/
	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;
}
/*
.wpcf7 input[type=checkbox], .wpcf7 input[type=radio] {
    max-width: 10% !important;
}

.wpcf7 select, .wpcf7 .wpcf7-list-item-label {
       line-height: 5.2 !important;
}
*/

div#oubo_button a {
    font-size: 24px;
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 700;
}

/* チェックボックスの枠線の色 */
.wpcf7 input[type="checkbox"] {
  border: 1px solid #000000; /* 例: 黒色に設定 */
}

/* チェックが入ったときの背景色やチェックマークの色 */
.wpcf7 input[type="checkbox"]:checked {
  background-color: #0097e0; /* 例: 赤色に設定 */
  border-color: #0097e0; /* 例: 赤色に設定 */
  /* 必要に応じてチェックマークの色も調整 */
  color: #ffffff; /* チェックマークの色 (通常は白色) */
}

/* ラジオボタンの枠線の色 */
.wpcf7 input[type="radio"] {
  border: 1px solid #000000; /* 例: 黒色に設定 */
}

/* ラジオボタンが選択されたときの中央の丸の色 */
.wpcf7 input[type="radio"]:checked {
  /* このプロパティだけでは中心の丸の色は制御できないことが多いです */
}

/* ラジオボタンの中心の黒丸の色を濃くしたい場合の一例（擬似要素を使う高度な方法） */
/* この方法はテーマやブラウザによって動作しない可能性があります */
.wpcf7 input[type="radio"]:checked::before {
    background-color: #0097e0; /* 例: 黒色に設定 */
    /* 他のスタイルも調整する必要があります */
}

.midashi_kansya {
  position: relative;
  padding: 0.5em;
  background: #0097e0;
  color: white;
}

p.midashi_kansya {
  font-size:24px;
	font-weight:700;
}

.midashi_kansya::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #006f9b;
}

.slick-dotted.slick-slider {
    border-bottom: 1px solid #ddd;
}