/*
Theme Name: Ｂｌｕｅ Ｆｏｒｅｓｔ Ｗｏｒｋｓ_ver_02_2025
Theme URL:
Author:
Author URI:
Description: Ｂｌｕｅ Ｆｏｒｅｓｔ Ｗｏｒｋｓ_のテンプレートver01
Version: 9999
Tags:
License:
License URI:
*/
/* ==========================================================================
   Foundation
   ========================================================================== */
/* Reset
   ----------------------------------------------------------------- */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav.gnav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:500;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav.gnav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
figure{margin-bottom:0;}
/* Base
   ----------------------------------------------------------------- */
.serif{
	font-family: "Noto Serif JP", sans-serif;
	font-weight: 500;
	font-style: normal;
}

body{
	font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 500;
	color:#eee;
	background:#333;
	max-width:2400px;
	margin:0 auto;
}
a{
	text-decoration:none;
	color:#FFC420;
}

img{
	vertical-align:top;
	max-width:100%;
	height:auto;
}
figcaption{
	text-align:center;
	font-size:clamp(13px, 1.5vw, 16px);
	line-height:1.5em;
	margin:5px 0;
}
ol{list-style:none}

/* ==========================================================================
   共通
========================================================================== */
html{
	font-size:clamp(13px, 2vw, 16px);
	scroll-padding-top: 50px;
}
main{/*overflow:hidden;*/}

/*main内の通常リンク*/
main a:not([class]){
	/*border-bottom:solid 1px #FFC420;*/
}
main a:not([class]):hover{
	opacity:0.8;
	color:#FFEEBE;
}


/*文字寄せ*/
.txt-right{text-align:right;}
.txt-center{text-align:center;}
/*一文字空白*/
.indent{text-indent: 1em;}
/*URL改行防止*/
main p{word-break: break-all;}


/*共通ボタン*/
.btn {text-align:center;margin-bottom:1rem;}
.btn a{
	font-size:clamp(11px, 2vw, 16px);
	box-sizing:border-box;
	line-height:1.25rem;
	text-align:center;
	min-width:300px;
	display:inline-block;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	margin:0 auto;
	border-radius:30px;
	padding:1rem;
}
.btn a:hover{
	opacity: 1;
}
.btn a.com{
	background:#FFEEBE;
	color:#004F87;
}
.btn a.com:hover{
	background:#FFEEBE;
	color:#fff;
}
@media screen and (max-width: 480px){
	.btn a{min-width:200px;}
}




/*外部リンクボタン*/
.btn-blank {text-align:center;}
.btn-blank a{
	font-size:clamp(13px, 2vw, 14px);
	box-sizing:border-box;
	border-radius:25px;
	line-height:35px;
	padding:0.25rem 1.5rem 0.25rem 1.5rem;
	position: relative;
	background:rgb(252,130,136);
	color:#fff;
	text-align:center;
	min-width:160px;
	display:inline-block;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	margin:0 auto;
}
.btn-blank a:after{
	content:" ";
	display:inline-block;
	width:14px;
	height:14px;
	margin-left:.5rem;
	background-image:url(img/icon-blank.svg);
	bakcground-position:center;
	background-repeat:no-repeat;
	background-size:100%;
}




/*共通テーブル*/
table.tbl100{width: 100%;}
.tbl01 td,
.tbl01 th{
	padding: 2rem 1rem ;
	line-height: 1.75rem;
	font-size:clamp(13px, 1.5vw, 16px);
	
}
.tbl01{
	margin-bottom: 2rem;
	box-sizing: border-box;
}
.tbl01 th{
	vertical-align: top;
	text-align: left;
	border-bottom:solid 1px #00E9C9;
}
.tbl01 td{
	border-bottom:solid 1px #FFFFFF;
}



@media screen and (max-width: 768px){
.scroll{
	overflow: auto;
	white-space: nowrap;
	margin-bottom: 1em;
}
.scroll table{
	width: 100%;
	margin-bottom: 0.5em;
}
}
@media screen and (max-width: 480px){
.tbl01 td,
.tbl01 th{padding: 1rem 0.5rem;}
}



/*線なしのミニテーブル*/
.tbl-min{
	margin-bottom: 2rem;
	box-sizing: border-box;
}
.tbl-min td,
.tbl-min th{
	padding: 0.5rem ;
	line-height: 1.5rem;
	font-size:clamp(13px, 1.5vw, 16px);
}
.tbl-min th{
	vertical-align: top;
	text-align: left;
}


