@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body{
	background-color:#fff;
}
.wrap{
	width:100%;
}
.main{
	padding:0;
}
/* clear */
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
/* reset */
.header{
	display:none;
}
main#main.main{
	border: none;
}
.content{
	margin-top:0;
}
.article h2, .article h3, .article h4, .article dl, .article dd{
	margin:0;
}
.article h3{
	border:none;
}
.article ul,.article ul li{
	list-style-type: none;
	padding-left: 0;
}
.entry-content{
	margin:0;
}
.article p.m-btm0{
	margin-bottom:0;
}
footer#footer.footer{
	margin-top: 0;
	padding: 0;
}
#list a.a-wrap{
	padding: 0;
	margin: 3% 0;
}
/* コラム関連 */
article.category-content,article.type-post,div#list,div.pagination-next,div.under-entry-content{
	max-width: 1040px;
	margin: 0 auto;
}
article.category-content h1#archive-title{
	max-width: 1040px;
	margin: 0;
	font-size: 26px;
}
article.type-post h1{
	max-width: 1040px;
	margin: 24px auto 12px;
	font-size: 32px;
	display: flex;
	align-items: center;
}
/*article.type-post h1:before{
	font-size: 1.8em;
	font-family: "Font Awesome 5 Free";
	content: "\f02d";
	padding-right:0.5em;
	color: #39B54A;
}*/
figure.eye-catch{
	width: 760px;
	margin: 0 auto 1.5em;
}
h1#archive-title{
	max-width: 1040px;
	margin: 0 auto;
	font-size: 26px;
}
div.under-entry-content aside#related-entries h2{
	font-size: 20px;
	color: #fff;
	padding: 15px;
	background-color: #1656b2;
	border-radius: 8px;
}
div.under-entry-content aside#related-entries h2 span:before{
	font-family: "Font Awesome 5 Free";
	content: "\f518";
	padding-right: 3px;
}
.related-entry-card .related-entry-card-thumb{
	max-width: 320px;
	width: 20.83vw;
	min-width: 160px;
}
article.type-post .entry-content h2{
	font-size: 24px;
	margin-bottom: 1.25em;
	border-left: 8px solid #39B54A;
	background-color: #f9f9f9;
}
article.type-post .entry-content h3{
	font-size: 20px;
	margin-bottom: 1.25em;
	border-left: 8px solid #39B54A;
}
article.type-post .entry-content h4{
	font-size: 20px;
	color: #39B54A;
	border-top: none;
	border-bottom: none;
	margin-bottom: 1.25em;
}
/* パンくず */
.breadcrumb.sbp-main-before{
	padding: 0;
	max-width: 1040px;
	overflow-x: auto;
}
/* basic-margin */
.margin48{
	margin:48px 0;
}
.margin36{
	margin:36px 0;
}
.margin27{
	margin:27px 0;
}
.m-btm0{
	margin-bottom:0;
}
.m-btm48{
	margin-bottom:48px;
}
.m-btm36{
	margin-bottom:36px;
}
.m-btm27{
	margin-bottom:27px;
}
.m-top48{
	margin-top: 48px;
}
/* basic-padding */
.pdg-top48{
	padding-top:48px;
}
.pdg-btm48{
	padding-bottom: 48px;
}
.pdg-side3{
	padding: 0 3px;
}
.pdg-right30{
	padding-right: 30px;
}
/* 文字サイズ */
.font32{
	font-size:32px;
	line-height: 38px;
}
.font20{
	font-size:20px;
}
/* 真ん中揃え */
.txt-c{
	text-align:center;
}
/* 基本装飾 */
.font-b{
	font-weight:bold;
}
.font-red{
	color:#d42326;
}
.small-round{
	max-width: 150px;
	background-color:#FDF39D;
	color: #333;
	font-weight:bold;
	border-radius: 30px;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
}
.voice-icon{
	width: 72px;
}
/* テキストコントロール */
.sp-inline{
	display: inline-block;
}
/* float */
.left-box{
	float:left;
}
.right-box {
	float:right;
}
.ds-flex{
	display: flex;
	display: -webkit-flex;
	align-items: center;
}
.left-box-sp-none{
	float: left;
}
/* h1 */
.article h1{
	font-size:13px;
	max-width:1000px;
	margin:0 auto;
	padding:10px 0;
}
/* h2 */
/* 写真+テキストタイトル */
h2.photott-h2{
	margin-bottom:0;
	padding:48px 0 0;
	background-color: transparent;
	max-width: 100%;
}

