/*
 Theme Name:astra child
 Template:astra
*/

/*--------------------------トップページ----------------------------  */
body {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}
#menu-item-832 > a,#menu-item-833 > a,#menu-item-834 > a,#menu-item-835 > a,#menu-item-836 > a,#menu-item-837 > a,#menu-item-838 > a,#menu-item-839 > a,#menu-item-840 > a{
text-shadow:2px 2px 3px #666;
	font-weight: bold;
/* 	 */
/* 	position: relative;
  display: inline-block;
  text-decoration: none; */
}
#menu-item-1798 > a,#menu-item-2007 > a{
	text-shadow:2px 2px 3px #666;
	font-weight: bold;
/* 	 */
/* 	position: relative;
  display: inline-block;
  text-decoration: none; */
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item a::after {
  position: absolute;
  bottom: 15px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #FFF;
/*   background: #045cb4; */
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item  a:hover::after {
  transform: scale(1, 1);
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item a::hover{
/* 	color: #FFF; */
}

#masthead{
position: sticky;
    top: 0;
}

/* スクロールして「scroll-navクラス」がついたときのヘッダーデザイン */
#masthead.scroll-nav {
  /* 余白を狭くする */
/*   padding: 10px 15px; */
	opacity:0.8;
  /* 背景を白にする */
/*   background: #fff; */
/* 	background-image: linear-gradient(135deg,rgb(255,255,255,0.5) 0%,rgb(223,19,119,0.5) 100%); */
  /* コンテンツの背景が白でもナビゲーションだと分かりやすいように影をつける */
  box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.1);
}

/* 「scroll-navクラス」がヘッダーについたときに、ロゴとナビゲーションの文字を黒にする */
#masthead.scroll-nav,
#masthead.scroll-nav ul li a {
/*   color: #000; */
}
@media screen and (max-width:768px) {
	#masthead.scroll-nav {
  /* 余白を狭くする */
/*   padding: 10px 15px; */
	opacity:0.9;
  /* 背景を白にする */
/*   background: #fff; */
/* 	background-image: linear-gradient(135deg,rgb(255,255,255,0.5) 0%,rgb(223,19,119,0.5) 100%); */
  /* コンテンツの背景が白でもナビゲーションだと分かりやすいように影をつける */
  box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.1);
}
}
/* pc版の時にモバイル版を非表示 */
@media screen and (min-width:769px) {
	.mobile{
		display: none !important;
		}
	}
/* モバイル版の時にpc版を非表示 */
@media screen and (max-width:768px) {
	.pc{
		display: none !important;
		}
	}

#colophon > div.site-above-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-equal.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack > div > div > div.site-footer-above-section-1.site-footer-section.site-footer-section-1 > div > div > div > p > img,#colophon > div.site-above-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-equal.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack > div > div > div.site-footer-above-section-2.site-footer-section.site-footer-section-2 > div > div > div > p > img,#block-9 > figure > img,#block-8 > figure > img{
	width:70%;
}

#block-14 > figure > a > img,#block-12 > figure > a > img{
	width:50%;
}
@media screen and (max-width:768px) {
/* フッターボタン	 */
	#block-12 > figure > a > img{
		width:60% !important;
	}
	/* フッター画像  */
	#colophon > div.site-above-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-equal.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack > div > div > div.site-footer-above-section-1.site-footer-section.site-footer-section-1 > div > div > div > p > img,#colophon > div.site-above-footer-wrap.ast-builder-grid-row-container.site-footer-focus-item.ast-builder-grid-row-2-equal.ast-builder-grid-row-tablet-2-equal.ast-builder-grid-row-mobile-full.ast-footer-row-stack.ast-footer-row-tablet-stack.ast-footer-row-mobile-stack > div > div > div.site-footer-above-section-2.site-footer-section.site-footer-section-2 > div > div > div > p > img{
		width:80% !important;
	}
}
.icon-href{
	padding:10% 10% 10% 10%;
/* 	padding:25% 25% 25% 25%; */
}
.icon-href2{
/* 	padding-left:10%; */
/* 	padding:5% 5% 5% 5%; */
}
.colorful-image{
	width:80%;
}
/* 事業内容 */
#post-57 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-6894b936.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-2c4edbef.animated-slow.animated.fadeIn > div > div > div > div > section.elementor-section.elementor-inner-section.elementor-element.elementor-element-1a6903c.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default > div > div.elementor-column.elementor-col-33.elementor-inner-column.elementor-element.elementor-element-68f5972 > div{
	width:120%;
}

