:root {
	--oc-link-color: #0d6efd;
	--oc-primary-color: #233b68;
	
	--oc-btn-primary-color: #233b68;
	--oc-btn-alt-color: #233b68;

	--oc-blog-heading-mt: 1.9rem;
	--oc-blog-heading-mb: 1.625rem;
	--oc-blog-heading-pt: 1.625rem;
	--oc-blog-font-size: calc(1rem + .069vw);
	--oc-blog-heading1-fs: calc(1.6rem + .069vw);
	--oc-blog-heading2-fs: calc(1.5rem + .069vw);
	--oc-blog-heading3-fs: calc(1.35rem + .069vw);
	--oc-blog-line-height: 1.625rem;
}

body {
	font-size: 16px;
	line-height: 1.8;
}

.text-primary-color{
	color: var(--oc-primary-color);
}
.clear-fix { clear: both; }

a {
	text-decoration: none;
	color: var(--oc-link-color);;
}
a:hover {
	text-decoration: none;
}

.bg-image {
	z-index: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.text-bg-top {
	z-index: 0;
	height: 200px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}
.text-bg-top .caption {
}
.text-bg-top .caption h1,
.text-bg-top .caption h2 {
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
}

.content-none {
    text-align: center;
    font-size: 20px;
    padding: 80px 10px;
}
.content-none .error-number {
    font-size: 70px;
}
.content-none .content-none-btn {
    margin: 20px auto;
    text-align: center;
}

/* OC Button Style */
.site-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 375px;
    height: 73px;
    max-width: 90%;
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
    transition: all 0.5s;
}
.site-btn {
    color: var(--oc-primary-color);
    border-color: var(--oc-primary-color);
}

/* END - OC Button Style */

/* OC Modal Style */
.modal-design {
	height: 80vh;
	overflow: scroll;
	margin: 15% 0 10% 0;
	border-radius: unset;
} 
.modal-dialog{
	max-width: 800px;
	padding: 1rem;
}

@media (min-width: 576px){
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}
}

.close-btn {
	position: fixed;
	right: 0x;
	top: 25px;
}
.modal-side-margin {
	margin: 0;
}

.modal-body-design {
	padding: 0;
}

.round_btn {
	display: block;
	width: 45px;
	height: 45px;
	border: 2px solid #AA8400; /* 枠の調整 */
	border-radius: 50%;  /* 丸みの度合い */
	background: #fff; /* ボタンの背景色 */
}

.round_btn::before, .round_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px; /* 棒の幅（太さ） */
	height: 22px; /* 棒の高さ */
	background: #AA8400; /* バツ印の色 */
}

.round_btn::before {
	transform: translate(-50%,-50%) rotate(45deg);
}

.round_btn::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}

/* END - OC Modal Style */

.futura {
	font-family: 'futura-pt-condensed', sans-serif;
	font-weight: 500;
	font-style: normal;
}

.clear-fix { clear: both; }

.bg-image {
	z-index: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.text-bg-top {
	z-index: 0;
	height: 400px;
	text-align: center;
	position: relative;
}
.text-bg-top .caption {
	color: #fff;
	font-size: 30pt;
	line-height: 1.7;
	padding-top: 5em;
	padding-bottom: 5em;
	font-weight: bold;
}

.blog-single .blog-content img{
	max-width: 100%;
	height: auto;
}
.blog-single .blog-content a{
   word-break: break-all;
}

.content-none {
    text-align: center;
    font-size: 20px;
    padding: 80px 10px;
}
.content-none .error-number {
    font-size: 70px;
}
.content-none .content-none-btn {
    margin: 20px auto;
    text-align: center;
}

/*BURGER ICON*/
.burger-icon {
	color:#333333;
	cursor: pointer;
	position: relative;
	width: 30px;
	height: 30px;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	float: right;
	display: none;
}

.burger-line { /* bar color */
	transition: 0.3s;
	width: 100%;
	height: 4px;
	background-color: #fff;
	border-radius: 3px;
}

.burger-icon .burger-line:last-child {
	margin-bottom: 0;
}

.burger-line-1 {
	position: relative;
	top: 0;
}

.burger-line-3 {
	position: relative;
	bottom: 0;
}

.burger-icon.open .burger-line-1 {
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-45deg);
}

.burger-icon.open .burger-line-2 {
	opacity: 0;
}

.burger-icon.open .burger-line-3 {
	position: absolute;
	bottom: 50%;
	transform: translateY(50%) rotate(45deg);
}

