@charset "UTF-8";
	*{
		box-sizing: border-box;
		font-family: "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
		font-feature-settings:"palt";
		line-height:160%;
		margin:0;
		padding:0;
	}

	i{
		font-style:normal;
	}

	img{
		border:none;
		margin:0;
		padding:0;
		vertical-align:bottom;
	}

	table,thead,tbody,tr,th,td{
		border:0;
		border-collapse:collapse;
	}

	ul,ol,li{
		list-style:none;
	}

@media (max-width: 750px) {
	*{
		font-size:16px;
	}
}
	/********** 共通class **********/
	.inner{
		margin:0 auto;
		width:1200px;
		position:relative;
	}
@media (max-width: 1200px) {
	.inner{
		width:100%;
	}
}

	.mincho{
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}

	/********** header **********/
	header{
		background:linear-gradient(0deg,#fff 0%,#fff 50%,#6EBE1E 50%,#6EBE1E 100%);
		width:100%;
	}
		header .bg{
			background-position:left 50vw bottom;
			background-repeat:no-repeat;
		}
			/***** 補助金FV *****/
			#hojyokin header .bg{
				background-image:url(/wp-content/themes/twentytwentyone/img/fv_1.jpg);
				background-size:auto 650px;
			}
			/***** 遺言書FV *****/
			#yuigon header .bg{
				background-image:url(/wp-content/themes/twentytwentyone/img/fv_2.jpg);
				background-size:auto 650px;
				background-position:left 50vw bottom -60px;
			}
			/***** 遺産相続 *****/
			#isan header .bg{
				background-image:url(/wp-content/themes/twentytwentyone/img/fv_3.jpg);
				background-size:auto 800px;
				background-position:left 50vw bottom -60px;
			}
			/***** 遺産相続 *****/
			#keiyaku header .bg{
				background-image:url(/wp-content/themes/twentytwentyone/img/fv_4.jpg);
				background-size:auto 100%;
				background-position:left 50vw bottom;
			}
			/***** 会社設立 *****/
			#kaisya header .bg{
				background-image:url(/wp-content/themes/twentytwentyone/img/fv_5.jpg);
				background-size:auto 100%;
				background-position:left 50vw bottom;
			}
			/***** 労務コンサル *****/
			#roumu header .bg{
				background-image:url(/wp-content/themes/twentytwentyone/img/fv_6.jpg);
				background-size:auto 100%;
				background-position:left 50vw bottom;
			}

		header .inner{
			display:table;
			height:500px;
		}

		/***** 左（テキスト部分） *****/
		header .inner .hl{
			display:table-cell;
			padding:60px 20px 20px;
			width:50%;
			height:500px;
		}

			header .inner .hl h1{
				background:#fff;
				color:#6EBE1E;
				font-size:27px;
				font-weight:bold;
				line-height:100%;
				padding:10px 0;
				text-align:center;
			}
			header .inner .hl .upper{
				color:#fff;
				font-weight:bold;
				line-height:100%;
				text-align:center;
			}
			header .inner .hl .lower{
				color:#6EBE1E;
				line-height:100%;
				text-align:center;
			}

			/***** 補助金FV *****/
			#hojyokin header .inner .upper{
				font-size:85px;
				margin:50px 0 20px;
			}
			#hojyokin header .inner .lower{
				font-size:126px;
				margin:30px 0 15px;
			}

			/***** 遺言書FV *****/
			#yuigon header .inner .upper{
				font-size:55px;
				margin:50px 0 20px;
			}
			#yuigon header .inner ul.lower{
				display:flex;
				margin:30px 0 15px;
				height:150px;
				position:relative;
				width:100%;
			}
				#yuigon header .inner ul.lower li{
					border-radius:75px;
					color:#fff;
					display:block;
					font-weight:bold;
					height:150px;
					line-height:100%;
					padding:25px 0 0;
					position:absolute;
					width:150px;
				}
					#yuigon header .inner ul.lower li:nth-of-type(1){
						background:#32325A;
						font-size:36px;
					}
					#yuigon header .inner ul.lower li:nth-of-type(2){
						background:#FABE23;
						font-size:36px;
						left:160px;
					}
					#yuigon header .inner ul.lower li:nth-of-type(3){
						background:#194D6E;
						font-size:36px;
						left:320px;
					}
						#yuigon header .inner ul.lower li:nth-of-type(3) i{
							font-size:28px;
							line-height:100%;
						}
					#yuigon header .inner ul.lower li:nth-of-type(4){
						background:#969B96;
						font-size:28px;
						left:480px;
						padding:40px 0 0;
					}
						#yuigon header .inner ul.lower li:nth-of-type(4) i{
							font-size:24px;
							line-height:100%;
						}
			/***** 遺産FV *****/
			#isan header .inner .upper{
				font-size:40px;
				margin:50px 0 20px;
			}
			#isan header .inner ul.lower{
				display:flex;
				margin:30px 0 15px;
				height:150px;
				position:relative;
				width:100%;
			}
				#isan header .inner ul.lower li{
					border-radius:75px;
					color:#fff;
					display:block;
					font-weight:bold;
					height:150px;
					line-height:100%;
					padding:25px 0 0;
					position:absolute;
					width:150px;
				}
					#isan header .inner ul.lower li:nth-of-type(1){
						background:#32325A;
						font-size:36px;
					}
					#isan header .inner ul.lower li:nth-of-type(2){
						background:#FABE23;
						font-size:36px;
						left:160px;
					}
					#isan header .inner ul.lower li:nth-of-type(3){
						background:#194D6E;
						font-size:36px;
						left:320px;
					}
						#isan header .inner ul.lower li:nth-of-type(3) i{
							font-size:28px;
							line-height:100%;
						}
			/***** 契約書FV *****/
			#keiyaku header .inner .upper{
				font-size:60px;
				margin:50px 0 20px;
			}
			#keiyaku header .inner .lower{
				font-size:80px;
				margin:50px 0 15px;
			}
				#keiyaku header .inner .lower i{
					font-size:30px;
					font-weight:bold;
				}
			/***** 会社設立FV *****/
			#kaisya header .inner .upper{
				font-size:60px;
				margin:50px 0 20px;
			}
			#kaisya header .inner .lower{
				font-size:80px;
				margin:50px 0 15px;
			}
			/***** 労務コンサルFV *****/
			#roumu header .inner .upper{
				font-size:35px;
				margin:50px 0 20px;
			}
			#roumu header .inner ul.lower{
				display:flex;
				margin:30px 0 15px;
				height:150px;
				position:relative;
				width:100%;
			}
				#roumu header .inner ul.lower li{
					border-radius:75px;
					color:#fff;
					display:block;
					font-weight:bold;
					height:150px;
					line-height:100%;
					padding:30px 0 0;
					position:absolute;
					width:150px;
				}
					#roumu header .inner ul.lower li:nth-of-type(1){
						background:#32325A;
						font-size:30px;
					}
					#roumu header .inner ul.lower li:nth-of-type(2){
						background:#FABE23;
						font-size:30px;
						left:200px;
					}
					#roumu header .inner ul.lower li:nth-of-type(3){
						background:#194D6E;
						font-size:30px;
						left:400px;
					}


			header .inner .hl .msg{
				border:1px solid #6EBE1E;
				color:#6EBE1E;
				font-size:20px;
				font-weight:bold;
				padding:10px;
				text-align:center;
			}

			/***** 遺産FV *****/
			#isan header .inner .hl .msg,
			#roumu header .inner .hl .msg{
				border:0;
				color:#6EBE1E;
				font-size:70px;
				font-weight:bold;
				line-height:100%;
				padding:15px 0 0;
				text-align:center;
			}


		/***** 右（画像部分） *****/
		header .inner .fv{
			display:table-cell;
			position:relative;
		}
			/*** ロゴ ***/
			header .inner .fv .logo{
				background-color:rgba(255,255,255,0.9);
				background-image:url(/wp-content/themes/twentytwentyone/img/logo_3.png);
				background-position:center center;
				background-repeat:no-repeat;
				border-radius:30px;
				position:absolute;
				top:10px;
				right:0;
				height:60px;
				width:260px;
			}
			/*** オレンジサークル ***/
			header .inner .fv .ntc{
				background:url(/wp-content/themes/twentytwentyone/img/circle_orange_1.png) no-repeat;
				color:#fff;
				font-weight:bold;
				height:186px;
				left:-93px;
				padding:45px 20px 20px;
				position:absolute;
				text-align:center;
				top:157px;
				width:186px;
			}
				header .inner .fv .ntc span{
					display:block;
					font-size:20px;
				}
				header .inner .fv .ntc i{
					display:block;
					font-size:17px;
				}
				header .inner .fv .ntc b{
					display:block;
					font-size:40px;
				}

				/***** 遺言書FV *****/
				/***** 遺産FV *****/
				/***** 労務コンサルFV *****/
				#yuigon header .inner .fv .ntc,
				#isan header .inner .fv .ntc,
				#roumu header .inner .fv .ntc{
					bottom:-100px;
					left:initial;
					right:300px;
					top:initial;
					z-index:4;
				}

