@charset "UTF-8";
/* フロント用CSSをここに記述してください */
img {
  image-rendering: -webkit-optimize-contrast;
}
/*# sourceMappingURL=my_style.css.map */

.midashi ,.pb ,.c-gnav ,.u-flex--aic ,.menu-item {
	font-family: "Josefin Sans", sans-serif;
}	  

.l-header .l-header__body {
	color:#000;
}
.rn-pbwp-text {
	font-size:1em!important;
	    top: 55%!important;
    transform: translateY(-0%);
		white-space:nowrap;
	padding:0px!important;
}
.pb {
text-align:center}
.pbp {
	color:#000;
	font-size: 1em;
	text-align:center;

}

@media (min-width: 1000px) {
[data-sidebar=off] .-type-card .p-postList__item {
	width: 25%;}
	.spp {
	display:none;
}
	
}
@media (min-width: 600px) {
.-type-card .p-postList__item {
width: 50%;
}
}


.wpforms-required-label{                             
    color: #fff !important;                             
    background-color: red !important;
    padding: 2px 5px 2px 4.5px !important;
    white-space: nowrap;  
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    text-align: center !important;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
 color: #fff!important;
	background-color:#000!important;
height: 64px;
    width: 280px;
    font-size: 1.2rem;
		background: transparent;
	  border: 3px solid #fff;
  position: relative;
  z-index: 1;
	  transition: .3s;
	    display: table-cell;
    vertical-align: middle
}
/* ボタンcss （白背景） */
.is-style-fill  a {
  color: #000!important;
height: 64px;
    width: 280px;
    font-size: 1.2rem;
		background: transparent;
	  border: 3px solid #000;
  position: relative;
  z-index: 1;
	  transition: .3s;
	    display: table-cell;
    vertical-align: middle
}
.is-style-fill  a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #000;
  transform-origin: 100% 50%;
  transform: scaleX(0);
	  transition: transform ease .3s;
}
.is-style-fill  a:hover {
  color: #fff!important;
	background-color:#000;
}

.is-style-fill a:hover::before {
	  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.is-style-outline a:hover::before {
	  transform-origin: 0% 50%;
  transform: scaleX(1);
}
/* ボタンCSS（黒背景） */
.is-style-outline a {
  color: #fff!important;
height: 64px;
    width: 280px;
    font-size: 1.2rem;
		background: transparent;
	  border: 3px solid #fff;
  position: relative;
  z-index: 1;
	  transition: .3s;
	    display: table-cell;
    vertical-align: middle
}
.is-style-outline a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fff;
  transform-origin: 100% 50%;
  transform: scaleX(0);
	  transition: transform ease .3s;
}
.is-style-outline a:hover {
  color: #000!important;
}
.is-style-outline a:hover::before {
	  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.wp-block-button__link:hover {
    opacity: 1;
}


.ark-block-heading :before{
	  position: absolute;
	background-color:translate;
  content: '';
	 left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  border-left: 25px solid #DF5532;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
	margin-top:12px;
}
.ark-block-heading {
	position:relative;
display:inline-block;
	padding-left:40px;
}
.ark-block-heading__sub {
	font-weight:bold;
	text-align:right;
	color:#DF5532;
}
.w-service .has-text-align-center{
	border-bottom:5px dotted #DF5532;
}
.w-service img {
margin:30px;
}
.c-headLogo__img-top {
	display:none;
}
.l-header__center {
	padding:16px 0px;
}

.p-topArea.-noimg {
background-color:#DF5532}
.p-topArea.-noimg  .c-pageTitle__main {
	color:#fff;
}