@charset "UTF-8";
@import url("css-smacss/style-theme.css");

@import url("css/style-top.css");
@import url("css/style-about.css");
@import url("css/style-member.css");

/*
Theme Name:Moesia-child
Theme URI:
Description:WordPressテーマ「Moesia」の自作子テーマです。
Template:moesia
Author:
Author URI:
Version:
*/


/************************************
** 子テーマ用のスタイルを書く
************************************/


/*デフォルトCSSの上書き*/
#footerlinktochildthemewp{
	display: none;
}



body {
	/*font-family: 'Roboto', sans-serif;*/
	color: #231815;
	background-color: #f5f5f5;
	line-height: 1.5;
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	-webkit-print-color-adjust: exact;
	/*background: url("img/common/bg_monokuriparara.jpg");*/
	background: url("img/common/bg_gujo.jpg");
	background-size: cover;
	background-attachment: fixed;
	background-position: right;
}
body.custom-background {
}
#page {
	visibility: hidden;
	-webkit-animation: fadein 1s;
	animation: fadein 1s;
}
@-webkit-keyframes fadein
{
	from {opacity: 0;}
	to {opacity: 1;}
}
@keyframes fadein
{
	from {opacity: 0;}
	to {opacity: 1;}
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	/*font-family: 'Roboto Condensed', sans-serif;*/
	/*color: #000;*/
	font-weight: 700;
}
blockquote {
	border: 0;
}
blockquote:before{
	float: left;
	margin-right: 10px;
	font-family: FontAwesome;
	font-size: 30px;
	line-height: 1;
	content: '\f10d';
	color: #ff6b53;
}
cite {
	font-style: italic;
	padding: 0 20px;
}
.nicescroll-rails {
	z-index: 9999 !important;
}
code {
	white-space: pre-wrap;
}
::selection {
	background-color: #68c97b;
	color: #fff;
}
input,
textarea {
	padding: 15px;
	max-width: 100%;
	border: 2px solid #444;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #ff6b53;
    padding: 10px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 5px 0 #C2503D;
    border-radius: 5px;
    font-weight: 700;
    border: 0;
}
/* Tables - extracted from Bootstrap and changed so it applies by default */
table {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dddddd;
}
th {
	background-color: #F8F8F8;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  border: 1px solid #dddddd;
}

