@charset "utf-8";
* {font-family: 'Noto Sans JP', "メイリオ", "Arial", "ヒラギノ角ゴ ProN",sans-serif;
	margin: 0px;
	padding: 0px;}



body {/*background-color: #FFF8EE;*/
 		-webkit-text-size-adjust: 100%;
 		color:#333;
		font-size: 16px;
		letter-spacing:0.1em;
		line-height: 1.8em;
		text-align: center;
		width: 100%;
		height:100vh;}



/*WP記事内画像*/
.size-large{width:100%; max-width:550px; height:auto;}
.size-full{width:100%; max-width:1000px; height:auto;}

@media (max-width:900px){.size-full{padding-right:8%; height:auto;}}
@media (max-width:768px){
.wp-caption-text {margin:0 auto;
		text-align: center;
		display: block;}
.size-full{width:80vw; height:auto;
			padding-right:0%;
			margin:0 auto;
			text-align: center;
			display: block;}
.size-large{width:80vw; height:auto;
			margin:0 auto;
			text-align: center;
			display: block;}
.size-medium{width:100%;
			max-width:280px;
 			height:auto;
			margin:0 auto;
			text-align: center;
			display: block;}
.size-thumbnail{margin:0 auto;
				text-align: center;
				display: block;}}

@media (max-width:350px){
.size-full{width:100%;
			max-width:280px;}
.size-large{width:100%;
			max-width:280px;}}





/*--------------------------------*/
/*●共通部分●*/
/*--------------------------------*/

/*p { font-size: 13px;
	line-height: 20px;
	margin-bottom: 10px;}*/
table{border-spacing: 0px;
		border-collapse: collapse;}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
.img2 {  width: 100%;
		height: auto;}
.ho{-webkit-transition: all 0.3s ease;
    		-moz-transition: all 0.3s ease;
    		-o-transition: all 0.3s ease;
    		transition: all  0.3s ease;}
.ho:hover{opacity:0.7;}


ul{list-style: disc;
	padding-left: 12px;}



/*タイトル用装飾フォント*/
.stick {font-family: "Stick", serif;}


/*文字サイズ*/
h1{font-size: 2em;}
h2{font-size: 1.7em;}
h3{font-size: 1.125em;}
h4{font-size: 1em;}
h5{font-size: 0.75em;}
h6{font-size: 0.625em;}
.h2{font-size:150%;}
.bold{font-weight:bold;}	
			.thin{font-weight:500;}

/*文字色*/
a { text-decoration: none;
	font-weight:bold;
	color:#74A82D;
	cursor: pointer ; }