/* 横線タイトル */
h2.line-h2{
	background-color:transparent;
	font-size:46px;
	position:relative;
	margin:69px 0;
	text-align:center;
}
h2.line-h2:before{
	position:absolute;
	top:calc(50% - 1px);
	left:0;
	height:3px;
	width:100%;
	content:"";
	background:#dbdbdb;
}
h2.line-h2 span{
	position:relative;
	padding:0 1em;
	background:#fff;
}
/* h3 */
.article h3.font32{
	font-size:32px;
	line-height: 32px;
	padding:48px 0 32px;
}
.article h3.m-top48{
	margin-top: 48px;
}
/* header */
.header-ori-area{
	max-width:1040px;
	margin:14px auto;
	display: flex;
	align-items: center;
}
.header-logo{
	max-width:335px;
}
.header-tel a::before{
	font-family: "Font Awesome 5 Free";
	content: "\f879";
	margin-right: 0.3em;
	font-size: 0.75em;
}
.header-tel{
	max-width:420px;
	line-height: 1.1;
	margin-left: auto;
	color: #22AC38;
	font-weight: bold;
}
.header-tel span{
	font-size: 14px;
	margin-left: 44px;
}
.header-tel a{
	font-size: min(42px,4.73vw);
	color: #22AC38;
}
/* アイキャッチ上下線 */
.header-border{
	border-top:5px #f7f7f7 solid;
	border-bottom:5px #f7f7f7 solid;
}

/* navi */
nav{
	height:60px;
	background-image:url("http://kagi-help.com/wp-content/lp/cm-img/navi-bc.png");
	background-repeat:repeat-x;
}
#navi ul{
	margin:0 auto;
	padding:0;
	max-width:1040px;
	display:flex;
}
#navi li{
	list-style:none;
	width:20%;
	height:30px;
	line-height:inherit;
	margin:0;
}
#navi li a{
	display:block;
	margin:14px 0;
	text-align:center;
	width:100%;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	border-left:2px solid #fff;
	font-size: 16px;
}
#navi li:last-child a{
	border-right:2px solid #fff;
}
.footer-bottom-content nav{
	background:none;
	height: auto;
}
/* top-img */
#top-img p.pc-img, #top-img p.sp-img{
	margin-bottom:0;
}
/* 背景カラー */
.back-blue{
	background-color:#e8f7fd;
}
.back-wh{
	background-color:#fff;
}
.back-yl{
	background-color:#fdfbe8;
}
.back-or{
	background-color:#fff0e1;
}
.back-haikai-blue{
	background-color:#effafa;
}
/* table */
table, tr{
	border:solid 2px #cacaca;
	text-align:center;
}
table th, table td{
	font-size:16px;
	vertical-align:middle;
	padding:1em;
}
table th{
	width:33%;
	border-right:solid 2px #cacaca;
	background-color:#FCF1D3;
}
table tr:nth-of-type(2n+1){
	background-color:transparent;
}
/* footer-tel */
.footer-tel{
	background-color:#e8f7fd;
}
.footer-tel p{
	padding:15px 0;
}
/* 対応エリアのリンク無効化 */
a.nolink, ul.nolink a{
	color: #333;
	pointer-events: none;
}

/* エリア内インタビュー動画 */
.area-media-box{
	padding: 18px;
	display: flex;
	justify-content: center;
	background-color: #effaff;
	margin-bottom: 24px;
	align-items: center;
}
.video-container .video{
	padding-bottom: 0;
	margin-top: 0;
	width: 464px;
	height: 261px;
}
.body .video-container{
	margin-top: 0;
	margin-bottom: 0;
}
.video iframe{
	position:relative;
}
.media-box-movie{
	margin-right: 16px;
}
/* エリア内料金事例 */
.example_price_box img{
	max-width: 336px;
	display: block;
	margin: 0 auto;
}
/* ページ下問い合わせ（モバイル固定用） */
.footer-cnt-bnr-area{
	display: none;
}
/* ページ下問い合わせ（ウィジェット-投稿下用） */
.contact-bnr-area{
    display: flex;
    background-color: #e8eff9;
    color: #333;
    padding: min(3.06vw,30px);
}
.contact-bnr-area p{
    margin-bottom: 0;
}
.contact-bnr-area>p:first-child{
    margin-left: auto;
    padding-right: 15px;
    line-height: 1.5;
}
.contact-bnr-area>p:nth-of-type(2){
    margin-right: auto;
    color: #014099;
}
.contact-bnr-area>p:first-child>span:first-child{
    display: inline-block;
    font-size: min(2.65vw,26px);
    margin-bottom: 0.5em;
    font-weight: bold;
    color: #014099;
}
.contact-bnr-area>p:nth-of-type(2)>a{
    font-weight: bold;
}
.contact-bnr-area>p:nth-of-type(2)>a>i{
    font-size: min(3vw,32px);
    vertical-align: -webkit-baseline-middle;
    padding-right: 12px;
}
.contact-bnr-area>p:nth-of-type(2)>a>i+span{
    font-size: min(4.25vw,58px);
    vertical-align: -webkit-baseline-middle;
}
/* 画像切り替え */
.swimg-sp{
	display:none;
}
@media screen and (max-width: 880px){
	.area-media-box{
		display: block;
	}
	.video-container .video{
		width: max(560px,82.35vw);
		height: calc(82.35vw*0.5625);
		max-height: 315px;
		margin: 0 auto;
	}
	.body .video-container{
		margin: 0 auto;
	}
	.media-box-movie{
		margin-right: 0;
	}
	.media-box-text{
		margin-top: 9px;
	}
	}