/*--------------------------------------------------------------
Menus
--------------------------------------------------------------*/
.main-navigation {
	display: block;
	float: left;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	float: right;
}
.main-navigation li {
	float: left;
	position: relative;
	padding: 10px;
	text-transform: uppercase;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	color: #000;
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	font-size: 1.1em;
	/*font-family: 'M PLUS 1p', sans-serif;*/
}
.main-navigation a:hover {
	color: #f05a24;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 90%;
	left: -999em;
	z-index: 99999;
	background-color: #eee;
	border-radius: 3px;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
	color: #000;
}
.main-navigation ul ul li {
	padding: 5px;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	border-bottom: 1px solid #ccc;
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
	left: auto;
}
.main-navigation ul ul li:hover > ul {
	left: 100%;
}
.main-navigation .current_page_item a,
.main-navigation .current-menu-item a {
	/*font-family: 'M PLUS 1p', sans-serif;*/
}
/* Icons */
.main-navigation li::before {
	font-family: Fontawesome;
	color: #fff;
	float: left;
	margin-right: 5px;
	font-size: 20px;
	line-height: 1;
	font-weight: 400;
}
.main-navigation ul ul li::before {
	color: #aaa;
}
.main-navigation a {
	float: left;
}
.main-navigation ul ul a {
	float: none;
}
@media only screen and (max-width: 991px) {
	.main-navigation a {
		float: none;
	}
	.main-navigation li::before {
		content: '';
	}
}
/* Search */
.nav-search-box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.9);
	z-index: 999;
}
.search-visible {
	display: block;
}
.nav-search-box .search-wrapper {
	position: relative;
	top: 50%;
	display: table;
	margin: 0 auto;
}
.nav-search {
	display: block;
	position: absolute;
	right: 8px;
	bottom: 8px;
	z-index: 9;
}
.nav-deco {
	position: absolute;
	right: 0;
	bottom: 0;	
	width: 0; 
	height: 0; 
	border-top: 50px solid transparent; 
	border-right: 50px solid #000; 
}
.nav-search .fa {
	color: #fff;
	cursor: pointer;
}
.search-submit {
	font-family: Fontawesome !important;
	vertical-align: top;
	height: 50px;
}
.search-close {
	display: none;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	border: 1px solid #fff;
	position: relative;
	top: -40px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.nav-search-box .search-close {
	display: inline-block;
}
/*--------------------------------------------------------------
Post and page navigation
--------------------------------------------------------------*/
.post-navigation,
.paging-navigation {
	margin-bottom: 60px;
}
.post-navigation .nav-previous,
.post-navigation .nav-next,
.paging-navigation .nav-previous,
.paging-navigation .nav-next {
	max-width: 50%;
	padding: 15px;
	background-color: #ff6b53;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	box-shadow: 0 0 1px #adadad;
	-webkit-transition: background-color 0.4s;
	transition: background-color 0.4s;
}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	max-width: 50%;
}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	max-width: 50%;
}
.post-navigation,
.paging-navigation,
.post-navigation a,
.paging-navigation a {
	color: #fff;
	text-decoration: none;	
}
.post-navigation .nav-previous:hover,
.post-navigation .nav-next:hover,
.paging-navigation .nav-previous:hover,
.paging-navigation .nav-next:hover {
	background-color: #222;
}
#comment-nav-above,
#comment-nav-below {
	overflow: auto;
}
#comment-nav-above {
	margin-bottom: 30px;
}
/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
.footer-widget-area .widget,
.widget-area .widget {
	margin: 0 0 30px;
}
.footer-widget-area .widget,
.footer-widget-area .widget a,
.widget-area .widget,
.widget-area .widget a {
	color: #aaa;
}
.footer-widget-area section,
.widget-area section {
	margin-bottom: 30px;
	-webkit-backface-visibility: hidden;
}
.footer-widget-area .widget:last-of-type,
.widget-area .widget:last-of-type {
	margin: 0;
}
@media (max-width: 767px) {
	.footer-widget-area .widget:last-of-type {
		margin: 0 0 30px;
	}
	.footer-widget-area .sidebar-column:last-of-type .widget:last-of-type {
		margin: 0;
	}
}
.widget-title,
.widgettitle {
	margin: 0 0 15px;
	padding-bottom: 15px;
	border-bottom: 4px double #ebebeb;
}
.footer-widget-area .widget ul,
.widget-area .widget ul {
	list-style: none;
	padding: 0;
}
.footer-widget-area .widget .children,
.widget-area .widget .children {
	padding-left: 20px;
}
.footer-widget-area .widget li:before,
.widget-area .widget li:before {
	font-family: FontAwesome;
	content: "\f192";
	margin-right: 10px;
	font-size: 10px;
	position: relative;
	top: -2px;
}
/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}
/* Custom widgets */
.moesia_recent_posts_widget h4 {
	margin: 0 0 5px 0;
}
.moesia_recent_posts_widget h4 a,
.widget .post-title {
	color: #858585;
}
.moesia_recent_posts_widget li:before,
.moesia_recent_comments li:before {
	content: "" !important;
	margin: 0;
}
.moesia_recent_comments .avatar {
	float: left;
	margin-right: 15px;
}
.moesia_recent_comments a.post-title {
	font-weight: 600;
}
.widget .list-group {
	padding-left: 0;
	margin: 0;
}
.list-group-item {
	background-color: transparent;
}
.widget .list-group-item {
	border-left: none;
	border-right: none;
	border-top: 1px solid #ebebeb;
	border-bottom: none;
}
.widget .list-group-item:first-child {
	border-top: none;
}
.post-date {
	font-size: 13px;
	color: #C8C8C8;
}
.moesia_recent_comments .col-md-8,
.moesia_recent_posts_widget .col-md-8 {
	padding: 0;
}
.moesia_recent_comments .col-md-4,
.moesia_recent_posts_widget .col-md-4 {
	padding: 0 15px 0 0;
}
.moesia_recent_comments .list-group-item,
.moesia_recent_posts_widget .list-group-item {
	padding: 10px 0;
}
.recent-thumb {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.recent-thumb:hover {
	opacity: 0.5;
}
.social-widget ul {
	margin: 0;
}
.social-widget li {
	display: inline-block;
	padding: 8px;
}
.social-widget li:before {
	content: '' !important;
	margin: 0 !important;
}
.social-widget li a {
	text-decoration: none;
}
.social-widget li a::before {
	font-size: 60px;
	line-height: 1;
	color: #fbb829;
}
.contact-address,
.contact-phone {
	margin-bottom: 15px;
}
.contact-address .fa,
.contact-phone .fa,
.contact-email .fa {
	margin-right: 10px;
	border: 1px solid;
	border-radius: 50%;
	padding: 5px;
	width: 30px;
	height: 30px;
}
.contact-address .fa:before,
.contact-phone .fa:before,
.contact-email .fa:before {
	position: relative;
	left: 2px;
	top: 2px;
}

.contact-address span,
.contact-phone span,
.contact-email span {
	font-weight: 700;
	margin-right: 10px;
}
/* Footer widget area */
.footer-widget-area {
	display: none;
	/*background-color: #222;
	padding: 60px 0;*/
}
.footer-widget-area .widget-title {
	border-bottom: 4px double #3A3A3A;
	color: #E4E4E4;
}
.footer-widget-area .list-group-item {
	border-top: 1px solid #3A3A3A;
}
.footer-widget-area .contact-address span,
.footer-widget-area .contact-phone span,
.footer-widget-area .contact-email span {
	color: #fff;
}
/*--------------------------------------------------------------
Posts and pages
--------------------------------------------------------------*/
.sticky {
	background-color: #f5f5f5;
}
.hentry {
	margin: 0 0 60px;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
}
.entry-content {
	clear: both;
}
.hentry .entry-content img {
	margin-bottom: 10px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.entry-header {
	margin-bottom: 15px;
	border-bottom: 4px double #ebebeb;
}
.entry-title,
.entry-meta {
	margin: 0 0 10px 0;
}
.entry-title a {
	color: #444;
}
.entry-title a,
.widget a,
.entry-meta a,
.entry-footer a {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
	text-decoration: none;
}
.entry-title a:hover,
.widget a:hover,
.entry-meta a:hover,
.entry-footer a:hover {
	color: #ff6b53;
}
.entry-thumb img {
	border: 4px double #ebebeb;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.entry-thumb img:hover {
	opacity: 0.7;

}
.single-thumb {
	margin-bottom: 30px;
}
.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a {
	color: #cfcfcf;
	font-size: 13px;
}
.entry-meta span,
.entry-footer span {
	margin-right: 10px;
}
.entry-footer {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 4px double #ebebeb;
	clear: both;
}
.hentry .post-content,
.single .hentry,
.page .hentry {
	border: 4px double #ebebeb;
	padding: 30px;
	background-color: #fff;	
}
/* Author bio */
.author-bio {
	margin-bottom: 60px;
	padding: 30px;
	background-color: #fff;
	border: 4px double #ebebeb;
}
.author-bio .avatar {
	display: block;
	margin: 0 auto;
}
.author-name {
	padding-bottom: 15px;
	border-bottom: 4px double #ebebeb;
}
.author-social {
	padding-top: 15px;
	text-align: center;
}
.author-social a {
	font-size: 25px;
	color: #ff6b53;
	line-height: 1;
	margin-right: 5px;
}
.author-social a:last-child {
	margin-right: 0;
}
.author-desc {
	padding-top: 15px;
}
.view-all {
	padding-top: 15px;
}
.view-all,
.view-all a {
	font-weight: 700;
	color: #444;
}
/* Project single */

.project-name,
.project-desc {
	display: block;
	margin-bottom: 15px;	
}
/*--------------------------------------------------------------
Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/
.comments-area {
	display: none!important;
	margin-bottom: 60px;
}
.comments-title {
	margin: 0 0 30px 0;
	font-size: 24px;
}
.comments-area ol {
	list-style: none;
}
.comments-area ol {
	padding: 0;
}
.comments-area .children {
	padding-left: 20px;
}
.comments-area .fn {
	color: #505050;
}
.comment-author .avatar {
	position: absolute;
}
.comment-author .fn,
.comment-metadata {
	margin-left: 80px;
}
.comment-metadata {
	font-size: 12px;
	margin-bottom: 30px;
}
.comment-body {
	padding: 15px;
	margin-bottom: 20px;
	border: 4px double #ebebeb;
	background-color: #fff;
}
.reply {
	text-align: right;
}
.comment-reply-link {
	padding: 5px;
	background-color: #fff;
	border: 4px double #ebebeb;
	font-size: 12px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;	
}
a.comment-reply-link {
	color: #505050;
	text-decoration: none;
}
a.comment-reply-link:hover {
	color: #000;
	box-shadow: 0 0 1px #505050;
}
.comment-meta a {
	color: #c7c7c7;
}
.comments-area a.url {
	color: #505050;
	text-decoration: underline;
}
.bypostauthor {
}
/* Respond form */
input#author,
input#email,
input#url,
textarea#comment {
	width: 100%;
	max-width: 100%;
	padding: 10px;
	border: 4px double #ebebeb;
}
.comment-form-author:before,
.comment-form-email:before,
.comment-form-url:before,
.comment-form-comment:before {
	font-family: FontAwesome;
	color: #505050;
}
.comment-form-author:before {
	content: "\f007  ";
}
.comment-form-email:before {
	content: "\f003  ";
}
.comment-form-url:before {
	content: "\f0c1  ";
}
.comment-form-comment:before {
	content: "\f040  ";
}
.comment-respond input[type="submit"] {
	padding: 15px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	box-shadow: none;
	border: none;
	background-color: #ff6b53;
	box-shadow: 0 0 1px #adadad;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;	
}
.comment-respond input[type="submit"]:hover {
	background-color: #3C3C3C;
}

/*--------------------------------------------------------------
Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}
img {
	max-width: 100%;
	height: auto;
}
/*--------------------------------------------------------------
Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	margin-bottom: 15px;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {}

/*--------------------------------------------------------------
Structure
--------------------------------------------------------------*/
.site-branding {
	float: left;
	padding: 40px 15px;
}
.site-logo {
	width: 100%;
	max-width: 100px;
	position: relative;
	top: 50%;
}
.site-title {
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
}
.site-title a {
	color: #fff;
	text-decoration: none;
}
.site-description {
	margin: 15px 0 0;
	font-size: 18px;
	color: #DFDFDF;
}
.site-description:empty {
	display: none;
}
.site-content {
	/*margin-top: 60px;*/
	position: relative;
}
.page-template-page_front-page-php .site-content {
	margin-top: 0;
}
.content-area {
    width: 100%;
    float: left;
}
.widget-area {
	width: 30%;
	float: right;
	background-color: #fff!important;
	padding: 30px;
	border: 4px double #ebebeb;
	margin-bottom: 30px;
}
.site-footer {
	padding: 30px 0;
	background-color: #fff!important;
	position: relative;
	height: 190px;
	margin-top: 250px;
	page-break-before: always;
	border-top: none;
}
.site-footer a {
	color: #4f4f4f;
}
.no-results .page-content {
	margin-bottom: 60px;
}
.error404 .content-area {
	width: 100%;
	text-align: center;
	background-color: #fff;
}
.error404 .search-wrapper,
.error404 .widget {
	padding: 30px 15px;
}
.error404 .widget_recent_entries ul {
	padding: 0;
}
.error404 .widget_recent_entries li {
	list-style: none;
}
.error404 .content-area .widgettitle {
	display: table;
	margin: 0 auto 15px;
}
/* Masonry layout */
.home-masonry .hentry {
	width: 350px;
	margin: 15px;
}
.home-masonry .entry-title {
	font-size: 26px;
}


@media only screen and (min-width: 1799px){
	.site-branding {
	padding: 40px 15px 40px 0;
}
}


@media only screen and (max-width: 768px){
	.site-logo {
    width: 40%!important;
    max-width: 40%!important;
    position: relative;
    top: 50%;
}
	.site-footer {
    padding: 0;
    background-color: #fff;
    position: relative;
    height: auto;
    margin-top: 0;
}
}

@media only screen and (max-width: 630px){
	.site-logo {
    width: 65%!important;
    max-width: 65%!important;
    position: relative;
    top: 50%;
}
}



/*--------------------------------------------------------------
Page builder
--------------------------------------------------------------*/
.panel-grid {
	margin: 0 !important;
}
.panel-grid-cell {
	padding: 0 !important;
}
/*--------------------------------------------------------------
Front page widgets
--------------------------------------------------------------*/
/* General */
.panel-grid-cell section {
	padding: 80px 0;
	z-index: 999;
}
.panel-grid {
	border-bottom: 1px solid #ebebeb;
	background-color: #fff;
}
section .widget-title {
	position: relative;
	margin-bottom: 60px;
	padding: 0;
	border-bottom: 0;
	text-align: center;
	font-size: 56px;
	text-transform: uppercase;
}
section .widget-title:after {
	position: absolute;
	left: calc(50% - 35px);
	width: 70px;
	content: "";
	border-bottom: 6px double #ff6b53;
	bottom: -10px;
}
.service,
.employee {
	padding: 30px;
}
.service-title,
.employee-name,
.latest-news-area .entry-title {
	margin: 0;
	padding: 15px 0;
	font-size: 24px;	
	text-align: center;
	text-transform: uppercase;
}
.service:nth-of-type(3n+1),
.employee:nth-of-type(3n+1),
.project:nth-of-type(3n+1),
.testimonial:nth-of-type(2n+1) {
		clear: both;
}
.blog-post {
	margin-bottom: 30px;
}
.blog-post:nth-of-type(3n+1) {
	clear: left;
}
/* Services */
.service-icon {
	display: table;
	margin: 0 auto;
	font-size: 45px;
	color: #fff;
	background-color: #ff6b53;
	line-height: 1;
	border-radius: 50%;
	width: 70px;
	height: 70px;
	text-align: center;
}
.service-icon .fa {
	margin-top: 12px;
}
.service-title,
.service-title a {
	color: #ff6b53;	
}
/* Employees */
.employee-photo,
.employee-photo img {
	border-radius: 50px;
}
.employee-position {
	margin: 0 auto;
	display: table;
	padding-bottom: 15px;
	font-size: 18px;
	font-family: inherit;
	color: #727272;
}
.employee-desc {
	margin-bottom: 15px;
	padding: 10px 0;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.employee-social {
	text-align: center;
	font-size: 26px;
}
.employee-social a {
	margin-right: 25px;
	color: #727272;
}
.employee-social a:last-of-type {
	margin-right: 0;
}
.employee-social .fa {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.employee-social .fa:hover {
	color: #ff6b53;
}

/* Social */
.social-area ul {
	padding: 0;
	margin: 0 auto;
	display: table;
}
.social-area li {
	float: left;
	padding: 0 30px;
	list-style: none;
	line-height: 1;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.social-area a {
	text-decoration: none;
}
.social-widget li a::before,
.social-area a:before {
	font-family: FontAwesome;
	color: #ff6b53;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.social-area li a,
.social-widget a {
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
}
.social-area li a:hover,
.social-widget a:hover {
	-webkit-transform: rotatey(360deg);
	-ms-transform: rotatey(360deg);
	transform: rotatey(360deg);
}
.social-area a:before {
	font-size: 80px;
	text-shadow: 0 0 1px #222;
}
.social-widget a[href*="twitter.com"]::before,
.social-area a[href*="twitter.com"]::before {
	content: '\f081';
}
.social-widget a[href*="facebook.com"]::before,
.social-area a[href*="facebook.com"]::before {
	content: '\f082';
}
.social-widget a[href*="plus.google.com"]::before,
.social-area a[href*="plus.google.com"]::before {
	content: '\f0d4';
}
.social-widget a[href*="google.com/+"]::before,
.social-area a[href*="google.com/+"]::before {
	content: '\f0d4';
}
.social-widget a[href*="dribbble.com"]::before,
.social-area a[href*="dribbble.com"]::before {
	content: '\f17d';
}
.social-widget a[href*="pinterest.com"]::before,
.social-area a[href*="pinterest.com"]::before {
	content: '\f0d3';
}
.social-widget a[href*="youtube.com"]::before,
.social-area a[href*="youtube.com"]::before {
	content: '\f166';
}
.social-widget a[href*="flickr.com"]::before,
.social-area a[href*="flickr.com"]::before {
	content: '\f16e';
}
.social-widget a[href*="vimeo.com"]::before,
.social-area a[href*="vimeo.com"]::before {
	content: '\f194';
}
.social-widget a[href*="instagram.com"]::before,
.social-area a[href*="instagram.com"]::before {
	content: '\f16d';
}
.social-widget a[href*="linkedin.com"]::before,
.social-area a[href*="linkedin.com"]::before {
	content: '\f08c';
}
.social-widget a[href*="foursquare.com"]::before,
.social-area a[href*="foursquare.com"]::before {
	content: '\f180';
}
.social-widget a[href*="tumblr.com"]::before ,
.social-area a[href*="tumblr.com"]::before {
	content: '\f174';
}
.social-widget a[href*="behance.net"]::before ,
.social-area a[href*="behance.net"]::before {
	content: '\f1b4';
}
.social-widget a[href*="deviantart.com"]::before ,
.social-area a[href*="deviantart.com"]::before {
	content: '\f1bd';
}
.social-widget a[href*="soundcloud.com"]::before ,
.social-area a[href*="soundcloud.com"]::before {
	content: '\f1be';
}
.social-widget a[href*="spotify.com"]::before ,
.social-area a[href*="spotify.com"]::before {
	content: '\f1bc';
}
.social-widget a[href*="weibo.com"]::before ,
.social-area a[href*="weibo.com"]::before {
	content: '\f18a';
}

/* Blockquote */
.blockquote-area .widget-title {
	margin-bottom: 90px;
}
/* Skills */
.skill-bar {
	height: 25px;
	margin-bottom: 10px;
}
.skills-area .col-md-2,
.skills-area .col-md-10 {
	padding: 0;
}		
.skill-bar div {
	height: 100%;
	color: #fff;
	text-align: right;
	line-height: 25px;
	width: 0;
	max-width: 100%;
	background-color: #ff6b53;
}
.skills-desc {
	border-right: 1px solid #ebebeb;
}
.skills-list {
	border-left: 1px solid #ebebeb;
	margin-left: -1px;
}
.skills-area .col-md-2 {
	clear: left;
	margin-bottom: 5px;
}
/* Facts */
.facts-area .col-md-3 {
	text-align: center;
}
.fact {
	font-size: 50px;
	border-bottom: 1px solid #ebebeb;
	font-family: 'Roboto Condensed', sans-serif;
	color: #ff6b53;
}
/* Testimonials */
.testimonials {
	margin: 15px 0;
}
.testimonial {
	margin-bottom: 30px;
}
.testimonial-body {
	position: relative;
	padding: 30px;
	border-radius: 20px;
	background-color: #f5f5f5;
}
.testimonial-body:after {
	position: absolute;
	bottom: -20px;
	left: 60px;
	content: "";
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f5f5f5;
}
.client-photo {
	max-width: 100px;
	border-radius: 10px;
	margin: 30px 30px 0 30px;
}
.client-photo img {
	border-radius: 10px;
}
.client-name {
	margin-top: 30px;
}
.client-photo,
.client-name,
.client-function {
	padding: 0;
}
.client-function {
	font-style: italic;
}
/* Projects */
.project-image {
	position: relative;
	background-color: #ff6b53;
}
.project {
	margin-bottom: 30px;
}
.link-icon,
.pp-icon {
	position: absolute;
	top: calc(50% - 35px);
	font-size: 40px;
	color: #fff;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	line-height: 1;
	width: 70px;
	height: 70px;
	background-color: #222;	
	border-radius: 50%;
	opacity: 0;
	box-shadow: 0 0 1px #222;
}
.link-icon {
	left: 0;
}
.pp-icon {
	right: 0;
}
.link-icon .fa {
	position: relative;
	top: 15px;
	left: 15px;
}
.pp-icon .fa {
	position: relative;
	top: 13px;
	left: 15px;	
}
.project-image img {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;	
}
.project-image:hover > img {
	opacity: 0.3;
}
.project-image:hover > .link-icon {
	left: 15%;
	opacity: 1;
}
.project-image:hover > .pp-icon {
	right: 15%;
	opacity: 1;
}
/* Call to action */
.call-to-action {
	position: relative;
	z-index: 9998;
	display: table;
	margin: 0 auto;
	padding: 0 30px;
}
.action-text {
	margin-bottom: 60px;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
}
.call-to-action:active {
	top: 3px;
}
/* Latest News */
.all-news {
	display: table;
	margin: 50px auto 0;
	padding: 10px;
	border: 1px solid #444;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	/*font-weight: 'Roboto Condensed', sans-serif;*/
	font-size: 16px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.all-news,
.all-news:hover {
	color: #444;
	text-decoration: none;
}
.all-news:hover {
	box-shadow: 0 0 2px #444;
}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/
.has-banner,
.overlay {
	width: 100%;
	overflow: hidden;
}
@media only screen and (min-width: 1025px) {
	.has-banner:after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background-position: center top;
		background-attachment: fixed;
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
		height: 100%;					    	
	}
}
.site-header {
	position: relative;
}
.top-bar {
	position: relative;
	width: 100%;
	z-index: 8888;
	background-color: #fff;
	opacity: 0.8;
	position: relative;
}
.overlay {
	/*background: url('images/pattern.png');
	position: absolute;
	top: 0;
	z-index: 1;
	opacity: 0.3;
	background-attachment: fixed;*/
}

/*@media only screen and (max-width: 992px){
	.top-bar {
	width: 100%;
	z-index: 8888;
	background-color: #fff;
	padding-right: 10px;
    position: fixed;
    top: 0;
	opacity: 0.8;
}	
}*/


@media only screen and (max-width: 768px){
	.top-bar {
	position: relative;
	width: 100%;
	z-index: 8888;
	background-color: #fff;
	opacity: 0.9;
	position: relative;
	padding-right: 0;
}	
}

@media only screen and (max-width: 580px){
.top_house img {
    display: none;
}
}

@media screen and (min-width: 992px) {
	.is-sticky {
		top: 0;
		width: 100%;
		z-index: 99999;
		background-color: #fff;
	}
	.sticky-wrapper {
		background-color: #fff!important;
	}
	.is-sticky .main-navigation li {
		padding: 20px 10px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;			
	}
	.is-sticky .main-navigation ul ul li {
		padding: 5px;
	}
	.is-sticky .site-branding {
		padding: 20px 15px;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;		
	}
	.admin-bar .is-sticky .top-bar {
		margin-top: 32px;
	}
}
/*--------------------------------------------------------------
Welcome area
--------------------------------------------------------------*/
.welcome-info {
	position: absolute;
	z-index: 9998;
	display: table;
	margin: 0 auto;
	padding: 0 30px;
	top: 100px;
	text-align: center;
	width: 100%;
}
.welcome-title {
	font-size: 80px;
	color: #fff;
	width: 100%;
	text-align: center;		
	text-shadow: 0 0 2px #222, 0 0 2px #222;
	font-weight: 700;
	margin-bottom: 30px;
	line-height: 1.2;
}
.welcome-logo {
	width: 100%;
	max-width: 200px;
	display: block;
	margin: 0 auto 30px;
}
.welcome-desc {
	font-size: 28px;
	width: 100%;
	text-align: center;		
	color: #D8D8D8;
	text-shadow: 0 0 2px #222, 0 0 2px #222;
	margin-bottom: 30px;
}
.welcome-button {
	text-align: center;
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
}
.welcome-button,
.call-to-action {
    background-color: #ff6b53;
    padding: 10px 20px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    box-shadow: 0 5px 0 #C2503D;
    border-radius: 5px;
    font-weight: 700;
}
.welcome-button:active,
.call-to-action:active {
	top: 3px;
	box-shadow: 0 2px 0 #C2503D;
}
.welcome-button:hover,
.welcome-button:visited,
.call-to-action:hover,
.call-to-action:active {
	color: #fff;
	text-decoration: none;
}

/* Better support for third party widgets */
.panel.widget .widget-title,
.so-panel.widget .widget-title {
	position: relative;
	margin-bottom: 60px;
	padding: 0;
	border-bottom: 0;
	text-align: center;
	font-size: 56px;
	text-transform: uppercase;
}
.panel.widget .widget-title:after, 
.so-panel.widget .widget-title:after {
	position: absolute;
	left: calc(50% - 35px);
	width: 70px;
	content: "";
	border-bottom: 6px double #ff6b53;
	bottom: -10px;
}
.fullwidth {
	width: 100%;
}

/*--------------------------------------------------------------
Carousel
--------------------------------------------------------------*/
.slick-slider:hover {
	cursor: move;
}
.slick-slider { position: relative; overflow: hidden; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none;}
.slick-slide img { display: block; margin: 0 auto; max-width: 150px; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }


/* Arrows */
.slick-prev, .slick-next { box-shadow: none; position: absolute; display: block; height: 40px; width: 40px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: calc(50% - 10px); margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "FontAwesome"; font-size: 40px; line-height: 1; color: #ff6b53; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -10px; }
.slick-prev:before { content: "\f104"; }

.slick-next { right: -10px; }
.slick-next:before { content: "\f105"; }
/*--------------------------------------------------------------
Page Builder visual styles
--------------------------------------------------------------*/
.panel-row-style {
	display: block;			    
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: fixed;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
@media screen and (max-width: 1024px) {
	.panel-row-style {
		background-attachment: scroll !important;
		background-position: center top !important;
		-webkit-background-size: auto !important;
		-moz-background-size: auto !important;
		background-size: auto !important;
	}
}
/*--------------------------------------------------------------
Center Services and Employees
--------------------------------------------------------------*/
.services-area,
.employees-area {
	text-align: center;
}
.service,
.employee {
	display: inline-block;
	float: none;
	vertical-align: top;
	text-align: left;
}
.page-template-page_services-php .service.col-xs-6,
.page-template-page_employees-php .employee.col-xs-6,
.services-area .col-xs-6,
.employees-area .col-xs-6 {
		width: 49.5%;
}
@media (min-width: 768px) {
	.page-template-page_services-php .service.col-sm-6,
	.page-template-page_employees-php .employee.col-sm-6,
	.services-area .col-sm-6,
	.employees-area .col-sm-6 {
		width: 49.5%;
	}
}
@media (min-width: 992px) {
	.page-template-page_services-php .service.col-md-4,
	.page-template-page_employees-php .employee.col-md-4,
	.services-area .col-md-4,
	.employees-area .col-md-4 {
		width: 33%;
	}
}
/*--------------------------------------------------------------
Responsive
--------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {	
	.header-image {
		display: none;
	}
}
@media only screen and (max-width: 1199px) {
	.content-area {
		width: 65%;
	}	
	.fullwidth {
		width: 100%;
	}
	.home-masonry .hentry {
		width: 283px;
	}
}
@media only screen and (max-width: 991px) {
	.welcome-info {
		top: 30px;
	}
	.project:nth-of-type(2n+1),
	.service:nth-of-type(2n+1),
	.employee:nth-of-type(2n+1) {
		clear: both;
	}
	.blog-post:nth-of-type(3n+1) {
		clear: none;
	}
	.blog-post:nth-of-type(2n+1) {
		clear: left;
	}	
	.project:nth-of-type(3n+1),
	.service:nth-of-type(3n+1),
	.employee:nth-of-type(3n+1) {
		clear: none;
	}
	.content-area,
	.widget-area {
		width: 100%;
	}
	.stuck {
		position: relative;
	}
	.home-masonry .hentry {
		width: 330px;
	}		
}
@media only screen and (max-width: 767px) {
	.skills-desc {
		border: 0;
		margin-bottom: 30px;
	}
	.skills-list {
		border: 0;
		margin: 0;
	}
	.home-masonry {
		margin: 0 auto;
	}
	.home-masonry .hentry {
		width: 280px;
	}
	.welcome-title {
		font-size: 6vw;
		margin-bottom: 1vw;
	}
	.welcome-desc {
		font-size: 5vw;
		margin-bottom: 1vw;
	}
}
@media only screen and (max-width: 650px) {
	.home-masonry .hentry {
		width: auto;
	}	
	.home-masonry {
		max-width: 100%;
	}		
}
@media only screen and (max-width: 600px) {
	.hentry .entry-thumb,
	.post-content {
		width: 100%;
		padding: 0;
	}
	.entry-title {
		font-size: 25px;
	}
	.welcome-logo {
		margin-bottom: 5vw;
	}
	.panel-grid-cell section {
 		padding-top: 40px;
 		padding-bottom: 40px;
	}
	.service,
	.employee {
		padding-left: 5px;
		padding-right: 5px;
	}		
}
@media only screen and (max-width: 499px) {
	.project,
	.service,
	.employee,
	.bq-text,
	.bq-img {
		width: 100% !important;		
	}
	.project img {
		display: block;
		margin: 0 auto;
	}
	section .widget-title {
		font-size: 36px;
	}
	.welcome-logo {
		max-width: 100px;
	}
	.welcome-desc {
		color: #D8D8D8;
		text-shadow: 0 0 2px #222, 0 0 2px #222;
	}
	.welcome-button {
	    font-size: 14px;
	}
	.blog-post {
		width: 100%;
		margin-bottom: 30px;
	}
	.blog-post:nth-of-type(3) {
		margin-top: 0;
	}
	table {
		table-layout: fixed;
	}
	.comments-area .children {
		padding-left: 0;
	}	
}
@media only screen and (max-width: 416px) {
	.social-area li {
		padding: 0 10px;	
	}
	.social-area a:before {
		font-size: 65px;
	}
	.page-template-page_services-php .service,
	.page-template-page_testimonials-php .testimonial {
		padding-left: 0;
		padding-right: 0;
	}
}
/* Small menu */
.menu-toggle {
	display: none;
	background-color: #fff;
    color: #222;
    margin: 40px 0;
    box-shadow: none;
    float: right;
	font-size: 2em!important;
}
@media (max-width: 320px) {
	.site-branding.col-md-4 {
		width: 100%;
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.menu-toggle.btn {
		margin: 5px auto 10px;
		float: none;
	}
	.site-title {
		font-size: 30px;
	}
}

@media screen and (max-width: 768px) {
.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
		margin-top: -10px!important;
	}
}

@media screen and (max-width: 991px) {
.site-logo {
    max-width: 210px!important;
}
.main-navigation li {
    padding: 6px!important;
}
.main-navigation ul {
    margin-top: 20px!important;
}
.main-navigation {
    display: block;
    float: left;
    right: 0;
    position: absolute;
}
	
}



/*@media screen and (max-width: 991px) {
	.menu-toggle,
	.main-navigation.toggled .nav-menu {
		display: block;
		margin-top: 10px!important;
	}
	.main-navigation.toggled {
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	.main-navigation ul {
		float: none;
	}
	.toggled .menu-toggle {
		margin: 0;
	}
	.main-navigation li {
		width: 100%;
		border: 0;
		padding: 5px 0 !important;
		text-align: center;
	}
	.main-navigation li:first-child {
		padding-top: 15px;
	}
	.main-navigation ul ul li:hover {
		background-color: transparent;
	}
	.main-navigation ul {
		display: none;
	}
	.main-navigation .children,
	.main-navigation ul ul {
		display: block !important;
		float: none;
		position: static;
		border: none;
		background: transparent;
		box-shadow: none;
	}
	.main-navigation ul ul li {
		border: 0;
		text-align: center;
	}
	.main-navigation ul ul a {
		color: #898989;
		margin: 0 auto;
	}
	.top-bar {
		position: relative !important;
	}	
}*/


@media screen and (max-width: 1024px) {
	.has-banner:after,
	section {
		background-attachment: scroll !important;
		background-position: center top !important;
		-webkit-background-size: auto !important;
		-moz-background-size: auto !important;
		background-size: auto !important;
	}
	.widget-title:after {
		display: none;
	}
}
/* Center menu vertically */
@media screen and (min-width: 992px) {
	.top-bar .container {
		max-width: 1800px;
    	margin: auto!important;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}

@media only screen and (max-width: 768px){
	.top-bar {
		display: none;
	}
	#undefined-sticky-wrapper{
		height: 0!important;
	}
}


/* Multi columns support */
.container {
  width: auto !important;	
}
.widget .container,
section .container {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 768px) {
  .container {
    /*max-width: 750px;*/
  }
}
@media (min-width: 992px) {
  .container {
   /* max-width: 970px;*/
  }
}
@media (min-width: 1200px) {
  .container {
   /* max-width: 1170px;*/
  }
}
@media (max-width: 499px) {
	section .widget-title,
	.panel.widget .widget-title,
	.so-panel.widget .widget-title {
		font-size: 36px;
	}
}

/* SiteOrigin Post Carousel Widget compatibility fix begin */
.sow-carousel-thumbnail .overlay {
    position: static;
    height: 100% !important;
}
/* SiteOrigin Post Carousel Widget compatibility fix end */

/* Moesia widgets have internal .container, so this workaround disables default external .container styling begin */
.widget_moesia_services.container,
.widget_moesia_action.container,
.widget_moesia_clients.container,
.widget_moesia_testimonials.container,
.widget_moesia_employees.container,
.widget_fp_social.container,
.widget_moesia_latest_news.container,
.widget_moesia_projects.container,
.widget_moesia_facts.container,
.widget_moesia_skills.container,
.widget_moesia_blockquote.container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}
/* Moesia widgets have internal .container, so this workaround disables default external .container styling end */

/* Search results page styling begin */
body.search-results #primary {
    background-color: white;
    margin-bottom: 60px;
    padding: 30px;
    border: 4px double #ebebeb;
}

body.search-results .paging-navigation {
    margin-bottom: 0;
}

body.search-results .page-header,
body.search-results .page-title {
    margin-top: 0;
}
/* Search results page styling end */

/* Center clients area when there are less than four begin */
.clients-area .slick-track {
    margin-left: auto;
    margin-right: auto;
}
/* Center clients area when there are less than four end */


/************************************
** CSS set
************************************/

/* ---------Margin--------- */
.mg_0 {margin:0 !important;}
.mg_5 {margin:5px !important;}
.mg_10 {margin:10px !important;}
.mg_15 {margin:15px !important;}
.mg_20 {margin:20px !important;}
.mg_25 {margin:25px !important;}
.mg_30 {margin:30px !important;}
.mg_40 {margin:40px !important;}
.mg_50 {margin:50px !important;}
.mg_60 {margin:60px !important;}
.mg_70 {margin:70px !important;}
.mg_80 {margin:80px !important;}
.mg_90 {margin:90px !important;}
.mg_100 {margin:100px !important;}
.mg_1em {margin:1em !important;}
.mg_2em {margin:2em !important;}
.mg_3em {margin:3em !important;}
.mg_4em {margin:4em !important;}
.mg_5em {margin:5em !important;}

/* ---------Margin-Top--------- */
.mt_0 {margin-top:0px !important;}
.mt_5 {margin-top:5px !important;}
.mt_10 {margin-top:10px !important;}
.mt_15 {margin-top:15px !important;}
.mt_20 {margin-top:20px !important;}
.mt_25 {margin-top:25px !important;}
.mt_30 {margin-top:30px !important;}
.mt_40 {margin-top:40px !important;}
.mt_50 {margin-top:50px !important;}
.mt_60 {margin-top:60px !important;}
.mt_70 {margin-top:70px !important;}
.mt_80 {margin-top:80px !important;}
.mt_90 {margin-top:90px !important;}
.mt_100 {margin-top:100px !important;}
.mt_1em {margin-top:1em !important;}
.mt_2em {margin-top:2em !important;}
.mt_3em {margin-top:3em !important;}
.mt_4em {margin-top:4em !important;}
.mt_5em {margin-top:5em !important;}

/* ---------Margin-Right--------- */
.mr_0 {margin-right:0px !important;}
.mr_5 {margin-right:5px !important;}
.mr_10 {margin-right:10px !important;}
.mr_15 {margin-right:15px !important;}
.mr_20 {margin-right:20px !important;}
.mr_25 {margin-right:25px !important;}
.mr_30 {margin-right:30px !important;}
.mr_40 {margin-right:40px !important;}
.mr_50 {margin-right:50px !important;}
.mr_60 {margin-right:60px !important;}
.mr_70 {margin-right:70px !important;}
.mr_80 {margin-right:80px !important;}
.mr_90 {margin-right:90px !important;}
.mr_100 {margin-right:100px !important;}
.mr_1em {margin-right:1em !important;}
.mr_2em {margin-right:2em !important;}
.mr_3em {margin-right:3em !important;}
.mr_4em {margin-right:4em !important;}
.mr_5em {margin-right:5em !important;}

/* ---------Margin-Bottom--------- */
.mb_0 {margin-bottom:0px !important;}
.mb_5 {margin-bottom:5px !important;}
.mb_10 {margin-bottom:10px !important;}
.mb_15 {margin-bottom:15px !important;}
.mb_20 {margin-bottom:20px !important;}
.mb_25 {margin-bottom:25px !important;}
.mb_30 {margin-bottom:30px !important;}
.mb_35 {margin-bottom:35px !important;}
.mb_40 {margin-bottom:40px !important;}
.mb_45 {margin-bottom:45px !important;}
.mb_50 {margin-bottom:50px !important;}
.mb_55 {margin-bottom:55px !important;}
.mb_60 {margin-bottom:60px !important;}
.mb_65 {margin-bottom:65px !important;}
.mb_70 {margin-bottom:70px !important;}
.mb_80 {margin-bottom:80px !important;}
.mb_90 {margin-bottom:90px !important;}
.mb_100 {margin-bottom:100px !important;}
.mb_1em {margin-bottom:1em !important;}
.mb_2em {margin-bottom:2em !important;}
.mb_3em {margin-bottom:3em !important;}
.mb_4em {margin-bottom:4em !important;}
.mb_5em {margin-bottom:5em !important;}

/* ---------Margin-Left--------- */
.ml_0 {margin-left:0px !important;}
.ml_5 {margin-left:5px !important;}
.ml_10 {margin-left:10px !important;}
.ml_15 {margin-left:15px !important;}
.ml_20 {margin-left:20px !important;}
.ml_25 {margin-left:25px !important;}
.ml_30 {margin-left:30px !important;}
.ml_40 {margin-left:40px !important;}
.ml_50 {margin-left:50px !important;}
.ml_60 {margin-left:60px !important;}
.ml_70 {margin-left:70px !important;}
.ml_80 {margin-left:80px !important;}
.ml_90 {margin-left:90px !important;}
.ml_1em {margin-left:1em !important;}
.ml_2em {margin-left:2em !important;}
.ml_3em {margin-left:3em !important;}
.ml_4em {margin-left:4em !important;}
.ml_5em {margin-left:5em !important;}

/* ---------Padding--------- */
.pd_0 {padding:0px !important;}
.pd_5 {padding:5px !important;}
.pd_10 {padding:10px !important;}
.pd_15 {padding:15px !important;}
.pd_20 {padding:20px !important;}
.pd_25 {padding:25px !important;}
.pd_30 {padding:30px !important;}
.pd_40 {padding:40px !important;}
.pd_50 {padding:50px !important;}
.pd_60 {padding:60px !important;}
.pd_70 {padding:70px !important;}
.pd_80 {padding:80px !important;}
.pd_90 {padding:90px !important;}
.pd_100 {padding:100px !important;}
.pd_1em {padding:1em !important;}
.pd_2em {padding:2em !important;}
.pd_3em {padding:3em !important;}
.pd_4em {padding:4em !important;}
.pd_5em {padding:5em !important;}

/* ---------Padding-Top--------- */
.pt_0 {padding-top:0px !important;}
.pt_5 {padding-top:5px !important;}
.pt_10 {padding-top:10px !important;}
.pt_15 {padding-top:15px !important;}
.pt_20 {padding-top:20px !important;}
.pt_25 {padding-top:25px !important;}
.pt_30 {padding-top:30px !important;}
.pt_40 {padding-top:40px !important;}
.pt_50 {padding-top:50px !important;}
.pt_60 {padding-top:60px !important;}
.pt_70 {padding-top:70px !important;}
.pt_80 {padding-top:80px !important;}
.pt_90 {padding-top:90px !important;}
.pt_100 {padding-top:100px !important;}
.pt_1em {padding-top:1em !important;}
.pt_2em {padding-top:2em !important;}
.pt_3em {padding-top:3em !important;}
.pt_4em {padding-top:4em !important;}
.pt_5em {padding-top:5em !important;}

/* ---------Padding-Right--------- */
.pr_0 {padding-right:0px !important;}
.pr_5 {padding-right:5px !important;}
.pr_10 {padding-right:10px !important;}
.pr_15 {padding-right:15px !important;}
.pr_20 {padding-right:20px !important;}
.pr_25 {padding-right:25px !important;}
.pr_30 {padding-right:30px !important;}
.pr_40 {padding-right:40px !important;}
.pr_50 {padding-right:50px !important;}
.pr_60 {padding-right:60px !important;}
.pr_70 {padding-right:70px !important;}
.pr_80 {padding-right:80px !important;}
.pr_90 {padding-right:90px !important;}
.pr_100 {padding-right:100px !important;}
.pr_1em {padding-right:1em !important;}
.pr_2em {padding-right:2em !important;}
.pr_3em {padding-right:3em !important;}
.pr_4em {padding-right:4em !important;}
.pr_5em {padding-right:5em !important;}

/* ---------Padding-Bottom--------- */
.pb_0 {padding-bottom:0px !important;}
.pb_5 {padding-bottom:5px !important;}
.pb_10 {padding-bottom:10px !important;}
.pb_15 {padding-bottom:15px !important;}
.pb_20 {padding-bottom:20px !important;}
.pb_25 {padding-bottom:25px !important;}
.pb_30 {padding-bottom:30px !important;}
.pb_40 {padding-bottom:40px !important;}
.pb_50 {padding-bottom:50px !important;}
.pb_60 {padding-bottom:60px !important;}
.pb_70 {padding-bottom:70px !important;}
.pb_80 {padding-bottom:80px !important;}
.pb_90 {padding-bottom:90px !important;}
.pb_100 {padding-bottom:100px !important;}
.pb_1em {padding-bottom:1em !important;}
.pb_2em {padding-bottom:2em !important;}
.pb_3em {padding-bottom:3em !important;}
.pb_4em {padding-bottom:4em !important;}
.pb_5em {padding-bottom:5em !important;}

/* ---------Padding-Left--------- */
.pl_0 {padding-left:0px !important;}
.pl_5 {padding-left:5px !important;}
.pl_10 {padding-left:10px !important;}
.pl_15 {padding-left:15px !important;}
.pl_20 {padding-left:20px !important;}
.pl_25 {padding-left:25px !important;}
.pl_30 {padding-left:30px !important;}
.pl_40 {padding-left:40px !important;}
.pl_50 {padding-left:50px !important;}
.pl_60 {padding-left:60px !important;}
.pl_70 {padding-left:70px !important;}
.pl_80 {padding-left:80px !important;}
.pl_90 {padding-left:90px !important;}
.pl_100 {padding-left:100px !important;}
.pl_1em {padding-left:1em !important;}
.pl_2em {padding-left:2em !important;}
.pl_3em {padding-left:3em !important;}
.pl_4em {padding-left:4em !important;}
.pl_5em {padding-left:5em !important;}


/* ---------font size--------- */

.font_1_25{font-size: 1.25em!important;}
.font_1_5{font-size: 1.5em!important;}


/* ---------text-align center--------- */

.txt_c{text-align: center!important}
.txt_l{text-align: left!important}
.txt_r{text-align: right!important}
.txt_b{font-weight: 700!important;}
.txt_bk{font-weight: 900!important;}


/************************************
** 画像リンク
************************************/

a:hover img, a:focus img{
    opacity: 0.7;
}



/************************************
** 固定ページ共通
************************************/
#area{
	width:100%;
	/*height:100%;*/
}

#area-wrap{
	width:100%;
	padding: 15px 15px 150px 15px;
	background-color: #fff!important;
	/*height:100%;*/
}
#area-wrap-nocolor{
	width:100%;
	padding: 15px 15px 150px 15px;
	/*height:100%;*/
}

#area-in{
	width:960px;
	margin:0 auto;
	margin-top:85px;
}

#area-top-in{
	width:1249px;
	margin:0 auto;
	margin-top:85px;
}

#area-top-txt-in{
	background-color: none;
	opacity: 0.9;
	max-width: 900px;
	width: 100%;
    margin: 0 auto;
	margin-top: 20px;
    padding: 0.2em 4em 1em 4em;
}
#area-top-txt-in h2,
#area-top-txt-in h3,
#area-top-txt-in p{
	color: #FFF;
}
#area-top-txt-in .btn-greeting{
	  display: block;
    padding: 15px 0 10px 0;
    border: 1px solid #333;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    color: #333!important;
}
   
#area-kasou-wrap{
	width:100%;
	padding: 15px 15px 100px;
}

#footer-wrap{
	max-width: 1380px;
	width: 100%;
    margin: 0 auto;
	padding: 15px;
	height: 370px;
	position: relative;
}

#fb-in{
	/*width:960px;*/
	text-align:center;
	margin:0 auto;
	margin-top:100px;
}

#single-wrap{
	width: 100%;
    margin: auto;
	display: block;
}

#frontpage .h2-ttl-business,#frontpage .h2-subttl-business{
	display: none;
}

/*body {
    overflow: hidden;
}*/

#area-kasou-wrap .kasou-box {
    background-color: #FFF;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px 100px;
    margin-top: 100px;
}	

@media only screen and (max-width: 1300px){
	#area-kasou-wrap {
	width: 100%;
	padding: 15px 45px 100px;
	}	
}

@media only screen and (max-width: 992px){
	#area-wrap {
	padding: 14px 15px 80px 15px;
	}
}

@media only screen and (max-width: 768px){
	#area-top-txt-in{
	max-width: 800px;
	width: 100%;
    margin: 0 auto;
    padding: 0 0;
}	
	#area-kasou-wrap {
    width: 100%;
    padding: 35px 20px 60px;
}
#area-top-txt-in h3 {
		font-size: 1.35em;
    line-height: 1.75em!important;
}
#area-kasou-wrap .kasou-box {
    padding: 15px;
    margin-top: 0;
}

#area-kasou-wrap .kasou-box h3 {
    font-size: 1.2em;
    line-height: 1.85em!important;
}
#area-kasou-wrap .kasou-box img.about-figure {
   width: 100%!important;
	 max-width: 240px;
}
}


