@charset"UTF-8";

/*
Theme Name: EM.lab theme
Description: B&C.Design Default theme.
Author:B&C.Design
Version: 1.0
License: 2018 B&C.Design All rights reserve.
*/

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body{
    line-height: 1;
    background-color:#f6f6f6 !important;
}

p{
  color:#000;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

section {
	width:100%;
}

li {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

a {
  transition:.2s;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    text-decoration:none;
    color:#819d24;
}

a:visited{
  color:#6c0088;
}

a:hover{
  text-decoration:underline;
}

div{
  font-size:13pt;
  line-height:18pt;
}

#breadcrumb ul{
  padding:10px 30px;
  max-width:1200px;
  color:#667580;
  display:flex;
  margin:0 auto;
  text-shadow:0 1px 0 #fbfbfb;
}

#breadcrumb li{
  margin:0 10px 5px 0;
  flex-shrink:0;
  margin-bottom:0;
	font-size:13px;
}

#breadcrumb li i{
  margin-right:10px;
}


/* change colours to suit your needs */

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}


/* change colours to suit your needs */

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

del {
    text-decoration: line-through;
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* change border colour to suit your needs */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

body {
    background-color: #fff;
}

html {
    background-color: transparent;
}

body,
html {
    /* important */
    font-size: 20px;
    margin: 0;
    background-color: #fff;
}

* {
    box-sizing: border-box;
}

h1 {
  font-size:2rem;
    
}

h2 {
	font-size:52px;
	line-height:1.2em;
	margin-bottom:30px;
	margin-top:50px;
}

h3 {
    
}

img {
    width:100%;
    height:auto;
}

p {
    font-size: 1rem;
    font-weight:normal;
    margin: 0;
    line-height: 1.5em;
	margin-bottom:30px;
}

strong {
    font-weight: bold;
    font-size: 1em;
}

ul {
    font-size:0;
    padding: 0;
    margin: 0;
}

li{
  font-size:1rem;
}

.container {
    width: 100%;
}

.cf:before,
.cf:after {
    display: table;
    content: "";
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

#toTop{
	display:none;
  position:fixed;
  bottom:20px;
  right:20px;
  background-color:#819d24;
  border-radius:50%;
  box-shadow:0 3px 5px rgba(0,0,0,.4);
}

#toTop i{
  line-height:50px;
  width:50px;
  text-align:center;
  font-size:30pt;
  color:#fff;
}

table{
  border:1px solid #ccc;
  margin-bottom:20px;
}

table th{
  border:1px solid #ccc;
  font-weight:bold;
  padding:10px;
}

table td{
  border:1px solid #ccc;
  padding:10px;
}

ol{
  padding-left:40px !important;
}

ol li{
  text-indent:-1em;
}

#search{
	padding:50px;
	background-color:#ffe4b5;
}

.search-form {
	display:flex;
    align-items: center;
	width:100%;
    max-width: 600px;
    margin: 0px auto;
    padding: 5px;
    background-color: #fff;
    border: 2px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.search-form:hover {
    border-color: #00aaff;
    box-shadow: 0 3px 10px rgba(0, 170, 255, 0.2);
}

.search-form label{
	width:100%;
}

.search-form .search-field {
	flex: 1;
	min-width:100%;
	display:block !important;
    padding: 12px 14px;
    border: none;
    border-radius: 4px;
    font-size: 20px;
    background-color: #f8f9fa;
    transition: background-color 0.3s ease;
}

.search-form .search-field:focus {
    background-color: #fff;
    outline: none;
}

.search-form .search-submit {
    display: flex;
	flex-shrink:0;
    align-items: center;
    gap: 6px;
    padding: 10px 16px;
    background-color: #00aaff;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.search-form .search-submit:hover {
    background-color: #0088cc;
    transform: scale(1.05);
}

.search-form .search-icon {
    font-size: 21px;
}

@media (max-width: 830px) {
	#search{
		padding:30px 0;
	}

	.search-form .search-field{
		font-size:14px;
	}
	
    .search-form {
        max-width: 100%;
    }
    .search-form .search-submit {
        padding: 8px 12px;
        font-size: 14px;
    }
}

/* font */



html {
  font-family: sicgothicduex-re, sans-serif;
}


/* wp */

.single-content-inner p:after,.pages-content-inner p:after{
  content:"";
  display:block;
  clear:both;
}

.container{
	background-color:#fff;
}

.inner{
 max-width:1400px;
	padding:0 5%;
	margin: 0 auto;
}

.spbr{
	display:none;
}

/* header */

.mobileonly_nav{
	display:none;
}

header, #sticky_header{
  background-color:#fff;
  top:0;
  width:100%;
  z-index:999;
  margin:0 auto;
}

li.nav_toggle{
	position:relative;
}

li.nav_toggle:hover ul{
	display:block;
}

li.nav_toggle ul{
	display:none;
	position:absolute;
	background-color:#fff;
	z-index:99;
	width:200px;
	padding:20px;
}

li.nav_toggle ul li{
	padding:5px 0;
}

#sticky_header{
	padding-top:10px;
	padding-bottom:10px;
	position:fixed;
	top:0;
	display:none;
}

.header-inner{
 max-width:1400px;
	padding:30px 5% 0;
	margin: 0 auto;
	display:flex;
}

.header-brand{
  max-width:250px;
}

.header-brand img{
  dsplay:block;
}

.header-brand a{
  dsplay:block;
}

.header-nav{
  width:100%;
}

.header-nav ul{
  display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
}

.header-nav ul li{
	font-size:16px;
	padding:20px;
}

.header-nav ul li{
	color:#819d24;
}

.header-nav ul li a{
  color:#819d24;
  display:block;
}

.header-nav ul li a:hover{
	text-decoration:none;
	opacity:.7;
	cursor:pointer;
}

/* footer */
footer{
  background-color:#fff9ed;
}

footer .inner{
	border-top:1px solid #704524;
	padding-top:80px;
}

.footer_bg{
	height:100px;
}

.footer_content{
	background-color:#654017;
}

.footer_content .inner{
	border:none !important;
	padding:30px 5%;
	display:;
}

.footer_content .inner ul li{
	color:#fff;
	font-family:Noto Sans JP;
}

.footer_content .inner ul li a{
	font-size:16px;
	color:#fff;
}

.footer_content .inner ul li ul li a:before{
	content:"-";
	margin-right:10px;
}

.footer_content .inner ul li ul{
	padding-left:10px;
	border-top:1px solid #fff;
	margin-top:10px;
	margin-bottom:10px;
}

.footer_content .inner p{
	text-align:center;
	margin-bottom:0;
	font-size:14px;
	margin-top:50px;
}

.footer_content .inner p a{
	color:#fff;
}

.site_map{
	display:flex;
	justify-content:center;
}

.site_map a:hover{
	text-decoration:none;
	opacity:.7;
}

.site_map a{
	transition:.2s;
}

