/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 781px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/*ラベル*/
.btn-flat-logo {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #000000;
  background: #50f17f;
  transition: .4s;
}

/*recaptcha*/
.grecaptcha-badge {
  bottom: 80px !important;
}

/* header customization */

.toppage_header_image {
	text-align: center;
	background: #fff;
	margin-bottom: 1em;

}

@media only screen and (min-width: 1166px) {
	.toppage_header_image {
		margin-top: -1em!important;
	}
}


/*ウィジェットのFacebookいいね受け取る文字色*/
.widgettitle a {
    color: #ffffff!important;
}
.widgettitle a:hover {
	color: #ffe600!important;
}



/*ウィジェットの矢印*/
.widget li a:after {
    color: #1364c1;
}



/*ウィジェットの矢印*/
.pagination .current, .pagination .current:hover, .page-links ul > li > span {
    background-color: #1364c1;
    border-color: #1364c1;
}


/*ページネーション*/
.pagination a, .pagination span, .page-links a, .page-links ul > li > span {
    margin: 0;
    padding: 9px 14px;
    text-decoration: none;
    line-height: 1;
    font-size: 1em;
    font-weight: normal;
    color: #1364c1;
    border: 1px solid #1364c1;
}


/*--------フッターリンク矢印--------*/

.footer-links li a:before {
    color: #ffffff;
}

/*--------ここから新LP--------*/

// section.entry-content > section{
// }

/* パソコンで見たときは"pc"のclassがついた画像が表示される1 */
.mieruka-service-img-pc { display: block !important; }
.mieruka-service-img-sp { display: none !important; }
.mieruka-service-img-sp1 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される1 */
@media only screen and (max-width: 750px) {
.mieruka-service-img-pc { display: none !important; }
.mieruka-service-img-sp { display: block !important; }
.mieruka-service-img-sp1 {
	display: block !important;
}
}

/* 画面100%表示 */
.lp-containar {
	max-width: none;
	max-width: auto;
	max-width: initial;
}
.full-width {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}
.inner {
	max-width: 950px;
	margin: 0 auto;
}
.eyecatch.lp img {
	width: 100%;
}



.lp-wrap .entry-content {

	overflow: visible;
}

/*薄青囲み*/
.postid-2003 .sample-box-1 {
 	background-color: #eff7ff;
 	margin: 2em 0;
    padding: 2em;
}

/*薄青囲み2*/
.sample-box-2 {
    background-color: #fff0f0;
    font-weight: bold;
    margin: 2em 0;
    padding: 2em;
}