/************************************
** CSS リセット＆上書き
************************************/

h1, .h1 {font-size: 26px;}
h2, .h2 {font-size: 22px;}

a:hover, a:focus {
    color: #f05a24;
    text-decoration: none;
}

.site-branding {
    padding-top: 15px!important;
    padding-bottom: 15px!important;
	margin: 15px 0!important;
}

@media only screen and (max-width: 991px){
.site-branding {
	margin: 0!important;
}	
}

@media only screen and (min-width: 992px){
.col-md-4 {
    width: 25%;
	margin-left: 0;
}
.col-md-8 {
    width: 75%;
}
}


/************************************
** カラー設定
************************************/

.bg-wh{background-color: #fff!important;}

.bg-pink{
	background-color:#F9D5E5!important;
}

.bg-yellow{
	background-color:#FFF78F!important;
}

.bg-green{
	background-color:#68C97B!important;
}

.bg-white{
	background-color:#fff!important;
}

.bg-cream{
	background-color:#f5f3ee!important;
}

.bg-insta{
	background-color:#F8CCD5!important;
	margin: auto;
	page-break-before: always;
}


.txt-salmon{
	color: #FF7F69!important;
}

.txt-mint{
	color: #82E198!important;
}

.txt-lavender{
	color: #E282ED!important;
}

.txt-yellow{
	color: #FFD03E!important;
}

.txt-green{
	color: #68C97B!important;
}

.header-shadow{
	border-top: solid 1px #d9d6ca;
	/*box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1)!important;
    -webkit-box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1)!important;
    -moz-box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1)!important;*/
}


.page-top-bar-member{border-top: solid 11px #fff8a0;}

.page-top-bar-division{border-top: solid 11px #cfe6bd;}

.page-top-bar-case{border-top: solid 11px #CAD7EF;}

.page-top-bar-contact{border-top: solid 11px #F7D5BC;}

.page-top-bar-recruit{border-top: solid 11px #d2ede7;}



/************************************
** ものくりくん
************************************/

.kasou-main-monokurikun{
	text-align: center;
	border-bottom: solid 1px #d9d6ca;
	margin-bottom: 120px;
}

.kasou-main-monokurikun img{
	width: 250px;
}


@media only screen and (max-width: 768px){
	.kasou-main-monokurikun {
    text-align: center;
    border-bottom: solid 1px #d9d6ca;
    margin-bottom: 20px;
}
	.kasou-main-monokurikun img {
    width: 200px;
}	
}





/************************************
** PC/SP 切り替え
************************************/

/* パソコンで見たとき */
.pc { display: block !important; }
.sp { display: none !important; }

/* スマートフォンで見たとき */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* --- recruit ブレイクポイント --- */

/* パソコンで見たとき */
.r-pc { display: block !important; }
.r-sp { display: none !important; }

/* スマートフォンで見たとき */
@media only screen and (max-width: 479px) {
.r-pc { display: none !important; }
.r-sp { display: block !important; }
}




/************************************
** Header
************************************/

.nav-menu{display: none!important;}


#page {
    background-color: #fff!important;
}

#navi-wrap{
	position: fixed;
	right: 0;
    left: 0;
	background-color: rgba(255,255,255,1.0);
	z-index: 999999;
	padding: 0;
}

.navi-set{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 1150px;
	margin: auto;
}

.navi-logo{
	width: 20%;
}
.navi-logo img{
margin-top: 15px;
}

.navi-menu{
	width: 80%;
	margin-top: 1.15em;
}


@media only screen and (max-width: 1200px){
	.navi-set{
		padding: 0 1em;
}
	
}


/*==============================================
　global navigation bar (top)
================================================*/
ul.navi-top, ul.navi-top a {
    color:#000;
}

ul.navi-top a:hover {
    color:#fff;
    background-color:#dcdcdc;
	border-radius: 3px;
}

ul.navi-top {
	/*position:fixed;*/
	/*left:0;*/
	/*top:0;*/
   	margin: 0;
   	padding:0;
	font-size:14px;
	width:100%;
	text-align: right;
	z-index:99999;
	margin-top: -5px;
	margin-bottom: 10px;

}

/*1階層目*/
ul.navi-top li {
	/*width: 100px;*/
   	display: inline-block;
   	list-style-type: none;
   	position: relative;}

.h1-logo img{
	width: 280px;
}

ul.navi-top a {
   	line-height: 28px;/*メニューバーの高さ*/
   	text-align: left;/*文字位置中央寄せ*/
	/*padding-left:10px;*/
   	text-decoration: none;
   	font-weight: nomarl;
   	display: block;
	padding: 0 0.5em;
}

/*２階層目*/
ul.navi-top ul {
       display: none;
       margin:0px;
       padding:0px; 
       position: absolute;}

ul.navi-top ul a{
       width:140px;
}
ul.navi-top li:hover ul {
    display: block;
	background: #f1f1f1;
    border-radius: 5px;
}

.long {width: 220px!important;}

.short {width: 35px!important;}

.icon-sns{font-size: 1.45em;}

.menu-border{border-bottom: solid 1px #d6d6d6;}

@media only screen and (max-width: 1200px){
	ul.navi-top a {
    padding: 0 0.25em;
}
	.navi-menu {
    margin-top: 0.5em;
}
	.short {
    width: 25px!important;
}	
}



/************************************
** top トップページ（リニューアル）
************************************/

.metaslider {
    overflow: hidden;
	margin: auto!important;
	/*background: #ccc!important;*/
    margin: 0 auto!important;
    max-width: 1800px!important;
}

.metaslider img {
    width: 100%!important;
}


.metaslider-wrap-bg{background-color: #fff;}

.container {
	margin-top: 0px;
	margin-right: 0!important;
	margin-left: 0!important;
	padding-left: 0!important;
	padding-right: 0!important;
	width: 100%;
	max-width: 100%;
	/*box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1);*/
}
/* スマートフォンで見たとき */
@media only screen and (max-width: 479px) {
.container {
	margin-top: 8px;
	margin-right: 0!important;
	margin-left: 0!important;
	padding-left: 0!important;
	padding-right: 0!important;
	width: 100%;
	max-width: 100%;
	/*box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1);*/
}
}





.area-wap-main{
    padding: 16px 15px 70px 15px!important;
	margin-top: -10px;
}

.ttl-houshinonvo{
	width: 232px;
    padding-bottom: 30px;
    margin: auto;
	
}


.ttl-houshinonvo img:before {
    content: '';
    position: absolute;
    bottom: -30px;
    display: inline-block;
    width: 13%;
    height: 4px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
}

/*@media only screen and (min-width: 1600px){
	.metaslider {
    height: 800px;
}
}*/





@media only screen and (max-width: 992px){
	.area-wap-main{
	padding: 15px 15px 200px 15px!important;
}	
}

@media only screen and (max-width: 992px){
	.area-wap-main{
	padding: 15px 15px 50px 15px!important;
}	
}

@media only screen and (max-width: 768px){
	.area-wap-main {
    padding: 40px 15px 80px 15px!important;
	/*margin-top: -20px;*/
}
	.ttl-houshinonvo {
    width: 150px;
    padding-bottom: 30px;
    margin: auto;
    padding-top: 5px;
}
}

.area-wrap-member{
	padding: 15px 15px 100px 15px!important;
}

@media only screen and (max-width: 992px){
	.area-wrap-member {
    padding: 15px 15px 50px 15px!important;
}
}

@media only screen and (max-width: 768px){
	.area-wrap-member {
    padding: 15px 15px 35px 15px!important;
}
}






.top_house img{
	left: 0;
	width:922px;
	margin-top: -280px;
	z-index: 9999!important;
	position: absolute;
	opacity: 1;
}

@media only screen and (max-width: 1200px){
	.top_house img{
	left: 0;
    width: 720px;
    margin-top: -247px;
    z-index: 9999!important;
    position: absolute;
	opacity: 1;
}
}

@media only screen and (max-width: 992px){
	.top_house img{
	display: none;
}
}

@media only screen and (max-width: 768px){
	.top_house img{
	display: none;
}
}

.sticky-wrapper{
	background-color: #fff!important;
	/*box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 2px -2px rgba(0,0,0,0.1);*/
	/*margin-top: -8px;*/
	height: 90px!important;
}




*, *:before, *:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
/*.cp_cont {
	height: 65vh;
}*/
.cp_offcm04 {
	position: absolute;
	top: 20px;
	left: 20px;
	display: inline-block;
}
/* menu */
.cp_offcm04 .cp_menu {
	position: fixed;
	top: 0;
	left: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: rgba(0,0,0 ,0.8);
	opacity: 0.8;
}
.cp_offcm04 .cp_menu ul {
	margin: 0;
	padding: 0;
}
.cp_offcm04 .cp_menu li {
	list-style: none;
}
.cp_offcm04 .cp_menu li a {
	display: block;
	padding: 20px;
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #fff;
}


.cp_offcm04 .cp_menu li.btn-reservation-header-sp a,
.cp_offcm04 .cp_menu li.btn-cancellation-header-sp a{
	border-bottom: none!important;
}
.btn-reservation-header-sp a,
.btn-cancellation-header-sp a{
	display: block;
	width: 100%;
	background: #DF7E2C;
	text-align: left;
	color: #fff!important;
	font-size: 1.0em;
	padding: 8px 5px 8px 15px!important;
	letter-spacing: 0.05em;
}
.btn-reservation-header-sp a:hover,
.btn-cancellation-header-sp a:hover{
    background: #ffb432!important;
}

.btn-cancellation-header-sp a{
	background: #007023;
}
.btn-cancellation-header-sp a:hover{
    background: #009025!important;
}


.btn-reservation-header-sp a span,
.btn-cancellation-header-sp a span{
	display: block;
	font-size: 12px;
	line-height: 1.0;
}

.btn-reservation-header-sp p,
.btn-cancellation-header-sp p{
	text-align: center!important;
	padding: 6px 0;
}







.cp_offcm04 #cp_toggle04 {
	position: absolute;
	display: none;
	opacity: 0;
}
.cp_offcm04 #cp_toggle04:checked ~ .cp_menu {
	-webkit-transform: translateX(100vw);
	        transform: translateX(100vw);
}
/* menu toggle */
.cp_offcm04 #cp_toggle04 ~ label {
	display: block;
	padding: 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #fff;
}
.cp_offcm04 #cp_toggle04:checked ~ label {
	-webkit-transform: translateX(250px);
	        transform: translateX(250px);
}
.cp_offcm04 #cp_toggle04 ~ label::before {
	font-family: 'FontAwesome';
	content: '\f0c9';
	font-size: 2em
}
.cp_offcm04 #cp_toggle04:checked ~ label::before {
	content: '\f00d';
}
/* contents */
.cp_contents {
	color: #333333;
	text-align: center;
}

.cp_toggle04_txt{
	font-family: 'M PLUS 1p', sans-serif;
	padding-left: 5px;
}

.h2-ttl{
	font-size: 47px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 700;
	color: #231815;
	text-align: center;
	letter-spacing: -0.03em;
	margin-bottom: 15px;
}

.h2-ttl-small{
	font-size: 0.8em;
}

.h2-subttl-top{
	font-size: 19px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
    color: #231815;
    text-align: center;
    margin-top: 0px;
    position: relative;
    display: inline-block;
    margin-bottom: 2em;
    letter-spacing: 0em;
}

.h2-subttl{
	font-size: 38px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    margin-top: 10px;
	position: relative;
	display: inline-block;
	margin-bottom: 2.3em;
	letter-spacing: 0.25em;
}
.h2-subttl:before {
	content: '';
    position: absolute;
    bottom: -40px;
    display: inline-block;
    width: 35%;
    height: 4px;
    left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
}

.h2-ttl-business{
    font-size: 32px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 700;
	color: #231815;
	text-align: center;
	letter-spacing: -0.03em;
	margin-top: 0!important;
	margin-bottom: 5px!important;
}

.h2-subttl-business{
	font-size: 15px;
    /* font-family: 'M PLUS 1p', sans-serif; */
    font-weight: normal;
    color: #231815;
    text-align: center;
    margin-top: 0px;
    position: relative;
    display: inline-block;
    margin-bottom: 2em;
    letter-spacing: 0em;
	margin-bottom: 2em;
}


.txt-lead{
	font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #231815;
}

.txt-lead-top-big {
    font-size: 26px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: center!important;
    line-height: 1.8em;
    color: #231815;
}

.txt-lead-top{
    font-size: 17px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #231815;
}

.txt-description-top{
	font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #231815;
}

.txt-lead-kasou{
	font-size: 17px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #231815;
}

.area-mt{
	margin-top: 70px;
}

.readmore{
	font-size: 13px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: right!important;
    letter-spacing: 0.1em;
    margin-top: 2em;
}

.readmore_02 {
    font-size: 13px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 500;
    text-align: right!important;
    letter-spacing: 0.1em;
    margin-top: 1em;
}

.txt_readmore_01{
	color: #f05a24;
}

.txt_readmore_02{
	color: #3689d7;
}

.bg-pink-img{
	background-image: url("img/top/bg_top_pink.png")!important;
	background-repeat: repeat-x;
	background-color: #fff;
	padding-bottom: 130px;
}

.bg_top_blue{
	background-image: url("img/top/bg_top_blue.png")!important;
	background-repeat: repeat-x;
	background-color: #fff;
	padding-bottom: 130px;
}

.bg_top_green{
	background-image: url("img/top/bg_top_green.png")!important;
	background-repeat: repeat-x;
	background-color: #fff;
}

.ourservice-menu-wrap{
    padding: 50px 15px;
	margin-top: 250px;
}

.jirei-more{
	font-size: 13px;
    font-weight: 500;
    text-align: right!important;
    letter-spacing: 0.1em;
}



@media only screen and (max-width: 992px){
	.area-mt {
    margin-top: 90px;
}	
	.h2-ttl {
    font-size: 45px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    letter-spacing: -0.03em;
}
	.h2-subttl {
    font-size: 33px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    margin-top: 5px;
    position: relative;
    display: inline-block;
    margin-bottom: 2em;
    letter-spacing: 0.25em;
}
}

@media only screen and (max-width: 768px){
	.area-mt {
    margin-top: 0;
}	
	.h2-ttl {
    font-size: 29px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    letter-spacing: -0.03em;
	margin-bottom: 3px;
}
	.h2-subttl {
    font-size: 21px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    margin-top: 5px;
    position: relative;
    display: inline-block;
    margin-bottom: 2em;
    letter-spacing: 0.25em;
}
	.readmore {
    font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: center!important;
    letter-spacing: 0.1em;
    margin-top: 1em;
    border: solid 1px #231815;
	padding: 12px 15px;
}
	.txt-lead-top {
    font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #231815;
}
	.txt-lead-top-big {
    font-size: 18px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: center!important;
    line-height: 1.8em;
    color: #231815;
}
	.h2-subttl-top{
	font-size: 14px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
    color: #231815;
    text-align: center;
    margin-top: 0px;
    position: relative;
    display: inline-block;
    margin-bottom: 2.3em;
    letter-spacing: 0em;
}
	.txt-description-top {
    font-size: 14px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.5em;
    color: #231815;
}
	.bg-pink-img {
    background-image: url(img/top/bg_top_pink_sp.png)!important;
    background-repeat: repeat-x!important;
    background-color: #fff!important;
    padding: 50px 15px 70px!important;
}
	.bg_top_blue {
    background-image: url(img/top/bg_top_blue_sp.png)!important;
    background-repeat: repeat-x;
    background-color: #fff;
    padding: 50px 15px 70px!important;
}
	.bg_top_green {
    background-image: url(img/top/bg_top_green_sp.png)!important;
    background-repeat: repeat-x;
    background-color: #fff;
}
	.ourservice-menu-wrap {
    padding: 50px 15px!important;
	margin-top: 0;
}
	.txt-lead-kasou{
	font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #231815;
}
	.h2-ttl-business {
    font-size: 29px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    letter-spacing: -0.03em;
    margin-top: 0!important;
	margin-bottom: 3px;
}
	.h2-subttl-business {
    font-size: 14px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
    color: #231815;
    text-align: center;
    margin-top: 0px;
    position: relative;
    display: inline-block;
    letter-spacing: 0em;
    margin-bottom: 20px;
}
}






.ttl-our-service{
	text-align: center;
	margin-top: 0;
    margin-bottom: 0;
}

.ttl-our-service img{
	max-width: 1100px;
    width: 85%;
    margin-top: 90px;
}

.community-bottom{
	padding-bottom: 0;
}

.ttl-our-service-mt{
	padding:35px 0 100px
}

.ourservice-box-bg{
	background: url("img/top/bg-pk-wh.png") repeat-x!important;
	background-size: auto 100%;
	width: 100%;
	padding-bottom: 100px;
}

.ourservice-box{
	max-width: 1050px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: auto;
	padding: 0 15px;
}

.ourservice-menu{
	width: 31.5%;
}

.ourservice-menu-last{
	width: 31.5%;
}

.business-box {
    max-width: 1050px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding: 0 15px;
}

.business-menu{
	width: 48%;
}

/*.ourservice-ttl{
	font-size: 29px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0em;
    margin-bottom: 0.5em;
	color: #231815;
}*/

.ourservice-ttl{
	display: none!important;
}

.ourservice-img{
	margin-bottom: 1.5em;
}

.ourservice-subttl{
	font-size: 24px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.5em;
	color: #231815;
}

#our-service-inner{
  margin:-50px 0;
  padding:50px 0;
}

#ourservice h2{
	font-size: 32px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    letter-spacing: -0.03em;
	margin: 0 0 5px 0;
}

#ourservice .ourservice-h2-subttl{
	font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #231815;
    line-height: 1em!important;
	margin: 5px 0 2em 0;
    display: block;
}

@media only screen and (max-width: 992px){
	.ourservice-ttl {
    font-size: 23px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0em;
    margin-bottom: 0.3em;
}
	.ourservice-subttl {
    font-size: 18px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0.3em;
}
	.ourservice-menu {
    width: 32%;
}
	.ttl-our-service-mt {
    padding: 35px 15px 60px;
}
}

@media only screen and (max-width: 768px){
	.ourservice-box{
	flex-direction: column;
	width: 100%;
	padding: 0;
}
	.ourservice-menu{
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: dotted 1px #000;
}	
	.ourservice-menu-last{
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: none;
}
	.ttl-our-service img {
    max-width: 1150px;
    width: 100%;
    margin: 0 0 30px;
}
	.ourservice-box-bg{
	padding-bottom: 0;
	background-color: #f9d5e5;
	background: none;
}
	.ourservice-pb{
	padding-bottom: 70px;
	padding-top: 30px;
}
#ourservice h2 {
    font-size: 27px;
}
}


    


.parallax-window {
     min-height: 800px;
     background: transparent;
}

.parallax-slider {
     top: 0;
     left: 0;
}

.people-box{
	max-width: 1050px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: auto;
}

.people-txt{
	width: 35%;
	padding: 0px 20px 0 20px;
	position: relative;
}

.people-img{
	width: 65%;
}

.h2-people-subttl{
    font-size: 47px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    margin-top: 10px;
	position: relative;
	display: inline-block;
	margin-bottom: 2.3em;
	margin-top: 2.3em;
}

.h2-people-subttl-underline {
	border-bottom: solid 5px;
}

.people-bg{
	background: url("img/top/bg_yw_wh.png") repeat-x!important;
	background-color: #fff!important;
	margin-top: 250px;
	page-break-before: always;
}

.people_monokurikun{
	bottom: 0;
	position: absolute;
	margin-bottom: 0;
}

.people_monokurikun img{
    width: 260px!important;
}

@media only screen and (max-width: 992px){
	.people-txt{
	width: 40%;
	padding: 0 20px 0 30px;
	position: relative;
}

	.people-img{
	width: 60%;
}
	.people_monokurikun img {
    width: 160px!important;
}
}

@media only screen and (max-width: 768px){
	.h2-people-subttl{
	font-size: 27px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    margin-top: 10px;
	position: relative;
	display: inline-block;
	margin-bottom: 1.5em;
    margin-top: 2em;
}	
	.h2-people-subttl-underline {
    border-bottom: solid 3px;
}
	.people-box{
	flex-direction: column;
	width: 100%;
}

	.people-txt{
	width: 100%;
	padding: 0 0 170px 0;
}

	.people-img{
	width: 100%;
	margin-top: 25px;
}
	.people_monokurikun{
	padding-top: 25px;
}
	.people_monokurikun img{
    width: 65%!important;
}
	.people-bg {
    background: none;
    margin-top: 0;
	background-color: #fff78f!important;
}

}
}





.bg-top-footer-wrap{
	ax-width: 1150px;
}

.bg-top-footer-back{
	background-color: #000;
}

.bg-top-footer{
	background: url("img/common/bg_parallax_test.jpg") no-repeat!important;
	background-size: cover;
	height: 35%;
	position: relative;
	background-repeat: no-repeat;
 	background-attachment: fixed;
}

.footer-width{
	max-width: 1050px;
    width: 100%;
    margin: auto;
    padding: 0 30px;
}

.footer-box{
	max-width: 650px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: auto;
	position: absolute;
	bottom: 0;
}

.footer-logo{
	width: 50%;
}

.footer-adress{
	width: 50%;
	font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.6em;
	padding: 0 0 30px 60px;
}




@media only screen and (max-width: 1200px){
	.footer-box{
	max-width: 650px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: auto;
	position: absolute;
	bottom: 0;
}

	.footer-logo{
	width: 30%;
}

	.footer-adress{
	width: 70%;
	font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.6em;
	padding: 0 0 30px 30px;
}	
}


@media only screen and (max-width: 768px){
	
.footer-box{
	max-width: none;
    width: 100%;
    flex-direction: column;
    background-color: #fff;
    overflow: hidden;
    display: table-cell;
    justify-content: normal;
    margin: 0;
    position: relative;
    bottom: auto;
    padding: 40px 15px 50px;
}

.footer-logo{
	width: 100%;
	margin-bottom: 30px;
}
	
.footer-logo img{
	width: 80%;
}

.footer-adress{
	width: 100%;
    font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.6em;
    padding: 0;
}
}
	
	
/************************************
** footer - SP用
************************************/	


/*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:768px){
	.footer_area-pc{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color:#FFF;
		border: 1px solid #CCC;
	z-index: 889;
	}
	.footer_area-pc .footer_area_inner {
	position: relative;
	text-align: center;
	margin: 0px auto;
	}
	.footer_area-pc .menu_btn {
	/*background-color: #EE86A1;
	-webkit-border-radius: 3px;*/
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 22%;
	padding: 10px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
		text-align: center;
	}
	.footer_border{
	border-right: solid 1px #CCC;
	}
}
/*スマホ～736pxの幅サイズまで*/
@media screen and (max-width:768px){
	.footer_area-pc {
	display: none;
	}
}






/*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:768px){
	.footer_area{
	display: none;
	}	
}
/*スマホ～736pxの幅サイズまで*/
@media screen and (max-width:768px){
	.footer_area {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba( 0, 0, 0, 0.7 );
	z-index: 888;
	}
	.footer_area .footer_area_inner {
	position: relative;
	text-align: center;
	margin: 0px auto;
	}
	.footer_area .footer_area_inner .footer_area_inner_btn {
	width: 85%;
	padding: 11px 0;
	font-size: 20px;
	font-weight: bold;
	margin-left: 15px;
	line-height: 1.3;

	}
	.inquiry_btn {
	/*background-color: #EE86A1;
	-webkit-border-radius: 3px;*/
	display: inline-block;
	text-align: center;
	text-decoration: none;
	width: 22%;
	padding: 10px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1em;
	}
	.inquiry_btn:link, .inquiry_btn:visited {
	color: #FFFFFF !important;
	}
	.footer_area_inner span{
	color: #fff;
	letter-spacing: 0.1em;
	}
	#siteBottom{
	margin-bottom: 85px;
	}
	.footertel_txt{
	font-size: 0.5em;
	}
	.fottertel_ico{
	font-size: 1.5em;
	}
	.footer_border{
	border-right: solid 1px #fff;
	}
}






	
#modal-content{
	width:50%;
	margin:1.5em auto 0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	z-index:2;
}

.modal-p{
	margin-top:1em;
}

.modal-p:first-child{
	margin-top:0;
}

.button-link{
	color:#00f;
	text-decoration:underline;
}
 
.button-link:hover{
	cursor:pointer;
	color:#f00;
}

#modal-content{
	/*追加分*/
	z-index:2;
}

#sns_in{
	max-width: 1500px;
	width: 100%;
	margin: auto;
	padding: 30px 10px;
}

.sns_box{
	display: flex;
	width: 100%;
}

.sns_left{
	width: 50%;
}

.sns_right{
	width: 50%;
}

.sns_insta_box{
	width: 500px;
    height: 800px;
    background-color: #fff;
	
}

.ttl-sns{
    font-size: 24px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0em;
    margin-bottom: 0;
    color: #231815;
    max-width: 1050px;
    margin: auto;
    padding-bottom: 18px;
}



/* -------- ものくりくん -------- */


.point_monokurikun_01 img{
    width: 260px;
	margin-top: -196px;
    text-align: right;
    position: absolute;
    left: 10%;
}

.point_monokurikun_02 img{
    width: 260px;
    text-align: right;
    position: absolute;
    right: 14%;
    bottom: -15px;
    z-index: 10;
}