.site_map ul{
	width:calc(100%  / 3);
	padding:10px;
}

.site_map ul li ul{
	width:100%;
}

.footer_me{
	display:block;
	margin:0 auto;
	width:60px;
}

footer p{
  color:#fff;
  margin-bottom:20px;
}

.sitemap_inner ul{
  margin-bottom:20px;
  margin-top:10px;
}

.sitemap_inner ul li:before{
  content:"-";
  color:#fff;
  margin-right:10px;
}

.sitemap_inner ul li a{
  color:#fff;
}

.sitemap_inner h2, .sitemap_inner h2 a{
  color:#fff;
  line-height:1em;
}

.sitemap_inner{
  max-width:1200px;
  margin:0 auto;
  padding:50px 10%;
  display:flex;
}

.sitemap_left{
  padding-right:100px;
}

.sitemap_left h1{
  font-size:24px;
  color:#fff;
  margin-bottom:10px;
}

.sitemap_left h1:after, .sitemap_inner h2:after{
  content:"";
  width:80px;
  height:1px;
  display:block;
  margin-top:10px;
  background-color:#0191d3;
}


.footer-inner{
  max-width:1200px;
  padding:30px;
  margin:0px auto;
}

.footer-inner ul{
  display:flex;
  flex-wrap:wrap;
  margin:0 10px 20px;
}

.footer-inner ul li{
  flex-wrap:wrap;
  flex-shrink:0;
}

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

.footer-inner ul li a:hover{
  opacity:.8;
}

.copyright{
	background-position:center;
	background-size:contain;
}

.copyright p{
  color:#fff;
  text-align:center;
  line-height:30px !important;
  margin-bottom:0;
	font-size:14px;
	padding:20px 0;
}

.copyright p a{
  color:#fff;
}

.footer-profile-bg{
  background-size:cover;
  background-position:center;
}

.sitemap_right{
  display:flex;
}

.mobileonly{
	display:none;
}

.pconly{
	display:block;
}

/* front */

.hero_container_inner{
	padding:5%;
	border-radius:30px;
	position:relative;
	background-position:center;
	background-size:cover;
}

#hero_container .lead p{
	font-size:6vw;
	line-height:1.2em;
	color:#fff;
}

.hero_content_link{
	position:absolute;
	right:-2%;
	top:40%;
}

.hero_content_link a{
	transition:.4s;
	display:block;
	font-size:24px;
	color:#fff;
	line-height:1.5em;
	background-color:rgba(0,0,0,.4);
	padding:30px;
	border-radius:10px;
}

.hero_content_link a:hover{
	opacity:.7;
	text-decoration:none;
}

a .link-arrow{
	transition:.4s;
	display:block;
	border:1px solid #fff;
	width:300px;
	margin-top:10px;
	position:relative;
}

a .link-arrow:after{
	content:"";
	display:block;
	background: #ffffff;
	height: calc(tan(60deg) * 15px / 2);
	width: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	position:absolute;
	right:-5px;
	top:-6px;
}

a:hover .link-arrow{
	transform:translateX(20px);
}

#main_contents{
	padding-top:20vh;
	margin-top:-20vh;
	background-color:#fff7e8;
}

#main_contents ul{
	padding:40px 0 70px;
	display:flex;
	justify-content:space-around;
}

#main_contents ul li{
	width:calc(100% / 3 - 20px);
	justify-content:space-around;
	background-position:center;
	background-size:cover;
	border-radius:20px;
}

#main_contents ul li a{
	display:block;
	color:#fff;
	text-align:center;
	font-size:24px;
	padding:40px 20px;
	justify-content:space-around;
	outline:0px solid #819d24;
	border-radius:20px;
	height:100%;
}

#main_contents ul li a:hover{
	text-decoration:none;
	color:#b2c76e;
	outline:5px solid #819d24;
	border-radius:20px;
}

#main_contents.page_maincontents{
	background-color:inherit;
	padding:30px 0;
	margin-top:0;
}

#main_contents.page_maincontents .inner{
	max-width:1280px;
}

#main_contents.page_maincontents ul{
	justify-content:center;
}

#main_contents.page_maincontents ul li{
	margin:0 20px;
}

#main_contents.page_maincontents h3{
	border-top:1px solid #819d24;
	background-color:inherit;
	line-height:1.5em;
	margin-top:0;
	text-align:center;
	font-size:34px;
	color:#819d24;
	padding-top:30px;
}

#front_faq_list{
	background-color:#fff7e9;
}

#front_faq_list .inner{
	display:flex;
}

#front_faq_list .inner h2{
	display:flex;
	align-items:flex-end;
	font-size:50px;
	margin-bottom:40px;
	color:#704524;
}

#front_faq_list .inner h2 span{
	font-size:.8em;
}

#front_faq_list .inner h2 img{
	width:60px;
	height:auto;
	display:block;
	margin-right:20px;
}

.tag_cloud{
	margin-right:50px;
	flex-shrink:0;
	max-width:600px;
}

.tag_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-bottom:30px;
}

.tag_list li{
	display:block;
	flex-shrink:0;
	margin:0 10px 20px 0;
}

.tag_list li a{
	font-size:20px;
	display:block;
	color:#000;
	background-color:#efd8aa;
	width:100%;
	padding:10px;
	text-align:center;
	border-radius:100px;
}

.tag_list li a:hover{
	text-decoration:none;
	opacity:.7;
}

a.readmore{
	display:block;
	margin:0 auto;
	width:200px;
	font-size:20px;
	color:#819d24;
	margin-bottom:40px;
	transition:,4s;
}

a.readmore:hover{
	opacity:.8;
	text-decoration:none;
}

a.readmore span{
	border:1px solid #819d24;
	width:200px;
}

a.readmore span:after{
	background-color:#819d24;
}

.faq_list{
	background-color:#fff;
	width:100%;
}

.faq_list ul{
	padding:50px;
}

.faq_list ul li {
	border-top:1px solid #704524;
	padding-top:20px;
	padding-bottom:20px;
}

.faq_list ul li a{
	color:#000;
	display:flex;
	align-items:flex-start;
}

.faq_list ul li a span{
	background-color:#f15a24;
	color:#fff;
	padding:5px 10px;
	border-radius:10px;
	margin-right:20px;
	font-size:16px;
}

.faq_list ul li a:hover{
	color:#819d24;
	text-decoration:none;
}

#community{
	padding:80px 0;
}

#community .inner{
	display:flex;
	align-items:center;
}

.communyty_video {
	width:50%;
}

.communyty_video .video_wrap{
	max-width:405px;
	margin:0 auto;
	border:5px solid #fff7e9;
	border-radius:50px;
	transform:rotate(-10deg);
	padding:20px;
}

.communyty_video .video_wrap video{
	width:100%;
	margin:0 auto;
	border-radius:50px;
}

.community_links a{
	display:flex;
	width:100%;
	align-items:center;
	width:100%;
	transition:.4s;
	margin-bottom:20px;
}

