/* 追加要素 */
html ,body{
	font-family: 'Noto Sans JP', sans-serif!important;
}
#logo-container img,
#colophon h1 img{
	max-height: 60px;
}
@media (max-width: 576px){
#logo-container img {
    max-height: 42px;
}
}

.logoF img {
    max-height: 60px;
}

#primary{
	margin: auto;
	display: flex;
}
#primary #main{
	flex-basis: 70%;
}
#primary #sidebar{
	flex-basis: 30%;
}
#site-navigation{
	background-color: #00643a;
}
#site-navigation a{
	color: #FFF;
}
#contact-form{
	margin-top: 3rem;
}
#contact-form,#contact{
	padding: 2rem 0;
	background: linear-gradient(#00643a 0%, #004529 100%);
}
.box-contact-form, .box-contact-promo{
	background-color: #FFF;
}
.box-contact-promo{
	padding: 3.5rem;
}
.box-contact-form{
	padding: 2rem;
}
.box-contact-promo h2{
	letter-spacing: .1rem;
}
.box-contact-promo .tel{
	letter-spacing:  .1rem;
}
.box-contact-promo p{
	line-height: 2rem;
	letter-spacing: .2rem;
}
.tel i{
	font-size: 1.5rem;
	margin-right: .5rem;
}
.box-contact-form .tel a{
	color: #000;
	letter-spacing: .2rem;
	font-weight: bold;
	font-size: 2.5rem;
}
header .tel a{
	font-size: 1.8rem;
	color: #000;
}
.business-hour{
	font-size: .9rem;
	margin-left: 1.5rem;
}
.box-contact{
	background-color: #aa1819;
	padding: 0.8rem 1rem;
	color: #FFF;
}
.box-contact a{
	color: #FFF;
	font-size: .9rem;
}
.box-contact-form a{
	font-size: 1.3rem;
}
.box-contact i{
	margin-right: .5rem;
}
.nav-tabs .nav-link{
	background-color: #424348;
	color: #FFF;
}
#product-search .nav-tabs .nav-link.active{
	background-color: #00643a;
	color: #FFF;
}
#product-search h2{
	font-size: 1rem;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
