@charset "utf-8";

/* =====↓ HTMLタグ ↓===== */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {}

html,
body {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
	font-weight: 500;
}

a {
	text-decoration: none;
}


/* =====↑ HTMLタグ ↑===== */


/* =====↓ ヘッダー ↓===== */
header {
	padding: 33px 0 30px;
	border-bottom: 2px solid #0f8263;
}

header .header-inner {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

header .header-inner .site-logo .logo-02 {
	margin: 0 0 0 28px;
}

header .header-inner .right {
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0 23px;
	font-size: 18px;
	font-weight: 900;
	color: white;
	background: #d70f3d;
	border-radius: 6px;
}


/* =====↑ ヘッダー ↑===== */


/* =====↓ グロナビー ↓===== */

nav {
	padding: 14px 0 11px;
	border-bottom: 2px solid #0f8263;
}

nav a {
	color: #231815;
}

nav .nav-menu {
	display: flex;
	list-style: none;
}

nav .nav-menu .nav-menu-item {
	display: flex;
	width: 25%;
	height: 44px;
	border-right: 1px solid #0f8265;
	align-items: center;
	justify-content: center;
}

nav .nav-menu .nav-menu-item:last-child {
	border-right: none;
}

nav .nav-menu .nav-menu-item span {
	display: flex;
	align-items: center;
	font-size: 20px;
	line-height: 33px;
}


/* =====↑ グロナビー ↑===== */


/* =====↓ フッター ↓===== */

footer {
	background: white;
}

footer .footer-inner {
	display: flex;
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 36px 0 42px;
	align-items: center;
}

footer .footer-logo {
	width: 375px;
}

footer .footer-logo .footer-contacts {
	font-size: 15px;
	line-height: 22px;
	color: black;
}

footer .footer-menu {
	display: flex;
	width: calc(100% - 375px);
}

footer .footer-menu .footer-menu-item {
	width: 25%;
	text-align: center;
}

footer .footer-menu a {
	font-size: 16px;
	line-height: 28px;
	color: black;
}

footer .copyright {
	display: flex;
	height: 46px;
	text-align: center;
	color: white;
	font-size: 14px;
	background: #0f8263;
	align-items: center;
	justify-content: center;
}


/* =====↑ フッター ↑===== */


/* =====↓ 全般共通 ↓===== */

.wrap {
	width: 980px;
	margin: 0 auto;
}

.breadcrumb {
	margin: 16px 0 0;
}

.breadcrumb-list {
	display: flex;
}

.breadcrumb-list {
	display: flex;
	list-style: none;
}

.breadcrumb-list .breadcrumb-item {
	margin: 0 4px 0 0;
	font-size: 12px;
	font-weight: 900;
	line-height: 1;
}

.breadcrumb-list .breadcrumb-item:after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.breadcrumb-list .breadcrumb-item:last-child:after {
	content: "";
}

.breadcrumb-list .breadcrumb-item a {
	color: #231814;
}

.page-title {
	margin: 0 0 27px;
	text-align: center;
	font-size: 30px;
	font-weight: 900;
	line-height: 65px;
	color: white;
	background: #0f8263;
	border-radius: 10px;
}

.page-title:after {
	content: '';
	clear: both;
	display: block;
}

.sec-title {
	display: inline-block;
	font-size: 35px;
	font-weight: 900;
	line-height: 51px;
	border-bottom: 2px solid;
}
/* =====↑ 全般共通 ↑===== */


/* =====↓ まずはお問合せください ↓===== */

#contacts {
	padding: 48px 0 61px;
	text-align: center;
	background: #fce7ec;
}

#contacts .sec-title {
	color: #d40f3c;
	border-color: #d40f3c;
}

#contacts .link-list {
	display: flex;
	margin: 67px -28px 0 -28px;
}

#contacts .link-list .link-item {
	width: calc(50% - 14px);
	margin: 0 28px;
	background: #d70f3d;
	border-radius: 15px;
}

#contacts .link-list .link-area {
	display: flex;
	height: 144px;
	align-items: center;
}

#contacts .link-list .link-area img {
	margin: 0 43px;
}

#contacts .link-list .link-area .txt {
	text-align: left;
	font-size: 24px;
	font-weight: 900;
	line-height: 44px;
	color: white;
}

#contacts .link-list .link-area .txt .tel {
	letter-spacing: 5px;
}


/* =====↑ まずはお問合せください ↑===== */


/* =====↓ パツ ↓===== */

.order-flow-list {
	display: flex;
	margin-top: 52px;
	margin-left: -46px;
	margin-right: -46px;
}

.order-flow-list .order-flow-item {
	width: calc(33.3333% - 23px);
	margin: 0 46px;
}

.order-flow-list .order-flow-item .img-wrapper {
	position: relative;
	width: 100%;
}