/*ContactForm7カスタマイズ*/
table.CF7_table{
	width:80%;
	margin:0 auto;
	border: none;;
	text-align: left;
}

table.CF7_table tr{
	border-top: none;
/* 	border-top: 1px solid #e5e5e5; */
}

.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}

/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}

.CF7_table ::placeholder {
	color:#797979;
}

/*「必須」文字*/
.CF7_req{
	font-size:.9em;
	padding: 5px;
/* 	background: #f79034; */
	color: #ff0000;
/* 	border-radius: 3px; */
	margin-right:1em;
	border:1px solid #ff0000;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.9em;
	padding: 5px;
/* 	background: #bdbdbd; */
	color: #000;
/* 	border-radius: 3px; */
	margin-right:1em;
	border:1px solid;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
/* 	background-color:#ebedf5; */
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
/* 	background-color:#ebedf5; */
	}
}
td,th {
    padding: 8px;
    border-width: 0 0 0 0;
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#FFF;
	border:0;
	color:#000;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
	border:1px solid;
	padding:20px 100px;
}

.CF7_btn{
	text-align:center;
	margin-top:20px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}
/* .entry-content p {
    margin-bottom: 1.6em;
	text-align: left;
} */
#wpcf7-f1472-p368-o1 > form > p{
	text-align: center !important;
}

/* 会社案内タイトル画像のサイズを変更する */
#post-297 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-46e434c.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div > div > section > div > div.elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-1cc3d54 > div > div.elementor-element.elementor-element-d8fe43b.elementor-widget.elementor-widget-image > div > img{
	width: 80%;
}

.entry-content h4 {
    font-size: 16px !important;
    font-size: 1.5rem;
    line-height: 1.2em;
    font-weight: 600;
}

@media screen and (max-width:768px) {
.pt-cv-colsys {
    margin-left: 0;
    margin-right: 0;
}
}

/* 各投稿の詳細ページ ページネーションボタンを非表示にする */
.single .post-navigation {
/*     margin: 0;
    padding: 2em 0 0;
    border-top: 1px solid var(--ast-border-color); */
	display: none;
}

.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
    color: #FFF;
/*     color: var(--ast-global-color-1); */
}

#block-14 > figure,#block-12 > figure {
  height: auto;
  transition: transform .6s ease;/* ゆっくり変化させる */
/*   width: 100%; */
}
#block-14 > figure:hover,#block-12 > figure:hover{
	transform: scale(1.1);/* 拡大 */
}
@media screen and (max-width:768px) {
	#block-14 > figure > a > img{
		margin-bottom:20px;
	}
}

#post-57 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-64c5fad.elementor-section-full_width.elementor-section-stretched.elementor-section-height-default.elementor-section-height-default > div > div.elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-b7a5883 > div > div > div > a > img,#post-57 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-cdf4812.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-03909ee > div > div > div > a > img{
	height: auto;
  transition: transform .6s ease;/* ゆっくり変化させる */
}

#post-57 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-64c5fad.elementor-section-full_width.elementor-section-stretched.elementor-section-height-default.elementor-section-height-default > div > div.elementor-column.elementor-col-25.elementor-top-column.elementor-element.elementor-element-b7a5883 > div > div > div > a > img:hover,#post-57 > div > div > section.elementor-section.elementor-top-section.elementor-element.elementor-element-cdf4812.elementor-section-full_width.elementor-section-height-default.elementor-section-height-default > div > div.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-03909ee > div > div > div > a > img:hover{
	transform: scale(1.1);/* 拡大 */
}


.ast-separate-container .comments-area {
/*     border-top: 0; */
	display: none;
}