@media (max-width: 1200px) {

	header{
		background:linear-gradient(0deg,#fff 0%,#fff 52%,#6EBE1E 52%,#6EBE1E 100%);
		width:100%;
	}
		header .bg{
			background-position:left 50vw bottom;
			background-repeat:no-repeat;
		}
			/***** 補助金FV *****/
			#hojyokin header .bg{
				background-size:auto 54vw;
			}
			/***** 遺言書FV *****/
			#yuigon header .bg{
				background-size:auto 100%;
				background-position:left 50vw bottom ;
			}
			/***** 遺産FV *****/
			#isan header .bg{
				background-size:auto 100%;
				background-position:left 50vw bottom ;
			}
			/***** 契約書FV *****/
			#keiyaku header .bg{
				background-size:auto 100%;
				background-position:left 50vw bottom ;
			}
			/***** 会社設立FV *****/
			#kaisya header .bg{
				background-size:auto 100%;
				background-position:left 50vw bottom ;
			}
			/***** 労務コンサルFV *****/
			#roumu header .bg{
				background-size:auto 100%;
				background-position:left 50vw bottom ;
			}

		header .inner{
			height:40vw;
			width:100%;
		}

		/***** 左（テキスト部分） *****/
		header .inner .hl{
			padding:5vw 2vw 2vw;
			height:41.5vw;
		}

			header .inner .hl h1{
				font-size:2.2vw;
				padding:1vw 0;
			}
			header .inner .hl .upper{
			}
			header .inner .hl .lower{
			}

			/***** 補助金FV *****/
			#hojyokin header .inner .upper{
				font-size:7vw;
				margin:4vw 0 2vw;
			}
			#hojyokin header .inner .lower{
				font-size:10vw;
				margin:2.8vw 0 2vw;
			}

			/***** 遺言書FV *****/
			#yuigon header .inner .upper{
				font-size:4.5vw;
				margin:4vw 0 2vw;
			}
			#yuigon header .inner ul.lower{
				margin:2.8vw 0 2vw;
				height:12.5vw;
			}
				#yuigon header .inner ul.lower li{
					border-radius:7.5vw;
					height:12.5vw;
					padding:2vw 0 0;
					width:12.5vw;
				}
					#yuigon header .inner ul.lower li:nth-of-type(1){
						font-size:3vw;
					}
					#yuigon header .inner ul.lower li:nth-of-type(2){
						font-size:3vw;
						left:13vw;
					}
					#yuigon header .inner ul.lower li:nth-of-type(3){
						font-size:3vw;
						left:26vw;
					}
						#yuigon header .inner ul.lower li:nth-of-type(3) i{
							font-size:2.5vw;
						}
					#yuigon header .inner ul.lower li:nth-of-type(4){
						font-size:2.5vw;
						left:39vw;
						padding:3.2vw 0 0;
					}
						#yuigon header .inner ul.lower li:nth-of-type(4) i{
							font-size:2vw;
						}

			/***** 遺産FV *****/
			#isan header .inner .upper{
				font-size:4vw;
				margin:4vw 0 2vw;
			}
			#isan header .inner ul.lower{
				margin:2.8vw 0 2vw;
				height:12.5vw;
			}
				#isan header .inner ul.lower li{
					border-radius:7.5vw;
					height:14vw;
					padding:3vw 0 0;
					width:14vw;
				}
					#isan header .inner ul.lower li:nth-of-type(1){
						font-size:3vw;
					}
					#isan header .inner ul.lower li:nth-of-type(2){
						font-size:3vw;
						left:16.5vw;
					}
					#isan header .inner ul.lower li:nth-of-type(3){
						font-size:3vw;
						left:33vw;
					}
						#isan header .inner ul.lower li:nth-of-type(3) i{
							font-size:2.5vw;
						}
			/***** 契約書FV *****/
			#keiyaku header .inner .upper{
				font-size:5.2vw;
				margin:4vw 0 2vw;
			}
			#keiyaku header .inner .lower{
				font-size:7vw;
				margin:5vw 0 1.5vw;
			}
				#keiyaku header .inner .lower i{
					font-size:3vw;
				}
			/***** 会社設立FV *****/
			#kaisya header .inner .upper{
				font-size:5.2vw;
				margin:4vw 0 2vw;
			}
			#kaisya header .inner .lower{
				font-size:7vw;
				margin:5vw 0 1.5vw;
			}
			/***** 労務コンサルFV *****/
			#roumu header .inner .upper{
				font-size:3.5vw;
				margin:4vw 0 2vw;
			}
			#roumu header .inner ul.lower{
				margin:2.8vw 0 2vw;
				height:12.5vw;
			}
				#roumu header .inner ul.lower li{
					border-radius:7.5vw;
					height:14vw;
					padding:3vw 0 0;
					width:14vw;
				}
					#roumu header .inner ul.lower li:nth-of-type(1){
						font-size:3vw;
					}
					#roumu header .inner ul.lower li:nth-of-type(2){
						font-size:3vw;
						left:16.5vw;
					}
					#roumu header .inner ul.lower li:nth-of-type(3){
						font-size:3vw;
						left:33vw;
					}


			header .inner .hl .msg{
				font-size:1.6vw;
				padding:1vw;
			}
			/***** 遺産FV *****/
			/***** 労務コンサルFV *****/
			#isan header .inner .hl .msg,
			#roumu header .inner .hl .msg{
				font-size:5vw;
				padding:1.5vw 0 0;
			}

		/***** 右（画像部分） *****/
		header .inner .fv{
		}
			/*** ロゴ ***/
			header .inner .fv .logo{
				background-size:90% auto;
				border-radius:5vw;
				top:1vw;
				right:1vw;
				height:5vw;
				width:21vw;
			}
			/*** オレンジサークル ***/
			header .inner .fv .ntc{
				background-size:100% auto;
				height:15.5vw;
				left:-7.5vw;
				padding:3.5vw 1vw 1vw;
				top:13.5vw;
				width:15.5vw;
			}
				header .inner .fv .ntc span{
					font-size:1.8vw;
				}
				header .inner .fv .ntc i{
					font-size:1.6vw;
				}
				header .inner .fv .ntc b{
					font-size:3.2vw;
				}
				/***** 遺言書FV *****/
				/***** 遺産FV *****/
				/***** 労務コンサルFV *****/
				#yuigon header .inner .fv .ntc,
				#isan header .inner .fv .ntc,
				#roumu header .inner .fv .ntc{
					bottom:-8vw;
					left:initial;
					right:25vw;
					top:initial;
					z-index:4;
				}
}