#product-search h2 i{
	font-size: 1.2rem;
	margin-right: .5rem;
}
/*
#product-search h2:after {
    display: block;
    content: "";
    width: 1rem;
    height: 2px;
    background-color: #000;
    margin: 1rem auto auto;
}
*/
#nav-tab{
	display: flex;
	justify-content: space-between;
}
#nav-tab a{
	border-radius: 10px 10px 0 0;
	text-align: center;
	padding: 1rem 1rem .5rem;
    flex-basis: calc(100% / 4 - 10px);
}
#nav-tab a:after{
	display: block;
	content:"▼";
	transform: scaleY(.8);
	margin: .5rem auto 0;
	font-size: .8rem;
}
.field-item-cat{
	display: flex;
	flex-wrap: wrap;
}
.field-item-cat > div{
	background-color: #FFF;
	margin: 5px;
}
.tab-content{
	background-color: #ebebeb;
	padding: 1.5rem;
}
.box-contact-form h2{
	font-size: 1.6rem;
	margin-bottom: 1rem;
}
.box-contact-form.box-contact-form-page h2{
	border-left: none;
	padding-left: 0;
	margin-bottom: 1rem;
	font-size: 2rem;
}
.box-contact-form h3{
	font-size: 1rem;
	margin: 1.2rem 0;
}
.box-contact-form h3 i{
	font-size: 1.6rem;
	margin-right: .5rem;
}
.box-contact-form th,
.box-contact-form td{
	background: none;
	padding: 1rem;
}
.box-contact-form th{
	border-left: none;
	font-weight: normal;
	vertical-align: middle;
}
.box-contact-form td{
	border-right: 0;
}
.box-contact-form input[type="submit"],
.box-contact-form .wpcf7-back{
	background-color: #FFF;
	border: 1px solid #000;
	padding: 1rem 8rem;
	color: #000;
	font-weight: normal;
	margin: 2rem 0;
	border-radius: 30px;
	background: #FFF;
}
.box-contact-form input[type="button"].wpcf7-back:hover{
	background: none;
}
.box-contact-form th span{
	font-size: .9rem;
	float: right;
	background-color: #aa1819;
	color: #FFF;
	padding: 6px 12px;
	border-radius: 6px;
}
#features{
	padding: 5rem 0;
}
#features h2{
	font-size: 1.2rem;
	margin-bottom: 3rem;
	letter-spacing: .2rem;
}
.box-cliant{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2rem;
	background-color: #FFF;
}
.box-cliant span{
	text-align: center;
	flex-basis: 25%;
}
.box-cliant img{
	margin: 1rem;
}
.box-features-list{
	display: flex;
	justify-content: center;
}
.box-features-list ul{
	margin: 0 2rem;
	padding-left: 0;
	list-style: none;
}
.box-features-list ul li{
	display: flex;
	align-items: center;
	margin: 5px 0;
}
.box-features-list ul li:before{
	content:url(/wp-content/themes/mitsuya-gr/image/list-icon.png);
	margin-right: 1rem;
}
.solution-adjust img{
	width:100%;
	height: auto;
}
.solution-adjust{
	position: relative;
}
.solution-adjust span{
	position: absolute;
	z-index: 10;
}
.solution-adjust span.numbering{
	font-size: 3rem;
	top:0;
	left: 30px;
}
.solution-adjust span.meaning{
	font-family: 'Roboto', sans-serif!important;
	font-weight: 900;
	font-size: .8rem;
	bottom:10px;
	left: 30px;
}
.solution-adjust .color-white{
	color: #FFF;
}
#solution,
#suppliers{
	color: #FFF;	
}
#solution h2,#solution h3,#solution h4{
	margin-bottom: 3rem;
}
#solution h2{
	margin-top: 6rem;
	font-size: 1.4rem;
	letter-spacing: .2rem;
	line-height: 1.8;
}
#solution h3,
#solution h4{
	font-size: 1rem;
}
#solution h4{
	margin-top: 6rem;
}
#solution h4:after{
	display: block;
	content:"";
	width: 1rem;
	height: 2px;
	background-color: #FFF;
	margin: 1rem auto auto;
}
#solution .box-solution{
	background-color: #FFF;
	color: #000;
	margin-bottom: 2rem;
}
#solution .box-solution .d-flex{
	padding: 1.5rem;
}
#solution .box-solution .round{
	border: 1px solid #000;
	height: 106px;
	font-size: .8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 106px;
	border-radius: 100%;
	margin-right: 1.5rem;
}
#solution .box-solution .detail-solution{
	line-height: 2rem;
	font-weight: bold;
}
#solution .box-solution .detail-solution span{
	display: block;
	font-weight: normal;
}
.link-detial,
.link-detial:visited{
	border: 1px solid #000;
	padding: .6rem;
	display: block;
	margin: 2rem auto 3rem;
	text-align: center;
	color: #000;
	width: 20rem;
	border-radius: 30px;
}
#solution .link-detial,
#solution .link-detial:visited{
	color: #FFF;
	margin-top: 4rem;
	border: 1px solid #FFF;
	margin-bottom: 0;
}
#solution,
#suppliers,
#main-client{
	background-color: #000;
	padding: 2rem 0;
}
#solution{
	padding-bottom: 8rem;
}
#solution{
	background: url(/wp-content/themes/mitsuya-gr/image/strength_bg.png) no-repeat right center;
	background-size: cover;
}
#features{
	background: url(/wp-content/themes/mitsuya-gr/image/features_bg.png) no-repeat right center;
	background-size: cover;
}
.box-fetures{
	background-color: #fff;
	padding: 5rem 0;
}
#case{
	padding: 3rem 0;
}
#case p{
	letter-spacing: .2rem;
	margin-bottom: 4rem;
}
#case img{
	display: inline-block;
	margin-bottom: 1rem;
	max-height: 230px;
	object-fit:cover;
	font-family: 'object-fit: cover;'
}
#case h2,
#suppliers h2{
	margin-top: 3rem;
	font-size: 1.3rem;
	margin-bottom: 4rem;
	position: relative;
}
#case h2:after,
#suppliers h2:after{
	content:"";
	display: block;
	width: 1rem;
	height: 3px;
	background-color: #000;
	bottom: -1.5rem;
	left: calc(50% - .5rem);
	position: absolute;
}
#suppliers h2:after{
	background-color: #fff;
}
#suppliers{
	
}
#main-client h2{
	color: #FFF;
}
#news{
	padding: 4rem 0;
}
#news h2{
	font-style: italic;
}
#news article{
	border-top: 1px solid #000;
	padding: 1.5rem 0;
}
#news article:last-child{
	border-bottom: 1px solid #000;
}
#news article a{
	color: #000;
}
#news article time{
	display: block;
}
#news .news-header a{
	color: #000;
}
.box-cal a:after,
#news .news-header a:after{
	display: inline-block;
	content: "＞";
	margin-left: .4rem;
}
.box-cal{
	margin-top: 2.5rem;
}
.box-cal a{
	display: block;
	text-align: center;
	border: 1px solid #000;
	padding: 1.5rem;
	color: #000;
}
.main-menu-more,
.main-navigation .main-menu > li.menu-item-has-children .submenu-expand{
	display: none;
}
.menu-main-container{
	text-align:center;
	padding: .8rem 0;
}
#menu-main a{
	font-size: 1rem;
	font-weight: normal;
	padding: .2rem 2rem;
	display: inline-block;
	border-left: 1px solid #FFF;
}
#menu-main li:last-child a{
	border-right: 1px solid #FFF;
}
.main-navigation .sub-menu{
	background-color: #00482a;
}
#menu-main .sub-menu a{
	display: block;
	border: none;
}
#menu-main .sub-menu a:hover{
	background-color: #002d1a;	
}
#menu-main .sub-menu  li:last-child a{
	border-right: none;
}
.description-site{
	display: inline-block;
	margin-bottom: 0;
}
.footer-copyright{
	background-color: #000;
}
.footer-copyright a{
	color: #FFF;
}
.sub-footer{
	border-top: 2px solid #707579;
}
.sub-footer ul{
	list-style: none;
	padding-left: 0;
}
.sub-footer ul a{
	display: inline-block;
	margin-right: 1rem;
	color: #000;
}
.page-top,.page-top:visited,.page-top:focus{
	outline: none;
	text-decoration: none;
	color: #000;
}
.page-top:before{
	display: inline-block;
	content: "▲";
	margin-right: .5rem;
}
footer h1 span{
	font-size: .9rem;
	display: inline-block;
	margin-left: 2rem;
}
section[id^="feature-"] h2{
	padding: 4rem 0;
	font-size: 1.8rem;
	letter-spacing: .2rem;
	background: linear-gradient(#00643a 0%, #004529 100%);
	color:#FFF;
}
section[id^="feature-"] h2 span,
section[id^="feature-"] h2 small{
	display: block;
}
section[id^="feature-"] h2 .numbering{
	font-family: 'Roboto', sans-serif!important;
	font-weight: 900;
	font-size: 1.7rem;
	margin-bottom: 1rem;
	font-style: italic;
}
section[id^="feature-"] h2 span.letter-adjust{
	letter-spacing: normal;
	display: inline;
	font-size: 1.8rem;
}
section[id^="feature-"] h2 small{
	letter-spacing: 0;
	font-size: 1rem;
	margin-top: .8rem;
	font-style: italic;
}
section[id^="feature-"] h3{
	margin-bottom: 4rem!important;
	letter-spacing: .3rem!important;
	line-height: 2;
	background: none;
	padding-left: 0;
	font-size: 2.1rem;
	letter-spacing: .2rem;
}
section[id^="feature-"] p{
	line-height: 2rem;
}
.pt-10{
	padding-top: 8rem;
}
#feature-1{
	padding: 0 0 8rem;
}
#feature-1 p{
	margin-bottom: 2rem;
}
#feature-2 p{
	margin-bottom: 5rem;
}
#feature-2 img,
#feature-3 img{
	width: 100%;
	display: block;
	height: auto;
}
#feature-3 h3{
	color: #000;
}