.point_monokurikun_pink img{
	width: 130px;
    margin-top: -80px;
    position: absolute;
    left: 47%;
}

.point_monokurikun_blue img{
	width: 230px;
    margin-top: -65px;
    position: absolute;
    left: 42%;
}

.point_monokurikun_green img{
	width: 115px;
    margin-top: -70px;
    position: absolute;
    left: 46%;
}

.monokurikun_decoration_01 {
	margin-top: 14em;
}

.monokurikun_decoration_01 img{
	width: 240px;
    margin-top: -126px;
    text-align: right;
    position: absolute;
    left: 10%;
}


@media only screen and (max-width: 1200px){
	.point_monokurikun_02 img {
    width: 260px;
    text-align: right;
    position: absolute;
    right: 3%;
    bottom: -15px;
    z-index: 10;
}	
}


@media only screen and (max-width: 768px){
	.point_monokurikun_01 img {
    width: 180px;
    margin-top: -105px;
    text-align: right;
    position: absolute;
    left: 2%;
    display: block;
}
	.point_monokurikun_02 img {
    width: 180px;
    text-align: right;
    position: absolute;
    right: 2%;
    margin: auto;
    bottom: -9px;
    z-index: 10;
}
	.point_monokurikun_pink img {
    width: 100px;
    margin-top: -60px;
    position: absolute;
    left: 40%;
}
	.point_monokurikun_blue img {
    width: 160px;
    margin-top: -44px;
    position: absolute;
    left: 30%;
}
	.point_monokurikun_green img {
    width: 85px;
    margin-top: -48px;
    position: absolute;
    left: 39%;
}
}



/*-----map-----*/

#map_custmomize{
	width:100%;
	height:450px;
}

.post-229 .footer-map-display {
    display: none!important;
}

#post-229 .footer-map-display {
  display:none!important;
}

@media only screen and (max-width: 736px){
	#map_custmomize{
	width:100%;
	height:350px;
}	
}



/*-----blog-----*/

.site-info.container{
	display: none;
}

.movie_wrap{
	height: 950px;
  	position: relative;
  	width: 100%;
}    

@media only screen and (max-width: 1600px){
	.movie_wrap{
	height: 800px;
  	position: relative;
  	width: 100%;
} 
}
@media only screen and (max-width: 1300px){
	.movie_wrap{
	height: 700px;
  	position: relative;
  	width: 100%;
} 
}
@media only screen and (max-width: 1100px){
	.movie_wrap{
	height: 500px;
  	position: relative;
  	width: 100%;
} 
}


/************************************
** top video
************************************/

.video-yohaku{
	background-color: #FFFFFF;
    height: 50px;
}    

/* ----- 背景用の動画ファイル ----- */
#bg-video{
 position: fixed;
 right: 0;
 bottom: 0;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 z-index: -100;
 background: url('poster.jpg') no-repeat!important;
 background-size: cover;
}
/* ----- 背景の上に表示させたいコンテンツ ----- */
.header-title{
 position: relative; /*必ず必要*/
 z-index: 2; /*必ず必要*/
 display: flex;
 width: 50%;
 justify-content: center;
 align-items: center;
 text-align:center;
 margin: auto;
}

.main_movie_caption{
	font-size: 22px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #fff;
    text-align: center;
}


@media only screen and (max-width: 1200px){
.video-yohaku{
	background-color: #FFFFFF;
    height: 20px;
} 	
}

@media only screen and (max-width: 900px){
.video-yohaku{
    height: 30px;
} 	
}

@media only screen and (max-width: 768px){
.video-yohaku{
    height: 0;
} 	
}


/* ----- btn ----- */

.sns_btn_box{
	display: flex;
    width: 100%;
    justify-content: center;
    padding: 50px 15px 50px;
	background-color: #fff!important;
}

.sns_btn_box_left{
	display: flex;
}

.sns_btn_box_right{
	display: flex;
	margin-left: 10px;
}

.square_btn_instagram {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 1em 2em;
    text-decoration: none;
    color: #fff;
    background: #BB8DCE!important;
    border-radius: 45px;
    transition: .4s;
	width: 230px;
    text-align: center;
	/*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
  }

.square_btn_instagram:hover {
    background: #E0A2F9;
	color: #fff;
}

.square_btn_instagram:active {
	color: #fff!important;
}

.square_btn_instagram:visited {
	color: #fff!important;
}

.square_btn_facebook {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 1em 2em;
    text-decoration: none;
    color: #fff;
    background: #4194d0!important;
    border-radius: 45px;
    transition: .4s;
	width: 230px;
    text-align: center;
	/*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
  }

.square_btn_facebook:hover {
    background: #48d5e0;
	color: #fff;
}

.square_btn_facebook:active {
	color: #fff!important;
}

.square_btn_facebook:visited {
	color: #fff!important;
}

@media only screen and (max-width: 768px){
	.sns_btn_box{
	flex-direction: column;
	width: 100%;
    padding: 30px 15px 50px;
	border-bottom: dotted 1px #ccc;
}	
	.sns_btn_box_left{
	width: 100%;
	margin-bottom: 20px;
}

	.sns_btn_box_right{
	width: 100%;
}
	.square_btn_instagram {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 1.2em 2em;
    text-decoration: none;
    color: #fff;
    background: #BB8DCE;
    border-radius: 45px;
    transition: .4s;
    width: 100%;
    text-align: center;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
    font-size: 1.2em;
  }
	.square_btn_facebook {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 1.2em 2em;
    text-decoration: none;
    color: #fff;
    background: #4194d0;
    border-radius: 45px;
    transition: .4s;
	width: 100%;
    text-align: center;
	/*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
	font-size: 1.2em;
  }
	.sns_btn_box_right{
	display: flex;
	margin-left: 0;
}
}





.banner_box{
	display: flex;
	justify-content: center;
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

.banner_box_left{
	width: 50%;
	padding-right: 10px;
	margin-bottom: 20px;
}

.banner_box_right{
	width: 50%;
	padding-left: 10px;
	margin-bottom: 20px;
	
}

.ttl-banner {
    font-size: 32px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0em;
    margin-bottom: 1.5em;
    color: #231815;
    max-width: 1000px;
    margin: auto;
    padding-bottom: 5px;
    padding-top: 25px;
    display: block;
}

.banner-subttl{
	font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: center;
    color: #231815;
    line-height: 1em!important;
	margin-left: 8px;
    display: block;
    margin-bottom: 2em;
}



@media only screen and (max-width: 768px){
	.banner_box{
	flex-direction: column;
	width: 100%;
}

.banner_box_left{
	width: 100%;
	padding-right: 0;
	margin-bottom: 5px;
}

.banner_box_right{
	width: 100%;
	padding-left: 0;
    margin-bottom: 5px;
	
}
.ttl-banner {
	font-size: 27px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
    text-align: center;
    letter-spacing: 0em;
    margin-bottom: 1.5em;
    color: #231815;
    max-width: 1000px;
    margin: auto;
    padding-bottom: 30px;
    padding-top: 30px;
}

}

/* -------- instagram -------- */

.instashow-gallery .instashow-gallery-control-arrow::after, .instashow-gallery .instashow-gallery-control-arrow::before {
    background: #f9a2b7!important;
}

.instashow-gallery .instashow-gallery-media-cover {
    background: #EC7688!important;
}

@media only screen and (max-width: 768px){
.site-branding, .main-navigation li {
	text-align: left!important;
	padding-top: 15px!important;
    padding-bottom: 0!important;
}
	.menu-toggle {
    margin: 0 0;
}
}

@media only screen and (max-width: 630px){
.site-branding, .main-navigation li {
	text-align: center!important;
}
}


/* -------- バナーエリア -------- */

.bnr_area{}

@media only screen and (max-width: 992px){
	.bnr_area{
		padding: 30px 15px 10px 15px!important;
	}
}

@media only screen and (max-width: 768px){
	.bnr_area{
		padding: 15px 15px 0px 15px!important;
	}
}


/* --- スマホ設定のみ --- */

@media only screen and (max-width: 768px){
	body.custom-background {
    background-image:none!important;
}
	.navi_link_sub{
		display: none;
	}
}



/************************************
** 下層ページ共通
************************************/

.arrow_dotted_01{
	text-align: center;
	margin-top: -35px;
}

.arrow_dotted_01 img{
	width: 115px;
	margin-bottom: -20px;
}


/************************************
** community
************************************/

.community-main-bg{
	background: url("img/top/bg_main_wh_pk.png") repeat-x!important;
	background-size: contain;
	width: 100%;
	margin-bottom: -3px;
}

.community-main-img{
	padding-top: 130px;
	text-align: center;
}

.community-main-img img{
	width: 80%;
    max-width: 1200px;
}

.community-bg-pink{
	background-color:#ffd0c9!important;
}

.support-main-bg{
	background: url("img/top/bg_main_wh_bl.png") repeat-x!important;
	background-size: contain;
	width: 100%;
	margin-bottom: -3px;
}

.support-bg-blue{
	background-color:#ceeffb!important;
}

.support-main-bg{
	background: url("img/top/bg_main_wh_bl.png") repeat-x;
	background-size: contain;
	width: 100%;
	margin-bottom: -3px;
}

.design-main-bg{
	background: url("img/top/bg_main_wh_lavender.png") repeat-x;
	background-size: contain;
	width: 100%;
	margin-bottom: -3px;
}

.design-bg-lavender{
	background-color:#f0dbe5!important;
}




/* ----- 下層ページ ----- */


.kasou-main{
	margin-bottom: 100px;
}

.h2-kasou-subttl{
	font-size: 19px;
	color: #000;
	position: relative;
	line-height: 1.6;
	margin-top: 0;
    margin-bottom: 40px;
}

/*.h2-kasou-subttl:before {
    content: '';
    position: absolute;
    bottom: -30px;
    display: inline-block;
    width: 13%;
    height: 4px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
}*/

.monokurikun_point_kasou_03{
	text-align: right;
    padding-right: 1%;
	max-width: 1650px;
}

.monokurikun_point_kasou_03 img{
	width: 340px;
	margin-top: -155px;
}

.monokurikun_point_kasou_04{
	text-align: right;
    padding-right: 1%;
	max-width: 1650px;
}

.monokurikun_point_kasou_04 img{
	width: 240px;
    margin-top: -225px;
}


.monokurikun_point_kasou_05{
	text-align: right;
    padding-right: 1%;
	max-width: 1650px;
}

.monokurikun_point_kasou_05 img{
	width: 240px;
    margin-top: -189px;
}



.design-wrap-pb{
	padding: 15px 15px 0px;
}


@media only screen and (max-width: 992px){
	.community-main-img{
	padding-top: 60px;
	text-align: center;
}	
}

@media only screen and (max-width: 768px){
	.community-main-img{
	padding-top: 0;
	text-align: center;
}	
	.community-main-img img{
	width: 90%;
}
	.h2-kasou-subttl{
	font-size: 12px;
    color: #000;
    position: relative;
    margin-bottom: 40px;
    margin-top: 5px;
}
	/*.h2-kasou-subttl:before {
    content: '';
    position: absolute;
    bottom: -20px;
    display: inline-block;
    width: 15%;
    height: 4px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: black;
}*/
	.monokurikun_mint{
	text-align: right;
    padding-right: 0;
    margin-bottom: -110px;
	max-width: 1650px;
}
.monokurikun_mint img{
	width: 100px;
}
	.monokurikun_point_kasou_03 img {
    width: 200px;
    margin-top: -95px;
	margin-right: 10px;
}
	.monokurikun_point_kasou_04 img {
    width: 100px;
    margin-top: -100px;
    margin-right: 5px;
}
	.monokurikun_point_kasou_05 img {
    width: 110px;
    margin-top: -90px;
}
	.kasou-main {
    margin-bottom: 30px;
}
}




/************************************
** arrow 矢印
************************************/

.arrow_dotted_center{
	text-align: center;
}

.arrow_dotted_center img{
	width: 100px;
	margin-top: -65px;
}

.arrow_dotted_center_contents{
	text-align: center;
	padding: 50px 0;
}

.arrow_dotted_center_contents img{
	width: 100px;
	margin-top: 0;
}


@media only screen and (max-width: 768px){
	.arrow_dotted_center img{
	width: 50px;
    margin-top: -35px;
}	
	.arrow_dotted_center_contents img{
	width: 70px;
	margin-top: 0;
}
	.arrow_dotted_center_contents {
    text-align: center;
    padding: 20px 0;
}
}





.contents_box_01{
	width: 100%;
	/*max-width: 1260px;*/
	max-width: 1150px;
	display: flex;
	margin: auto;
}
.contents_box-service{
	width: 100%;
	/*max-width: 1260px;*/
	max-width: 980px;
	padding: 40px;
	display: flex;
	margin: auto;
}

.contents_box_01_left{
	width: 50%;
    padding-right: 70px;
	margin-top: -20px;
}

.contents_box_01_right{
	width: 60%;
}

.contents_box_01_right img{
	width: 100%;
}

.contents_box_01_pd{
	padding: 80px 0 0;
}



.contents_box_02{
	width: 100%;
	max-width: 1260px;
	display: flex;
	margin: auto;
}

.contents_box_02_left{
	width: 60%;
}

.contents_box_02_left img{
	width: 100%;
}

.contents_box_02_right{
	width: 40%;
	padding-left: 80px;
}

.contents_pictgram{
	width: 55px;
	margin-bottom: 30px;
}

.contents_copy {
    font-size: 17px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
    text-align: left!important;
    color: #000;
	margin-bottom: 1em!important;
    line-height: 1em!important;
	letter-spacing: 0.05em;
}

.contents_ttl {
    font-size: 33px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: left!important;
    color: #000;
	margin-bottom: 50px!important;
}

.contents_txt {
	font-weight: 500;
	/*font-family: 'M PLUS 1p', sans-serif;*/
	font-size: 15px;
	margin-bottom: 80px;
    margin-bottom: 60px;
    line-height: 1.8em;
}




.contents_menu_box{
	background-color: #f5f3ee;
	padding: 70px 15px;
	
}

/* --- 不動産サービス --- */

#estate_service_wrap{
	margin: 120px 0 150px 0;
}


#estate_service_set{
	border-top: solid 1.6px #231815;
	border-bottom: solid 1.6px #231815;
    padding: 30px 15px 10px;
	max-width: 1150px;
    margin: auto;
}

.estate_service_ttl{
	font-size: 25px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: center;
    color: #000;
    margin-bottom: 50px!important;
}

.estate_service_ttl img{
	width: 32px;
	margin-right: 9px;
    margin-top: -6px;
}

.estate_service_box{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1050px;
    margin: auto;
}

.estate_service_list{
	width: 25%;
}

.estate_service_list ul{
	margin-right: 10px;
}    


.estate_service_list li{
	font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif!important;*/
    font-size: 18px!important;
    line-height: 1.8em;
}    


@media only screen and (max-width: 992px){
	.contents_box_01_pd{
	padding: 55px 0 0;
}	
	.contents_box_01_left{
	width: 50%;
    padding-right: 15px;
}
	.contents_box_01_right{
	width: 50%;
}
	.contents_pictgram{
	width: 55px;
	margin-bottom: 20px;
}
	.contents_ttl {
    font-size: 30px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: left!important;
    color: #000;
	margin-bottom: 20px!important;
}
	.contents_txt {
	font-weight: 500;
	/*font-family: 'M PLUS 1p', sans-serif;*/
	font-size: 15px;
	margin-bottom: 30px;
}
	.contents_box_02_left{
	width: 50%;
}
	.contents_box_02_right{
	width: 50%;
	padding-left: 15px;
}
	#estate_service_set {
    border-top: solid 1.6px #231815;
    border-bottom: solid 1.6px #231815;
    padding: 30px 15px 30px;
    max-width: 1150px;
    margin: auto;
}
	.estate_service_box{
	flex-wrap: wrap;
}
	.estate_service_list{
	width: 50%;
}
	
}

@media only screen and (max-width: 768px){
	.contents_box_01{
	width: 100%;
	flex-direction: column;
}
	.contents_box_01_pd{
	padding: 0;
	margin-bottom: 5em;
}	
	.contents_box_01_left{
	width: 100%;
    padding-right: 0;
	margin-bottom: 20px;
}
	.contents_box_01_right{
	width: 100%;
	padding-right: 27px;
}
	.contents_box_02{
	width: 100%;
	flex-direction: column;
}
	.contents_box_02_left{
	width: 100%;
	padding-left: 27px;
	margin-bottom: 20px;
}
	.contents_box_02_right{
	width: 100%;
    padding-left: 0;
}
	.contents_pictgram {
    width: 55px;
	margin: auto;
	margin-bottom: 20px!important;
	margin-top: 15px;
	}
	.contents_ttl {
    font-size: 25px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: left!important;
    color: #000;
    margin-bottom: 15px!important;
    margin-top: 10px;
}
	.contents_copy {
    font-size: 14px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    color: #000;
    margin-bottom: 5px!important;
    line-height: 1em!important;
    letter-spacing: 0.05em;
}
	.contents_txt {
	font-weight: 500;
	/*font-family: 'M PLUS 1p', sans-serif;*/
	font-size: 14px;
	margin-bottom: 0;
}
	.contents_menu_box {
    background-color: #f5f3ee;
    padding: 50px 15px;
}
	.estate_service_box{
	 flex-direction: column;
	 line-height: 0;
}
	.estate_service_list{
	width: 100%;
}
	.estate_service_list ul{
	margin-bottom: 0!important;
}
	#estate_service_wrap {
    margin: 70px 0 50px 0;
}
	#estate_service_set {
    border-top: solid 1.6px #231815;
    border-bottom: solid 1.6px #231815;
    padding: 15px 10px 30px 10px!important;
    max-width: 1150px;
    margin: auto;
}
	.estate_service_ttl {
    font-size: 20px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    text-align: center;
    color: #000;
    margin-bottom: 30px!important;
}	
	.estate_service_ttl img {
    width: 30px;
    margin-right: 4px;
    margin-top: -6px;
}
	.kaso_contact_ttl {
    font-size: 18px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700!important;
    text-align: left;
    color: #000;
    margin: 0!important;
	border-left: solid 10px #00a53f;
    padding: 0 10px 5px 10px;
}
}


/************************************
** お問い合わせページ　contact
************************************/

.contact-title{
	font-weight: 700;
    /*font-family: 'M PLUS 1p', sans-serif!important;*/
    font-size: 18px;
    line-height: 1em;
    margin-bottom: 7px;
    letter-spacing: 0.05em;
    display: inline-block;
}

.contact-form-txt{
	font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif!important;*/
    font-size: 15px;
    line-height: 1.8em;
    letter-spacing: 0.05em;
}

.wpcf7-form-control-wrap {
    position: relative;
	font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif!important;*/
    font-size: 15px;
    line-height: 1.8em;
	letter-spacing: 0em;
}

.contact-form-txt-mb{
	margin-bottom: 70px!important;
}

/*
.sent .formInner {
    display: none;
}
.complete-display{
    display: none;
}
.sent .complete-display{
    display: block;
}*/

.formInner input, textarea{
	background: #f9f9f9;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #cccccc;
    max-height: 50px;
}

.formInner input[type="radio"], input[type="checkbox"] {
    background: #f00;
    width: auto;
    border-radius: 0;
    border: none;
}

.formInner li{
    margin-bottom: 35px;
}

.formInner input[type="button"], input[type="reset"], input[type="submit"] {
    background-color: #EF813E!important;
    padding: 10px 20px!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-size: 24px!important;
    text-transform: uppercase!important;
    color: #fff!important;
    box-shadow: 0 5px 0 #EF813E!important;
    border-radius: 5px!important;
    font-weight: 700!important;
    border: 0!important;
    width: 30%!important;
}

.formInner input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"] {
    background-color: #EDAF40!important;
    box-shadow: 0 5px 0 #EDAF40!important;
}

.color{
	font-size: 13px;
    padding: 2px 8px;
    background-color: #319a21;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    margin-left: 3px;
	
}

.contaxt_tel_ttl{
	font-size: 20px!important;
    /*font-family: 'M PLUS 1p', sans-serif!important;*/
    font-weight: 800!important;
    text-align: left!important;
    color: #000!important;
    margin-bottom: 0!important;
}

.contact_tel_01 {
    font-size: 42px!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-weight: 800!important;
    text-align: left!important;
    color: #e61f19!important;
    line-height: 1em!important;
    margin-bottom: 50px!important;
}

.contact_tel_02 {
    font-size: 35px!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-weight: 800!important;
    text-align: left!important;
    color: #00a53f!important;
    line-height: 1em!important;
    margin-bottom: 50px!important;
}

.contact_tel_subttl {
    font-weight: 600!important;
    /*font-family: 'M PLUS 1p', sans-serif!important;*/
    font-size: 16px!important;
    line-height: 1em!important;
    margin-bottom: 7px!important;
    letter-spacing: 0.05em!important;
}

hr.line-dot {
	border-top: 1px solid #d9d6ca;
}

.contact-warning{
	font-weight: 500!important;
    /*font-family: 'M PLUS 1p', sans-serif!important;*/
    font-size: 14px!important;
    line-height: 1.8em!important;
    letter-spacing: 0em!important;
    background-color: #ffffff!important;
    padding: 10px 15px!important;
    border-radius: 8px!important;
    border: solid 1px #ccc;
    color: #565656;
    margin-top: 2.4em!important;
    margin-bottom: 1.8em!important;
}

.contact-messageform{
	max-height: 500px!important;
}    

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f7e700;
    font-size: 1.5em;
}

div.wpcf7-mail-sent-ok {
    border: 5px solid #edc440;
    font-weight: 700;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 22px;
    line-height: 1em;
    margin-bottom: 35px;
    letter-spacing: 0.05em;
    display: inline-block;
    padding: 20px 15px;
    text-align: center;
    border-radius: 10px;
    color: #ed8640;
	width: 100%;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 5px solid #ed6440;
    font-weight: 700;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 22px;
    line-height: 1em;
    margin-bottom: 35px;
    letter-spacing: 0.05em;
    display: inline-block;
    padding: 20px 15px;
    text-align: center;
    border-radius: 10px;
    color: #db2640;
	width: 100%;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
    border: 5px solid #ed6440;
    font-weight: 700;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 22px;
    line-height: 1em;
    margin-bottom: 35px;
    letter-spacing: 0.05em;
    display: inline-block;
    padding: 20px 15px;
    text-align: center;
    border-radius: 10px;
    color: #db2640;
	width: 100%;
}

div.wpcf7-spam-blocked {
    border: 5px solid #ed6440;
    font-weight: 700;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 22px;
    line-height: 1em;
    margin-bottom: 35px;
    letter-spacing: 0.05em;
    display: inline-block;
    padding: 20px 15px;
    text-align: center;
    border-radius: 10px;
    color: #db2640;
	width: 100%;
}

.mwwpform-box {
	padding: 0;
	margin-top: 50px;
}
/* スマートフォンで見たとき */
@media only screen and (max-width: 768px) {
	.mwwpform-box {
	padding: 0 ;
	margin-top: 25px;
	}
}


.mwwpform-box-item{
	margin-top: 2.5rem;
}



.mwwpform-box input,input#email {
	padding: 10px;
	border: 1px solid #ccc;
	background: #f9f9f9;
	/*width: 100%;*/
	max-width: 100%;
	border-radius: 3px;
	margin: 0 0 0.5em 0;
	font-weight: normal;
}

.mwwpform-box p {
    font-weight: bold!important;
    font-size: 17px!important;
    line-height: 1.5em!important;
    margin-bottom: 0.5em!important;
    letter-spacing: 0em!important;
}

.mwwpform-box .requirement-txt {
		margin: 0 0 22px 20px;
}

.mwwpform-box .requirement-txt label {
	  width: auto!important;
    max-width: none!important;
	  display: inline-block;
    margin: 0 18px 8px 0!important;
}

.mwwpform-box .requirement-txt input {
		width: auto;
		margin: 0;
}

.mwwpform-box .horizontal-item + .horizontal-item {
	  margin-left: 0!important;
}

.mwwpform-box textarea {
    font-weight: normal!important;
}

.mwwpform-box .error {
    font-size: 90%!important;
    color: #ff0000!important;
    display: block!important;
    background: #fff58a!important;
}

.mail_complete{
	background:#F1F2E5;
	text-align: center;
	padding: 4rem 2rem;
	border-radius: 5px;
	font-size: 19px;
	font-weight: bold;
	margin: 0 0 2em 0;
	line-height: 1.5em;
}


@media only screen and (max-width: 768px){
.contaxt_tel_ttl {
    font-size: 16px!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 800!important;
    text-align: left!important;
    color: #000!important;
    margin-bottom: 0!important;
}
.contact_tel_subttl {
    font-weight: 600!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 14px!important;
    line-height: 1em!important;
    margin-bottom: 7px!important;
    letter-spacing: 0.05em!important;
}
.contact_tel_01 {
    font-size: 28px!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-weight: 800!important;
    text-align: left!important;
    color: #e61f19!important;
    line-height: 1em!important;
    margin-bottom: 30px!important;
}
.contact_tel_02 {
    font-size: 28px!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-weight: 800!important;
    text-align: left!important;
    color: #00a53f!important;
    line-height: 1em!important;
    margin-bottom: 30px!important;
}	
hr.line-dot {
    border-top: 1px solid #d9d6ca;
    margin-bottom: 60px;
}
.contact-title {
    font-weight: 700;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 7px;
    letter-spacing: 0.05em;
    display: inline-block;
}
.formInner input[type="radio"], input[type="checkbox"] {
    background: #eee;
    width: auto;
    border-radius: 0;
    border: none;
}
.contact-messageform {
    max-height: 200px!important;
}
div.wpcf7-mail-sent-ok {
    font-size: 22px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    font-size: 22px;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
    font-size: 22px;
}

div.wpcf7-spam-blocked {
    font-size: 22px;
}
	
	
	
}







