/*
Theme Name: 赤木庭園
Theme URI: http://www.a-garden.jp/
Description: 赤木庭園のテーマです。
Version: 1.0
Author: utsumi
Author URI: http://www.a-garden.jp/
*/


/*画像の表示サイズが画面の横幅にあわせて変化する。
親要素の100％の値。max-withは最大値、スマホ画面におさまる200ｐｘ程度の
場合は、拡大されずにそのまま表示される。（実際の大きさ以上には拡大されない。
with:100%にすると、領域の最大まで拡大される*/

img {
    max-width: 100%; /*最大幅も100％にしないとスマホではみでる*/
	width: 100%;/*width 100%にすると親要素の大きさまで拡大される。*/
    height: auto;
	/*img下部の余白（imgにデフォルトで設定されているvertical-align:baseline;）対策　*/
	vertical-align: bottom;

}







/*以下７点のｃｓｓ　
グーテンベルクのＣＳＳだけで配置が機能しないブロック
ギャラリー、音声、動画、カバー、プルクオート、テーブル、埋め込み、
ウィジェット用*/
.alignleft {
	float: left;
	margin-left: 0;
	margin-right: 1em;
}

.alignright {
	float: right;
	margin-left: 1em;
	margin-right: 0;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-categories.aligncenter,
.wp-block-latest-posts.aligncenter,
.wp-block-archives.aligncenter,
.wp-block-tag-cloud.aligncenter,
.wp-block-latest-comments.aligncenter,
.wp-block-rss.aligncenter {
	text-align: center;
}

figure {
	margin-left: 0;
	margin-right: 0;
}

/* padding 、border 、擬似要素を要素の幅と高さに含める。*/
body {
	box-sizing: border-box;
	overflow-x: hidden; /*お知らせ　罫線はみ出し　スクロールバー対策）←　Body html　には効かないのでは？*/
}

body *,
body *::before,
body *::after {
	box-sizing: inherit;
}



/* 変数 */
:root {
	--f1: 2.44em; /* 39.04px */
	--f2: 1.95em; /* 31.2px */
	--f3: 1.56em; /* 24.96px */
	--f4: 1.25em; /* 20px */
	--f5: 1em;    /* 16px */
	--f6: 0.8em;  /* 12.8px */

	--basecolor: #009944; /* 基本色 */
	--subcolor: #63a211; /*サブカラー */
	--greycolor: #4C524C;/*グレー */


	--myfont: 'Klee One', cursive;
	--myfont_zen: 'Zen Maru Gothic', sans-serif;

}


/* フォント */
body {
	font-family: sans-serif;
}

h1 {
	font-size: var(--f1);
}
h2 {
	font-size: var(--f2);
}
h3 {
	font-size: var(--f3);
}
h4 {
	font-size: var(--f4);
}
h5 {
	font-size: var(--f5);
}
h6 {
	font-size: var(--f6);
}

/* Pのフォントサイズ　16px */
p {
	line-height: 1.8;
	font-size: var(--f5);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.8;
}

/*スマートフォンの時のみ改行　スマホ以外は<br class="br-sp">非表示*/
@media screen and (min-width: 740px){
	.br-sp {display: none; }
}


.hr-akagi1{
border-top: 1px solid #63a211 ;
}



/* h2にグリーンの縦ケイをいれる 
h2 {
	border-left: solid 14px var(--basecolor);
	padding-left: 14px;
}
*/

/* 横幅 */

/*ブラウザ標準で挿入しているマージンの削除*/
body {
	margin: 0;
}

/*　標準幅＿ｓｐ　小さい画面では横幅を画面にあわせて変化させるので、左右の余白15pxのみ指定*/
.mycontainer {
	margin-left: 15px;
	margin-right: 15px;
	overflow-x: hidden;
	
}
/*　全幅＿ｓｐ　グーテンベルクのstyle.min.cssには　全幅表示のｃｓｓがないので＿携帯画面用*/
.alignfull {
	margin-left: -15px;
	margin-right: -15px;
	max-width: none;
	width: auto;
	overflow-x: hidden;

}

/*コンテンツ部分の横幅指定とmycontainerを中央に*/
@media (min-width: 740px) {

	/*　標準幅＿ｐｃ　1600px -144px - 144px = 1312px*/
	.mycontainer {
		max-width: 1600px;
		margin-left: auto;
		margin-right: auto;
		padding: 0 144px;
		overflow-x: hidden;
	}ycontainer
	
	.mycontainer_narrow {
		/*幅狭＿pc mycontainer よりさらに左右５０px　狭く
	　　　maycontainer内にある要素に設定*/
		padding: 0 50Px;
		overflow-x: hidden;
	}
	/*　幅広＿PC　1200ｐｘ　*/
     /*mycontainerのpadding110pxなし（1200ｐｘいっぱい）まで*/
	.mycontainer_1 {
		max-width: 1200px;
		margin-left: auto;
		margin-right: auto;
		overflow-x: hidden;
	}
    /*headerを左右いっぱいに*/
	.myhead {
		position: fixed;
		z-index: 999;
		top: 0;
		left: 0;
		background-color: #ffffff;
		box-sizing: border-box;
		max-width: initial;
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}

	main {
		margin-top: 170px;
	}

}   
@media (min-width: 1200px) {
	/*グーテンベルクのstyle.min.cssには　全幅のｃｓｓがないので 全幅＿PC画面用
	全幅 - mycontainer 1200px -  */
	.alignfull {
		margin-left: calc( (100vw - 1200px )/2 * -1);
		margin-right: calc( ( 100vw - 1200px )/2 * -1);
		max-width: none;
		width: auto;
		overflow-x: hidden;
	}

	/* グーテンベルクのメディアとテキストもclassが.alignwideなので、下記設定はNG。
	幅広は、使わないことにする。*/

	/*グーテンベルクのstyle.min.cssには　幅広のｃｓｓがないので　幅広＿PC画面用
	1/4で全幅よりマイナスマージンが小さいぶん左右に余白ができるが、

    .alignwide {
		margin-right: calc( (100vw - 720px ) / 4 * -1);
		margin-left: calc( (100vw - 720px ) / 4 * -1);
		max-width: none;
		width: auto;

	}*/
	
}


/*上記　幅広＿PC画面用　マイナスマージンの固定
@media ( min-width: 1200px){
	

		.alignwide {
			margin-right: -150px;
			margin-left: -150px;

		}

}*/



/*投稿のメディアとテキスト（グーテンベルク）*/
.customer_voice {
	background-color: rgb(154, 231, 183);
	padding-bottom: 30px;
	max-width: 600px;
}
.customer_voice > .wp-block-media-text__media 
{
padding: 15px 15px 30px 15px;
}
.customer_voice >.wp-block-media-text__media
 img{
padding-bottom: 5px;}

.customer_voice > .wp-block-media-text__media::after {
	content: '完成イメージ';
	
}


/* リンク */
a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	opacity: 0.7;
}

/* 記事が属するカテゴリー */
.post-categories {
	display: flex;
	justify-content: flex-start;
	padding: 0;
	list-style-type: none;
}

.post-categories li:not(:last-child) {
	margin-right: 30px;
}

    /*記事が属するカテゴリーの文字をラウンド罫でまいてボタンのカタチにする
.post-categories a {
	padding: 3px 10px;
	border: solid 1px currentColor;
	border-radius: 10px;
	color: var(--basecolor);	
	font-size: var(--f6);
}
*/