/*mapレスポンシブ*/
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/*動画レスポンシブ*/
.yt_movie {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.yt_movie iframe {
  width: 100%;
  height: 100%;
}
/*matterportレスポンシブ*/
.mp{
	width: 100%;
  aspect-ratio: 16 / 9;
}
.mp iframe {
  width: 100%;
  height: 100%;
}

/*tel スマホサイズのみクリック可*/
@media (min-width: 769px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

.sec{padding:4rem 2rem;}
@media screen and (max-width: 768px){.sec{padding:3rem 2rem;}}
@media screen and (max-width: 480px){.sec{padding:2rem 2rem;}}
.inner{ 
	max-width:1400px;
	margin:0 auto;
	box-sizing:border-box;
}
.inner1100{
	max-width:1100px;
	margin:0 auto;
	box-sizing:border-box;
}

.inner800{
	max-width:800px;
	margin:0 auto;
	box-sizing:border-box;
}


/*見出し*/

/*共通の見出しサイズ*/
h1,
h2,
h3,
h4,
h5,
p{line-height:1.75em;}

h1:not(.not){font-size:clamp(32px, 3.5vw, 52px);}
h2:not(.not){font-size:clamp(24px, 3.5vw, 40px);}
h3:not(.not){font-size:clamp(20px, 3vw, 32px);}
h4:not(.not){font-size:clamp(18px, 2.5vw, 24px);}
h5:not(.not){font-size:clamp(15px, 2.25vw, 20px);}
h6:not(.not){font-size:clamp(13px, 2vw, 16px);}
p,a{font-size:clamp(13px, 1.5vw, 16px);}

h1:not(.not) span,
h2:not(.not) span,
h3:not(.not) span,
h4:not(.not) span,
h5:not(.not) span,
h6:not(.not) span{display:inline-block;}
p span{display:inline-block;}

/*共通の見出し装飾と余白*/
.bold{font-weight: 700;}
h1:not(.not){
	margin-bottom:2rem;
}
h2:not(.not){
	margin-bottom:1rem;
}

h3:not(.not){margin-bottom:1rem;font-weight: 700;}
h4:not(.not){margin-bottom:1rem;}
h5:not(.not){margin-bottom:1rem;}
p:not(.not){margin-bottom:1rem;}



/*黄色い下線有り見出し*/
.h2_tit01 {
position:relative;
z-index:1;
}
.h2_tit01:before{
	content: "";
	position: absolute;
	bottom: -16px;
	left: 0;
	margin: 0 auto;
	z-index: -1;
	display: block;
	width: 50px;
	height: 7px;
	background:#FFC420;
}
.h2_tit01.txt-center:before{right:0;}
.h2_tit01:after{
	position: absolute;
	content:attr(data-en);
	top:-20px;
	right:0;
	color:#555555;
	font-size:16px;
	z-index:1;
	font-size:clamp(50px, 15vw, 120px);
	font-weight:bold;
}


.h2_tit01 span{
	position:relative;
	z-index:2;
	display:inline-block;
	font-weight:bold;
}

/*黄色い背景有り見出し*/
h2.h2_tit02 {
	background:#FFC420;
	padding:1.5rem 1rem;
	text-align:center;
	color:#333;
	font-size:clamp(21px, 3vw, 40px);
}

/*色付き見出し*/
.ac-color{color:#00E9C9;}



/*固定ページ共通*/
.page-top{
	margin-bottom:0;
	position:relative;
	height:400px;
	margin-left:120px;
}

.page-top .page-tit{
	position: relative;
  z-index:1;
	top:4rem;
	left: -80px;
	padding:2rem 3rem;
	box-sizing:border-box;
	font-weight:bold;
	color:#fff;
	background:#8A6329;
	display:inline-block;
	font-size:clamp(20px, 3vw, 40px);
	
}

.page-top .pagetop-img img{
		position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
@media screen and (max-width: 960px){
.page-top{height:280px;margin-left:80px;}
.page-top .page-tit{left:-60px;padding:1.5rem 2rem;}
}
@media screen and (max-width: 480px){
.page-top{
	height:180px;margin-left:1rem;
	
	}
.page-top .page-tit{
	top:2rem;
	left:-5px;
	padding:1rem ;
	}
}

/*共通リスト*/

/*ドットが丸のリスト*/
ul.list01{
	margin-left: 0.5rem;
	margin-bottom:1rem;
}
ul.list01 > li{
	font-size:clamp(15px, 2vw, 18px);
	line-height: 1.5em;
	padding:.0 0 0 16px;
	position:relative;
	margin-bottom:.5rem;
	color:#00E9C9;
}
ul.list01 > li:before{
	content: "";
	position:absolute;
	left:4px;
	top:calc(0.5em + 4px);
	width:4px;
	height:4px;
	background:#00E9C9;
	display: block;
	border-radius: 50%;
}

/*ドットが歪んだ丸のリストmini*/
ul.list01-min{
	margin-left: 0.5rem;
}
ul.list01-min > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 1.5em;
	padding:0 0 0 26px;
	position:relative;
	margin-bottom:1rem;
}
ul.list01-min > li:before{
	content: "";
	position:absolute;
	left:4px;
	top:calc(1em / 2);
	width:10px;
	height:10px;
	background:rgb(97 193 190);
	display: block;
	border-radius: 41% 59% 48% 52% / 52% 50% 50% 48%;
}

/*inlist*/
ul.list01 > li ul{margin-left:1rem;}

/*ドットがシンプルなリスト*/
ul.list02{
	margin-left: 0.5rem;
	margin-bottom:2rem;
}
ul.list02 > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 1.5em;
	margin: 0 0 1rem 0;
	padding:0 0 0 1.5rem;
	position:relative;
}
ul.list02 > li:before{
	content: "";
	position:absolute;
	left:7px;
	top:calc((1rem + 3px) / 2);
	width:6px;
	height:6px;
	background:#fff;
	display: block;
	border-radius:10px;
}
ul.list02 > li ul{margin-left:1rem;}

/*inlineリスト*/
ul.list-inline > li{
	display:inline-block;
	margin-right:1rem;
	font-size:clamp(14px, 2vw, 16px);
	margin-bottom:1rem;
	line-height:1.5rem;
}

/*手前に■付きinlineリスト*/
ul.list-inline-sq > li{
	display:inline-block;
	margin-right:1rem;
	font-size:clamp(14px, 2vw, 16px);
	margin-bottom:1rem;
	line-height:1.5rem;
}
ul.list-inline-sq > li:before{
	content:"\0025a0";
	margin-right:5px;
}


/*チェックリスト*/
ul.list-check{
	margin-left: 0.5rem;
	margin-bottom:2rem;
}
ul.list-check > li{
	font-size:clamp(15px, 2vw, 18px);
	line-height: 2em;
	padding:0 0 0 36px;
	position:relative;
	margin-bottom:.5rem;
}
ul.list-check > li:before{
	content: "";
	position:absolute;
	left:4px;
	top:calc(.5em + 2px);
	width:23px;
	height:16px;
	background-image:url(img/icon-check.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:100% auto;
	display: block;

}
@media screen and (max-width: 768px){
	ul.list-check > li{padding-left:23px;}
	ul.list-check > li:before{width:14px;heght:18px;}
}

ol.list-num01 {
	margin-left: 0.5rem;
	margin-bottom:2rem;
	counter-reset: listnum;
}
ol.list-num01 > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 2em;
	margin: 0 0 1rem 0;
	padding:0 0 0 26px;
	position:relative;
}
ol.list-num01 > li:before{
	position: absolute;
	left: 0px;
	counter-increment: listnum;
	content: counter(listnum) ".";
	width: 23px;
	text-align: right;
	color:#00E9C9;
}

/*（）付き数字リスト*/

ol.in-list-num {
	margin-left: 0.5rem;
	margin-bottom:2rem;
	counter-reset: listnum;
}
ol.in-list-num > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 2em;
	margin: 0 0 1rem 0;
	padding:0 0 0 26px;
	position:relative;
}
ol.in-list-num > li:before{
	position: absolute;
	left: 0px;
	counter-increment: listnum;
	content: "(" counter(listnum) ")";
	width: 23px;
	text-align: right;
}

/*背景色用*/
.bg-cream{
	background-color:rgb(255,246,225);
}
.bg-mizu{
	
}
/*共通Column 3→1Column*/
.col3-1{display:flex;flex-wrap:wrap;}

@media screen and (min-width: 769px){
.col3-1 > li{width:calc((100% - 2rem) / 3);margin-right:1rem;margin-bottom:1rem;}
.col3-1 > li:nth-child(3n){margin-right:0;}
}
@media screen and (min-width: 481px) and (max-width: 768px){
.col3-1 > li{width:calc((100% - 1rem) / 2);margin-right:1rem;margin-bottom:1rem;}
.col3-1 > li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width: 480px){
	.col3-1 {display:block;}
	.col3-1 > li{margin-right:0;}
}

/*共通Column 3→２Column*/
.col3-2{display:flex;flex-wrap:wrap;}

@media screen and (min-width: 769px){
.col3-2 > li{width:calc((100% - 2rem) / 3);margin-right:1rem;margin-bottom:1rem;}
.col3-2 > li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width: 768px){
.col3-2 > li{width:calc((100% - 1rem) / 2);margin-right:1rem;margin-bottom:1rem;}
.col3-2 > li:nth-child(2n){margin-right:0;}
}
/*共通Column 2*/

.col2 .item{margin-bottom:1rem;}

@media screen and (min-width: 581px){
.col2{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:2rem;
}
.col2 > .item{width:calc((100% - 2rem) / 2);margin-right:2rem;margin-bottom:2rem;}
.col2 > .item:nth-child(2n){margin-right:0;}
/*テキストと画像が並ぶ場合*/
.col2 > .item-txt{flex:1;margin-bottom:2rem;}
.col2 > .item-img{width:calc((100% - 2rem) / 2);margin-left:2rem;margin-bottom:2rem;}
}


/* ==========================================================================
   Layout
========================================================================== */


/* Header と side
----------------------------------------------------------------- */
header{
	padding:0;
	width: 100%;
    /*box-sizing: border-box;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    height: 90px;*/

}

.header-in{
	margin:0 auto;
	padding:0 1rem 0 0;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
	box-sizing:border-box;
	width: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    height: 90px;
		background-color:rgba(0,0,0,0.45);
}
#index .header-in{background-color:none;}
.h-logo{
	box-sizing:border-box;
	padding:1rem;
	display: flex;
	align-items: center;
	position: fixed;
	mix-blend-mode: difference;
	z-index: 99999;
	left: 0;
	top: 0;
	height:90px;
}
.h-logo a{
	font-size:clamp(20px, 3.5vw, 40px);
	color:#fff;
	display:block;
	line-height:1em;
	font-weight:bold;
}

.to-conact a{
	display:block;
	min-width:200px;
	box-sizing:border-box;
	text-align:center;
	font-size:clamp(14px, 2vw ,16px);
	padding: 20px;
	background:#FFC420;
	color:#333;
	font-weight:bold;
	border-radius:40px;
}
.to-conact a:hover{
	background:#FFEEBE;
}
@media screen and (min-width: 981px) and (max-width: 1260px){
.to-conact a{min-width:160px;padding:15px;}
}
@media screen and (max-width: 980px){
.header-in,
.h-logo{
	height:60px;
}

.to-conact {margin-right:calc(60px - 1rem);}
.to-conact a{min-width:140px;padding:10px;}
}

@media screen and (max-width: 480px){

	.to-conact a{padding:10px;min-width:unset;}
}

.header-in .h-nav-wrap{
	flex:1;
	display: flex;
	justify-content: flex-end;
	    align-items: center;
}
.h_nav > li > a,
.h_nav > li > span{
	color:#fff;
	display:block;
	padding:.75rem 1rem;
	line-height:1.25em;
	font-size:clamp(15px, 2vw ,16px);
	position:relative;
	text-shadow: 0 0 2px #888;
}
.h_nav li a:hover{opacity:0.8;}



/*tab sp ナビ*/
.globalMenuSp-in::-webkit-scrollbar{width: 8px;}
.globalMenuSp-in::-webkit-scrollbar-track{background-color: #ddd;}
.globalMenuSp-in::-webkit-scrollbar-thumb{background-color: #F2AC7F;}


@media screen and (min-width: 981px) and (max-width: 1260px){
.to-conact a{min-width:160px;}
}

@media screen and (min-width: 981px){
	.sp-nav {display:none;}
	.header-in .sp-logo,
	.header-in .sp-sub-logo{display:none;}
.navToggle{display:none;}
.header-nav{
	position:relative;
	z-index:99;
	padding:.5em 0;
	flex: 1;
	max-width: 1000px;
}
.header-nav-in{
	margin: auto;
	border-radius:10px;
}
.h_nav{
	display: table;
	width: 100%;
	
}
.h_nav > li {
	display: table-cell;
	vertical-align: middle;

}
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
/* ドロップダウン内のリンク */
.dropdown-content a {
  color: black;
  padding: .75rem 1rem .75rem 1rem;
  text-decoration: none;
  display:flex;
	background:#FFC420;
	position:relative;
}
.dropdown-content a:after{
	content:"";
	display:inline-block;
	width:8px;
	height:14px;
	background-image:url(img/min-arrow.svg);
	background-repeat:no-repeat;
	margin-left:auto;
}
/* ホバー時のドロップダウンリンクの色を変更する */
.dropdown-content a:hover {background-color: #FFEEBE;}
/* ホバー時にドロップダウンメニューを表示する */
.dropdown:hover .dropdown-content {display: block;}
/* ドロップダウンのコンテンツが表示されているときのドロップダウンボタンの背景色を変更 */
.dropdown:hover .dropbtn {background-color: #3e8e41;}


}



@media screen and (max-width: 980px){
	
nav.globalMenuSp {
	position: fixed;
	height: 100%;
	z-index: 99999;
	top: 0;
	right: 0;
	background:#333333;
	color: #000;
	transform: translateX(100%);
	transition: all 0.6s;
	width: 100%;
	max-width:320px;
	margin:0;
	padding-bottom:45px;
	border-left:solid 1px #ddd;
	box-sizing:border-box;
}
.globalMenuSp-in{
	position:fixed;
	height: calc(100vh - 1rem);
	padding:60px 15px 0 ;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	width:100%;
	box-sizing:border-box;
	display: flex;
	flex-direction: column;
}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
	transform: translateX(0%);
	display:block;
	top:0px;
}
.navToggle {
	display: block;
	position: absolute;
	right: 0;
	top: 0px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	z-index: 999999;
	text-align: center;
}
.navToggle span {
	display: block;
	position: absolute;    /* .navToggleに対して */
	width: 30px;
	height:2px;
	background:#fff;
	border-radius:2px;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 15px;
	
}
.navToggle span:nth-child(1) {top: 18px;}
.navToggle span:nth-child(2) {top: 42px; }
.navToggle span:nth-child(3) {top: 30px;}
.navToggle span:nth-child(4) {display:none;}
.navToggle.active{position:fixed; }
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
	top: 30px;
	left: 15px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
	top: 30px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.navToggle.active span:nth-child(3),
.navToggle.active span:nth-child(4){display:none;}



@media screen and (max-width: 480px){
	.navToggle{top:0;}
}


/*ハンバーガー内のナビ*/

.sp-logo{
	margin:0 auto 1rem;
}
.sp-logo a{color:#fff;}
.h_sub_nav{
	display:flex;
	flex-wrap:wrap;
}
.h_sub_nav > li{
	width:50%;
	margin-bottom:1px;
}
.h_sub_nav > li a{
	color: #fff;
	display: block;
	padding: .75rem 1rem;
	line-height: 1.25em;
	font-size: clamp(12px, 2vw, 16px);
	position: relative;
	background:#FFC420;
	color:#333;
	border-right:solid 1px #333;
}

}

/*----ハンバーガー end----*/


/* footer
---------------------------------------------------------------- */
footer{
	/*background:#EEF8FF;
	padding:4rem 2rem;*/
}

.f_inner{
	max-width:1100px;
	margin:0 auto;
}
.f-nav > li{margin-bottom:1rem;}
.f-nav > li a{
	display:inline-block;
	color:#555;
}
.f-nav > li a:hover{
	opacity:0.8;
}
@media screen and (min-width: 769px){
	.f-nav{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:1rem;
}
.f-nav > li{
	font-size:0;
	vertical-align: bottom; 
	box-sizing: border-box;
	
}
.f-nav > li a{
	padding:1px 1rem;
	box-shadow:1px 0 0 #555,-1px 0 0 #555;
	background:#EEF8FF;
}
}
@media screen and (max-width: 768px){
.f-nav-wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	margin-bottom:3rem;
}
.f-nav:nth-child(2n-1){margin-right:2rem;}

}
@media screen and (max-width: 480px){
	.f-nav{flex:1;}
}


.f_inner .item01{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-top:1rem;
}
.f_inner .item01 .logo-wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.f-logo{
	height: 46px;
	margin-right: 1rem;
}
.sub-logo{
	height: 46px;
	margin-right: 1rem;
}
.f-logo img,
.sub-logo img{
	width: auto;
	height: 46px;
}

.add-wrap{
	margin-top:1rem;
}
.add-wrap .add,
.add-wrap .tel{
	margin-bottom:0;
}
.add-wrap .tel a{color:#555;}

.f_inner .icon-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:2rem;
}
.f_inner .icon-list li{
	padding: 1px .5rem;
	display: inline-block;
}
.f_inner .icon-list li a{
	display: inline-block;
}
.f_inner .icon-list li a img{
	max-width:24px;
}

.address{
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:clamp(11px, 2vw, 15px);
}



.totop{
	position:fixed;
	z-index:9;
	right:0;
	bottom:0;
}
.totop a{
	display:block;
	background:#ffc420;
	width:45px;
	height:45px;
	position:relative;
}
.totop a:before{
	content:" ";
	position:absolute;
	left: calc(50% - 10px);
	top: calc(50% - 8px);
	width: 20px;
	height: 14px;
	clip-path: polygon(0 14px, 10px 0, 20px 14px, 17px 14px, 10px 4px, 3px 14px);
	background:#fff;
}
@media screen and (max-width: 480px){
	.totop{bottom:0;}
	.totop a{width:45px; height:45px;}
}


/*pagenavi*/
.pagenavi{
	color: #fff;
	margin: 20px auto 20px;
	line-height:2em;
	text-align:center;
	clear: both;
	margin-bottom:2em;
}
.pagenavi a{
	text-decoration:none;
	color: #fff;
	background: #72aed6;
}
.pagenavi a:hover{background:#296e9d;}
.pagenavi a.page-numbers, .pagenavi .current{
	line-height: 33px;
	display: inline-block;
	padding: 0 12px;
	text-decoration: none;
	font-size: 16px;
	border-radius:30px;
}
.pagenavi .current{
	color: #fff;
	background: #a1a1a1;
	font-weight: bold;
}
.pagenavi .prev.page-numbers,
.pagenavi .next.page-numbers{
	background:none;
	color:#1f1f1f;
}
@media screen and (max-width: 480px){
	.pagenavi a.page-numbers, .pagenavi .current{
		font-size:12px;
		padding:0 9px;
		line-height:24px;
	}
	
}

/*記事内*/

#single .entry_content h1:not(.not){
	font-size:clamp(24px, 3.5vw, 40px);
	margin-bottom:2rem;
	font-weight:bold;
}
#single .entry_content h2:not(.not){
	border-bottom:solid 1px #ccc;
	font-size:clamp(22px, 3.5vw, 34px);
	margin-bottom:2rem;
	font-weight:bold;
	border:none;
	padding:0;
}
#single .entry_content h2:not(.not):before{
	content: "";
	background: none;
}
#single .entry_content h3:not(.not){
	font-size:clamp(20px, 3vw, 28px);
	margin-bottom:2rem;
	font-weight:bold;
}
#single .entry_content h4:not(.not){
	font-size:clamp(16px, 2.75vw, 22px);
	margin-bottom:2rem;
	font-weight:bold;
}
#single .entry_content h5:not(.not){
	font-size:clamp(13px, 2.5vw, 18px);
	margin-bottom:2rem;
	font-weight:bold;
}
#single .entry_content h6:not(.not){
	font-size:clamp(14px, 2.25vw, 18px);
	margin-bottom:2rem;
	font-weight:bold;
}
#single .entry_content p:not(.not){
	font-size:clamp(14px, 2vw, 16px);
	margin-bottom:2rem;
}
#single .entry_content b,
#single .entry_content strong{
	font-weight:bold;
}