/* エリア内料金事例 */
.fix-page .example_price_box p img{
	width: 336px;
	height: auto;
}
.example_price_box table,.example_price_box tr{
	border:none;
	text-align:center;
}
.example_price_box table th,.example_price_box table td{
	font-size:16px;
	vertical-align:middle;
	padding:1em;
	border: none;
}
.example_price_box table th{
	width:33%;
	border-right:none;
	background-color:transparent;
}
.example_price_box table tr:nth-of-type(2n+1){
	background-color:transparent;
}
.example_price_box p img.big-photo{
	width:100%;
	max-width:680px;
}
/* アコーディオン（お問い合わせページでのみ使用中） */
.accordion h4,.accordion h5,article.type-post .entry-content .accordion h4,article.type-post .entry-content .accordion h5{
    font-size: 18px;
    color: #333;
    border: none;
    background-color: #fcf9e8;
    margin-top: 26px;
    margin-bottom: 18px;
    padding: 10px;
}
article.type-post .entry-content .accordion h3.js-menu,.accordion h3.js-menu,.accordion h4.js-menu,article.type-post .entry-content .accordion h4.js-menu{
    font-size: 18px;
    margin: 0;
    color: #333;
    display: block;
    padding: 15px 0 15px 65px;
    position: relative;
    border: 1px solid #5d8fd1;
	background-color: transparent;
}
.accordion h3.js-menu:after,.accordion h4.js-menu:after{
    color: #fff;
    background: #014099;
    box-sizing: border-box;
    content: '\f067';
    display: block;
    font-family: "Font Awesome 5 Free";
    padding: 15px 20px;
    position: absolute;
    top: 0;
    left: 0;
}
.accordion h3.js-menu.is-active:after,.accordion h4.js-menu.is-active:after{
    content: '\f068';
}
.contents {
line-height: 0;
height: 0;
overflow: hidden;
opacity: 0;
transition-duration: 0.4s;
}
.contents.is-open {
background-color: #fefefe;
padding: 0;
line-height: normal;
height: auto;
opacity: 1;
margin-bottom: 1.8em;
}
/* よくあるご質問と回答（エリアページで使用中） */
p.q-tt{
    display: flex;
    align-items: center;
    background-color: #e8eff9;
    font-weight: bold;
    margin-bottom: 0.5em;
}
p.q-tt::before{
    content: "Q";
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: #014099;
    font-size: 18px;
    width: 3em;
    height: 3em;
    margin-right: 0.5em;
}
p.answer-tt{
    font-weight: bold;
    padding: 10px;
    background-color: #fcf9e8;
}
div.answer-box p{
    margin-bottom: 1em;
}

div.answer-box p:last-of-type{
    margin-bottom: 2em;
}

/* footer */
#fnav{
	max-width:1000px;
	margin:1.8em auto 0;
}
#fnav .logoarea p.fnav-logo{
	margin:0 35px 24px 0;
	float:left;
}
#fnav .logoarea .fnav-info, #fnav .logoarea ul li{
	float:left;
}
#fnav  .logoarea ul{
	list-style:none;
	padding:5px;
	background:#f7f7f7;
	display:inline-block;
}
.relation{
	float:right;
	width:150px;
	padding:10px 15px;
	background:#f7f7f7;
	line-height:1.1;
}
.relation p{
	margin-bottom:0;
}
.relationtit, .relationlink{
	display:inline-block;
	font-size:13px;
}
.relationlink a{
	display:inline-block;
	margin-top:5px;
	color:#999;
	line-height:1.1;
}
/*footer-bottom*/
div.footer-bottom{
	padding: 0;
	margin-top: 0;
	background-color: #e1e1e1;
}
#key-footer{
	border-top:solid 1px #d8d7d7;
	padding:27px 0 29px;
}
#key-footer p{
	text-align:center;
	font-size:12px;
	margin-bottom:0.5em;
}
/* footer-widgets */
#footer-in aside.widget_block{
	margin-top: 1em;
	margin-bottom: 0;
}
.footer-widgets p.ftr-tt{
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 1em;
	border-bottom: 1px dotted #fff;
}
.footer-widgets ul,.footer-widgets ul li{
	list-style-type: none;
	font-size: 14px;
}
/* footer-widgets-left */
.footer-widgets .footer-left ul{
	padding-left: 0;
	display: flex;
	flex-wrap: wrap;
}
.footer-widgets .footer-left ul li a{
	font-size: 14px;
	padding-right:7px;
}
/* footer-widgets-center */
div.footer-right{
	display: none;
}
div.footer-center{
	max-width: 100%;
	min-width: 66.66%;
}
.ftr-price-list-box{
	display: flex;
	flex-wrap: wrap;
}
.ftr-price-list-box ul{
	width: 16.66%;
	margin-bottom: 2em;
	padding-left: 0;
}
.footer-widgets .footer-right ul{
	padding-left: 0;
}
.footer-widgets .footer-right ul li a{
	font-size: 14px;
	padding-right:7px;
}
/* slider
------------------------------------- */
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}