/************************************
** 下層ページ お問い合わせ項目
************************************/

/* ----- 不動産 ----- */

#kaso_contact_set{
	max-width: 750px;
	width: 100%;
    margin: auto;
}

.kaso_contact_ttl{
	font-size: 20px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 800;
    text-align: left;
    color: #000;
	margin: 0 0 10px 30px;
	
}

.kaso_contact_box{
	display:table;
	justify-content: space-between;
	width: 100%;
	border-collapse:separate;
  	border-spacing: 30px 0;
	margin-bottom: 10px;
}

.kaso_contact_tel{
	width: 60%;
	padding: 30px 10px 10px;
	border-top: solid 1.6px #231815;
    border-bottom: solid 1.6px #231815;
	display:table-cell;
}

.kaso_contact_mail{
	width: 30%;
	padding: 30px 20px 10px;
	border-top: solid 1.6px #231815;
    border-bottom: solid 1.6px #231815;
	display:table-cell;
	vertical-align: middle;
}

.kaso_contact_tel_ttl{
	font-size: 18px;
	font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif;*/
	line-height: 1em;
}

.kaso_contact_tel_ttl_02{
	font-size: 15px;
	font-weight: 700;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    line-height: 1.2em;
	margin-bottom: 5px;
}

.kaso_contact_tel_01 {
    font-size: 42px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 800;
    text-align: left;
    color: #e61f19;
	line-height: 1em;
	margin-bottom: 20px;
}

.kaso_contact_tel_02 {
    font-size: 30px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 800;
    text-align: left;
    color: #00a53f;
	line-height: 1em;
	margin-bottom: 20px;
}

.kaso_contact_mail_ttl{
	font-size: 18px;
	font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif;*/
	line-height: 1em;
	text-align: center;
}

.kaso_contact_mail_icon{
	font-size: 4.5em;
    color: #e61f19;
    text-align: center;
}

.kaso_contact_mail_02 {
    width: 30%;
    padding: 20px 20px 0px;
    border-top: solid 1.6px #231815;
    border-bottom: solid 1.6px #231815;
    display: table-cell;
    vertical-align: middle;
}

.kaso_contact_mail_ttl_02 {
    font-size: 18px;
    font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    line-height: 1em;
    text-align: center;
    margin-bottom: 0;
}

.kaso_contact_mail_icon_02 {
    font-size: 3.5em;
    color: #e61f19;
    text-align: center;
}

.kaso_contact_box_pd{
	padding-top: 120px;
}

.kaso_contact_box_caption{
	font-size: 16px;
    font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    line-height: 1em;
    margin: 0 0 80px 30px;
}


@media only screen and (max-width: 768px){
	.kaso_contact_box{
	display: block!important;
	flex-direction: column!important;
	width: 100%!important;
	border-collapse:none!important;
  	border-spacing: 0!important;
	margin-bottom: 0!important;
}	
	.kaso_contact_tel{
	width: 100%!important;
	padding: 30px 0px 10px;
	border-top: solid 1.6px #231815;
    border-bottom: solid 1.6px #231815;
	display: block!important;
}

	.kaso_contact_mail{
	width: 100%!important;
	padding: 30px 20px 10px;
	border-top: solid 0 #fff;
    border-bottom: solid 1.6px #231815;
	display: block!important;
	vertical-align: middle;
}
	.kaso_contact_tel_01 {
    font-size: 28px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 800;
    text-align: left;
    color: #e61f19;
    line-height: 1em;
    margin-bottom: 20px;
}
	.kaso_contact_tel_ttl_02 {
    font-size: 18px;
    font-weight: 700;
    font-family: 'M PLUS 1p', sans-serif;
    line-height: 1em;
}
	.kaso_contact_tel_02 {
    font-size: 28px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 800;
    text-align: left;
    color: #00a53f;
    line-height: 1em;
    margin-bottom: 20px;
}
	.kaso_contact_tel_ttl {
    font-size: 18px;
    font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    line-height: 1.3em;
}
	.kaso_contact_border_none{
		border-bottom: none!important;
	}
	.kaso_contact_box_caption {
    font-size: 14px;
    font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    line-height: 1.4em;
    margin: 10px 0 0px 0;
}
}




/* ----- copyright ----- */

#footer-copyright {
    width: 100%;
    background-color: #222;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    font-size: 12px;
}

@media only screen and (max-width: 768px){
	#footer-copyright {
    width: 100%;
    background-color: #222;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    font-size: 12px;
    position: absolute;
}
}






/************************************
** SP用　header-navi
************************************/

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

*, *:before, *:after {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
	color: inherit;
}
	
.header-sp-logo{
	background-color: #fff!important;
}
	
.header-sp-logo img{
	width: 200px!important;
    margin: 8px 15px!important;
}
	
	
.cp_cont {
	/*height: 65vh;*/
	z-index: 999!important;
}
.cp_offcm01 {
	position: fixed;
	top: 5px;
    right: 10px;
	display: inline-block;
	z-index: 999;
	
}
/* menu */
.cp_offcm01 .cp_menu {
	position: fixed;
	top: 0;
	right: -100vw;
	width: 250px;
	height: 100%;
	cursor: pointer;
	-webkit-transition: 0.53s transform;
	        transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	        transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background-color: #231815;
	opacity: 0.8;
}
.cp_offcm01 .cp_menu ul {
	margin: 0;
	padding: 0;
}
.cp_offcm01 .cp_menu li {
	list-style: none;
}
.cp_offcm01 .cp_menu li a {
	display: block;
    padding: 6px 15px;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid #ffffff;
	font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
}

.cp_offcm01 #cp_toggle01 {
	position: absolute;
	display: none;
	opacity: 0;
}
.cp_offcm01 #cp_toggle01:checked ~ .cp_menu {
	-webkit-transform: translateX(-100vw);
	        transform: translateX(-100vw);
	z-index: 999;
}
/* menu toggle */
.cp_offcm01 #cp_toggle01 ~ label {
	display: block;
	padding: 0.1em 0.5em 0.5em 0.5em;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
	        transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	        transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	color: #231815;
}
.cp_offcm01 #cp_toggle01:checked ~ label {
	-webkit-transform: translateX(-250px);
	        transform: translateX(-250px);
	z-index: 999;
}
.cp_offcm01 #cp_toggle01 ~ label::before {
	font-family: 'FontAwesome';
	content: '\f0c9';
	font-size: 2em;
	z-index: 999;
}
.cp_offcm01 #cp_toggle01:checked ~ label::before {
	content: '\f00d';
}
/* contents */
.cp_contents {
	color: #333333;
	text-align: center;
}

.navi-sns a{
	display: inline!important;
    float: left;
    text-align: center;
    border-bottom: none!important;
    font-size: 1.75em;
    font-weight: 500!important;
    padding: 5px 10px!important;
}
	
.navi-ttl a{
	display: block;
    padding: 15px;
    text-decoration: none;
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
	}
	
}

/* ----- reservation btn ----- */

.btn-reservation a{
	display: block;
	width: 100%;
	max-width: 400px;
	background: #DF7E2C;
	margin: auto;
	text-align: center;
	color: #fff;
	font-size: 2em;
	padding: 16px 8px;
	letter-spacing: 0.05em;
}

.btn-reservation a:hover{
    background: #ffb432;
}

.btn-reservation a span{
		display: block;
    font-size: 18px;
}

.btn-reservation p {
		text-align: center;
    padding: 6px 0;
}


/* ----- reservation btn ----- */

.btn-reservation-header a{
	display: block;
	width: 160px;
	background: #DF7E2C;
	margin: auto;
	text-align: center!important;
	color: #fff!important;
	font-size: 0.9em;
	padding: 8px 5px 0px 6px!important;
	letter-spacing: 0.05em;
}
.btn-reservation-header a:hover{
    background: #ffb432!important;
}
.btn-reservation-header a span{
	display: block;
	font-size: 12px;
	line-height: 1.0;
}
.btn-reservation-header p {
	text-align: center!important;
	padding: 6px 0;
}

.btn-cancellation-header a{
	display: block;
	width: 160px;
	background: #007023;
	margin: auto;
	text-align: center!important;
	color: #fff!important;
	font-size: 0.9em;
	padding: 8px 5px 0px 6px!important;
	letter-spacing: 0.05em;
}
.btn-cancellation-header a:hover{
    background: #009025!important;
}
.btn-cancellation-header a span{
	display: block;
	font-size: 12px;
	line-height: 1.0;
}
.btn-cancellation-header p {
	text-align: center!important;
	padding: 6px 0;
}



/* ----- img hover ----- */

.link-img {
  background: #68c97b;
}
.link-img img {
  opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  background: #fff;
}
.link-img:hover img {
  opacity: .5;
}


/* ----- blog ----- */

.ttl-blog{
    font-size: 32px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
	text-align: center;
    letter-spacing: 0em;
    margin-bottom: 1.5em;
    color: #231815;
    max-width: 1050px;
    margin: auto;
    padding-bottom: 30px;
}

.blog-box{
	display: flex;
	max-width: 1050px;
    margin: auto;
	justify-content: space-between;
}

.blog-link{
	width: 31%;
}

.blog-wrap-pd{
	padding: 60px 30px 80px!important;
}

.blog-subttl{
	font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
	font-weight: 500;
    text-align: center;
    color: #231815;
    line-height: 1em!important;
    margin-top: 5px;
    margin-left: 8px;
    display: block;
}

#blog .wp-show-posts-inner {
    margin: 0 2em 0 0!important;
	position: relative!important;
}

#blog .wp-show-posts-columns#wpsp-164 {
	max-width: 1120px!important;
    margin: auto!important;
	padding: 0 0.5em 0 3.5em;
}

#blog .hentry {
    border: none!important;
    padding: 0!important;
    background-color: none!important;
}

/*#blog .wp-show-posts-image img {
    border: solid 1px #eee!important;
}*/

#blog .wp-show-posts-entry-title {
		color: #231815;
    margin: 0!important;
    font-size: 1.1em!important;
    text-align: left!important;
    line-height: 1.35em!important;
}

#blog .wp-show-posts-posted-on{
	position: absolute!important;
    bottom: -1.5em!important;
    left: 0!important;
	font-size: 1.2em!important;
}

#blog .wp-show-posts-entry-meta{
	text-align: left!important;
}

#blog .wp-show-posts-entry-summary {
    margin-bottom: 0.5em;
	text-align: left!important;
}

#blog .wp-show-posts-image.wpsp-image-left {
    margin-right: 0!important;
}

#blog .wp-show-posts-entry-header {
    margin: 0 0 0.5em!important;
}

#blog .wp-show-posts-terms{
	position: absolute!important;
	top: 0;
    left: 0;
	background: rgba(255,255,255,0.7);
    padding: 0.25em 0.75em;
}

#blog .wp-show-posts-terms a{
	color: #ccc!important;
}

#blog .wp-show-posts-meta a {
    color: #4e4e4e!important;
    font-weight: bold!important;
}


#blog .wp-show-posts-entry-date {
	color: #bfbfbf!important;
}


@media only screen and (max-width: 1200px){
#blog .wp-show-posts-columns#wpsp-164 {
    padding: 0 0 0 30px;
}	
}



@media only screen and (max-width: 768px){
	.ttl-blog{
	font-size: 27px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
    text-align: center;
    letter-spacing: 0em;
    margin-bottom: 0.1em;
    color: #231815;
}

.blog-box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.blog-link{
	width: 48%;
}
	
.blog-link img{
	width: 100%;
}
	
.blog-lead-sp{
	font-size: 14px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.4em;
    color: #231815;
	margin-bottom: 30px;
}
	
.blog-wrap-sp{
	padding-bottom: 50px!important;
}
.blog-wrap-pd {
    padding: 50px 15px 20px 15px!important;
}
#blog .wp-show-posts-terms {
    top: -0.5px!important;
    left: 0!important;
	background: rgba(0,0,0,0.7);
    padding: 3px 5px;
}
#blog .wp-show-posts-inner {
    margin: 0!important;
}
#blog .hentry {
    border: none!important;
    padding: 0!important;
    background-color: none!important;
    margin-bottom: 3.5em!important;
	width: 48%!important;
}
#blog .wp-show-posts-image img {
    border: solid 1px #eee!important;
    width: 100%;
}
#blog .wp-show-posts-image img {
    object-fit: cover!important;
}
#blog .wp-show-posts-columns#wpsp-164 {
    padding: 0;
}
#blog .wp-show-posts-columns:not(.wp-show-posts-masonry) {
justify-content: space-between;
}
#blog .wp-show-posts-meta a {
    color: #fff!important;
}
.btn-reservation a {
    font-size: 1.5em;
}
.btn-reservation a span {
    font-size: 15px;
}
}




/************************************
** Loading
************************************/


#wptime-plugin-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(http://monokuri-shoji.jp/wordpress/wp-content/themes/moesia-child/img/common/preloader_green.gif) no-repeat #FFFFFF 50%;
    -moz-background-size: 200px 178px!important;
    -o-background-size: 200px 178px!important;
    -webkit-background-size: 200px 178px!important;
    background-size: 200px 178px!important;
    z-index: 99998;
    width: 100%;
    height: 100%;
	opacity: 0.7!important;
}

@media only screen and (max-width: 768px){
	#wptime-plugin-preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(http://monokuri-shoji.jp/wordpress/wp-content/themes/moesia-child/img/common/preloader_green.gif) no-repeat #FFFFFF 50%;
    -moz-background-size: 200px 178px!important;
    -o-background-size: 200px 178px!important;
    -webkit-background-size: 200px 178px!important;
    background-size: 200px 178px!important;
    z-index: 99998;
    width: 100%;
    height: 100%;
	opacity: 0.88!important;
}	
}


/************************************
** News
************************************/

#news-wrap{
    padding: 0;
    background-color: rgba(0,0,0,0.4)!important;
	color: #fff!important;
}

.news-box{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	max-width: 1080px;
    margin: auto;
	
}

.news-box p{
    font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
	font-weight: 700;
    text-align: left;
    color: #fff!important;
    line-height: 1.5em!important;
}

.news-ttl{
	width: 20%;
    /*background-color: #a0d8d8;*/
	padding: 20px 30px;
}

.news-link{
	width: 80%;
	padding: 20px 30px 0;
}


.news-txt-box{
	display: table;
    width: 100%;
    border-bottom: solid 1px #ccc;
    margin-bottom: 12px;
}

.news-txt-date{
	display: table-cell;
	width: 15%!important;
	font-size: 15px!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700!important;
    text-align: left!important;
    /*color: #fff!important;*/
	line-height: 1em;
    padding-bottom: 12px;
}

.news-txt-list{
	display: table-cell;
	width: 85%;
	color: #fff!important;
}

.news-txt-list a{
	text-decoration: underline;
	/*color: #ff6f36!important;*/
    /*font-weight: bold!important;*/
}

.news-txt-list a:hover{
	 color: #ff9a36!important;
    text-decoration: underline!important;
    font-weight: bold!important;
}

.news-ttl-main{
	font-size: 29px!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-weight: 700!important;
	text-align: left!important;
    letter-spacing: 0em!important;
    margin-bottom: 1.5em!important;
    color: #fff!important;
    margin-top: 1.5em;
    margin-bottom: 10px!important;
}

.news-ttl-sub{
	text-align: center!important;
}


@media only screen and (max-width: 768px){
.news-ttl-main {
    font-size: 29px!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-weight: 700!important;
    text-align: center!important;
    letter-spacing: 0em!important;
    margin-bottom: 1.5em!important;
    color: #fff!important;
    margin-top: 15px;
    margin-bottom: 0!important;
}
.news-box p {
    font-size: 15px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left;
    color: #fff;
    line-height: 1.5em!important;
}
.news-box{
	flex-direction: column;
	width: 100%;
    margin: auto;
	background-color: #222;
}
.news-ttl{
	width: 100%;
}
.news-link{
	width: 100%;
}
.news-txt-date {
    display: table-cell;
    width: 30%!important;
    font-size: 15px!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700!important;
    text-align: left!important;
    color: #fff!important;
    line-height: 1em;
    padding-bottom: 12px;
}
.news-ttl {
    padding: 20px 15px 0 15px;
}
.news-subttl-center{
	text-align: center!important;
}
.news-link {
    width: 100%;
    padding: 20px 15px 0;
}
	
}


/************************************
** 会社概要 overview
************************************/

#overview-wrap{
	width: 100%;
    max-width: 1800px;
    text-align: center;
    border-top: solid 1px #d9d6ca;
    border-bottom: solid 1px #d9d6ca;
	margin: auto;
}

#overview-wrap img{
	width: 100%;
	max-width: 960px;
}

#overview-contents-wrap{
	width: 100%;
	max-width: 960px;
	margin: auto;
    padding-bottom: 80px;
}

.overview-contents-box{
	width: 100%;
    flex-wrap: wrap;
	margin: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	padding: 20px 0;
    border-bottom: solid 2px #ebebeb;
}

.overview-ttl{
	width: 100%;
    max-width: 1100px;
    font-size: 24px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1em;
    color: #231815;
    letter-spacing: 0.1em;
    margin: 90px 0 80px;
    padding-bottom: 10px;
}

.overview-ttl-decoretion{
	border-bottom: solid 1px #231815;
}


.overview-contents-ttl{
	display: table-cell;
    vertical-align: middle;
	width: 20%;
	font-size: 17px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #231815;
    letter-spacing: 0.1em;
	
}

.overview-contents-txt{
	width: 80%;
	font-size: 17px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #615f5f;
    letter-spacing: 0.075em;
}

.overview-link-map a{
	font-size: 0.75em;
    padding-left: 3em;
}

@media only screen and (max-width: 768px){
	.overview-ttl {
    width: 100%;
    max-width: 1100px;
    font-size: 18px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700;
    text-align: center!important;
    line-height: 1em;
    color: #231815;
    letter-spacing: 0.1em;
	margin: 30px 0 10px;
    padding-bottom: 10px;
}	
	.overview-contents-txt {
    width: 78%;
    font-size: 14px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.6em;
    color: #615f5f;
    letter-spacing: 0.05em;
}
	.overview-contents-ttl {
    display: table-cell;
    vertical-align: middle;
    width: 22%;
    font-size: 14px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.5em;
    color: #231815;
    letter-spacing: 0.1em;
	padding-right: 10px;
}
	.overview-contents-box {
    width: 100%;
    flex-wrap: wrap;
    margin: auto;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px 0;
    border-bottom: solid 2px #ebebeb;
}
	.overview-link-map a {
    font-size: 0.75em;
    padding: 2px 5px;
	border: solid 1px #615f5f;
	border-radius: 3px;
}
	#overview-contents-wrap {
    width: 100%;
    max-width: 1100px;
    margin: auto;
    padding-bottom: 0;
}
}


/************************************
** 代表挨拶
************************************/

.greeting-set{
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 150px 0 60px;
}

.greeting-set-motto{
	width: 60%;
	text-align: center;
}

.greeting-set-motto img{
	width: 100%;
	max-width: 400px;
}

.greeting-set-name{
	width: 40%;
	font-weight: 500;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 17px;
    line-height: 1.8em;
    margin-bottom: 1.8em;
    letter-spacing: 0.05em;
	text-align: right;
	
}

.greeting-sign{
	text-align: center;
	margin-top: 100px;
}

.greeting-sign img{
	width: 500px;
}

@media only screen and (max-width: 768px){
	.greeting-sign {
    text-align: center;
    margin-top: 30px;
		margin-bottom: 30px!important;
}
	.greeting-sign img {
    width: 70%;
}	
}





/************************************
** 下層共通
************************************/


#kasou-wrap{
	width: 100%;
    border-top: solid 1px #d9d6ca;
    /*border-bottom: solid 1px #d9d6ca;*/
	margin-bottom: 90px;

}

.kasou-wrap-noborder{
	border-top:none!important;
    border-bottom: none!important;
}

.kasou-topimg{
	max-width: 910px;
    text-align: center;
	margin: auto;
	
}

.kasou-topimg img{
	width: 100%;
	max-width: 960px;
}

#kasou-wrap-contents{
	width: 100%;
	max-width: 960px;
  margin: auto;
}

#kasou-wrap-contents p{
	font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 17px;
    line-height: 1.8em;
    margin-bottom: 1.8em;
    letter-spacing: 0.05em;
}

#kasou-wrap-contents .img-name{
		width: 100%;
    max-width: 160px;
}

#kasou-wrap-contents .btn-greeting{
		display: block;
    padding: 15px 0 10px 0;
    border: 1px solid #333;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    color: #333!important;
}

@media only screen and (max-width: 768px){
	#kasou-wrap {
    width: 100%;
    border-top: none;;
    /*border-bottom: solid 1px #d9d6ca;*/
    margin-bottom: 30px;
}	
	#kasou-wrap-contents p {
    font-weight: 500;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 1.5em;
    letter-spacing: 0.035em;
}
	.greeting-set {
	flex-direction: column;
	width: 100%;
    margin: 50px 0 0;
}
	.greeting-set-motto {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
	}
	.greeting-set-motto img {
    width: 100%;
    max-width: 230px;
}
	.greeting-set-name {
    width: 100%;
    font-weight: 500;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 14px;
    line-height: 1.5em;
	margin-bottom: 20px;
    letter-spacing: 0.05em;
    text-align: right;
}
#kasou-wrap-contents {
    padding: 0!important;
}
}



/************************************
** 背景動画
************************************/

.video-bg{
	display: none;
}

.video-margin{
	height: 30px;
	background-color: #fff;
	background-image: none!important;
}

body#post-id-6 .video-bg{
	display: block!important;
	z-index: -200;
}

/* ----- 背景用の動画ファイル ----- */
#bg-video{
    position: relative;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: auto;
	/*max-height: 664px;*/
    z-index: -100;
    background: url(img/top/main.jpg) no-repeat;
    background-size: cover;
    /* top: 20%; */
    /* transform: translateY(-50%); */
    background-color: #000;
    left: 0%;
}
/* ----- 背景の上に表示させたいコンテンツ ----- */
.header-title{
	position: absolute;
    z-index: 2;
    display: flex;
    height: 530px;
    /* width: 50%; */
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    top: 6em;
    left: 0;
    right: 0;
}
.header-title img{
	width: 100%;
    max-width: 560px;
}
.wrap{
 /*height: 100vh;*/
    max-height: 648px;
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
	/*max-width: 1510px;
	margin: auto;*/
}

@media only screen and (max-width: 1400px){
.header-title {
    position: absolute;
    z-index: 2;
    display: flex;
    height: 350px;
    /* width: 50%; */
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    top: 6em;
    left: 0;
    right: 0;
}
.wrap {
    max-height: 590px;
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
}

@media only screen and (max-width: 1200px){
	.header-title {
    height: 260px;
}
	.header-title img {
    width: 100%;
    max-width: 450px;
}
	.wrap {
    max-height: 510px;
    background: linear-gradient(-45deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
}
	.video-margin{
	height: 10px;
	background-color: #fff;
	background-image: none!important;
}
}


@media only screen and (max-width: 768px){
.header-title img {
    width: 100%;
    max-width: 210px;
}
.wrap {
    max-height: 240px;
}
.header-title {
    position: absolute;
    z-index: 2;
    display: flex;
    height: 110px;
    /* width: 50%; */
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: auto;
    top: 6em;
    left: 0;
    right: 0;
}
#event-wrap .rpc-post-category {
    float: left;
}
	
}




/************************************
** 事業紹介 division
************************************/

#division-menu-set{
}

.division-img{
    margin-top: 60px !important;
}

.division-h3{
    margin-bottom: 40px!important;
    font-weight: 600!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-size: 32px!important;
    line-height: 1em!important;
    letter-spacing: 0em!important;
}

.division-h4{
    margin-bottom: 40px!important;
    font-weight: 600!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-size: 24px!important;
    line-height: 1em!important;
    letter-spacing: 0em!important;
}

.division-menu-box{
	width: 100%!important;
	display: flex!important;
	justify-content: space-between!important;
	box-sizing: border-box!important;
    flex-wrap: wrap!important;
}

.division-menu{
    width: 47%;
    padding: 0 0 0 25px!important;
	margin-bottom: 50px!important;
}

.division-menu p {
    margin-bottom: 0!important;
	font-weight: 500!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 15px!important;
    line-height: 1.2em!important;
    letter-spacing: 0em!important;
}

.division-menu-ttl{
	width: 100%!important;
	text-align: left!important;
	padding-bottom: 5px!important;
	border-bottom: solid 1px #ccc!important;
	margin-bottom: 10px!important;
	margin-top: 0!important;
}

.division-menu-ttl p{
    margin-bottom: 0!important;
	font-weight: 700!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-size: 26px!important;
    line-height: 1.2em!important;
	letter-spacing: 0.05em!important;
}

.division-menu-category{
	/*border: solid 1px #ccc;*/
    padding: 2px 7px;
    font-size: 11px;
    border-radius: 4px;
	display: inline-block;
	background-color: #f7f1e4;
    margin: 0px 5px 5px 0;
}