#feature-1 h3{
	color: #000;
}
#feature-3 p{
	max-width: 520px;
}
.page #intro h4{
	color: #FFF;
}
#intro{
	background: url(/wp-content/themes/mitsuya-gr/image/strength-bg_02.png) no-repeat right center;
	background-size: cover;
}
#feature-1{
	background: url(/wp-content/themes/mitsuya-gr/image/strength-bg_01.png) no-repeat right center;
	background-size: cover;
}
#feature-2{
	background: url(/wp-content/themes/mitsuya-gr/image/strength-bg_03.png) no-repeat right center;
	background-size: cover;
	background-position: center;
}
#feature-3{
	background: url(/wp-content/themes/mitsuya-gr/image/strength-bg_04.png) no-repeat right center;
	background-size: cover;
	background-position: center;
}
#intro, #feature-2{
	background-color: #000;
	color: #FFF;
	padding: 0 0 3rem;
	letter-spacing: .2rem;
}
#intro{
	padding: 12rem 0 6rem;
}
#intro h2{
	letter-spacing: .3rem;
	font-size: 1.6rem;
	line-height: 1.8;
	padding-left: 0;
	margin-bottom: 4rem;
	border: none;
}
#intro h3{
	font-size: 3rem;
	margin-top: 4rem!important;
	letter-spacing: .4rem;
	background: none;
	font-family: 'Roboto', sans-serif!important;
	font-weight: 900;
}
#intro p{
	line-height: 2rem;
}
.description-site{
	margin-left: 1rem;
}
.sub-footer{
	margin-top: 2rem;
}
.detail h1{
	font-size: 1rem;
	margin: 0;
}
.h1-container{
	/*background-color: #000;*/
	background-color: #00643a;
	color: #FFF;
	padding: 1rem 0;
}
.h1-container h1{
    font-size: 1rem;
    margin: 0;
}
.detail .breadcrumb{
	background-color: transparent;
}

.detail h2,
.page h2,
.single h2,
.archive h2{
	border-left: 4px solid #00643a;
	font-size: 1.2rem;
	padding-left: 1rem;
	position: relative;
	margin-bottom: 2.6rem;
}
.detail h2:not(:first-of-type),
.page h2:not(:first-of-type),
.single h2:not(:first-of-type),
.archive h2:not(:first-of-type){
	margin-top: 4rem;
})
.detail h2:after,
.page h2:after,
.single h2:after,
.archive h2:after{
	bottom: -.6rem;
	display: block;
	content:"";
	left: -.5rem;
	width: calc(100% + .5rem);
	height: 1px;
	position: absolute;
	background-color: #707070;
}
.detail h2 span,
.page h2 span,
.single h2 span,
.archive h2 span{
	display: block;
	font-size: .8rem;
	margin-bottom: .8rem;
}
.detail h2 small,
.page h2 small,
.single h2 small,
.archive h2 small{
	margin-left: 1rem;
	display: inline-block;
}
.page.page-template-page-mitsuya-features h2 small{
	font-family: 'Roboto', sans-serif!important;
	font-weight: 900;
	margin-left: 0;
}
.detail h3,
.page h3,
.single h3,
.archive h3{
	margin: 1rem 0 !important;
	background-color: #00643a;
	color: #FFF;
	padding: .7rem 1.4rem;
	font-size: 1rem;
}
.detail h4,
.page h4,
.single h4,
.archive h4{
	font-size: 1.2em;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 1rem;
	margin: 1rem 0!important;
	color: #00643a;
	font-weight: bold;
}
table th{
	background-color: #f3f3f3;
}
table.table tr td:first-child{
	background-color: #f3f3f3;
}
.detail #product-search h2.first-headline{
	border-left: none;
	padding-left: 0;
}
.detail #product-search h2.first-headline:after{
	content: none;
}
.first-headline img{
	transform: translateX(-22px);
}
.wrap-box-detail-feature{
	background-color: #f3f3f3;
	padding: 2rem 0;
	margin: 0 -500%!important;
	padding: 2rem 500%!important;
	margin-top: 3rem;
	width: 100%;
}
@media (max-width: 576px){
	.wrap-box-detail-feature{
		padding: 2rem 0;
		margin: auto!important;
		padding: auto!important;
		margin-top: 3rem;
		width: 100%;
	}
}
@media (min-width: 576px){
	.wrap-box-detail-feature .container{
	width: 510px;
	padding: 0;
	}
}
@media (min-width: 768px){
	.wrap-box-detail-feature .container{
	width: 690px;
	}
}
@media (min-width: 992px){
	.wrap-box-detail-feature .container{
	width: 930px;
	}
}
@media (min-width: 1200px){
	.wrap-box-detail-feature .container{
	width: 1080px;
	}
}