a:visited { color:#74A82D;}/*訪問済みリンクの色*/

.white{color:white;}
.green{color:#74A82D;}


/*文字並び*/
.te-le{text-align: left;}
.te-cen{text-align: center;}
.te-ri{text-align: right;}
.te-le-cen{text-align:left;}
.te-cen-le{text-align:center;}


@media screen and (max-width: 639px) {
.te-le-cen{text-align:center;}
.te-cen-le{text-align:left;}}



/*緑フチ*/
.frame_green{display: block;
				margin: auto;
				width:100%;
				height: auto;
				border:3px #74A82D solid;
				border-radius: 10px;}



/*下線付き見出し*/	
.h2_sub_ti_under {width: 100%;
	text-align: center;
	margin:1.5em 0;
	font-size:150%;
  	position: relative;
  	display: inline-block;}
.h2_sub_ti_under:before {
  	content: '';
  	position: absolute;
  	bottom: -20px;
  	display: inline-block;
  	width: 150px;
  	height: 4px;
  	left: 50%;
  	-webkit-transform: translateX(-50%);
  	transform: translateX(-50%);
  	background-color: #74A82D;
  	border-radius: 2px;}


/*角丸*/
.r10 {border-radius: 10px;}

/*背景*/
.bg_gray{background:#F7F7F7;}
.bg_green{background:#EAF2E0;}
.bg_white{background:white;}


/*共通ボタン*/
.btn-flat-simple {
	position: relative;
	display: inline-block;
	font-weight: bold;
	margin:1.2em auto;
	padding: 0.5em 0.3em;
	width: 100%;
	max-width:230px;
	text-decoration: none;
	text-align: center;
	color: #74A82D;
	background: #fff;
	border: solid 2px #74A82D;
	transition: .4s;
	letter-spacing:.3rem;}

.btn-flat-simple:hover {
  background: #74A82D;
  color: #fff;}



/*ページトップボタン*/
#pagetop {display:inline-block;
 			position:fixed;
 			/*top:85%;*/
			bottom:1.5%;
 			right:2.5%;
			z-index: 2;}
 
 
#pagetop a {padding:6px 0;
			width: 60px;
			height: 60px;
			border-radius: 50%;
 			display:block;
 			background: #333;
			border: 2px solid #fff;
			font-size: 40px;
 			color:#fff;
 			text-align:center;
			text-decoration: none;}

@media screen and (max-width: 639px) {
		#pagetop {bottom:50px;}}




/* コンテンツ領域 */
/*-----------------------------------------*/
.container{width:100%;}

	.cont,
	.cont_all,
	.cont_big{width:100%;
		  	height:auto;
		  	margin:0 auto;}
	.cont,
	.cont_all{	max-width:1000px;}
	.cont_big{max-width:1200px;}

	.in,
	.in_all{padding:2.5%;}
	

@media screen and (max-width: 639px) {
.in{padding:5% 2.5%;}
.in_all{padding:5% 0%;}
.cont{width:90%;}}







/*★ 固定ヘッダ部 */
/*-----------------------------------------*/		

/*レスポンシブ対応の固定ヘッダーナビ*/
/*----------------------------------*/
	.inner 	{	width: 100%;
	max-width:1000px !important;
			margin: 0 auto;}
	.inner:after {	content: "";
				clear: both;
				display: block;}
 
/*------header------*/
	#top-head {	
    			position: fixed;
    			width: 100%;
				margin: 0 auto;
    			line-height:56px;
    			z-index: 999;
				height:100px;
				background-color:#74A82D;}
	#top-head a,
	#top-head {	color: #000;
				text-decoration: none;}
	#top-head .inner {position: relative;}
	#top-head .logo {	float: left;
						margin:0 0 0 10px;}

	#global-nav ul {list-style: none;
    				position: absolute;
    				right: 0;}
	#global-nav ul li {float: left;
    					font-size: 1em;
						background: #74A82D;
						height:100px;
						border:3px solid;
  						border-color:transparent transparent transparent #fff;
						transition: .4s;}
	#global-nav ul li:last-child {	border:3px solid;
									border-color:transparent #fff;}
	#global-nav ul li a {padding: 18px 30px;
						display: block;
						color:#fff;
						transition: .4s;}
	#global-nav ul li:hover,
	#global-nav ul li a:hover{	background: #fff;
							 	color: #74A82D;}








/* ------Fixed------ */
	#top-head.fixed {	margin-top: 0;
    					top: 0;
    					position: fixed;
    					padding-top: 10px;
    					height: 55px;
    					background: #fff;
    					background: rgba(255,255,255,.7);
    					transition: top 0.65s ease-in;
    					-webkit-transition: top 0.65s ease-in;
    					-moz-transition: top 0.65s ease-in;}
	#top-head.fixed #global-nav ul li a {color: #000;
    									padding: 0 20px;}
 
/* ------Toggle Button------ */
	#nav-toggle {display: none;
    			position: absolute;
    			right: 12px;
    			top: 14px;
    			width: 34px;
    			height: 36px;
    			cursor: pointer;
    			z-index: 101;}
	#nav-toggle div {position: relative;}
	#nav-toggle span {display: block;
    				position: absolute;
    				height: 4px;
    				width: 100%;
    				background: #fff;
    				left: 0;
    				-webkit-transition: .35s ease-in-out;
    				-moz-transition: .35s ease-in-out;
    				transition: .35s ease-in-out;}
	#nav-toggle span:nth-child(1) {top: 0;}
	#nav-toggle span:nth-child(2) {top: 11px;}
	#nav-toggle span:nth-child(3) {top: 22px;}



