/*
Theme Name: Lightning Child
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/
/*=====  タイトル等の余白  =====*/

.top_titel-margin{
	margin-bottom: 50px;
}

/*=====  タイトル等の余白  =====*/
/*=====  footerのロゴサイズ  =====*/
.wp-block-image {
	max-width: 50%;
}
/*=====  コピーライトの下  =====*/
.copySection p:nth-child(2){
	display:none;
}

.sectionBox {
	padding-top: 1em;
	padding-bottom: 0em;
	display: block;
}

.siteContent {
	padding: 0;
}

/*=====  resetCSS  =====*/

ul{
	margin:0;
	padding:0;
	list-style: none;
}

/*=====  resetCSS終わり  =====*/

.sp-span{
	display:none;
}

/* 記事の抜粋を消す */
.post-excerpt {
	display: none;
}

/* ヘッダーを透過させる */
.siteHeader {
	/*    position: absolute; */
	width: 100%;
	background-color: #fff!important;
	z-index: 1000;
	/*    top: 25px;  */
}

.siteHeader_logo{
	padding:0;
	line-height: 0;
}

.siteHeader_logo a {
	color: #333;
	width: auto;
}

.siteHeader_logo img {
	max-height: 64px;
}

.siteHeader .container {
	padding-top: 0px;
	padding-bottom: 0px;
}

.device-pc .gMenu>li>a {
	display: block;
	overflow: hidden;
	padding: 0px 1.8em;
}

.gMenu_name {
	font-size: 20px!important;
}

.gMenu li {
	line-height: 2!important;
	padding-bottom:0!important;
	padding-top:0!important;
}

/*ナビゲーションメニューの背景を透明に */
.gMenu_outer {
	background-color: transparent !important;
}

/* メニュー項目の文字色を調整 */
.gMenu > li > a {
	color: #3ABFFE;
}

.gMenu>li .gMenu_name {
	font-size: 20px;
}

.header_scrolled .gMenu_outer {
	background-color: rgba(255, 255, 255, 0.7)
}


/* スクロール時に背景色を付ける（オプション） */

/* body関連CSS */

h2,h3,p,a{
	text-align: center;
	margin: 0 auto;
}

a{
	display: inline-block;
}

h2,h3{
	border: none;
}

.subSection-title:after, h3:after {
	content: ".";
	border-bottom: none;
}

.button_style-1{
	padding: 5px 50px;
	display: inline-block;
	border-radius: 20px;
	font-size: 20px;
	background-color: #5FBCE7;
	color: #fff;
}

.button_space-1{
	margin-top: 30px;
	text-align: center;
}

/*  背景始まり  */

.bg_mizutama{
	background: url("/corporate/images/top/mizutama_1.png") no-repeat left top,
		url("/corporate/images/top/mizutama_2.png") no-repeat right top,
		url("/corporate/images/top/mizutama_3.png") no-repeat right bottom;
	background-size:100%; 
}

.bg{
	background-color:#000;
	color:#fff;
}

.bg_sikakutama{
	background: url("/corporate/images/top/sikaku_bg_1.png") no-repeat left top,
		url("/corporate/images/top/sikaku_bg_2.png") no-repeat right top,
		url("/corporate/images/top/sikaku_bg_3.png") no-repeat right bottom,
		url("/corporate/images/top/sikaku_bg_4.png") no-repeat left bottom;
	background-size:100%; 
}

.bg_sikakutama_white_1{
	background: 
		url("/corporate/images/top/sikakutama_white_1.png") no-repeat left top,
		url("/corporate/images/top/sikakutama_white_2.png") no-repeat right top,
		url("/corporate/images/top/sikakutama_white_3.png") no-repeat right bottom,
		#5FBCE7;
	background-size:100%; 
}


.section_inner_bg-img{
	position: relative;
	z-index: 1;
	padding: 100px 0;
}

.section_inner_bg-img::after,
.random-box::after {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0;
	width: 100vw; /* ビューポート全体の幅 */
	height: 100%; /* 必要に応じて高さ指定、pxや%も可 */
	background-size: cover;
	z-index: -1; /* 背景として */
	pointer-events: none; /* 必要に応じて */
}

.section_inner_bg-img::after{
	background: url("/corporate/images/top/section_bg_1.jpg") no-repeat center center;
	background-size: cover;
}

.random-box::after {
	background: url("/corporate/images/drone_bg-1.jpg") no-repeat center center;
}

/*  背景終わり  */