/*リストチェックマーク*/
ul.cp_list {
	padding: 1em;
	list-style-type: none!important;
}
ul.cp_list li {
    background: url(https://iot-navi.net/wp-content/uploads/2020/06/meruka-check-icon4.png) no-repeat;
    position: relative;
    padding: 0em 1em 0.3em 2em;
    line-height: 1.1;
}

ul.cp_list li:before{
	width: 0; /*リストマークを消す*/
	height: 0; /*リストマークを消す*/
}
ul.cp_list li:after{
	width: 0; /*リストマークを消す*/
	height: 0; /*リストマークを消す*/
}

/*スマホ表示バルーン内*/
.mieruka-service-img-sp img {
    margin-bottom: 10px;
}
li.mieruka-list-spacee {
    margin-bottom: 50px!important;
}
/*スマホリストマーク消す*/
li.mieruka-list-spacee::before {
    display: none!important;
}


@media only screen and (min-width: 1166px) {
.toppage_header_image {
		margin-top: -1em!important;
	}
}


/*吹き出し*/

.mieruka-service-ballon {
  position: relative;
  display: inline-block;
  margin: 1.5em 1.5em;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 24px;
  font-weight: bold;
  background: #FFF;
  border: solid 3px #4D4D4D;
  box-sizing: border-box;
	 border-radius:20px
}

.mieruka-service-ballon:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.mieruka-service-ballon:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

.mieruka-service-ballon p {
  margin: 0;
  padding: 0;
}

@media only screen and (max-width: 750px) {
.mieruka-service-ballon {
		margin: 1em 0.2em;
		padding: 1em;
		font-size: 18px;

	}
}

@media only screen and (max-width: 750px) {
.mieruka-list-spacee {
	margin: 50px 10px;
}
}


/* 嬉しい変化、依頼した際の流れシンプル枠白 */
.kakomi-box3 {
 margin: 2em 2em;
 padding: 1em;
 border: 1px solid #fff; /* 枠線 */
 background-color: #fff; /* 背景色 */
	border-radius: 10px;
}
@media only screen and (max-width: 750px) {
.kakomi-box3 {
 margin: 2em 0;
}
}

/* 依頼した際の流れ中２カラム */
.kakomi-box3-2 {
	text-align: left;
	font-size: 18px;
 margin: 2em 2em;
 padding: 1em;
 border: 1px solid #fff; /* 枠線 */
 background-color: #fff; /* 背景色 */
	border-radius: 10px;
}
@media only screen and (max-width: 750px) {
.kakomi-box3-2 {
 margin: 0;
}

}

.mieruka-service-space {
	padding: 3em;
}
@media only screen and (max-width: 750px) {
.mieruka-service-space {
	padding: 1em;

}

}


/*帯ピンク*/
h3.happyblue {
	color: white;
	font-weight: bold!important;
	font-size: 18px!important;
	background : #100e91;
	border-radius : 19px;
	margin: 2em 8em;
	}

@media only screen and (max-width: 750px) {
h3.happyblue {
	margin: 2em 0.5em;
}
}


/*背景三角*/
.bgtriangle {
	background-position: center;
	background-image: url("https://iot-navi.net/wp-content/uploads/2020/06/mieruka-service-arrow-pc.png")  ;
	background-repeat:  no-repeat;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	font-size: 24px;
}



@media only screen and (max-width: 750px) {
	.bgtriangle {
		padding: 10px;
			background-image: url("https://iot-navi.net/wp-content/uploads/2020/06/mieruka-service-icon-arrow-sp.png")
	}
}


/*ひとつでも当てはまったら背景色設定灰色1*/

.mieruka-service-box4
{
  background-color : #F4F4F4;
  /* margin: 0 0; */
  padding: 2em;
  text-align: center;
	 font-weight: bold;
	 font-size: 24px

}

@media only screen and (max-width: 750px) {
.mieruka-service-box4 {
   padding: 30px 10px;
   font-size: 20px;
}
}


/*h2タグ*/
.mieruka-service-box4  h2.mieruka-title {
	background: none!important;
	font-size: 20px!important;
	color: #3e3e3e!important;
	box-shadow:none;
	line-height:2em;
}

.mieruka-service-box8 h2.mieruka-title {
	background: none!important;
	font-size: 20px!important;
	color: #3e3e3e!important;
	box-shadow:none;
	line-height:2em;
}

.bgtriangle h2.mieruka-title {
	background: none!important;
	font-size: 20px!important;
	color: #3e3e3e!important;
	box-shadow:none;
	line-height:2em;
}

/*h3 依頼した際の流れ文字*/
 .mieruka-service-space h3.s28bpx2 {
	display: inline-block;
	font-size: 28px;
	color: #100e91;

	}
@media only screen and (max-width: 750px) {
.s36bpx
{
	font-size: 22px;
	}}


/*お問い合わせボタン背景色設定青色*/
.mieruka-service-box6
{
  background-color : #100e91;
  padding: 40px 0 30px 0 ;

}

@media only screen and (max-width: 750px){
.mieruka-service-box6 {
    padding: 30px 10px;
}
}
/*リスクcase背景灰色2角丸*/
.mieruka-service-box2
{
  background-color : #F4F4F4;
  border-radius : 16px;
  padding: 40px 20px 40px 20px ;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 20px auto 20px auto;
	width: 70%;
}
@media only screen and (max-width: 750px) {
.mieruka-service-box2
{
	width: 100%;
	}}



/*企業のよくある悩み背景色設定白色角丸*/
.mieruka-service-box35{
  text-align: left;
	font-size: 24px;
	font-weight: bold;
  background : #FFFFFF;
  border-style : solid;
  border-color : #333333;
  border-width : 2px;
  border-radius: 20px;
  margin:  2em  0.5em;
  padding: 1em;
}

@media only screen and (max-width: 750px) {
	.mieruka-service-box35{
	font-size: 20px;
	margin: 0.5em 0.5em;
}
}

/*喜びの声背景黄色1*/

.mieruka-service-box5 {
	background-color : rgba(247,228,54,0.8);
	text-align: center;
	font-weight: bold;
	padding: 50px;
}

@media only screen and (max-width: 750px) {
.mieruka-service-box5{

	padding: 30px 10px;
}
}

/*喜びの声背景色設定白色角丸*/
.mieruka-service-box3{
  text-align: center;
	font-size: 24px;
	font-weight: bold;
  background : #FFFFFF;
  border-style : solid;
  border-color : #333333;
  border-width : 2px;
  border-radius: 20px;
  margin:  1em  0.5em;
  padding: 1em;
}

@media only screen and (max-width: 750px) {
.mieruka-service-box3{
	font-size: 20px;
	margin: 1em 0;
}}



/*背景色設定黄色2*/

.mieruka-service-box1
{
  background-color : rgba(247,228,54,0.8);
  border-right: 10px solid #100e91;
	border-left: 10px solid #100e91;
  padding: 60px 10px 60px 10px;
	text-align: center;
	font-weight: bold;
	font-size: 32px
}


/*背景透明*/
.mieruka-service-box8 {
	text-align: center;
	padding: 50px;
	font-weight: bold;
}

@media only screen and (max-width: 750px){
.mieruka-service-box8 {
    padding: 30px 10px;
	}
}

/*文字サイズ*/
.s16px {
	font-size: 16px;
}

.s12px {
	line-height: 0.5em!important;
	font-size: 12px;
}

.s22px {
	font-size: 22px;
}
@media only screen and (max-width: 750px){
.s22px {
	font-size: 20px;
	}
}

.s22px-underline {
	font-size: 22px;
	background: linear-gradient(transparent 50%, #ffe600 50%);
	}

/*文字アンダーライン*/
.mieruka_underline {
	font-size: 22px;
	color: #da0034;
}


/*文字アンダーライン*/
.mieruka_underline2 {
	font-size: 26px;
		background: linear-gradient(transparent 50%, #ffe600 50%);
}
@media only screen and (max-width: 750px){
.s36bpx2 {
	font-size: 22px;
	}
}



.s36px2 {
	font-size: 36px;
	color: #100e91;
		background: linear-gradient(transparent 50%, #ffe600 50%);
}

.s36bpx2 {
	font-size: 36px;
	color: #100e91;
	}

@media only screen and (max-width: 750px){
.s36bpx2 {
	font-size: 24px;
	}
}

.s24px-noline {
	font-size: 24px;
}
@media only screen and (max-width: 750px) {
.s24-noline px
{
	font-size: 20px
	}}

.s24px {
	font-size: 24px;
	background: linear-gradient(transparent 50%, #ffe600 50%);
}
@media only screen and (max-width: 750px) {
.s24px
{
	font-size: 20px
	}}


/*36pxblue*/
.s36bpx {
	font-size: 36px;
	color: #2263b3;
}
@media only screen and (max-width: 750px) {
.s36bpx
{
	font-size: 24px
	}}

/*font 1.5em*/
.s15em {
	font-size: 1.5em;
}




/*文字サイズ*/
.mieruka-yellow-underline {
	color: #da0034;
}

/*お問い合わせ帯*/
h2.mierukacontact {
  position: relative;
  padding: 0.6em;
  background: -webkit-repeating-linear-gradient(-45deg, #ffe600, #ffe600 4px,#fffd78 3px, #fffd78 8px);
  background: repeating-linear-gradient(-45deg, #ffe600, #ffe600 4px,#fffd78 3px, #fffd78 8px);
  border-radius: 7px;
	color: black;
	text-align: center;
}

h2.mierukacontact:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffe600;
  width: 0;
  height: 0;
}

/* cf7*/
.cf7must {
	color: #F92931;/*必須表示赤*/
	}
.wpcf7 input[type="submit"] {
	background: #ffe000;
	color: black;
	padding:15px;
}

input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select, textarea, .field {
border: 2px solid;
}

.step-ballon {
	display: block;
  position: relative;
	width: 80%;
  padding: 0.2em;
  background: #ffe600;
	color: black;
	margin-bottom:-1em;
  margin-top: -2em;
	text-align: center;
}

.step-ballon:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #ffe600;
  width: 0;
  height: 0;
	margin-bottom:0.1em;
}

/*プライバシーポリシーリンク*/
.mieruka-link {
	color: #100e91;
}
.mieruka-link:hover {
	color: #ffe600;
}

.post-list-card .post-list .eyecatch .cat-name, .top-post-list .post-list .eyecatch .cat-name, .byline .cat-name, .single .authorbox .author-newpost li .cat-name, .related-box li .cat-name, .carouselwrap .cat-name, .eyecatch .cat-name {
    background: #ffe600;
    color: #000000;
}