.division-menu-design{
	border-left: solid 10px #1c8a96!important;
}

.division-menu-monozukuri{
	border-left: solid 10px #453c82!important;
}

.division-menu-consulting{
	border-left: solid 10px #e79013!important;
}

.division-menu-realestate{
	border-left: solid 10px #209649!important;
}

.division-menu-fp{
	border-left: solid 10px #1261aa!important;
}

.division-menu-community{
	border-left: solid 10px #e76d82!important;
}

.contents-division-box01{
	width: 100%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
    flex-wrap: wrap;
}

.contents-division-box01-l{
	width: 70%;
	padding-right: 15px;
}

.contents-division-box01-r{
	width: 30%;
	position: relative;
}

.contents-division-box-img{
	position: absolute;
	bottom: 0;
}

.contents-block-mb{
	margin-bottom: 100px!important;
}

.contents-division-box02{
	width: 100%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
    flex-wrap: wrap;
	margin: 30px 0 0 0
}

.contents-division-box02-menu{
	width: 31%;
}


@media only screen and (max-width: 768px){
	.division-img{
	 margin-top: 20px !important;
}
	.division-menu-box{
	flex-direction: column!important;
	width: 100%!important;
}	
	.division-menu{
    width: 100%;
    padding: 0 0 0 10px!important;
    margin-bottom: 30px!important;
}
	.division-menu p {
    margin-bottom: 0!important;
    font-weight: 500!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 13px!important;
    line-height: 1.2em!important;
    letter-spacing: 0em!important;
}
	.division-menu-ttl p {
    margin-bottom: 0!important;
    font-weight: 700!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 17px!important;
    line-height: 1.2em!important;
    letter-spacing: 0.05em!important;
}
	.contents-division-box01{
	width: 100%;
	flex-direction: column;
}

	.contents-division-box01-l{
	width: 100%;
	padding-right: 0;
}

	.contents-division-box01-r{
	width: 100%;
	position: relative;
    text-align: center;
}
	.contents-division-box01-r img{
	width: 60%;
}
	.contents-division-box-img{
	position: relative;
}
	.division-h3 {
    margin-bottom: 20px!important;
    font-weight: 600!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-size: 20px!important;
    line-height: 1em!important;
    letter-spacing: 0em!important;
}	
	.division-h4 {
    margin-bottom: 20px!important;
    font-weight: 600!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-size: 16px!important;
    line-height: 1em!important;
    letter-spacing: 0em!important;
}
	.contents-block-mb {
    margin-bottom: 70px!important;
}

}



/************************************
** 不動産事業部　realestate
************************************/

.color-realestate{color: #209649}

.border-realestate{
	border-left: solid 7px #209649;
	padding: 3px 0 3px 7px;
}

.flow-ttl{
	padding: 5px;
    background-color: #c0ddc9;
    text-align: center;
    font-weight: 700!important;
    font-size: 18px!important;
}

.flow-img{
	border-bottom: dotted 1px #ccc;
    padding-bottom: 30px;
}

@media only screen and (max-width: 768px){
	.flow-ttl {
    padding: 3px;
    background-color: #c0ddc9;
    text-align: center;
    font-weight: 600!important;
    font-size: 14px!important;
}	
}


/************************************
** コミュニティ事業部　community
************************************/

.color-community{color: #e76d82;}



/************************************
** 意匠事業部　design
************************************/

.color-design{color: #1c8a96;}


.design-4box{
	display: flex;
	width: 100%;
	justify-content: space-between;
	box-sizing: border-box;
	flex-wrap: wrap;
	margin-top: -45px;
}

.design-4box-img{
	width: 23%;
}

.design-4box-ttl{
	font-weight: 700!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 16px!important;
    line-height: 1em!important;
    margin-bottom: 0.5em!important;
    letter-spacing: 0em!important;
}

.design-4box-txt{
	font-weight: 500!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 14px!important;
    line-height: 1.4em!important;
    margin-bottom: 0.5em!important;
    letter-spacing: 0em!important;
}

.design-4box-case{
	color: #1c8a96;
	font-weight: 700!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 16px!important;
    line-height: 1.4em!important;
    margin-bottom: 0.5em!important;
    letter-spacing: 0em!important;
}

.border-design{
	border-left: solid 7px #1c8a96;
	padding: 3px 0 3px 7px;
}

@media only screen and (max-width: 768px){
	.design-4box{
	margin-top: -35px;
}
	.design-4box-ttl {
    font-weight: 600!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 12px!important;
    line-height: 1em!important;
    margin-bottom: 0.5em!important;
    letter-spacing: 0em!important;
}
	.design-4box-txt {
    font-weight: 500!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 11px!important;
    line-height: 1.2em!important;
    margin-bottom: 0.5em!important;
    letter-spacing: 0em!important;
}
	.design-4box-case {
    color: #1c8a96;
    font-weight: 700!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 13px!important;
    line-height: 1.4em!important;
    margin-bottom: 0.5em!important;
    letter-spacing: 0em!important;
}
}

@media only screen and (max-width: 500px){
	.design-4box{
	margin-top: -15px;
}
}


/************************************
** くらしのお金事業部 fp
************************************/

.color-fp{color: #1261aa;}


/************************************
** コンサルティング事業部 consulting
************************************/

.color-consulting{color: #e79013;}

.border-consulting{
	border-left: solid 7px #e79013;
	padding: 3px 0 3px 7px;
}


/************************************
** ものづくり事業部 monozukuri
************************************/

.color-monozukuri{color: #453c82;}



/************************************
** 会社案内 About
************************************/

.about-menu-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
    flex-wrap: wrap;
}

.about-menu-box-bnr{
	width: 24%;
    margin-bottom: 20px;
}

.about-h3 {
    font-weight: 600!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 20px!important;
    line-height: 1em!important;
    letter-spacing: 0em!important;
	border-left: solid 7px #68B939;
    padding: 3px 0 3px 7px;
    margin-bottom: 0;
}

.about-h3-border{
	padding-bottom: 10px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 40px;
}

.about-wrap-noimg{
	padding-top: 60px;
}

@media only screen and (max-width: 768px){
.about-menu-box-bnr{
	width: 48%;
	margin-bottom: 15px;
}
.about-h3 {
    font-weight: 700!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-size: 18px!important;
    line-height: 1em!important;
    letter-spacing: 0em!important;
    border-left: solid 7px #68B939;
    padding: 3px 0 3px 7px;
    margin-bottom: 0;
}	
.about-wrap-noimg {
    padding-top: 20px;
}
}




/************************************
** 企業理念
************************************/

.philosophy-hata img{
	width: 100%;
	max-width: 550px;
    margin-bottom: 30px;
}
    
.philosophy-idea{
    font-size: 1.35em!important;
    font-weight: 700!important;
    line-height: 1.6em!important;
}

.philosophy-onokuri img{
	width: 100%;
	max-width: 750px;
    margin-bottom: 30px;
}

.philosophy-mentality{
	font-size: 1.4em!important;
    font-weight: 700!important;
    line-height: 1.6em!important;
}

.philosophy-mentality-sub{
	font-size: 1.1em!important;
    line-height: 1.3em!important;
    letter-spacing: 0!important;
    color: #8E8E8E!important;
}

@media only screen and (max-width: 768px){
.philosophy-idea {
	font-size: 1em!important;
    font-weight: 600!important;
    line-height: 1.6em!important;
}
.about-h3-border {
    padding-bottom: 8px;
    border-bottom: dotted 1px #ccc;
    margin-bottom: 20px;
}
.philosophy-hata img {
    width: 100%;
    max-width: 550px;
    margin-bottom: 15px;
}
.philosophy-mentality {
    font-size: 1.1em!important;
    font-weight: 700!important;
    line-height: 1.4em!important;
    letter-spacing: 0!important;
}
.philosophy-mentality-sub {
    font-size: 1em!important;
}
}


/************************************
** グループ沿革　Group History
************************************/

#history-contents-wrap{
	width: 100%;
	max-width: 1100px;
	margin: auto;
    padding-bottom: 80px;
}

.history-contents-box{
	width: 100%;
    flex-wrap: wrap;
	margin: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	padding: 20px 0;
    border-bottom: solid 2px #ebebeb;
}

.history-ttl{
	width: 100%!important;
    max-width: 1100px!important;
	font-size: 24px!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500!important;
    text-align: left!important;
    line-height: 1em!important;
    color: #231815!important;
    letter-spacing: 0.1em!important;
    margin: 70px 0 40px!important;
    padding-bottom: 10px!important;
}

.history-ttl-decoretion{
	border-bottom: solid 1px #231815;
}


.history-contents-ttl{
	display: table-cell;
    vertical-align: middle;
	width: 20%;
	font-size: 17px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #231815;
    letter-spacing: 0.1em;
    padding-left: 15px;
	
}

.history-contents-txt{
	width: 80%;
	font-size: 17px;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #615f5f;
    letter-spacing: 0.075em;
}

.history-bg{
	background-color: #f7f7f7;
/*}*/
}

@media only screen and (max-width: 768px){
.history-contents-box{
	flex-direction: column;
	width: 100%;
    padding: 10px 15px;
}

.history-ttl {
    width: 100%!important;
    max-width: 1100px!important;
    font-size: 18px!important;
    /*font-family: 'M PLUS 1p', sans-serif;*/
    font-weight: 700!important;
    text-align: center!important;
    line-height: 1em!important;
    color: #231815!important;
    letter-spacing: 0.1em!important;
    margin: 30px 0 10px!important;
    padding-bottom: 10px!important;
}

.history-ttl-decoretion{
	border-bottom: solid 1px #231815;
}


.history-contents-ttl{
	width: 100%;
    font-size: 14px!important;
    padding-left: 0;
}

.history-contents-txt{
	width: 100%;
    font-size: 14px;
    line-height: 1.35em;
}

}



/************************************
** アクセス　access
************************************/

body#post-id-229 #map_custmomize{
	display: none!important;
	height: 0!important;
}

.access-contents-box{
	width: 100%;
    flex-wrap: wrap;
	margin: auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	padding: 20px 0;
    border-bottom: solid 2px #ebebeb;
}

.access-ttl{
	width: 100%!important;
    max-width: 1100px!important;
    font-size: 27px!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-weight: 500!important;
    text-align: left!important;
    line-height: 1em!important;
    color: #231815!important;
    letter-spacing: 0.1em!important;
    margin: 90px 0 80px!important;
    padding-bottom: 10px!important;
}

.access-ttl-decoretion{
	border-bottom: solid 1px #231815;
}


.access-contents-ttl{
	display: table-cell;
    vertical-align: middle;
	width: 20%;
	font-size: 17px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #231815;
    letter-spacing: 0.1em;
    padding-left: 15px;
	
}

.access-contents-txt{
	width: 80%;
	font-size: 17px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 500;
    text-align: left!important;
    line-height: 1.8em;
    color: #615f5f;
    letter-spacing: 0.075em;
}

.access-bg{
	background-color: #f7f7f7;
/*}*/
}



@media only screen and (max-width: 768px){
.access-contents-box{
	flex-direction: column;
	width: 100%;
    padding: 10px 15px;
}

.access-ttl {
    width: 100%!important;
    max-width: 1100px!important;
    font-size: 18px!important;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700!important;
    text-align: center!important;
    line-height: 1em!important;
    color: #231815!important;
    letter-spacing: 0.1em!important;
    margin: 30px 0 10px!important;
    padding-bottom: 10px!important;
}

.access-ttl-decoretion{
	border-bottom: solid 1px #231815;
}


.access-contents-ttl{
	width: 100%;
    font-size: 14px!important;
    padding-left: 0;
}

.access-contents-txt{
	width: 100%;
    font-size: 14px;
    line-height: 1.35em;
}
	
}



/************************************
** 事例 case
************************************/


.case-menu-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
    flex-wrap: wrap;
}

.case-menu-box-bnr{
	width: 32%;
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px){
.case-menu-box-bnr{
	width: 48%;
	margin-bottom: 15px;
}
}







/************************************
** ボタン btn
************************************/

.btn-square {
	display: inline-block;
    padding: 0.5em 4em;
    text-decoration: none;
    background: #EF813E;
    color: #FFF;
    border-bottom: solid 4px #f7f0e3;
    font-weight: 600;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 22px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
    border-radius: 8px;
}
.btn-square:hover {
    background: #EDAF40;
    color: #FFF;
    border-bottom: solid 4px #f7f0e3;
    font-weight: 600;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 22px;
    letter-spacing: 0.2em;
    line-height: 1.8em;
    border-radius: 8px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}





/************************************
** LP 不動産相談会
************************************/

.page-id-1137 #header-top { display:none!important; }
.page-id-1137 #breadarea { display:none!important; }

.bg_yg {background-color: #84D042;}
.bg_gr {background-color: #00A53F;}

.p_soudan{
	line-height: 1.8em;
    font-size: 17px;
}

.formInner{
	text-align: left;
}

#soudan-content-in {
	width: 1200px;
	margin: 0 auto;
}

#soudan-header{
	text-align: center;
	margin-top: 0;
    margin-bottom: 0;
}

#soudan-header img{
	width: 337px;
	margin: 20px;
}

#soudan-content {
	background-color: #F6F1EB;
	background-image: url(img/lp/soudan/bg_soudan.png)!important;
	background-repeat: no-repeat;
	background-size:100% auto;
}


.header-tel{
	width: 30%;
	max-width: 340px;
    position: absolute;
    margin-top: -123px;
    right: 0;
    margin-right: 10px;
}

.flag-left {
    position: absolute;
    top: 280px;
    left: 0;
	z-index: 4;
	text-align: left;
}

.flag-right {
    position: absolute;
    top: 280px;
    right: 0;
	z-index: 5;
	text-align: right;
}

.h2-img-size{
	width: 60%;
    max-width: 1000px;
}

.soudan-main-ttl {
    right: 0;
	left: 0;
	z-index: 6;
	text-align: center;
	padding-top: 70px;
}

.txt_box-gr {
    padding: 0.25em 0.3em;
	border: solid 3px #009644;
	color: #009644;
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.2em;
	width: 88px;
}

.txt-time-gr {
	color: #009644;
	font-size: 45px;
	font-weight: bold;
	letter-spacing: 0.2em;
}

.txt-place-gr {
	color: #009644;
	font-size: 25px;
	font-weight: bold;
	letter-spacing: 0.2em;
}

.txt_box-or {
    padding: 0.1em 0.3em;
	border: solid 3px #EF813E;
	color: #EF813E;
	font-size: 43px;
	font-weight: bold;
	letter-spacing: 0.2em;
	width: 290px;
}

.txt_contact_gy{
	color: #727171;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.btn_contact_tel{
	width: 473px;
}

.btn_contact_mail{
	width: 177px;
}

#soudan-master-in {
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px 20px 0 20px;
}

.master_img{
	position:relative;
	z-index: 7;
}

.master_txt_left{
	color: #000;
	font-size: 0.8em;
	vertical-align: bottom;
}

.master_txt_right{
	color: #000;
	font-size: 0.85em;
	vertical-align: bottom;
}

.master_name{
	font-size: 0.8em;
	font-weight: bold;
	margin-bottom: -10px;
	vertical-align: bottom;
}

.master_capacity{
	font-size: 0.8em;
}

#soudan-service-pd{
	padding: 70px 20px 70px 20px;
    margin-top: -11px;
}

#soudan-service-in {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.soudan-service-ttl{
	padding: 0.25em 0.3em;
    border: solid 3px #fff;
	border-radius: 15px;
    color: #fff;
    font-size: 31px;
    font-weight: bold;
    letter-spacing: 0.2em;
	text-align: center;
}

.soudan-service-txt{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.1em;
	height: 130px;
	margin-top: 30px;
}

.ttl_chigau img{
	width: 75%;
	margin: 40px 0 50px 0;
}

#soudan-chigau-pd{
	padding: 70px 40px 70px 40px;
	text-align: center;
}

#soudan-chigau-in{
	width: 100%;
	max-width: 900px;
	margin: auto;
}

.soudan-chigau-ttl{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.3em;
}

#soudan-monokuri-in{
	border: solid 55px #00A53F;
	background-color: #fff;
}

#about-monokuri{
	padding: 30px;
	text-align: center;
}

.logo-monokuri{
	margin-top: 40px;
}

.logo-monokuri img{
	width: 35%;
}

.txt-monokuri-l{
	font-size: 17px;
	color: #009644;
	letter-spacing: 0.1em;
	text-align: center;
}

.txt-monokuri-m{
	font-size: 15px;
	color: #009644;
	letter-spacing: 0.1em;
	text-align: center;
}

.google-map {
    position: relative;
    width: 100%;    /* 左右に余白が必要なら値を変更してもOK */
    height: 0;
    padding-bottom: 56.25%;    /* padding-topでもOK */
    overflow: hidden;
}
.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    /* 必要であれば!importantを付けてください */
    height: 100%;    /* 必要であれば!importantを付けてください */
}

#soudan-footerinfo-in{
	width: 100%;
	max-width: 820px;
	margin: auto;
}

.txt-footerinfo{
	font-size: 13px;
	color: #009644;
	letter-spacing: 0.1em;
	text-align: left;
}


#soudan-copy{
	background-color: #00A53F;
	color: #9CD0A3;
	text-align: center;
	padding: 0 50px 55px 55px;
	font-size: 12px;
	letter-spacing: 0.1em;
}

#maps{
  height: 400px;
}

#soudan-contact p{
	margin: 0!important;
}

#soudan-contact label {
    width: 100%;
	text-align: left;
	margin-bottom: 1.5em;
}
#soudan-contact #form-btn {
    margin-top: 2em;
}



.soudan-contact{
	color: #00A53F;
    font-weight: bold;
    font-size: 1.8em;
    letter-spacing: 0.1em;
    margin-top: 40px;
    margin-bottom: 20px;
}

.contact-ttl{
	text-align: left;
    color: #00A53F;
    font-weight: bold;
    letter-spacing: 0.05em;
	margin-top: 10px;
	margin-bottom: 5px!important;
}

.contact-btn input[type="submit"], input[type="reset"], input[type="button"]{
	display: inline-block!important;
    margin-bottom: 20px!important;
    padding: 6px 20px!important;
    border: 1px solid #EF813E!important;
    border-radius: 3px!important;
    background: #EF813E!important;
    color: #fff!important;
    text-decoration: none!important;
    font-weight: bold!important;
    line-height: normal!important;
    cursor: pointer!important;
    font-size: 1.7em!important;
    letter-spacing: 0.3em!important;
    margin-top: 20px!important;
	background: linear-gradient(#EF813E, #EF813E)!important;
}

.hissu{
	background: #EF813E!important;
    padding: 5px!important;
    border-radius: 2px!important;
    color: #fff!important;
    font-size: 0.85em!important;
}

.lp-radio{
	margin: 3em 0 0;
}

.lp-radio p{
	text-align: left!important;
}

@media only screen and (max-width: 1100px){
	.soudan-service-txt{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.1em;
	height: 160px;
}	
	.header-tel{
	width: 25%;
    max-width: 340px;
    position: absolute;
    margin-top: -110px;
    right: 0;
    margin-right: 10px;
}
}

@media only screen and (max-width: 900px){
	.txt-place-gr {
	color: #009644;
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.2em;
}	
}

@media only screen and (max-width: 736px){
	#soudan-header img {
    width: 175px;
    margin: 5px;
}
	.h2-img-size{
	width: 90%;
}
	#soudan-content {
	background-color: #F6F1EB;
	background-image: url(img/lp/soudan/bg_soudan_sp.png)!important;
	background-repeat: no-repeat;
	background-size:100% auto;
}
	.soudan-main-ttl {
    right: 0;
	left: 0;
	z-index: 6;
	text-align: center;
	padding-top: 30px;
}
	.txt_box-gr {
    padding: 0.1em 0.2em;
	border: solid 2px #009644;
	color: #009644;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.2em;
	width: 88px;
}
	.txt-time-gr {
	color: #009644;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.2em;
}
	.txt-place-gr {
	color: #009644;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.2em;
}	
	.txt_contact_gy{
	color: #727171;
	font-size: 10.5px;
	font-weight: bold;
	letter-spacing: 0.1em;
}	
	#soudan-service-pd{
	padding: 10px 0 0 0;
}
	#soudan-service-in {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}
	.soudan-service-ttl{
	padding: 0.1em 0.2em;
    border: solid 2px #fff;
    border-radius: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
}
	.soudan-service-txt{
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.1em;
	height: 135px;
	margin-top: 10px;
}	
	.ttl_chigau img{
	width: 100%;
	margin: 0 0 20px 0;
}
	#soudan-chigau-pd{
	padding: 40px;
	text-align: center;
}
	#soudan-service-in {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px;
}
	#soudan-monokuri-in{
	border: solid 15px #00A53F;
	background-color: #fff;
}
	.logo-monokuri{
	margin-top: 0;
}
	.logo-monokuri img{
	width: 80%;
}
	.txt-monokuri-l{
	font-size: 15px;
	color: #009644;
	letter-spacing: 0.1em;
	text-align: left;
}
	.txt-footerinfo{
	font-size: 9px;
	color: #009644;
	letter-spacing: 0.1em;
	text-align: left;
}
	.txt-monokuri-m{
	font-size: 15px;
	color: #009644;
	letter-spacing: 0.1em;
	text-align: left;
}
	.soudan-contact{
	color: #00A53F;
    font-weight: bold;
    font-size: 1.3em;
    letter-spacing: 0.1em;
    margin-top: 40px;
    margin-bottom: 20px;
}
	.soudan-chigau-ttl {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.5em;
}
	.p_soudan {
    line-height: 1.5em;
    font-size: 14px;
}
}


	
/************************************
** FlexBox set
************************************/

/*----- FlexBox 4段 -----*/

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

.flex-box-4 {
	margin : 0;
	width: 23%;
}

@media screen and (max-width: 736px){
	.flex-wrap-4 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-box-4 {
	margin : 0;
	width: 48%;
	margin-bottom: 20px;
}
}

/*----- FlexBox 3段 -----*/

.flex-wrap-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -11px!important;
}

.flex-box-3-a {
	margin : 0;
	width: 35.7%;
}

.flex-box-3-b {
	margin : 0;
	width: 33.8%;
}

.flex-box-3-c {
	margin : 0;
	width: 30.5%;
}

@media screen and (max-width: 736px){
	.flex-wrap-3 {
	flex-direction: column;
	}

	.flex-box-3-a {
	margin : 0;
	padding: 0em;
	width: 100%;
}
	.flex-box-3-b {
	margin : 0;
	padding: 0em;
	width: 100%;
}
	.flex-box-3-c {
	margin : 0;
	padding: 0em;
	width: 100%;
}
}

/*----- FlexBox 2段 footer -----*/

.flex-wrap-2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    bottom: 0;
}

.flex-box-2 {
	margin : 0;
	width: 48%;
}
@media only screen and (max-width: 736px){
	.flex-wrap-2 {
	flex-direction: column;
	}
	.flex-box-2 {
	padding: 0;
	width: 100%;
}
}

/*----- FlexBox 2段 footer-in -----*/

.flex-wrap-2-in {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
    bottom: 0;
}

.flex-box-2-in-left {
	margin : 0;
	width: 22%;
}

.flex-box-2-in-right {
	margin : 0;
	width: 78%;
}


/*----- FlexBox 2段 お問い合わせボタン -----*/

.flex-wrap-2-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px;
	max-width: 650px;
	margin: auto;
}

.flex-box-2-btn-a {
	margin : 0;
	width: 71%;
	display: flex;
  justify-content: center;
  align-items: center;

}

.flex-box-2-btn-b {
	margin : 0;
	width: 26%;
	display: flex;
  justify-content: center;
  align-items: center;

}

@media only screen and (max-width: 736px){
	.flex-wrap-2-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20px;
	max-width: 650px;
	margin: auto;
}	
	.flex-box-2-btn-a {
	margin : 0;
	width: 66%;
	display: flex;
	justify-content: center;
  	align-items: center;

}

.flex-box-2-btn-b {
	margin : 0;
	width: 30.5%;
	display: flex;
 	justify-content: center;
	align-items: center;

}
}


/*----- FlexBox 3段 お問い合わせボタン -----*/

.flex-wrap-3-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-box-3-btn-a {
	margin : 0;
	width: 23%;
	display: flex;
 	justify-content: center;
  	align-items: center;

}

.flex-box-3-btn-b {
	margin : 0;
	width: 75%;
	display: flex;
  justify-content: center;
  align-items: center;

}

.flex-box-3-btn-c {
	margin : 0;
	width: 21%;
	display: flex;
  justify-content: center;
  align-items: center;

}

@media screen and (max-width: 736px){
	.flex-box-3-btn-a {
	margin : 0;
	padding: 20px 0 10px 0;
	width: 100%;
	display: flex;
    justify-content: center;
    align-items: center;

}

.flex-box-3-btn-b {
	margin : 0;
	width: 100%;
	display: flex;
  justify-content: center;
  align-items: center;

}

.flex-box-3-btn-c {
	margin : 0;
	width: 30.5%;
	display: flex;
  justify-content: center;
  align-items: center;

}
}




/************************************
** LP お店づくりトータルサポート
************************************/

.page-id-277 body .custom-background {
	background-image: none!important;
	background-color: #fff!important;
}
.page-id-277 #breadarea { display:none!important; }

.bg_yl {
    background-color: #FFFBAB;
}