@keyframes scroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-250px * 7));
            transform: translateX(calc(-250px * 7));
  }
}
.slider {
  background: white;
  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
  height: 200px;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.slider::before, .slider::after {
  background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  content: "";
  height: 200px;
  position: absolute;
  width: 100px;
  z-index: 2;
}
.slider::after {
  right: 0;
  top: 0;
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg);
}
.slider::before {
  left: 0;
  top: 0;
}
.slider .slide-track {
  -webkit-animation: scroll 40s linear infinite;
          animation: scroll 40s linear infinite;
  display: -webkit-box;
  display: flex;
  width: calc(250px * 14);
}
.slider .slide {
  /*height: 100px;
  width: 250px;*/
  height: 200px;
}
.slider .slide img {
  height: 200px;
}
/* 目次 */
div.help-mokuji{
    max-width: 768px;
margin: 20px auto;
}
div.help-mokuji div.help-mokuji-tt,
div.help-mokuji div.toc-title{
    color:#fff;
    padding:20px;
    background-color:#668ad8;
	text-align: left１１;
}
div.help-mokuji > ul,
div.help-mokuji .toc-content > ul{
    color:#668ad8;
    padding:0 20px;
    background-color:#f1f8ff;
    border:solid 2px #668ad8;
}
div.help-mokuji ul li.top,
div.help-mokuji .toc-content > ul > li{
    padding:20px 0 5px;
}
div.help-mokuji ul li.top a{
    color:#ff0000;
}
div.help-mokuji ul li{
    padding:0 0 5px;
}
div.help-mokuji ul li a::before{
    width:1.5em;
    text-indent:-1.5em;
    padding-right: 0.5em;
    content: "→";
}
div.help-mokuji ul li.top a::before{
    content: none;
}
div.help-mokuji ul li a{
    color:#668ad8;
}

div.help-mokuji .toc-content > ul > li > a{
    color:#ff0000;
}

div.help-mokuji .toc-content > ul > li > a::before{
    content: none;
}


/* marker */
p span.marker{
	background:linear-gradient(transparent 60%, yellow 60%);
	font-weight:bold;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/* PC用 */
@media screen and (min-width:768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
	.sp-ft-bnr{
		display: none;
	}
}
/* cocoon-reset */
@media screen and (max-width:834px){
	#footer .footer-widgets{
		display: block;
	}
}
/*1000px未満*/
@media screen and (max-width: 999px){
main.main{
		padding:0;
	}
	/* header */
.header-ori-area{
	max-width:95%;
	padding:15px 0;
}
.header-ori-area p{
	margin-bottom:0;
}
.header-logo{
	max-width:45%;
}
.header-tel{
	max-width:45%;
}
/* navi */
nav{
	overflow-x: auto;
}
#navi-in{
	width: 750px;
}
#navi ul{
	justify-content: space-between;
}
#navi li{
	width: 150px;
	flex: 1;
	white-space: nowrap;
}
/* コラム関連 */
article.category-content,article.type-post,div#list,div.pagination-next,div.under-entry-content{
	max-width: 750px;
	width: 97vw;
	margin: 0 auto;
}
article.category-content h1#archive-title,article.type-post h1,h1#archive-title{
	max-width: 750px;
	width: 97vw;
}
article.category-content h1#archive-title,h1#archive-title{
	font-size: 18px;
	background-color: #1656b2;
	padding: 15px;
	color: #fff;
}
article.type-post h1{
	font-size: 22px;
}
article.type-post .entry-content h2{
	font-size: 20px;
}
article.type-post .entry-content h3{
	font-size: 18px;
}
/* パンくず */
.breadcrumb.sbp-main-before{
	max-width: 750px;
	width: 97vw;
}
/* work-detail */
.work-detail-area{
	max-width:99%;
}
	.work-detail-area .work-detail:nth-of-type(2n+1){
		margin-right:1%;
	}
