@charset "UTF-8";

.outlineFrame {
	padding: 0 0 70px;
}
.outline__title {
	width: 165px;
	padding: 5px;
	background-color: var(--gold);
	margin: 0 0 15px;
	text-align: center;
	font-size: 15px;
	color: #fff;
}
.outline_text {
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 20px;
}
.outlineFrame p {
	margin: 0 0 20px;
}

.innerPageSection {
	margin: 0 0 65px;
}
.sectionHeader__3 {
	margin: 0 0 30px;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 30px;
	font-family:
		"Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
	color: var(--navy);
}
.sectionHeader__3:after {
	display: block;
	content: "";
	width: 64px;
	height: 2px;
	margin: 5px 0 0 ;
	background-color: var(--gold);
}

.pageSection p {
	margin: 0 0 27px;
}
.flexbox__1-1 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 50px;
}
.flexbox__1-1--child {
	flex: 0 0 calc( 50% - 20px );
}
[class*="flexbox"] img {
	width: 100%;
	height: auto;
}
.originalPhoto img {
	width: 100%;
	height: auto;
}

.flexbox__1-4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 50px;
}
.flexbox__1-4--child {
	flex: 0 0 calc( 25% - 20px );
}
.flexbox__3-4--child {
	flex: 0 0 calc( 75% - 10px );
}
.innerPageSection h4 small {
	display: inline-block;
	margin: 0 0 0 5px;
	font-weight: 500;
	font-size: 70%;
}


/* Drone Shot （ドローンによる不動産空撮）
------------------------- */
.infraredSurvey__flow {
	counter-reset: my-counter;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
}
.infraredSurvey__flow li {
	flex: 0 0 202px;
	position: relative;
	padding: 13px 0 7px;
	border: solid 1px var(--soft-gray);
	border-radius: 4px;
}
.infraredSurvey__flow li:after {
	display: block;
	position: absolute;
	top: 0;
	right: -65px;
	content: "";
	width: 64px;
	height: 100%;
	background-image: url("../img/icon/rounded_corners_triangle_right.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 20px 20px;
}
.infraredSurvey__flow li:last-child:after {
	display: none;
}
.infraredSurvey__flow li span {
	display: block;
	text-align: center;
}
.infraredSurvey__flow li strong {
	display: block;
	padding: 0 0 7px;
	text-align: center;
	font-weight: 700;
	color: var(--navy);
}
.infraredSurvey__flow li strong:before {
	display: inline-block;
	transform: rotate(0.05deg);
	content: counter(my-counter);
	counter-increment: my-counter;
	width: 27px;
	height: 27px;
	margin: 0 5px 0 0;
	background-color: var(--navy);
	vertical-align: 2px;
	letter-spacing: 1px;
	line-height: 27px;
	text-align: center;
	text-indent: 2px;
	font-weight: 500;
	font-size: 15px;
	color: #fff;
}
.infraredSurvey__flow li figure {
	margin: 0;
}
.infraredSurvey__flow li img {
	display: block;
	margin: 10px auto 0;
}
.drone__photo img {
	overflow: hidden;
	object-fit: cover;
	aspect-ratio: 16 / 9;
}

.alonePhoto {
	margin: 0 0 50px;
	text-align: center;
}
.flexbox__1-1 figcaption,
.alonePhoto figcaption {
	font-weight: 700;
	font-size: 15px;
}
.alonePhoto img {
	max-width: 100%;
	height: auto;
}

/* 利用料金 */
.priceArea {
	padding: 30px;
	background-color: var(--pale-gray);
}
.priceArea__inner {
	display: flex;
}
.priceHeader__3 {
	flex: 0 0 190px;
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	padding: 0 20px 0 0;
	border-right: solid 1px var(--gold);
	font-weight: 600;
	font-family:
		"Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
	font-size: 12px;
}
.priceHeader__3 strong {
	display: block;
	margin: 0 0 20px;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 36px;
	font-family:
		"Cormorant", "Times New Roman", "Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
}
.priceHeader__3 strong:after {
	display: block;
	content: "";
	width: 44px;
	height: 2px;
	margin: 5px 0 0 ;
	background-color: var(--gold);
}
.priceHeader__3 span {
	letter-spacing: 1px;
}
.priceArea__inner .innerPageSection {
	flex: 0 0 calc( 100% - 190px );
	padding: 0 0 0 40px;
	margin: 0;
}
.innerPageSection h4 {
	margin: 17px 0;
	font-weight: 700;
	font-size: 23px;
	font-family:
		"Noto Sans JP",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: var(--navy);
}
.innerPageSection h4:before {
	content: "\f0c8";
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	vertical-align: 2px;
	font-weight: 900;
	font-size: 17px;
	color: var(--gold);
}
.priceArea__inner .innerPageSection h4 {
	font-size: 16px;
}
.priceArea__inner .innerPageSection h4:before {
	display: none;
}
.innerPageSection h5 {
	margin: 10px 0;
	font-weight: 700;
	font-size: 20px;
}
.innerPageSection h5:before {
	content: "\f0da";
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #333;
}
.innerPageSection h6 {
	font-weight: 700;
	font-size: 16px;
}
.kakko {
	display: inline-block;
	width: 100px;
	margin: 0 5px 0 0;
	padding: 3px 0;
	background-color: var(--navy);
	text-align: center;
	font-weight: 500;
	font-size: 13px;
	color: #fff;
}
.pageSection .no-mgn {
	margin: 0;
}
.pageSection .price {
	margin: 0 0 7px;
}
table.details_of_charges {
	width: 100%;
	margin: 0 0 50px;
	border-top: dotted 1px var(--soft-gray);
}
table.details_of_charges th,
table.details_of_charges td {
	padding: 2px 10px 2px;
	border-bottom: dotted 1px var(--soft-gray);
	font-size: 14px;
}
table.details_of_charges th {
	min-width: auto;
	width: 125px;
	background-color: #dfe9e9;
	text-align: left;
	font-weight: 500;
}



/* 使用機材タイトル */
.equipmentUsed__header2 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100vw;
	height: 135px;
	margin: 0 calc( 50% - 50vw ) 50px;
	background-color: #212121;
	background-image: url("../img/title/back_black2.jpg");
	background-position: center 65%;
	background-size: cover;
	color: #fff;
}
.equipmentUsed__header2 span {
	letter-spacing: 5px;
	font-weight: 600;
	font-size: 24px;
	font-family:
		"Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
}
.equipment-photo img {
	object-fit: cover;
	aspect-ratio: 16 / 9; 
	width: 100%;
	height: auto;
}
.center-bold {
	display: block;
	text-align: center;
	font-weight: 700;
}