.box-detail-feature{
	padding: 2rem;
	background-color: #FFF;
	background-image: url(/wp-content/themes/mitsuya-gr/image/detail3.jpg);
	background-position: 115% center;
	background-size: 25%;
	background-repeat: no-repeat;
}
.box-detail-feature h2:after{
	content:none;
}
.box-product-images img{
	border: 1px solid #707070;
	cursor: pointer;
	display: block;
}
.box-contact-form h3{
	font-size: 1.4rem;
}
form p{
	line-height: 1.5;
	margin: 0;
}
form table + p{
	line-height: 2;
}
.cat-name{
	text-align: center;
}
.box-cat-product{
	height: 100%;
}
.box-cat-product a{
	background-color: #FFF;
	border:1px solid #d1d1d1;
	border-bottom-width: 3px;
	height: 100%;
	padding: 1.5rem;
	display: block;
	position: relative;
}
.box-cat-product a:hover{
	text-decoration: none;
}
.box-cat-product a figure{
	text-align: center;
}
.box-cat-product h4{
	font-size: 1.2rem;
	border-bottom: 1px solid #707070;
	padding-bottom: .8rem;
}
.box-cat-product h4 span{
	display: block;
	padding-bottom: .5rem;
	font-size: 1rem;
}
.box-cat-product a .supplement{
	color: #000;
}
.box-cat-product a > span{
	color: #707070;
	position: absolute;
	bottom: 10px;
	right: 1.5rem;
}
.box-item-cat{
	cursor: pointer;
	transition: .4s;
}
.box-item-cat:hover{
	opacity: .8;
}
.box-category-feature{
	background-color: #FFF;
	display: flex;
	margin: 3rem 0 4rem;
}
.box-category-feature h2:after{
	content:none!important;
}
.text-box-category-feature{
	padding: 2.5rem;
	width:100%;
}
.cat-variation{
	background-color: #d1d1d1;
	margin-left: -1.5rem;
	margin-right: -1.5rem;
	margin-top: -1.5rem;
	padding: 1.5rem 0;
}
.field-item-cat > div{
	flex-basis: calc(100%/6 - 10px);
	padding: 1rem;
}
.field-item-cat > div img{
	width: 100%;
	height: 100px;
	object-fit:cover;
}
#colophon .site-info{
	margin: 0;
}
#colophon .site-info ul{
	display: flex;
	flex-wrap: wrap;
}
#colophon .site-info ul li{
	flex-basis: 50%;
	margin: 0;
}
#colophon .site-info ul li a{
	color: #000;
	font-size: .8rem;
}
#sidebar ul{
	list-style: none;
	padding-left: 0;
}
.bcn{
	padding-top: .5rem;
	margin-bottom: 4rem;
}
.item-image-wrap > div{
	margin: 0!important;
}
.box-product-images{
	justify-content: space-between;
}
.box-product-images .blocks-gallery-item{
	max-width: calc(50% - 10px);
	flex-basis: 50%!important;
	margin-right: 0!important;
}
.box-special-version{
	background-color: #f7f7f7;
	padding: 1.4rem;
	border: 2px solid #d2d2d2;
}
.entry .entry-content, .entry .entry-summary{
	max-width: 100%;
	padding: 0;
	margin: 0;
}
.entry .entry-content > *, .entry .entry-summary > *{
	max-width: inherit;
}
.page aside{
	padding-left: 3rem;
}
.box-two-columns img{
	max-width: 200px!important;
}
.link-block a{
	background-color: #00643a;
	color: #FFF!important;
	text-decoration: none;
	display: inline-block;
	padding: .4rem 1rem;
	border-radius: 30px;
}
.future:after{
	display: inline-block;
	content: "予約投稿";
	background-color: #004eff;
	color: #FFF;
	padding: 5px;
	font-size: .8rem;
	margin-left: 5px;
}
.breadcrumbs{
	padding: 1rem 0;
}
.single time{
	padding: 5px;
	font-size: .8rem;
	background-color: #ededed;
}
.archive .entry{
	margin-top: 0;
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.08);
	display: flex;
}
.archive .entry time{
	flex-basis: 6rem;
}
.error404 #primary #main{
	flex-basis: 100%;
}
.site-header.featured-image .site-branding-container:after, .site-header.featured-image .site-featured-image:before, .site-header.featured-image .site-featured-image:after, .site-header.featured-image:after{
	content: none;
}
.site-header.featured-image .site-branding-container{
	margin: 0;
}
.link-block{
	background-color: #00643a;
	color: #FFF!important;
	padding: 1rem!important;
	display: inline-block;
}
.slider{
	margin-bottom: 2rem;
}
.page.page-template-page-product-information #main{
	padding-right: 0;
}
#detail{
	transition: .5s;
	display: none;
	transform: scaleY(0);
}
#detail.on{
	display: block;
	transform: scaleY(1);
}
.home .tab-content{
	padding-bottom: 0;
}
.isChild{
	padding-left: 1rem;
}
#sidebar ul.ul-gtandChild{
	padding-left: 2rem;
}
.box-item-cat.on{
	background-color: #e9ffe9;
}
.slider{
	position: relative;
}
.slick-dots{
	margin: 1rem 0;
	width: 100%;
	bottom: 0;
	position: relative;
}
.slider-wrap{
	position: relative;
}
.slider-pos-news {
    width: 100%;
    text-align: center;
    padding: 0.3rem 0;
    margin-bottom: 2rem;
}
#logo-container{
	display: flex;
	align-items: center;
}
.box-contact-info > *{
	margin-left: 1rem;
}
.box-contact-info .twitter{
	display: inline-block;
	padding-right: 1rem;
}
.box-contact-info .twitter img{
	max-width: 40px;
	height: auto;
}
.box-contact-info .tel{
	white-space: nowrap;
	line-height: 1;
	text-align: center;
}
.box-contact-info .tel small{
	letter-spacing: .1rem;
}
.site-footer{
	padding-top: 4rem;
}
.site-footer h1{
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
}