.order-flow-list .order-flow-item .img-wrapper:after {
	content: url(../img/common/order-flow-arrow.png);
	position: absolute;
	width: 45px;
	height: 38px;
	top: 50%;
	right: -69px;
	transform: translateY(-50%);
}

.order-flow-list .order-flow-item:last-child .img-wrapper:after {
	content: '';
}

.order-flow-list .order-flow-item img {
	width: 100%;
}

.order-flow-list .order-flow-item .txt {
	text-align: center;
	font-size: 20px;
	font-weight: 900;
	line-height: 24px;
	color: #211715;
}

.sp {
	display: none;
}

.pc {}

.sp-nav {
	display: none;
}


/* =====↑ パツ ↑===== */


/* =====↓ パツ ↓===== */

@media screen and ( max-width: 1200px) {
	header .header-inner,
	.wrap,
	footer .footer-inner {
		width: 92%;
	}

	footer .footer-logo {
		width: 260px;
	}

	footer .footer-menu {
		width: calc(100% - 260px);
	}

	header .header-inner .site-logo .logo-02 {
		margin-right: 16px;
	}
	header .header-inner .right {
		padding: 0 18px;
	}
}

@media screen and ( max-width: 992px) {
	header {
		padding-top: 42px;
		padding-bottom: 26px;
	}

	header .header-inner .site-logo .logo-01 {
		width: 34%;
	}

	header .header-inner .site-logo .logo-02 {
		width: 23%;
		margin-right: 16px;
		margin-left: 14px;
	}

	header .header-inner .right {
		padding: 0 16px;
	}

	nav .nav-menu .nav-menu-item span {
		font-size: 16px;
	}

	footer .footer-logo {
		margin-right: 46px;
	}

	.sec-title {
		font-size: 32px;
		line-height: 46px;
	}

	#contacts .link-list {
		margin-top: 56px;
	}

	#contacts .link-list .link-area img {
		margin: 0 20px;
	}

	#contacts .link-list .link-area .txt {
		font-size: 20px;
	}
}

@media screen and ( max-width: 768px) {
	.sp {
		display: block;
	}

	.pc {
		display: none
	}

	.c-hamburger {
		width: 108px;
		height: 56px;
	}

	.c-hamburger--htx {
		background: none;
	}

	.c-hamburger--htx.is-active {
		background: none;
	}

	.c-hamburger span {
		height: 0;
		padding-top: 2px;
		padding-bottom: 2px;
		top: 32px;
		background: black;
		border-radius: 4px;
	}

	.c-hamburger--htx span::after,
	.c-hamburger--htx span::before {
		height: 4px;
		border-radius: 4px;
		background: black;
	}

	.c-hamburger--htx span::after {
		bottom: -16px;
	}
	.c-hamburger span::before {
		top: -16px;
	}

	.c-hamburger {
		width: 92px;
		height: 56px;
	}

	.hamburger {
		position: absolute;
		top: 0;
		right: 0;
	}

	.sp-nav {
		width: 70%;
		height: auto;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999;
		background: white;
		padding-top: 0;
	}

	.sp-nav .x-button {
		padding-right: 0;
		margin-bottom: 14%;
	}

	.sp-nav .x-button .fa-times-thin {
		width: 56px;
		font-size: 56px;
		background: #0f8264;
		text-align: center;
		color: white;
	}

	.sp-nav .x-button .fa-times-thin:hover {
		cursor: pointer;
	}

	.fa-times-thin:before {
		content: '\00d7';
	}

	.sp-nav .x-button i {
		float: right;
	}

	.sp-nav .sp-nav-list {
		margin-bottom: 20%;
	}

	.sp-nav .sp-nav-item {
		padding: 4px 0;
		border-bottom: solid 3px #0f8264;
		padding: 3% 0 3% 15%;
	}

	.sp-nav .sp-nav-item:first-child {
		border-top: solid 3px #0f8264;
	}
	.sp-nav .sp-nav-item a {
		display: flex;
		align-items: center;
		font-size: 24px;
		color: black;
		font-weight: 700;
	}
	.sp-nav .sp-nav-item a img {
		width: 48px;
		height: auto;
	}
	.sp-nav .sp-nav-item a:hover {
		color: #00ad9f
	}
	.nav-part {
		display: none;
	}
	header {
		padding-top: 24px;
		padding-bottom: 20px;
		border: none;
	}
	header .header-inner .site-logo .logo-01 {
		width: auto;
	}
	header .header-inner .site-logo .logo-02 {
		width: auto;
		display: block;
		margin: 0;
		margin-top: 16px;
	}
	header .header-inner .right {
		font-size: 24px;
		bottom: 10%;
	}
	#contacts .sec-title {
		display: block
	}
	#contacts .link-list {
		width: 92%;
		flex-wrap: wrap;
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	#contacts .link-list .link-item {
		width: 100%;
		margin-bottom: 24px;
		margin-left: auto;
		margin-right: auto;
	}
	#contacts .link-list .link-area {
		justify-content: center
	}
	#contacts .link-list .link-area .txt {
		font-size: 32px;
	}
	#contacts .link-list .link-area img {
		margin: 0 28px;
	}
	footer .footer-inner {
		flex-wrap: wrap;
	}
	footer .footer-logo {
		margin: 0 auto;
		width: 92%;
		text-align: center;
		justify-content: center;
	}
	footer .footer-logo img {
		width: auto;
	}
	footer .footer-logo .footer-contacts {
		font-size: 24px;
		line-height: 1.4;
		margin-top: 2%;
	}
	footer .footer-menu {
		width: 100%;
		flex-wrap: wrap;
		margin-top: 4%;
		justify-content: center;
	}
	footer .footer-menu .footer-menu-item {
		width: 92%;
		text-align: center;
		background-color: #6fb4a2;
		margin-bottom: 2%;
		padding: 1.5% 0;
	}
	footer .footer-menu a {
		font-size: 24px;
		line-height: 1.5;
		color: white;
	}
}