/* ボタン */

.blue_btn{
	background-color: #277A9F;
	border-radius: 10px;
	color: #fff;
	font-size: 15px;
	line-height: 1;
	padding: 10px 0;
	width: 175px;
	text-align: center;
	margin: 0;
}

.blue_btn:hover{
	color: #fff;
	background-color: #5acbff;
}

/* トップのアニメーション　*/

.random-box{
	position: relative;
	height: 400px;
	z-index: 1;
}

.animation_img{
	position: absolute;
	top: 0; left: 0;
	width: 100px;
	height: 100px;
}

/* トップのアニメーション終わり  */

/* body関連CSS終わり */

/* トップページCSS */
/* テキストCSS */

.h2_text-style{
	font-size: 50px;
	font-weight: bold;
	padding: 0;
}

.h2_under_text{
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: 400;
}

.main_text{
	font-size: 25px;
	font-weight: bold;
}

.site-header--layout--nav-float .site-header-logo {
	margin-right: 2em;
	width: auto;
}

.site-body{
	padding-top: 0;
}

.page-header-title{
	display: flex;
	flex-direction: column;
}

.page-header-title span:first-of-type,
.page-header-title span:last-of-type {
	font-size: 50px;
	font-weight: 600;
	color: #fff;
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
}

.page-header-title span:first-of-type{
	text-align: start;
	padding-bottom: 10px;
}

.page-header-title span:last-of-type {
	text-align: right;
	border-top: 4px solid #000;
	padding-top: 10px;
}

.page_title-bg {
	padding: 100px 0;
}

/* テキストCSS */
.top-genreguide_box div img{
	display: block;
}

.top-genreguide{
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.top-genreguide .h3-main-title_style-1{
	margin: 0;
	font-size: 28px;
  padding: 10px 0;
}

.top-genreguide_box div .p_style-1 span{
	display: inline-block;
}

/* トップページCSS */
/* 記事の編集CSS */

.category-posts .post {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #eee;
}

.category-posts .post-thumbnail {
	float: left;
	margin-right: 15px;
}

.category-posts .post-excerpt {
	overflow: hidden;
}

/* 記事のスタイル1 */

.post_title-style h4{
	font-size: 40px;
	text-align: center;
}

.post h2{
	padding:0;
	margin: 30px 0 0 0;
	font-size: 30px;
}

.category-posts .post{
	height: auto;
	margin:0;
	padding:0;
	border-bottom:none;
	width: 290px;
}

.post img{
	border-radius: 40px;
}

.news_inner-style .category-posts .post img {
	border-radius: 15px;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.7);
	width:100%;
}

.post img::after {
	content: "";
	display: block;
}

.category-posts{
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.post_inner_box-style {
	width: 100%;
}

/* 記事のスタイル 2 */

.new_inner-style .category-posts .post img{
	border: solid 15px #D2F0FE;
}

.post img::after {
	content: "";
	display: block;
}

.new_inner-style .category-posts .post h2 a{
	color: #fff;
}

/* 記事の編集CSS終わり */

.siteFooter {
	border-top: 1px solid #337ab7;
	background-color: #fff;
}


/* トップページCSS終わり */

/*  投稿ページ  */

.media a.media-body_excerpt {
	text-align: left;
}

.media .postList_thumbnail a {
	border: none;
}

.media .postList_thumbnail img {
	border: none;
	border-radius: 0;
}

/*=====  投稿ページヘッダー  ======*/

.page-header {
	background: url(/corporate/images/profile/profile_main-v.png) no-repeat center;
	height: 300px;
}

.page-header .container .row .col-md-12 .page-header_pageTitle{
	margin: 0;
	font-size: 60px;
	line-height: 300px;
	height: 300px;
	font-weight: bold;
	text-shadow: 1px 1px 5px #000;
}
/*=====  固定ページの設定  =====*/

/*=====  テスト  =====*/
section,
.custom-section,
.contact_inner-style {
	position: relative; 
	z-index: 1; 
}

.contact_inner-style{
	padding-top: 50px;
	padding-bottom: 50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 50px 265px;
}

.sikakutama_blue::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform: translateX(-50%);
	background: url("/corporate/images/top/sikaku_bg_1.png") no-repeat left top,
		url("/corporate/images/top/sikaku_bg_2.png") no-repeat right top,
		url("/corporate/images/top/sikaku_bg_3.png") no-repeat right bottom,
		url("/corporate/images/top/sikaku_bg_4.png") no-repeat left bottom,
		#F7F7F7;
	background-size: 100%; 
	z-index: -1;
}