.burger-menu {
	z-index: 9999;
	display: none;
	position: fixed;
	width: 100%;
	left: auto;
	right: 0;
	color: #fff;
	padding: 0 15px 15px 15px;
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.1);	
}

.burger-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.burger-menu ul li {
	display: block;
}

.burger-menu ul li a {
	color: #111;
	font-size: 1.2rem;
	display: block;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}

.burger-menu ul li:last-child a {
	border: none;
}

.burger-menu .top-phone-link {
	color: #598c95;
	display: block;
	text-align: center;
}

.burger-menu .top-phone-link:hover {
	color:#598c95;	
}


header {
	position: fixed;
	width: 100%;
	z-index: 99999;
	background-color: #598c95;
	padding: 10px;
}

header .container-header {
	max-width: 1440px;
	padding: 0 15px;
	margin: auto;
}

header .top-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

header .top-menu .top-left {
}

header .top-menu .top-right {
	width: 70%;
	text-align: right;
}

header .top-menu .top-right .top-contact {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
}

.top-phone-link {
	font-size: 40px;
	color:#fff;
	font-family: 'futura-pt-condensed', sans-serif;
	font-weight: 500;
}

.top-phone-link:hover {
	color:#fff;
}

header .top-menu .top-right .top-contact .top-contact-btn {
	display: inline-block;
	padding: 10px 15px;
	background-color: #fff;
	color:#598c95;
	border-radius: 5px;
	margin-left: 15px;
}

header .top-menu .top-right .main-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: right;
}

header .top-menu .top-right .main-menu ul li {
	display: inline-block;
}

header .top-menu .top-right .main-menu ul li a {
	display: block;
	color:#fff;
	padding: 5px 10px;
}

header .top-menu .top-right .main-menu ul li.hide-desktop {
	display: none;
}

.section-top {
	height: 650px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.section-top .black-overlay {
	width: 100%;
	height: 100%;
	position: relative;
	background-color: rgba(0,0,0,0.4);
}

.section-top .black-overlay .top-text-box {
	max-width: 800px;
	margin: auto;
	text-align: center;
	color:#fff;
	padding-top: 220px;
}

.section-top .black-overlay .top-text-box h1 {
	font-size: 60px;
	font-weight: 500;
}

.section-top .black-overlay .top-text-box .shop-btn {
	display: block;
	margin-top: 30px;
}

.shop-btn img {
	transition: 0.4s;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.0);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.0);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.0);	
}

.shop-btn img:hover {
	transition: 0.4s;
	box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.65);	
}