@media screen and ( max-width: 760px) {
	.c-hamburger {
		width: 76px;
		height: 48px;
	}
	.c-hamburger span {
		top: 28px;
	}
	.c-hamburger span::before {
		top: -15px;
	}
	.c-hamburger--htx span::after {
		bottom: -14px;
	}
	.sp-nav .x-button {
		margin-bottom: 18%;
	}
	header .header-inner .right {
		font-size: 22px;
	}
	header .header-inner .site-logo .logo-02 {
		margin-top: 12px;
	}
}

@media screen and ( max-width: 640px) {
	header .header-inner .site-logo .logo-01 {
		width: 60%;
	}
	header .header-inner .site-logo .logo-02 {
		width: 40%;
	}
	header .header-inner .right {
		font-size: 18px;
	}
	.sp-nav .sp-nav-item a {
		font-size: 20px;
	}
	.sp-nav .x-button {
		margin-bottom: 21%;
	}
	.c-hamburger {
		width: 76px;
		height: 42px;
	}
	.c-hamburger span {
		top: 18px;
	}
	.c-hamburger span::before {
		top: -12px;
	}
	.c-hamburger--htx span::after {
		bottom: -12px;
	}
}

@media screen and ( max-width: 540px) {
	header .header-inner .site-logo .logo-01 {
		width: 60%;
	}
	header .header-inner .site-logo .logo-02 {
		width: 40%;
	}
	header .header-inner .right {
		font-size: 16px;
	}
	.c-hamburger {
		width: 68px;
	}
	.c-hamburger span {
		top: 14px;
	}
	.c-hamburger span::before {
		top: -10px;
	}
	.c-hamburger--htx span::after {
		bottom: -10px;
	}
	.sp-nav .x-button .fa-times-thin {
		width: 46px;
		font-size: 46px;
	}
	.sp-nav .sp-nav-item a img {
		width: 42px;
	}
	.sp-nav .sp-nav-item a {
		font-size: 18px;
	}
	footer .footer-logo .footer-contacts {
		font-size: 20px;
	}
	footer .footer-menu a {
		font-size: 20px
	}
	#contacts .link-list .link-area .txt {
		font-size: 24px;
	}
	#contacts .sec-title {
		font-size: 30px;
	}
}

@media screen and ( max-width: 540px) {
	header .header-inner .site-logo .logo-02 {
		width: 38%;
		margin-top: 6px;
	}
	header .header-inner .right {
		font-size: 14px;
	}
	header {
		padding-top: 16px;
		padding-bottom: 12px;
		border: none;
	}
	.sp-nav .x-button {
		margin-bottom: 24%;
	}
	.sp-nav .sp-nav-item a img {
		width: 36px;
	}
	.sp-nav .sp-nav-item a {
		font-size: 16px;
	}
	#contacts {
		padding: 26px 0 36px;
	}
	#contacts .sec-title {
		font-size: 26px;
	}
	#contacts .link-list .link-area .txt {
		font-size: 20px;
		line-height: 1.5
	}
	#contacts .link-list .link-area img {
		width: 60px;
	}
	#contacts .link-list .link-area {
		height: 124px;
	}
}

@media screen and ( max-width: 480px) {
	header .header-inner .right {
		font-size: 12px;
	}
	header .header-inner .site-logo .logo-02 {
		width: 36%;
		margin-top: 4px;
	}
	.sp-nav .x-button .fa-times-thin {
		width: 40px;
		font-size: 40px;
	}
	#contacts .sec-title {
		font-size: 24px;
	}
	#contacts .link-list .link-area img {
		width: 52px;
	}
	footer .footer-logo .footer-contacts {
		font-size: 18px;
	}
	footer .footer-menu a {
		font-size: 18px;
	}
	#contacts .link-list .link-area {
		height: 108px;
	}
}


/* =====↑ パツ ↑===== */