.work-detail{
	max-width:49.5%;
}
.work-detail .work-staff-right dl dd{
		font-size:14px;
	}
/* voice */
.voice-box{
		max-width:49.75%;
	padding:5px;
}
.voice-area .voice-box:nth-of-type(2n+1){
		margin-right:0.5%;
}
/* flow */
.flow-column{
		max-width:32%;
}
.flow-2-column .flow-column{
		max-width:45%;
}
/* CVエリア */
.haikai-cv-area .left-box{
	padding:1.8vw 10.2vw 1.8vw 6vw; 
}
.haikai-cv-area .left-box img{
	width:21.7vw;
	min-width:180px;
}
.haikai-cv-right-box{
	padding:1.8vw 0;
}
.haikai-cv-area .right-box img{
	width:46.2vw;
	min-width:425px;
}
}
/*768px以下*/
@media screen and (max-width: 768px){
/* sp共通 */
.sp-none{
		display:none;
}
/* 画像切り替え */
.swimg-pc{
	display:none;
}
.swimg-sp{
	display:block;
}

/* 文字サイズ */
.font32{
	font-size:min(42px,6.11vw);
	line-height:1.2;
}
/* 基本装飾 */
.voice-icon{
	width:9.375vw;
	min-width: 58px;
}
/* テキストコントロール */
.sp-inline{
	display: inline;
}
/* float */
.left-box-sp-none{
	float: none;
}
/* header */
.header-ori-area{
	width:100%;
	padding: 0;
}
.header-logo{
	max-width:42vw;
}
.header-tel a::before{
	font-family: "Font Awesome 5 Free";
	content: "\f879";
	margin-right: 0.3em;
	font-size: 0.75em;
}
.header-tel{
	max-width:42.7vw;
	margin-left: 11vw;
}
.header-tel span{
	font-size: min(14px,1.83vw);
	margin-left: 5.7vw;
}
.header-tel a{
	font-size: min(42px,4.7vw);
}
/* h3 */
.article h3.font32{
	font-size:min(22px,6.11vw);
	line-height:1.2;
	padding:33px 0 27.5px;
}
.article h3.m-top48{
	margin-top: 6.25vw;
}

/* パンくず */
.breadcrumb.sbp-main-before{
	white-space: nowrap;
	overflow-x: scroll;
	padding-bottom: 12px;
}

/* コンテンツエリア内見出し */
.article h3.simple-title{
	font-size:6.11vw;
	line-height:6.11vw;
	padding:6.25vw 0;
	margin-bottom: 3.15vw;
}
h3.simple-title span{
	font-size:4.6875vw;
}
/* コンテンツエリア */
.cntbox-1000{
	max-width:1000px;
	margin:0 auto;
}
.cntbox-900{
	max-width:96%;
	margin:0 auto;
	padding:0 0 7vw;
}
.cntbox-780{
	max-width:100%;
	margin:0 auto;
}
/* basic-padding */
.pdg-side3{
	padding: 0 7px;
}
/* table */
table th, table td{
	font-weight:normal;
	vertical-align:middle;
	padding:1em;
}
table th{
	width:40%;
	border-right:solid 2px #cacaca;
}
/* エリア内料金事例 */
.example_price_box table th,.example_price_box table td{
	font-size:14px;
}
/* navi */
nav#navi.navi{
	background-color: #2c68bd;
}
nav{
	height:46px;
	background-image:none;
}
#navi li{
	height:46px;
}
#navi li a{
	margin:10px 0;
	border-left:none;
	font-size: 14px;
}
#navi li:last-child a{
	border-right:none;
}
/* footer */
#fnav{
	max-width:90%;
	margin:0 auto 1em;
}
#fnav .logoarea p.fnav-logo{
	float:none;
	max-width:316px;
	margin:0 auto;
	padding-bottom:10px;
}
#fnav .logoarea ul li{
		float:none;
		display:inline-block;
}
#fnav .logoarea .fnav-info{
	float:none;
	max-width:80%;
	margin:0 auto;
	background-color:#f7f7f7;
}
	#fnav .logoarea ul{
		display:inline-block;
		margin-bottom:0;
	}