.community_links a .link_inner{
	font-size:24px;
	color:#f15a24;
	width:100%;
}

.community_links a img{
	width:50px;
	margin-right:20px;
}

.community_links a .link-arrow{
	border-color: #f15a24;
	width:100%;
}

.community_links a .link-arrow:after{
	content:"";
	display:block;
	background: #f15a24;
	height: calc(tan(60deg) * 15px / 2);
	width: 15px;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	position:absolute;
	right:-5px;
	top:-6px;
}

.community_links a:hover .link-arrow{
	transform:translateX(20px);
}

.community_links a:hover {
	text-decoration:none;
	opacity:.7;
}

#product{
	background-color:#fff7e9;
	padding:50px 0;
}

#product .inner{
	display:flex;
}

#product h2{
	font-size:65px;
	line-height:1.2em;
	color:#704524;
	margin-bottom:40px;
}

#product h2 span{
	font-size:.6em;
}

.product_text{
	width:50%;
}

.product_img{
	width:50%;
	
}

.product_img video{
	width:100%;
	border-radius:50px;
	
}

#product p{
	font-size:20px;
	color:#704524;
	margin-bottom:50px;
}

a.product_more{
	transition:.4s;
	display:block;
	background-color:#f15a24;
	color:#fff;
	font-size:24px;
	width:250px;
	padding:25px;
	border-radius:15px;
}

a.product_more .link-arrow{
	width:100%;
}

a.product_more:hover{
	text-decoration:none;
	opacity:.7;
}

#about{
	padding:80px 0;
}

#about h2{
	font-size:52px;
	line-height:1.2em;
	color:#704524;
	margin-bottom:20px;
}

#about h2 span{
	font-size:.6em;
}

#about p{
	color:#704524;
	margin-bottom:30px;
}

.about_text{
	width:50%;
}

.about_text .readmore{
	margin:0;
}

.about_emlab{
	display:flex;
}

.member_img{
	width:50%;
}

.member_img ul {
	display:flex;
	flex-wrap:wrap;
}

.member_img ul li{
	width:20%;
}


#column {
	padding:50px 0;
	background:linear-gradient(#fff, #fff7e9);
}

#column h2{
	font-size:52px;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#704524;
	margin-bottom:30px;
}

#column h2 img{
	width:80px;
	margin-right:10px;
}

#column ul{
	padding:0;
	max-width:800px;
	margin:0 auto 50px;
}

#column ul li{
	padding:15px 0;
	border-bottom:1px dashed #704524;
}

#column ul li a{
	color:#000;
}

#column ul li a time{
	margin-right:10px;
	font-size:14px;
}

#column ul li a:hover{
	color:#819d24;
	text-decoration:none;
}

#footer_product{
	background-color:#fff9ed;
	padding-bottom:50px;
	
}

#footer_product h2{
	margin:0 0 20px 0;
	color:#704524;
}

#footer_product h2 span{
	font-size:.6em;
}

#footer_product .inner{
	background-size:contain;
	background-position:right;
	background-repeat:no-repeat;
	padding:50px 5%;
}

.footer_product_text{
	width:55%;
}

.footer_product_link a{
	margin:0 auto;
}

/* faq */

.faq_title h1{
	display:flex;
	font-size:34px !important;
	text-align:left !important;
}

.faq_title h1 span{
	display:block;
	font-size:50px !important;
	color:#0073aa;
	margin-right:10px;
}

.faq_answer{
	display:flex;
	align-items:flex-start;
}

.faq_answer img{
	display:flex;
	width:100px;
	margin-right:20px;
}

.faq_answer  .answer{
	background-color:#e3f1b6;
	padding:20px;
	border-radius:20px;
	position:relative;
	margin-top:15px;
	width:100%;
	margin-bottom:30px;
}

.faq_answer  .answer:before{
	content:"";
	background: #e3f1b6;
	height: calc(tan(60deg) * 15px / 2);
	width: 15px;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	position:absolute;
	left:-15px;
	top:25px;
}

.pager{
	padding-bottom:30px;
	margin-bottom:30px;
}

.pager a{
	color:#819d24;
	margin-bottom:10px;
}

.single_content ul.faq_tag_list, .archive ul.faq_tag_list{
	margin-bottom:0;
}

.single_content ul.faq_tag_list, .archive ul.faq_tag_list{
	margin-bottom:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
}

.single_content ul.faq_tag_list li, .archive ul.faq_tag_list li{
	list-style:none;
	margin-right:10px;
	margin-bottom:10px;
}

.single_content ul.faq_tag_list li a, .archive ul.faq_tag_list li a{
	background-color:#efd8aa;
	display:block;
	color:#000;
	padding:5px 15px;
	border-radius:100px;
	font-size:16px;
}

.single_content ul.faq_tag_list li a:hover, .archive ul.faq_tag_list a:hover{
	text-decoration:none;
	opacity:.7;
}

.archive ul.faq_tag_list{
	padding:0 5%;
	max-width:1400px;
	margin:0 auto;
}

/* page */

#page_title{
	background:linear-gradient(#d5f1ff, #fff);
	padding:50px 0;
}

#page_title h1 span{
	font-size:32px;
	display:block;
}

#page_title h1{
	font-size:52px;
	line-height:1.2em;
	text-align:center;
	border-bottom:1px solid #0073aa;
	padding-bottom:30px;
	margin-bottom:30px;
	color:#704524;
}

#page_title p{
	background-color:#fff7e8;
	padding:30px;
	border-radius:20px;
	margin:0;
}

#maincontent_point{
	padding-bottom:30px;
}

#maincontent_point ul{
	display:flex;
}

#maincontent_point ul li{
	flex:1;
	margin:0 10px;
}

#maincontent_point ul li p{
	padding:10px;
	border-radius:20px;
	background-color:#704524;
	text-align:center;
	color:#fff;
	font-size:16px;
	margin:0 0 10px;
}

#maincontent_point ul li img{
	width:40px;
	display:block;
	margin-left:20px;
}

.common_content h2{
	display:flex;
}

.common_content h2 img{
	display:block;
	width:60px;
	margin-right:20px;
}

.common_content h2 .h_txt{
	color:#704524;
	font-size:34px;
	line-height:1.2em;
	width:100%;
}

.common_content h2 span{
	display:block;
	font-size:.7em;
	border-bottom:1px solid #7fbbd7;
	padding-bottom:;
	margin-bottom:10px;
}

.page_index{
	background-color:#fff7e9;
	border-radius:20px;
	border:3px solid #ffe6bb;
	position:relative;
	padding-top:10px;
	margin-top:50px;
	margin-bottom:80px;
}

.page_index ul{
	display:flex;
}

.page_index ul li{
	flex:1;
}

.page_index ul li{
	padding:20px;
}

.page_index ul li img{
	border-radius:800px;
	width:100px;
	margin-right:10px;
}