/*カテゴリーの文字の前にフォルダーマーク（dash icon) をいれる*/
.post-categories::before {
	content: "\f318";
	font-family: "dashicons";
	color: var(--basecolor);
	font-size: var(--f2);
	line-height: 1;
	margin-right: 5px;
}
/* 前後の記事へのリンク */
.nav-links {
	display: flex;
	margin: 30px 0;
	font-size: var(--f6);
}

.nav-previous {
	flex: 1;
	display: flex;
	align-items: center;
}

.nav-next {
	flex: 1;
	margin-left: 10px;
	text-align: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.nav-previous::before {
	content: "\f141";
}

.nav-next::after {
	content: "\f139";
}

.nav-previous::before, .nav-next::after {
	font-family: "dashicons";
	color: var(--basecolor);
	font-size: var(--f2);
	line-height: 1;
}

/* ヘッダー */
/*投稿のタイトルを非表示*/
.myposthead h1 {
	display: none;
}



/* ＷＰ-キャッチフレーズのフォントサイズ */
.akagi_title {
	margin-left: 10px;
	font-size: var(--f6);
	letter-spacing: 0.1em;
}

@media ( min-width: 740px ) {
	.akagi_title {
	display: none;
}

}
/*ヘッダーの要素の横並びと大きさの指定*/
.myhead_element {
	display: flex;
	justify-content: space-between;
	padding-top: 50px;
	padding-bottom: 10px;
}

.contact_akagi_element {
	text-align: right;
	margin: auto 0;
}


@media( max-width: 740px){
	.contact_akagi_element{
		display: none;
	}
	.myhead_element {
		height: initial;
		padding-top: 0px;
	    padding-bottom: 0px;
	}
}
.contact_akagi {
	display: flex;
	width:300px;
    margin: 0 0 10px auto;
	align-items: center;

}
.contact_akagi div {

	margin-left: 15px;

}


/*電話番号のリンク　スマートフォンのみ有効に*/
/*ハンバーガーメニュー　PC画面非表示に*/
@media (min-width:740px) {
	a[href*="tel:"] {
		pointer-events: none;
		cursor: default;
	}

	.akagi_nav_sp {
		display: none;

	}
}


/*ロゴの大きさなど*/
.logo_akagi {
	width: 250px;
	margin: auto 0 ;
	
}
.logo_akagi h1 {
	margin: 10px 10px 10px 10px;
}

.logo_akagi a {
	display: block;
	height: 100%;
}



@media (max-width: 900px){
	.logo_akagi {
		width: 180px;
		
		}

	.logo_akagi a {
		display: block;
		}
}


/*投稿の横幅　投稿の文字*/


@media (max-width:740px) {
	.akagicase {
		margin-top: 50px;
	}
}

.akagicase p {
	max-width: 600px;
}

.akagicase > h2 {
	font-size: var(--f4);
}

.wp-block-media-text__content h3 {
	margin-top: 15px;
	font-size: var(--f3);
}


.wp-block-media-text__content p {
	font-size: var(--f6);
}




.post_contents {
	width: fit-content; /*子要素（akagicase)の大きさに親要素(post_contents)の大きさをあわせる*/
	margin:  140px auto 140px;    /*akagicaseをpost_contentsの中央に*/
}

/*携帯画面の時、fit^contents 打消し*/
@media (max-width:740px) {
     .post_contents {
		width: initial;
	 }
	
}

.keyword-category {
	margin: 100px 0;
}

/*ドロワーメニュー*/

.drawer-toggle .size {
	font-size: 2em;
	
}

.menu-item {
	line-height: 44px;
}
#menu-my-drawer {
	padding: 25px 0 0 25px ;
}



/*バナー*/
.mybanner1 img,
.mybanner2 img {
margin-bottom: 10%;
}


@media (min-width:740px){
	.mybanner1,
	.mybanner2 {
		display: flex;
		justify-content: flex-start;
		gap: 0px 40px;
	}
	
	



}




.myfooter {
	margin-top: 100px;
}


.akagi_line_icon {
	max-width:100% ;
}
/*お知らせ*/
.akagi_news {
     
	 width: 48%;
	
	 
	 margin-top: 150px;
	 margin-bottom: 50px;
	 padding-top: 5%;/*アスペクト比で高さを指定。paddingを％指定した場合、横幅を基準として数値が生成される。*/

	 background-image: url(img_akagi/news_bg@3x.png);
     background-size: 55%;
	 background-repeat: no-repeat;
	 background-position: 75% 0px;
	
}

.akagi_blog {
     
	 
	width: 48%;
	margin-top: 150px;
	margin-bottom: 200px;
	padding-top: 5%;/*アスペクト比で高さを指定。paddingを％指定した場合、横幅を基準として数値が生成される。*/

	background-image: url(img_akagi/BLOG@3x.png);
	background-size: 55%;
	background-repeat: no-repeat;
	background-position: 75% 0px;
   
}



/*お知らせの左右の罫線（見えない、NEWSの文字の連動用）*/
.blog-blind-border,
.blind-border {
    display: flex;
    align-items: center;
	/*margin-right: calc(50%  - 100vw);*/
	margin-top: 0;
	margin-bottom: 0;
}
 
.blind-border:before  {
    content: "";
    height: 1px;
    width: 50px;   
    background-color: transparent;

}

.blog-blind-border:before  {
    content: "";
    height: 1px;
    width: 75px;   
    background-color: transparent;

}

.blog-blind-border:after,
.blind-border:after {
    content: "";
    height: 1px;
    flex: 1;
    background-color: transparent;

}
 
.blind-border:before {
    margin-right: 1rem;
}
 
.blind-border:after {
    margin-left: 1rem;
}



/*NESの左右の罫線*/
.news_border {
    display: flex;
    align-items: center;
	margin-right: calc(50%  - 100vw);
	margin-top: 0;
	line-height: initial;
}.news_border:before  {
    content: "";
    height: 1px;
    width: 80px;   
    background-color: #666;
	margin-right: 1rem;


}
.news_border:after {
    content: "";
    height: 1px;
    flex: 1;
    background-color: #666;
	margin-left: 1rem;


}
.blog_border {
    display: flex;
    align-items: center;
	/*margin-left: calc(50%  - 29vw);*/
	margin-top: 0;
	line-height: initial;
}
.blog_border:before  {
    content: "";
    height: 1px;
    width: 80px;   
    background-color: #666;
	margin-right: 1rem;


}
.blog_border:after {
    content: "";
    height: 1px;
    flex: 1;
    background-color: #666;
	margin-left: 1rem;


}
 


/*お知らせの投稿タイトルの罫線*/
.line {
	border-top: 1px solid black;
	margin-right: calc(50%  - 100vw);

  }

 .blog-line {
	border-top: 1px solid black;
	/*margin-left: calc(50%  - 100vw);*/

 } 
 .akagi_blog_botton,
.akagi_news_botton {
	width: 80px;
	margin: 50px 0px;
	
}

/*お知らせタイトルの行間など*/
.newstitle {
	padding-left: 1rem;
	margin-bottom: 20px;
}
.blogtitle {
	padding-left: 1rem;
	margin-bottom: 20px;
}


.akagi_sp {
	display: none;
}

.akagi-newsandblog {
	display: flex;
	justify-content: space-between;
}




