/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 02 2022 | 10:14:22 */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
/*画像ボタン*/
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=60);
}

.site-body {
  padding: 2rem 0 0rem 0;
}
/*コンテンツ幅変更1100px*/
@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1100px !important;
}}

@media (min-width: 576px){
.container, .container-sm {
  max-width: 980px;
	}}

/*pc用背景画像*/
.site-body{
 background-image: url("https://xn--cck1dt720a2bm.jp/images/top-bg-full.jpg");
  background-repeat: no-repeat;
  background-position: center;
	background-position: top;
	background-size: contain;
/*min-height:90vh;*/
}
@media (max-width: 768px){
.site-body{
   background-image: url("https://xn--cck1dt720a2bm.jp/images/top-bg-sp.jpg");
  background-repeat: no-repeat;
  background-position: center;
	background-position: top;
		background-size: contain;
   min-height:80vh;
  }}

/*---お問い合わせフォームのページ用背景----*/
.page-id-242 .site-body {
	background-image: url(https://xn--cck1dt720a2bm.jp/images/second-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain;
}
/*--サンクスページには表示しない----*/
.page-id-454 .site-body {
	background-image: none /*url(https://xn--cck1dt720a2bm.jp/images/second-top.jpg)*/;
}
.error404 .site-body {
	background-image: none /*url(https://xn--cck1dt720a2bm.jp/images/second-top.jpg)*/;
}

/*TOP各ブロック見出し*/
#faq {
  text-align: center;
}
#faq h2 {
  font-size: 24px;
  font-size: 2rem;
  position: relative;
  padding: .2rem;
  text-align: center;
}
#faq h2 {
  font-size: 2.0rem;  /*1.75rem*/
  margin-bottom: 1.8em;
  margin-top: 2.0em;
  border-top: 0px solid;
}

#faq .entry-title--post-type--page, h2 {
  padding: .0em 0;
  border-top: 0px solid var(--vk-color-primary);
  border-bottom: 0px solid var(--vk-color-border-hr);
}

#faq h2 span {
  font-size: 10px;
  font-size: 1rem;
  display: block;
}
#faq h2::before {
  position: absolute;
  bottom: -0px;
  left: calc(50% - 35px);
  width: 70px;
  height: 2px;
  content: '';
  border-radius: 0px;
  background: #403A3A;
}


/*--------------------------------------------*/

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
  padding: .65em 1.2em;
}
h2 {
  font-size: 1.75rem;
  margin-bottom: .3em;
  margin-top: 3em;
}
/*--------------------------------------------*/
/*ブロックエディター色の修正*/
body {
--wp--preset--color--vivid-cyan-blue: #1968B3;
--wp--preset--color--black: #403A3A;
}

.top-bar-content, .main-header-content, .featured-entry-content, .home-header-content, .jumbotron-content, .site-content, .container-content, .footer-widget-content, .site-bottom-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px;
  padding-left: 20px;
  padding-right: 20px;
}

/* header */
.main-header {
  background-color: #403A3A;
  color: #fff;
}
.site-title a, .site-title a:hover {
  color: #fff;
  text-decoration: none;
}

/*top*/
.engineer {
  padding: .5em .75em;
  background-color: #1968B3;
	color: #fff;
}
/* Container */

#qa{
	background-color: #C6E7FA;
}
#voices {
  background-color: #FFE682;
  margin-top: 0px;
}

/*omoushikomi*/
.no-sidebar .alignfull img, .no-sidebar .alignwide img {
  max-width: 80%;
  display: block;
}