.page_index ul li a{
	transition:.4s;
	display:flex;
	align-items:center;
	border-radius:100px;
	padding-right:20px;
	background-color:#819d24;
	color:#fff;
	outline:0px solid #acc94b;
	font-size:16px;
}

.page_index ul li a:hover{
	text-decoration:none;
	outline:3px solid #acc94b;
	background-color:#acc94b;
}

.page_index p{
	position:absolute;
	top:-30px;
	left:10px;
	font-size:34px;
	color:#704524;
	font-family: sicgothicduex-re, sans-serif;
}

.start_up h3{
	font-size:24px;
	line-height:1.2em;
	background-color:#ffecdc;
	padding:15px;
	color:#704524;
	margin-bottom:30px;
}

.start_up h4{
	font-size:28px;
	line-height:1.2em;
	color:#819d24;
	margin:30px 0 10px;
}

.start_up_item ul{
	display:flex;
	margin-bottom:40px;
}

.start_up_item ul li{
	text-align:center;
	margin-right:20px;
	font-size:16px;
}

.start_up_item ul li img{
	display:block;
	width:80px;
	margin:0 auto;
}


.liststyle{
	padding-left:20px;
}

.liststyle li{
	list-style:disc;
	margin-bottom:10px;
	width:100% !important;
}

.start_up_list_desc{
	font-size:16px;
	background-color:#f7f7f7;
	padding:5px;
	border-radius:5px;
}

.common_flex{
	display:flex;
	margin-bottom:40px;
	align-items:flex-start;
}

.common_flex ul{
	width:50%;
}

.common_flex img{
	width:50%;
	margin-left:30px;
	flex-shrink:1;
}

.contents_tips{
	display:flex;
	margin-bottom:40px;
}

.contents_tips img{
	width:100px;
	height:100px;
	margin-right:20px;
}

.contents_tips p{
	background-color:#e3f1b6;
	padding:20px;
	border-radius:20px;
	position:relative;
	margin-top:15px;
	width:100%;
	margin-bottom:0;
}

.contents_tips p:before{
	content:"";
	background: #e3f1b6;
	height: calc(tan(60deg) * 15px / 2);
	width: 15px;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	position:absolute;
	left:-15px;
	top:25px;
}

h2.sec_h{
	font-size:34px;
	color:#704524;
}

.how_to ul{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:40px;
	counter-reset: number 0;
}

.how_to ul.c2_tutidukuri li{
	width:calc(100% / 4 - 40px);
	margin:0 20px;
	position:relative;
}

.how_to ul.c2_tutidukuri li:after{
	display:flex;
	justify-content:center;
	align-items:center;
	width:35px;
	height:35px;
	counter-increment: number 1;
	content: counter(number) ;
	position:absolute;
	top:0;
	left:0;
	background-color:#fff;
	font-weight:bold;
	color:#819d24;
	border-radius:0 0px 10px 0 ;
}

.how_to ul li{
	width:calc(100% / 3 - 40px);
	margin:0 20px;
}


.list_h{
	font-size:24px;
	margin-bottom:20px;
	display:flex;
	border-bottom:dashed #acc94b;
	padding-bottom:10px;
}

.list_h span{
	font-size:24px;
	margin-bottom:0px;
	background-color:#819d24;
	color:#fff;
	padding:10px;
	border-radius:100px;
	font-size:16px;
	height:26px;
	width:26px;
	flex-shrink:1;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right:8px;
}

.how_to .liststyle{
	display:block;
}

.how_to .liststyle li{
	margin:0;
}

.how_to h4{
	font-size:24px;
	color:#819d24;
	margin-bottom:20px;
}

.hasnum li{
	position:relative;
}

.hasnum li span{
	position:absolute;
	background-color:#fff;
	color:#819d24;
	font-weight:bold;
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:100px;
	line-height:1em;
	border:1px solid #819d24;
	box-shadow:0px 0px 5px rgba(0,0,0,.4);
	left:10px;
	top:10px;
	
	
}

.chartstyle{
	display:flex;
	flex-wrap:wrap;
}

.chartstyle li{
	margin:0 30px 20px 0px !important;
	width:calc(100% / 4 - 30px) !important;
	position:relative;
	background-color:#e3f1b6;
	padding:20px;
	border-radius:20px;
	position:relative;
}

.chartstyle li span{
	position:avsolute;
	font-size:14px;
	display:block;
	width:20px;
	height:20px;
	background-color:#819d24;
	color:#fff;
	line-height:20px;
	text-align:center;
	border-radius:100px;
	position:absolute;
	top:0px;
	left:0;
}

.chartstyle li:after{
	content:"";
	display:block;
	background: #e3f1b6;
  height: calc(tan(60deg) * 20px / 2);
  width: 15px;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
	position:absolute;
	right:-15px;
	top:30px;
}

.chartstyle li:last-child:after{
	display:none;
}

.content_page{
	padding-bottom:100px;
	background:linear-gradient(#fff, #fff9ed);
}

.content_page{
	font-family:Noto Sans JP;
}

.content_page p{
	line-height:1.7em;
}

.content_page h1, .content_page h2, .content_page h3, .content_page h4, .content_page h5{
	font-family: sicgothicduex-re, sans-serif;
}

.wrapper h4{
	margin-bottom:20px;
	font-size:24px;
	color:#819d24;
}

.wrapper .liststyle{
	width:100%;
}

.wrapper .liststyle li{
	width:100%;
}

ul.saibai_point{
	display:block;
	width:100%;
}

ul.saibai_point li{
	width:100%;
	background-color:#819d24;
	color:#fff;
	padding:10px;
	margin:0 0 20px 0;
	border-radius:10px;
}

ul.saibai_point li .start_up_list_desc{
	color:#000;
	margin-top:5px;
	height:100%;
}

.saibai_point.liststyle li{
	width:100%;
	background:none;
	margin-bottom:10px;
	color:inherit;
}

.point_img img{
	width:100%;
}

#products_list ul{
	display:flex;
	flex-wrap:wrap;
}

#products_list ul li{
	width:calc(50% - 20px);
	background-color:#819d24;
	border-radius:30px;
	margin:0 auto 20px;
}

.products_header{
	display:flex;
	align-items:flex-start;
}

.products_header img{
	width:200px;
	display:block;
	border:10px solid #819d24;
	border-radius:30px;
}

.products_title h2{
	margin:0 !important;
	font-size:32px;
	padding:20px;
	color:#fff;
}

.products_title p{
	color:#fff;
	margin:0;
	padding:0 20px;
}

.products_title h2 span{
	font-size:16px;
	display:block;
	line-height:1.2em;
}

.products_detail{
	padding:20px;
}

.products_detail h3{
	color:#fff;
	font-size:24px;
	line-height:1.2em;
}

.products_detail p{
	padding:20px;
	font-size:16px;
	background-color:#fff;
	border-radius:10px;
	margin-bottom:0;
}