@media( max-width: 740px) {

	/*お知らせ*/
	.akagi_pc {
		display: none;
	}
	.akagi_sp {
		display: inline;
	}
	.akagi_news,
	.akagi_blog {
		/*display: flex;
		flex-direction: column;
		align-items: flex-end;*/
		width: 100%;
		margin-top: 100px;
		margin-bottom: 50px;
		padding-top: 57px;
		
		

		background-image: url(img_akagi/news_bg@3x.png);
		background-size: 80%;
		background-repeat: no-repeat;
		background-position: 50% 0px;
	}
	.akagi_blog_botton,
	.akagi_news_botton {
	order: 2;
	margin: 40px auto 0;
	width:100%;
	}
	.akagi_news_title {
		order: 1;
		width: 100%;

	}


	/*お知らせの左右の罫線（見えない、NEWSの文字の連動用）*/
	.blind-border,
	.blog-blind-border {
	display: flex;
	align-items: center;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: initial;
	}
	
	.blind-border:before  {
	content: "";
	height: 1px;
	background-color: transparent;
	width: calc(50% - 74.88px);
	margin-right: 1rem;
	}
	

	.blog-blind-border:before  {
		content: "";
		height: 1px;
		background-color: transparent;
		width: calc(50% - 62.4px);
		margin-right: 1rem;
	}
	.blind-border:after,
	.blog-blind-border:after {
	content: "";
	height: 1px;
	background-color: transparent;
	margin-left: 1rem;
    flex: 1;
	}
	
	

	/*NESの左右の罫線*/
	.news_border,
	.blog_border {
	display: flex;
	align-items: center;
	margin-top: 0;
	line-height: initial;
	margin-right: initial;
	margin-bottom: 30px;

	}

	.news_border:before  {
	content: "";
	height: 1px;
	background-color: #666;
	margin-right: 1rem;
    width: calc(50% - 48px);

	}

	.blog_border:before  {
	content: "";
	height: 1px;
	background-color: #666;
	margin-right: 1rem;
    width: calc(50% - 40px);

	}
	.news_border:after,
	.blog_border:after {
	content: "";
	height: 1px;
	background-color: #666;
	margin-left: 1rem;
    flex: 1;

	}

	/*お知らせの投稿タイトルの罫線*/
	.line,
	.blog-line {
	border-top: 0px solid black;
	margin-right: initial;

	}



	/*お知らせタイトルの行間など*/
	.newstitle {
	margin-bottom: 20px;
	}
}

/*SNS*/
.akagi_sns {
	display: flex;
	flex-direction: column;
	margin: 100px 0;
	gap: 40px;
}

@media ( max-width: 740px ){
	.akagi_sns {
		display: flex;
		flex-direction: column;
		margin: 100px 0;
		gap: 40px;
	}
}

@media ( min-width: 740px ){

.akagifooter {
	background-image: url(img_akagi/logomark_backimage@3x.png);
	background-repeat: no-repeat;
	background-size: cover;
	
	
}

/*フッターの共通設定*/
.footer_flex_set {
	display: flex;
}


.outer_footer_p  {
	width: 50%;
	
}
.outer_footer_p p {
	margin-right: 5%;
	margin-top: 27%;
	font-size: var(--f2);
	font-family: var(--myfont)
	
}
.outer_mail_contact_bt {
	width: 50%;
	margin-top: 100px;
}
.privacy_akagi h6 {
	display: inline-block;
	margin: 0 auto;

}
.privacy_akagi  {
	text-align: center;
}
.akagi_mail_contactbt,
.akagi_estimate,
.footer_flex_set {
	margin-bottom: 15px;

}
.akagi_estimatebt2{
	margin-left: 15px;
}
.column_footer {
	justify-content: space-between;
	gap: 2rem;
	width: 100%;
	margin-top: 50px;
	
}

.footeritem_logo {
	width: 250px;
	margin-right: 30px;
}
.footeritem {
	width: 100%;
	flex: 1;
}


.nav_ul_akagi {
	list-style-type: none;
	padding: 0;
}
.nav_li_akagi,
.nav_li_akagi2 {
line-height: 2.75;
}



.sns_logo {
	display: flex;
	width:155px;
	margin: 40px auto 0;
}

.sns_logo div {

	margin-right: 25px;

}




.akagi_f,
.akagi_i {
	width: 44px;
	margin-right: 15px;
}




.footeritem_logo > div{
	margin-bottom: 25px;
}

}
.copywright_akagi {
	font-size: var(--f6);
	width: 315px;
	margin: 0 auto;
	margin-top: 25px;
	padding: 0;
}
.copywright_akagi p {
	margin: 0;
}

/*スマートフォン用フッター指定*/
@media(max-width:740px) {
	.outer_footer_p {
		width: 12rem;
		margin: 0 auto;
	}

	.akagi_estimate{
		margin-left: initial;
		margin-top: 10px;
		display: flex;
		gap: 10px;
		
	}
	

	.privacy_akagi h6 {
		display: inline-block;
		margin: 0 auto;
	
	}
	.privacy_akagi  {
		text-align: center;
		margin-top: 10px;
	}

	.sns_logo {
		display: flex;
		height: 30px;
		margin: 0 auto;
		gap: 30px;
		justify-content: center;
	}
	.akagi_i,
	.akagi_f {
		height: 44px;
	}

 /*スマートフォンメニュー*/
    .display-none {
		display: none;
	}
	.menu-my-drawer-container > .menu{
       padding: 0;
	}
	.menu-my-drawer-container > .menu >.drawer-menu{
		border-top: 1px solid #666;
		padding-top: 15px;
		padding-bottom: 15px;
		
	}
	.menu-my-drawer-container > .menu >.drawer-menu:last-child{
		border-bottom: 1px solid #666;
	}
	.nav_ul_akagi {	
		padding: 0;
		margin: 0;	
	}
	
	.nav_li_akagi,
	.nav_li_akagi2 {
		list-style-type: none;
		padding: 15px;
		text-align: center;

	}
	.nav_li_akagi2:last-child {
		border-bottom: 1px solid #666;

	}
	
	.column_footer {
		display: flex;
		flex-direction: column;
		margin-top: 50px;

	}
    .footeritem_logo {
		order: 2;
	}
	.footeritem_logo {
		width: 200px;
		margin:50px auto 50px auto;	
	}
	.sns_logo_warpper {
		margin-top: 25px;
	}

	.sp_tel {
		width: 70%;
		margin: 25px auto 25px auto;
	}
.footeritem {
	margin-bottom: 0;
}
.copywright_akagi {
	font-size: var(--f6);
	width: 315px;
	margin: 0 auto;
	padding: 0;
}

.akagi_facebook_logo > a >img{
	margin-top: 10px;
}



.akagi_insta_logo > a >img{
	margin-top: 10px;
}
}

/*----------------------------------------------
home.phpとsingle.phpの指定----------------------------------*/
.bg_green-casestudy {
	background-color: rgb(203, 241, 209, 0.3);
	height: auto;
	width: 100vw;
	margin: 0 calc(50% - 50vw) 100px;
	
}

.casestudy_title_wrap {
	max-width: 2200px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	
	align-items: flex-end;
	
}



.casestudy-list {
	list-style: none;
}

.casestaudy-titletext-wrap {
	width: 50%;
	margin-bottom: 50px;
}

.main_image_casestudy  {
	width: 50%;
}
.casestudy-text {
	margin: 10px auto 0;

}
.img_main_image_casestudy {
	border-bottom-right-radius: 25%;
	border-top-left-radius: 25%;
	display: block;
    height: 700px;
    object-fit: cover;
}