/*-----------スマホ-------------*/
	@media screen and (max-width: 799px) {
		#top-head,
		.inner {width: 100%;
				padding: 0;}
		#top-head {	top: 0;
					position: fixed;
					margin-top: 0;
					line-height:28px;}
		#top-head {	height:60px;}
		img.logo {max-height: 60px;}
		
		

		
	/* ------Fixed reset------ */
    	#top-head.fixed{padding-top: 0;
        				background: transparent;}
    	#mobile-head {	background: #74A82D;
        				width: 100%;
        				height: 60px;
        				z-index: 999;
        				position: relative;}
    	#top-head .logo {position: absolute;
        				left:0px;
        				top: 0px;}
    	#global-nav {position: absolute;
		/* 開いてないときは画面外に配置 */
        			top: -500px;
        			background: #fff;
        			width: 100%;
        			text-align: center;
        			padding: 0px 0;
        			-webkit-transition: .5s ease-in-out;
        			-moz-transition: .5s ease-in-out;
        			transition: .5s ease-in-out;}
    	#global-nav ul {list-style: none;
        				position: static;
        				right: 0;
       					top: 0;
						margin-left: -15px;}
    	#global-nav ul li {	float: none;
        					position: static;
  							border-color:#fff transparent transparent transparent;}
		#global-nav ul li:last-child {	border:3px solid;
										border-color:#fff transparent transparent transparent;}
    	#top-head #global-nav ul li a,
    	#top-head.fixed #global-nav ul li a {width: 100%;
        									display: block;
        									padding: 35px 0;
											display: block;}
    	#nav-toggle {display: block;}
		
		
	/* -----#nav-toggle 切り替えアニメーション------ */
		.open #nav-toggle span:nth-child(1) {top: 11px;
        									-webkit-transform: rotate(315deg);
        									-moz-transform: rotate(315deg);
        									transform: rotate(315deg);}
    	.open #nav-toggle span:nth-child(2) {width: 0;
        									left: 50%;}
    	.open #nav-toggle span:nth-child(3) {top: 11px;
        									-webkit-transform: rotate(-315deg);
       										-moz-transform: rotate(-315deg);
        									transform: rotate(-315deg);}

	/* ------#global-nav スライドアニメーション------ */
    	.open #global-nav {
			/* #global-nav top + #mobile-head height */
        	-moz-transform: translateY(556px);
        	-webkit-transform: translateY(556px);
        	transform: translateY(556px);}}

	
/*固定ヘッダ被り防止余白*/
	.blank{ height:100px;}
@media screen and (max-width: 799px) {.blank{ height:60px;}}

.first{ margin-top: 25px !important;}
.last{ margin-bottom: 25px !important;}

/*デバイス別表示切替*/ 			
.pc{display:block;}   			
.sp{display:none;}
@media screen and (max-width: 639px) {
   .pc{display:none;}
   .sp{display:block;}}











/*-レスポンシブでのボックスの横並び-*/
/*----------------------------------*/
/*コンテンツカラム（全体）*/
	.wrap{	width:100%;
			margin:0px auto;
			overflow:hidden;}
	*, *:before, *:after {  -webkit-box-sizing: border-box;
	       					-moz-box-sizing: border-box;
	         				-o-box-sizing: border-box;
	       					-ms-box-sizing: border-box;
	            				box-sizing: border-box;}


/*-50カラム-------------------------*/
/*----------------------------------*/
.left-2,
.right-2 {	width: 50%;		width: calc(50%);	width: -webkit-calc(50%);	width: -moz-calc(50%);}
.left-2  { clear:both;
			float: left;}
.right-2  { float: right;}	



@media (max-width:639px) {
	.left-2,
	.right-2{width:100%;}}




/*5→3カラムにする*/
.cssgrid0503 {display: grid;
    		grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    		grid-gap: 0.8em;}
@media (max-width:639px) {.cssgrid0503{grid-template-columns: 1fr 1fr 1fr;}}
/*3→1カラムにする*/
.cssgrid0301 {display: grid;
    		grid-template-columns: 1fr 1fr 1fr;
    		grid-gap: 0.8em;}
@media (max-width:639px) {.cssgrid0301{grid-template-columns: 1fr;}}



/*----------マップ----------*/
/*--------------------------------*/
.map{ margin: 0px auto;
		/*padding-top:130px;*/
		max-width:1200px;
		z-index:5;}
.gmap {height: 0;
		overflow: hidden;
		padding-bottom: 250px;
		position: relative;}
.gmap iframe {position: absolute;
			left:0;
			top: 0;
			height: 100%;
			width: 100%;}






/*フッタ全般*/
/*--------------------------------*/

/*フッタ領域*/
.footer {	width: 100%;
			color:#333;
			position: relative;
			height: auto;}