a.buy_link{
	display:block;
	background-color:#f15a24;
	max-width:250px;
	text-align:center;
	font-size:20px;
	padding:20px;
	border-radius:10px;
	color:#fff;
	margin:20px auto 0;
}

a.buy_link:hover{
	text-decoration:none;
	background-color:#ff865b;
}

.c4_index{
	background-color:#fff7e9;
	border-radius:20px;
	border:3px solid #ffe6bb;
	position:relative;
	padding-top:10px;
	margin-top:50px;
	margin-bottom:80px;
	font-weight:bold;
	font-size:20px;
}

.c4_index ul{
	display:flex;
	padding:20px;
	flex-wrap:wrap;
}

.c4_index ul li:after{
	content:"/";
	margin:0 10px;
}

.c4_index ul li:last-child:after{
	content:"";
	margin:0 10px;
}

.c4_index ul li a{
	display:inline;
	color:#000;
	line-height:1.5em;
}

.c4_index ul li a:hover{
	text-decoration:none;
	color:#819d24;
}

.c4_index p{
	position:absolute;
	top:-30px;
	left:10px;
	font-size:34px;
	color:#704524;
	font-family: sicgothicduex-re, sans-serif;
	margin:0;
}

.data_table{
	padding:30px;
	width:50%;
	flex-shrink:0;
	background-color:#f7f7f7;
	margin-left:30px;
}

.data_table h3{
	font-size:24px;
	background-color:#819d24 !important;
	color:#fff;
	padding:20px;
	margin-bottom:0px !important;
	margin-top:0 !important;
}

.data_table table{
	border:1px solid #ccc;
	background-color:#fff;
}

.data_table table tr.table_focus{
	background-color:#e3f1b6;
}

.data_table table th{
	border:1px solid #ccc;
	width:150px;
	text-align:left;
}

.c4 h3{
	font-size:24px;
	background-color:#e3f1b6;
	padding:20px;
	margin-bottom:30px;
	margin-top:50px;
}

.dojoubunrui li{
	color:#819d24;
	font-weight:bold;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
}

.float{
	display:flex;
	align-items:flex-start;
}

.float img{
	width:50%;
	max-width:500px;
	margin-right:30px;
}

.wide_img{
	max-width:1000px;
	display:block;
	margin:0 auto 30px;
}

.guide_item{
	display:flex;
	flex-wrap:wrap;
}

.guide_item li{
	width:calc(20% - 20px);
	margin:0 0 20px 20px;
	border:3px solid #819d24;
	background-color:#fff;
	padding:10px;
	padding-bottom:80px;
	position:relative;
}

.guide_item li p{
	margin:0;
	font-size:16px;
	font-weight:bold;
	background-color:#819d24;
	padding:3px 10px;
	color:#fff;
}

.guide_item li img{
	padding:5px;
}

.guide_item li a{
	display:block;
	background-color:#f15a24;
	color:#fff;
	padding:10px;
	border-radius:10px;
	text-align:center;
	margin-top:10px;
	position:absolute;
	bottom:10px;
	width:calc(100% - 20px);
	left:0;
	right:0;
	margin:0 auto;
}

.guide_item li a:hover {
	text-decoration:none;
	opacity:.7;
}

.ol {
	margin-bottom:30px;
}

.ol p{
	display:flex;
	font-size:24px;
	font-weight:bold;
	margin-bottom:0;
	padding-bottom:10px;
}

.ol span{
	display:flex;
	width:40px;
	height:40px;
	background-color:#819d24;
	font-size:20px;
	font-weight:bold;
	justify-content:center;
	color:#fff;
	align-items:center;
	border-radius:100px;
	margin-right:10px;
}

.ol p.ol_desc{
	font-size:20px;
	font-weight:normal;
	display:block;
	padding:20px;
	background-color:#fff;
	border:1px dashed #819d24;
	border-radius:10px;
}

.dashed{
	padding:20px;
	background-color:#fff;
	border:1px dashed #819d24;
	border-radius:10px;
	margin-bottom:30px;
}

.flex_quarter{
	display:flex;
}

.flex_quarter li{
	width:25%;
	padding:10px;
}

.ol h4{
	font-size:24px;
	color:#819d24;
	margin-bottom:10px;
	margin-bottom:20px;
}

.ol dl{
	display:flex;
	border-bottom:1px solid #819d24;
	padding-bottom:20px;
	margin-bottom:20px;
}

.ol dt{
	width:90px;
	flex-shrink:0;
	font-weight:bold;
}

.ol dd ul{
	padding-left:20px;
}

.ol dd ul li{
	list-style:disc;
	margin-bottom:10px;
}

.emgarden_page #footer_product{
	padding:50px 0;
}

.emgarden_page #footer_product p{
	font-size:40px;
	color:#704524;
	font-weight:bold;
}

img.w40{
	width:35%;
}

.common_flex .contents_tips img{
	margin-left:0;
}

.garden_point {
	display:flex;
}

.garden_point li{
	width:calc(100% / 3);
	padding:0 20px;
}

.garden_point li img{
	width:100px;
	display:block;
	margin-right:10px;
}

.garden_point h4{
	display:flex;
	font-size:24px;
	line-height:1.2em;
	align-items:center;
	background-color:#819d24;
	padding:0 10px 0 0;
	border-radius:10px;
	overflow:hidden;
	color:#fff;
	margin-bottom:10px;
}

.customer_voices{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:80px;
}

.customer_voices li{
	display:flex;
	align-items:flex-start;
	width:calc(100% / 3 - 20px);
	border:1px solid #ccc;
	background-color:#fff7e9;
	padding:20px;
	border-radius:20px;
	margin:0 10px 20px ;
	font-size:14px;
}

.customer_voices li img{
	width:60px;
	margin-right:10px;
}

.emcv{
	width:90%;
	display:block;
	max-width:500px;
	margin:0 auto;
	position:relative;
	font-size:24px;
	background-color:#f15a24;
	color:#ffff;
	text-align:center;
	border-radius:10px;
	padding:20px;
	box-shadow:0 10px 0 #c64213;
}

.emcv img{
	transition:.4s;
	display:block;
	position:absolute;
	width:50px;
	right:0;
	top:-40px;
	transform:rotate(10deg);
}

.emcv:hover{
	text-decoration:none;
	background-color:#f47142;
}

.emcv:hover img{
	transform:rotate(20deg);
	width:60px;
}

.member{
	display:flex;
	flex-wrap:wrap;
	max-width:800px;
	margin:0 auto 50px;
}

.member li{
	width:20%;
}

.about_page h3{
	font-size:24px;
	padding:20px;
	margin-bottom:30px;
	line-height:1.2em;
	background-color:#e3f1b6;
}

.about_page .common_flex{
	align-items:center;
}

.about_page .common_flex img{
	align-items:center;
	max-width:400px;
	margin:auto;
}

.company_table{
	background-color:#fff;
}

.reviews_flex{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:50px;
	border-bottom:1px solid #819d24;
	padding-bottom:30px;
}