.relation{
	float:none;
	display:inline-block;
	max-width:150px;
}
/* footer固定バナー */
.sp-ft-bnr{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background:linear-gradient(180deg,rgba(255,255,255,0) 0%, rgba(255,255,255,0) 20%, rgba(35,35,35,0.2) 20%, rgba(35,35,35,0.2) 100%);
}
/* footer-widgets */
div.footer-center{
	width: 100%;
}
.ftr-price-list-box ul{
	width: 50%;
	margin-bottom: 2em;
}
/* ページ下問い合わせ*/
.footer-cnt-bnr-area{
	display: block;
	width: 100%;
	position:fixed;
	bottom: 0;
	background:rgba(216, 216, 216, 0.8);
}
.mokuji-bnr-area.footer-cnt-bnr-area{
	position: static;
	margin-bottom: 0;
}
.mokuji-bnr-area.footer-cnt-bnr-area .contact-bnr-area{
	background-color: transparent;
	padding: 0;
}
.footer-cnt-bnr-area .contact-bnr-area{
	background-color: transparent;
}
.footer-cnt-bnr-area .contact-bnr-area{
	display: block;
	padding: 15px;
}
.footer-cnt-bnr-area .contact-bnr-area>p:first-child{
	margin-bottom: 0;
	width: 100%;
}
.footer-cnt-bnr-area .contact-bnr-area>p{
	text-align: center;
	max-width: 100%;
	padding: 1vh;
	margin:0 auto;
	color: #fff;
	background-color: #22AC38;
	border-bottom: 5px solid #139629;
	border-radius: 15px;
}
.footer-cnt-bnr-area .contact-bnr-area>p>a{
	color: #fff;
	font-weight: bold;
	padding: 5px;
}
.footer-cnt-bnr-area .contact-bnr-area>p>a>i{
	font-size: clamp(24px,4.17vw,32px);
	vertical-align: -webkit-baseline-middle;
	padding-right: 12px;
}
.footer-cnt-bnr-area .contact-bnr-area>p>a>i+span{
	font-size: min(6.55vw,58px);
	vertical-align: -webkit-baseline-middle;
}
/* ページ下問い合わせ（ウィジェット-投稿下用） */
.contact-bnr-area{
    display: block;
    padding: 15px;
}
.contact-bnr-area p{
    margin-bottom: 0;
    width: 100%;
}
/* :not(.textwidget) > .contact-bnr-area>p:first-child{
    padding-right: 0;
    margin: 0 auto 24px;
    line-height: 1.25;
	animation: btn_animation 3s infinite;
} */

.contact-bnr-area > p:has(a[href^="tel:0120-137-365"]){
	animation: btn_animation 3s infinite;
}

.footer-cnt-bnr-area .anim-btn{
	animation: btn_animation 3s infinite;
}

.textwidget .contact-bnr-area>p:last-child{
	animation: btn_animation 3s infinite;
}