.site-footer .logoF {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

.slick-next{
	z-index: 10;
	right: 15px;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.27);
}
.slick-prev{
	z-index: 10;
	left: 15px;
	text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.27);
}
.entry .entry-content .wp-block-image .aligncenter{
	width: 100%;
	max-width: none;
}
.box-product-detail{
	display: flex;
	background-color: #FFF;
	border: 1px solid #e6e6e6;
	padding: 2.5rem 0 2.5rem 2.5rem;
	margin-bottom: 4rem;
}
.box-product-detail > figure{
	margin: -2.5rem 0;
	flex-basis: 25%;
}
.box-product-detail > figure img{
	height: 100%;
	width: 100%;
	object-fit:cover;
}
.box-product-detail .entry-footer{
	display: none;
}
.box-product-detail > div{
	flex-basis: 75%;
	padding-right: 2rem;
}
.box-product-detail .entry .entry-content p{
	margin: 0 0 1rem;
}
.box-product-detail .entry .entry-content h2{
	margin-top: 0;
}
.ul-gtandChild{
	display: none;
}
.related-menu .isChild{
	cursor: pointer;
}
.related-menu a{
	display: block;
}
.field-gaq dt{
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	padding-top: 2rem;
}
.field-gaq dt{
	margin-bottom: .5rem;
}
.field-gaq dd{
	margin-bottom: 2rem;
}
.field-gaq dt,
.field-gaq dd{
	display: flex;
}
.field-gaq span{
	flex-basis: 5%;
	min-width: 5%;
	display: flex;
	justify-content: center;
}
.field-gaq dt span{
	font-weight: bold;
	color: #0a6abe;
}
.field-gaq dd span{
	font-weight: bold;
	color: #bf0a31;
}
.field-case dt{
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	padding-top: 2rem;
}
.field-case dt{
	margin-bottom: 1rem;
	padding-right: 3rem;
	font-weight: normal;
	position: relative;
	cursor: pointer;
}
.field-case dt .case-arrow{
	color: #939393;
	position: absolute;
	right: 1rem;
	top:calc(50% - .5rem);
	transition: .4s;
}
.field-case dt.on .case-arrow{
	transform: rotate(180deg);
}
.field-case dt .user{
	margin-top: .5rem;
	font-weight: bold;
}
.field-case dt,
.field-case dd > div{
	display: flex;
}
.field-case dt > div:first-child span{
	border: 1px solid #000;
	display: inline-block;
	padding: .5rem;
	width: 7rem;
	text-align: center;
}
.field-case dd > div > div:first-child span{
	background-color: #00643a;
	display: inline-block;
	color: #FFF;
	padding: .5rem;
	width: 7rem;
	text-align: center;
}
.field-case dt > div:first-child,
.field-case dd > div > div:first-child{
	flex-basis: 12%;
	min-width: 8rem;
}
.settle{
	border: 1px solid #00643a;
	padding: 1rem;
}
.field-case dd{
	display: none;
	
}
.field-case dd{
	margin-bottom: 2rem;
}
.header-image{
	margin-bottom: 3rem;
}
.header-image img{
	width: 100%;
	height: auto;
}
.relation{
	display: inline-block;
	padding: .5rem;
	color: #FFF;line-height: 1;
	font-size: .9;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #00643a;
	border-radius: 4px;
}
.wp-block-gallery .blocks-gallery-item figure{
	margin: 0 1rem 1rem;
}