.sikakutama_white_1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform: translateX(-50%);
	background: 
		url(/corporate/images/top/sikakutama_white_1.png) no-repeat left top,
		url(/corporate/images/top/sikakutama_white_2.png) no-repeat right top,
		url(/corporate/images/top/sikakutama_white_3.png) no-repeat right bottom,
		#5FBCE7;
	background-size:100%;
	z-index: -1;
}

.mizutama_white_1::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform: translateX(-50%);
	background: url("/corporate/images/top/mizutama_1.png") no-repeat left top,
		url("/corporate/images/top/mizutama_2.png") no-repeat right top,
		url("/corporate/images/top/mizutama_3.png") no-repeat right bottom;
	background-size: 100%; 
	z-index: -1;
}

.contact_inner-style::before {
	content: "";
	position: absolute;
	top: 0;
	left: 940px;
	width: 100vw;
	height: 100%;
	transform: translateX(-50%);
	background: url(/corporate/images/top/contact_inner_bg.png) no-repeat bottom, #fff;
	background-size: 30vw;
	z-index: -1;
	border-radius: 40px 0 0 0;
}

/*=====  アニメーションの記述  =====*/ 
/*=====  下から出てくる  =====*/   

/* 共通: 初期状態は透明＆移動 */
.bottom_fadein,
.category-posts,
.clear_fadein,
.right_fadein {
	opacity: 0;
	transition: opacity 0.8s cubic-bezier(.4,0,.2,1), transform 0.8s cubic-bezier(.4,0,.2,1);
	will-change: opacity, transform;
}

/* bottom_fadein: 下から */
.bottom_fadein {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity 0.8s cubic-bezier(.4,0,.2,1), transform 0.8s cubic-bezier(.4,0,.2,1);
	will-change: opacity, transform;
}

/* 1つずつ遅延させる */
.bottom_fadein.is-visible {
	opacity: 1;
	transform: translateY(0);
}
.bottom_fadein:nth-child(1).is-visible { transition-delay: 0s; }
.bottom_fadein:nth-child(2).is-visible { transition-delay: 0.2s; }
.bottom_fadein:nth-child(3).is-visible { transition-delay: 0.4s; }


/* 透明→表示 */
.clear_fadein,
.category-posts {
	transform: none;
}

.clear_fadein.is-visible,
.category-posts.is-visible {
	opacity: 1;
}

/* right_fadein: 右から */
.right_fadein {
	transform: translateX(40px);
}
.right_fadein.is-visible {
	opacity: 1;
	transform: translateX(0);
}

@media (max-width: 767.98px) {
	.footer-nav-list li a {
		display: block;
		padding-top: 1em;
		padding-bottom: 1em;
		text-align: start;
	}	
}

@media (max-width: 1200px) {
	.siteContent {
		padding: 0;
	}

	.gMenu li {
		margin-bottom: 10px !important;
		padding-top: 0 !important;
	}
	.company_img-style {
		width: 400px;
		height: 400px;
	}

	.contact_inner-style::before {
		top: 0;
		left: 777px;
		width: 100vw;
		height: 100%;
		background-size: 30vw;
	}

	.title_main,
	.title_sub {
		font-size: 40px;
	}

	.contact_foam {
		height:auto;
	}
}

@media (max-width: 992px) {
	.siteContent {
		padding: 0;
	}
	.siteHeader .container {
		padding-top: 0;
		padding-bottom: 0;
	}
	.siteHeader_logo img {
		min-width:100%;
		min-height: 100%;
	}

	.section_inner_bg-color {
		width: 240px;
		margin-bottom: 30px;
	}

	.category-posts .post {
		width: 240px;
		margin-bottom: 30px;
	}

	.section_outer_bg-color {
		margin-left: -219px;
	}

	.company_img-style {
		width: 250px;
		height: 250px;
		margin: 0px 0;
	}

	.page_title-bg {
		padding: 50px 0;
	}

	.title_main, .title_sub {
		font-size: 30px;
	}

	.company_table-style tr td{
		width: 40%;
	}

	.contact_foam {
		height:auto;
	}

	.contact_inner-style {
		padding: 50px 95px;
	}

	.contact_inner-style::before {
		top: 0;
		left: 507px;
		width: 100vw;
		height: 100%;
		background-size: 30vw;
		background-position: 461px 240px;
	}
}