.bg_br {
    background-color: #F6F1EB;
}

#omise-content {
	background-color: #F6F1EB;
	background-image: url(img/lp/omise/bg_omise_main.png)!important;
	background-repeat: no-repeat;
	background-size:100% auto;
}

.omise-main-ttl {
    right: 0;
    left: 0;
    z-index: 6;
    text-align: center;
    padding-top: 30px;
	margin-bottom: 30px;
	margin-top: 0;
}

.h2-omise-img-size {
    width: 60%;
    max-width: 1000px;
}

.h2-omise-subtxt {
	color: #000000;
	font-size: 18px;
	line-height: 1.8em;
	text-align: center;
}

.omise-onestop-ttl{
	vertical-align: bottom;
    width: 70%;
    max-width: 1000px;
	margin: auto;
}

@media screen and (max-width: 1000px){
.h2-omise-subtxt {
	color: #000000;
	font-size: 16px;
	line-height: 1.8em;
	text-align: center;
}
}



/************************************
** FlexBox set
************************************/

/*----- FlexBox 3段 -----*/

.flex-wrap-3-onestop {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-box-3-onestop-contents {
	margin : 0;
	width: 30%;
}

.flex-box-3-onestop-plus {
	margin : 0;
	width: 5%;
}

@media screen and (max-width: 736px){
	.flex-wrap-3-onestop {
	flex-direction: column;
	}
	.flex-box-3-onestop-contents {
	padding: 0;
	width: 100%;
	margin-bottom: 40px;
}
	.flex-box-3-onestop-plus {
	margin : 0;
	width: 0%;
	display: none;
}
}


.onestop-step{
	color: #EA552E;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
	letter-spacing: 0.05em;
}

.onestop-ttl{
	padding: 0.15em 0.3em;
    border: solid 3px #FFD03E;
    color: #45BBB1;
    font-size: 31px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
}

.onestop-subttl {
	color: #EA552E;
    font-size: 23px;
    text-align: center;
    font-weight: bold;
    padding: 10px;
}

.onestop-mg{
		margin-top: 40px;
	}	
	
	
.omise-txt-s {
    color: #000000;
    font-size: 11px;
    letter-spacing: 0.1em;
}

.omise-txt-m {
    color: #000000;
    font-size: 15px;
    letter-spacing: 0.1em;
	line-height: 1.6em;
}

.omise-txt-l {
    color: #000000;
    font-size: 17px;
    letter-spacing: 0.1em;
}


#omise-onestop-pd{
	padding: 40px 20px 70px 20px;
}

#omise-onestop-in {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}

.omise-contact-txt{
	color: #000;
	font-size: 18px;
	letter-spacing: 0.05em;
	margin-top: 50px;
}

#omise-total-in{
	padding: 100px 50px 100px;
	width: 100%;
	max-width: 1000px;
	margin: auto;
}

.ttl_total{
	font-size: 41px;
	font-weight: 700;
	color: #45BBB1;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 80px;
	letter-spacing: 0.05em;
}

.img_total_onvo{
	margin-bottom: 60px;
}

.omise-total-ttl{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 60px;
	line-height: 1.3em;
	letter-spacing: 0.1em;
	text-align: center;
}

.omise-onvo-ttl{
	font-size: 21px;
	font-weight:600;
	color: #EA552E;
	font-family: 'Montserrat', sans-serif;
	margin-bottom: 10px;
	letter-spacing: 0.05em;
}

.omise-link-gr a{
	color: #35CBB7!important;
	text-decoration: none!important;
	letter-spacing: 0.1em;
}

.omise-subttl{
	color: #EA552E;
	font-size: 28px;
	font-weight: bold;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-align: center;
	letter-spacing: 0.05em;
}

.balloon-pd{
	padding: 0 0 60px 0;
	margin-top: -2px;
}

.omise-txt-box{
	max-width: 750px;
	margin: auto;
	margin-bottom: 50px;
}

#omise-contact-btm{
	padding: 20px 20px 50px;
}
#omise-service-in {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
}
	
#soudan-monokuri-in input[type="text"], #soudan-monokuri-in input[type="url"], #soudan-monokuri-in input[type="password"], #soudan-monokuri-in input[type="email"], #soudan-monokuri-in input[type="search"], #soudan-monokuri-in input[type="tel"], #soudan-monokuri-in textarea {
    background-color: #fff;
    background-image: none!important;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin-top: 5px;
}

#soudan-monokuri-in textarea{
	max-height: 250px!important;
}
   
@media only screen and (max-width: 1000px){
.onestop-ttl{
	padding: 0.15em 0.3em;
    border: solid 3px #FFD03E;
    color: #45BBB1;
    font-size: 23px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
}
.onestop-subttl {
	color: #EA552E;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    padding: 10px;
}
.omise-contact-txt{
	color: #000;
	font-size: 16px;
	letter-spacing: 0.05em;
	margin-top: 50px;
}
}



@media only screen and (max-width: 736px){
	
	.h2-omise-img-size {
    width: 85%;
    max-width: 1000px;
}
	.h2-omise-subtxt {
    color: #000000;
    font-size: 14px;
    line-height: 1.8em;
    padding: 20px 20px 0 20px;
	text-align: left;
	
}
	.omise-main-ttl {
    right: 0;
    left: 0;
    z-index: 6;
    text-align: center;
    padding-top: 30px;
    margin-bottom: 0;

	}
	.omise-onestop-ttl{
	vertical-align: bottom;
    width: 95%;
    max-width: 1000px;
	margin: auto;
}
	#omise-onestop-pd{
	padding: 0;
}
	.onestop-mg{
		margin-top: 20px;
	}	
	.onestop-step {
    color: #EA552E;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    letter-spacing: 0.05em;
}
	.onestop-ttl {
    padding: 0.15em 0.3em;
    border: solid 3px #FFD03E;
    color: #45BBB1;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.1em;
    text-align: center;
}
	.onestop-subttl {
    color: #EA552E;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    padding: 7px;
}
	.omise-txt-m {
    color: #000000;
    font-size: 14px;
    letter-spacing: 0.1em;
    line-height: 1.6em;
}
	.omise-contact-txt {
    color: #000;
    font-size: 13px;
    letter-spacing: 0.05em;
    margin-top: 0px;
}
	.omise-btn-pd {
    padding: 5px 10px 20px 10px;
}
	#omise-total-in {
    padding: 30px 20px;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}
	.ttl_total {
    font-size: 25px;
    font-weight: 700;
    color: #45BBB1;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 7px;
    letter-spacing: 0.05em;
}
	.omise-total-ttl {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.3em;
    letter-spacing: 0.1em;
    text-align: center;
}
	.img_total_onvo {
    margin-bottom: 30px;
}
	.omise-subttl {
    color: #EA552E;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
}
	.balloon-pd {
    padding: 0 0 20px 0;
}
	.omise-txt-box {
    max-width: 750px;
    margin: auto;
    margin-bottom: 20px;
}
	#omise-contact-btm {
    padding: 20px 20px 0;
}
	
	}

/*----- FlexBox 2段 -----*/

.flex-wrap-2-total {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.flex-box-2-total-map {
	margin : 0;
	width: 52%;
	padding-right: 30px;
}

.flex-box-2-total-txt {
	margin : 0;
	width: 42%;
}

@media screen and (max-width: 736px){
	.flex-wrap-2-total {
	flex-direction: column;
	}
	.flex-box-2-total-map {
	padding: 0;
	width: 100%;
	margin-bottom: 30px;
}
	.flex-box-2-total-txt {
	padding: 0;
	width: 100%;
	margin-bottom: 40px;
}
}


/*----- FlexBox 2段 お問い合わせボタン -----*/

.flex-wrap-2-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 20px;
	max-width: 650px;
	margin: auto;
}

.flex-box-2-btn-a {
	margin : 0;
	width: 71%;
	display: flex;
  justify-content: center;
  align-items: center;

}

.flex-box-2-btn-b {
	margin : 0;
	width: 26%;
	display: flex;
  justify-content: center;
  align-items: center;

}

@media only screen and (max-width: 736px){
	.flex-wrap-2-btn {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20px;
	max-width: 650px;
	margin: auto;
	margin-bottom: 3em;
}	
	.flex-box-2-btn-a {
	margin : 0;
	width: 66%;
	display: flex;
	justify-content: center;
  	align-items: center;

}

.flex-box-2-btn-b {
	margin : 0;
	width: 30.5%;
	display: flex;
 	justify-content: center;
	align-items: center;

}
}


/************************************
** kagumaru かぐまる
************************************/

.kagumaru-contact-txt {
    font-size: 24px!important;
    font-family: 'M PLUS 1p', sans-serif!important;
    font-weight: 700!important;
    text-align: center!important;
    margin: 2em 0 0.5em!important;
    color: #231815!important;
}

.kagumaru-btn-btm{
	padding-bottom: 100px!important;
}

@media only screen and (max-width: 768px){
.kagumaru-contact-txt {
    font-size: 16px!important;
    font-family: 'M PLUS 1p', sans-serif;
    margin-bottom: 0.3em!important;
}
	
.kagumaru-btn-btm{
	padding-bottom: 50px!important;
}	
	
	
}

/************************************
** 404
************************************/

.img-404-monokuri{
	width: 380px;
	margin: auto;
	padding: 4em 1em 4em;
}

.btn-404-wrap{
	padding: 0 0 5em 0;
}

.btn-404 {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 1em 2em;
    text-decoration: none;
    color: #fff;
    background: #ffcc00;
    border-radius: 45px;
    transition: .4s;
    width: 300px;
    text-align: center;
	font-size: 1.25em;
}


.btn-404:hover {
    background: #ffea83;
	color: #fff;
}

.btn-404:active {
	color: #fff!important;
}

.btn-404:visited {
	color: #fff!important;
}





/************************************
** youtube埋め込み
************************************/

.youtube iframe{
  width: 100%;
}


/************************************
** contact form7
************************************/

.form-width input{
	padding: 10px;
    border: 1px solid #ccc;
	width: 100%;
	max-width: 100%;
	border-radius: 3px;
}

#contact-form textarea {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
	height: 10em;
	max-height: 10em;
}

#contact-form label {
    max-width: 100%;
    width: 100%;
}

#form-btn{
	text-align: center;
	margin-bottom: 2em;
}



/************************************
** Recruit
************************************/

#recruit-wrap {
    width: 100%;
    text-align: center;
    border-top: solid 1px #d9d6ca;
    border-bottom: solid 1px #d9d6ca;
    margin: auto;
	background: url("img/recruit/bg_recruit.png") repeat!important;
}

#recruit-wrap img {
    width: 100%;
    max-width: 1772px;
}

.recruit-main{
	background: url("img/recruit/main.jpg")!important;
	background-position: center;
    background-size: cover;
    height: 444px;
    width: 100%;
    max-width: 1772px;
    margin: auto;
}

#recruit-topics{
	width: 100%;
    /*max-width: 768px;*/
    margin: 4em auto 5em;
}

#recruit-topics h4{
	font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.45em;
    margin: 0 0 1.25em 0;
}

#recruit-topics a{
	color: #6894cd;
}

#recruit-topics p{
    line-height: 1.5em;
	margin: 0;
}

.recruit-topics-wrap{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.recruit-topics-date{
	width: 12%;
	font-size: 1.25em;
    font-weight: bold;
}

.recruit-topics-txt{
	width: 88%;
	padding-top: 0.25em;
}

.boshu-job{
	display: inline-block;
    font-size: 0.65em;
    font-weight: bold;
	color: #353535;
    background-color: #f5f3ee;
    padding: 0 5px;
    border-radius: 1px;
    margin-left: 5px;
}

.recruit-mt{
	margin-top: 3.5em;
}

.recruit-con-menu-wrap{
	display: flex;
	width: 100%;
	max-width: 874px;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
}

.recruit-con-menu-wrap img{
	width: 80px;
}

.recruit-con-menu-wrap p{
	margin: 0;
	padding: 0;
}

.recruit-con-menu-01{
	width: 30%;
	position: relative;
	background: url("img/recruit/bg_pink.png") repeat!important;
	text-align: center;
    padding: 3em 0.5em 5em;
    border-radius: 200px;
}

.recruit-con-menu-01 a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.recruit-con-menu-01:hover {
    filter:alpha(opacity=60);/* IE 6,7*/
    -ms-filter: "alpha(opacity=60)";/* IE 8,9 */
    -moz-opacity:0.6;/* FF , Netscape */
    -khtml-opacity: 0.6;/* Safari 1.x */
    opacity:0.6;
    zoom:1;/*IE*/
}

.recruit-con-menu-02{
	width: 30%;
	position: relative;
	background: url("img/recruit/bg_yellow.png") repeat!important;
	text-align: center;
    padding: 3em 0.5em 5em;
    border-radius: 200px;
}

.recruit-con-menu-02 a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.recruit-con-menu-02:hover {
	filter:alpha(opacity=60);/* IE 6,7*/
    -ms-filter: "alpha(opacity=60)";/* IE 8,9 */
    -moz-opacity:0.6;/* FF , Netscape */
    -khtml-opacity: 0.6;/* Safari 1.x */
    opacity:0.6;
    zoom:1;/*IE*/
}

.recruit-con-menu-03{
	width: 30%;
	position: relative;
	background: url("img/recruit/bg_mgreen.png") repeat!important;
	text-align: center;
    padding: 3em 0.5em 5em;
    border-radius: 200px;
}

.recruit-con-menu-03 a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
}

.recruit-con-menu-03:hover {
	filter:alpha(opacity=60);/* IE 6,7*/
    -ms-filter: "alpha(opacity=60)";/* IE 8,9 */
    -moz-opacity:0.6;/* FF , Netscape */
    -khtml-opacity: 0.6;/* Safari 1.x */
    opacity:0.6;
    zoom:1;/*IE*/
}


.recruit-menu-ttl{
	font-family: 'M PLUS 1p', sans-serif;
    font-size: 2.2em;
    line-height: 1em;
    font-weight: 800;
	margin: 0.5em 0!important;
}

.recruit-menu-subttl{
	font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.25em;
    line-height: 1em;
    font-weight: bold;
}

.recruit-monokurikun {
	text-align: right;
}

.recruit-monokurikun img{
	width: 120px;
}

#recruitment-wrap{
	page-break-before: always;
}

#recruit-contents-wrap{
	background-color: #f5f3ee!important;
	padding: 5em 0 8em;
}

#recruit-contents{
	width: 100%;
	max-width: 960px;
	margin: auto;
	background-color: #fff!important;
	padding: 5em 0 0;
}

#recruit-benefits{
	page-break-before: always;
}


#recruit-benefits .recruit-contents-ttl{
	position: relative;
	background: url("img/recruit/bg_mgreen.png") repeat!important;
	padding: 1em 0 1em 9em;
}

#recruit-benefits h3{
	font-family: 'M PLUS 1p', sans-serif;
    font-size: 2.2em;
	margin: 0;
	font-weight: 800;
}

#recruit-benefits .h3-subttl{
	font-size: 0.6em;
    margin-left: 1em;
	font-weight: 700!important;
}

#recruit-benefits .recruit-contents-ttl-ico{
	position: absolute;
	top: -40px;
    left: 12px;
}

#recruit-benefits .recruit-contents-ttl-ico img{
    width: 110px;
}

.recruit-contents-in{
	position: relative;
    width: 100%;
    padding: 4em 6.5em 2em;
    margin: auto;
}

.recruit-contents-in-wid{
	width: 71%;
}

.recruit-contents-lead{
	font-size: 1.2em;
	line-height: 1.8em;
	margin-bottom: 2em;
}

.man-01{
	position: absolute;
	top: -40px;
    right: 30px;
}

.man-01 img{
    width: 200px;
}

.benefits-mt{margin-top: 4em;}

.benefits-set{
	background: url("img/recruit/bg_mgreen.png") repeat!important;
    padding: 1.1em;
	margin-bottom: 1.5em;
}

.benefits-box{
	display: table;
	width: 100%;
}

.benefits-ttl{
	display: table-cell;
	width: 40%;
	vertical-align: middle;
	font-size: 1.45em;
    font-weight: bold;
	padding: 0 1em 0 0;
}

.benefits-txt{
	display: table-cell;
	width: 40%;
	background-color: #fff!important;
	vertical-align: middle;
	padding: 2em 1em;
}

.benefits-man{
	display: table-cell;
	width: 20%;
	background-color: #fff!important;
	vertical-align: middle;
}

.benefits-man img{
	width: 100%;
}

.recruit-btn-bottom{
	padding: 3em 0;
}

#recruit-recruitment .recruit-contents-ttl {
    position: relative;
    background: url(img/recruit/bg_pink.png) repeat;
    padding: 1em 0 1em 9em;
}

#recruit-recruitment .recruit-contents-ttl-ico img {
    width: 110px;
}

#recruit-recruitment h3 {
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 2.2em;
    margin: 0;
    font-weight: 800;
}

#recruit-recruitment .h3-subttl {
    font-size: 0.6em;
    margin-left: 1em;
    font-weight: 700!important;
}

#recruit-recruitment .recruit-contents-ttl-ico {
    position: absolute;
    top: -40px;
    left: 12px;
}

.recruitment-link{
	font-size: 15px;
    line-height: 1em;
	margin-bottom: 0.8em;
    font-weight: bold;
}

#recruitment-wrap h4{
	background: url(img/recruit/bg_recruit.png) repeat!important;
	font-size: 1.35em;
    line-height: 1.25em;
    font-weight: bold;
    padding: 0.9em;
	margin: 7em 0 1em;
}

.recruitment-box{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.recruitment-ttl{
	width: 20%;
	font-size: 17px;
	padding: 1em 0.5em;
	border-bottom: solid 2px #ebebeb;
}
								
.recruitment-txt{
	width: 80%;
	font-size: 15px;
	color: #615f5f;
	padding: 1em 0.5em;
	border-bottom: solid 2px #ebebeb;
}

.recruitment-wrap-end{
	margin-bottom: 6em;
}

.btn-recruit-contact {
    display: inline-block;
    padding: 0.5em 4em;
    text-decoration: none;
    background: #EF813E!important;
    color: #FFF!important;
    font-weight: 600;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.8em;
    border-radius: 8px;
	margin-top: 2em;
}

.btn-recruit-contact:hover {
    background: #efa83e!important;
    color: #FFF;
}

.btn-recruit-suspended {
    display: inline-block;
    padding: 0.5em 4em;
    text-decoration: none;
    background: #999!important;
    color: #FFF!important;
    font-weight: 600;
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.8em;
    border-radius: 8px;
	margin-top: 2em;
}



.ico-beginner-01{max-width: 13px!important;}

#recruit-recruitment .recruit-contents-ttl {
    position: relative;
    background: url(img/recruit/bg_pink.png) repeat!important;
    padding: 1em 0 1em 9em;
}

#recruit-recruitment .recruit-contents-ttl-ico img {
    width: 110px;
}

#recruit-recruitment h3 {
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 2.2em;
    margin: 0;
    font-weight: 800;
}

#recruit-recruitment .h3-subttl {
    font-size: 0.6em;
    margin-left: 1em;
    font-weight: 700!important;
}

#recruit-recruitment .recruit-contents-ttl-ico {
    position: absolute;
    top: -40px;
    left: 12px;
}

#recruit-people .recruit-contents-ttl {
    position: relative;
    background: url(img/recruit/bg_yellow.png) repeat!important;
    padding: 1em 0 1em 9em;
}

#recruit-people .recruit-contents-ttl-ico img {
    width: 99px;
}

#recruit-people h3 {
    font-family: 'M PLUS 1p', sans-serif;
    font-size: 2.2em;
    margin: 0;
    font-weight: 800;
}

#recruit-people .h3-subttl {
    font-size: 0.6em;
    margin-left: 1em;
    font-weight: 700!important;
}

#recruit-people .recruit-contents-ttl-ico {
    position: absolute;
    top: -40px;
    left: 12px;
}

.comingsoon-txt{
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
    margin-bottom: 1em;
}

.comingsoon-monokurikun{
	text-align: center;
	margin-bottom: 5em;
}

.comingsoon-monokurikun img{
	max-width: 280px!important;
}

.recruit-people-main{
	display: table;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
    margin-bottom: 2.5em;
}

.recruit-people-main-img{
	display: table-cell;
	width: 35%;
	padding-right: 1em;
}

.recruit-people-main-img img{
	width: 100%;
}

.recruit-people-main-txt{
	display: table-cell;
	width: 65%;
	vertical-align: top;
	/*background: url(img/recruit/img_okugawa_04.png) no-repeat;*/
    /*background-size: contain;*/
    /*height: 260px;*/
}

.recruit-people-main-txt p{
    font-size: 1.25em;
    font-weight: bold;
    line-height: 1.85em;
    width: 90%;
    padding: 0 0 0 65px;
}

.recruit-people-prof-box{
	display: table;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 3em;
}

.recruit-people-prof{
	display: table-cell;
	width: 38%;
	background: url(img/recruit/bg_prof.png) repeat!important;
	padding: 1.5em 2em;
    line-height: 1.45em;
}

.recruit-people-prof h4{
	text-align: center;
    font-size: 1.25em;
    font-weight: normal;
    margin: 0 0 1.5em 0;
    letter-spacing: 0.035em;
}

.recruit-people-prof h5{
	font-size: 1.4em;
    font-weight: bold;
	margin: 0;
}

.recruit-people-prof p{
	margin: 0;
}

.recruit-people-prof-mt{
	margin-top: 1em!important;
}

.recruit-people-mg{
	display: table-cell;
	width: 5%;
}

.recruit-people-schedule{
	display: table-cell;
    vertical-align: middle;
	width: 53%;
	padding: 2em 2.5em;
    border: dotted 2px;
}

#recruit-contents-menu{
	display: flex;
	width: 100%;
	/*max-width: 866px;*/
	flex-wrap: wrap;
	justify-content: space-between;
	margin: auto;
	padding: 4em 4em 2em;
}

.recruit-contents-menu-member{
	width: 30%;
}

.recruit-contents-menu-member img{
	width: 100%;
}

#recruit-contents-menu h4{
	font-family: 'M PLUS 1p', sans-serif;
    font-size: 1.45em;
    font-weight: 900;
    text-align: center;
	margin: 0.5em 0;
}

.recruit-member-number{
	font-size: 1.8em;
	margin-left: 5px;
}

.recruit-member-readmore{
	text-align: center;
    padding: 0.75em;
    letter-spacing: 0.1em;
    margin-bottom: 3em;
}

.recruit-question{
	background: url("img/recruit/bg_recruit_question.png") no-repeat top;
	background-size: contain;
    height: 85px;
}

.recruit-question p{
	padding: 0.8em 1em 0;
    font-size: 1.1em;
    font-weight: bold;
}

.recruit-answer{
	width: 100%;
    font-size: 15px;
    line-height: 1.75em;
    position: relative;
	text-align: justify;
	margin-bottom: 4em;
}

.recruit-answer-2dan{
	display: flex;
	width: 100%;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom: 4em;
}

.recruit-answer-2dan-txt{
	width: 65%;
    font-size: 15px;
    padding-right: 2em;
    line-height: 1.75em;
		text-align: justify;
	position: relative;
}

.recruit-answer-2dan-img{
	width: 35%;
}

.recruit-answer-2dan-link{
	margin: 0;
    position: absolute;
    bottom: 0;
}

.recruit-answer-2dan-link p{
	
}

#recruit-people-img-menu #recruit-contents-menu{
    max-width: 960px;
    margin: auto;
    background: #fff;
    margin-top: 0em;
	margin-bottom: 5em;
    border-top: none;
}

#recruit-people-img-menu .recruit-contents-menu-member{
	width: 17%;
}

#recruit-people-img-menu #recruit-contents-menu h4 {
    font-size: 0.9em;
}

#recruit-people-img-menu .recruit-people-fukidashi{
	display: none;
}

#recruit-people-img-menu .recruit-people-division{
	font-size: 0.85em;
    font-weight: bold;
    line-height: 1.4em;
	margin: 0.75em 0 0.25em 0;
	text-align: center;
}

#recruit-people-img-menu .recruit-people-caption{
	font-size: 0.65em;
    line-height: 1.4em;
    margin: 0;
	text-align: center;
}

#recruit-people-img-menu #recruit-contents-menu {
    padding: 3em 4em 2em;
}

@media only screen and (max-width: 1200px){
#recruit-contents-wrap {
    padding: 5em 2em 8em;
}	
}
	
@media only screen and (max-width: 900px){
.recruit-topics-date{
	width: 20%;
}

.recruit-topics-txt{
	width: 80%;
	margin-bottom: 8px;
}
.recruit-con-menu-01 {
    width: 32%;
}
.recruit-con-menu-02 {
    width: 32%;
}
.recruit-con-menu-03 {
    width: 32%;
}
.recruit-menu-ttl {
    margin: 0.25em 0!important;
}
.man-01 img {
    width: 170px;
}
.recruit-contents-in {
    position: relative;
    width: 100%;
    padding: 2em 2em 1em;
    margin: auto;
}
.recruit-btn-bottom {
    padding: 3em 2em;
}
.recruit-people-main-img {
    width: 40%;
    padding-right: 1em;
}
.recruit-people-main-txt {
    width: 60%;
}
.recruit-question p {
    padding: 0.5em 0.5em 0;
}
#recruit-people-img-menu .recruit-contents-menu-member {
    width: 30%;
}
}