.page_item_has_children > .children{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
#sitemap_list .page_item_has_children > .children{
	display: flex;
	flex-wrap: wrap;
}
#sitemap_list .page_item_has_children > .children > li{
	flex-basis: 50%;
}
.box-product-detail .entry .entry-content p.desc-title{
	background-color: #31623c;
	color: #FFF;
	display: inline-block;
	text-align: center;
	width: 10rem;
	padding: .3rem;
	margin-bottom: .3rem;
}
.field-progress{
	display: flex;
	justify-content: space-around;
	margin-bottom: 2rem;
}
.field-progress div{
	width: 16rem;
	text-align: center;
	border: 1px solid #00643a;
	padding: 1.5rem;
	line-height: 1;
	color: #4b4b4b;
}
.field-progress div.active{
	border-width: 2px;
}
.field-progress strong{
	display: inline-block;
	margin-right: 1rem;
	align-items: center;
}
.field-progress > div + p{
	display: flex;
	align-items: center;
}
.field-progress span{
	content:"＞";
	color: #b5b5b5;
	display: block;
}
.box-contact-form .field-progress p{
	margin: auto;
	line-height: 1;
}
.news-contents article{
	font-size: 1.2rem;
}
.news-contents article .new,
.slider-pos-news .new{
	display: inline-block;
	padding: .2rem;
	color: #FFF;
	background-color: #e82d2d;
	border-radius: 4px;
	line-height: 1;
	font-size: .8rem;
	margin-right: .4rem;
}
.fixed-page-top{
	display: block;
	background-color: #000;
	color: #FFF;
	line-height: 1;
	padding: 1rem;
	border-radius: 50%;
	position: fixed;
	bottom: 10px;
	right: 10px;
	transition: .4s;
}
.fixed-page-top.on{
	display: none;
}
.fixed-page-top:hover,
.fixed-page-top:focus{
	color: #FFF;
	text-decoration: none;
	opacity: .8;
}
.box-form-align{
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.box-tech .detail h2 a{
	color: #000;
}
.is-style-table_th tr th,
.is-style-table_th tr td:first-child { 
    background: #f3f3f3;
    font-weight:bold;
}
.box-contact-info .youtube img {
    max-width: 40px;
    height: auto;
}
.cf7mls-btns .cf7mls_next.action-button,
form.cf7mls input.wpcf7-form-control.wpcf7-submit,
.cf7mls-btns .cf7mls_back.action-button{
	float: none;
	display: block;
	width: 20rem;
	max-width: 100%;
    background-color: #FFF;
    border: 1px solid #000;
    padding: 1rem;
    color: #000;
    font-weight: normal;
    margin: 2rem auto;
    border-radius: 30px;
    background: #FFF;
}
.cf7mls-btns .cf7mls_back.action-button{
    margin:0 auto 2rem;
    background: #e1e1e1;
}
.cf7mls_back.action-button{
    float: none;
    display: block;
    width: 20rem;
    max-width: 100%;
    background-color: #FFF;
    border: 1px solid #000;
    padding: 1rem;
    color: #000;
    font-weight: normal;
    margin: -2rem auto 0;
    border-radius: 30px;
    background: #FFF;
    font-size: 0.88889em;
    line-height: 1.2;
}
.fieldset-cf7mls-wrapper .wpcf7-not-valid-tip{
	font-size: 1em;
}
.fieldset-cf7mls-wrapper div.wpcf7-validation-errors{
	border: 2px solid #f7e700;
	color: #000;
	margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    font-size: 1rem;
}
.fieldset-cf7mls-wrapper div.wpcf7-validation-errors .wpcf7-icon-wraning{
	display: none;
}
.search-btn{
	width: 2rem;
	height: 2rem;
	border-radius: 100%;
	border: 1px solid #000;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.search-btn i{
	color: #000;
	font-weight: bold;
}
.search-box{
	position: relative;
}
.search-box #searchform{
	border-radius: 4px;
	background-color: #FFF;
}
.search-box #searchform .flex{
	display: flex;
}
.search-box #searchform .flex i{
	color: #FFF;
	font-weight: bold;
}
.search-box-sp{
	display: none;
}
.search-box button[type="submit"]{
	background: #00643a;
}
.search-results article:first-of-type{
	border-top: 1px solid #CCC;
}
.search-results article{
	margin-top: 0;
	border-bottom: 1px solid #CCC;
	padding: 1.5rem 0;
}
.search-results article:hover{
	background: #EEE;
}
.search.search-results .page-header{
	margin: 0 0 3rem;
}
.navigation.pagination{
	margin-top: 2rem;
}
.navigation.pagination .current{
	background: #00643a!important;
	color: #FFF;
}
.pagination .nav-links > *{
	padding: .6rem 1rem;
	margin: 0 5px;
}
.navigation.pagination a.page-numbers{
	background: #e9e9e9;
}
@media screen and (min-width:769px){
	.box-contact-form th{
		width: 30%;
	}
}