.flex_left, .flex_right{
	width:70%;
	display:flex;
	align-items:flex-start;
	flex-shrink:0;
}

.flex_left .customer, .flex_right .customer{
	width:100px;
	margin-right:20px;
}

.img_wrap{
	width:30%;
	padding:0 2%;
}

.img_wrap img{
	display:block;
	width:100%;
	height:auto;
}

.flex_left p, .flex_right p{
	width:calc(100% - 120px);
	background-color:#e3f1b6;
	padding:20px;
	border-radius:20px;
	position:relative;
	margin-top:20px;
}

.flex_left p:before, .flex_right p:before{
	content:"";
	background: #e3f1b6;
	height: calc(tan(60deg) * 15px / 2);
	width: 15px;
	clip-path: polygon(0 50%, 100% 0, 100% 100%);
	position:absolute;
	left:-15px;
	top:25px;
}

/* form */

.form_tag{
  display:flex;
}

.btn{
  border:1px solid #ccc;
  padding:10px;
  margin-right:10px;
  border-radius:5px;
  background-color:#f7f7f7;
}

.btn.current{
  color:#fff;
  background-color:#0091d2;
}

.iform{
  display:none;
}

.wpcf7{
  max-width:500px;
  margin:0 auto !important;
  position:relative;
  margin-bottom:50px !important;
}

.wpcf7-text{
  width:100%;
  border:1px solid #ccc;
  line-height:30px;
  padding:0 10px;
  font-size:1rem;
}

span.wpcf7-form-control-wrap{
  display:block;
}

.wpcf7 textarea{
  width:100%;
  padding:10px;
  border:1px solid #ccc;
  font-size:1rem;
}

.wpcf7 p{
  margin-bottom:10px !important;
  font-weight:bold;
}

.wpcf7 p label{
  font-size:12pt;
}

.wpcf7 p .required{
  background-color:#e01d1d;
  color:#fff;
  font-size:.5em;
  padding:3px 5px;
  margin-right:10px;
}

.wpcf7 p .optional{
  background-color:#0073aa;
  color:#fff;
  font-size:.5em;
  padding:3px 5px;
  margin-right:10px;
}

.wpcf7-submit{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  width:100%;
}
.wpcf7-submit::-webkit-search-decoration {
  display: none;
}
.wpcf7-submit::focus {
  outline-offset: -2px;
}