/* 製品仕様のテーブル */
table.productSpec {
	width: 100%;
}
table.productSpec th {
	min-width: auto;
	width: 275px;
	background-color: #fff;
	text-align: left;
	font-weight: 500;
}

/* 画像 */
[class*="flexbox"] img.flexbox__1-1--child__Photo {
	width: 360px;
	height: auto;
}

/* 関連リンク */
.aboutUs__contents--naviCard {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 250px;
	margin: 0 0 25px 0;
	color: #fff;
}
.aboutUs__contents--naviCard:after {
	transition: all .3s ease-out;
	position: absolute;
	z-index: 1;
	display: block;
	content: "";
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.aboutUs__contents--naviCard#naviCard__YaneGaiheki:after {
	background-image: url("../img/page/drone-shot/03.jpg");
}
.aboutUs__contents--naviCard#naviCard__SekiGaiheki:after {
	background-image: url("../img/page/infrared-survey/03.jpg");
}
.aboutUs__contents--naviCard#naviCard__SekiAmamori:after {
	background-image: url("../img/page/infrared-survey/25.png");
}
.aboutUs__contents--naviCard:hover:after {
	transform: scale(1.2);
}

.aboutUs__contents--navigation.flexbox__col2,
.aboutUs__contents--navigation.flexbox__col3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.aboutUs__contents--navigation.flexbox__col1 {
	display: flex;
	justify-content: center;
}
.aboutUs__contents--navigation.flexbox__col1 .aboutUs__contents--naviCard {
	flex: 0 0 50%;
}
.aboutUs__contents--navigation.flexbox__col2 .aboutUs__contents--naviCard {
	flex: 0 0 calc( 50% - 10px );
}
.aboutUs__contents--navigation.flexbox__col3 .aboutUs__contents--naviCard {
	flex: 0 0 calc( 33.333% - 10px );
}
.naviCard__inner {
	transition: 0.4s;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 250px;
	background-color: rgba(0, 34, 85, 0.6);
}
.naviCard__inner:hover {
	background-color: rgba(0, 34, 85, 0.25);
}
.innerPageSection .aboutUs__contents--naviCard h4 {
	margin: 17px 0;
	letter-spacing: 2px;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.innerPageSection .aboutUs__contents--naviCard h4:before {
	display: none;
}
.readMoreButton .lato {
	display: block;
	width: 130px;
	height: 30px;
	margin: 25px auto 0;
	line-height: 30px;
	text-align: center;
	font-size: 11px;
}
.readMoreButton span.lato {
	border: solid 1px #fff;
	color: #fff;
}
.naviCard__inner .description {
	padding: 0 15px;
	font-size: 13px;
	line-height: 1.5;
}

.sectionHeader__3.relatedLinks {
	display: inline-block;
	margin: 0 0 20px;
	padding: 6px 30px 7px;
	letter-spacing: 2px;
	font-size: 18px;
	/*background-color: var(--gold);*/
	background-color: var(--navy);
	/*box-shadow: 5px 5px 0 rgba( 184, 168, 33, 1.0 );*/
	box-shadow: 5px 5px 0 rgba( 117, 194, 233, 1.0 );
	color: #fff;
}
.sectionHeader__3.relatedLinks:after {
	display: none;
}

.contactButton.relatedLink {
	width: auto;
	padding: 0 20px;
}
.relatedLink .innerContactButton:before {
	display: none;
}
.relatedLink .innerContactButton:after {
	display: inline-block;
	content: "\f105";
	margin-left: 15px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

/* Visible Camera （高所点検ポールと可視光ジンバルカメラ）
------------------------- */
.flexbox__1-3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flexbox__1-3--child {
	flex: 0 0 calc( 33.33% - 40px );
	margin: 0 0 20px;
}

.circle-chevron-right {
	list-style-type: none;
	margin: 20px 0 20px 10px;
}
.circle-chevron-right li {
	margin: 0 0 7px;
}
.circle-chevron-right li:before {
	display: inline-block;
	content: "\f138";
	margin-right: 3px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #212121;
}

.wrap-video {
	margin: 0 auto 50px;
}

.aspectRe_16_to_9 {
	object-fit: cover;
	aspect-ratio: 16 / 9;
}

/* Infrared Building Deterioration （赤外線外壁点検）
------------------------- */
#infrared-building-deterioration .pageSection #section_2 .mgb {
	margin: 0 0 70px;
}

/* Insulation Material （赤外線断熱材欠損・筋交い欠損点検）
------------------------- */
#insulation-material .pageSection #section_1 .mgb {
	margin: 0 0 70px;
}

