body {
	font-family: 'Noto Sans JP', sans-serif;
  /* 100,300,400,500,700,900 */
	line-height: 2.2;
	font-size: 13px;
	letter-spacing: 2px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
li {
	list-style-type: none;
}
a {
	text-decoration: none;
}
img {
	border:0 none;
}
.hurueru {
    display: inline-block;
    animation: hurueru .1s  infinite;
}
@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(0px, 0px) rotateZ(0.3deg)}
    50% {transform: translate(0px, 1px) rotateZ(0deg)}
    75% {transform: translate(0px, 0px) rotateZ(0deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
.sarasa {
    display: inline-block;
    animation: sarasa 1s  infinite;
}
@keyframes sarasa {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(3px, 3px) rotateZ(5deg)}
    50% {transform: translate(0px, 3px) rotateZ(0deg)}
    75% {transform: translate(3px, 0px) rotateZ(-5deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
/* =====ヘッダー===== */
.header_nav {
	position: fixed;
	width: 100%;
	z-index: 1000;
}
.onav {
	position: relative;
	height: 50px;
	background: #3fa9f5;
	text-align: center;
}
.onav label {
	font-size: 1.56em;
	color: #fff;
	cursor: pointer;
}
.onav label::before {
	content: "menu";
}
input.kidono_button:checked + label::before {
	content: "close";
}
input.kidono_button {
	display: none;
}
p.sankaku {
	line-height: 0;
}
p.sankaku::before {
	content: "▼";
	color: #fff;
}
input.kidono_button:checked ~ p.sankaku::before {
	content: "▲";
}
ul.onavul {
	opacity: 0;
	transition: 0.5s;
	position: absolute;
	top: 50px;
	background: #999;
	width: 100%;
	height: 0;
	padding: 25px 0;
}
input.kidono_button:checked ~ ul.onavul {
	opacity: 1;
	height: auto;
}
ul.onavul li {
	font-size: 1.5em;
	margin-bottom: 15px;
}
ul.onavul li a {
	color: #fff;
	transition: 0.5s;
}
ul.onavul li a:hover {
	color: #3fa9f5;
}
/* =====ヘッダー===== */

/* =====トップ===== */
.topseo {
	padding-top: 65px;
	padding-bottom: 10px;
}
.top {
	background: url('../image/lptopbackground.jpg') bottom / cover no-repeat;
	width: 100%;
	height: 1000px;
	position: relative;
}
.topimage {
	width: 1200px;
	height: 1000px;
	position: relative;
	display: flex;
	margin: 0 auto;
}
.topcontent01 {
	width: 50%;
	margin-top: 150px;
}
.mongon01 {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.mongon01 h2 {
	font-size: 50px;
	text-align: center;
	line-height: 1.2;
}
.mongon01 img {
	width: 100px;
}
h2.gijutu , h2.meiryo , .mongon03 h2 {
	text-shadow: 2px 2px 2px #fff,
             -2px 2px 2px #fff,
             2px -2px 2px #fff,
             -2px -2px 2px #fff;
}
h2.gijutu {
	color: #2e3192;
}
h2.meiryo {
	color: #f15a24;
}
h2.gijutu::before , h2.meiryo::before {
	display: block;
	font-size: 30px;
}
h2.gijutu::before {
	content: "最先端";
}
h2.meiryo::before {
	content: "39年の";
}
.mongon02 {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}
.mongon02 h1 {
	font-size: 30px;
	background-color: #fff;
	width: 500px;
	margin: 10px auto 0;
}
.mongon02_second {
	position: absolute;
	bottom: -35px;
	left: 50%;
	background-color: #8cc63f;
	width: 450px;
	transform: translateX(-50%)skewX(-15deg);
}
.mongon02_second h2 {
	font-size: 20px;
	color: #fff;
	font-weight: 400;
}
.mongon02_second h2 span {
	font-weight: bold;
}
.mongon03 h2 {
	font-size: 45px;
	line-height: 1;
	text-align: center;
}
.mongon03 h2 span {
	font-size: 25px;
}
.topcontent02 {
	margin-top: 250px;
}
.merit01 {
	display: flex;
	align-items: flex-end;
}
.zerotext h2 {
	font-size: 50px;
}
.zerotext h2 span {
	font-size: 350px;
	line-height: 0;
	color: #ff0000;
}
.merit01text h3 {
	font-size: 30px;
	line-height: 1.5;
}
.merit02 {
	background: #fff;
	border: solid 4px #333;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 30px 10px 45px;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
.merit02 li {
	list-style-type: disc;
}
.gimage {
	position: absolute;
	background-color: #fcee21;
	border-radius: 50%;
	width: 450px;
	height: 450px;
	bottom: 35px;
	left: 100px;
	animation-delay: 1s;
}
.gimage img {
	border-radius: 50%;
	width: 430px;
	height: 430px;
	object-fit: cover;
	object-position: 0 100%;
	margin-left: 10px;
	margin-top: 10px;
}
img.topchara {
	position: absolute;
	height: 350px;
	bottom: 35px;
	right: 100px;
	animation-delay: 1.5s;
}
/* =====トップ===== */

/* コンタクト */
.contact {
	background: #f2f2f2;
	padding: 50px 0;
	text-align: center;
}
.contactrap {
	width: 1200px;
	margin: 0 auto;
}
h2.contactrap_title {
	font-size: 35px;
	margin-bottom: 20px;
}
.teltext {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.teltext a {
	color: #333;
	text-decoration:none;
}
.teltext p {
	font-size: 20px;
	background: #ed1c24;
	line-height: 1.5;
	font-weight: 500;
	color: #fff;
	padding: 5px 15px;
	margin-right: 15px;
}
.teltext p span {
	color: #fcee21;
}
.teltext h2 {
	font-size: 40px;
	line-height: 0.5;
	text-align: left;
}
.teltext h2 span {
	font-size: 15px;
}
span.smart_tel {
	font-size: 9px;
	color: #ff0000;
}
.button_area {
	display: flex;
	justify-content: center;
	text-align: center;
}
a.mitumori_link {
	margin-right: 20px;
}
.mitumori {
	background-color: #29abe2;
	box-shadow: 0 10px 0 0 #0071bc;
	padding: 20px 0;
	width: 350px;
	position: relative;
}
.mitumori h2 {
	font-size: 30px;
	line-height: 1;
	color: #fcee21;
}
.mitumori h2 span {
	font-size: 20px;
	color: #fff;
}
.mitumori p , .line p {
	font-size: 13px;
	background: #ff0000;
	border: solid 2px #fff;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
	padding: 5px;
	border-radius: 50%;
	color: #fff;
	position: absolute;
	top: -10px;
	right: -10px;
}
a.line_linlk {
	margin-left: 20px;
}
.line {
	background-color: #00b800;
	box-shadow: 0 10px 0 0 #006837;
	padding: 20px 0;
	width: 350px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.line img {
	margin-right: 10px;
}
.line h2 {
	font-size: 25px;
	color: #fff;
}
/* コンタクト */

/* 即日対応可能エリア */
.taioarea_content {
	width: 1200px;
	margin: 50px auto 0;
}
.taioarea_content h2 {
	font-size: 30px;
}
.taioarea_content h2 span {
	color: #ff0000;
}
.kujoarea {
	background: #3fa9f5;
	padding: 15px 0;
	border-radius: 20px;
	border: solid 3px #333 ;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
.kujoarea h4 {
	margin-left: 50px;
	font-size: 18px;
	color: #fff;
}
.taiotext {
	display: flex;
	margin-top: 70px;
}
.taiotext p {
	font-size: 16px;
}
.taiotext img {
	height: 230px;
}
.jinsoku {
	background-color: #8cc63f;
	transform: skewX(-18deg);
	padding: 10px 0;
}
.jinsoku h4 {
	text-align: right;
	margin-right: 20px;
	font-size: 20px;
	color: #fff;
}
.under {
  background: linear-gradient(transparent 50%, yellow 50%);
}
/* 即日対応可能エリア */

/* こんなお悩みありませんか？ */
.grayzone {
	position: relative;
	background: #f2f2f2;
	height: 350px;
}
.grayzone h2 {
	position: absolute;
	bottom: 0;
	font-size: 40px;
	line-height: 1;
}
.grayzone h2 span {
	color: #8cc63f;
}
.gray_inzone {
	width: 1200px;
	margin: 0 auto;
}
.trouble_content {
	width: 1200px;
	margin: 0 auto;
}
.greenarea {
	background: #8cc63f;
	height: 40px;
	position: relative;
}
.greenarea img {
	position: absolute;
	bottom: -13px;
	right: 150px;
	animation-delay: 0.5s;
}
.trouble_area {
	border: solid 5px #333;
	display: flex;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
.trouble_area ul {
	width: 1100px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	padding: 40px 0;
}
.trouble_area ul li {
	display: inline-block;
	font-size: 23px;
	width: 550px;
	font-weight: 700;
	line-height: 3.6;
}
.trouble_area ul li::before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	font-weight: 900;
	color: #8cc63f;
	margin-right: 10px;
}
/* こんなお悩みありませんか？ */

/* そのお悩み */
.solution {
	background: url("../image/kyouchobackground.jpg") top / cover no-repeat;
	height: 700px;
}
.solution_content {
	width: 1200px;
	margin: 0 auto;
}
.solution_title {
	position: relative;
	width: 0;
	height: 0;
	border-left: 600px solid transparent;
	border-right: 600px solid transparent;
	border-top: 150px solid #29abe2;
}
.solution_title h2 {
	position: absolute;
	font-size: 40px;
	width: 300px;
	text-align: center;
	top: -80px;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	color: #fff;
}
.mongon_content {
	margin-top: 80px;
	position: relative;
}
.mongon_text {
	animation-delay: 0.8s;
}
.mongon_content_kujo {
	position: absolute;
	bottom: -180px;
	right: 0;
	animation-delay: 0.3s;
}
.s_mongon01 {
	display: flex;
	justify-content: center;
	align-items: center;
}
.s_mongon01 h2 {
	font-size: 50px;
	text-align: center;
	line-height: 1.2;
}
.s_mongon01 img {
	width: 100px;
}
h2.s_gijutu , h2.s_meiryo , .s_mongon03 h2 {
	text-shadow: 2px 2px 2px #fff,
             -2px 2px 2px #fff,
             2px -2px 2px #fff,
             -2px -2px 2px #fff;
}
h2.s_gijutu {
	color: #2e3192;
	margin-right: 40px;
	margin-left: 35px;
}
h2.s_meiryo {
	color: #f15a24;
	margin-left: 30px;
}
h2.s_gijutu::before , h2.s_meiryo::before {
	display: block;
	font-size: 30px;
}
h2.s_gijutu::before {
	content: "圧倒的";
}
h2.s_meiryo::before {
	content: "安心の";
}
.s_mongon02 {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}
.s_mongon02 h1 {
	font-size: 30px;
	background-color: #fff;
	width: 500px;
	margin: 10px auto 0;
}
.s_mongon02_second {
	position: absolute;
	bottom: -35px;
	left: 50%;
	background-color: #8cc63f;
	width: 450px;
	transform: translateX(-50%)skewX(-15deg);
}
.s_mongon02_second h2 {
	font-size: 20px;
	color: #fff;
	font-weight: 400;
}
.s_mongon02_second h2 span {
	font-weight: bold;
}
.s_mongon03 h2 {
	font-size: 45px;
	line-height: 1;
	text-align: center;
}
.s_mongon03 h2 span {
	font-size: 25px;
}
/* そのお悩み */

/* 8つの理由 */
.reason {
	margin-top: 200px;
	margin-bottom: 200px;
	height: 600px;
	background: #8cc63f;
}
.reason_area {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.reason_title_wrap {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	z-index: 2;
}
.reason_title {
	width: 500px;
	position: relative;
	margin: 0 auto;
}
.reason_title img {
	width: 500px;
}
.reason_title_text {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	display: flex;
	align-items: flex-end;
	line-height: 1;
	width: 300px;
}
.reason_title_text h2 {
	font-size: 100px;
	line-height: 0.8;
	color: #8cc63f;
}
.reason_title_text h3 {
	font-size: 50px;
}
.reason_title_text h3 span {
	font-size: 18px;
}

table.point_wrap {
	position: absolute;
	z-index: 1;
	top: 200px;
	border-collapse: collapse;
}
.point_wrap td {
	background: #fff;
	border: solid 4px #333;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
	width: 300px;
	height: 300px;
	vertical-align: top;
}
.point_wrap td p {
	background: #8cc63f;
	display: inline-block;
	padding: 0 20px;
	color: #fff;
}
.point_wrap td h2 , .point_wrap td h4 {
	text-align: center;
}
.point_wrap td h2 {
	margin-top: 50px;
	font-size: 30px;
	line-height: 1.3;
	height: 80px;
}
.point_wrap td h2 span {
	color: #ff0000;
}
.point_wrap td h4 {
	font-size: 18px;
	line-height: 1.5;
	margin-top: 20px;
}
.point_wrap td h4.ssize {
	font-size: 13.5px;
}
/* 8つの理由 */

/* 害虫・害獣駆除に困ったら */
.manga {
	padding-top: 80px;
}
.mangaarea {
	width: 1200px;
	margin: 0 auto;
}
.mangaarea h2 {
	font-size: 40px;
}
.mangaarea img {
	width: 1200px;
}
/* 害虫・害獣駆除に困ったら */

/* 安心で納得な見積提案 */
.estimate {
	margin-top: 200px;
	margin-bottom: 200px;
	height: 600px;
	background: #29abe2;
}
.estimate_content {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
.estimate_title_wrap {
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	z-index: 2;
}
.estimate_title {
	width: 500px;
	position: relative;
	margin: 0 auto;
}
.estimate_title img {
	width: 500px;
}
.estimate_title_text {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	text-align: center;
	line-height: 1.4;
	width: 300px;
}
.estimate_title_text h3 {
	font-size: 35px;
}
.estimate_title_text h3 span {
	color: #29abe2;
	-webkit-text-emphasis: filled circle #29abe2;
   text-emphasis: filled circle #29abe2;
}
.estimate_title_text h2 {
	font-size: 50px;
	line-height: 0.8;
}
.estimate_text {
	padding-top: 200px;
}
.estimate_text h4 {
	font-size: 30px;
	line-height: 1.5;
	text-align: center;
}
.estimate_text h4 span {
	font-size: 60px;
	color: #ff0000;
}
.estimate_en_wrap ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 50px;
}
.estimate_en_wrap ul li {
	background: #fff;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #f15a24;
	line-height: 1.2;
	align-items: center;
	position: relative;
}
.plus::after {
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fbb03b;
	font-size: 18px;
}
.estimate_en_wrap ul li p {
	position: absolute;
	width: 120px;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
}
.estimate_sub_text {
	width: 800px;
	margin: 50px auto 0;
	background: #fff;
	border: solid 4px #333;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
	border-radius: 20px;
	text-align: center;
	padding: 20px 0;
	font-size: 16px;
	font-weight: 500;
}
/* 安心で納得な見積提案 */

/* 料金設定 */
.ryokin {
	width: 1200px;
	margin: 0 auto;
}
.ryokin_content {
	width: 800px;
	margin: 0 auto 80px;
	display: flex;
	align-items: center;
}
.ryokin_area {
	border: solid 4px #f15a24;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
	border-radius: 20px;
	margin-right: 50px;
	width: 500px;
}
.ryokin_area h2 {
	font-size: 30px;
	background: #f15a24;
	color: #fff;
	padding-left: 20px;
	border-radius: 15px 15px 0 0;
}
.ryokin_area h2::before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 15px;
}
.ryokin_text {
	font-size: 16px;
	padding: 30px 40px;
}
/* 料金設定 */

/* 損害保険加入済 */
.hoken {
	margin: 80px 0;
}
.hokentext {
	width: 1200px;
	margin: 0 auto;
}
.hokentext h2 {
	text-align: center;
	font-size: 30px;
	line-height: 1.2;
}
.hokentext h2 span {
	font-size: 40px;
	color: #c1272d;
}
/* 損害保険加入済 */

/* 悪徳業者 */
.vice {
	margin-top: 80px;
}
.vice_area {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
}
.vice_area img {
	width: 1000px;
}
/* 悪徳業者 */

/* 施工実績 */

.youtube_area {
	width: 100%;
}
.youtube_area iframe {
	width: 100%;
	height: 600px;
}

/* 施工実績 */

/* 害虫・害獣駆除までの流れ */
.kujo_flow {
	background: #fcee21;
	height: 500px;
	margin: 80px 0 150px;
}
.flow_area {
	width: 1200px;
	margin: 0 auto;
}
.flow_area_title {
	text-align: center;
	padding-top: 30px;
}
.flow_area_title h2 {
	font-size: 40px;
}
.flow_area_title h4 {
	font-size: 20px;
	color: #0071bc;
}
.flow_content_area {
	background: #fff;
	border: solid 4px #333;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
	border-radius: 20px;
	display: flex;
	justify-content: space-around;
	padding: 30px 0;
	margin-top: 30px;
}
.flow_content {
	text-align: center;
}
.step {
	margin: 0 auto;
	width: 150px;
	height: 150px;
	color: #fff;
	background: #f7931e;
	border-radius: 50%;
	line-height: 1.5;
}
.step p {
	font-size: 20px;
	display: block;
	padding-top: 20px;
}
p.step01 , p.step02 , p.step03 , p.step04 {
	padding-top: 0;
}
p.step01::after , p.step02::after , p.step03::after , p.step04::after {
	content: "\f0e0";
	font-family: "Font Awesome 5 Free";
	font-size: 60px;
}
p.step02::after {
	content: "\f073";
}
p.step03::after {
	content: "\f1ec";
	font-weight: 900;
}
p.step04::after {
	content: "\f157";
	font-weight: 900;
}
.step_two {
	animation-delay: 0.3s;
}
.step_three {
	animation-delay: 0.6s;
}
.step_four {
	animation-delay: 1s;
}
.flow_content h3 {
	font-size: 20px;
	line-height: 1.2;
	margin-top: 10px;
	height: 50px;
}
p.flow_text {
	margin-top: 15px;
	font-weight: 500;
}
/* 害虫・害獣駆除までの流れ */

/* お客様の声 */
.customer {
	margin-top: 180px;
}
.customer_title {
	background: #8cc63f;
	color: #fff;
	padding: 10px 0;
}
.customer_title_area {
	position: relative;
	text-align: center;
	width: 1200px;
	margin: 0 auto;
}
.customer_title_area h2 {
	font-size: 40px;
}
.customer_title_area img {
	position: absolute;
	bottom: -43px;
	left: 0;
	height: 300px;
}
.sub_title_wrap {
	background: #c69c6d;
	color: #fcee21;
	padding: 10px 0;
}
h3.sub_title {
	width: 1200px;
	font-size: 20px;
	margin: 0 auto;
	text-align: center;
}
.voice_wrap {
	margin: 50px auto 0;
	width: 1200px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.voice_content {
	width: 100%;
	padding: 20px 0;
	border: solid 4px #333;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
	margin-bottom: 25px;
}
.voice_content h3 {
	font-size: 25px;
	font-weight: 700;
	text-align: center;
}
.voice_content p {
	font-size: 16px;
	width: 83%;
	margin: 30px auto 0;
}
/* お客様の声 */

/* =====よくある質問===== */
.qanda {
	margin-top: 180px;
}
.qanda_title {
	background: #8cc63f;
	color: #fff;
	padding: 10px 0;
}
.qanda_title_werap {
	position: relative;
	text-align: center;
	width: 1200px;
	margin: 0 auto;
}
.qanda_title_werap h2 {
	font-size: 40px;
}
.qanda_title_werap img {
	position: absolute;
	bottom: -43px;
	right: 0;
	height: 300px;
}
.qanda_content_wrap {
	width: 1200px;
	margin: 50px auto 80px;
	border: solid 4px #333;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
/*ラベル*/
.accbox label {
  display: block;
  margin: 1.5px 0;
  padding : 11px 12px;
  color :#333;
  font-weight: bold;
  cursor :pointer;
  transition: all 0.5s;
	font-size: 20px;
	border-bottom: solid 0.5px #333;
	position: relative;
}
.accbox label img {
	margin: 0 20px;
}
.accbox label::after {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 40px;
	color: #aeb4bb;
}
/*ラベルホバー時*/
.accbox label:hover {
    background :#85baef;
}
/*チェックは隠す*/
.accbox input {
    display: none;
}
/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.5s;
}
/*クリックで中身表示*/
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #eaeaea;
    opacity: 1;
}
.accshow p {
	font-size: 16px;
	font-weight: 500;
	margin: 0 55px;
}
/* =====よくある質問===== */

/* 無料お見積り */
.contactform_title {
	width: 500px;
	position: relative;
	margin: 80px auto 0;
}
.contactform_title img {
	width: 500px;
}
.contactform_title_text {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	text-align: center;
	line-height: 1.4;
	width: 350px;
}
.contactform_title_text h3 {
	font-size: 35px;
}
.contactform_title_text h3 span {
	color: #ff0000;
}
.contactform_title_text h2 {
	font-size: 50px;
	line-height: 0.8;
}
.contactform_title_text h2 span {
	color: #ff0000;
}
p.chui {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	font-size: 15px;
}
p.chui span {
	color: #ff0000;
}
.form_wrap {
	width: 1200px;
	margin: 20px auto 80px;
}
.formtext_wrap {
	border: solid 4px #333;
	-moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -o-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
}
dl.formtext {
	border-bottom: solid 1px #333;
	display: flex;
	font-size: 18px;
}
.formtext dt {
	width: 480px;
	background: #f2f2f2;
	padding: 10px 0;
}
.formtext dt p {
	margin-left: 20px;
	position: relative;
}
p.hissu::after {
	content: "必須";
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	color: #ff0000;
}
.formtext dd {
	padding: 10px 0;
	width: 100%;
}
.formtext dd input {
	font-size: 16px;
	margin-left: 20px;
	padding: 15px 20px;
	width: 500px;
}
select.formtext_select {
	margin-left: 20px;
	width: 300px;
	height: 30px;
}
.checkbox_content label input {
	padding: 0;
	width: auto;
}
.checkbox_content label {
	font-size: 13px;
}
p.check_text {
	font-size: 15px;
	margin-left: 20px;
}
p.check_text span {
	color: #ff0000;
}
label.aimitsu {
	font-size: 16px;
}
label.aimitsu input {
	width: auto;
}
p.humei {
	margin-left: 20px;
	font-size: 16px;
}
.formtext dd textarea {
	margin-left: 20px;
	padding: 15px 10px;
	font-size: 16px;
}
.button {
	width: 300px;
	margin: 20px auto 0;
}
.button button {
	width: 300px;
	height: 100px;
	font-size: 25px;
	background: #29abe2;
	color: #fff;
	border: solid 4px #333;
	border-radius: 10px;
	cursor: pointer;
}
p.error_message {
	font-size: 12px;
	color: #ff0000;
	margin-left: 20px;
}
/* 無料お見積り */

/* トップへ戻る */
.topback {
	width: 1200px;
	margin: 50px auto;
}
.topback_button {
	margin: 0 auto;
	width: 200px;
	height: 200px;
	background: #29abe2;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
}
.topback_button div {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%)translateY(-50%);
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 1.2;
}
.topback_button p::before {
	content: "\f106";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 30px;
}
/* トップへ戻る */


.fix_menu_smartphone{
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 10000;
}
.fix_menu_smartphone img{
  width:100%;
}

/* フッターテキスト */
.footer_text {
	text-align: center;
}
.footer_text p {
	font-size: 1.25em;
	font-weight: 500;
	margin-bottom: 15px;
}
/* フッターテキスト */


/* フッター */
.footer {
	background: #29abe2;
}
.aboutarea {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding: 20px 0;
}
.aboutarea h3 {
	font-size: 25px;
	margin-bottom: 15px;
}
.copylight {
	background: #8cc63f;
}
.copylight p {
	width: 1200px;
	font-size: 10px;
	text-align: center;
	margin: 0 auto;
	padding: 10px 0;
	color: #fff;
}
/* 追加 */
.footer_nav ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	margin: 15px 0;
}
.footer_nav a {
	color: #333;
	transition: 0.5s;
}
.footer_nav a:hover {
	color: #fff;
}
/* 追加 */
/* フッター */