#single .entry_content a{
	text-decoration:underline;
}

#single .entry_content img{
	display:inline-block;
	margin-bottom:5px;
}

#single .entry_content p.date{margin-bottom:0;color:#999;}


#single .entry_content ul:not(.list01){
	margin-left: 0.5rem;
	margin-bottom:2rem;
}
#single .entry_content ul:not(.list01) > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 2em;
	margin: 0 0 1rem 0;
	padding:0 0 0 26px;
	position:relative;
}
#single .entry_content ul:not(.list01) > li:before{
	content: "";
	position:absolute;
	left:7px;
	top:15px;
	width:4px;
	height:4px;
	background:#5A391D;
	display: block;
	border-radius:10px;
}
#single .entry_content ul > li ul(.list01){margin-left:1rem;}
#single .entry_content ol:not(.list-num01) {
	margin-left: 0.5rem;
	margin-bottom:2rem;
	counter-reset: listnum;
}
#single .entry_content ol:not(.list-num01) > li{
	font-size:clamp(14px, 2vw, 16px);
	line-height: 2em;
	margin: 0 0 1rem 0;
	padding:0 0 0 26px;
	position:relative;
}
#single .entry_content ol:not(.list-num01) > li:before{
	position: absolute;
	left: 0px;
	counter-increment: listnum;
	content: counter(listnum) ".";
	width: 23px;
	text-align: right;
}