.wpcf7-submit{
  transition:.2s;
  border-radius:5px;
  padding:10px !important;
  background: linear-gradient(0deg, #32e032, #00b900);
  font-weight:bold;
  color:#fff;
  box-shadow:0 3px 5px rgba(0,0,0,.2);
}

.wpcf7-submit:hover{
  background: linear-gradient(180deg, #32e032, #00b900);
  box-shadow:0 3px 10px rgba(0,0,0,.4);
}

.wpcf7-not-valid-tip{
  background-color:#e11d1e;
  color:#fff !important;
  font-size:10pt !important;
  padding:0 10px;
  display:inline-block !important;
  border-radius:0 0 10px 0;
}

.wpcf7-validation-errors{
  font-size:.8em;
  margin:0 0 10px!important;
  border:none !important;
  border:5px solid #ffbc00 !important;
  padding:10px !important;
}

.wpcf7-validation-errors:before{
  font-family:'FontAwesome';
  display:block;
  float:left;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f06a";
  margin-right:5px;
  font-size:2em;
  color:#ffbc00;
}

.wpcf7-mail-sent-ok{
  font-size:1.5em;
  margin:0 0 10px!important;
  border:none !important;
  border:10px solid #00a21b !important;
  padding:10px !important;
  line-height:50px;
  box-shadow:5px 5px 5px rgba(0,0,0,.4);
}

.wpcf7-mail-sent-ok:before{
  font-family:'FontAwesome';
  display:block;
  float:left;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\f05d";
  margin-right:5px;
  font-size:2em;
  color:#00a21b;
}

.ajax-loader{
  position:absolute;
  margin:auto !important;
  top:0;
  left:0;
  bottom:0;
  right:0;
  width:30px !important;
  height:30px !important;
  background-size:cover !important;
}

.ajax-loader img{
  width:100% !important;
}

.contact_page p{
	text-align:center;
}

.form_row{
	margin-bottom:10px;
}

.form_row p{
	text-align:left;
	font-size:16px;
	margin-bottom:5px !important;
}

.form_row input, .form_row textarea{
	border:1px solid #819d24;
	font-size:20px;
	padding:5px;
}

.privacy{
	padding:10px;
	background-color:#fff;
	height:200px;
	overflow:scroll;
}

.privacy p{
	font-size:14px;
	margin-bottom:10px !important;
	font-weight:normal;
}

.privacy h3{
	padding:0;
	font-size:16px;
	background-color:inherit;
	border-bottom:1px solid #819d24;
	padding-bottom:5px;
	margin-bottom:10px;
}

p.contact-tel{
	font-size:34px !important;
	font-weight:bold;
	color:#819d24;
}

p.contact-tel span{
	font-size:14px;
	font-weight:bold;
	color:#000;
	display:block;
	line-height:1.5em;
}

/* archive */

.archive{
	padding-bottom:80px;
	background:linear-gradient(#fff, #fff9ed);
}

.archive time{
	font-size:14px;
	color:#000;
}

.archive p{
	font-family:Noto Sans JP;
}

.article_item h2{
	font-size:24px;
	margin-bottom:10px;
	color:#819d24;
	margin-top:0;
}

.article_item{
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
}

.article_item a:hover{
	text-decoration:none;
	opacity:.7;
}

.related-posts{
	margin-top:30px;
	border-top:1px solid #819d24;
	padding-top:30px;
}

.related-posts h3{
	font-size:24px;
	margin-bottom:30px;
	margin-top:0 !important;
	color:#704524;
	background-color:#e3f1b6;
	padding:10px;
}

.related-posts p{
	margin-bottom:10px;
}

.related-posts ul.article_list {
	padding-left:0;
}

.related-posts ul.article_list li{
	list-style:none !important;
}

.related-posts ul.article_list li h2{
	font-size:24px;
	padding:0;
	border:none;
	color:#819d24;
}

.related-posts ul.article_list li p{
	font-size:16px;
}


/* single */

.single_content{
	padding-bottom:50px;
	font-family:Noto sans JP;
}

.single_content{
	padding-bottom:50px;
	font-family:Noto sans JP;
}

.single_content ul{
	padding-left:30px;
	display:block;
	margin-bottom:20px;
}

.single_content ul li{
	list-style:disc;
	margin-bottom:10px;
	line-height:1.5em;
}

.single_content strong{
	background-color:#fff2a5;
	font-weight:bold;
	padding:1px 5px;
}

.single-date{
	text-align:center;
}


.single_column_content{
	max-width:1200px;
	margin:0 auto;
}
.single_column_content{
	font-family:Noto Sans JP;
}

.single_column_content ul li{
	line-height:1.5em;
	list-style:disc;
	margin-bottom:5px;
}

.single_column_content ol li{
	line-height:1.5em;
	list-style:decimal;
	margin-bottom:5px;
	text-indent:0;
}


.single_column_content ul{
	padding-left:20px;
	margin-bottom:30px;
}

.single_column_content ol{
	padding-left:20px !important;
	margin-bottom:30px;
}

.single_column_content img{
	display:block;
	margin-bottom:30px;
	max-width:800px;
}

.single_column_content h2{
	color:#704524;
	font-size:34px;
	border-bottom:1px solid #0073aa;
	padding:0 0 10px;
}

.single_column_content h3{
	color:#704524;
	font-size:24px;
	padding:0 0 10px;
	background-color:#e3f1b6;
	padding:10px;
	margin:40px 0 30px 0;
}

.single_column_content h4{
	color:#819d24;
	font-size:24px;
	margin:40px 0 30px 0;
}

/* pagination*/

.pagination {
    list-style-type: none;
    padding-left: 0;
    margin: 30px 0;
}

.pagination,
.pagination li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size:14pt;
}

.pagination a {
    transition: .2s;
    padding-top: 1px;
    min-width: 36px;
    min-height: 36px;
    line-height:40px;
}

.pagination li:not([class*="current"]) a:hover {
    
}

.pagination li:first-of-type a {
    border-left-width: 1px;
	color:#819d24 !important;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
    display:block;
    font-family: 'FontAwesome';
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.pagination li.first a::before {
    content: "|<";
}

.pagination li.last a::after {
    content: ">|";
}

.pagination li.previous a::before {
    content: "<";
}

.pagination li.next a::after {
    content: ">";
}

.pagination li a {
	color:#819d24 !important;
}

.pagination a:hover{
	text-decoration:none;
	opacity:.7;
}

.pagination li.current a {
    font-size:14pt;
    cursor: default;
    font-weight: bold;
    color: #fff !important;
    background-color:#819d24;
    pointer-events: none;
}

@media only screen and ( max-width: 680px) {
    .pagination li.first,
    .pagination li.last {
        /* screen readers only */
        /* position: absolute;
        top: -9999px;
        left: -9999px; */
    }
    .pagination li.previous a {
        border-left-width: 1px;
    }
}

@media only screen and ( max-width: 500px) {
    .pagination li {
        /* screen readers only */
        /* position: absolute;
        top: -9999px;
        left: -9999px; */
    }
    .pagination li.current,
    .pagination li.first,
    .pagination li.last,
    .pagination li.previous,
    .pagination li.next {
        position: initial;
        top: initial;
        left: initial;
    }
    .pagination li.previous a {
        border-left-width: 0;
    }

}

@media only screen and ( max-width: 400px) {
    .pagination li.first,
    .pagination li.last {
        /* screen readers only */
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .pagination li.previous a {
        border-left-width: 1px;
    }

    .footer-main-link{
        background-size:contain;
        height:160px !important;
    }

    table.company{
    max-width:600px;
    margin:0 auto;
    }

    table.company th{
    display:block;
    border:none;
    text-align:left;
    letter-spacing:.5em;
    }

    table.company td{
    display:block;
    line-height:20px;
    }

}

@media only screen and ( max-width: 240px) {
    /* For watches? */
    .pagination li {
        width: 50%;
    }
    .pagination li.current {
        order: 2;
        width: 100%;
        border-left-width: 1px;
    }
}


/* media queries */

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

  #wpadminbar{
    display:none;
  }

.header-inner,
.footer-profile-inner,
.col2-wrap
{
  display:block;
}

header{
  position:sticky;
  box-shadow:0px 5px 5px rgba(0,0,0,.2);
}


.header-inner h1{
  margin-right:0;
  margin-bottom:20px;
}

.header-inner ul{
  justify-content:center;
}

.header-inner h1 a{
  margin:0 auto;
  justify-content:center;
}

    .menu-open{
      position:fixed;
    display:block;
    top:0;
    right:0;
    width:60px;
    height:60px;
    background-color:#fff;
    padding:15px;
    border-radius:0;
    background-color:#819d24;
    z-index:9999999;
  }

  .menu-open hr{
	  transition:.2s;
    margin:5px 0;
    border-top:3px solid #fff;
    }

	
	.header-nav{
		display:none;
		padding:60px 0;
	}

	.header-nav ul{
		padding:60px 0;
	}

	.header-nav ul li {
		padding:10px 0;
	}
	.header-nav ul li a{
		font-size:16px;
	}

.header-nav ul li ul{
  display:block;
  position:static;
  padding:0;
}

.header-nav ul li ul li{
  display:block;
  background-color:inherit;
  border-radius:0;
  border:none;
  padding:10px;
  margin:0;
}

.header-nav ul li ul li a{
  color:#fff;
  padding:0px;
}


footer .menu{
  display:block;
  text-align:left;
}

footer .menu > li{
  margin-bottom:10px;
}

.hero-post-tags-wrap{
  display:none;
}

.post-detail h2{
  margin-bottom:20px;
}

.header-brand{
  width:auto;
  position:static;
  display:block;
  width:calc(100% - 80px);
}

.header-inner{
  display:flex;
}

.menu-open{
  display:block;
}


.header-nav{
  position:fixed;
  height:100vh;
  width:350px;
  background-color:#819d24;
  right:0;
  top:0;
  height:100%;
  display:none;
	z-index:999;
}

.menu-main-nav-container{
  height:100%;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}

.header-nav ul{
  justify-content:center;
  align-items:center;
  display:block;
  width:100%;
  padding:0 5%;
}

.header-nav ul li{
  display:block;
  width:100%;
	color:#fff;
	padding:0;
  }

	.header-nav ul li ul{
		padding-left:10px;
		border-top:1px solid #fff;
		padding-top:10px;
		padding-bottom:10px;
  }

	.header-nav ul li ul li{
		padding:0;
  }

	.header-nav ul li ul li a:before{
		content:"-";
		margin-right:10px;
	}

.header-nav ul li:hover{
  box-shadow:none !important;
}


.header-nav ul li a{
  display:block;
  padding:5px 10px;
  color:#fff;
  background-color:inherit !important;
}

	.header-nav ul li ul li a{
  padding:5px 10px;
}

.header-nav ul li a:hover{
  color:#fff;
  opacity:.8;
  box-shadow:none !important;
}

	.mobileonly_nav.sns{
		display:flex;
		justify-content:flex-end;
	}

	.mobileonly_nav.sns a{
		padding:0;
		margin:30px 10px 0 0;
	}

	.mobileonly_nav.sns a i{
		font-size:30px;
	}
	
	.tag_cloud{
		margin-right:0;
	}

	.mobileonly_nav.sns a:before{
		display:none;
	}

}

@media screen and (max-width:480px) {
	
  .header-inner{
    padding:0;
    height:60px;
  }

  .header-brand{
    display:flex;
    align-items:center;
    padding-left:10px;
  }


#breadcrumb{
  padding:10px 10px;
  overflow-X:scroll;
}

#breadcrumb{
  padding:0;
}

#breadcrumb ul{
  padding:0 5%;
}