@media (max-width: 768px) {
	.siteContent {
		padding: 0;
	}	

	.section_inner_bg-color {
		width: 200px;
	}

	.section_outer_flex {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.contact_foam {
		width: auto;
		height:auto;
	}

	.contact_inner-style::before {
		top: 0;
		left: 50%;
		width: 100vw;
		height: 100%;
		background-size: 320px;
		background-position: 391px 258px;
	}
}

@media (max-width: 575px) {
	.header_logo{
		text-align:center;
	}

	.header-size{
		width: 130px;
		margin: 0 auto;
	}

	.siteContent {
		padding: 0;
	}	

	.section_outer_flex,
	.category-posts {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;

	}

	.h2_text-style {
		font-size: 25px;
		font-weight: bold;
		padding: 0;
	}

	.h2_under_text {
		font-size: 15px;
	}

	.main_text {
		font-size: 15px;
	}

	.section_inner_bg-color {
		width: 100%;
		margin-bottom: 20px;
	}

	.section_inner_bg-color {
		width: 95%;
		margin-bottom: 20px;
	}

	.section-1_inner-style {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	.h3-main-title_style-1 {
		font-size: 25px;
		font-weight: bold;
		margin-top: 10px;
		padding-bottom: 0;
	}

	.button_space-2 {
		font-size: 15px;
	}

	.button_style-2 {
		margin-top: 10px;
	}

	.category-posts .post {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 80vw;
	}

	.news_inner-style .category-posts .post img {
		border-radius: 20px;
		width: 100%;
	}

	.post h2 {
		padding: 0;
		margin: 30px 0 0 0;
		font-size: 25px;
	}

	.category-posts .post {
		margin-bottom: 50px;
	}

	.section_outer_bg-color {
		max-width: none;
		top: 0;
		left: 50%;
		margin-left: -150px;
		min-width: 1120px;
	}

	.top_inquiry_text-style {
		width: 100%;
		padding: 0 15px;
	}

	.wp-block-image img {
		box-sizing: border-box;
		height: auto;
		max-width: 40%;
		vertical-align: bottom;
	}

	.contact_under_text {
		margin-left: 32px;
	}
	.title_main, .title_sub {
		font-size: 20px;
	}
	.company_title-style h3 {
		font-size: 30px;
	}

	.company_img-style {
		width: 200px;
		height: 200px;
		margin: 0px 0;
	}

	.company_table-style tr td{
		width: 40%;
	}

	td, th {
		padding: 5px;
		font-size: 13px;
	}

	.company_title-style {
		width: 100%;
	}

	.contact_foam {
		margin: 0px 0 0 0;
		width: auto;
		height:auto;
	}

	.company_outer-box {
		padding: 20px;
	}

	.contact_inner-style::before {
		top: 0;
		left: 50%;
		width: 100%;
		height: 100%;
		border-radius: 20px 20px 0 0;
		background-size: 350px;
		background-position: -40px 398px;
	}

	.contact_text-position h2, .contact_text-position p, .top_inquiry_text-style {
		text-align: center;
	}

	.contact_inner-style {
		padding-top: 30px;
		padding-bottom: 50px;
		height: 600px;
		padding: 50px 1em;
	}
	.sp-span{
		display:block;
	}

	/*=====  profileページ終わり  =====*/

	/*===== 実績一覧始まり =====*/
	/*===== 実績一覧終わり =====*/

}

@media (max-width: 991.98px) {
	.mainSection {
		margin-bottom: 0rem;
	}
}


.page-id-219 .page-header {
	background-size: cover;
	height: 300px;
}

/*===== 全体を通して始まり =====*/

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

}

@media (max-width: 575px) {

}

/*===== 全体を通して終わり =====*/

/*===== TOP始まり =====*/

.section-1_inner-style > div:first-of-type{
	margin-bottom: 50px;
}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

}

@media (max-width: 575px) {

}

/*===== TOP終わり =====*/

/*===== 会社概要始まり =====*/

/*.company_text-box-shadow{
box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}*/
.company_outer-box-reversed{
	flex-direction: row-reverse;
}

.company_inner-box-reversed{
	padding-left:30px;

}

.company_title-style-reversed{
	margin-left: auto;
}

.company_table-style{
	border-top: none;
	text-align: start;
}

.company_table-style tr th{
	width:20%;
	border-bottom: none;
	background-color:#F7F7F7;
}

.company_table-style tr{
	border-bottom: 1px solid #F7F7F7;
}