#single .to-cat{padding:1rem 0;}
#single .to-cat ul{
	display: flex;
	flex-wrap:wrap;
	justify-content: flex-end;
}
#single .to-cat ul li a{
	display:inline-block;
	color:#fe8f93;
	border:solid 1px #fe8f93;
	padding:8px 12px;
	margin-left:8px;
	border-radius:5px;
	font-size:;
}
#single .to-cat ul li a:before{
	content:"\00bb";
	margin-right:4px;
}
#single .to-cat ul li a:hover{
	background:#fe8f93;
	color:#fff;
}


/*次の記事*/
.navigation{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.navigation .alignleft,
.navigation .alignright{
	width:50%;
	box-sizing:border-box;
	position:relative;
}
.navigation .alignleft{padding-right:1rem;}
.navigation .alignright{padding-left:1rem;text-align:right; /*border-left:solid 1px #ddd;*/}

.navigation .next,
.navigation .prev{
	position:absolute;
	z-index:1;
	top:0;
	background:#61c1be;
	padding:3px 6px;
	color:#fff;
	font-size:12px;
}

.navigation .next{right:0;}
.navigation .prev{left:0;}


.navigation .tit{margin-bottom:0;}
.navigation a{
	display:block;
	padding:2rem 0;
	font-weight:bold;
	position:relative;
}
.navigation .date{
	position:absolute;
	bottom:5px;
	font-size:12px;
	color:#666;
}
.navigation .alignleft .date{left:0;}
.navigation .alignright .date{right:0;}


/* ==========================================================================
   カテゴリー
========================================================================== */

/*
.blog-list{
	margin-bottom:2rem;
}
.blog-list > li{
	border-bottom: solid 1px #555;
}
.blog-list > li a{
	display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 0;
}
.blog-list > li a span{
	width: 6em;
}
.blog-list > li a h2{
	flex:1;
	line-height:1em;
}
*/

/*パンくず*/
#breadcrumb{
	max-width: 1280px;
	margin: 0 auto 1rem;
	box-sizing:border-box;
	padding:8px;
	background:rgb(255,246,225);
	border-radius:4px;
}
#breadcrumb ul{display:flex;flex-wrap:wrap;}
#breadcrumb ul li{
	padding:0 .8rem 0 0;
	font-size:.8rem;
	line-height: 1rem;
}
#breadcrumb ul li a{font-size:.8rem;}
#breadcrumb ul li:not(:first-child):before{
	content:"\003e";
	display:inline-block;
	margin-right:5px;
}