.main-title {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.main-title h2 {
	margin: 0;
	font-size: 80px;
	letter-spacing: 5px;
	font-family: 'futura-pt-condensed', sans-serif;
	font-weight: 500;
	color:#598c95;
}

.main-title h3 {
	margin: 0 10px;
	color:#598c95;
	font-size: 18px;
	font-weight: 400;
}

.main-title p {
	width: 100%;
	margin: 0;
	color:#598c95;
}

.section-padding {
	padding: 80px 0;
}

.news-list {
	padding: 0 15px;
}

.news-list a.each-news {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #333333;
	padding: 15px 0;
	border-bottom: 2px dotted #ccc;
}

.news-list a.each-news:last-child {
	border: none;
}

.news-list .each-news .the-date {
	margin-right: 15px;
	font-weight: 500;
	letter-spacing: 2px;
}

.cover-button-right {
	text-align: right;
	margin-top: 30px;
}

.cover-button-left {
	text-align: left;
	margin-top: 30px;
}

.more-btn {
	background-color: #598c95;
	color:#fff;
	display: inline-block;
	padding: 8px 15px;
	font-size: 18px;
	width: 150px;
	text-align: left;
	position: relative;
}

.more-btn:hover {
	color:#fff;
}

.more-btn i {
	transition: 0.4s;
	position: absolute;
	right: 15px;
	top: 12px;
}

.more-btn:hover i {
	transition: 0.4s;
	margin-left: 15px;
}

.section-about {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.section-about .about-white-box {
	padding: 30px;
	padding-top: 80px;
	background-color: #fff;
	max-width: 600px;
	min-height: 650px;
}

.section-work {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.white-title,
.white-title h2,
.white-title h3,
.white-title p {
	color:#fff;
}

.cover-work {
	margin-top: 60px;
}

.work-box {
	display: block;
	color:#fff;
}

.work-box:hover {
	color:#fff;
}

.work-box .work-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.work-box .work-img:after {
	content: "";
	display: block;
	padding-bottom: 65%;
}

.work-box h3 {
	text-align: center;
	letter-spacing: 5px;
	margin: 15px 0;
	font-size: 24px;
}

.more-btn.white-btn {
	background-color: #fff;
	color: #598c95;
}

.cover-case {
	margin-top: 60px;
	margin-bottom: 60px;
}

.case-box {
	display: block;
}

.case-box p {
	color: #222222;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 10px;
	padding: 0;
}

.case-box h4 {
	font-size: 18px;
	color:#2e2d63;
	font-weight: 300;
	margin-bottom: 5px;
}

.case-box h3 {
	font-size: 24px;
	color:#2e2d63;
	font-weight: 400;
	margin-bottom: 15px;
}

.case-box .case-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.case-box .case-img:after {
	content: "";
	display: block;
	padding-bottom: 65%;
}

.top-contact-section {
	text-align: center;
}

.top-contact-section h3 {
	font-size: 20px;
	color:#2b2a5e;
}

.contact-white-box {
	padding: 30px;
	background-color: #fff;
	max-width: 600px;
	margin: 30px auto;
	text-align: center;
	box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.15);	
}

.contact-white-box .top-phone-link.with-blue-text {
	color:#598c95;
	font-size: 60px;
	line-height: 1em;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-white-box .top-phone-link.with-blue-text i {
	font-size: 40px;
	margin-right: 10px;
}

.contact-white-box .contact-blue-btn {
	display: inline-block;
	background-color: #598c95;
	color: #fff;
	padding: 8px 15px;
	margin-top: 15px;
}

.rec-box {
	margin-top: 60px;
	background-color: #598c95;
	padding: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right;
}

.rec-box p {
	margin: 0;
	font-size: 18px;
	color:#fff;
}

.rec-box .main-title {
	margin: 0;
}

.section-contact {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

footer {
	background-color: #111111;
	padding-top: 60px;
	text-align: center;
}

footer .footer-menu {
	margin: 20px 0;
}

footer .footer-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

footer .footer-menu ul li {
	display: inline-block;
}

footer .footer-menu ul li a {
	display: block;
	color:#fff;
	padding: 5px;
}

footer .copyright {
	font-size: 12px;
	color:#fff;
	padding: 15px 0;
	letter-spacing: 1px;
}

.line-title {
	align-items: flex-end;
	border-left: 10px solid #598c95;
	padding-left: 15px;
}

.line-title h2,
.line-title h3 {
	margin: 0;
	display: inline-block;
	color:#598c95;
}

.line-title h2 {
	font-size: 60px;
	font-family: 'futura-pt-condensed', sans-serif;
	font-weight: 500;
	line-height: 0.7em;
	letter-spacing: 5px;
	padding-top: 5px;
}

.line-title h3 {
	font-size: 16px;
	margin-left: 5px;
}

.about-table {
	max-width: 800px;
	margin:auto;
	margin-top: 60px;
}

.about-table table {
	width: 100%;
	color:#333333;
}

.about-table table tr td {
	padding: 12px;
	vertical-align: top;
	border-bottom: 1px solid #d3d3dd;
}

.about-table table tr td:first-child {
	font-weight: 600;
	color:#598c95;
}

.cover-button-center {
	text-align: center;
	margin-top: 60px;
}

.section-about-flower {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.section-about-flower .flower-each {
	width: 50%;
	background-color: #f4f4f6;
}

.section-about-flower .ff-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 660px;
}

.section-about-flower .ff-left {
	padding-top: 80px;
	padding-left: 100px;
}

.section-about-flower .ff-left p {
	padding-right: 30px;
}

.section-about-flower .ff-left .the-banner {
	display: block;
	margin-top: 30px;
	max-width: 90%;
}

.blue-title {
	margin-bottom: 30px;
}

.blue-title h2 {
	font-size: 48px;
	color:#598c95;
	letter-spacing: 4px;
}

.blue-title h2:after {
	content: "";
	display: inline-block;
	height: 2px;
	width: 35px;
	background-color: #598c95;
	vertical-align: middle;
	margin-left: 15px;
	margin-top: -5px;
}

.f-bottom-content img {
	width: 100%;
}

.f-bottom-content h3 {
	color:#598c95;
	font-weight: 500;
	margin-bottom: 10px;
}

.f-bottom-content p {
	color: #333333;
	margin-bottom: 30px;
}

.section-timeline {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.timeline-table table {
	width: 100%;
}

.timeline-table table tr td {
	padding: 15px 30px;
	color: #333333;
}

.timeline-table table tr td p {
	margin: 0;
	padding: 0;
}

.timeline-table table tr td:first-child {
	width: 160px;
	background-color: #f4f4f6;
}

.section-map {
	background-color: #598c95;
}

.blue-title.white-title h2 {
	color:#fff;
}

.each-map {
	margin-top: 80px;
	margin-bottom: 30px;
}

.each-map iframe {
	height: 350px;
	width: 100%;
}

.each-map .map-info {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color:#fff;
	margin: 15px 0;
}

.each-map .map-info h3 {
	padding-right: 15px;
	margin: 0;
	border-right: 5px solid #fff;
}

.each-map .map-info p {
	margin: 0;
	padding-left: 15px;
}

.section-work {
	padding-bottom: 80px;
}

.work-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.work-row .work-left,
.work-row .work-right {
	width: 50%;
}

.work-row .work-right img {
	width: 100%;
}

.work-row .work-left {
	padding-left: 150px;
}

.work-row .work-left h2 {
	font-size: 40px;
	font-weight: 600;
	color:#598c95;
	margin-bottom: 30px;
}

.work-row .work-left p {
	color:#333333;
	line-height: 1.8em;
}

.section-bw {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.bw-box {
	color:#fff;
	font-size: 18px;
	font-weight: 300;
}

.bw-box h3 {
	font-size: 30px;
	color:#d194b0;
	text-align: center;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 2px solid #d194b0;
}

.bw-box .row-of-check {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	border-bottom: 2px dotted #fff;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.bw-box .row-of-check .ex-text {
	background-color: #4fbd8b;
	line-height: 1em;
	padding: 25px 5px;
	color:#171717;
}

.bw-box .row-of-check .ex-right {
	margin-left: 15px;
}

.bw-box .row-of-check .ex-right ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.bw-box .row-of-check .ex-right ul li {
	display: block;
	margin-bottom: 5px;
}

.bw-box .row-of-check:last-child {
	border: none;
	align-items: flex-start;
}

.bw-box .row-of-check.bottom-row .ex-text {
	background-color: #777777;
	padding: 10px 5px;
}

.bw-box .row-of-check.bottom-row .ex-right img {
	filter: grayscale(100%);
}

.bw-box.second-box h3 {
	color:#94a2d1;
	border-color: #94a2d1;
}

.bw-box .row-of-check .add-padding {
	padding-left: 28px;
}

.wg-content h2 {
	font-size: 40px;
	font-weight: 600;
	color:#598c95;
	margin-bottom: 30px;
}

.wg-content p {
	margin: 30px 0;
	margin-bottom: 100px;
}

.c-bread {
	padding: 30px 0;
}

.c-bread ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.c-bread ul li {
	display: inline-block;
}

.c-bread ul li a {
	display: block;
	color:#94a2d1;
	padding-bottom: 1px;
	border-bottom: 1px solid #94a2d1;
}

.the-case-box {
	display: block;
	color:#333;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 2px solid #fff;
}

.the-case-box:hover {
	color:#333;
	border-bottom: 2px solid #598c95;
}

.the-case-box.the-case-box-full:hover {
	border-bottom: 2px solid #fff;
}

.the-case-box .case-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.the-case-box .case-img:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

.the-case-box h3 {
	margin: 8px 0;
	color:#598c95;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.6em;
}

.the-case-box .the-cate {
	font-size: 14px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}

.the-case-box p {
	margin: 0;
	padding: 0;
	font-size: 15px;
	height: calc(1.5em * 4);
	overflow: hidden;
}

.the-case-box.the-case-box-full p {
	height: auto;
}

.section-case-list {
	padding-bottom: 80px;
	color:#333;
}

.section-case-single h1 {
	font-size: 30px;
	color:#598c95;
	font-weight: 600;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid #598c95;
}

.section-case-single .the-cate {
	margin: 15px 0;
}

.case-gallery .case-gallery-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.case-gallery .case-gallery-img:after {
	content: "";
	display: block;
	padding-bottom: 60%;
}

.case-gallery {
	max-width: 800px;
	margin:60px auto;
}

.case-gallery .gallery-top {
	margin-bottom: 10px;
}

.section-delivery {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}

.step-box {
	background-color: #fff;
	box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.25);	
}

.step-box .step-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.step-box .step-img:after {
	content: "";
	display: block;
	padding-bottom: 65%;
}

.step-box .step-content {
	padding: 20px;
	padding-top: 40px;
	font-size: 18px;
	height: 160px;
	line-height: 1.8em;
}

.step-box .step-img .step-title {
	position: absolute;
	padding: 0 10px;
	background-color: #ffe719;
	font-size: 24px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	bottom: -25px;
	left: -15px;
	z-index: 1;
}

.step-box .step-img .step-title:after {
	content: "";
	display: block;
	position: absolute;
	bottom: -15px;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 15px 15px 0;
	border-color: transparent #d4be04 transparent transparent;
}

.step-box .step-img .step-title span {
	font-size: 60px;
	font-family: 'futura-pt-condensed', sans-serif;
	font-weight: 700;
	font-style: italic;
	display: block;
	margin-right: 10px;
	line-height: 1em;
}

.step-row .each-step:nth-child(even) {
	margin-top: 100px;
}

.section-cover-recruit {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.section-cover-recruit .blue-overlay {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	background-color: rgba(37,36,84,0.4);
}

.section-cover-recruit .blue-overlay .blue-box {
	padding: 80px 30px;
	height: 100%;
	background-color: rgba(37,36,84,0.7);
	color:#ffff;
	max-width: 600px;
}

.section-cover-recruit .blue-overlay .blue-box p {
	line-height: 2em;
	font-size: 18px;
}

.section-cover-recruit .blue-overlay .blue-box .flex-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.section-cover-recruit .blue-overlay .blue-box .flex-box .dailytime {
	margin-left: 10px;
}

.section-cover-recruit .blue-overlay .blue-box .more-btn {
	width: auto;
	display: inline-block;
	padding-right: 60px;
}

.section-cover {
	padding: 50px 0;
}

.simple-title {
	margin-bottom: 60px;
}

.simple-title h2 {
	margin: 0;
	color:#598c95;
	font-weight: bold;
	font-size: 36px;
}

.simple-title.white-title h2 {
	color:#fff;
}

.recruit-box {
	display: block;
	color:#111;
}

.recruit-box .recruit-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.recruit-box .recruit-img:after {
	content: "";
	display: block;
	padding-bottom: 65%;
}

.recruit-box h3 {
	font-size: 20px;
	font-weight: bold;
	margin: 15px 0;
	color:#598c95;
}

.recruit-box p {
	color:#111111;
	font-weight: 300;
}

.more-recruit-btn {
	display: inline-block;
	width: auto;
	padding-right: 50px;
}

.section-rb {
	padding-bottom: 80px;
}

.rb-box {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 340px;
}

.rb-box .border-box {
	border:10px solid #598c95;
	padding: 60px 30px;
	width: 600px;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	color:#598c95;
}

.case-rec-list {
	margin-top: 30px;
}

.case-rec-list .the-case-box h3 {
	display: inline-block;
	border-bottom: 1px solid #6c6c6c;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color:#111;
}

.rec-white-box {
	padding: 60px;
	background-color: #fff;
	margin: 80px 0;
}

.rec-white-box .yellow-text-box {
	padding: 15px;
	background-color: #ffe719;
	margin-bottom: 30px;
}

.rec-white-box .yellow-text-box h2 {
	margin: 0;
}

.rec-white-box .yellow-text-box h2 small {
	font-size: 20px;
	font-weight: bold;
}

.rec-white-box .rec-table table {
	width: 100%;
}

.rec-white-box .rec-table table tr {
	border-bottom: 1px dotted #b2b2b2;
}

.rec-white-box .rec-table table tr:last-child {
	border: none;
}

.rec-white-box .rec-table table tr td {
	padding: 15px;
	vertical-align: top;
}

.rec-white-box .rec-table table tr td:first-child {
	font-weight: bold;
}

.rec-white-box .rec-table table tr td .set-row {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 15px;
}

.rec-white-box .rec-table table tr td .set-row .left-col {
	width: 20%;
}

.cover-news-list .each-news {
	padding: 30px 0;
	border-bottom: 1px dashed #ccc;
}

.cover-news-list .each-news .news-img {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #eee;
}

.cover-news-list .each-news .news-img:after {
	content: "";
	display: block;
	padding-bottom: 70%;
}

.cover-news-list .each-news .news-info h3 {
	font-size: 20px;
	color:#598c95;
	font-weight: bold;
	margin: 0;
}

.cover-news-list .each-news .news-info .news-bar {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.cover-news-list .each-news .news-info .news-bar .the-cate {
	color:#598c95;
	background-color: #94a2d1;
	display: inline-block;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 14px;
	margin-right: 10px;
}

.cover-news-list .each-news .news-info .news-bar .the-date {
	color:#555555;
	font-weight: 300;
}

.cover-news-list .each-news .news-info p {
	word-break: break-all;
	height: 98px;
	overflow: hidden;
	color:#111;
}

.section-news-page {
	padding-top: 0px;
	padding-bottom: 80px;
}

.news-body {
	padding-bottom: 80px;
	border-bottom: 1px solid #ccc;
}

.news-body h1 {
	font-size: 30px;
	font-weight: bold;
	color:#598c95;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 4px solid #598c95;
}

.news-body .news-bar {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 15px;
}

.news-body .news-bar .the-cate {
	color:#598c95;
	background-color: #94a2d1;
	display: inline-block;
	padding: 2px 5px;
	font-weight: bold;
	font-size: 14px;
	margin-right: 10px;
}

.news-body .news-bar .the-date {
	color:#555555;
	font-weight: 300;
}

.feature-img {
	margin: 15px 0;
}

.news-body p {
	word-break: break-all;
}

.section-cover-recruit .blue-overlay .blue-box.wide-blue-box {
	width: 100%;
	max-width: 100%;
}

/* Contact form */
.oc-contact-form {
	max-width: 800px;
	margin: auto;
}

.oc-contact-form a {
	color:#0091ed;
	text-decoration: underline;
}

.oc-contact-form .oc-form-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}

.oc-contact-form .oc-form-row .oc-form-label {
	width: 25%;
	padding: 5px 15px;
	margin: 5px 0;
	padding-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.oc-contact-form .oc-form-row .oc-form-label .req {
	font-size: 12px;
	padding: 0 2px;
	background-color: #cc0000;
	color:#fff;
}

.oc-contact-form .oc-form-row .oc-form-label .none-req {
	font-size: 12px;
	padding: 0 2px;
	background-color: #006dd9;
	color:#fff;	
}

.oc-contact-form .oc-form-row .oc-form-input {
	width: 75%;
	padding: 15px;
}

.oc-contact-form .oc-form-row .oc-form-input select {
	padding: 10px;
	border:1px solid #ddd;
	width: 60%;
	background-color: #f9faf9;
}

.oc-contact-form .oc-form-row .oc-form-input input[type="text"],
.oc-contact-form .oc-form-row .oc-form-input input[type="email"],
.oc-contact-form .oc-form-row .oc-form-input textarea {
	width: 100%;
	padding: 10px 10px;
	background-color: #f9faf9;
	border:1px solid #ccc;
}

.oc-contact-form .oc-form-row .oc-form-input textarea {
	height: 160px;
}

.oc-contact-form .oc-form-row .oc-form-input.oc-form-select .oc-select {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	padding: 5px 0;
	margin-right: 15px;
}

.oc-contact-form .oc-form-row .oc-form-input.oc-form-select input {
	width: 15px;
	height: 15px;
}

.oc-contact-form .oc-form-row .oc-form-input.oc-form-select label {
	margin: 0;
	margin-left: 5px;
	font-size: 14px;
}

.oc-contact-form .oc-form-row .oc-form-input .row-group {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-bottom: 20px;
}

.oc-contact-form .oc-form-row .oc-form-input .row-group .sp-left {
	width: 35%;
	margin-right: 10px;
}

.oc-contact-form .oc-form-row .oc-form-input .row-group .sp2-left {
	margin-right: 15px;
}

.oc-contact-form .cover-check-box {
	text-align: center;
	padding: 30px 0;
}

.oc-contact-form .cover-button-center {
	margin: 0;
}

.oc-contact-form .oc-form-row .oc-form-multiple input[type="text"] {
	width: 40%;
	margin-right: 1%;
}

.oc-contact-form .oc-form-row .oc-form-short input[type="text"] {
	width: 60%;
}

.oc-contact-form .oc-form-row .oc-form-input .oc-check-group a {
	color:#0091ed;
	text-decoration: underline;
}

.oc-contact-form .oc-form-row .oc-form-check-group {
	padding-top: 30px;
}

.oc-contact-form .cover-button-center {
	text-align: center;
	margin-top: 60px;
}

.oc-contact-form .more-btn {
	border:none;
	padding: 15px 60px;
	font-size: 20px;
	width: auto;
	padding-right: 60px;
	letter-spacing: 2px;
}

.oc-contact-form .more-btn i {
	top: 20px;
}

.page-template-p_Contact .section-contact {
	display: none;
}

.page-template-p_Recruit .section-contact {
	display: none;
}

.page-template-p_Recruit .section-contact.sp-contact-recruit {
	display: block;
}

.top-contact-section h2 {
	font-size: 30px;
	color:#2b2a5e;
	text-decoration: underline;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 30px;
}

.side-bar h2 {
	font-size: 30px;
	padding: 8px 0;
	border-bottom: 5px solid #598c95;
	color:#598c95;
}

.side-bar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.side-bar ul li {
	display: block;
}

.side-bar ul li a {
	display: block;
	color:#111111;
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
}

ul.sub-cate  {
	padding-left: 15px;
	display: none;
}

ul.sub-cate li a {
	padding: 5px;
	font-size: 16px;
}

.wrapp-button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.wrapp-button a {
	color:#333;
}

.wrapp-button a:hover {
	color:#598c95;
}

.cover-back-btn {
	margin-bottom: 80px;
}

.back-btn {
	display: inline-block;
	padding: 10px 30px;
	background-color: #598c95;
	color:#fff;
}

.back-btn:hover {
	color:#fff;
}

.page-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 30px;
}

.page-nav a,
.page-nav span {
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 100%;
	color:#94a2d1;
	margin: 0 5px;
}

.page-nav span {
	background-color: #598c95;
	color:#fff;
}

.section-thanks {
	padding: 100px 0;
	text-align: center;
}

.section-thanks h2 {
	margin-bottom: 30px;
}

.privacy-box {
	background-color: #fff;
	padding: 50px;
}

/*zzz*/

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

	header .top-menu .top-right .top-contact {
		display: none;
	}

	.section-about .about-white-box {
		width: 100%;
		max-width: 100%;
	}

	.step-box .step-content {
		height: auto;
	}

	.step-box {
		margin: 15px 0;
	}

	.step-row .each-step:nth-child(even) {
		margin: 15px 0;
	}

	.recruit-box {
		margin-bottom: 30px;
	}

	.work-row .work-left {
		padding-left: 15px;
	}

	.wg-content {
		margin-bottom: 30px;
	}

	.wg-content p {
		margin-bottom: 30px;
	}

	.m-order-1 {
		order: 1;
	}

	.m-order-2 {
		order: 2;
	}

	.wg-img {
		display: block;
		margin: 30px auto;
	}

	.main-menu {
		display: none;
	}

	.burger-icon {
		display: inline-flex;
	}

}

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

	.section-top .black-overlay .top-text-box h1 {
		font-size: 40px;
	}

	.section-top .black-overlay .top-text-box .shop-btn {
		max-width: 95%;
		margin: auto;
		margin-top: 30px;
	}

	.section-top {
		height: 80vh;
	}

	.work-box {
		margin-bottom: 30px;
	}

	.case-box {
		margin-bottom: 30px;
	}

	.rec-box {
		background-size: cover;
		background-position: left;
	}

	.section-about-flower {
		flex-wrap: wrap;
	}

	.section-about-flower .ff-img {
		order:1;
		min-height: 300px;
		width: 100%;
	}

	.section-about-flower .ff-left {
		max-width: 100%;
		width: 100%;
		margin: auto;
		padding: 30px;
		order:2;
	}

	.each-map .map-info h3 {
		font-size: 20px;
	}

	.oc-contact-form .oc-form-row .oc-form-label {
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 0;
		justify-content: flex-start;
	}

	.oc-contact-form .oc-form-row .oc-form-input {
		width: 100%;
		padding-top: 10px;
	}

	.oc-contact-form .oc-form-row .oc-form-multiple {
		flex-wrap: wrap;
	}

	.oc-contact-form .oc-form-row .oc-form-multiple input[type="text"] {
		width: 100%;
		margin-bottom: 15px;
	}

	.oc-contact-form .oc-form-row .oc-form-input select {
		width: 100%;
	}

	.oc-check-group {
		font-size: 14px;
	}

	.oc-contact-form .oc-form-row .oc-form-label .req {
		margin-left: 10px;
	}

	.rb-box .border-box {
		max-width: 95%;
	}

	.the-case-box {
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		flex-wrap: wrap;
	}

	.the-case-box .case-img {
		width: 100%;
	}

	.the-case-box .case-info {
		width: 100%;
		padding: 0 10px;
	}

	.rec-white-box {
		padding: 15px;
	}

	.rec-white-box .yellow-text-box h2 small {
		display: block;
		margin-top: 10px;
		font-size: 16px;
	}

	.rec-white-box .rec-table table tr td:first-child {
		width: 23%;
	}

	.work-row .work-left {
		width: 100%;
		order: 2;
		padding: 30px 15px;
	}

	.work-row .work-right {
		width: 100%;
		order: 1;
	}

	.top-contact-section h2 {
		font-size: 18px;
	}
	.privacy-box {
		padding: 20px;
	}

}

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

	.section-top .black-overlay .top-text-box h1 {
		font-size: 30px;
	}

	.section-top .black-overlay .top-text-box {
		padding-top: 240px;
	}

	.section-top .black-overlay .top-text-box h2 {
		font-size: 20px;
	}

	.section-top .black-overlay .top-text-box h2 img {
		width: 30px;
	}

	.main-title h2 {
		font-size: 40px;
	}

	.news-list a.each-news {
		flex-wrap: wrap;
	}

	.news-list a.each-news .the-date {
		width: 100%;
	}

	.section-about .about-white-box {
		padding:30px 15px;
		min-height: auto;
	}

	.top-contact-section h3 {
		font-size: 16px;
	}

	.contact-white-box .top-phone-link.with-blue-text {
		font-size: 36px;
	}

	.contact-white-box .top-phone-link.with-blue-text i {
		font-size: 30px;
	}

	.rec-box p {
		font-size: 14px;
	}

	.rec-box .more-btn {
		width: 100%;
		text-align: center;
	}

	footer .copyright {
		font-size: 10px;
	}

	.about-table table {
		font-size: 14px;
	}

	.about-table table tr td {
		padding: 8px 5px;
	}

	.blue-title h2 {
		font-size: 30px;
	}

	.section-about-flower .ff-left p {
		padding: 0;
	}

	.section-about-flower .ff-left .the-banner {
		max-width: 100%;
	}

	.f-bottom-content h3 {
		font-size: 18px;
	}

	.timeline-table table tr td {
		padding: 8px 5px;
		font-size: 14px;
	}

	.timeline-table table tr td:first-child {
		width: 35%;
		vertical-align: top;
	}

	.about-table table tr td:first-child {
		width: 30%;
	}

	.each-map iframe {
		height: 200px;
	}

	.each-map .map-info {
		flex-wrap: wrap;
	}

	.each-map .map-info p {
		width: 100%;
		padding: 0;
		margin-top: 15px;
	}

	.section-padding {
		padding: 50px 0;
	}

	.c-bread ul li {
		font-size: 12px;
	}

	.c-bread ul li.last-bc {
		display: none;
	}

	.section-case-single h1 {
		font-size: 20px;
	}

	.section-cover-recruit .blue-overlay .blue-box p {
		font-size: 14px;
	}

	.section-cover-recruit .blue-overlay .blue-box {
		padding: 30px 15px;
	}

	.section-cover-recruit .blue-overlay .blue-box .flex-box {
		flex-wrap: wrap;
	}

	.section-cover-recruit .blue-overlay .blue-box .flex-box .phone-link {
		width: 100%;
	}

	.cover-button-center {
		margin-top: 30px;
	}

	.cover-news-list .each-news .news-info {
		margin-top: 15px;
	}

	.rb-box {
		background-position: center;
		height: 240px;
	}

	.the-case-box .case-img {
		width: 100%;
	}

	.the-case-box .case-info {
		width: 100%;
		padding: 0;
	}

	.rec-white-box .yellow-text-box h2 {
		font-size: 20px;
	}

	.rec-white-box .rec-table table tr td {
		padding: 10px 5px;
		font-size: 14px;
	}

	.rec-white-box .rec-table table tr td:first-child {
		width: 30%;
	}

	.work-row .work-left h2 {
		font-size: 30px;
	}

	.bw-box h3 {
		font-size: 24px;
	}

	.bw-box {
		font-size: 14px;
	}

	.wg-content h2 {
		font-size: 30px;
	}

	footer .footer-menu ul li a {
		font-size: 1.2rem;
		padding: 5px 12px;
	}

}