.company_table-style tr:last-child{
	border-bottom: none;
}

.company_table-style tr td{
	border-bottom: none;
}

.page_title-bg-2 {
	padding: 100px 0;
}

.page_title-bg-2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 100vw;
	height: 100%;
	transform: translateX(-50%);
	background: url("/corporate/images/company/company_main-v.png")no-repeat center;
	background-size: cover;
	z-index: -1;
}

.section-1_inner-style{
	padding-top: 50px;
	padding-bottom: 50px;
}

.a_box-style{
	display: flex;
	flex-direction: column;
}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

}

@media (max-width: 575px) {

}

/*===== 会社概要終わり =====*/

/*===== 事業紹介始まり =====*/

.section_outer_flex{
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

.section_inner_flex{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
}

.section_inner_bg-color{
	background-color: aliceblue;
	padding-bottom: 20px;
	flex: 1;
}

.h3-main-title_style-1{
	font-size: 30px;
	font-weight: bold;
	margin-top: 15px;
}

.p_style-1{
	padding-left: 1em;
	padding-right: 1em;
}

.button_style-2{
	margin-top: 20px;
}

.button_space-2{
	padding: 5px 30px;
	display: inline-block;
	border-radius: 10px;
	font-size: 20px;
	background-color: #5FBCE7;
	color: #fff;
}

img {
	width: 100%;
}

.company_box{
	padding-top:50px;
	padding-bottom: 50px;
}

.company_outer-box{
	background-color:#fff;
	padding:50px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.4);
}

.company_title-style{
	width:300px;
	margin-bottom: 30px;
}

.company_inner-box {
	flex: 1;
	min-width: 300px;
	max-width: 60%;
	padding-right: 30px;
	text-align: end;
}

.company_title-style h3{
	font-size: 40px;
	text-align:left;
	border-bottom: 1px solid #707070;
	padding: 0;
	font-weight: bold;
}

.company_title-style h3 span,
.company_title-style p span{
	color: #5FBCE7;
}

.company_title-style p{
	text-align:right;
	font-weight:bold;
}

.company_text-style p{
	text-align: left;
}

.company_text-style p{
	margin-bottom: 15px;
}

.company_title-style h3,
.company_text-style p:last-of-type{
	margin-bottom: 30px;
}

.company_img-style{
	width:500px;
	height:500px;
	margin: 70px 0;
}

.company_img-style img{
	width: 100%;
	height: 100%;/*autoと状況に応じて変える*/
	object-fit: cover;
	aspect-ratio: 420 / 300;
}

.text-title_inner_box .company_title-style h3{
	width: 100%;
}

@media (max-width: 1200px) {

	.company_img-style {
		width: 350px;
		height: auto;
		margin: 70px 0;
	}

}

@media (max-width: 992px) {

	.company_outer-box {
		gap: 30px;
	}

	.company_inner-box {
		max-width: 100%;
		padding-right: 0;
	}

	.company_img-style {
		width: 350px;
		margin: 0 auto;
	}

}

@media (max-width: 768px) {

	.company_title-style {
		width: 100%;
	}

	.company_inner-box {
		flex: 1;
		min-width: 100%;
		max-width: 100%;
		padding-right: 0px;
		padding-bottom: 30px;
	}

	.company_outer-box {
		justify-content: center;
		padding: 2em;
	}

	.title_main, .title_sub {
		font-size: 25px;
	}

	.company_title-style-reversed {
		margin-left: 0;
	}

	.company_inner-box-reversed {
		padding-left: 0px;
	}
}

@media (max-width: 575px) {

}

/*===== 事業紹介終わり =====*/

/*===== ドローン始まり =====*/
.sonae-outer_box{
	padding: 160px 0 100px;
}

.sonae-outer_box article{
	margin-bottom: 50px;
}

.sonae-outer_box article:last-of-type{
	margin-bottom: 0;
}

#post-17 .company-text p{
	text-align: start!important;
}

.sonae-outer_box article:nth-last-of-type(2) {
	flex-direction: row-reverse;
}

.icon-style{
	background-color: #0e425b;
	width: 200px;
	flex-shrink: 0;
}

.icon_outer-box{
	background-color: #fff;
	padding: 50px;
	display: flex;
	align-items: flex-start;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.4);
	gap: 40px;
}