@media (max-width: 750px) {

	header{
		width:100%;
	}

		header .bg{
			background-position:center bottom !important;
			background-size:100% auto !important;
		}
			/***** 会社設立FV *****/
			#kaisya header .bg{
				height:120vw;
			}


		header .inner{
			display:block;
			height:auto;
			width:100%;
		}
		/***** テキスト部分 *****/
		header .inner .hl{
			background:linear-gradient(0deg,#fff 0%,#fff 60%,#6EBE1E 60%,#6EBE1E 100%);
			display:block;
			padding:5vw 2vw 2vw;
			height:65vw;
			width:100%;
		}
			header .inner .hl h1{
				font-size:4vw;
				padding:1vw 0;
			}
			header .inner .hl .upper{
				font-size:10vw !important;
			}
			header .inner .hl .lower{
				font-size:12vw !important;
				margin:2vw 0 !important;
			}

			/***** 遺言書FV *****/
			#yuigon header .inner .upper{
				font-size:4.5vw;
				margin:4vw 0 2vw;
			}
			#yuigon header .inner ul.lower{
				display:flex;
				justify-content:space-between;
				margin:2.8vw 0 2vw;
				height:12.5vw;
			}
				#yuigon header .inner ul.lower li{
					border-radius:2vw;
					height:12.5vw;
					position:relative;
					padding:2vw 0 0;
					left:initial;
					line-height:100%;
					width:23vw;
				}
					#yuigon header .inner ul.lower li:nth-of-type(1){
						font-size:4vw;
					}
					#yuigon header .inner ul.lower li:nth-of-type(2){
						font-size:4vw;
						left:initial;
					}
					#yuigon header .inner ul.lower li:nth-of-type(3){
						font-size:4vw;
						left:initial;
					}
						#yuigon header .inner ul.lower li:nth-of-type(3) i{
							font-size:4vw;
							line-height:100%;
						}
					#yuigon header .inner ul.lower li:nth-of-type(4){
						font-size:4vw;
						left:initial;
					}
						#yuigon header .inner ul.lower li:nth-of-type(4) i{
							font-size:4vw;
							line-height:100%;
						}

			/***** 遺産FV *****/
			#isan header .inner .upper{
				font-size:8vw !important;
				margin:4vw 0 2vw;
				height:10vw;
			}
			#isan header .inner ul.lower{
				display:flex;
				justify-content:space-between;
				margin:2.8vw 0 2vw;
				height:12.5vw;
			}
				#isan header .inner ul.lower li{
					border-radius:2vw;
					height:18vw;
					position:relative;
					padding:4vw 0;
					left:initial;
					line-height:100%;
					width:30vw;
				}
					#isan header .inner ul.lower li:nth-of-type(1){
						font-size:5vw;
					}
					#isan header .inner ul.lower li:nth-of-type(2){
						font-size:5vw;
						left:initial;
					}
					#isan header .inner ul.lower li:nth-of-type(3){
						font-size:5vw;
						left:initial;
					}
						#isan header .inner ul.lower li:nth-of-type(3) i{
							font-size:5vw;
							line-height:100%;
						}
			/***** 契約書FV *****/
			#keiyaku header .inner .upper{
				font-size:5.2vw;
				margin:4vw 0 2vw;
			}
			#keiyaku header .inner .lower{
				font-size:7vw;
				margin:5vw 0 1.5vw;
			}
				#keiyaku header .inner .lower i{
					font-size:4vw;
				}
			/***** 会社設立FV *****/
			#keiyaku header .inner .upper{
				font-size:5.2vw;
				margin:4vw 0 2vw;
			}
			#keiyaku header .inner .lower{
				font-size:7vw;
				margin:5vw 0 1.5vw;
			}

			/***** 労務コンサルFV *****/
			#roumu header .inner .upper{
				font-size:7vw !important;
				margin:4vw 0 2vw;
				height:10vw;
			}
			#roumu header .inner ul.lower{
				display:flex;
				justify-content:space-between;
				margin:2.8vw 0 2vw;
				height:12.5vw;
			}
				#roumu header .inner ul.lower li{
					border-radius:2vw;
					height:18vw;
					position:relative;
					padding:4vw 0;
					left:initial;
					line-height:100%;
					width:30vw;
				}
					#roumu header .inner ul.lower li:nth-of-type(1){
						font-size:5vw;
					}
					#roumu header .inner ul.lower li:nth-of-type(2){
						font-size:5vw;
						left:initial;
					}
					#roumu header .inner ul.lower li:nth-of-type(3){
						font-size:5vw;
						left:initial;
					}

			header .inner .hl .msg{
				font-size:4vw;
			}
			/***** 遺産FV *****/
			/***** 労務コンサルFV *****/
			#isan header .inner .hl .msg,
			#roumu header .inner .hl .msg{
				font-size:10vw;
				margin:9vw 0 0;
				padding:1.5vw 0 0;
			}



		/***** 画像部分 *****/
		header .inner .fv{
			display:block;
			height:50vw;
			width:100%;
		}
			/*** ロゴ ***/
			header .inner .fv .logo{
				border-radius:5vw;
				bottom:-2vw;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				height:10vw;
				top:initial;
				width:30vw;
			}
			/*** オレンジサークル ***/
			header .inner .fv .ntc{
				height:25vw;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				padding:5vw 1vw 1vw;
				top:6vw;
				width:25vw;
			}
				header .inner .fv .ntc span{
					font-size:3vw;
				}
				header .inner .fv .ntc i{
					font-size:3vw;
				}
				header .inner .fv .ntc b{
					font-size:5.5vw;
				}

				/***** 遺言書FV *****/
				/***** 遺産FV *****/
				/***** 会社設立FV *****/
				/***** 労務コンサルFV *****/
				#yuigon header .inner .fv .ntc,
				#isan header .inner .fv .ntc,
				#kaisya header .inner .fv .ntc,
				#roumu header .inner .fv .ntc{
					bottom:initial;
					left:initial;
					right:-11vw;
					top:7vw;
					z-index:4;
				}

}

	/********** 共有パーツCTA **********/
	.cta{
		background:linear-gradient(0deg,#fff 0%,#fff 40%,#6EBE1E 40%,#6EBE1E 100%);
		padding:20px 20px 0;
		position:relative;
	}
		.cta .inner{
			height:450px;
		}
		/***** まるごとサポート *****/
		.cta h2{
			color:#fff;
			font-size:30px;
		}
			.cta h2 i{
				background:url(/wp-content/themes/twentytwentyone/img/line_wave.png) repeat-x;
				background-position:bottom;
				color:#000;
				font-size:35px;
			}
			.cta h2 b{
				background:url(/wp-content/themes/twentytwentyone/img/line_g.png) repeat-x;
				background-position:bottom;
				font-size:50px;
			}
			.cta h2 span{
				font-size:55px;
			}
		/***** リモートで全国対応 *****/
		.cta .cap{
			border:1px solid #fff;
			color:#fff;
			display:inline-block;
			font-size:25px;
			font-weight:bold;
			line-height:100%;
			margin:20px 0 0 0;
			padding:10px 40px;
		}

		/***** サムネイル *****/
		.cta ul{
			display:flex;
			width:430px;
			justify-content:flex-start;
			position:absolute;
			top:108px;
			left:325px;
			z-index:3;
		}
			.cta ul li{
				background-color:#fff;
				background-repeat:no-repeat;
				background-size:100% auto;
				border:2px solid #B9D23C;
				display:inlne-block;
				font-size:12px;
				margin:0 10px 0 0;
				padding:95px 5px 10px;
				text-align:center;
				width:130px;
			}
			.cta ul li:nth-of-type(1){
				background-image:url(/wp-content/themes/twentytwentyone/img/cta_img_1.jpg);
			}
			.cta ul li:nth-of-type(2){
				background-image:url(/wp-content/themes/twentytwentyone/img/cta_img_2.jpg);
			}
			.cta ul li:nth-of-type(3){
				background-image:url(/wp-content/themes/twentytwentyone/img/cta_img_3.jpg);
			}
		/***** CEO *****/
		.cta .ceo{
			background:url(/wp-content/themes/twentytwentyone/img/cta_ceo.png) no-repeat;
			width:548px;
			height:589px;
			position:absolute;
			bottom:0;
			right:0;
			z-index:2;
		}
		/***** 無料相談ボタン *****/
		.cta .go_form{
			background:url(/wp-content/themes/twentytwentyone/img/cta_btn_form.png) #F08C19 no-repeat;
			background-position:right 30px center;
			border-radius:8px;
			box-shadow:3px 3px 5px #BDBDBD;
			color:#fff;
			font-size:20px;
			font-weight:bold;
			width:380px;
			padding:20px 0 20px 70px;
			position:absolute;
			text-decoration:none;
			top:290px;
			left:0;
		}
			.cta .go_form b{
				display:block;
				font-size:32px;
			}
		/***** LINEボタン *****/
		.cta .go_line{
			background:url(/wp-content/themes/twentytwentyone/img/cta_btn_line.png) #39AD36 no-repeat;
			background-position:left 20px center;
			border-radius:8px;
			box-shadow:3px 3px 5px #BDBDBD;
			color:#fff;
			font-size:20px;
			font-weight:bold;
			width:250px;
			padding:30px 0 30px 140px;
			position:absolute;
			text-decoration:none;
			top:290px;
			left:420px;
		}
			.cta .go_line b{
				display:block;
			}
		/***** 電話ボタン *****/
		.cta .tel{
			color:#fff;
			font-weight:bold;
			font-size:38px;
			left:0;
			line-height:100%;
			position:absolute;
			text-decoration:none;
			top:180px;
		}
			.cta .tel::before{
				background:url(/wp-content/themes/twentytwentyone/img/li_tel.png) no-repeat;
				background-size:auto 100%;
				background-position:left bottom -5px;
				content:" ";
				display:inline-block;
				width:40px;
				height:45px;
			}
			.cta .tel::after{
				content:"045-334-8240";
			}


@media (max-width: 1200px) {

	.cta{
		background:linear-gradient(0deg,#fff 0%,#fff 40%,#6EBE1E 40%,#6EBE1E 100%);
		padding:2vw 0 0 2vw;
	}
		.cta .inner{
			height:37vw;
		}
		/***** まるごとサポート *****/
		.cta h2{
			font-size:2.4vw;
		}
			.cta h2 i{
				font-size:3vw;
			}
			.cta h2 b{
				font-size:4vw;
			}
			.cta h2 span{
				font-size:4vw;
			}
		/***** リモートで全国対応 *****/
		.cta .cap{
			font-size:2vw;
			margin:1.5vw 0 0 0;
			padding:1vw 4vw;
		}

		/***** サムネイル *****/
		.cta ul{
			width:45vw;
			top:7.8vw;
			left:28vw;
		}
			.cta ul li{
				font-size:1vw;
				margin:0 1vw 0 0;
				padding:9vw 1vw 1vw;
				text-align:center;
				width:12vw;
			}
			.cta ul li:nth-of-type(1){
				background-image:url(/wp-content/themes/twentytwentyone/img/cta_img_1.jpg);
			}
			.cta ul li:nth-of-type(2){
				background-image:url(/wp-content/themes/twentytwentyone/img/cta_img_2.jpg);
			}
			.cta ul li:nth-of-type(3){
				background-image:url(/wp-content/themes/twentytwentyone/img/cta_img_3.jpg);
			}
		/***** CEO *****/
		.cta .ceo{
			background-size:auto 100%;
			width:45vw;
			height:48vw;
		}
		/***** 無料相談ボタン *****/
		.cta .go_form{
			background-position:right 3vw center;
			background-size:7vw auto;
			border-radius:1vw;
			font-size:2vw;
			width:34vw;
			padding:2vw 0 2vw 7vw;
			top:23vw;
		}
			.cta .go_form b{
				display:block;
				font-size:3vw;
			}
		/***** LINEボタン *****/
		.cta .go_line{
			background-position:left 2vw center;
			background-size:7.5vw auto;
			border-radius:1vw;
			font-size:2vw;
			width:25vw;
			padding:2vw 0 2vw 12vw;
			top:23vw;
			left:36vw;
		}
			.cta .go_line b{
				font-size:3vw;
			}

		/***** 電話ボタン *****/
		.cta .tel{
			font-size:3.2vw;
			top:13.5vw;
		}
			.cta .tel::before{
				background-position:left bottom -0.5vw;
				width:4vw;
				height:4.5vw;
			}

}

@media (max-width: 750px) {

	.cta{
		background:linear-gradient(0deg,#fff 0%,#fff 61%,#6EBE1E 61%,#6EBE1E 100%);
		padding:2vw 0 0 2vw;
	}
		.cta .inner{
			height:97vw;
		}
		/***** まるごとサポート *****/
		.cta h2{
			font-size:4vw;
			text-align:center;
		}
			.cta h2 i{
				font-size:4.5vw;
			}
			.cta h2 b{
				font-size:4.5vw;
			}
			.cta h2 span{
				font-size:4.5vw;
			}
		/***** リモートで全国対応 *****/
		.cta .cap{
			font-size:3vw;
			line-height:180%;
			margin:3vw 0 0 0;
			padding:2vw;
			text-align:center;
			width:20vw;
		}

		/***** サムネイル *****/
		.cta ul{
			width:auto;
			top:9vw;
			left:initial;
			right:0;
		}
			.cta ul li{
				font-size:2.5vw;
				margin:0 1vw 0 0;
				padding:17vw 1vw 1vw;
				width:24vw;
			}
			.cta ul li:nth-of-type(1){
				background-image:url(/wp-content/themes/twentytwentyone/img/cta_img_1.jpg);
			}
			.cta ul li:nth-of-type(2){
				background-image:url(/wp-content/themes/twentytwentyone/img/cta_img_2.jpg);
			}
			.cta ul li:nth-of-type(3){
				background-image:url(/wp-content/themes/twentytwentyone/img/cta_img_3.jpg);
			}
		/***** CEO *****/
		.cta .ceo{
			background-size:auto 100%;
			width:62vw;
			height:65vw;
		}
		/***** 無料相談ボタン *****/
		.cta .go_form{
			background-position:left 3vw center;
			background-size:9vw auto;
			border-radius:1vw;
			font-size:4vw;
			width:50vw;
			padding:2vw 0 2vw 16vw;
			top:40vw;
		}
			.cta .go_form b{
				display:block;
				font-size:5vw;
			}
		/***** LINEボタン *****/
		.cta .go_line{
			background-position:left 3vw center;
			background-size:9vw auto;
			border-radius:1vw;
			font-size:4vw;
			width:50vw;
			padding:2vw 0 2vw 16vw;
			top:60vw;
			left:0;
			z-index:2;
		}
			.cta .go_line b{
				font-size:5vw;
			}

		/***** 電話ボタン *****/
		.cta .tel{
			display:none;
		}

}

	/********** お悩み **********/
	.nayami{
		background:#F0F0F0;
		padding:50px 20px 40px;
	}
		.nayami h2{
			font-size:36px;
			font-weight:normal;
			margin:0 0 40px;
			text-align:center;
		}
		.nayami ul{
			background:url(/wp-content/themes/twentytwentyone/img/nayami_bg.jpg) no-repeat #000000;
			background-position:left bottom;
			background-size:100% auto;
			color:#fff;
			font-size:20px;
			padding:60px 20px 60px 450px;
		}
			.nayami li{
				margin:0 0 10px;
			}
				.nayami li::before{
					content:"●";
					font-size:10px;
					margin:0 10px 0 0;
				}

@media (max-width: 1200px) {

	.nayami{
		padding:5vw 0 0;
	}
		.nayami h2{
			font-size:3vw;
			margin:0 0 4vw;
		}
		.nayami ul{
			background-size:auto 100%;
			font-size:2vw;
			padding:4vw 1vw 4vw 25vw;
		}
			.nayami li{
				margin:0 0 1vw;
			}
				.nayami li::before{
					margin:0 1vw 0 0;
				}
}

@media (max-width: 750px) {

	.nayami{
		padding:5vw 0 0;
	}
		.nayami h2{
			font-size:5vw;
			margin:0 0 4vw;
		}
		.nayami ul{
			background-position:bottom left -10vw;
			background-size:auto 100%;
			padding:4vw 1vw 4vw 12vw;
		}
			.nayami li{
				font-size:16px;
				margin:0 0 1vw;
			}
				.nayami li::before{
					margin:0 1vw 0 0;
				}
}

	/********** 中間コンテンツ1 **********/
	.mdl_cont1{
		padding:40px 20px;
	}
		.mdl_cont1 h2{
			font-size:24px;
			text-align:center;
			margin:0 0 20px;
		}
		.mdl_cont1 h2 b{
			background:url(/wp-content/themes/twentytwentyone/img/line_wave_g.png) repeat-x;
			background-position:bottom;
			padding:0 0 5px;
		}
		.mdl_cont1 p{
			color:#6EBE1E;
			font-size:34px;
			font-weight:bold;
			text-align:center;
		}
			.mdl_cont1 b{
				background:url(/wp-content/themes/twentytwentyone/img/block_y.gif) repeat-x;
				background-position:bottom;
				background-size:20px auto;
			}

@media (max-width: 1200px) {

	.mdl_cont1{
		padding:4vw 0;
	}
		.mdl_cont1 h2{
			font-size:2vw;
			margin:0 0 2vw;
		}
		.mdl_cont1 h2 b{
			padding:0 0 0.5vw;
		}
		.mdl_cont1 p{
			font-size:2.8vw;
		}
			.mdl_cont1 b{
				background-size:1.5vw auto;
			}

}

@media (max-width: 750px) {

	.mdl_cont1{
		padding:4vw 0;
	}
		.mdl_cont1 h2{
			font-size:16px;
			margin:0 0 2vw;
		}
		.mdl_cont1 h2 b{
			font-size:18px;
			padding:0 0 0.5vw;
		}
		.mdl_cont1 p{
			font-size:16px;
		}
			.mdl_cont1 b{
				background-size:1.5vw auto;
				font-size:16px;
			}

}

	/********** 中間コンテンツ2 **********/
	.mdl_cont2{
		background:#323741;
		padding:40px 20px;
		margin:0 0 60px;
	}
		.mdl_cont2 h2{
			color:#fff;
			font-size:24px;
			font-weight:bold;
			margin:0 0 20px;
			text-align:center;
		}
		.mdl_cont2 h2 i::before{
			background:url(/wp-content/themes/twentytwentyone/img/icon_cry.png) no-repeat;
			background-position:center;
			content:"　　　";
			width:40px;
		}
		.mdl_cont2 h2 b{
			color:#FDEB14;
		}
		.mdl_cont2 .box{
			display:flex;
			justify-content:space-between;
		}
			.mdl_cont2 dl{
				background:#FFFFFF;
				width:380px;
			}
				.mdl_cont2 dt{
					background:url(/wp-content/themes/twentytwentyone/img/dog_ear.png) #E6E6E6;
					font-size:24px;
					font-weight:bold;
					padding:15px 20px;
					text-align:center;
				}
				.mdl_cont2 dd{
					padding:15px;
				}

@media (max-width: 1200px) {

	.mdl_cont2{
		padding:4vw 2vw;
		margin:0 0 4vw;
	}
		.mdl_cont2 h2{
			font-size:2.2vw;
			margin:0 0 2vw;
		}
		.mdl_cont2 h2 i::before{
			background-size:auto 50%;
			display:inline-block;
			content:"　";
			margin:0 2vw 0 0;
			width:4vw;
		}
		.mdl_cont2 .box{
			display:flex;
			justify-content:space-between;
		}
			.mdl_cont2 dl{
				margin:0 20px 0 0;
				width:100%;
			}
				.mdl_cont2 dt{
					padding:2vw;
				}
				.mdl_cont2 dd{
					padding:2vw;
				}

}

@media (max-width: 750px) {

	.mdl_cont2{
	}
		.mdl_cont2 h2{
			font-size:18px;
			margin:0 0 2vw;
		}
		.mdl_cont2 h2 i::before{
			background-size:auto 50%;
			display:inline-block;
			content:"　";
			margin:0 2vw 0 0;
			width:6vw;
		}
		.mdl_cont2 .box{
			display:block;
		}
			.mdl_cont2 dl{
				margin:0 0 4vw;
				width:100%;
			}
				.mdl_cont2 dt{
					font-size:16px;
					padding:2vw;
				}
				.mdl_cont2 dd{
					font-size:16px;
					line-height:180%;
					padding:4vw;
				}

}

	/********** お任せください **********/
	.omakase{
		background:linear-gradient(0deg,#fff 0%,#fff 35%,#6EBE1E 35%,#6EBE1E 100%);
		margin:0 0 40px;
		padding:20px 20px;
		position:relative;
	}
		.omakase .box{
			text-align:center;
			margin:0 auto;
			position:relative;
			width:800px;
		}
			.omakase h2{
				color:#fff;
				font-size:35px;
			}
				.omakase b{
					display:block;
					font-size:60px;
				}
			.omakase p{
				color:#6EBE1E;
				font-size:38px;
				font-weight:bold;
				padding:40px 0 0;
			}
		.omakase .ceo{
			background:url(/wp-content/themes/twentytwentyone/img/omakase_ceo.png) no-repeat;
			display:inline-block;
			width:135px;
			height:358px;
			position:absolute;
			top:-100px;
			left:0;
		}

@media (max-width: 1200px) {

	.omakase{
		margin:0 0 4vw;
		padding:2vw;
	}
		.omakase .box{
			width:60vw;
		}
			.omakase h2{
				color:#fff;
				font-size:3.2vw;
			}
				.omakase b{
					font-size:5vw;
				}
			.omakase p{
				font-size:3vw;
			}
		.omakase .ceo{
			background-size:100% auto;
			width:10vw;
			height:27vw;
			top:-8vw;
			left:0;
		}

}

@media (max-width: 750px) {

	.omakase{
		background:linear-gradient(0deg,#fff 0%,#fff 40%,#6EBE1E 40%,#6EBE1E 100%);
		margin:0 0 4vw;
		padding:2vw;
	}
		.omakase .box{
			width:100%;
			position:relative;
		}
			.omakase h2{
				color:#fff;
				font-size:4vw;
			}
				.omakase b{
					font-size:6vw;
				}
			.omakase p{
				font-size:4vw;
				font-weight:bold;
			}
		.omakase .ceo{
			background-size:100% auto;
			width:15vw;
			height:40vw;
			top:-12vw;
			left:0;
		}

}
	/********** スペシャリストです **********/
	.special{
		margin:0 0 40px;
	}
		.special .inner{
			background:url(/wp-content/themes/twentytwentyone/img/special_1.jpg) no-repeat;
			height:600px;
			position:relative;
		}

		/*** 遺言書 ***/
		#yuigon .special .inner{
			background-image:url(/wp-content/themes/twentytwentyone/img/special_2.jpg);
		}

			.special h2{
				background:url(/wp-content/themes/twentytwentyone/img/circle_orange_2.png) no-repeat;
				color:#fff;
				font-size:31px;
				width:426px;
				height:426px;
				padding:85px 0 0;
				position:absolute;
				text-align:center;
				top:87px;
				left:387px;
			}
				.special h2 b{
					background:url(/wp-content/themes/twentytwentyone/img/block_y.gif) repeat-x;
					background-position:bottom;
					background-size:auto 6px;
					padding:0 0 5px;
				}
			.special div{
				color:#F0640A;
				font-size:26px;
				font-weight:bold;
				line-height:100%;
				position:absolute;
				top:40px;
				right:80px;
			}
				.special div i{
					border:1px solid #F0640A;
					font-size:14px;
					margin:0 20px 0 0;
					vertical-align:middle;
					padding:5px 15px;
				}
				.special div b{
					font-size:46px;
					padding:0 10px 0;
					vertical-align:-3px;
				}

@media (max-width: 1200px) {

	.special{
		margin:0 0 4vw;
	}
		.special .inner{
			background-size:auto 100%;
			background-position:center top;
			height:60vw;
		}
			.special h2{
				background-size:auto 100%;
				font-size:2.5vw;
				width:35vw;
				height:35vw;
				padding:8vw 0 0;
				top:8vw;
				left:10vw;
			}
				.special h2 b{
					background-size:auto 0.5vw;
					padding:0 0 1.5px;
				}
			.special div{
				font-size:2vw;
				top:4vw;
				right:4vw;
			}
				.special div i{
					font-size:2vw;
					margin:0 1vw 0 0;
					padding:0.5vw 1.5vw;
				}
				.special div b{
					font-size:5vw;
					padding:0 1vw 0;
					vertical-align:-0.5vw;
				}

}

@media (max-width: 750px) {

	.special{
	}
		.special .inner{
			background-size:auto 100%;
			background-position:right top;
			height:65vw;
		}
			.special h2{
				background-size:auto 100%;
				font-size:4vw;
				width:47vw;
				height:47vw;
				padding:8vw 0 0;
				top:8vw;
				left:4vw;
			}
				.special h2 b{
					background-size:auto 0.5vw;
					font-size:4vw;
					padding:0 0 1.5px;
				}
			.special div{
				font-size:16px;
				top:4vw;
				right:4vw;
			}
				.special div i{
					font-size:14px;
					margin:0 5px 0 0;
					padding:2px 5px;
				}
				.special div b{
					font-size:18px;
					padding:0 1vw 0;
					vertical-align:-1px;
				}

}
	/********** 工程 **********/
	.koutei{
	}
		.koutei h2{
			color:#6EBE1E;
			font-size:30px;
			font-weight:bold;
			margin:0 0 40px;
			text-align:center;
		}
			.koutei h2::before{
				background:url(/wp-content/themes/twentytwentyone/img/icon_cry2.png) no-repeat;
				content:"　";
				display:inline-block;
				height:64px;
				margin:0 20px 0 0;
				vertical-align:middle;
				width:64px;
			}
			.koutei article{
				background:#F0F0F0;
				padding:40px 20px 60px;
			}
				.koutei article ul{
					display:flex;
					flex-wrap: wrap;
					justify-content:space-around;
				}
					.koutei article li{
						background:#fff;
						border:1px solid #6EBE1E;
						color:#6EBE1E;
						display:block;
						font-weight:bold;
						margin:0 0 20px;
						padding:15px;
						text-align:center;
						width:250px;
					}
						/*** 遺言書 ***/
						.koutei article li ul{
						}
							.koutei article li li{
								border:1px dotted #6EBE1E;
								text-align:left;
								padding:10px;
							}

					/*** 遺産 ***/
					.koutei article li{
						width:350px;
					}


@media (max-width: 1200px) {

	.koutei{
	}
		.koutei h2{
			font-size:3vw;
			margin:0 0 4vw;
		}
			.koutei h2::before{
				background-size:100% auto;
				height:4.5vw;
				margin:0 2vw 0 0;
				width:4.5vw;
			}
			.koutei article{
				background:#F0F0F0;
				padding:4vw 2vw 6vw;
			}
				.koutei article ul{
					display:flex;
					flex-wrap: wrap;
					justify-content:space-around;
				}
					.koutei article li{
						font-size:1.8vw;
						margin:0 0 2vw;
						padding:1.5vw;
						width:20vw;
					}
					/*** 遺産 ***/
					.koutei article li{
						width:30vw;
					}
}

@media (max-width: 750px) {

	.koutei{
	}
		.koutei h2{
			font-size:4vw;
			margin:0 0 4vw;
		}
			.koutei h2::before{
				background-size:100% auto;
				height:6vw;
				margin:0 2vw 0 0;
				width:6vw;
			}
			.koutei article{
				background:#F0F0F0;
				padding:4vw 2vw 6vw;
			}
				.koutei article ul{
				}
					.koutei article li{
						font-size:16px;
						margin:0 0 2vw;
						padding:1.5vw;
						width:44vw;
					}

}

	/********** 帯 **********/
	.obi{
		background:url(/wp-content/themes/twentytwentyone/img/obi_o.gif) repeat-x;
		height:132px;
		margin:0 0 0;
	}
		.obi p{
			color:#fff;
			font-size:25px;
			font-weight:bold;
			position:absolute;
			text-align:center;
		}
		.obi p:nth-of-type(1){
			width:300px;
			top:30px;
		}
		.obi p:nth-of-type(2){
			background:url(/wp-content/themes/twentytwentyone/img/obi_center.jpg) no-repeat;
			left: 50%;
			transform: translate(-50%, 0);
			-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			padding:35px 0 35px;
			top:-30px;
			width:588px;
		}
			.obi p:nth-of-type(2) b{
				color:#FDEB14;
			}
		.obi p:nth-of-type(3){
			width:300px;
			right:0;
			top:30px;
		}

@media (max-width: 1200px) {

	.obi{
		background-size:auto 100%;
		height:15vw;
	}
		.obi p{
			font-size:2.5vw;
		}
		.obi p:nth-of-type(1){
			width:20vw;
			top:3vw;
		}
		.obi p:nth-of-type(2){
			background-size:100% auto;
			background-color:#6EBE1F;
			background-position:center center;
			left: 50%;
			transform: translate(-50%, 0);
			-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			padding:4vw 0 4vw;
			top:-2.5vw;
			width:60vw;
		}
		.obi p:nth-of-type(3){
			width:20vw;
			top:3vw;
		}

}

@media (max-width: 750px) {

	.obi{
		background-size:auto 100%;
		height:15vw;
	}
		.obi p{
			font-size:4vw;
		}
		.obi p:nth-of-type(1){
			font-size:2.5vw;
			width:20vw;
			top:4vw;
		}
		.obi p:nth-of-type(2){
			background-size:100% 100%;
			background-color:#6EBE1F;
			background-position:center center;
			left: 50%;
			transform: translate(-50%, 0);
			-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			padding:4vw 0 4vw;
			top:-2vw;
			width:60vw;
		}
			.obi p:nth-of-type(2) b{
				font-size:4vw;
			}
		.obi p:nth-of-type(3){
			font-size:2.5vw;
			width:20vw;
			top:4vw;
		}

}
	/********** ヒアリング **********/
	.mtg{
		background:url(/wp-content/themes/twentytwentyone/img/mtg_bg.jpg) no-repeat;
		background-position:30vw top;
		background-size:70vw auto;
		font-weight:bold;
		padding:150px 0;
	}
		.mtg article{
			font-size:24px;
			line-height:200%;
		}

@media (max-width: 1200px) {

	.mtg{
		background-position:35vw top;
		background-size:70vw auto;
		padding:8vw 2vw;
	}
		.mtg article{
			font-size:2vw;
			line-height:200%;
			text-shadow:1px 1px 4px #fff;
		}

}

@media (max-width: 750px) {

	.mtg{
		background-size:auto 100%;
		padding:14vw 2vw 6vw;
	}
		.mtg article{
			font-size:16px;
		}

}
	/********** 流れ **********/
	.flow{
		background:#F0F0F0;
		padding:30px 20px 80px;
	}
		.flow h2{
			color:#6EBE1E;
			font-size:30px;
			text-align:center;
		}
		.flow h2::before{
			background:url(/wp-content/themes/twentytwentyone/img/icon_smile.png) no-repeat;
			content:"　";
			display:block;
			height:55px;
			margin:0 auto;
			width:55px;
		}
		.flow h2::after{
			background:#fff;
			content:"　";
			display:block;
			height:10px;
			margin:0 auto 30px;
			width:245px;
		}
		.flow dl{
			background-color:#B9D23C;
			background-repeat:no-repeat;
			display:table;
			margin:0 0 20px;
			min-height:200px;
			padding:40px 20px 40px 370px;
			width:100%;
		}
			.flow .arrow{
				background:url(/wp-content/themes/twentytwentyone/img/arrow_down_g.png) no-repeat;
				content:"　";
				display:block;
				height:17px;
				margin:20px auto;
				width:120px;
			}
		.flow dl:nth-of-type(1){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_1.jpg);
		}
		.flow dl:nth-of-type(2){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_3.jpg);
		}
		.flow dl:nth-of-type(3){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_6.jpg);
		}
		.flow dl:nth-of-type(4){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_2.jpg);
		}
		.flow dl:nth-of-type(5){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_4.jpg);
		}

		/*** 遺言書の場合 ***/
		#yuigon .flow dl:nth-of-type(4){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_7.jpg) !important;
		}
		#yuigon .flow dl:nth-of-type(5){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_8.jpg) !important;
		}
		#yuigon .flow dl:nth-of-type(6){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_9.jpg) !important;
		}
		#yuigon .flow dl:nth-of-type(7){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_10.jpg) !important;
		}

		/*** 相続の場合 ***/
		#isan .flow dl:nth-of-type(4){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_11.jpg) !important;
		}
		#isan .flow dl:nth-of-type(5){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_12.jpg) !important;
		}
		#isan .flow dl:nth-of-type(6){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_13.jpg) !important;
		}
		#isan .flow dl:nth-of-type(7){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_14.jpg) !important;
		}

		.flow dt{
			display:table-cell;
			vertical-align:middle;
			width:50px;
		}
			.flow i{
				background:#fff;
				color:#6EBE1E;
				font-size:30px;
				font-weight:bold;
				line-height:100%;
				padding:5px 15px;
			}
		.flow dd{
			color:#fff;
			display:table-cell;
			font-size:20px;
			font-weight:bold;
			padding:0 0 0 30px;
			vertical-align:middle;
		}