.fo_img{position: absolute;
  		bottom: 0;
  		right:10%;
		width: 100%;
  		max-width: 350px;
  		mix-blend-mode: color-burn;}
.footer a{	color:#333;}

@media screen and (max-width: 639px) {
	.fo_img{right:0%;
			width: 75%;}
	.foot{ width:100%;}}





/*フッタ内テーブル*/
table.tbl_fo{border-top: solid 1px #ccc;
			 margin-top: 15px;}
table.tbl_fo th{width: 30%;
				vertical-align: top;
				border-bottom: solid 1px #ccc;
				padding: 10px 0;}
table.tbl_fo td{width: 70%;
				border-bottom: solid 1px #ccc;}	
						
@media (max-width:639px) {
	table.tbl_fo{margin:15px auto;}
	table.tbl_fo th{border-bottom: solid 0px #ccc;
					padding: 0 0;}
	table.tbl_fo th,
	table.tbl_fo td{width: 100%;
					display: block;
					font-size: 0.8em;}}



/*コピー部分*/
	.copy { line-height:50px; /*縦中央揃え*/
			margin:0 auto;
			background: #74A82D;
			height: 50px;
			color: #fff;}






/*トップページ*/
/*--------------------------------*/
/*キャッチコピー*/
.top{position: relative;}

/*査定*/
/*タイトル二重線*/
.h2_2line {position: relative;
  			display: inline-block;
  			padding: 0 55px;
			text-align: center;
			margin:0.5em 0 1.25em 0;
			font-size:300%;}
.h2_2line:before, .h2_2line:after {
  			content: '';
  			position: absolute;
  			top: 50%;
  			display: inline-block;
  			width: 45px;
  			height: 5px;
  			border-top: solid 1px black;
  			border-bottom: solid 1px black;}
.h2_2line:before {left:0;}
.h2_2line:after {right: 0;}
@media screen and (max-width: 639px) {.h2_2line {font-size:180%;}}	


/*画像付きボタン*/
.btn-img_text{height: auto;
			min-height: 70px;
			padding:20px 0 0 60px;
			font-size: 125%;}		
.btn-satei {padding: 0.5em 0.3em;
			position: relative;
			display: inline-block;
			font-weight: bold;
			margin: auto;
			height: auto;
			border:3px #74A82D solid;
			border-radius: 10px;
			width: 100%;
			max-width:500px;
			text-decoration: none;
			text-align: center;
			color: #74A82D;
			background: #fff;
			transition: .4s;
			letter-spacing:.2rem;}
.btn-satei img {position: absolute;
				top: 50%;
				left:17%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				display: block;
				-webkit-transition: .4s ease-in-out;
				transition: .4s ease-in-out;}
.btn-img_text_sub{font-size: 0.7em;
					font-weight: 200;
					letter-spacing:0.05em;
					color: #333;}
.btn-satei:hover {background: #74A82D;
  				color: #fff;}	
.btn-satei:hover img:nth-of-type(2) {opacity: 0;}


/*品目*/
.hinmoku{margin: 0;
		min-height: 180px;
		overflow: hidden;
		padding: 5%;}
.hinmoku_text{padding-top:30px}
@media screen and (max-width: 639px) {
.hinmoku_text{padding-top:0px;
			font-size: 0.8em;}}		



/*実績*/
ul.result{padding: 10px;
  		list-style: none;
		text-align: left;}

.result_column,
.result_all_column{margin:0.5% auto;
			padding: 5px;
			width: 24%;
			max-height: 50em;
			min-height: 300px;
			background: #fff;
			display: inline-flex;
			flex-wrap: wrap;
			border-radius:10px;}
.result_column{border: 5px solid #EAF2E0;}
.result_all_column{border: 2.5px solid #EAF2E0;}
.result_font{font-size:12px;}

ul.result li{position: relative;
			line-height: 25px;
			padding: 5px;
			display: block;
			margin: auto;
/*text-align: center;*/}

ul.result li:before{	content: "";
					position: absolute;
					left: 7px;
					font-size: 20px;}		



/*サムネ画像*/
img.wp-post-image {width:100%;
				height:200px;}
.thumb{object-fit: contain;}




@media screen and (max-width: 639px) {
	.result_column,
	.result_all_column{width: 48%;
						margin:1% 0.5%;}}