/* Drone Inspection （屋根・外壁劣化点検）
------------------------- */
.numberList.kizai dt {
	font-weight: 700;
	font-size: 18px;
	color: var(--navy);
}
.numberList.kizai figcaption span {
	display: block;
	font-size: 13px;
	text-align: center;
}

/* About Us
------------------------- */
.table1 {
	width: 100%;
}

/* FAQ
------------------------- */
.faq__item {
	margin: 0 0 50px;
	padding: 0 0 50px;
	border-bottom: solid 1px var(--soft-gray);
}
.faq__item h3 {
	display: flex;
	position: relative;
	margin: 0 0 30px;
	font-weight: 700;
	font-size: 18px;
	font-family:
		"Noto Sans JP",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: var(--navy);
}
.faq__item h3:before {
	display: block;
	content: "Q.";
	position: relative;
	top: -7px;
	margin: 0 10px 0 0;
	font-family:
		"Cormorant", "Times New Roman", "Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
	font-size: 30px;
}
.faq__item .ans {
	display: flex;
	position: relative;
}
.faq__item .ans:before {
	display: block;
	content: "A.";
	position: relative;
	top: -7px;
	margin: 0 10px 0 0;
	font-family:
		"Cormorant", "Times New Roman", "Noto Serif JP",
		"游明朝", "Yu Mincho",
		"游明朝体", "YuMincho",
		"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
		"MS 明朝", "MS Mincho",
		"ＭＳ Ｐ明朝", "MS PMincho",
		serif;
		font-size: 30px;
}

/* Site Map
------------------------- */
.menuList {
	margin: 0 0 50px;
}
.menuList .menu {
	list-style-type: none;
	margin: 0 10px 20px 10px;
}
.menuList .menu a {
	transition: 0.4s;
	display: block;
	padding: 10px 20px;
	margin: 0 0 10px;
	border: solid 1px #000;
	color: #000;
}
.menuList .menu a:hover {
	background-color: var(--navy);
	border: solid 1px var(--navy);
	color: #fff;
}

.privacyPolicy dl {
	margin: 0 0 50px;
}
.privacyPolicy dt {
	margin: 0 0 5px;
	font-weight: 700;
	font-size: 17px;
	font-family:
		"Noto Sans JP",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
}
/* End of file */