@media (max-width: 1200px) {

	.flow{
		padding:4vw 2vw 8vw;
	}
		.flow h2{
			font-size:2.4vw;
		}
		.flow h2::before{
			background-size:100% auto;
			height:4.5vw;
			width:4.5vw;
		}
		.flow h2::after{
			height:1vw;
			margin:0 auto 3vw;
			width:20vw;
		}
		.flow dl{
			background-size:30% auto;
			margin:0 0 2vw;
			min-height:15vw;
			padding:4vw 2vw 4vw 30%;
		}
			.flow .arrow{
				background:url(/wp-content/themes/twentytwentyone/img/arrow_down_g.png) no-repeat;
				background-size:100% auto;
				height:1.5vw;
				margin:20px auto;
				width:10vw;
			}
		.flow dl:nth-of-type(1){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_1.jpg);
		}
		.flow dl:nth-of-type(2){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_3.jpg);
		}
		.flow dl:nth-of-type(3){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_6.jpg);
		}
		.flow dl:nth-of-type(4){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_2.jpg);
		}
		.flow dl:nth-of-type(5){
			background-image:url(/wp-content/themes/twentytwentyone/img/flow_4.jpg);
		}
		.flow dt{
			padding:0 0 0 2vw;
			width:5vw;
		}
			.flow i{
				font-size:2vw;
				padding:0.5vw 1.5vw;
			}
		.flow dd{
			font-size:2vw;
			padding:0 0 0 3vw;
		}

}

