@charset "utf-8";

			@media screen and (min-width:769px) {
				.pc {
					display: block !important
				}

				.sp {
					display: none !important
				}
			}

			@media screen and (max-width:769px) {
				#baselayout {
					overflow-x: hidden !important
				}

				.pc {
					display: none !important
				}

				.sp {
					display: block !important
				}
			}

			.serif {
				font-family: serif
			}

			.mdtxt {
				font-size: 2.2rem;
				line-height: 2em;
				letter-spacing: 3px
			}

			@media screen and (max-width:768px) {
				.mdtxt {
					font-size: 1.5rem;
					line-height: 2em;
					letter-spacing: 1px
				}
			}

			.baseh3 {
				text-align: center;
				font-size: 4rem;
				line-height: 2em;
				background: url(../../common/images/bdr01.gif) no-repeat;
				background-position: 50% bottom;
				padding: 1.5em 0 1em;
				letter-spacing: 4px;
				font-weight: 600
			}

			@media screen and (max-width:768px) {
				.baseh3 {
					text-align: center;
					font-size: 2.5rem;
					line-height: 2em;
					background: url(../../common/images/bdr01.gif) no-repeat;
					background-position: 50% bottom;
					padding: 1.5em 0 1em;
					letter-spacing: 4px;
					font-weight: 600
				}
			}

			#baselayout {
				color: #000
			}

			.grbg {
				width: 100%;
				padding: 3em 0;
				background: #08a466;
				color: #fff
			}

			.grbg .inner {
				width: 1152px;
				margin: 0 auto
			}

			@media screen and (max-width:768px) {
				.grbg {
					width: 100%;
					padding: 3em 0;
					background: #08a466;
					color: #fff;
					margin: -5px 0 0
				}

				.grbg .inner {
					width: 90%;
					margin: 0 auto
				}
			}

			.btnbox {
				width: 100%;
				display: flex;
				margin: 15px 0
			}

			.btnbox a {
				margin: 0 0 0 10px
			}

			.btnbox.mid {
				width: 465px;
				display: flex
			}

			@media screen and (max-width:768px) {
				.btnbox a {
					margin: 0
				}
			}

			a.btn_01 {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 50px;
				position: relative;
				background: #f25449;
				border: 1px solid #f25449;
				box-sizing: border-box;
				padding: 0 25px 0 20px;
				color: #fff;
				font-size: 1.5rem;
				letter-spacing: 0.1em;
				line-height: 1.3;
				text-align: left;
				text-decoration: none
			}

			@media screen and (max-width:768px) {
				a.btn_01 {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 98%;
					height: 50px;
					position: relative;
					background: #f25449;
					border: 1px solid #f25449;
					box-sizing: border-box;
					padding: 0 25px 0 20px;
					color: #fff;
					font-size: 1.5rem;
					letter-spacing: 0.1em;
					line-height: 1.3;
					text-align: left;
					text-decoration: none;
					margin-right: 5px
				}
			}

			a.btn_01:before {
				content: '';
				width: 8px;
				height: 8px;
				border: 0;
				border-top: 2px solid #fff;
				border-right: 2px solid #fff;
				transform: rotate(45deg);
				position: absolute;
				top: 55%;
				right: 20px;
				margin-top: -6px
			}

			a.btn_02 {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 50px;
				position: relative;
				background: #00b900;
				border: 1px solid #00b900;
				box-sizing: border-box;
				padding: 0 25px 0 20px;
				color: #fff;
				font-size: 1.5rem;
				letter-spacing: 0.1em;
				line-height: 1.3;
				text-align: left;
				text-decoration: none
			}

			@media screen and (max-width:768px) {
				a.btn_02 {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: 50px;
					position: relative;
					background: #00b900;
					border: 1px solid #00b900;
					box-sizing: border-box;
					padding: 0 25px 0 20px;
					color: #fff;
					font-size: 1.5rem;
					letter-spacing: 0.1em;
					line-height: 1.3;
					text-align: left;
					text-decoration: none;
					margin-left: 5px
				}
			}

			a.btn_02:before {
				content: '';
				width: 8px;
				height: 8px;
				border: 0;
				border-top: 2px solid #fff;
				border-right: 2px solid #fff;
				transform: rotate(45deg);
				position: absolute;
				top: 55%;
				right: 20px;
				margin-top: -6px
			}

			.keyv {
				position: relative;
				width: 100%;
				height: 590px
			}

			.bgdl01 {
				height: 590px;
				position: absolute;
				width: 100%;
				z-index: 1;
				top: 0;
				display: flex;
				margin: 0 !important
			}

			.bgdl01 dt {
				width: 50%
			}

			.bgdl01 dd {
				width: 50%;
				background: url(../../common/images/kv_r_bg.jpg) no-repeat;
				background-size: cover
			}

			h2.mv_h2 {
				font-size: 5.5rem;
				letter-spacing: 3px;
				font-weight: 500
			}

			h2.mv_h2 span {
				font-size: 15rem
			}

			.kv_txt {
				line-height: 1.5;
				padding: 2.2em 3em 2.2em 5.8em;
				font-size: 2.5rem;
				letter-spacing: 3px;
				background: url(../../common/images/kv_img.jpg) 0 50% no-repeat
			}

			.keyv .inner .pic {
				position: absolute;
				top: 50px;
				right: 30px
			}

			@media screen and (min-width:769px) {
				.keyv .inner {
					width: 1152px;
					margin: 0 auto;
					position: relative;
					z-index: 2;
					top: 0;
					left: 0
				}
			}

			@media screen and (max-width:768px) {
				.keyv .inner {
					width: 100%;
					position: relative;
					z-index: 2;
					top: 0;
					left: 0
				}
			}

			.keyvsp {
				width: 100%;
				margin: 0
			}

			.att {
				width: 100%;
				background: rgb(255, 255, 255);
				background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(213, 245, 253, 1) 100%);
				;
				background-size: 100% 500px;
				background-repeat: no-repeat
			}

			.att .inner {
				width: 1152px;
				margin: 0 auto;
				position: relative
			}

			@media screen and (max-width:768px) {
				.att .inner {
					width: 100%;
					margin: 0 auto;
					position: relative
				}
			}

			.att .inner .pic {
				position: absolute;
				width: 391px;
				height: 488px;
				top: 30px;
				right: -50px
			}

			@media screen and (max-width:768px) {
				.att .inner .pic {
					display: none
				}
			}

			@media screen and (max-width:768px) {
				.tel a.sp {
					font-size: 2.8rem;
					color: #fff !important;
					text-decoration: none !important
				}
			}

			div.fukidasi.left b {
				display: block;
				margin-bottom: 10px;
				font-size: 1.8rem
			}

			@media screen and (max-width:768px) {
				div.fukidasi.left b {
					display: block;
					margin-bottom: 10px;
					font-size: 1.5rem
				}
			}

			@media screen and (max-width:768px) {
				.grbg .inner .tel a.sp {
					display: block;
					font-size: 3.5rem;
					color: #fff !important;
					text-decoration: none !important
				}
			}

			@charset "utf-8";

			html {
				box-sizing: border-box;
				overflow-y: scroll;
				-webkit-text-size-adjust: 100%
			}

			*,
			::before,
			::after {
				background-repeat: no-repeat;
				box-sizing: inherit
			}

			::before,
			::after {
				text-decoration: inherit;
				vertical-align: inherit
			}

			* {
				padding: 0;
				margin: 0
			}

			header,
			main,
			nav,
			section {
				display: block
			}

			a {
				background-color: transparent;
				-webkit-text-decoration-skip: objects
			}

			b {
				font-weight: bolder
			}

			input {
				border-radius: 0
			}

			input {
				font: inherit
			}

			input {
				background-color: transparent;
				border-style: none;
				color: inherit
			}

			::-webkit-file-upload-button {
				-webkit-appearance: button;
				font: inherit
			}

			img {
				border-style: none
			}

			html {
				padding: 0;
				margin: 0;
				height: 100%;
				font-size: 62.5%;
				-webkit-text-size-adjust: 100%;
				background-color: #ffffff
			}

			body {
				padding: 0;
				margin: 0;
				height: 100%;
				font-family: Helvetica Neue, Helvetica, Hiragino Sans, Hiragino Kaku Gothic ProN, Arial, Yu Gothic, Meiryo, sans-serif;
				font-size: 1.0rem;
				font-weight: 500
			}

			a:link,
			a:visited {
				color: #00824c;
				text-decoration: underline
			}

			#wrapper {
				padding: 0;
				margin: 0;
				height: 100%;
				position: relative;
				color: #555555
			}

			#site_header {
				margin: 0 auto;
				padding: 24px 16px;
				width: 1152px;
				display: flex;
				justify-content: space-between
			}

			@media screen and (max-width:1151px) {
				#site_header {
					padding-top: 0;
					padding-bottom: 0;
					width: 100%
				}
			}

			.h_logo a {
				display: block;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
				width: 213px;
				height: 41px;
				background: url("/wp-content/themes/artkaitori/images/logo@2x.png") no-repeat center;
				background-size: 213px auto
			}

			@media screen and (max-width:1151px) {
				.h_logo {
					padding-top: 10px;
					margin-bottom: 10px
				}

				.h_logo a {
					width: 142px;
					height: 27px;
					background-size: 142px auto
				}
			}

			.h_nav {
				display: flex
			}

			@media screen and (max-width:1151px) {
				.h_nav {
					display: none
				}
			}

			.h_nav li a {
				text-decoration: none
			}

			.h_nav li:nth-of-type(n+2) {
				margin-left: 16px
			}

			.h_nav_freecall a {
				display: block;
				margin: 0;
				padding: 0 0 0 58px;
				background: url("/wp-content/themes/artkaitori/images/icon_freecall.svg") no-repeat center left;
				background-size: 50px auto
			}

			.h_nav_freecall_tel {
				margin: 0;
				padding: 0;
				display: block;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
				width: 174px;
				height: 23px;
				background: url("/wp-content/themes/artkaitori/images/h_nav_freecall_tel@2x.png") no-repeat center top;
				background-size: 174px auto
			}

			.h_nav_freecall_time {
				display: block;
				margin: 0;
				padding: 0;
				font-size: 1.4rem;
				line-height: 1.4;
				color: #555555
			}

			.h_nav_satei a,
			.h_nav_line a {
				display: block;
				padding: 10px 0;
				width: 188px;
				border-radius: 4px;
				text-align: center;
				font-size: 1.6rem;
				color: #ffffff
			}

			.h_nav_satei a::before {
				content: "";
				display: inline-block;
				margin: 0 8px -1px 0;
				padding: 0;
				width: 16px;
				height: 14px;
				background: url("/wp-content/themes/artkaitori/images/icon_mail.svg") no-repeat bottom;
				background-size: 16px auto
			}

			.h_nav_satei a:link,
			.h_nav_satei a:visited {
				background-color: #f25449
			}

			.h_nav_line a::before {
				content: "";
				display: inline-block;
				margin: 0 8px -2px 0;
				padding: 0;
				width: 17px;
				height: 17px;
				background: url("/wp-content/themes/artkaitori/images/icon_line.svg") no-repeat bottom;
				background-size: 17px auto
			}

			.h_nav_line a:link,
			.h_nav_line a:visited {
				background-color: #00b900
			}

			#g_nav {
				background-color: #08a365
			}

			@media screen and (max-width:1151px) {
				#g_nav {
					display: none
				}
			}

			.g_nav_list {
				margin: 0 auto;
				padding: 0 16px;
				width: 1152px;
				display: flex;
				justify-content: space-between
			}

			.g_nav_list li {
				width: 16.666%
			}

			.g_nav_list li a {
				margin: 0;
				padding: 16px;
				display: block;
				text-align: center;
				font-size: 1.6rem;
				text-decoration: none;
				color: #ffffff
			}

			.g_nav_list a:link,
			.g_nav_list a:visited {
				background-color: #08a365
			}

			.sp_nav_sub {
				display: none
			}

			@media screen and (max-width:1151px) {
				.sp_nav_sub {
					display: flex;
					position: relative
				}

				.sp_nav_sub>li {
					width: 50%
				}

				.sp_nav_sub_btn {
					text-align: center
				}

				.sp_nav_sub_btn>label {
					display: block;
					padding: 12px 16px;
					font-size: 1.6rem;
					line-height: 1.4;
					color: #ffffff;
					text-decoration: none
				}

				.sp_nav_sub_btn>label::after {
					content: "";
					display: inline-block;
					margin: 0 0 0 8px;
					padding: 0;
					width: 10px;
					height: 10px;
					background: url("images/icon_arrow_b_w.svg") no-repeat center;
					background-size: 10px auto
				}

				.sp_nav_sub_btn_input {
					display: none
				}

				.sp_nav_sub_btn_company {
					padding-right: 0.5px
				}

				.sp_nav_sub_btn_company>label {
					background-color: #08a365
				}

				.sp_nav_sub_btn_satei {
					padding-left: 0.5px
				}

				.sp_nav_sub_btn_satei>label {
					background-color: #f25449
				}

				.sp_nav_sub_inner {
					height: 0;
					overflow: hidden;
					opacity: 0
				}

				.sp_nav_sub_btn .sp_nav_sub_inner {
					width: 100%;
					position: absolute;
					left: 0;
					z-index: 50
				}

				.sp_nav_sub_company {
					padding: 16px;
					border: 4px solid #08a365;
					background-color: #ffffff
				}

				.sp_nav_sub_satei_inner {
					padding: 16px;
					border: 4px solid #f25449;
					background-color: #ffffff
				}

				.sp_nav_sub_company_txt {
					margin-bottom: 16px;
					font-size: 1.6rem;
					line-height: 1.4
				}

				.sp_nav_sub_company_input {
					display: none
				}

				.sp_nav_sub_company_list {
					height: 0;
					overflow: hidden;
					opacity: 0
				}

				.sp_nav_sub_company_inner>label,
				.are_map_list>label {
					display: block;
					padding: 12px 16px;
					text-align: left;
					background-color: #08a365;
					color: #ffffff;
					font-size: 1.6rem;
					position: relative
				}

				.sp_nav_sub_company_inner>label::after,
				.are_map_list>label::after {
					content: "";
					display: block;
					margin: auto;
					width: 10px;
					height: 10px;
					background: url("images/icon_arrow_b_w.svg") no-repeat center;
					background-size: 10px auto;
					position: absolute;
					top: 0;
					bottom: 0;
					right: 16px
				}

				.sp_nav_sub_company_inner:nth-of-type(n+2) {
					border-top: 1px solid #ffffff
				}

				.sp_nav_sub_company_inner li a {
					display: block;
					padding: 12px 24px;
					color: #08a365;
					font-size: 1.6rem;
					text-align: left;
					position: relative;
					border-left: 1px solid #08a365;
					border-right: 1px solid #08a365;
					text-decoration: none
				}

				.sp_nav_sub_company_inner li:nth-of-type(n+2) a {
					border-top: 1px solid #08a365
				}

				.sp_nav_sub_company_inner li:last-of-type a {
					border-bottom: 1px solid #08a365
				}

				.sp_nav_sub_company_inner li a:before {
					content: "";
					display: block;
					margin: auto;
					width: 7px;
					height: 14px;
					background: url("images/icon_arrow_r_g.svg") no-repeat 96% 50%;
					background-size: 7px auto;
					position: absolute;
					top: 0;
					bottom: 0;
					right: 16px
				}

				.sp_nav_sub_satei_list li {
					padding-top: 4px
				}

				.sp_nav_sub_satei_list li:last-of-type {
					padding-top: 16px
				}

				.sp_nav_sub_satei_list li a {
					text-decoration: none
				}

				.sp_nav_sub_satei_freecall a {
					display: block;
					margin: 0 auto;
					padding: 0 0 0 58px;
					width: 232px;
					background: url("/wp-content/themes/artkaitori/images/icon_freecall.svg") no-repeat center left;
					background-size: 50px auto
				}

				.sp_nav_sub_satei_freecall_tel {
					margin: 0;
					padding: 0;
					display: block;
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;
					width: 174px;
					height: 23px;
					background: url("/wp-content/themes/artkaitori/images/h_nav_freecall_tel@2x.png") no-repeat center top;
					background-size: 174px auto
				}

				.sp_nav_sub_satei_freecall_time {
					display: block;
					margin: 0;
					padding: 0;
					font-size: 1.4rem;
					line-height: 1.4;
					color: #555555;
					text-align: left
				}

				.sp_nav_sub_satei_satei a,
				.sp_nav_sub_satei_line a {
					display: block;
					padding: 12px 0;
					width: 100%;
					border-radius: 4px;
					text-align: center;
					font-size: 1.6rem;
					color: #ffffff
				}

				.sp_nav_sub_satei_satei a::before {
					content: "";
					display: inline-block;
					margin: 0 8px -1px 0;
					padding: 0;
					width: 16px;
					height: 14px;
					background: url("/wp-content/themes/artkaitori/images/icon_mail.svg") no-repeat bottom;
					background-size: 16px auto
				}

				.sp_nav_sub_satei_satei a:link,
				.sp_nav_sub_satei_satei a:visited {
					background-color: #f25449
				}

				.sp_nav_sub_satei_line a::before {
					content: "";
					display: inline-block;
					margin: 0 8px -2px 0;
					padding: 0;
					width: 17px;
					height: 17px;
					background: url("/wp-content/themes/artkaitori/images/icon_line.svg") no-repeat bottom;
					background-size: 17px auto
				}

				.sp_nav_sub_satei_line a:link,
				.sp_nav_sub_satei_line a:visited {
					background-color: #00b900
				}
			}

			@media screen and (min-width:1152px) {
				.burger_menu {
					display: none
				}
			}

			.burger_menu {
				width: 60px;
				height: 47px;
				position: absolute;
				z-index: 200;
				top: 0;
				right: 0;
				text-align: center
			}

			.burger_icon {
				display: block;
				padding-top: 28px;
				width: 100%;
				height: 100%;
				position: relative
			}

			.burger_icon:link,
			.burger_icon:visited {
				color: #08a365;
				text-decoration: none
			}

			.burger_icon::before,
			.burger_icon span::before,
			.burger_icon::after {
				content: "";
				display: block;
				position: absolute;
				right: 16px;
				width: 28px;
				height: 2px;
				background-color: #08a365
			}

			.burger_icon::before {
				top: 10px
			}

			.burger_icon span::before {
				top: 16px
			}

			.burger_icon::after {
				top: 22px
			}

			.burger_nav {
				animation-name: anime_burger;
				animation-duration: 0.5s;
				animation-timing-function: ease
			}

			@keyframes anime_burger {
				0% {
					transform: translateX(300px)
				}

				100% {
					transform: translateX(0)
				}
			}

			.burger_nav {
				display: none;
				color: #ffffff;
				position: absolute;
				right: 0;
				top: 47px;
				z-index: 100;
				background-color: #08a365;
				width: 100%;
				height: auto
			}

			.burger_nav_list {
				font-size: 1.6rem;
				line-height: 1.4
			}

			.burger_nav_list li a {
				display: block;
				padding: 12px 16px;
				border-top: 1px solid #46ba8c;
				position: relative
			}

			.burger_nav_list li a:link,
			.burger_nav_list li a:visited {
				color: #ffffff;
				text-decoration: none
			}

			.burger_nav_list li a::after {
				content: "";
				display: block;
				margin: auto;
				width: 7px;
				height: 14px;
				background: url("images/icon_arrow_r_w.svg") no-repeat center;
				background-size: 7px auto;
				position: absolute;
				top: 0;
				bottom: 0;
				right: 16px
			}

			.are_map_list label,
			.are_map_list input {
				display: none
			}

			@media screen and (max-width:1151px) {
				.are_map_list label {
					display: block
				}
			}

			.qa_list_input {
				display: none
			}

			@media screen and (min-width:1152px) {
				.pc_none {
					display: none
				}
			}

			.ls_none {
				list-style: none
			}