.sonae-box{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sonae-box h3,
.sonae-box p{
	margin-bottom: 0;
	padding-bottom: 0;
}

.title-color_blue{
	font-size: 30px;
	font-weight: bold;
}

.title-color_blue h3{
	text-align: start;
}

.title-color_blue span{
	color: #5FBCE7;
}

.sonae-box .blue_btn{
	margin-left: auto;
}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.sonae-outer_box article:nth-last-of-type(2),
	.icon_outer-box {
		align-items: center;
		flex-direction: column;
	}

}


@media (max-width: 575px) {

}

/*===== ドローン終わり =====*/

/*===== 活用と体験始まり =====*/

.text-title-only{
	background-color:#fff;
	padding:50px;
	box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.4);
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.text-title_inner_box{
	display: flex;
	gap: 30px;
	margin-bottom: 30px;
}

.move-section{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

.move-section article *{
	text-align: start;
}

.move-text_box{
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.move-text_box *{
	margin-bottom: 0;
}

.move-title{
	font-size: 20px;
	font-weight: bold;
	margin: 0;
	line-height: 1em;
	margin-top: 15px;
}

.move-text{
	font-size: 15px;
}

.text-title_inner_box .company_title-style h3{
	width: 300px;
}

.osusume_shadow-box{
	margin-top: 30px;
	margin-bottom: 50px;
}

.osusume_shadow-box h3{
	text-align: start;
}

.osusume_shadow{
	box-shadow: 3px 3px 7px 0px #777777;
	text-align: start;
	padding: 20px;
}

.osusume_shadow ul{
	list-style: disc;
	padding-left: 1em;
}

.osusume_shadow ul li{
	margin-top: 0;
	margin-bottom: 0.5em;
}

.osusume_shadow ul li:last-of-type{
	margin-bottom: 0;
}

.company_inner-box .osusume-a{
	display: block;
	margin-left: auto;
}

.btn-box{
	text-align: center;
}

@media (max-width: 1200px) {

}

@media (max-width: 992px) {

}

@media (max-width: 768px) {

}


@media (max-width: 575px) {

}

/*===== 活用と体験終わり =====*/

/*===== お問い合わせ始まり =====*/

.bg_sikakutama_white_2{
	background:url("/corporate/images/top/sikakutama_2_white_1.png") no-repeat left top,
		url("/corporate/images/top/sikakutama_2_white_2.png") no-repeat right bottom,
		#5FBCE7;
	background-size:100%; 
}

.section_outer_bg-color{
	max-width: none;
	position: relative;
	top: 0;
	left: 50%;
	width: calc(50vw + 600px);
	height: 100%;
	margin-left: -209px;
	background-color: #fff;
	border-radius: 60px 0 0 0;
	overflow: hidden;
	min-width: 1120px;
}

.contact_inner-bg {
	position: relative; /* 疑似要素の絶対配置の基点に */
	padding: 50px 0 50px 50px;
	display: flex;
	flex-direction: column;
	/* 必要ならmin-height等も指定 */
}

.contact_inner-bg::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%; /* または画像サイズに合わせて調整 */
	height: 200px; /* 必要に応じて調整 */
	background: url(/corporate/images/top/contact_inner_bg.png) no-repeat bottom;
	background-size: contain;
	z-index: -1; /* 必要に応じて背景として下に表示 */
}

.top_inquiry_text-style{
	font-size: 15px;
	width: auto;
	text-align:center;
	margin:0;
}

.contact_text-position h2,
.contact_text-position p,
.top_inquiry_text-style{
	text-align: center;
}

.top_inquiry_text-space{
	margin-bottom:10px;
}

.formTable article{
	margin-bottom: 40px;
}

.formTable article:last-of-type{
	margin-bottom: 0;
}

.form-btn{
	text-align: end;
}

.form-name{
	margin-bottom: 15px;
}

.form-name small{
	margin-left: 10px;
}

.required{
	color: red;
}

.requigray{
	color: gray;
}

input[type=submit] {
	font-size: 1rem;
	border: none;
	background-color: #77DFFF !important;
	color: #fff;
	padding: .5em 2em;
	border-radius: var(--vk-size-radius);
}

.submitBlock{
	text-align: end;
	margin-top: 30px;
}

.wpcf7-spinner {
	display: none!important;
}

label{
	width: 100%;
}

.otoiawase_btm input{
	background-color: #007bff!important;
}

.contact_foam{
	margin: 50px 0 0 0;
	height: auto;
}

input,
textarea{
	background-color: #ececec !important;
}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
}

@media (max-width: 575px) {
}

/*===== お問い合わせ終わり =====*/