@media screen and (max-width:768px){
	.search-box-sp{
		display: flex;
		justify-content: center;
		margin-top: 1.5rem;
	}
	.search-box-sp #searchform .flex{
		display: flex;
	}
	.search-box-sp #searchform .flex i{
		color: #FFF;
		font-weight: bold;
	}
	.main-navigation .search-box-sp #searchform .flex button{
		padding: 0.76rem 1rem;
		background: #00643a;
		border: 1px solid #FFF;
	}
	.entry .entry-content .wp-block-image img{
		margin: auto;
	}
	.sm-2-col{
		display: flex;
	}
	.sm-2-col > div{
		flex-basis: 50%;
	}
	.no-block-table table th,
	.no-block-table table td{
		display: table-cell;
	}
	.field-progress strong{
		display: block;
		margin-right: 0;
	}
	.field-progress div{
		line-height: 1.5;
		padding: 1rem .5rem;
		width: auto;
		font-size: .8rem;
	}
	#primary{
		display: block;
	}
	#nav-tab a{
		flex-basis: calc(100% / 3 - 5px);
		padding: .5rem .5rem 0;
		line-height: 1.2;
	}
	#nav-tab a:after{
		margin: 0;
	}
	.tab-content{
		padding: 1rem;
	}
	.box-features-list{
		display: block;
	}
	.box-features-list ul{
		margin: 0;
	}
	.business-hour br{
		display: none;
	}
	#solution .box-solution .round{
		margin: auto auto 1rem;
	}
	table {
		width: calc(100% + 4rem);
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
		margin: auto -2rem;
	}
	table th, table td{
		display: block;
		border: none;
	}
	input{
		max-width: 100%;
	}
	.box-contact-form input[type="submit"]{
		padding: 1rem 5rem;
	}
	.footer-copyright{
		background-color: #FFF;
	}
	.footer-copyright a{
		color: #000;
	}
	.box-contact-promo h2{
		font-size: 1.4rem;
		line-height: 2.2rem;
		margin:auto 2rem 1rem;
	}
	.box-contact{
		text-align: center;
		border-radius: 30px;
	}
	#site-navigation{
		position: fixed;
		height: 100%;
		width: 100%;
		top:0;
		z-index: 100;
		transform: translateX(100%);
		transition: .5s;
	}
	.main-navigation .main-menu > li{
		display: block;
	}
	#menu-main a,
	#menu-main li:last-child a{
		border: none;
	}
	body.on{
		height: 100vh;
		overflow-y: hidden;
	}
	#site-navigation.on{
		transform: translateX(0);
		overflow-y: scroll;
	}
	.field-item-cat > div{
	    flex-basis: calc(100% /3 - 10px);
	}
	.field-item-cat > div{
		padding: .3rem;
	}
	.btn-menu{
		position: fixed;
		top:10px;
		left: -55px;
		transition: .5s;
		padding: 1.5rem .8rem;
		background-color: #000;
	}
	#site-navigation{
		margin-top: 0;
	}
	#site-navigation.on .btn-menu{
		left: 20px;
	}
	.btn-menu span{
		position: relative;
		width: 1.5rem;
		height: 2px;
		display: block;
		background-color: #FFF;
	}
	.btn-menu span:before{
		position: absolute;
		content: "";
		display: block;
		background-color: #FFF;
		width: 1.5rem;
		height: 2px;
		top:-8px;
	}
	.btn-menu span:after{
		position: absolute;
		content: "";
		display: block;
		background-color: #FFF;
		width: 1.5rem;
		height: 2px;
		top:8px;
	}
	#site-navigation.on .btn-menu span{
		background: none;
	}
	#site-navigation.on .btn-menu span:before{
		transform: rotate(45deg);
		top: 0;
	}
	#site-navigation.on .btn-menu span:after{
		transform: rotate(-45deg);
		top: 0;
	}
	#site-navigation.on #mega-menu-menu-1{
		margin-top: 5rem;
	}
	.main-navigation a,
	.main-navigation li{
		display: block!important;
	}
	.main-navigation .sub-menu{
		opacity: 1;
		position: static;
	}
	.box-sp-footer{
		position: fixed;
		width: 100%;
		bottom:0;
		padding: .6rem;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.box-sp-footer a{
		line-height: 1;
		background-color: #00643B;
		padding: .6rem 1rem;
		color: #FFF;
		width: 100%;
		display: block;
		border-radius: 10px;
	}
	.slick-dots{
		position: static;
	}
	.box-fetures{
		padding: 3rem 2rem;
	}
	.box-contact-promo{
		padding: 2rem;
	}
	.tel a{
		font-size: 1.8rem;
	}
	.box-contact-promo h2{
		margin-right: 0;
		margin-left: 0;
	}
	#solution .box-solution .round{
		margin: 2rem auto;
	}
	.detail-solution{
		margin-bottom: 3rem;
	}
	#solution .box-solution .detail-solution{
		font-weight: normal;
	}
	.detail-solution span{
		margin-bottom: 2rem;
	}
	#solution .link-detial{
		margin-bottom: -4rem;
	}
	#case img{
		width: 100%;
		height: auto;
	}
	.link-detial, .link-detial:visited{
		margin-top: 0;
		margin-bottom: 0;
	}
	.box-cliant{
		padding: 1rem;
	}
	.box-cliant span{
		flex-basis: calc(100% / 2);
		padding: 10px;
		display: flex;
		align-items: center;
	}
	.box-cliant img{
		margin: 0;
	}
	.sp-news-link{
		width: 90%;
		margin: auto;
		text-align: center;
		padding: 1rem;
		color: #000!important;
		border: 1px solid #000;
		border-radius: 40px;
		margin-bottom: 3rem;
	}
	.field-form input[type="submit"] {
	    background-color: #FFF;
	    border: 1px solid #000;
	    padding: 1rem 8rem;
	    color: #000;
	    font-weight: normal;
	    margin: 2rem 0;
	    border-radius: 30px;
	}
	.field-form h3{
		font-size: 1rem;
		display: flex;
		margin: 2rem auto;
		justify-content: center;
	}
	.field-form h3 i{
		margin-right: 5px;
	}
	.site-footer h1{
		display: block;
	}
	.site-footer .logoF{
		display: block;
	}
	.site-footer{
		border-top: 1px solid #6F7579;
		margin-top: 5rem;
	}
	form table {
		margin: auto;
		width: 100%;
	}
	form table th{
		background-color: #E9EEF6;
	}
	form table th p{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	form table th .required{
		background-color: #AA1919;
		color: #FFF;
		padding: 4px;
		border-radius: 4px;
		font-size: .9rem;
	}
	.page aside{
		padding-left: 0;
	}
	#feature-1{
		padding-top: 0;
	}
	#feature-1 .w-75{
		width: 100%!important;
	}
	section[id^="feature-"] h2{
		padding: 2rem 0;
		margin-bottom: 0;
	}
	#intro,
	#feature-1,
	#feature-2,
	#feature-3,
	#feature-4{
		background: none;
	}
	#feature-2{
		background-color: #000;
	}
	section[id^="feature-"] h3{
		font-size: 1.2rem;
		margin-bottom: 2rem!important;
	}
	#intro{
		background-color: #000;
		padding-top: 3rem;
	}
	#intro h2{
		margin-left: 0;
		font-size: 1.2rem;
		border-left: none;
	}
	#intro h3{
		font-size: 1.4rem;
	}
	#intro h4{
		color: #FFF;
		font-size: 1rem;
	}
	#intro p{
		text-align: left;
	}
	#feature-2 p{
		margin-bottom: 1rem;
	}
	#detail table{
		width: 100%;
		margin: auto;
	}
	.box-cat-product h4{
		font-weight: normal;
		color: #000;
	}
	.text-box-category-feature{
		padding: 2rem 1.5rem;
	}
	.box-category-feature{
		margin-bottom: 1rem;
	}
	.cat-variation{
		margin-top: -1rem;
	}
	.w-100 img{
		width: 100%;
		height: auto;
	}
	.box-detail-feature{
		background: no-repeat;
	}
	.box-detail-feature{
		background-color: #FFF;
	}
	.wrap-box-detail-feature{
		margin-left: -15px;
		margin-right: -15px;
		width: calc(100% + 30px);
	}
	.table-wrap{
		overflow-x: scroll;
	}
	#detail .table-wrap table{
		width: 200%;
	}
	.table-wrap table th,
	.table-wrap table td{
		display: table-cell;
		border: 1px solid #707070;
		border-collapse: collapse;
	}
	.page .content-area{
		padding: 0 1.5rem;
	}
	.w-sm-75{
		width: 75%;
	}
	.m-auto{
		margin: auto;
	}
	.related-menu{
		display: none;
	}
	.field-gaq span{
		flex-basis: 10%;
		min-width: 10%;
	}
	.field-item-cat > div img{
		height: 75px;
	}
	.field-case dt, .field-case dd > div{
		display: block;
	}
	.field-case dt > div:first-child, .field-case dd > div > div:first-child{
		margin-bottom: 1rem;
	}
	.font-bold{
		font-weight: bold;
	}
	.box-product-detail{
		flex-flow: column-reverse;
	}
	.box-product-detail > figure{
		margin: -2.5rem 0 2rem  -2.5rem ;
	}
	table{
		width: 180%;
		margin: auto;
	}
	.box-contact-form img{
		max-width: 100%;
	}
	.box-contact-form div[class*=col-]{
		padding: 0;
	}
	.field-form input[type="submit"]{
		padding: 1rem;
		text-align: center;
	}
	#logo-container{
		transform: translateX(-30px);
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{
		font-size: 1.2rem!important;
		border: none!important;
		padding: .4rem 1.5rem .7rem!important;
		border-bottom: 1px solid #FFF!important;
	}
	.contact-page #contact-form{
		margin-left: -1.5rem;
		margin-right: -1.5rem;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu{
		padding-left: 2rem;
	}
	#sitemap_list .page_item_has_children > .children{
		display: block;
	}
	#mega-menu-39-0-0 .mega-sub-menu .mega-sub-menu li:last-child,
	#mega-menu-39-0-1 .mega-sub-menu .mega-sub-menu li:last-child,
	#mega-menu-39-0-2 .mega-sub-menu .mega-sub-menu li:last-child{
		display: none!important;
	}
	.fixed-page-top,
	.fixed-page-top.on{
		display: none;
	}
	.cf7mls-btns .cf7mls_next.action-button,
	form.cf7mls input.wpcf7-form-control.wpcf7-submit,
	.cf7mls-btns .cf7mls_back.action-button{
		width: 10rem;
		margin: 2rem auto 0;
	}
	form.cf7mls input.wpcf7-form-control.wpcf7-submit + .wpcf7-spinner{
		display: none;
	}
	.cf7mls_back.action-button{
		float: right;
	    transition: background 150ms ease-in-out;
	    background: #0073aa;
	    border: none;
	    border-radius: 5px;
	    box-sizing: border-box;
	    color: #fff;
	    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	    font-size: 0.88889em;
	    font-weight: 700;
	    line-height: 1.2;
	    outline: none;
	    padding: 0.76rem 1rem;
	    text-decoration: none;
	    vertical-align: bottom;
	    margin-top: 1rem;
	    width: auto;
	}
	.slider-pos-news{
		text-align: left;
		margin-right: 1rem;
		margin-left: 1rem;
		width: auto;
	}
	.slider-pos-news time{
		display: block;
	}
}

.bigT{
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin-bottom:50px;
}
@media screen and (max-width:768px){
.bigT{
	font-size:25px;
	line-height:40px;
}
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pcc { display: block !important; }
.spp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pcc { display: none !important; }
    .spp { display: block !important; }
}