.casestudy_inner {
	
	
	display: flex;
	flex-flow: column;
	justify-content: center;
	margin:0 auto ;
}
.casestudy-list {
	padding-left: 0;
}

.casestudy_mypostlist {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.casestudy_mypostlist article {
	/*width: 48%;*/ /* スリックスライダーの計算を優先のため使用しない*/
	margin-bottom: 20px;
	margin-right: 20px; /* スライダーのアキ*/

}


.casestudy_mypostlist figure {
	margin: 0;
}
.casestudy_mypostlist h2  {
	margin: 0;
	font-size: var(--f6);
	line-height: 1.8;
	text-align: center;
	font-weight: lighter;
}

.casestudy_mypostlist h3  {
	margin: 0;
	padding: 0;
	font-size: var(--f6);
	line-height: 1.4;
}




.casestudy_mypostlist img {
	height: 250px;
	object-fit: cover;
	
}

/* 関連記事 */
.myrelated {

	/*border: solid 2px var(--basecolor);*/
	padding: 0 10px;
}



.myrelated h2 {
	border-left: solid 14px var(--basecolor);
	padding-left: 14px;
	border-width: px;
	color: var(--basecolor);
	font-family: var(--myfont);
	font-size: var(--f5);
}
/*高さをコンパクトに表示*/
.myrelated img {
	height: 120px;
}




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

	.casestudy_title_wrap {
		max-width: 2200px;
		margin-left: auto;
		margin-right: auto;
		display:initial;
		width: 100%;
		
		
	}

	.img_main_image_casestudy {
		border-bottom-right-radius: 0%; 
		border-top-left-radius: 0%;
		display: block;
		height: 300px;
		object-fit: cover;
	}

	.main_image_casestudy {
		 width: 100%; 
	}
	.casestaudy-titletext-wrap {
      width: 100%;
	}

	.footeritem_logo {
		width: 200px;
	}
	.casestudy_inner {
		padding-bottom: 25px;
	}
}

@media (min-width: 740px) {

	/*横幅の合計が96％となりの残り4％分が余白となる*/
	.myrelated article {
		width: 24%;
	}
	/*余白は、4％を３分割にしたサイズに指定*/

	.myrelated article:not(:last-child) {
		margin-right: calc( 4% / 3 );
	}
	/*関連記事が３件以下しかない時に左揃えに*/
	.myrelated .casestudy_mypostlist {
		justify-content: flex-start;
		flex-wrap: initial;
	}
	
}

.myrelated .casestudy_mypostlist {
	justify-content: flex-start;
}

.myrelated article {
	margin-right: calc( 4% / 3 );

}





/*ページナビゲーションの指定*/
.pagination .nav-links {
	justify-content: center;
}
.pagination .page-numbers:not(:last-child) {
	margin-right: 30px;
}
.pagination .current {
	color: #aaaaaa;
}

.widgettitle {
	display: none;
}

#sidebar ul {
	padding-left: 0%;
}

.postform {
	background-color: white;
}



/* Contact Form7 -----------------------------------*/

.contact7 {
	max-width: 100%;
}
.contact7 dd {
	margin: 0 0 30px 0;
	background-color:#FFF
}
.contact7 dt {
	font-weight: normal;
}

/* 必須マーク */

@media (max-width:740px) {
	/*モバイル　縦ならび*/

 table:not(.tbl_sphone) {
	display: block;
	width: 100%;
  }
  table:not(.tbl_sphone) tbody {
	display: block;
	width: 100%;
  }
  table:not(.tbl_sphone) tr {
	display: block;
	width: 100%;
  }
  table:not(.tbl_sphone) th {
	display: block;
	width: 100%;
  }
  table:not(.tbl_sphone) td {
	display: block;
	width: 100%;
  }

 
	
}


.contact7 .must {
	background: #63a211;
}

/* 任意マーク */
.contact7 .optional {
	background: #999;
}

.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 1px 10px;
	letter-spacing: 2px;
	vertical-align: middle;
}
.btn_contact7 {
	text-align: center;
	margin-bottom: 0;
	margin-top: 60px;

}

.btn_contact7 input {
	width: 70%;
	background-color: #63a211;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #63a211;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #63a211; 
}


.wpcf7-form {
	margin-bottom: 70px;
} 




.w-100 input {
	width: 100%;
	height: 50px;
}

.w-100 textarea {
	width: 100%;
}
.font-w-bold {
	font-weight: bold;
}

.zip_desc p {
	margin-top: 0;
	margin-bottom: 0;
	color: #009944;

}

.wpcf7-form-control-wrap input{
	
	border-color: var(--basecolor);
	border-radius: 10px;
	padding: 10px;
	
}



.contact7 dt {

	
	padding: 5px 10px 5px 0;
	}


.btn_contact7 input {
	width: 100%;
	height: 70px;
	border-radius: 10px;
	background-color: #63a211;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #63a211;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #63a211; 
}
/*お問い合わせ*/
.postname_contact{
	display: none;
}
.wpcf7-form > dd{
	margin: 0;

}
.wp-block-separator{
	border-bottom: 1px solid #63a211;
}

.check-detail,
.check-simple {
	margin-left: 0px;
}
.checkbox-margin > p {
	margin-bottom: 0;
	padding-right: 40px;
}
.checkbox-contact-akagi > p {
	margin-top: 0;
}
.mustitm-form {
	margin-top: 0;
}

.contact-form-message {
	font-size: var(--f4);
	text-align: center;
	color: #333;
}

.contact-tel-info h2 {
	color: #333;
	margin-bottom: 100px;
}

.contact-tel-info h3 {
	color: #333;
	text-align: center;
}

.contact-tel-info h4 {
	color: #333;
	text-align: center;
	margin-bottom: 28px;
    font-weight: normal;
}

.contact-f-w{
	font-weight: bold;
	padding-left: 10px;
}
.wraptelinfo  {

	display: flex;
	background-color:#26e787;
	border-radius: 10px;
	height:110px ;
	width: 77%;
	border: #333 solid 1px;
	margin: 0 auto 100px;
	align-items: center;
}



.contactpage-tel-num {
	flex:1;
	margin: 0 auto;
	width: 50%;
    
	
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	
}
.contactpage-tel-num-inner {
	margin: 0 auto;
	padding: 40px;
}

.contactpage-tel-num-inner a {
	vertical-align: middle;
}
.contactpage-tel-text {
	flex:1;
	width: 50%;
	background-color: #d8dfcf;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border: #000 1px sorid;
	height: 107px;

	background-clip: padding-box;

}

.contactpage-tel-text-inner {
	padding: 20px;

}
.wraptelinfo p {
	font-size: var(--f5);
	color: #333;
	text-align: center;
	
}

@media (max-width:740px){
	/*モバイル 電話での問い合わせの横幅*/
	.wraptelinfo {
		width: 99%;
		display: block;
		background-color: initial;
		border: initial;
	  }
	.wpcf7-form-control-wrap select {
		width: 100%;
	  }

	#contact-form-akagi > table > tbody > tr >th > p,
	.adress-input-form > tbody > tr >th > p {

		margin-bottom: 0px;
		text-align: left;
	}


	#contact-form-akagi > table > tbody > tr > td > p,
	.adress-input-form > tbody > tr > td > p {

		margin-top: 0px;
		text-align: left;
	}
	

	.contactpage-tel-text {
		width: 100%;
		height: 61.8px;
		border-bottom-left-radius: initial;
		border-top-right-radius: 10px;
		border: solid #333;
		border-width: 1px 1px 0 1px;
	}
	.contactpage-tel-text-inner {
		padding: initial;
	}

	.contactpage-tel-num {
		width: 100%;
		background-color: #26e787;
		border-top-right-radius: initial;
		border-bottom-left-radius: 10px;
		border: solid #333;
		border-width: 0 1px 1px 1px;
	}
	
    .contactpage-tel-num-inner {
		padding: 10px 40px;
	}
    .contact-tel-info h2 {

		margin: 40px auto 40px 10px;
		font-size: var(--f4);
	}
	.contact-tel-info h4 {
		font-size: var(--f6);
	}
     
}