@keyframes btn_animation {
    0% {
        transform: translate(4px, 0px);
    }
    5% {
        transform: translate(-4px, 0px);
    }
    10% {
        transform: translate(4px, 0px);
    }
    15% {
        transform: translate(-4px, 0px);
    }
    20% {
        transform: translate(4px, 0px);
    }
    25% {
        transform: translate(-4px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
.contact-bnr-area>p:first-child>span:first-child{
    display: block;
    font-size: 22px;
    text-align: center;
    padding: 9px;
    width: 100%;
    color: #fff;
    background-color: #044eb4;
}
.contact-bnr-area>p:nth-of-type(2){
    text-align: center;
    max-width: 100%;
    width: 80vw;
    margin:0 auto;
    color: #fff;
    background-color: #22AC38;
    border-bottom: 5px solid #139629;
    border-radius: 15px;
}
.contact-bnr-area>p:nth-of-type(2)>a{
    color: #fff;
    font-weight: bold;
    padding: 5px;
}
.contact-bnr-area>p:nth-of-type(2)>a>i{
    font-size: clamp(24px,4.17vw,32px);
    vertical-align: -webkit-baseline-middle;
    padding-right: 12px;
}
.contact-bnr-area>p:nth-of-type(2)>a>i+span{
    font-size: min(6.55vw,58px);
    vertical-align: -webkit-baseline-middle;
}
}
/*360px 以下*/
@media screen and (max-width: 360px){
	/* voice */
.back-yl .happy-yl-title-lg:before, .back-yl .happy-yl-title-lg:after{
	content:none;
}
	.voice-area{
		max-width:100%;
	}
	.voice-area-left, .voice-area-right{
		display:block;
	}
	.voice-area-left{
		max-width:100px;
		margin:5px auto;
	}
	.voice-area-right{
		width:100%;
	}
	.voice-img{
		padding:10px 0;
	}
	table.voice-price-table thead th{
		width:100%;
		text-align:center;
		font-weight:bold;
		padding:10px 0;
	}
.back-wh .happy-yl-title h2{
	font-size:24px;
	}
/* form-btn */
.btn_contact7 input[type="submit"]{
	font-size:18px;
}
}
/* kagi-help-top */
	/* メインのスライダーのアクティブでないものは不透明度を 0.6 に */
	.swiper-wrapper{
		position: relative;
	}
	.swiper-slide-active:hover{
		opacity: 0.5;
	}
	.swiper-wrapper .swiper-slide-prev::before,.swiper-wrapper .swiper-slide-next::before{
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		z-index: 2;
	  background-color:rgba(241, 241, 241, 0.548);
	}
	  /* リセット */
	  a{
		  text-decoration: none;
		  color: #1656b2;
	  }
	  /* 全体カラー */
	  .main-blue{
		  background-color: #F6F9FB;
	  }
	  /* 基本ボックス */
	  .bx-1040{
		  width: 1040px;
		  margin: 76px auto;
	  }
	  .bx-1040-yl{
		  width: 1040px;
		  margin: 0 auto;
	  }
	  .back-yl{
		  padding: 77px 0;
		  margin-bottom: 0;
		  background-color: #f5f2dd;
	  }
	  .bx-1040-blue{
		  width: 1040px;
		  margin: 0 auto;
	  }
	  .back-blue{
		  padding: 77px 0;
		  margin-bottom: 0;
		  background-color: transparent;
	  }
	  /* top-見出し */
	  h2.top-tt2{
		  background-color: transparent;
		  font-size: 26px;
		  padding:0 0 11px 0;
		  border-bottom: 2px solid #e0e0e0;
		  margin:2.5em auto 1em;
	  }
	  h3.top-tt3{
	  padding: 15px 0;
	  text-align: center;
	  border-top: 2px solid #e0e0e0;
	  border-bottom: 2px solid #e0e0e0;
	  margin-bottom: 26px;
	  }
	  /* トップ新着記事 */
	  .new-column div.new-entry-cards{
		  display: flex;
		  flex-wrap: wrap;
		  padding-left: 0;
		  justify-content: space-between;
	  }
	  .new-column div.new-entry-cards a{
		  width: calc(100%/4);
	  }
	  /* アイコン */
	  h2.icon-e::before{
		  content: "";
		  display: inline-block;
		  width: 0.8em;
		  height: 1.4em;
		  margin-right: 0.5em;
		  background: url(https://kagi-help.com/wp-content/lp/shin-test/erea-icon.png) no-repeat;
		  background-size: contain;
		  vertical-align: bottom;
	  }
	  h2.icon-p::before{
		  content: "";
		  display: inline-block;
		  width: 1.4em;
		  height: 1.4em;
		  margin-right: 0.5em;
		  background: url(https://kagi-help.com/wp-content/lp/shin-test/price-icon.png) no-repeat;
		  background-size: contain;
		  vertical-align: bottom;
	  }
	  /* エリアから業者を探す */
	  .top-erea{
		  margin: 0 auto 38px;
	  }
	  .top-erea-block{
		  display: flex;
		  margin: 1.5em 1em;
		  align-items: center;
	  }
	  .article .top-erea-block h3{
		  min-width: 240px;
		  padding: 0 0 0 10px;
		  border-left: 5px solid #22AC38;
	  }
	  .top-erea ul, .top-erea ul li{
		  list-style: none;
	  }
	  .top-erea ul{
		  display: flex;
		  flex-wrap: wrap;
		  margin: 0;
	  }
	  .top-erea ul li{
		  font-size: 16px;
		  margin: 0 1em 0 0;
	  }
	  .top-erea ul li a{
		  text-decoration: underline;
	  }
	  /* トップ関連記事 */
	  .cty-clm{
		  width: 1020px;
		  margin: 0 auto;
	  }
	  .cty-clm-box{
		  width: 500px;
		  float: left;
	  }
	  .cty-clm-box:nth-child(odd){
		  margin-right: 20px;
	  }
	  /*　トップ関連記事ブロック　*/
	  .krn-bl{
		  margin-bottom: 9px;
	  }
	  .cty-clm-box .krn-bl:nth-of-type(3){
		  margin-bottom: 18px;
	  }
	  .krn-bl a{
		  display:flex;
	  }
	  .krn-bl a span{
		  font-size: 16px;
		  margin-left: 18px;
	  }
	  /* youtube埋め込み */
	  .ytb-ply{
		  width: 560px;
		  margin: 0 auto;
	  }
	  /* ボタン */
	  .btn-top-clm a {
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		  margin: 0 auto 42px;
		  padding: 1em 2em;
		  width: 100%;
		  color: #22AC38;
		  font-size: 18px;
		  font-weight: 700;
		  border: 2px solid #22AC38;
		  background-color: #fff;
		  transition: 0.3s;
	  }
	  .btn-top-clm a::after {
		content: '';
		width: 5px;
		height: 5px;
		border-top: 3px solid #22AC38;
		border-right: 3px solid #22AC38;
		transform: rotate(45deg);
	  }
	  .btn-top-clm a:hover {
		  text-decoration: none;
		  color: #fff;
		  background-color: #22AC38;
	  }
	  /* ボタン-エリアボックス内 */
	  .top-erea .btn-top-clm a {
		  width: 300px;
		  margin: 0 auto 42px;
		  padding: 30px 40px;
	  }
	  @media screen and (max-width: 1240px){
	  /* 基本ボックス */
	  .bx-1040,.bx-1040-yl,.bx-1040-blue{
		  width: 98vw;
	  }
	  /* トップ関連記事 */
	  .cty-clm{
		  width: 98vw;
	  }
	  .cty-clm-box{
		  width: 48.55vw;
	  }
	  .cty-clm-box:nth-child(odd){
		  margin-right: 0.9vw;
	  }
	  }
	  @media screen and (max-width: 768px){
	  /* 基本ボックス */
	  .bx-1040{
		  padding: 0 2vw;
		  margin: 46px auto;
	  }
	  .back-yl,.back-blue{
		  padding: 58px 1vw;
	  }
	  /* トップ紹介 */
	  .ytb-ply{
	  width:90vw;
	  max-width:560px;
	  min-width:300px;
	  }
	  /* 関連記事 */
	  .cty-clm,.cty-clm-box{
		  width: 100%;
		  float: none;
	  }
	  .cty-clm-box:nth-child(odd){
		  margin-right:0;
	  }
	  .krn-bl{
		  width: 90vw;
		  margin: 0 auto 9px;
	  }
	  .krn-bl a, .krn-bl a img, .krn-bl a span{
		  display: inline-block;
		  vertical-align: middle;
	  }
	  .krn-bl a img{
		  width: 33vw;
		  min-width: 106px;
		  max-width: 186px;
	  }
	  .krn-bl a span{
		  font-size: max(2vw,13px);
		  width: 54vw;
		  margin-left: 2vw;
	  }
	  /* top-見出し */
	  h2.top-tt2{
		  font-size: 24px;
	  }
	  /* 新着記事 */
	  .new-column div.new-entry-cards{
		  flex-wrap: wrap;
	  }
	  .new-column div.widget-entry-cards.card-large-image a.a-wrap{
		  max-width: 100%;
		  width: 100%;
		  justify-content: flex-start;
		  margin: 0 auto 30px;
	  }
	  .new-column div.new-entry-cards a img{
		  width: 100%;
		  flex-shrink: 0;
	  }
	  .new-column ul span.new-column-cap{
		  font-size: max(2vw,14px);
	  }
	  /* エリアから業者を探す */
	  .top-erea{
		  margin: 0 auto 38px;
	  }
	  .top-erea-block{
		  display: block;
	  }
	  .article .top-erea-block h3{
		  margin-bottom: 12px;
	  }
	  .article .top-erea ul{
		  padding-left: 0;
	  }
	  .top-erea ul li{
		  margin: 0 1em 0 0;
	  }
	  /* トップ検索タグ */
	  .top-tag-box{
		  width: 47vw;
		  margin-right: 2vw;
		  margin-bottom: 3.125vw;
		  background-color: #fff;
	  }
	  .top-tag-box:nth-child(5n){
		  margin-right: 2vw;
	  }
	  .top-tag-box:nth-child(2n){
		  margin-right: 0;
	  }
	  .top-tag-box a img{
		  width: 8.59375vw;
		  max-width: 66px;
		  min-width: 45px;
	  }
	  .top-tag-box a{
		  padding:10px;
		  align-items: center;
	  }
	  .top-tag-box a span{
		  font-size: max(2vw,12px);
		  margin-left: 10px;
		  margin-right: 10px;
	  }
	  /* ボタン */
	  .btn-top-clm a {
		font-size: 16px;
	  }
	  /* ボタン-エリアボックス内 */
	  .top-erea .btn-top-clm a {
		  width: 100%;
		  max-width: 300px;
	  }
	  /* アコーディオン */
	  article.type-post .entry-content .accordion h3.js-menu,.accordion h3.js-menu,article.type-post .entry-content .accordion h4.js-menu,.accordion h4.js-menu{
		font-size: 16px;
		height: 77px;
		display: flex;
		align-items: center;
	}
	.accordion h3.js-menu:after,.accordion h4.js-menu:after{
		line-height: 45px;
	}
/* tel-banner */
	span.after-call::before {
	content: "";
    display: block;
    width: 241px;
    height: 225px;
    margin: 0 auto 16px;
    background: url(https://kagi-help.com/wp-content/uploads/thumnails/key-flow-1-pc.jpg) no-repeat;
}
}

/*! contactArea
================================================== */

.contactArea {
	position: relative;
/*	margin: 0 auto; */
}
.contactArea img {
	display: block;
	margin: 0 auto;
}
.contactArea .bgBlock {
	position: relative;
	top: -33px;
}