@media screen and (max-width: 769px){
	#breadcrumb ul li{padding:0 0.2rem 0 0 ; font-size:0.7rem;}
	#breadcrumb ul li a{font-size:0.7rem;}
}


/* ==========================================================================
   main内共通
========================================================================== */


.bg-service{
	background-image: url(img/service_bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
}

.page_top{
	padding:calc(6rem + 90px) 2rem 6rem;
}
.page_top .page_tit{
	max-width:1400px;
	margin:0 auto;
}
.page_top .page_tit .page_sub_tit{
	font-size:clamp(32px, 4.5vw, 72px);
	font-weight:bold;
	margin-bottom:1rem;
	letter-spacing:1px;
}
.page_top .page_tit h1{
	font-size:clamp(24px, 3.5vw, 40px);
	font-weight:bold;
	letter-spacing:1px;
}

@media screen and (max-width: 980px){
	.page_top{padding:calc(3rem + 90px) 2rem 3rem;}
}
@media screen and (max-width: 480px){
	.page_top{padding:calc(2rem + 60px) 2rem 2rem;}
}



/*下部のお問い合わせ*/

.to-toiawase{
	background:#1F6E63;

}
.to-toiawase .tit{
	margin-bottom:4rem;
}

.to-toiawase .cont{
	
}
.to-toiawase .cont .item{
	text-align:center;
	margin-bottom:2rem;
}

.to-toiawase .cont .item:nth-child(2){
	flex:1;
}

.to-toiawase .cont .item .tel a{
	color:#fff;
	font-size:clamp(28px, 3.5vw, 52px);
	font-weight:bold;
	margin-bottom:1rem;
}

.to-toiawase .cont .item .to-form a{
	color:#fff;
	font-size:clamp(24px, 3.5vw, 40px);
	font-weight:bold;
}
.to-toiawase .cont .item .to-form a:before{
	content:"";
	display:inline-block;
	 width: clamp(21px, 3.5vw, 48px);
	height: 2.5rem;
	background-image: url(img/icon-mail.svg);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	top: 1px;
	margin-right: 10px;
}
.to-toiawase .cont .item .to-form a:hover{
	color:#ffc420;
}
@media screen and (min-width: 641px){
	.to-toiawase .cont{display:flex;flex-wrap:wrap;}
	.to-toiawase .cont .item:nth-child(1){
		margin-right:2rem;
		width:calc((45% - 2rem) );
	}
}



/*flow*/


@media screen and (min-width: 681px){
	.flow .inner{
	display:flex;
	flex-wrap:wrap;
}
	.flow .inner .tit{
	width:35%;
	margin-right:2rem;
}
}


.flow .inner .tit{
	margin-bottom:4rem;
}

.flow .inner .cont{
	flex:1;
}


.flow .inner .tit h2{margin-bottom:2rem;}
ol.flow-list {
	counter-reset: listnum;
}
ol.flow-list li{
	position:relative;
	margin-bottom:3rem;
	padding:0 0 0 3rem;
	display:flex;
	flex-wrap:wrap;
}


ol.flow-list > li:before{
	content:"";
	position: absolute;
	top:24px;
	left: 0px;
	width:24px;
	height:24px;
	box-sizing:border-box;
	border-radius:12px;
	border:solid 4px #00E9C9;
	background:#fff;
	
}

ol.flow-list > li:not(:last-child):after{
	content:"";
	position:absolute;
	top:48px;
	left:12px;
	width:1px;
	height:calc(100% + 2rem);
	background:#00E9C9;
}
ol.flow-list > li .step{width:100px;margin-right:2rem;}
ol.flow-list > li .txt{flex:1;}
@media screen and (max-width: 1080px){
ol.flow-list li{padding:0 0 0 2rem;}
ol.flow-list > li .step{width:60px;margin-right:1rem;padding-top: 0.5rem;}
ol.flow-list > li:before{top:16px;}
ol.flow-list > li:not(:last-child):after{top:40px;}
}
@media screen and (max-width: 480px){
	ol.flow-list > li .step{width:40px;margin-right:1rem;padding-top: 0.5rem;}
	ol.flow-list > li:before{top:8px;}
ol.flow-list > li:not(:last-child):after{top:32px;}
}


/*費用*/
.price{
	
}
@media screen and (min-width: 681px){
	.price .inner{
	display:flex;
	flex-wrap:wrap;
}
	.price .inner .tit{
	width:35%;
	margin-right:2rem;
}
}


.price .inner .tit{
	margin-bottom:4rem;
}

.price .inner .cont{
	flex:1;
}


/*引用*/

blockquote{
	box-sizing:border-box;
	padding:1.5rem;
	margin-bottom:2rem;
	background:#444;
	border-left:solid 3px #666;
	position:relative;
}
blockquote:before{
    position:absolute;
    font-family:'FontAwesome';
    content:'\f10d';
    font-size: 20px;
    color:#666;
}
blockquote p{
    position:relative;
    padding-left:30px;
}
blockquote cite{
    display: block;
    font-size:0.8rem;
    color:#888;
    text-align:right;
}
blockquote cite a{
	font-size:0.8rem;
}

/* ==========================================================================
   section別
========================================================================== */

/*index トップ画像*/
#index-catch{
	position:relative;
}
#index-catch .catch-txt{
	max-width:1400px;
	margin:auto 1rem;
	font-size:clamp(24px, 4.5vw, 52px);
	position:absolute;
	top: 0;
  bottom: 0;
	display: flex;
    flex-wrap: wrap;
		align-items:center;
    justify-content: center;
		flex-direction:column;
		letter-spacing:4px;
}
#index-catch .catch-txt h2{
	font-size:clamp(24px, 4.5vw, 52px);
	font-weight:bold;
	margin-top:3rem;
}
#index-catch .catch-txt p{
	font-size:clamp(18px, 2.5vw, 30px);
}