#breadcrumb ul li{
  font-size:.8rem;
  margin-bottom:0;
}

#toTop{
  right:5%;
  bottom:5%;
}


}



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

	.header-brand{
		width:150px;
	}

	#hero_container .inner{
		padding-top:30px;
	}

	.lead p{
		font-size:15vw !important;
	}

	.hero_content_link{
		position:static;
	}

	#main_contents ul{
		display:block;
		padding:10px 0;
	}

	#main_contents ul li{
		width:100%;
		margin-bottom:10px;
	}

	#front_faq_list .inner{
		display:block;
		padding:5px 5% 0;
	}

	h2 img{
		width:40px !important;
	}

	h2{
		font-size:24px !important;
		margin-top:30px;
		flex-wrap:wrap;
	}

	.tag_list li a{
		font-size:14px;
	}

	.faq_list ul{
		padding:10px 5%;
	}

	.faq_list ul li a{
		font-size:16px;
	}

	.faq_list ul li a span{
		font-size:14px !important;
		padding:0 10px;
	}

	#community{
		padding:30px 0;
	}

	#community .inner{
		display:block;
	}

	.communyty_video{
		margin:0 auto 20px;
	}

	.communyty_video video{
		border-radius:30px !important;
	}

	.video_wrap{
		padding:10px !important;
		border-radius:40px !important;
	}

	.community_links a .link_inner{
		font-size:16px;
	}

	.community_links a img{
		width:30px;
		margin-right:10px;
	}

	#product .inner{
		display:block;
	}

	.product_text{
		width:100%;
		margin-bottom:20px;
	}

	#product h2, .about_text h2{
		font-size:14vw !important;
		margin:0 0 20px;
	}

	#product p{
		font-size:16px;
		margin-bottom:20px;
	}

	.product_img{
		width:100%;
	}

	#about{
		padding:50px 0;
	}

	#about .about_emlab{
		display:block;
	}

	.about_text{
		width:100%;
		margin-bottom:30px;
	}

	.about_text p{
		font-size:16px;
	}

	.member_img{
		width:100%;
	}

	#column a{
		font-size:16px;
	}

	#column h2{
		margin:20px 0;
	}

	#column time{
		font-size:10px !important;
	}

	.footer_product_text{
		width:100%;
	}

	.footer_product_text h2{
		font-size:14vw !important;
	}

	.footer_product_text p{
		font-size:16px;
	}

	#footer_product .inner{
		padding-bottom:00px !important;
		background-position:bottom;
		background:inherit;
	}

	#page_title h1{
		font-size:34px;
	}

		#page_title h1 span{
		font-size:16px;
	}

	.c4_index p{
		font-size:34px !important;
	}

	.c4_index{
		margin:0;
	}

	.c4_index ul li a{
		font-size:16px;
	} 

	.common_flex{
		display:block;
	}

	.common_flex img{
		width:100%;
		margin:0;
	}

	.content_page p{
		font-size:16px;
	}

	.data_table{
		margin:0;
		width:100%;
		padding:0;
	}

	p.float{
		display:block;
	}

	p.float img{
		width:100%;
		margin:0 0 20px;
	}

	.flex_quarter{
		flex-wrap:wrap;
	}

	.flex_quarter li{
		width:50%;
	}

	.ol p{
		font-size:20px;
	}

	.ol p.ol_desc{
		font-size:16px;
	}

	.guide_item{
		display:block;
	}

	.guide_item li{
		width:100%;
		margin:0 0 20px;
		font-size:16px;
	}

	.guide_item li img{
		width:150px;
		display:block;
		margin:0 auto;
	}

	.ol dl{
		font-size:16px;
	}

	.ol dl li{
		font-size:16px;
	}

	.content_page{
		padding-bottom:30px;
	}

	#maincontent_point ul{
		display:block;
	}

	#maincontent_point ul li img{
		width:20px;
		margin:0;
	}

	#maincontent_point ul li{
		margin:0;
	}

	#maincontent_point ul p{
		border-radius:0 !important;
	}

	.page_index p{
		font-size:34px;
	}

	.page_index ul{
		display:block;
	}

	.page_index ul li{
		padding:10px ;
	}

	.start_up_item{
		width:100%;
	}

	.common_flex ul{
		width:100%;
	}

	.common_flex ul li{
		font-size:16px;
	}

	.start_up_item ul{
		flex-wrap:wrap;
	}

	.start_up_item ul li{
		width:calc(100% / 3);
		margin:0 0 10px 0;
	}

	.contents_tips img{
		width:60px;
		height:60px;
	}

	.contents_tips p{
		margin-top:0;
	}

	.how_to ul{
		display:block;
	}

	.how_to ul li{
		width:100%;
		margin:0 0 10px;
	}

	ul.chartstyle{
		display:block;
		flex-wrap:wrap;
	}

	ul.chartstyle li{
		width:calc(100%) !important;
	}

	ul.chartstyle li:after{
		display:none;
	}

	.faq_answer img{
		width:50px;
		height:50px;
	}

	.faq_answer .answer{
		margin-top:0;
	}

	.faq_title h1{
		font-size:24px !important;
	}

	.garden_point{
		display:block;
	}

	.garden_point li{
		width:100%;
		padding:0;
	}

	.garden_point li h4{
		font-size:20px;
	}

	.customer_voices{
		display:block;
	}

	.customer_voices li{
		width:100%;
		display:block;
		margin:0 0 10px 0;
	}

.flex_left .customer, .flex_right .customer{
	width:60px;
}

.img_wrap{
	width:100%;
	order:1;
}

.img_wrap img{
}

	
.flex_left, .flex_right{
	width:100%;
}

.flex_left p, .flex_right p{
	width:calc(100% - 80px);
	margin-top:0px;
}

#main_contents.page_maincontents ul li{
	margin:20px 0px 0;
}

	.emgarden_page #footer_product p{
		font-size:24px;
	}
	
	#products_list ul{
	display:block;
}

#products_list ul li{
	width:100%;
}

	#products_list ul li .products_header{
		display:block;
	}

	#products_list ul li .products_header img{
		margin:0 auto;
		width:100%;
		height:auto;
	}

	.spbr{
	display:inline;
}

	.footer_product_text h2{
		font-size:13vw !important;
	}
	
	#breadcrumb ul{
  overflow-X:scroll !important;
}
	
	#sticky_header{
		display:none !important;
	}

	.site_map{
	display:block;
}

	.site_map ul{
		width:100%;
}

	li.nav_toggle ul{
		background-color:inherit;
		width:auto;
		display:block;
	}

	.mobileonly{
	display:block;
}
	
	.pconly{
	display:none;
}
}

.grecaptcha-badge { visibility: hidden; }