.wpcf7-form-control > .wpcf7-list-item {
	margin-left: 0px;
}

.company_info {
	margin: 0 auto;
}

#contact-form-akagi table {
	width: 100%;
}

.wpcf7-list-item-label{
	vertical-align: middle;
}



.wpcf7-spinner {
	margin-top: 0px;
}f6


.contact-company{
	margin-bottom: 100px;
}


/*-----------------------------------*/



/* ナビゲーションメニュー */
.mynav {
	padding: 7px 0;
	font-size: var(--f5);
}

.mynav ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.mynav li:not(:last-child) {
	margin-right: 1em;
}
@media(max-width:900px){
	.mynav {
		font-size: var(--f6);
	}
}

/*スマートフォン　ハンバーガーメニュー*/
@media(max-width:740px){
	/*ハンバーガーメニュークリック前*/
	.nav_toggle {
		display: block;
		position: relative;
		width: 1.75rem;
		height: 1.5rem;
	}
	.nav_toggle i {
		display: block;
		width: 100%;
		height: 2px;
		background-color: #333;
		position: absolute;
		transition: transform .5s, opacity .5s;
	}
	.nav_toggle i:nth-child(1) {
		top: 0;
	}
	.nav_toggle i:nth-child(2) {
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.nav_toggle i:nth-child(3) {
		bottom: 0;
	}
	  /*ハンバーガーメニュークリック後*/
	.nav_toggle i:nth-child(1) {
		transform: translateY(10px) rotate(-45deg);
	}
	  .nav_toggle i:nth-child(2) {
		opacity: 0;
	}
	.nav_toggle i:nth-child(3) {
		transform: translateY(-12px) rotate(45deg);
	}
	  /*メニューリスト　クリック前*/
	.akagi_nav_menu {
		position: fixed;
		top: 3rem;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 1rem;
		opacity: 0;
		visibility: hidden;
		transition: opacity .5s, visibility .5s;
	}
	  /*メニューリスト　クリック後*/
	.akagi_nav_menu {
		opacity: 1;
		visibility: visible;
	}
	  
	  
	  
}


/*メイン　タイトル*/

.maintitle_h3 {
	font-size: var(--f4);
	font-weight: lighter;
}
.maintitle_h2 {
	font-size: var(--f3);
}

.maintitle_akagi {
	max-width: 644px;
	margin: 0 auto;
}

@media (max-width:1080px) {
	.maintitle_akagi{
		max-width:344px;
		
	}
	.maintitle_h3 {
		font-size: var(--f5);
		font-weight: lighter;
	}
	.maintitle_h2 {
		font-size: var(--f4);
	}

}
.main_copy {
	font-family: var(--myfont_zen);
	position: relative;
	grid-column: 1/3;
	grid-row: 1/4;
}

.main_copy span  {
	display: flex;
	text-decoration:underline ;
	text-underline-offset: 10px;
	
	

}
@media ( max-width: 740px){
	.main_copy span  {
		display: flex;
		text-decoration:initial ;
		flex-direction: column-reverse;
		margin: 100px 0 40px;
	}
	

}


.main_copy h2 {
	/*画面幅740ｐｘ～2000px　21ｐｘから30ｐｘに可変*/
	font-size: calc(22px + 8 * (100vw - 1160px) / 740);
	    writing-mode: vertical-rl;
	margin: 73px 5px;
}

.main_image_slider{
	grid-column: 1/3;
	grid-row: 1/4;
	margin: 10vw 0 0 7vw;
}
@media ( min-width: 1600px){
	.main_image_slider{
		margin: 7vw 0 0 7vw;
	}
	
}

.main_image_slider div {
	width: 100%;
	height: auto;
	
	
	

}
.main_image_slider img  {
	border-bottom-left-radius: 25%;
	border-top-right-radius: 25%;
	z-index: 1;
	object-fit: cover;
	
}

.bg_green {
	background-color: rgb(203, 241, 209, 0.3);
	height: 40vw;
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	grid-column: 1/3;
	grid-row: 1/4;
	
	
}

.copyWright_akagi_teien {
	
	height: auto;
	margin: 0 -130px 0 auto;
	
	grid-column: 2/3;
	grid-row: 2/3;
	font-size: var(--f6);	
}


.copyWright_akagi_teien p {
	margin-top: 0;


}

.main_title_wrap {
	display: grid;
	grid-template-rows: 40vw 20px 1fr;
	grid-template-columns: 1fr 120px;
	margin-bottom: 100px;
}

.pc-hide {
	display: none;
}

.sp-hide {
	display: block;
}

/*メインタイトル　幅1080ｐｘ以下*/
@media (max-width:1080px) {

	.mycontainer {
		padding: 0 85px;

	}
	.copyWright_akagi_teien p {
		display: none;
	
	}

  .main_image_slider  {
		margin-right: -85px;
    }


}

@media(max-width:740px){
	.mycontainer {
		padding: initial;

	}
	.main_image_slider  {
		margin-right: initial;
		margin-top: initial;
		margin-left: initial;
		margin-bottom: 50px;
    }
}




/*トップページ　施工例　スライド　*/
.casestudy_slider_title {
	display: flex;
	justify-content: space-between;
	background-image: url(img_akagi/casestudy.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
	height: 170px;
}

.bottom_wrapper {
	display: flex;
	justify-content: flex-end;
	width: 48%;
	align-items: flex-end;
}
.casestudy_slider_listbottom img {
	width: 100px;
	height: auto;



}

.casestudy_slider_wrap {
	margin-top: 100px;

}

/*
.circle {
	border-radius: 50%;
	width: 55px;
	height: 55px;
	border: dotted 2.5px black;
	font-size: 40px;
	text-align: center;
	line-height: 50px;
}
*/
.casestudy_slider_title_text {
	width: 63%;
	margin: auto;

}
.casestudy_slider {
	margin-top: 40px;
}

/*page-手のかからない庭*/
.lowmaintenance_title_text {
	margin: 50px auto 50px;
}


.lowmaintenance-title{
	text-align: center;
}

.bold-green {
	font-weight: bold;
	color: #009944;
}


.blind-border-casestudy {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: initial;
	margin-bottom: 0px;
	margin-top: 100px;

}
.blind-border-casestudy:before {
	content:"";
	height: 1px;
	background-color: transparent;
	margin: initial;
	margin-right: 1em;
	/*width: calc( 100% / 2 - 2.5em);*/
	flex: 1;
}

.blind-border-casestudy:after {
	content:"";
	height: 1px;
	background-color: transparent;
	margin: initial;

	margin-left: 1em;
	flex: 1;

}


.border-casestudy {
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1.8;
	margin: 0%;

}

.border-casestudy:before {
	content: "";
	height: 1px;
	background-color: #666;
	margin: initial;

	margin-right: 16px;
	/*width: calc( 100% / 2 - 3.5em);*/
	flex: 1;

}

.border-casestudy:after {
	content: "";
	height: 1px;
	background-color: #666;
	margin: initial;

	margin-left: 1em;
	flex: 1;
}

/*ドットのサイズと色を大きくする*/
.slick-dots li button:before {
	font-size: 12px ;
	color:#63a211 ;
	opacity: 0.5;
}

/*アクティブなスライドのドット色*/
.slick-dots li.slick-active button:before {
	opacity: 1;
	color:#63a211 ;
}



@media (max-width:740px) {
	.bg_green {
		display: none;
	}

	.main_title_wrap {
		display: initial;
	}

	.main_image_slider img {
		height: 380px;
		border-bottom-right-radius: 0;
	    border-top-left-radius: 0;
		border-bottom-left-radius: 25%;
	    border-top-right-radius: 25%;

	}

	.main_copy h2 {
		font-size: var(--f4);
		writing-mode:initial;
		text-align: center;
		margin: 0;
	}
	


	
	.forpc {
		display: none;
	}
	.pc-hide {
		display: block;
	}

	.sp-hide {
		display: none;
	}

	.casestudy_slider_title {
		display: block;
		height: 70px;
	}

	.casestudy_slider_title_text {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding-top: 2%;
	}
	.casestudy_slider {
		margin-top: 0px;
		padding-top: 11%;
	}
	.slick-dots li button:before { 
		font-size: 6px;
	}
	.forsp_botton {
		margin-top: 50px;
	}

	.main_image_slider div {
		
		width: 100%;
	}
}


/*サービスのご案内*/
.akagi-service-wrap {
	margin-top: 150px;
	
}


.akagi-service-image {
	
	width: 48%;
}
.akagi-service-image img {
	border-bottom-right-radius: 25%;
	border-top-left-radius: 25%;

}

.service_background_title {
	width: 88%;
	margin: 0 auto;
}


.akagi-service-text-wrap {
	width: 48%;
}

.akagi-service {
	display: flex;
	justify-content: space-between;
	margin-top: -80px;
}

.servicelist-wraper {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
.our-service-botton {
	width: 100px;
}

.akagi-service-title-blindboader{
	display: flex;
	align-items: center;
	line-height: initial;
	margin: initial;
}
.akagi-service-title-blindboader:before {
	content:"";
	background-color:transparent;
	height: 1px;
	width: calc( 100% / 2 - 6em);
	margin-right: 1em;

}
.akagi-service-title-blindboader:after {
	content:"";
	background-color:transparent;
	height: 1px;
	margin-left: 1em;
	flex: 1;

}

.akagi-service-title-boader {
	display: flex;
	align-items: center;
	margin: inherit;
	line-height: initial;

}

.akagi-service-title-boader::before {
    content:"";
	background-color: #666;
	height: 1px;
	width: calc( 100% / 2 - 3.75em);
	margin-right: 1em;
}

.akagi-service-title-boader:after {
    content:"";
	background-color: #666;
	height: 1px;
	margin-left: 1em;
	flex: 1;
}



.service-list {
	list-style: none;
	margin-top: 0;
	padding-left: 0;
}

.service-list-content {
	margin: 0 0 20px 0;
	padding: 0;
	
	

}
.service-list-content:before{
	content:"";
	background-color: #63a211;
	display:inline-block;
	width: 1em;
	height: 1em;
	position: relative;
	top: 2px;
	margin-right: 10px;
	border-top-right-radius: 25%;
	border-bottom-left-radius:25%
	
	
}

@media( max-width: 740px) {
	.akagi-service-image img {
		height: 300px;
		width: 100%;
		object-fit: cover;
		margin-bottom: -32px;
	}
	.akagi-service {
		margin-top: -10%;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.akagi-service-text-wrap {
		width: 100%;
	}
	.akagi-service-image {
		width: 100%;
		order: 2;
	}
	.akagi-service-text-wrap {
		order: 1;
	} 
	.ourservice_sp_botton {
		order: 3;
		margin-top: 20%;
	}



}
/*オフィスリスト*/
.linkbotton_about {
	width: 100px;
}

.offce_desc {
	width: 47%;
	margin-top: 30px;

}

.offce_desc h4{
	margin-bottom: 10px;
	text-align: center;

}

.office_list_contents {
display: flex;
justify-content: space-between;

flex-wrap: wrap;
background-color: #ffffff;
padding: 10% 6% 10% 6%;
border-left: #6E916E 1px solid;
border-right: #6E916E 1px solid;
}

@media (max-width:1080px) {
	.office_list_contents {
		border-left: 0;
        border-right: 0;
		padding: 0 6% 10% 6%;
	}
  


    
}




.officelist_wrap {
	margin-top: 100px;
	margin-bottom: 150px;
}

.windrose_logo {
	width: 100px;
}

.flex_wrap_akagi {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.officelist_contents_wrap {
	background-color: #F0F5F0;
	padding:0 150px 0 150px;
}

@media(max-width:1080px){
	.officelist_contents_wrap {
		background-color: transparent;
		padding:initial;
	}
}

.office_desc_phot img {
	object-fit: cover;
	height: 170px;
	width: 100%;
	
}

.office_desc_text {
	margin-top: 15px;
}

.office_access p {
	margin: 15px 0 0 0;
	font-weight:800;
	color: #63a211;
}

.linkbotton_about {
	margin-top: 15px;
}

.office_desc_text address {
	font-style: normal;
}

.officelist_boarder_blind {
	display: flex;
	align-items: center;
	line-height: initial;
	margin-bottom: 1px;
}
.officelist_boarder_blind:before {
	content: "";
	height: 1px;
	margin-right: 1em;
	background-color:transparent;
	flex-grow: 1;
     
}

.officelist_boarder_blind:after {
	content: "";
	height: 1px;
	margin-left: 1em;
	background-color:transparent;
	flex-grow: 1;
     
}
.officelist_boarder {
	display: flex;
	align-items: center;
	line-height: initial;
	margin-top: 0;


}
.officelist_boarder:before {
	content:"";
	height: 1px;
	background-color: #666;
	flex-grow: 1 ;
	margin-right: 1em;
}

.officelist_boarder:after {
	content:"";
	height: 1px;
	background-color: #666;
	flex-grow: 1;
	margin-left: 1em;

}

.officelist_title_wrap {
	background-image: url(img_akagi/office.png);
	height: 150px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 3%;
	
}


.officelist_title h3,
.officelist_title P {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}
@media(max-width:1080px){
	.officelist_title_wrap {
		padding-top: 10%;
	}

	.officelist_title h3,
    .officelist_title P {
	width: 90%;
	
}

}

@media( max-width:740px){
	.office_list_contents {
		display: block;
		padding: 0 7%;
		border-left: 0;
		border-right: 0;
		background-color: transparent;

	}
	.officelist_contents_wrap {
		background-color: transparent;
		padding: 0;

	}
	.offce_desc {
		width: 100%;
		border-bottom: 1px #666 solid;
		padding-bottom: 50px;
	}

	.officelist_title h3,
    .officelist_title P {
		width: 100%;
	margin-left: auto;
	margin-right: auto;
    }

	.officelist_title_wrap {


		height: 90px;
	}

	

}

/*施工事例ページ　home.php*/
.ca_st_my   {
	display: flex;
	flex-wrap: wrap;
}
.ca_st_my article {
	width: 48%;
	margin-right: 0;
	margin-bottom: 10%;
}
.ca_st_my_h2 {
	background-color: #EFF7F0;
	height: 25%;
	color: #000;
	padding: 15px;
}

@media( max-width:740px){
	.ca_st_my_h2 {
		height: 33%;
	}

}

@media( max-width:740px){
	.officelist_wrap {
		margin-bottom: 50px;
	}
	.akagi-newsandblog {
		display: block;
	}

	
}


/*会社概要ページ　page.php*/
.company_info > figure {
	/*tableの左側が見切れるので*/


	margin-right: 1px;


	margin-left: 1px;

}


.list-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	
}
.news-wrap {
	width: 48%;
	margin-right: 0;
	margin-bottom: 10%;
}
.news-wrap img {
	height: 250px;
	object-fit: contain;

}
.blog-wrap img {
	height: 250px;
	object-fit: cover;
}
.blog-wrap p {
	word-break: break-all

}

.news-title-p {
	background-color: #EFF7F0;
	padding: 10px;
}
.news-titile-big {
	width: 100%;
}
.news_title_wrap {
 flex: initial;
 padding: 0 85px 65px 85px;
 


}
.bg_green-news {
	height: auto;
	/*padding-top: 5%;*/
}

.news-titletext-wrap {
	margin: 0 auto;
}
.blog-titletext-wrap {
	margin: 0 auto;
	
}


.news_inner {
	width: 100%;
	margin: 0 auto;
	display: block;
	max-width: 1600px;
	padding: 0 85px;
}

.news_slider_title_text {
	width: 100%;
}

/*.blind-border-news::before {
	width: calc( 100% / 2 - 4em);

}*/

.border-news::before {
	width: calc( 100% / 2 - 4em);
}

.postday-news{
	text-align: end;
	margin-bottom: 100px;
}

.instafram_logo_akagi > h3,
.instafram_logo_akagi > h4{
	width: 35%;
	margin: 0 auto;
	text-align: center;

}

.instafram_logo_akagi > h4{
	font-size: var(--f5);
	font-weight: lighter;
}

@media( max-width:740px){
	.instafram_logo_akagi > h3 {
		width: 70%;
		margin: 0 auto;
	
	}
	
}

.casestudy_mypostlist h3 {
	padding: 5px;
	font-weight: lighter;
}

.consentform-wraper{
	display: flex;
	margin-bottom: 100px;
}



.consent-form-img{
	background-color: #26e787;
	width: 640px;
	margin-right: 50px;
	border-bottom-right-radius: 44px;
    border-top-left-radius: 44px;
	overflow: hidden;
	background-image: url(img_akagi/IMG_5397.JPG);
     
	 background-repeat: no-repeat;
	 background-position: 35% 0;
	 background-size: cover;
	
}

@media( max-width:740px){
	.consent-form-img{
		display: none;
	}
	.consentform-wraper{
		display: initial;
	}
}
@media( max-width:1025px){
	
	.consentform-wraper{
		display: initial;
	}
	.consent-form-img{
		width: 100%;
		height: 200px;
		background-position: 0 80%;
	}
}

.consentform-checkbox,
.consentform-label{
	margin-top: 50px;
	
	
}

.cnsentform-info{
	margin-bottom: 100px;
}
.cnsentform-info p{
	margin-top: 80px;
}

.cnsentform-info p,
.cnsentform-info ul{
	line-height: 3;
}
.cnsentform-info h4{
	font-size: var(--f5);
	margin: 0;
}

.consentform-checkbox > p {
	font-size: 20px;
	vertical-align: middle;
}

input[type="checkbox"] {
 height: 25px;
 width: 25px;
 vertical-align: middle;
}
.consentform-label .wpcf7-form-control-wrap input{
	border: initial;
	border-radius: initial;
	width: 100%;
	border-bottom: 1px solid ;
}

.consentform-label > p > label {
	display: block;
	margin-top: 35px;

}
.consentform-label .wpcf7-form-control-wrap textarea{
	width: 100%;
}

.akagi_recruit {
	display: flex;
	
	flex: 1;
	justify-content: space-between;

}
.recruit-class{
	width: 30%;
}
.recruit-class > h4 {
	margin-bottom: 0;
}

.line-1px-solid {
	border-top: 1px solid black;
}

.Occupation {
	display: flex;
	justify-content: space-between;
	margin-top: 70px;
	margin-bottom: 80px;
	flex: 1;
	

}

.job-description,
.about-recruit {
	margin-top: 100px;
	margin-bottom: 160px;
}

.contents-Occupation {
	width: 49%;
	
}
.contents-Occupation > h4 {
	margin-top: 0;
}


.contents-Occupation-inner > h5{
	margin-top: 0;
	margin-bottom: 0;
}
.contents-Occupation-inner > p {
	margin-top: 0;
	margin-bottom: 20px;
}

.alagi-recruit-maincopy > h2 {
	color: var(--basecolor);
}
.alagi-recruit-maincopy > p {
	line-height: 2.2;
}
.alagi-recruit-maincopy {
	margin-top: 100px;
}
.contents-merit-akagi-recruit{
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;

}

.inner-contents-merit-akagi-recruit{
	width: 30%;
}
.inner-contents-merit-akagi-recruit > h4{
	color: var(--basecolor);
	margin: 0;
}

.title-desired-figure > h4{
	color: var(--basecolor);
	margin: 0;

}

.title-merit-akagi-recruit{
	text-align: center;
	color: var(--basecolor);
	
}
.title-merit-akagi-recruit > h2 {
	font-size: var(--f1);
	margin-top: 0;
	
}

.job-description > h2 {
	font-size: var(--f1);
	margin-top: 0;
	color: var(--basecolor);

}
.akagi-merit-border {
	display: flex;
	align-items: center;
	line-height: initial;
	margin-top: 0;
}

.akagi-merit-border::before {
	
	content:"";
	height: 1.5px;
	background-color: var(--basecolor);
	flex-grow: 1 ;
	margin-right: 1em;
	
}

.akagi-merit-border::after {
	
	content:"";
	height: 1.5px;
	background-color: var(--basecolor);
	flex-grow: 1 ;
	margin-left: 1em;
	
}

.akagi-leaf::before {
	content:"";
	background-color: #63a211;
	display:inline-block;
	width: 1em;
	height: 1em;
	position: relative;
	top: 2px;
	margin-right: 10px;
	border-top-right-radius: 25%;
	border-bottom-left-radius:25%
}
.title-merit-akagi-recruit > h3 {
	margin-bottom: 0;
	font-size: var(--f4);
}
.merit-akagi-recruit{
	margin-top: 100px;
}



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

.content-desired-figure{
	width: 80%;
}
.img-desired-figure {
	width: 35%;
	margin-left: 50px;

}




.recruit-class .wp-block-table td, 
.recruit-class .wp-block-table th {
	border: 1px solid #63a211 ;

}

.akagi-requirements  td,
.akagi-requirements  th {
	border: 1px solid #63a211 ;

}

.inner-contents-merit-akagi-recruit > P {
	margin-bottom: 50px;
}


.desired-figure-wrap {
	margin-bottom: 100px;
}


.wraper-akagi-refomloan {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;


}

.contents-akagi-refomloan {
	border: #009944 3px solid;
	border-radius: 7px;
	text-align: center;
	
	padding: 1rem;
	width: 24%;
}

.reformloan_banner_size {
	width: 65%;
	margin: 0 auto;
}



.reformroan_repayment >.wp-element-caption{
	margin-top: 10px;
	text-align: right;
	margin-bottom: 10px;
	
}
.loan_amount{
	font-weight: bolder;
	text-align: center;
}

.reformroan_repayment td:not(.loan_amount) {
	text-align: right;
}
.reformroan_repayment  th:not(.colour1) {
	color: #009944;
	border: #000 solid 1px;
	background-color: #FCF7DE;

}

@media (max-width: 740px) {

	
	.tbl_sphone {
		min-width: 740px;
		
	}
    .wraper-akagi-refomloan {
		flex-direction: column;
		
	}
	.contents-akagi-refomloan {
		width: 100%;
		margin-bottom: 25px;
	}
	
	.blind-border-casestudy {
		margin-top: 40px;	
	}
	.news_inner {
		
		padding: 0 77px;
	}

	.reformloan_banner_size {
		width: 100%;
	}

	.bg_green-casestudy {
		
		margin-bottom: 10px;
		
	}

	.about-reform-laon-wrap {
		margin-bottom: 70px;
	}

	.green-seido-wrap {
	
		width: 100%;
		
	
	
	}
} 



.about_reformloan {
	font-size: 1.2em;
}
.about-akagi-refomloan H4 {
line-height: 0.5em;
}
.about-reform-laon-wrap {
	margin-bottom: 100px;
}

.akagi-reformloan {
	margin-bottom: 100px;
}
.repayment_example {
margin-top: 100px;
}

.title-akagi-reformloan {
	text-align: center;
}

.sellingprice  {
	font-weight: bold;

}
.colour1  {
	background-color: #009944;
    color: #FCF7DE !important; 
	border: #000 solid 1px !important;
}

.akagi-urbangreening {
display: flex;	
flex-wrap: wrap;
gap: 40px 40px;

}



.green-seido-wrap {
	
	width: 48%;
    padding: 50px;
	
	position: relative;


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

	

	.akagi-urbangreening {
		
		margin-top: 50px;
		gap: 20px 20px;
	}

	
} 

@media (max-width: 740px) {

	.green-seido-wrap {
	  width: 100%;
	}

	.akagi-urbangreening {
		
		margin-top: 50px;
		gap: 30px 20px;
	}

	
} 


/* ::before, ::after　共通スタイル */
.green-seido-wrap::before, .green-seido-wrap::after {
	content: "";
	position: absolute;
	z-index: -1;
  }

  /* ラベルの背景 */
.green-seido-wrap::before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
	
	/*右上角の辺を 14px　ななめに切り抜き */
	clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
	border: #000 1px solid;
  }

  /* 右上角のめくれ */
.green-seido-wrap::after {
	top: 0%;
	right: 0%;
	/*14 x 14 px の正方形*/
	height: 40px;
	width: 40px;
	
	/*右上半分を切り抜き(三角形)*/
	clip-path: polygon(0 0, 0% 100%, 100% 100%);
  }
  
.tri-colour1::after {
	/*折り返し部分のカラー*/
	background-color: #F2BE0D;
}
.tri-colour2::after {
	/*折り返し部分のカラー*/
	background-color: #9CBB4D;
}
.tri-colour3::after {
	/*折り返し部分のカラー*/
	background-color: #FF9900;
}
.tri-colour4::after {
	/*折り返し部分のカラー*/
	background-color: #336600;
}

.tri-colour1 h3{
	color: #F2BE0D;
}
.tri-colour2 h3{
	color: #9CBB4D;
}
	

.tri-colour3 h3{
	color: #FF9900;
}
.tri-colour4 h3{
	color: #336600;
}
.green-seido-box a {
	color: #009944;
	background: linear-gradient(transparent 60%,#FCF7DE 50%);
         
}

.autoreply_info p {
	line-height:2.2;
}

.autoreply_contents {
	width: fit-content; /*子要素（akagicase)の大きさに親要素(post_contents)の大きさをあわせる*/
	margin:  300px auto 140px;    /*akagicaseをpost_contentsの中央に*/
}

/*携帯画面の時、fit^contents 打消し*/
@media (max-width:740px) {
	.autoreply_contents {
	   width: initial;
	}
   
}


/*手のかからない庭*/


.title-contents-wrap-1{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
	
	

}
.title-contents-wrap-1 > h3{
	font-size: var(--f3);
	color: #009944;
	
	
	

	
}

.title-contents-wrap-1 > h2{
	font-size: var(--f5);
	margin-right: 30px;
	
	
	

}
.contents-wrap-1{
	margin-bottom: 100px;
	
}

.bg_green-w-deck {
	background-color: rgb(203, 241, 209, 0.3);
	height: 450px;
	width: 100vw;
	margin: 0 calc(50% - 50vw) 100px;
}

.bg_green-pavement{
	background-color: rgb(203, 241, 209, 0.3);
	height:auto;
	width: 100vw;
	margin: 0 calc(50% - 50vw) 100px;
	

}

.inner-bg_green-pavement{
	width: 55vw;
	margin: 0 auto;
	padding: 80px 0;
}


.wrap-contents-pavement{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	padding-left: 8%;

}
.wrap-contents-pavement-2{
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
	padding-right: 8%;

}

.inner-contents-pavement {
	width:45%;
}
.inner-bg_green-pavement > p {
	text-align: center;
}

.inner-bg_green-pavement > h5 {
	text-align: center;
	font-size: var(--f4);
    font-weight: lighter;
	color: #009944;
	margin-top: 50px;
}
.lowmaintenance_title_wrap {
	width: 100vw;
	margin: 0 calc(50% - 50vw) ;

}

.inner-contents-w-deck{
	display: flex;
	justify-content: space-between;

}

.wrap-w-deck-heading{
	width: 47%;
}
.wrap-weck-img{
	width: 47%;
	
}
.wrap-weck-img > img{
	border-radius: 0 25% 0 25%  ; 
}

.pavement-img > img{
	border-radius: 0 25% 0 25%  ;
}
.pavement-text > h5{
	margin-bottom: 0;
	margin-top: 15px;
	font-size: var(--f4);
	color: #009944;
	font-weight: bold;

}
.pavement-text > p{
	margin-top: 0;

}

.wrap-w-deck-heading > h4{
	margin: 0 ;
}

.wrap-w-deck-heading > P {
	
	font-size: var(--f4);
}

.w-deck-ment-P {
	font-size: var(--f4);
}

.contents-w-deck{
	margin: -500px auto 0;
	width: 55vw;
}

.w-deck-ment{
	margin-top: 80px;
}


.wrap-features-soilpavement{

	display: flex;
	justify-content: space-between;
}

.vertical-title > p {

	writing-mode: vertical-rl;
	margin: 0;
	color: #009944;
	font-weight: bold;


}

.features-soilpavement-circle{
	width: 350px;
	height: 350px;
	border-radius: 50%;
	border: dashed 7px #A9C43A ;
	position: relative;
	margin-top: 100px;
	margin-bottom: 50px;
	margin-left: -33%;

}
.features-soilpavement-title{
	width: 350px;
	
	text-align: center;
	margin: 0 auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	
}
.text-soilpavement {
	width: 55%;
	
}

.vertical-title{
	width: 5%;
	margin-right: 30px;
	margin-left: 30px;
}
.soilpavement-img{
	width: 40%;
}

.soilpavement-h2-p h2{
	font-size: var(--f4);
}