@media screen and (min-width: 1420px){
	#index-catch .catch-txt{margin:auto calc((100% - 1400px) / 2);}
}
@media screen and (max-width: 681px){
	#index-catch .catch-txt{letter-spacing:1px;}
	
#index-catch .catch-img img{
	aspect-ratio: 3 / 2;
	object-fit: cover;
}
}



/*indexお知らせ*/

@media screen and (min-width: 481px){
	.news-list{
	display:flex;
	flex-wrap:wrap;
}
.news-list > li{
	width: calc((100% - 5em) / 3);
	margin-right: 2.5rem;
	margin-bottom:2.5rem;
}
.news-list > li:nth-child(3n),
.news-list > li:last-child{margin-right:0;}
}
@media screen and (max-width: 480px){

.news-list > li{
	margin-bottom:1rem;
}
.news-list > li a{
	display:flex;
	flex-wrap:wrap;
}
.news-list > li a .img-wrap{
	max-width:100px;
	margin-right:1rem;
}
.news-list li .txt-wrap{
	flex:1;
}
}

.news-list > li a,
.news-list > li a:hover{
	border-bottom:none;
}

.news-list li .img-wrap{
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 340 / 255;
	overflow: hidden;
	margin-bottom: 1rem;
}

.news-list li .img-wrap img{
	width: 100%;
	height: auto;
	aspect-ratio: 340 / 255;
	object-fit: cover;
	object-position: center top;
}

.news-list li .txt-wrap .date{
	display:block;
	color:#999;
	margin-bottom:.5rem;
	font-size: clamp(10px, 1.5vw, 14px);
}
.news-list li .txt-wrap h3{
	color:#555;
	font-size: clamp(13px, 2vw, 16px);
	
}


/*事業*/
#top-service{
	background-image:url(img/service_bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment: fixed;
	background-position:center;

}


#top-service .tit{margin-bottom:4rem;}

.service-bnr a{
	border:solid 3px #FFC420;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	margin-bottom:3rem;
		position:relative;
		color:#fff;
}

.service-bnr a:not(.nolink):hover{
	border:solid 3px #FFEEBE;
	opacity:1;
}


.service-bnr .item-txt{
	padding:2rem;
	z-index:1;
}
.service-bnr a:not(.nolink):hover .item-txt{
	color:#ffc420;
	
}
.service-bnr a:not(.nolink):hover .bnr-sub-tit span{
	border-color:#ffc420;
}

.bnr-tit{margin-bottom:1rem;}
.bnr-tit b{
	display:inline-block;
	font-size:clamp(38px, 6.5vw, 70px);
	line-height:1.25em;
	font-weight:bold;
	margin-right:8px;
	text-shadow:0 0 3px #555;
}
.bnr-tit span{
	display:inline-block;
	font-size:clamp(20px, 4vw, 32px);
	line-height:1.25em;
	font-weight:bold;
	text-shadow:0 0 3px #555;
}
.bnr-tit .inimg{
	margin:1rem 0;
}


.bnr-sub-tit span{
	display:inline-block;
	font-size:clamp(18px, 3vw, 32px);
	border:solid 1px #eee;
	padding:1rem;
	font-weight:bold;
	text-shadow:0 0 3px #555;
}

@media screen and (min-width: 1000px){
.service-bnr .item-txt{padding-left:4rem;}
}

