/*
Theme Name:astra-child
Template:astra
Version:3.9.3
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;700&display=swap');

body{
	/** letter-spacing: 0.1em; **/
	line-height: 2em;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.site-title{
	font-size: 90%;
	letter-spacing: 0.1em;
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	/** display: block;
	font-weight: bold;
	margin-bottom: 10px; **/
}

.site-description{
	font-size: 80%;
	color: #6D5514;
}

.mincho, .uael-sub-heading{
	font-family: 'Noto Serif JP', serif;
}

.tel{
	background: url(images/icon_tel.png) no-repeat left center;
	padding: 0 0 0 20px;
	letter-spacing: 2px;
}

.btn a {
  display: block;
  position: relative;
  padding: 1em 2em;
  width: 70%;
  transition: 0.3s;
  /** margin: 0 auto;
  color: #fff;
  background-color: #fff;
  border: 1px solid #D7534B; **/
}

.btn a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -35px;
  transform: translateY(-50%);
  width: 70px;
  height: 1px;
  background-color: #263a99;
  transition: 0.3s;
}

.btn a:hover::after {
  transform: translateX(3px);
}

.btn-white a {
  display: block;
  position: relative;
  padding: 1em 2em;
  width: 70%;
  transition: 0.3s;
  color: #263A99 !important;
  background-color: #fff !important;
  border: 1px solid #263A99 !important;
}

.btn-white a:hover{
  color: #fff !important;
  background-color: #263A99 !important;
  border: 1px solid #263A99 !important;
}

.btn-white a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: -35px;
  transform: translateY(-50%);
  width: 70px;
  height: 1px;
  background-color: #263a99;
  transition: 0.3s;
}

.btn-white a:hover::after {
  transform: translateX(3px);
}

.text_box {
　position: relative;
　width: 100%;
　height: 300px;
  overflow: hidden;
 }
.text_box:after {
　position: absolute;
　content: '';
　top:0;
　left: 0;
　background: #338DC9;
　width: 100%;
　height: 100%;
　z-index: -1;
  transform: translateX(-100%);
  animation-name: test_box_slide;
　animation-duration:.5s;
　animation-fill-mode: forwards;
　transform: translateX(-100%);
 }
@keyframes test_box_slide {
　0% {
　　transform: translate(-100%,0)
}
100% {
　transform: translate(0,0)
}
	

/** .elementor-background-video-container::after{
content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.1);
	background-image: radial-gradient(#000 30%, transparent 31%), radial-gradient(#000 30%, transparent 31%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
} **/

/** .main-header-bar-wrap{
	padding: 20px 0 10px 0;
} **/

.widget_recent_entries span.post-date{
	display: block !important;
}

li.widget-custom-menu-item{
	padding-right: 0;
	margin: 0;
}

.main-navigation{
	margin: 0;
	padding: 0;
}

ul.original_menu li{
	display: inline-block;
	margin: 0;
}

ul.original_menu li.first a, ul.original_menu li.first a:visited{
	color: #fff !important;
	background-color: #309639;
	padding: 20px 15px;
}

ul.original_menu li.second a, ul.original_menu li.second a:visited{
	color: #fff !important;
	background-color: #e99411 !important;
	padding: 20px 15px;
}

ul.original_menu li a:hover, ul.original_menu li.second a:hover{
	color: #fff !important;
	background-color: #3FAD35 !important;
	/** background: -moz-linear-gradient(left, #65e079, #16ce87) !important;
  	background: -webkit-linear-gradient(left, #65e079, #16ce87) !important;
  	background: linear-gradient(to right, #65e079, #16ce87) !important; **/
}

h2.elementor-heading-title{
	display: inline-block;
	/** border-bottom: 1px solid #333; **/
	padding-bottom: 20px !important;
}

/** h2.elementor-heading-title:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0px;
	display: inline-block;
	width: 34%;
	height: 1px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
} **/

/** table **/
.entry-content table{
	border-collapse: collapse !important;
	border: none !important;
}

.entry-content table th{
	border-right: none !important;
	border-bottom: 1px solid #3085d3 !important;
	padding: 15px 15px 15px 10px !important;
}

.entry-content table td{
	border-right: none !important;
	padding: 15px 15px 15px 10px !important;
}

/**　Top blog **/
dl.list dd{
	margin-left: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #F7F4E6;
}

#content p{
	margin-bottom: 20px;
}

/** footer{
	margin-top: 100px;
} **/

@media screen and (max-width: 480px) {
.slide-circle{
	display: none;
	}
}

/** breadcrumb **/
div.breadcrumbs {
  color: #fff;
}

div.breadcrumbs a{
  color: #aba8a8;
}

/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
 display:block!important;
 width:100%!important;
 border-top:none!important;
 -webkit-box-sizing:border-box!important;
 -moz-box-sizing:border-box!important;
 box-sizing:border-box!important;
}
.inquiry tr:first-child th{
 border-top:1px solid #fff!important;
}
/* 必須・任意のサイズ調整 */	
.inquiry .haveto,.inquiry .any {	
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
 text-align:left;
 font-size:14px;
 color:#444;
 padding: 20px 5px 20px 20px;
 width:30%!important;
 border-bottom: solid 1px #072679;
 vertical-align: middle;
 background: #fff;
}
/*通常欄*/
.inquiry td{
 font-size:13px;
 padding: 20px;
 border-bottom: solid 1px #B4D6F9;
 background: #fff;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #F1F8FF;	
}
/*必須の調整*/
.haveto{
 font-size:7px;
 padding:5px 10px;
 background:#d91a1a;
 color:#fff;
 border-radius:2px;
 margin-right:10px;
 position:relative;
 bottom:1px;
}
/*任意の調整*/
.any{
 font-size:7px;
 padding:5px 10px;
 background:#68b2fb;
 color:#fff;
 border-radius:2px;
 margin-right:10px;
 position:relative;
 bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn{
 display: block;
 padding:1em 0;
 margin:30px auto 0 auto;
 width:70%;
 background:#072679;
 color:#fff;
 font-size:18px;
 font-weight:bold;	 
 border-radius:2px;
 border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#14609E;
 color:#fff;
}

/** google reCAPTCHA　**/
.grecaptcha-badge { 
	visibility: hidden;
}