@media (max-width: 750px) {

	.flow{
	}
		.flow h2{
			font-size:18px;
		}
		.flow dt{
		}
			.flow i{
				font-size:16px;
			}
		.flow dd{
			font-size:16px;
		}

}

	/********** 帯2 **********/
	.obi_2{
		background:#F0640A;
		margin:0 0 160px;
	}
		.obi_2 .inner{
			padding:95px 0;
		}
		.obi_2 h2{
			color:#fff;
			background:url(/wp-content/themes/twentytwentyone/img/naname1.png) , url(/wp-content/themes/twentytwentyone/img/naname2.png);
			background-position:left top , right top;
			background-repeat:no-repeat , no-repeat;
			display:block;
			font-size:26px;
			text-align:center;
			width:550px;
		}
		.obi_2 p{
			background:url(/wp-content/themes/twentytwentyone/img/obi_2_img.jpg) no-repeat;
			height:400px;
			position:absolute;
			right:0;
			top:-70px;
			width:600px;
		}

@media (max-width: 1200px) {

	.obi_2{
		margin:0 0 8vw;
	}
		.obi_2 .inner{
			padding:9.5vw 0;
		}
		.obi_2 h2{
			font-size:2.6vw;
			width:48vw;
		}
		.obi_2 p{
			background-size:auto 100%;
			height:35vw;
			position:absolute;
			right:0;
			top:-4vw;
			width:50vw;
		}

}