@media screen and (min-width: 581px){

.service-bnr .item-txt{
	position:absolute;
	left:0;
	top:0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.bnr-tit .inimg{	width:50%;}
.service-bnr .item-img {
 	width:54%;
	max-width:780px;
	text-align:center;
	margin-left:auto;
}
.service-bnr .item-img .img-clip{
clip-path: polygon(6rem 0%, 100% 0%, 100% 100%, 0% 100%);
}

}

@media screen and (max-width: 580px){
.service-bnr a{
	max-width:400px;
	margin:0 auto 2rem;
	flex-direction:column;
	align-items: flex-start;
}
.service-bnr .item-img {
 	width:100%;
	text-align:center;
	margin-left:auto;
}
.service-bnr .item-img .img-clip{
clip-path: polygon(0 3rem, 100% 0%, 100% 100%, 0% 100%);

}


}

@media screen and (max-width: 380px){
.service-bnr .item-txt {padding:1rem;}
}

.service-bnr a.nolink{pointer-events: none; }
.service-bnr a .btn{
	position:absolute;
	right:-1px;
	bottom:-1px;
	z-index:1;
}

.service-bnr a .btn{
	display:inline-block;
	width:200px;
	padding: 1rem 0.5rem 1rem 3rem;
	box-sizing:border-box;
	font-size:clamp(15px, 2.25vw, 20px);
	color:#333;
	line-height:1.5rem;
	font-weight:bold;
	clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
	background:#FFC420;
	margin:0;
}
.service-bnr a .btn:after{
	content:"\003e";
	display:inline-block;
	margin-left:1rem;
}
.service-bnr a:not(.nolink):hover .btn{
	background: #FFEEBE;
}



/*お問合せ*/

#contact{
	
}
@media screen and (min-width: 681px){
#contact .col{
	display: flex;
	flex-wrap: wrap;
}
#contact .col .box{
	width: calc((100% - 2rem) / 2);
}
#contact .col .box:nth-child(1){
	margin-right:2rem;
}
}

#contact .box{
	margin-bottom: 1rem;
}
#contact .box .tit{
	display: flex;
	flex-wrap: wrap;
	margin-bottom:0;
}
#contact .box h3{
	font-weight: bold;
	font-size: clamp(14px, 2vw, 18px);
	margin-bottom: 1rem;
}
#contact .box h3 span{
	background-color:#dc3232;
	color:#fff;
	font-weight: bold;
	margin-left: 8px;
	font-size:clamp(12px, 1.5vw, 16px);
	padding:2px 14px;
	margin-right:4px;
	border-radius: 4px;;
}
#contact .box input,
#contact .box textarea{
	padding: 1rem;
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #CBC9C6;
	line-height: 2em;
	border-radius: 10px;
	font-size: clamp(14px, 2vw, 18px);
}
.form-agreement{
	font-weight: bold;
font-size: clamp(14px, 2vw, 18px);
	margin-bottom: 2rem;
}
.form-agreement input[type="checkbox"]{
	    width: 20px;
    height: 20px;
    vertical-align: sub;
}
#contact .box .wpcf7-form-control-wrap{display:block;}
.form-submit{
	text-align:center;
}
.form-submit input[type="submit"]{
	padding: 0 3em;
	line-height: 70px;
	font-size: clamp(16px, 2.5vw, 20px);
	font-weight: bold;
	background: #ffc420;
	border: none;
	box-sizing: border-box;
	color: #333;
	letter-spacing: 1px;
	border-radius: 35px;
}

/*個人情報保護方針*/
#policy .item{margin-bottom:4rem;}

/*住宅展示場*/
.item-mp:not(:last-child){
	margin-bottom:4rem;
}
.item-mp .tit{
	margin-bottom:3rem;
}


@media screen and (min-width: 681px){
.item-mp{
	display:flex;
	flex-wrap:wrap;
}
.item-mp .tit{
	width:35%;
	margin-right:2rem;
}
}



.item-mp .mp{
	flex:1;
}





/*matterport*/

#mp01 .inner .item-txt .tit{margin-bottom:3rem;}
#mp01 .inner .item-txt{margin-bottom:3rem;}
@media screen and (min-width: 769px){
	#mp01 .inner{
	display:flex;
	flex-wrap:wrap;
}
#mp01 .inner .item-txt{
	width:calc((100% - 2rem ) / 2);
	margin-right:2rem;
}

#mp01 .inner .item-img{
	width:calc((100% - 2rem ) / 2);
	display:flex;
	align-items:flex-end;
}
}

#mp-top .tit{margin-bottom:3rem;}

#mp-top .cont h2{
	margin-bottom:3rem;
}
#mp-top .num-box{
	display:flex;
	flex-wrap:wrap;
	
}
#mp-top .num-box li{
	border:solid 2px #00E9C9;
	box-sizing:border-box;
	position:relative;
	z-index:2;
	font-size:clamp(18px, 1.75vw, 23px);
	line-height:1.75em;
	margin-bottom:2rem;
}
#mp-top .num-box li:nth-child(4n){margin-right:0;}
#mp-top .num-box li span.num{
	position:absolute;
	right:8px;
	top:8px;
	z-index:-1;
}

@media screen and (min-width: 1301px){
	#mp-top .num-box li{
	width:calc((100% - 6rem) / 4);
	padding:1.5rem;
	margin-right:2rem;
	
}
#mp-top .num-box li:nth-child(4n){margin-right:0;}
#mp-top .num-box li span.num{
}
}

@media screen and (max-width: 1300px){
	#mp-top .num-box li{
		width:calc((100% - 3rem) / 4);
		margin-right:1rem;
		padding:1.5rem;
		}
	
}
@media screen and (max-width: 980px){
	#mp-top .num-box{max-width:680px; margin:0 auto;}
	#mp-top .num-box li{
		width:calc((100% - 1rem) / 2);
		padding:1rem;
		margin-right:1rem;
		margin-bottom:1rem;
		font-size:clamp(14px, 2.5vw, 28px);
		}
		#mp-top .num-box li:nth-child(2n){margin-right:0;}
		#mp-top .num-box li span.num img{width:auto; height:30px;}
}
@media screen and (max-width: 480px){
	#mp-top{padding:2rem 1rem;}
	#mp-top .num-box li{
		width:calc((100% - 8px) / 2);
		padding:8px;
		margin-right:8px;
		}
}


/*Matterportコンテンツ*/
#mp-cont h2.h2_tit02{margin-bottom:0;}
.cont-mp{
	padding:4rem 2rem;
}
.cont-mp .inner1100{
	/*
	display:flex;
	flex-wrap:wrap;*/
}
.cont-mp .inner1100 h2{

	font-size:clamp(32px, 3.5vw, 52px);
}
.cont-mp .inner1100 h2 span{font-weight:bold;}
.cont-mp .inner1100 .list-check{
	flex:1;
	border:solid 1px #FFFFFF;
	padding:2rem;
	margin-bottom:0;
}

