@charset "UTF-8";
/*
Template: swell
Theme Name: SWELL CHILD
Theme URI: https://swell-theme.com/
Description: SWELLの子テーマ
Version: 1.0.0
Author: LOOS WEB STUDIO
Author URI: https://loos-web-studio.com/

License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/
@media(max-width:700px){
	.fv-container h2.wp-block-heading {
		margin: 0;
		font-size: 2em;
	}
}
.header-jp {
    color: white;
    padding: 5px 10px;
    border: 1px solid white;
}


.post_content .contact_tel_text{
	font-size: 40px;
	margin-bottom:0;
	padding: 0;
}
.contact-item{
	display: flex;
	margin-bottom: 30px;
}
.contact-title{
	width: 180px;
	font-weight: 400;
}
.contact-item .wpcf7-list-item{
	margin: 0;
	margin-right: 20px;
}
.contact-item button, 
.contact-item select, 
.contact-item input,
.contact-item textarea{
	background: none;
	border: 0.5px solid #656565;
	width: 100%;
}

.contact-item input[type="radio"],
.contact-item input[type="checkbox"]{
	width: auto;
}

.post_content .contact-item p:last-child{
	width: 60%;

}
.contact-item [type=submit]{
	width: 320px;
	background: #333333;
	color:white;
}
.p-mainVisual__textLayer{
	justify-content: end;
	top: unset;
	bottom: 50px;
	font-weight: bold;
}
.bg-blue {
	background-image: url('https://en.omg-corp.jp/wp-content/uploads/2025/06/img-bg-blue.png');
	background-repeat: repeat;
	background-size: auto; /* サイズそのまま */
	background-position: top left; /* 初期位置 */
}

.bg-black {
	background-image: url('https://en.omg-corp.jp/wp-content/uploads/2025/06/img-bg-black.png');
	background-repeat: repeat;
	background-size: auto; /* サイズそのまま */
	background-position: top left; /* 初期位置 */
}


.border-title strong {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-weight: bold;
	font-size: 1.2em;
	color: #333;
	gap: 1em; /* テキストと線の間 */
}

.border-title strong::before,
.border-title strong::after {
	content: "";
	width:4em;
	height: 2px;
	background-color: #333;
}
.border-title-white.border-title strong{
		color: white;
}

.border-title-white.border-title strong::before,
.border-title-white.border-title strong::after {
	background:white;
}

.post_content .highlight-line {
  display: inline;
  background: linear-gradient(
    to top,
    rgb(226, 192, 134) 0.3em,
    transparent 0.3em
  );
}



@media(max-width:780px){
	.p-mainVisual__textLayer{
		bottom: 80px;
	}
	.column_reverse {
    flex-direction: column-reverse;
}
}