@media only screen and (max-width: 768px){
.recruit-main {
    background: url(img/recruit/main_sp.jpg)!important;
    background-position: center!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
	height: 228px;
    width: 100%;
    max-width: 1772px;
    margin: auto;
}
.recruit-topics-wrap{
	flex-direction: column;
	width: 100%;
}

.recruit-topics-date{
	width: 100%;
	font-size: 1.25em;
    font-weight: bold;
}

.recruit-topics-txt{
	width: 100%;
}
.recruit-con-menu-wrap {
    flex-direction: column;
	width: 100%;
}
.recruit-con-menu-01 {
	width: 100%;
    padding: 1em;
    border-radius: 15px;
    position: relative;
	margin-bottom: 1em;
}
.recruit-con-menu-02 {
	width: 100%;
    padding: 1em;
    border-radius: 15px;
    position: relative;
	margin-bottom: 1em;
}
.recruit-con-menu-03 {
	width: 100%;
    padding: 1em;
    border-radius: 15px;
    position: relative;
	margin-bottom: 1em;
}
.recruit-con-menu-wrap img {
    width: 60px;
    position: absolute;
	top: 20px;
    left: 10px;
}
.recruit-menu-ttl {
    font-size: 1.8em;
}
.recruit-menu-subttl {
    font-size: 1em;
}
.recruit-monokurikun img {
    width: 80px;
}
#recruit-topics {
    margin: 0 auto 2em;
}
.recruit-contents-in-wid {
    width: 100%;
}
.man-01 {
    position: relative;
    top: auto;
    right: auto;
    text-align: center;
}
.man-01 img {
	width: 35%;
    max-width: 150px;
}
#recruit-contents-wrap {
    padding: 2em 1.5em 2em;
}
#recruit-contents {
    padding: 1.5em 0 0;
}
#recruit-benefits .recruit-contents-ttl {
	padding: 0.75em 1em 0.75em 5em;
}
#recruit-benefits .recruit-contents-ttl-ico {
    top: -8px;
    left: -3px;
}
#recruit-benefits .recruit-contents-ttl-ico img {
    width: 62px;
}
#recruit-benefits h3 {
    font-size: 1.65em;
}
.recruit-contents-in {
    position: relative;
    width: 100%;
    padding: 1em 1.5em 1em;
    margin: auto;
}
.recruit-contents-lead {
    font-size: 1em;
    line-height: 1.8em;
    margin-bottom: 1em
}
.benefits-mt {
	margin-top: 1em;
}
.benefits-box {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.benefits-ttl {
	display: block;
    width: 100%;
    font-size: 1.5em;
    padding-bottom: 1em;
    text-align: center;
    padding: 0 0 1em 0;
}
.benefits-txt {
    display: block;
    width: 100%;
	padding: 1em 1em 0 1em;
}
.benefits-man {
    display: block;
    width: 100%;
}
.benefits-man img {
   	width: 50%;
    max-width: 200px;
}
.benefits-man {
    text-align: center;
}
.recruit-btn-bottom {
    padding: 2em 1.5em;
}
#recruit-recruitment .recruit-contents-ttl {
	padding: 0.75em 1em 0.75em 5em;
}
#recruit-recruitment .recruit-contents-ttl-ico {
    top: -8px;
    left: -3px;
}
#recruit-recruitment .recruit-contents-ttl-ico img {
    width: 62px;
}
#recruit-recruitment h3 {
    font-size: 1.65em;
}
#recruit-people .recruit-contents-ttl {
	padding: 0.75em 1em 0.75em 5em;
}
#recruit-people .recruit-contents-ttl-ico {
    top: -8px;
    left: -3px;
}
#recruit-people .recruit-contents-ttl-ico img {
    width: 62px;
}
#recruit-people h3 {
    font-size: 1.65em;
}
.recruitment-link{
	font-size: 14px;
    line-height: 1.35em;
	margin-bottom: 1em;
    font-weight: bold;
}
#recruitment-wrap h4 {
    font-size: 1.5em;
    line-height: 1.25em;
    padding: 1.35em 0.6em;
    margin: 3em 0 0;
	border-left: solid 10px #ccc;
}
.recruitment-ttl {
	width: 100%;
    font-size: 14px;
    font-weight: bold;
    padding: 0.25em 0 0.25em 0.5em;
    border-bottom: none;
    border-left: solid 7px #ccc;
    margin: 1.5em 0 1em 0;
}
.recruitment-txt {
    width: 100%;
    font-size: 14px;
    color: #000;
    padding: 0 0 2em 0;
    border-bottom: solid 2px #ebebeb;
}
.btn-recruit-contact {
    padding: 0.75em 1em;
    font-size: 16px;
    line-height: 1.45em;
    border-radius: 68px;
    margin-top: 1em;
	margin-bottom: 3em;
    width: 100%;
}
.comingsoon-txt {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 1em;
}
.comingsoon-monokurikun img {
    max-width: 45%;
}
.comingsoon-monokurikun {
    text-align: center;
    margin-bottom: 1em;
}
#recruit-contents-menu {
	padding: 1em 2em 1em;
}
.recruit-member-readmore {
	padding: 0.5em;
    letter-spacing: 0;
    margin-bottom: 1em;
}

.recruit-question {
    background: none;
    background-size: none;
    height:auto;
    font-size: 1.1em;
	margintop: 30px;
	margin-bottom: 20px;
}
.recruit-question p {
    padding: 0.5em 1em;
    line-height: 1.35em;
    background: url(img/recruit/bg_yellow.png) repeat;
    border: solid 2px;
    box-shadow: 3px 3px #777;
}
.recruit-answer {
    width: 100%;
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 2em;
}
.recruit-answer-2dan-link {
    margin: 1em 0 0 0;
    position: relative;
    bottom: 0;
}

}

@media only screen and (max-width: 612px){
.recruit-contents-menu-member {
    width: 48%;
}
#recruit-contents-menu h4 {
    font-size: 1em;
}
}

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

.benefits-ttl {
    font-size: 1.1em;
    padding-bottom: 0.5em;
    text-align: center;
    padding: 0 0 0.5em 0;
}
#recruitment-wrap h4 {
    font-size: 1.2em;
    line-height: 1.25em;
    padding: 1.35em 0.6em;
    margin: 3em 0 0;
}
.recruit-people-main {
	display: inline-block;
	margin-bottom: 0;
}	
.recruit-people-main-img {
	display: inline-block;
    width: 100%;
    padding-right: 0;
}
.recruit-people-main-txt {
	display: inline-block;
    width: 100%;
}
.recruit-people-prof-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 1.5em;
}
.recruit-people-prof {
    display: inline-block;
    width: 100%;
    padding: 1.5em 2em;
    line-height: 1.75em;
	margin-top: 1.5em;
}
.recruit-people-mg {
    display: none;
}
.recruit-people-schedule {
	display: inline-block;
    width: 100%;
    padding: 0.65em;
    border: dotted 1px;
    margin-top: 1.5em;
}
.recruit-answer-2dan {
    flex-direction: column;
    margin-bottom: 4em;
	margin-bottom: 2em;
}
.recruit-answer-2dan-txt {
    width: 100%;
    font-size: 14px;
    padding-right: 0;
    line-height: 1.5em;
	margin-bottom: 1em;
}
.recruit-answer-2dan-img {
    width: 100%;
}
.recruit-answer-2dan-img img{
    width: 100%;
}
.recruit-answer-2dan-link {
    margin: 1.5em 0 0 0;
    position: relative;
}
#recruit-people-img-menu #recruit-contents-menu {
    padding: 1em 2em 2em;
}
#recruit-people-img-menu .recruit-contents-menu-member {
    width: 47%;
}

}




ul.member-sns{
	margin-bottom: 80px;
}
ul.member-sns li{
	margin-bottom: 7px;
}
ul.member-sns li a{
	color: #333;
	font-size: 16px;
}
.member-sns li i{
	display: inline-block;
	width: 10px;
	margin-right: 10px;
}


/************************************
** 印刷時CSS
************************************/

@media print {
	
body {
	-webkit-print-color-adjust: exact!important;
    overflow-x: visible !important;
    overflow-y: visible !important;
	}
		
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
	
.top-bar{
display: none;
}
	
.area-wap-main {
    padding: 1px 15px 80px 15px!important;
}
	
.bnr_area {
    padding-top: 200px!important;
}	
	
.site-footer {
    margin-top: 0;
}
	
.news-ttl-main {
    
}
.news-box p {
    color: #231815!important;
}
.overview-contents-box {
    padding: 5px 0;
}
.overview-contents-txt {
    line-height: 1.35em;
    color: #231815;
}
.member-box {
    width: 65%;
    margin: auto;
	padding-bottom: 100px;
}
.kasou-main-monokurikun {
    margin-bottom: 50px;
}
.modal_overlay {
	background: #fff!important;
}
.modal_set input:checked ~ .modal_overlay {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1s;
}
.modal_content_box {
    background-color: #fff;
    padding: 40px;
}	
.modal_content{
	background: #fff;
	background-color: #fff;
}
#navi-wrap {
    display: none!important;
}
.footer_area{
	display: none;
}
#wpfront-scroll-top-container {
    display: none!important;
}
.site-footer {
    page-break-before: always;
	margin-top: 100px!important;
}
.news-txt-box {
    border-bottom: solid 1px #000;
}
#news-wrap {
    background-color:#ccc!important;
}
	
}






/************************************
** サービスリスト project
************************************/

#service{
	margin: 4em 0 3em;
	width: 100%;
	max-width: 960px;
	margin: auto;
	padding: 5em 0;
}

#service h2{
	font-size: 32px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    letter-spacing: -0.03em;
    margin: 0 0 5px 0;
}

#service .project-subttl{
	font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #231815;
    line-height: 1.4em!important;
    margin: 5px 0 2em 0;
    display: block;
}

#service .page,#project .hentry {
    border: none!important;
    padding: 0!important;
	background: none!important;
	position: relative!important;
}

#service h3{
	margin: 0!important;
    font-size: 1.1em!important;
    text-align: left!important;
    line-height: 1.35em!important;
    margin-bottom: 0.5em;
}

#service .wp-show-posts-entry-header {
    margin-bottom: 0.5em;
}

#service .wp-show-posts-entry-summary{
	text-align: left;
    line-height: 1.45em;
}

#service .wp-show-posts-image {
    margin-bottom: -50px;
}

#service .wp-show-posts-columns#wpsp-434 .wp-show-posts-inner {
    margin: 0 0 2em 2em;
}

#service .readmore{
	margin: 0 1.5em 0 0;
}

#service .link-read-more a{
	
}

#service .btn-greeting {
    display: block;
    padding: 15px 0 10px 0;
    border: 1px solid #333;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    color: #333!important;
}

@media only screen and (max-width: 768px){
	#service {
	padding: 3em 0 4em;
	}
	#area-kasou-wrap .kasou-box #service {
    padding: 2em 0 4em;
	}
	#service h2 {
	font-size: 27px;
	}
	#service h3 {
	font-size: 16px;
	margin-bottom: 0.5em;
	line-height: 1.15em!important;
	}
	#service p img {
	width: 100%;
	}
	#service .page,#project .hentry {
	width: 48%;
	}
	#service .wp-show-posts-columns#wpsp-434 {
	padding: 0 15px 0 15px!important;
	}
	#service .wp-show-posts-entry-summary {
	line-height: 1.45em;
	}
	#service .wp-show-posts-inner {
	margin: 0 0 2.5em 2em;
	}
	.single .hentry {
	border: 1px solid #ebebeb!important;
	padding: 15px!important;
	}
	#single-wrap {
	margin-top: 0!important;
	}
	.entry-header {
	margin-bottom: 0!important;
	border-bottom: 4px double #ccc;
	margin-bottom: 1em!important;
	}
	.entry-content h3{
	font-size: 17px;
	margin: 0;
	}
	.category-project .post-details-ttl {
	font-size: 1.25em!important;
	line-height: 1.25em!important;
	margin-top: 2em;
	}
	.widget-area {
	padding: 15px!important;
	border: 1px solid #ebebeb!important;
	}
	.post-navigation .nav-previous {
	background-color: #68c97b!important;
	}
	.post-navigation .nav-next{
	background-color: #68c97b!important;
	}
	#service .wp-show-posts-columns#wpsp-434 {
	margin-left: 0em!important;
	}
	#service .wp-show-posts-entry-meta {
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	padding: 3px 5px;
	}
	#service .wp-show-posts-meta a {
	color: #fff!important;
	font-weight: bold!important;
	}
	#service .wp-show-posts-image {
	margin-bottom: 0.5em;
	}
	#service .wp-show-posts-columns:not(.wp-show-posts-masonry) {
	justify-content: space-between;
	}
	.blog-contact-set{
	flex-direction: column;
	}
	.blog-contact-tel{
	width: 100%;
	margin-bottom: 0.5em;
	font-size: 1.3em;
	}
	.blog-contact-form{
	width: 100%;
	font-size: 1.3em;
	}
	#service .readmore {
	margin: 0 15px 0 15px;
	}
}










/************************************
** プロジェクト project
************************************/

#project{
	margin: 4em 0 3em;
	width: 100%;
  max-width: 1050px;
  margin: auto;
  padding: 5em 0;
}

#project h2{
	font-size: 32px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    color: #231815;
    text-align: center;
    letter-spacing: -0.03em;
    margin: 0 0 5px 0;
}

#project .project-subttl{
	font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #231815;
    line-height: 1.4em!important;
    margin: 5px 0 2em 0;
    display: block;
}

#project .page,#project .hentry {
    border: none!important;
    padding: 0!important;
	background: none!important;
	position: relative!important;
}

#project h3{
	margin: 0!important;
    font-size: 1.1em!important;
    text-align: left!important;
    line-height: 1.35em!important;
    margin-bottom: 0.5em;
}

#project .wp-show-posts-entry-header {
    margin-bottom: 0.5em;
}

#project .wp-show-posts-entry-header a {
    color: #231815;
}

#project .wp-show-posts-entry-summary{
	text-align: left;
    line-height: 1.45em;
}

#project .wp-show-posts-image {
    margin-bottom: 1em;
}

#project .wp-show-posts-columns#wpsp-434 .wp-show-posts-inner {
    margin: 0 0 2em 2em;
}

.category-project .entry-meta{
	display: none!important;
}

.img-2dan{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2em;
}

.img-2dan-img{
	width: 48%;
}

.img-2dan-img img{
	width: 100%;
}

.img-3dan{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2em;
}

.img-3dan-img{
	width: 32%;
}

.img-3dan-img img{
	width: 100%;
}

.category-project .post-details-ttl{
	font-size: 1.5em!important;
  font-weight: bold!important;
  line-height: 1.25em!important;
	margin-top: 3em;
}
.category-project .fa, .category-project .fas, .category-project .far, .category-project .fab{
	margin-right: 5px;
}

#project .wp-show-posts-entry-meta{
	position: absolute!important;
	top: 0;
    left: 28px;
    background: rgba(255,255,255,0.7);
    padding: 0.25em 0.75em;
}
.case-area .wp-show-posts-entry-meta{
	position: absolute!important;
		color: #FFF!important;
	top: 0;
    left: 28px;
    background:#45b273!important;
    padding: 0.25em 0.75em;
}
#project .wp-show-posts-meta a{
	color: #4e4e4e;
    font-weight: bold!important;
}
.case-area .wp-show-posts-meta a{
	color: #FFF!important;
    font-weight: bold!important;
}

#project .wp-show-posts-columns#wpsp-434 {
	margin-left: -2em!important;
	max-width: 1160px!important;
	padding: 0 15px!important;
}

.blog-contact-set{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 2em!important;
}
.blog-contact-tel{
	width: 49%;
    text-align: center;
    background-color: #383838;
    color: #fff;
    padding: 10px;
    font-size: 1.15em;
}
.blog-contact-form{
	width: 49%;
    text-align: center;
    background-color: #383838;
    color: #fff;
    padding: 10px;
    font-size: 1.15em;
}

#project .readmore{
	margin: 0 1.5em 0 0;
}

#project .link-read-more a{
	
}


@media only screen and (max-width: 768px){
	#project {
	padding: 3em 0 3em;
	}
	#project h2 {
	font-size: 27px;
	}
	#project h3 {
	font-size: 16px;
	margin-bottom: 0.5em;
	line-height: 1.15em!important;
	}
	#project .page,#project .hentry {
	width: 48%;
	}
	#project .wp-show-posts-columns#wpsp-434 {
	padding: 0 15px 0 15px!important;
	}
	#project .wp-show-posts-entry-summary {
	line-height: 1.45em;
	}
	#project .wp-show-posts-inner {
	margin: 0 0 2.5em 2em;
	}
	.single .hentry {
	border: 1px solid #ebebeb!important;
	padding: 15px!important;
	}
	#single-wrap {
	margin-top: 0!important;
	}
	.entry-header {
	margin-bottom: 0!important;
	border-bottom: 4px double #ccc;
	margin-bottom: 1em!important;
	}
	.entry-content h3{
	font-size: 17px;
	margin: 0;
	}
	.category-project .post-details-ttl {
	font-size: 1.25em!important;
	line-height: 1.25em!important;
	margin-top: 2em;
	}
	.widget-area {
	padding: 15px!important;
	border: 1px solid #ebebeb!important;
	}
	.post-navigation .nav-previous {
	background-color: #68c97b!important;
	}
	.post-navigation .nav-next{
	background-color: #68c97b!important;
	}
	#project .wp-show-posts-columns#wpsp-434 {
	margin-left: 0em!important;
	}
	#project .wp-show-posts-entry-meta {
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	padding: 3px 5px;
	}
	.case-area .wp-show-posts-entry-meta {
	top: 0;
	left: 0;
	background: #45b273!important;
	padding: 3px 5px;
	}
	#project .wp-show-posts-meta a {
	color: #fff!important;
	font-weight: bold!important;
	}
	.case-area .wp-show-posts-meta a {
	color: #fff!important;
	font-weight: bold!important;
	}
	#project .wp-show-posts-image {
	margin-bottom: 0.5em;
	}
	#project .wp-show-posts-columns:not(.wp-show-posts-masonry) {
	justify-content: space-between;
	}
	.blog-contact-set{
	flex-direction: column;
	}
	.blog-contact-tel{
	width: 100%;
	margin-bottom: 0.5em;
	font-size: 1.3em;
	}
	.blog-contact-form{
	width: 100%;
	font-size: 1.3em;
	}
	#project .readmore {
	margin: 0 15px 0 15px;
	}
}









/************************************
** totop
************************************/

@media only screen and (max-width: 768px){
#wpfront-scroll-top-container {
    right: 20px!important;
    bottom: 80px!important;
}	
	
}





.h2-ttl-new{
	font-size: 2.4em;
}






/* マーカー線・黄色 */
.marker{
	background:linear-gradient(transparent 70%, #70ba90 70%);
	font-weight:bold;
	font-weight: bold;
}










.flex{
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.flex > *{
  width: 20%;
  background: #fff;
  text-align: center;
}
.flex,
.flex > *{
}


.pict{
	text-align: center;
	margin-bottom: 20px!important;
}
.pict img{
	height: 50px;
}
.noren{
}
.noren-img{
	text-align: center;
	vertical-align: middle;
	height: 60px;
}
.noren-cap{
	font-size: 1.0em;
	margin-top: 15px!important;
}
@media only screen and (max-width: 768px){
	.noren-img{
	text-align: center;
	vertical-align: middle;
	height: 30px;
	}
	.noren-cap{
	font-size: 0.7em;
	margin-top: 25px!important;
	}
	.flex {
    flex-wrap: wrap;
}
	.flex > *{
  width: 42%;
}
}




.top-mainimage{
	padding: 0 120px;
}
@media only screen and (max-width: 768px){
	.top-mainimage{
	padding: 0px;
	}
}




/*賃貸管理物件ページ*/

.property-copy{
	font-weight: bold;
	font-size: 1.9rem;
	color: #009245;
}
@media only screen and (max-width: 768px){
}


.property-text{
	font-size: 1.4rem;
}


.property-h2{
	font-weight: bold;
	font-size: 1.6rem;
	margin-top: 3rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #333;
}

.property-overview ul li{
	font-size: 1.4rem;
	margin-bottom: 0.5rem;
}
.property-overview ul li span{
	font-weight: bold;
	display: inline-block;
	width: 130px;
}

.property-h3{
	font-weight: bold;
	font-size: 1.4rem;
	margin-top: 3rem;
	margin-bottom: 0rem;
}



.property-form-btn{
	margin: 3.5rem 0 3rem;
}
.property-form-btn a{
	display: block;
	background: #2c6646;
	text-align: center;
	color: #FFF;
	padding: 1.1rem 0 1.0rem;
	width: 100%;
}
.property-form-btn a:hover{
	opacity: 0.8;
}

.property-shomei{
	font-size: 1.2rem;
	margin-bottom: 5rem;
}


.property-slider-image ul li img{
	width: 100%!important;
	height: 400px!important;
	object-fit:contain;
}
@media only screen and (max-width: 768px){
	.property-slider-image ul li img{
	width: 100%!important;
	height: 220px!important;
	object-fit:contain;
	}
}






/* top 追加css */
.souzoku-soudan-area{
	margin-top:250px; padding: 50px 0;

}
.souzoku-soudan-area-in{
	width: 980px;
	margin: 0 auto;
}
@media only screen and (max-width: 768px){
	.souzoku-soudan-area{
	margin-top:0px; padding: 150px 0;
	}
	.souzoku-soudan-area-in{
	width: 90%;
	}
}



.souzoku-soudan-title-box{
	display: block;
	width: 60%;
	background-color: #2cb980;
	padding:3rem 4rem 2rem ;
	text-align: center;
	color: #FFF;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 50px!important;
}
.souzoku-soudan-title-sub{
	font-size: 1.4rem;
}
.souzoku-soudan-title-main{
	font-size: 3.4rem;
	font-weight: bold;
}
@media only screen and (max-width: 768px){
.souzoku-soudan-title-box{
	display: block;
	width: 95%;
	background-color: #2cb980;
	padding:2.8rem 1rem 1.8rem ;
	text-align: center;
	color: #FFF;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 50px;
	}
	.souzoku-soudan-title-sub{
	font-size: 1.2rem;
	}
	.souzoku-soudan-title-main{
	font-size: 2.6rem;
	font-weight: bold;
	}

}



.top-mainimage{
	background-color: #FFF;
	
	padding: 0 40px;
	margin-bottom: 0px; 
	margin-top: -20px;
}
@media only screen and (max-width: 768px){
	.top-mainimage{
	padding: 0 20px;
	margin-bottom: 0px; 
	margin-top: 0px;
	}
}



.staff .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 4rem;
  color: #5a7a00;
  text-align: center;
}
.staff .heading::before,
.staff .heading::after {
  content: "";
  width: 0.3rem;
  height: 6rem;
  background-color: #5a7a00;
}
.staff .heading::before {
  margin-right: 4rem;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
.staff .heading::after {
  margin-left: 4rem;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}
.staff .card__img {
  width: 100%;
}
.staff .card__body {
  padding: 1.5rem 0;
  text-align: center;
  line-height: 1.5;
}
.staff .card__body > *:last-child {
  margin-bottom: 0;
}
.staff .card__title {
  font-size: 1.8rem;
}
.staff .card__text {
  font-size: 1.0rem;
}
.staff .card--link {
  display: block;
  color: currentColor;
  text-decoration: none;
}
.staff .card--link:focus, .staff .card--link:hover {
  opacity: 0.7;
}
.staff .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.staff .cards--col5 {
  margin-bottom: -2rem;
}
.staff .cards--col5 > .cards__item {
  width: 18%;
  margin-right: 2%;
  margin-bottom: 2rem;
}
.staff .cards--col5 > .cards__item:nth-of-type(5n) {
  margin-right: 0;
}


@media only screen and (max-width: 768px){
	.staff .heading {
	font-size: 1.8rem;
	}
	.staff .heading::before,
	.staff .heading::after {
	width: 0.2rem;
	height: 4rem;
	}
	.staff .heading::before {
	margin-right: 2rem;
	}
	.staff .heading::after {
	margin-left: 2rem;
	}
	.staff .card__img-wrapper {
	width: 20rem;
	margin: 0 auto;
	}
	.staff .cards > .cards__item {
	width: 100%;
	margin-right: 0;
	margin-bottom: 2rem;
	}
}



.area-concrete{
	height: 40px;
}
.area-concrete img{
	margin-top: -220px;
}
/* スマートフォンで見たとき */
@media only screen and (max-width: 359px) {
	
	.area-concrete{
	height: 50px;
	}
	.area-concrete img{
	margin-top: -100px;
	}


}







.moesia_recent_comments .col-md-4,
.moesia_recent_posts_widget .col-md-4{
	display: inline-block;
	width: 28%;
	vertical-align: top;
}
.col-md-8{
	display: inline-block;
	width: 70%;
}
/*768px以上*/
@media screen and (min-width: 768px) {
	.moesia_recent_comments .col-md-4,
	.moesia_recent_posts_widget .col-md-4{


	}

}



/****************************************************
** レスポンシブデザイン用メディアクエリ（モバイルファースト
****************************************************/

/*768px以上*/
@media screen and (min-width: 768px) {
	/*タブレットのデザイン内容をここに*/
}

/*1023px以上*/
@media screen and (min-width: 1024px) {
	/*PCのデザイン内容をここに*/
}