@media (max-width: 750px) {

	.obi_2{
	}
		.obi_2 .inner{
		}
		.obi_2 h2{
			font-size:16px;
			width:70vw;
		}
		.obi_2 p{
			height:20vw;
			right:0;
			top:4vw;
			width:25vw;
		}
}
	/********** CEOプロフィール **********/
	.prof{
		background:linear-gradient(0deg,#6EBE1E 0%,#6EBE1E 65%,#fff 65%,#fff 100%);
	}
		.prof .inner{
			padding:0 0 0 600px;
		}
		.prof .ceo{
			background:url(/wp-content/themes/twentytwentyone/img/prof_ceo.png) no-repeat;
			height:710px;
			left:0;
			position:absolute;
			bottom:0;
			width:410px;
		}
		.prof i{
			display:block;
			font-size:16px;
			font-weight:bold;
			text-align:center;
		}
		.prof h2{
			background:#6EBE1E;
			color:#fff;
			font-size:16px;
			line-height:100%;
			margin:10px 0 0;
			padding:10px 0;
			text-align:center;
		}
		.prof b{
			color:#6EBE1E;
			display:block;
			font-size:20px;
			font-weight:bold;
			margin:10px 0 0;
			text-align:center;
		}
		.prof h3{
			margin:20px 0 0;
			text-align:center;
		}
			.prof ruby{
				font-size:35px;
				font-weight:bold;
			}
			.prof rt{
				font-size:14px;
				text-align:center;
			}
		.prof p{
			color:#fff;
			font-size:16px;
			font-weight:bold;
			padding:40px 0;
		}

@media (max-width: 1200px) {

	.prof{
		background:linear-gradient(0deg,#6EBE1E 0%,#6EBE1E 60%,#fff 60%,#fff 100%);
	}
		.prof .inner{
			padding:0 0 0 35vw;
		}
		.prof .ceo{
			background:url(/wp-content/themes/twentytwentyone/img/prof_ceo.png) no-repeat;
			background-size:auto 100%;
			height:50vw;
			left:0;
			position:absolute;
			bottom:0;
			width:30vw;
		}
		.prof i{
			display:block;
			font-size:1.6vw;
			font-weight:bold;
			text-align:center;
		}
		.prof h2{
			background:#6EBE1E;
			color:#fff;
			font-size:1.6vw;
			line-height:100%;
			margin:1vw 0 0;
			padding:1vw 0;
			text-align:center;
		}
		.prof b{
			color:#6EBE1E;
			display:block;
			font-size:2vw;
			font-weight:bold;
			margin:1vw 0 0;
			text-align:center;
		}
		.prof h3{
			margin:2vw 0 0;
			text-align:center;
		}
			.prof ruby{
				font-size:3.5vw;
				font-weight:bold;
			}
			.prof rt{
				font-size:1.4vw;
				text-align:center;
			}
		.prof p{
			color:#fff;
			font-size:1.6vw;
			font-weight:bold;
			padding:4vw 0;
		}

}

@media (max-width: 750px) {

	.prof{
	}
		.prof .inner{
			padding:0 0 0 0;
		}
		.prof .ceo{
			background:url(/wp-content/themes/twentytwentyone/img/prof_ceo.png) no-repeat;
			background-size:100% auto;
			height:60vw;
			left:50%;
			transform: translate(-50%, 0);
			-webkit-transform: translate(-50%, 0);
			-ms-transform: translate(-50%, 0);
			position:absolute;
			bottom:0;
			width:50vw;
		}
		.prof i{
			display:block;
			font-size:4vw;
			font-weight:bold;
			text-align:center;
		}
		.prof h2{
			background:#6EBE1E;
			color:#fff;
			font-size:4vw;
			line-height:100%;
			margin:1vw 0 0;
			padding:1vw 0;
			text-align:center;
		}
		.prof b{
			color:#6EBE1E;
			display:block;
			font-size:4vw;
			font-weight:bold;
			margin:1vw 0 0;
			text-align:center;
		}
		.prof h3{
			font-size:20px;
			font-weight:bold;
			margin:2vw 0 0;
			text-align:center;
		}
			.prof ruby{
				font-size:5vw;
				font-weight:bold;
			}
			.prof rt{
				font-size:3vw;
				text-align:center;
			}
		.prof p{
			background:#6EBE1E;
			color:#fff;
			font-size:16px;
			font-weight:bold;
			padding:4vw 4vw 60vw 4vw;
		}

}
	/********** Q&A **********/
	.faq{
		background:#F2F2F2;
		padding:50px 20px 40px;
	}
		.faq h2{
			background:url(/wp-content/themes/twentytwentyone/img/icon_worry.png) no-repeat;
			background-position:center top;
			color:#6EBE1E;
			display:table;
			font-size:20px;
			padding:90px 0 20px;
			text-align:center;
			vertical-align:center;
			width:100%;
		}
			.faq h2 b{
				display:block;
				font-size:30px;
			}
		.faq h3{
			background:url(/wp-content/themes/twentytwentyone/img/arrow_down_w.png) no-repeat #B9D23C;
			background-position:right 20px center;
			color:#fff;
			cursor:pointer;
			font-weight:bold;
			line-height:100%;
			margin:20px 0 0;
			padding:20px 40px;
		}
			.faq h3:hover{
				background-color:#6EBE1E;
			}
		.faq p{
			display:none;
			padding:40px;
		}

@media (max-width: 1200px) {

	.faq{
		padding:5vw 2vw 4vw;
	}
		.faq h2{
			font-size:2vw;
			padding:9vw 0 2vw;
		}
			.faq h2 b{
				font-size:3vw;
			}
		.faq h3{
			background-position:right 2vw center;
			margin:2vw 0 0 ;
			padding:2vw;
		}
		.faq p{
			padding:2vw;
		}

}

@media (max-width: 750px) {

	.faq{
	}
		.faq h2{
			background-size:8vw auto;
			padding:9vw 0 2vw;
			font-size:18px;
		}
			.faq h2 b{
				font-size:20px;
			}
		.faq h3{
			font-size:16px;
			margin:4vw 0 0;
			padding:4vw;
		}
		.faq p{
			font-size:16px;
		}

}
	/********** 握手 **********/
	.handshake{
		background:#75A4CE;
	}
		.handshake .inner{
			background:url(/wp-content/themes/twentytwentyone/img/handshake.png) no-repeat;
			background-position:left 20px bottom;
			color:#fff;
			font-size:33px;
			font-weight:bold;
			padding:120px 20px;
			text-align:center;
		}

@media (max-width: 1200px) {

	.handshake{
	}
		.handshake .inner{
			background-position:left 2vw bottom;
			background-size:auto 150%;
			font-size:3vw;
			padding:10vw 2vw;
		}

}

@media (max-width: 750px) {

	.handshake{
	}
		.handshake .inner{
			font-size:18px;
		}

}

	/********** 申込フォーム **********/
	.form{
		background:#F0F0F0;
		margin:0 0 60px;
		padding:40px 20px;
	}
		.form .inner{
			color:#6EBE1E;
			font-weight:bold;
			width:600px;
		}
		.form h2{
			background:url(/wp-content/themes/twentytwentyone/img/icon_smile.png) no-repeat;
			background-position:center top;
			color:#6EBE1E;
			font-size:30px;
			padding:60px 0 40px;
			text-align:center;
		}
			.form h2::after{
				background:url(/wp-content/themes/twentytwentyone/img/block_y.gif) repeat-x;
				background-size:auto 100%;
				content:"　";
				display:block;
				height:10px;
				margin:0 auto;
				width:270px;
			}
	.form input{
		display:block;
	}
	.form input[type="text"],
	.form input[type="email"],
	.form input[type="tel"],
	.form input[type="number"],
	.form input[type="date"]{
		background:#fff;
		border:1px solid #6EBE1E;
		border-radius:8px;
		margin:0 0 30px;
		padding:15px;
		width:100%;
	}
	.form textarea{
		background:#fff;
		border:1px solid #6EBE1E;
		border-radius:8px;
		margin:0 0 30px;
		padding:15px;
		width:100%;
	}

	.form select{
		background:#fff;
		border:1px solid #6EBE1E;
		border-radius:8px;
		margin:0 0 30px;
		padding:15px;
		width:100%;
	}

	.form label{
		background:#fff;
		border:1px solid #6EBE1E;
		border-radius:8px;
		cursor:pointer;
		display:block;
		margin:0 0 5px;
		padding:15px;
		width:100%;
	}
	.form input[type="checkbox"]{
		display:inline-block;
	}

	.form span{
		display:inline;
		margin:0;
		padding:0;
	}


	.form input[type="submit"]{
		background:url(/wp-content/themes/twentytwentyone/img/icon_submit.png) no-repeat #6EBE1E;
		background-position:center top 20px;
		border:none;
		border-radius:8px;
		box-shadow:3px 3px 5px #BDBDBD;
		color:#fff;
		display:block;
		font-size:26px;
		font-weight:bold;
		margin:0 auto;
		padding:65px 40px 20px;
	}
		.form input[type="submit"]:hover{
			background-color:#B9D23C;
			cursor:pointer;
		}

	.form .hope_date{
		display:inline !important;
		width:200px !important;
	}
	.form .hope_time{
		display:inline !important;
		width:200px !important;
	}
	

@media (max-width: 1200px) {

	.form{
		margin:0 0 6vw;
		padding:4vw;
	}
		.form .inner{
			width:100%;
		}
		.form h2{
			font-size:3vw;
			padding:6vw 0 4vw;
		}
			.form h2::after{
				height:1vw;
				width:27vw;
			}
	.form input[type="text"],
	.form input[type="email"],
	.form input[type="tel"]{
		border-radius:1vw;
		margin:0 0 3vw;
		padding:1.5vw;
		width:100%;
	}
	.form textarea{
		background:#fff;
		border:1px solid #6EBE1E;
		border-radius:1vw;
		margin:0 0 3vw;
		padding:1.5vw;
	}
	.form input[type="submit"]{
		background-position:center top 2vw;
		background-size:50% auto;
		border-radius:1vw;
		font-size:2.4vw;
		padding:9vw 4vw 2vw;
	}

}

@media (max-width: 750px) {

	.form{
		margin:0 0 6vw;
		padding:4vw;
	}
		.form .inner{
			width:100%;
		}
		.form h2{
			background-size:7vw auto;
			font-size:18px;
			padding:8vw 0 4vw;
		}
	.form input[type="submit"]{
		font-size:18px;
	}

}
	/********** アクセス **********/
	.access{
	}
		.access h2{
			background:url(/wp-content/themes/twentytwentyone/img/icon_access.png) no-repeat;
			background-position:center top;
			color:#6EBE1E;
			font-size:30px;
			padding:60px 0 40px;
			text-align:center;
		}
		.access iframe{
			border:none;
			height:500px;
			width:100%;
			margin:0 0 -10px;
		}

@media (max-width: 1200px) {

	.access{
	}
		.access h2{
			font-size:3vw;
			padding:6vw 0 4vw;
		}
		.access iframe{
			height:50vw;
			margin:0 0 -1vw;
		}

}

@media (max-width: 750px) {

	.access{
	}
		.access h2{
			background-size:8vw auto;
			font-size:20px;
			padding:9vw 0 4vw;
		}
		.access iframe{
			height:60vw;
		}

}
	/********** オフィス **********/
	.office{
		background:#F0F0F0;
		padding:40px 0;
	}

@media (max-width: 1200px) {

	.office{
		padding:4vw 0;
	}

}
	/********** フッター **********/
	footer{
		display:table;
		width:100%;
	}
		footer div{
			background:url(/wp-content/themes/twentytwentyone/img/logo_2.png) no-repeat;
			background-position:center center;
			background-size:50% auto;
			display:table-cell;
			width:calc(30%);
		}
		footer ul:nth-of-type(1){
			background:#6EBD1E;
			display:table-cell;
			padding:40px 20px;
			width:calc(35%);
		}
		footer ul:nth-of-type(2){
			background:#F08C19;
			display:table-cell;
			padding:40px 20px;
			width:calc(35%);
		}
			footer ul li,
			footer ul a{
				color:#fff;
				font-size:18px;
				font-weight:bold;
				text-decoration:none;
			}
			footer ul li{
				background-repeat:no-repeat;
				background-position:left center;
				margin-bottom:10px;
				padding:10px 0 10px 55px;
			}
			footer ul li.tel{
				background-image:url(/wp-content/themes/twentytwentyone/img/li_tel.png);
			}
			footer ul li.mail{
				background-image:url(/wp-content/themes/twentytwentyone/img/li_mail.png);
			}
			footer ul li.site{
				background-image:url(/wp-content/themes/twentytwentyone/img/li_site.png);
			}
			footer ul li.time{
				background-image:url(/wp-content/themes/twentytwentyone/img/li_time.png);
			}
			footer ul li.addr{
				background-image:url(/wp-content/themes/twentytwentyone/img/li_addr.png);
			}
			footer ul li.access{
				background-image:url(/wp-content/themes/twentytwentyone/img/li_access.png);
			}

@media (max-width: 750px) {

	footer{
		display:block;
	}
		footer div{
			background:url(/wp-content/themes/twentytwentyone/img/logo_2.png) no-repeat;
			background-position:center center;
			background-size:auto 60%;
			display:block;
			height:20vw;
			width:100%;
		}
		footer ul:nth-of-type(1){
			display:block;
			padding:4vw;
			width:100%;
		}
		footer ul:nth-of-type(2){
			display:block;
			padding:4vw;
			width:100%;
		}
			footer ul li,
			footer ul a{
				font-size:14px;
			}
			footer ul li{
				background-size:auto 5vw;
				margin-bottom:1vw;
				padding:1vw 0 1vw 6vw;
			}

}

@media (max-width: 750px) {

	footer{
		padding:0 0 10vw;
	}
		footer div{
			background-size:auto 70%;
			display:block;
			height:50vw;
			width:100%;
		}
			footer ul li,
			footer ul a{
				font-size:16px;
			}

}

	/***** 位置固定ボタン *****/
	.bottom_btn{
		display:none;
	}

@media (max-width: 750px) {

	.bottom_btn{
		border-top:1px solid #fff;
		display:flex;
		position:fixed;
		bottom:0;
		height:10vw;
		width:100%;
		z-index:10 !important;
	}
		.bottom_btn a{
			background-repeat:no-repeat;
			background-position:center center;
			background-size:90% auto;
			display:block;
			width:calc(100%/3);
		}
			.bottom_btn a:nth-of-type(1){
				background-color:#194D6E;
				background-image:url(/wp-content/themes/twentytwentyone/img/bottom_btn_mail.png);
			}
			.bottom_btn a:nth-of-type(2){
				background-color:#40AE36;
				background-image:url(/wp-content/themes/twentytwentyone/img/bottom_btn_line.png);
			}
			.bottom_btn a:nth-of-type(3){
				background-color:#F0640A;
				background-image:url(/wp-content/themes/twentytwentyone/img/bottom_btn_tel.png);
			}
}