@media screen and (min-width: 769px){
.cont-mp .inner1100 {
display:flex;
	flex-wrap:wrap;
	align-items: center;
}

.cont-mp .inner1100 h2 { width:420px;margin-right:2rem; }
.cont-mp .inner1100 .list-check { flex:1;}
}

@media screen and (min-width: 769px) and (max-width: 1100px){
	
	.cont-mp .inner1100 h2 { width:25%;margin-right:2rem; }
	
}


@media screen and (max-width: 768px){
	.cont-mp .inner1100 h2 br{display:none;}
}
@media screen and (max-width: 480px){
	.cont-mp{padding:2rem;}
}


.cont-fukidashi{
	background:#444444;
	padding:4rem 2rem;
	position:relative;
}

.cont-fukidashi:before{
	content:"";
	background:#444;
	position:absolute;
	width:100px;
	height:35px;
	left:calc(50% - 50px);
	top:-34px;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.cont-fukidashi .ratio{
	margin-bottom:2rem;
}
.cont-fukidashi .ratio strong{
	font-size:clamp(20px, 3vw, 32px);
	font-weight:bold;
}
.cont-fukidashi .ratio strong span{
	font-size:clamp(32px, 3.5vw, 52px);
	padding:0 8px;
	font-weight:bold;
}

.cont-fukidashi h3{
	font-size:clamp(18px, 2.5vw, 24px);
}

@media screen and (min-width: 769px){
.cont-fukidashi .inner1100 {
display: grid;
  grid-template-columns: calc(420px + 2rem) 1fr 1fr; /* 3つの列、それぞれ1fr */
  grid-template-rows: auto auto; /* 自動の高さに調整 */
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.cont-fukidashi .inner1100 .item-tit { grid-area: 1 / 2 / 2 / 4; }
.cont-fukidashi .inner1100 .item-img { grid-area: 1 / 1 / 3 / 2; width: calc(420px + 2rem); padding-right:2rem;}
.cont-fukidashi .inner1100 .item-txt { grid-area: 2 / 2 / 3 / 4; }

}

@media screen and (max-width: 768px){
	.cont-fukidashi .inner1100 .item-img {text-align:center;margin-bottom:2rem;}
	.cont-fukidashi .ratio{text-align:center;}
}


/*ドローン*/
#dr-top .tit{margin-bottom:3rem;}
#dr-cont h2.h2_tit02{
	margin-bottom:0;
}

.cont-dr{
	padding:4rem 2rem;
}
.cont-dr .col .item{
	margin-bottom:2rem;
}
@media screen and (min-width: 620px){
	.cont-dr .col{
	display:flex;
	flex-wrap:wrap;
}
.cont-dr .col .item{
	width:calc((100% - 2rem) /2);
	display:flex;
	flex-direction:column;
	
}
.cont-dr .col .item:nth-child(2n-1){margin-right:2rem;}
.cont-dr .col .item img{ margin-top:auto;}
}


.cont-dr .col .item .box{
	border:solid 1px #fff;
	padding:1.5rem;
}
.cont-dr .col .item .box p:last-child{margin-bottom:0;}
.cont-dr .col .item .box p.big{
	font-size:clamp(15px, 2.25vw, 20px);
}

.dr-notice{
	max-width:1400px;
	margin:2rem auto 6rem;
	border:solid 1px #707070;
	box-sizing:border-box;
	padding:1.5rem;
}
.dr-notice h2{
	font-size:clamp(16px, 2.25vw, 20px);
	margin-top:1rem;
	margin-bottom:1rem;
}
.dr-notice h3{
	font-size:clamp(15px, 2vw, 18px);
	margin-bottom:1rem;
}
@media screen and (max-width: 1420px){
	.dr-notice{margin:2rem 1rem 4rem;}
}


/*サーモカメラ*/
.cont-tc{
	padding: 4rem 2rem;
}

.cont-tc .col .item{
	margin-bottom:2rem;
}
@media screen and (min-width: 620px){
	.cont-tc .col{
	display:flex;
	flex-wrap:wrap;
}
.cont-tc .col .item{
	width:calc((100% - 2rem) /2);
	display:flex;
	flex-direction:column;
	
}
.cont-tc .col .item:nth-child(2n-1){margin-right:2rem;}
.cont-tc .col .item img{ }
}


/*LINKEY*/
#lk-top{}


.cont-lk{
	padding: 4rem 2rem;
}

.cont-lk .col .item{
	margin-bottom:2rem;
}
.cont-lk ul.col3{
	display:flex;
	flex-wrap:wrap;
}
.cont-lk ul.col3 > li{
	display:flex;
	flex-direction: row-reverse;
	padding:1rem;
	background:#444;
	margin-right:1rem;
	margin-bottom:1rem;
	box-sizing:border-box;
}
.cont-lk ul.col3 > li .item-img{margin-right:1rem;}
.cont-lk ul.col3 > li .item-txt{flex:1;}
.cont-lk ul.col3 > li h3{font-size:clamp(16px, 2vw, 24px);margin-bottom:0;}
.cont-lk ul.col3 > li p{font-size:clamp(12px, 1.25vw, 14px);margin-bottom:0;}
@media screen and (min-width: 1201px){

.cont-lk ul.col3 > li{
	width:calc((100% - 2rem) /3);
}
.cont-lk ul.col3 > li:nth-child(3n){margin-right:0;}


}
@media screen and (min-width: 621px) and (max-width: 1200px){
	.cont-lk ul.col3 > li{
	width:calc((100% - 1rem) /2);
	padding:0.75rem;
}
.cont-lk ul.col3 > li:nth-child(2n){margin-right:0;}
.cont-lk ul.col3 > li .item-img{width:80px;}

}
@media screen and (min-width: 481px) and (max-width: 620px){
.cont-lk ul.col3 > li{
	width:calc((100% - 0.5rem) /2);
	padding:0.5rem;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
}
.cont-lk ul.col3 > li:nth-child(2n){margin-right:0;}
.cont-lk ul.col3 > li .item-img{width:60px;margin-right:0.5rem;}
}
@media screen and (max-width: 480px){
	.cont-lk ul.col3{display:block;}
	.cont-lk ul.col3 > li{margin-right:0;}
	.cont-lk ul.col3 > li .item-img{width:80px;}
}

@media screen and (min-width: 620px){
	.cont-lk .col{
	display:flex;
	flex-wrap:wrap;
}
.cont-lk .col .item{
	width:calc((100% - 2rem) /2);
	display:flex;
	flex-direction:column;
	
}
.cont-lk .col .item:nth-child(2n-1){margin-right:2rem;}
.cont-lk .col .item img{ }
}