@charset "utf-8";
/* CSS Document */
.page{
	min-height:50vh;
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	トップ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#main{
	width:100%;
	position:relative;
	overflow:hidden;
	text-align:center;
}
#main video{
	width:100%;
	margin-top:-10%;
	z-index:1;
}
#main:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background:url(../img/home/overlay.png);
}
#main p{
	position:absolute;
    top:40%;
	text-align:center;
    z-index: 999;
	width:100%;
	height:100%;
	font-size:7vw;
	font-weight:bold;
	line-height:0.7em;
	color:rgba(255,255,255,0.9);
	font-family: "porsche";
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
#main p small{
	font-size:38px;
	font-weight: 900;
	font-family:'M PLUS 1p', sans-serif;
}
#solution-cat_list{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:0;
	padding:0;
}
#solution-cat_list li{
	list-style:none;
	text-align:center;
	flex-basis:16%;
	-webkit-flex-basis:16%;
	max-width:16%;
	margin:0;
}
#solution-cat_list li a{
	display:block;
	background:#eee;
	position:relative;
	margin-bottom:10px;
}
#solution-cat_list li a:before{
	display:block;
	content:"";
	padding-top:100%;
}
#solution-cat_list li a span{
	position:absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    right: 0;
	font-size:18px;
	margin-top: calc(25% - 5em);
}
#solution-cat_list li small,
#solution-cat_list li i{
	display:block;
}
#solution-cat_list li i{
	margin-top:10px;
}
#solution-cat_list li:last-child{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
	display:flex;
	display:-webkit-flex;
}
#solution-cat_list li:last-child a:before{
	display:none;
}
#solution-cat_list li:last-child a{
	flex-basis:50%;
	-webkit-flex-basis:50%;
	max-width:50%;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
	margin:0;
}
#solution-cat_list li:last-child a span{
	position:relative;
	top:0;
	margin:0;
}
#solution-cat_list li:last-child .solution-cat_listimg{
	display:block;
	flex-basis:50%;
	-webkit-flex-basis:50%;
	max-width:50%;
}
#trivia-mfp_list{
	margin:0 0 20px;
	padding:0;
}
#trivia-mfp_list li{
	list-style:none;
	flex-basis:32%;
	-webkit-flex-basis:32%;
	max-width:32%;
	position:relative;
}
#trivia-mfp_list li img{
	width:100%;
	height:auto;
	line-height:0;
	vertical-align:bottom;
}
#trivia-mfp_list li h4{
	margin:5px 0 0;
	padding:0;
}
#trivia-mfp_list li h4 a{
	display:block;
	background:#000;
	padding:10px;
	line-height:1.4em;
	color:#fff;
	font-size:15px;
}
#trivia-mfp_list li small{
	position:absolute;
	top:0;
	left:0;
}
#trivia-mfp_list li small a{
	background:rgba(230,206,110,1);
	padding:2px 10px;
	color:#000 !important;
}
#home_topics{
	background:#f2f2f2;
	padding:80px 0 100px;
}
#home_topics section{
	margin:0 auto !important;
}
#topics_list h5{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:20px 0;
}
#topics_list a img{
	width:100%;
	height:auto;
}
a.read-more{
	display:block;
	background:#000;
	color:#fff;
	padding:5px 10px;
	margin-top:10px;
	float:right;
}
#product-cat_list{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	padding:0;
}
#product-cat_list li{
	list-style:none;
	flex-basis:12%;
	-webkit-flex-basis:12%;
	max-width:12%;
	margin:0 0.5% 10px 0;
}
#product-cat_list li a{
	display:block;
	border:7px solid #eee;
	position:relative;
}
#product-cat_list li a:before{
	display:block;
	content:"";
	padding-top:100%;
}
#product-cat_list li a span{
	position:absolute;
	top:10px;
	left:10px;
}
#product-cat_list li a b{
	display:block;
	padding-right:5px;
	line-height:1.3em;
}
#product-cat_list li small{
	display:block;
	font-size:12px;
	margin-bottom:5px;
}
#home_case{
	background:url(../img/common/overlay_gray.png);
	padding:80px 0 100px;
}
#home_case section{
	margin:0 auto !important;
}
#home_case ul{
	margin-bottom:50px;
}
#case_list{
	margin:0;
	padding:0;
}
#case_list li{
	background:#fff;
}
#case_list li img{
	vertical-align:bottom;
	line-height:0;
}
#case_list li .home_case_left{
	flex-basis:45%;
	-webkit-flex-basis:45%;
	max-width:45%;
	min-height:290px
}
#case_list li .home_case_right{
	flex-basis:55%;
	-webkit-flex-basis:55%;
	max-width:55%;
}
#case_list li .home_case_right{
	padding:30px;
}
#case_list li h5{
	line-height:1.3em;
	border-left:10px solid #eee;
	padding-left:20px;
	font-size:21px;
}
#case_list li p{
	padding-left:30px;
	margin-bottom:10px;
}
#case_list li:nth-child(even) .home_case_left{
	order:1;
	-webkit-order:1;
}
@media screen and (max-width: 1380px) {
#main{
	height:auto;
}
#main video{
	position:relative;
	top:0;
	margin-top:0;
}
}
@media screen and (max-width: 1180px) {
#solution-cat_list li a span{
	font-size:16px;
}
#trivia-mfp_list li h4 a b{
	font-size:12px;
}
#product-cat_list li{
	flex-basis:16%;
	-webkit-flex-basis:16%;
	max-width:16%;
	margin:0 0.6% 10px 0;
}
}
@media screen and (max-width: 960px) {
#solution-cat_list li{
	flex-basis:32.3%;
	-webkit-flex-basis:32.3%;
	max-width:32.3%;
}
#solution-cat_list li:last-child{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
#solution-cat_list li:last-child a,
#solution-cat_list li:last-child .solution-cat_listimg{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
}
#solution-cat_list li:last-child a{
	padding:40px 0;
}
#trivia-mfp_list li{
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%; 
	margin-bottom:1.5em !important;
}
#trivia-mfp_list li h4{
	margin-bottom:0 !important;
}
#trivia-mfp_list li:nth-child(n+5){
	display:none;
}
#product-cat_list li{
	flex-basis:19%;
	-webkit-flex-basis:19%;
	max-width:19%;
	margin:0 1% 10px 0;
}
#trivia-mfp_list li h4 a{
	font-size:13px;
}
}
@media screen and (max-width: 768px) {
#product-cat_list li{
	flex-basis:24%;
	-webkit-flex-basis:24%;
	max-width:24%;
	margin:0 1% 10px 0 !important;
}
#product-cat_list li a b {
	font-size:16px;
}
}
@media screen and (max-width: 680px) {
#main p small{
	font-size:24px;
}
#solution-cat_list li a span{
	font-size:13px;
	line-height:1.4em;
}
#solution-cat_list li small{
	font-size:10px;
}
#solution-cat_list li:last-child a{
	padding:30px 0;
}
#topics_list h5{
	padding:10px 0;
}
#product-cat_list li a:before{
	display:none;
}
#product-cat_list li a span{
	position:relative;
	top:0;
	left:0;
}
#trivia-mfp_list li h4{
	font-size:10px;
	line-height:1.3em;
}
#trivia-mfp_list li:nth-child(n+3),
#product-cat_list li a br{
	display:none;
}
#trivia-mfp_list li,
#case_list li .home_case_left,
#case_list li .home_case_right{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
}
#home_topics,
#home_case{
    padding:50px 0;
}
#product-cat_list li{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
	margin:0 0 10px 0 !important;
}
#product-cat_list li a{
	padding:10px;
}
#case_list li{
	padding:20px !important;
	margin-bottom:20px !important;
}
#case_list li .home_case_left {
    min-height: 200px;
}
#case_list li .home_case_right {
    padding:0 !important;
}
#case_list li .home_case_right p{
	margin-bottom:0 !important;
}
#case_list li h5 {
    border-left:none;
    padding-left:0;
    font-size:18px;
}
#case_list li p {
    padding-left:0;
}
#case_list li:nth-child(even) .home_case_left{
	order:0;
	-webkit-order:0;
}
}
@media screen and (max-width: 480px) {
#main p small{
	font-size:21px;
}
}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	業務改善提案
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.solution_click{
	text-align:center;
	display:block;
	margin-bottom:5px;
}
.solution_click i{
	font-size:24px;
}
#solution_list{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:0 auto;
	padding:0;
}
#solution_list li{
	list-style:none;
	text-align:center;
	flex-basis:16%;
	-webkit-flex-basis:16%;
	max-width:16%;
	margin:0 0 10px 0;
}
#solution_list li a{
	display:block;
	background:#eee;
	position:relative;
	padding:15px 0;
	margin-bottom:10px;
}
#solution_list li a:hover,
#solution_tax li a:hover{
	background:rgba(230,206,110,1);
	opacity:1 !important;
	-webkit-opacity:1 !important;
	-moz-opacity:1 !important;
	filter: alpha(opacity=100) !important;
}
#solution_list li.active a,
#solution_tax li.active a{
	background:rgba(230,206,110,1);
}
#solution_list li a span{
	font-size:18px;
}
#solution_list li small,
#solution_list li i{
	display:block;
}
#solution_list li small{
	font-size:12px;
}
#solution_list li i{
	margin-top:5px;
}
/*TAX*/
#solution_tax{
	display:flex;
	display:-webkit-flex;
	margin:0 auto;
	padding:0;
}
#solution_tax li{
	flex-grow: 1;
	-webkit-flex-grow: 1;
	list-style:none;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	text-align:center;
	margin:0 0 10px 0;
	border:2px solid #fff;
}
#solution_tax li a{
	display:block;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:center;
	-webkit-justify-content:center;
	width:100%;
	background:#eee;
	position:relative;
	margin-bottom:2px;
	padding:10px;
}
#solution_tax li a b{
	width:100%;
}
#solution_tax li a span{
	display:block;
	max-width:90%;
	margin:0 auto;
	text-align:center;
}
#solution_tax li a span img{
	width:100%;
	height:auto;
}
/*SINGLE*/
.module-solution .linkbox{
	display:none;
}
#solution_post{
	margin:80px auto;
}
#solution_post h3{
	padding-bottom:10px;
	margin-bottom:40px;
}
#solution_post h3 br{
	display:none;
}
.solution_item{
	padding:80px 0;
	border-top:5px solid #eee;
}
#solution_post .flex_left{
	flex-basis:40%;
	-webkit-flex-basis:40%;
	max-width:40%;
	text-align:center;
}
#solution_post .flex_right{
	flex-basis:57%;
	-webkit-flex-basis:57%;
	max-width:57%;
}
#solution_post .flex_right{
	background:#eee;
	padding:40px;
}
#solution_post .flex_left h4{
	display:inline-block;
}
#solution_post .flex_left h4 small{
	display:block;
	font-size:16px;
}
#solution_post .flex_left span{
	flex-basis:80%;
	-webkit-flex-basis:80%;
	width:80%;
	display:block;
	margin:0 auto;
	text-align:center;
}
#solution_post .flex_left span img{
	width:100%;
	height:auto;
}
#solution_post .solution_text b{
	color:rgba(255,0,0,1);
	font-weight:900;
}
#solution_post .solution_points{
	margin:30px 0;
	background:#fff;
	padding:30px 30px 30px 40px;
}
#solution_post .solution_points li{
	border-bottom:2px dotted #000;
	padding:7px 0 !important;
	margin-bottom:10px;
}
#solution_post nav a{
	background:#000;
	text-align:center;
	display:block;
	flex-basis:32.3%;
	-webkit-flex-basis:32.3%;
	max-width:32.3%;
	color:#fff;
	padding:15px 0;
	font-size:18px;
	line-height:1.4em;
}
#solution_post .solution_cases{
	margin:40px 0 0;
}
#solution_post .solution_cases ul{
	margin:0;
	padding:0;
}
#solution_post .solution_cases li{
	margin-bottom:1em;
	list-style:none;
	align-items:center;
	-webkit-align-items:center;
}
#solution_post .solution_cases li a.solution_case_left{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
#solution_post .solution_cases li a.solution_case_right{
	flex-basis:77%;
	-webkit-flex-basis:77%;
	max-width:77%;
}

@media screen and (max-width: 1280px) {
#solution_tax li a{
	font-size:13px;
	line-height:1.4em;
}
}

@media screen and (max-width: 960px) {
#solution_list li a b{
	font-size:14px;
	line-height:1.3em;
}
#solution_list li a small{
	display:none;
}
#solution_tax{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
#solution_tax li{
	flex-basis:16.6%;
	-webkit-flex-basis:16.6%;
	max-width:16.6%;
	margin-bottom:0;
}
#solution_tax li a b{
	line-height:1.4em;
}
#solution_tax li a{
	padding-bottom:0;
	line-height:1.3em;
}
#solution_tax li a span{
	width:80%;
}
}
@media screen and (max-width: 768px) {
#solution_list li{
	flex-basis:32.3%;
	-webkit-flex-basis:32.3%;
	max-width:32.3%;
}
#solution_list li a span br{
	display:none;
}
.solution_single .linkbox{
	display:block;
	background:rgba(230,206,110,1);
	color:#000;
}
.solution_single .linkbox i{
	color:#000;
}
.solution_single .solution_click,
.solution_single #solution_list,
.solution_single #solution_tax{
	display:none;
}
.solution_single #solution_post{
	margin:30px auto;
}
.solution_single .solution_item {
    margin: 30px 0;
    padding: 30px 0;
    border-top: 1px solid #000;
}
.solution_single #solution_post h3{
	padding-bottom:0;
	margin-bottom:30px;
}
#solution_post .flex_left{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	margin-bottom:30px;
}
#solution_post .flex_left h4{
	flex-basis:75%;
	-webkit-flex-basis:75%;
	max-width:75%;
	text-align:left;
}
#solution_post .flex_left span{
	flex-basis:25%;
	-webkit-flex-basis:25%;
	max-width:25%;
}
}
@media screen and (max-width: 680px) {
.solution_click{
	margin-bottom:0;
}
#solution_list li{
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%;
}
#solution_list li a{
	padding:10px 5px;
	margin-bottom:5px;
}
#solution_list li i{
	font-size:13px;
}
#solution_tax li{
	flex-basis:25%;
	-webkit-flex-basis:25%;
	max-width:25%;
}
#solution_post .flex_left h4 small{
	font-size:12px;
}
#solution_post .flex_left{
	margin-bottom:10px;
}
#solution_post nav a {
    padding: 10px 0;
    font-size: 13px;
    line-height: 1.3em;
}
#solution_post nav a span{
	display:none;
}
}
@media screen and (max-width: 480px) {
#solution_tax li{
	flex-basis:33.3%;
	-webkit-flex-basis:33.3%;
	max-width:33.3%;
}
#solution_tax li a span{
	width:60%;
}
#solution_post .flex_right{
	padding:20px 10px;
}
#solution_post .solution_points {
    margin:20px 0;
}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	アフターフォロー
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#after_follow h3{
	background:#eee;
	padding:10px;
	position:relative;
	margin-bottom:70px;
}
#after_follow h3:after{
    content: "▼";
    color: #eee;
    font-size: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -40px;
    transform: scale(3, 1);
}
.after_follow_content:nth-child(even) .flex_left{
	order:1;
	-webkit-order:1;
}
.after_follow_yochi{
	margin: 0 !important;
	padding: 0 !important;
}
.after_follow_yochi li{
	list-style: none !important;
	margin-bottom: 40px !important;
}
.after_follow_yochi li h5 {
    background: #d7d7d7;
    font-size: 21px;
    padding: 10px;
    border-left: 10px solid #fc0;
	margin-bottom: 10px !important;
}
.after_follow_yochi li p{
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
#after_follow h3{
	margin-bottom:20px;
}
#after_follow h3:after{
    font-size: 30px;
    margin-left: -15px;
    bottom: -20px;
}
#after_follow .flex_left{
	margin-bottom:30px;
}
#after_follow02 .flex_left,
#after_follow04 .flex_left{
	order:0;
	-webkit-order:0;
}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	CS
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#cs_main{
	width:100%;
	height:280px;
	background:url(../img/cs/main.jpg) center center;
	background-size:cover;
	margin-bottom:30px;
}
#cs{
	margin:0;
	padding:0;
}
#cs li{
	border:10px solid #eee;
	padding:20px !important;
	align-items:center;
	-webkit-align-items:center;
}
#cs .flex_left{
	flex-basis:40%;
	-webkit-flex-basis:40%;
	max-width:40%;
	font-size:28px;
	font-weight: 900;
	font-family:'M PLUS 1p', sans-serif;
}
#cs .flex_left small{
	display:block;
	font-size:18px;
	margin-top:10px;
	padding-left:1.7em;
}
#cs .flex_right{
	flex-basis:60%;
	-webkit-flex-basis:60%;
	max-width:60%;
}
#cs li b{
	color:#ff0000;
}
@media screen and (max-width: 1180px) {
#cs .flex_left,
#cs .flex_right{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
}
#cs .flex_left{
	margin-bottom:30px;
}
}
@media screen and (max-width: 480px) {
#cs .flex_left{
	font-size:20px;
	margin-bottom:20px;
}
#cs .flex_left small{
	padding-left:0;
}
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	取扱製品
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#product h3{
	margin:80px auto 10px;
}
#product_tax{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.product_tax_list{
	margin-bottom:80px;
}
.product_tax_list h4{
	margin-bottom:0;
	font-size:28px;
	line-height:1.4em;
	background:#eee;
	padding:10px;
}
.product_tax dl{
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%;
}
.product_tax dt{
	margin-bottom:10px;
}
.product_tax dt p{
	font-size:21px;
	margin-bottom:0;
}
.product_tax dd{
	margin:0 0 5px 0 !important;
	padding:0;
}
.product_tax dd a{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	border:1px solid #999;
	padding:10px;
	margin-bottom:5px;
}
.product_tax dd a:hover{
	color:rgba(230,206,110,1);
}
.product_tax dd span{
	flex-basis:10%;
	-webkit-flex-basis:10%;
	max-width:10%;
}
.product_tax dd span img{
	max-width:50px;
}
.product_tax dd b{
	flex-basis:85%;
	-webkit-flex-basis:85%;
	max-width:85%;
	display:block;
	text-align:left;
	padding-left:10px;
}
.product_tax dd i{
	flex-basis:5%;
	-webkit-flex-basis:5%;
	max-width:5%;
	padding-right:2px;
}
#product_tax h4{
	margin-bottom:0;
	font-size:18px;
	line-height:1.4em;
	background:#eee;
	padding:10px;
}
#product_tax dl{
	flex-basis:49%;
	-webkit-flex-basis:49%;
	max-width:49%;
}
#product_tax dt{
	margin-bottom:10px;
}
#product_tax dd li{
	list-style:none;
	margin:0 0 5px 0 !important;
	padding:0;
}
#product_tax dd li a{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	align-items:center;
	-webkit-align-items:center;
	border:1px solid #999;
	padding:10px;
}
#product_tax dd li a:hover{
	color:rgba(230,206,110,1);
}
#product_tax dd li span{
	flex-basis:10%;
	-webkit-flex-basis:10%;
	max-width:10%;
}
#product_tax dd li span img{
	max-width:50px;
}
#product_tax dd li b{
	flex-basis:85%;
	-webkit-flex-basis:85%;
	max-width:85%;
	display:block;
	text-align:left;
	padding-left:10px;
}
#product_tax dd li i{
	flex-basis:5%;
	-webkit-flex-basis:5%;
	max-width:5%;
	padding-right:2px;
}
@media screen and (max-width: 768px) {
#product_tax dl{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
}
}

@media screen and (max-width: 768px) {
.product_tax dl{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
}
}
@media screen and (max-width: 680px) {
.product_tax_list h4{
	font-size:21px;
}
}
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	事例紹介
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*ARCHIVE*/
.case_archive #case_list{
	margin:0;
	padding:0;
}
.case_archive #case_list li:nth-child(even) .home_case_left{
	order:0;
	-webkit-order:0;
}
.case_archive #case_list li .home_case_right p{
	margin-bottom:0 !important;
}
/*SINGLE*/
#case_post .post img{
	max-width:100%;
	height:auto;
}
#case_post b{
	color:rgba(204,0,0,1);
}
#case_profile{
	margin-bottom:80px;
}
#case_profile table{
	margin-bottom:30px;
}
#case_profile th,
#case_profile td{
	font-weight:normal;
	vertical-align:top;
	padding:10px 0;
	border-bottom:1px dotted #000;
	text-align:left;
}
#case_profile th{
	width:20%;
}
#case_profile td{
	width:80%;
	word-break:break-all;
}
#case_before,
#case_after{
	margin-bottom:80px;
}
#case_before img,
#case_after img{
	display:block;
	margin-bottom:20px;
}
#case_before dl,
#case_after dl{
	margin:0 0 50px;
}
#case_before span,
#case_after span{
	font-size:28px;
	font-weight:bold;
	padding-right:5px;
}
#case_before dt,
#case_after dt{
	font-weight:500px;
	font-size:21px;
	margin:0 0 1em;
	border:1px solid #000;
	padding:10px;
	font-family: 'M PLUS 1p', sans-serif;
	font-weight:900;
}
#case_before dd,
#case_after dd{
	padding-left:45px;
	font-weight:normal; 
}
#case_post h4{
	background:#000;
	color:#fff;
	padding:20px;
	text-align:center;
	position:relative;
	margin-bottom:50px;
}
#case_post h4:after {
    content: "▼";
    color: #000;
    font-size: 50px;
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: -40px;
    transform: scale(3, 1);
}
.case_solution{
	margin-bottom:50px;
	align-items:center;
	-webkit-align-items:center;
}
@media screen and (max-width: 768px) {
.case_archive #case_list li {
	padding:0 !important;
}
.case_archive #case_list li .home_case_left,
.case_archive #case_list li .home_case_right{
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    max-width: 100%;
}
#case_list li .home_case_right {
    padding: 30px 0;
}
.case_archive #case_list li{
	margin-bottom:40px !important;
	border-bottom:1px solid #000;
}
#case_profile{
	margin-bottom:50px;
}
#case_before .flex_left img,
.case_solution .flex_left img,
#case_after .flex_left img{
	display:block;
	text-align:center;
	margin:0 auto 20px;
}
#case_before .flex_left,
.case_solution .flex_left,
#case_after .flex_left{
	order:1;
	-webkit-order:1;
}
#case_before dt, #case_after dt {
    font-size:16px;
}
}







/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	教えて複合機
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#mfp_nav{
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
	margin:0 auto!important;
	padding:0 !important;
}
#mfp_nav li{
	list-style:none;
	flex-basis:16%;
	-webkit-flex-basis:16%;
	max-width:16%;
	margin: 0 0.3%;
}

#mfp_nav li a{
	padding:10px 0;
	color:#fff;
	background:#000;
	width:100%;
	display:block;
	text-align:center;
}
#mfp_nav li a:hover,
#mfp_nav li.current-cat a{
	background:rgba(230,206,110,1);
	color:#000;
	opacity:1 !important;
	-webkit-opacity:1 !important;
	-moz-opacity:1 !important;
	filter: alpha(opacity=100) !important;
}
#mfp_post{
	margin:50px auto;
}
#mfp_post ul{
	margin:0;
	padding:0;
}
#mfp_post li{
	flex-basis:47%;
	-webkit-flex-basis:47%;
	max-width:47%;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #999;
}
#mfp_post .mfp_thumb{
	flex-basis:40%;
	-webkit-flex-basis:40%;
	max-width:40%;
}
#mfp_post .mfp_thumb img{
	width:100%;
	height:auto;
	vertical-align:bottom;
	line-height:0;
}
#mfp_post .mfp_text{
	flex-basis:55%;
	-webkit-flex-basis:55%;
	max-width:55%;
}
#mfp_post .mfp_text h4{
	margin-bottom:10px;
}
#mfp_post .mfp_text h4 a{
	display:block;
	text-align:left;
	line-height:1.3em;
	font-size:19px;
}
#mfp_post .mfp_text span{
	display: inline-block;
	margin-right: 3px;
	margin-bottom: 5px;
}
#mfp_post .mfp_text small a{
	background:#000;
	color:#fff;
	padding:2px 20px 3px;
	font-size:12px;
}
#mfp_post .mfp_text small a:hover{
	background:rgba(230,206,110,1);
	color:#000;
	opacity:1 !important;
	-webkit-opacity:1 !important;
	-moz-opacity:1 !important;
	filter: alpha(opacity=100) !important;
}
.pagenation .flex_right{
	text-align:right;
}
/*SINGLE*/
.mfp_main{
	flex-basis:60%;
	-webkit-flex-basis:60%;
	max-width:60%;
	border-right:1px solid #000;
	padding-right:5%;
}
.mfp_main h3{
	text-align:left;
}
.mfp_main img{
	max-width:100%;
	height:auto;
}
.mfp_right{
	flex-basis:40%;
	-webkit-flex-basis:40%;
	max-width:40%;
	padding-left:5%;
}
.mfp_right ul{
	margin:0;
	padding:0;
}
.mfp_right li{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
}
.mfp_right li h4 a{
	font-size:17px !important;
}
.mfp_main h3.post_title{
	font-size:34px;
	border-left:10px solid #eee;
	padding-left:20px;
}
#mfp_post .post{
	margin-bottom:80px;
}

@media screen and (max-width: 1380px) {
	#mfp_nav li a{
		font-size: 13px;
	}
	#mfp_post .mfp_text small a {
		display: inline-block;
		text-align: center;
		padding: 2px 5px 3px;
		font-size: 10px;
	}
}
@media screen and (max-width: 980px) {
	.mfp-lead{
		text-align: left !important;
	}
	.mfp-lead br{
		display: none;
	}
	#mfp_nav{
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
	}
	#mfp_nav li {
		flex-basis:32.3%;
		-webkit-flex-basis:32.3%;
		max-width:32.3%;
		margin: 0 0.5% 5px !important;
	}
}

@media screen and (max-width: 768px) {
#mfp_post li{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
	padding-bottom: 20px !important;
	margin-bottom:20px !important;
}
/*SINGLE*/
.mfp_main{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
	border-right:none;
	padding-right:0;
	margin-bottom:50px;
}
.mfp_right,
.mfp_right li .mfp_thumb,
.mfp_right li .mfp_text{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
	padding-left:0;
	margin-bottom:5px;
}
.mfp_right li{
	flex-basis:19% !important;
	-webkit-flex-basis:19% !important;
	max-width:19% !important;
	align-items:flex-start;
	-webkit-align-items:flex-start;
}
.mfp_right li h4 a{
	font-size:12px !important;
	font-weight:normal;
}
.mfp_right li .mfp_text{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.mfp_right li .mfp_text .cat a,
.mfp_right li .mfp_text .cat,
.mfp_right li .mfp_text .cat span{
	display:block;
	width:100%;
	text-align:center;
}
.mfp_right li .mfp_text h4{
	order:1;
	-webkit-order:1;
	margin-top:10px;
}
}

@media screen and (max-width: 680px) {
	#mfp_nav li a{
		font-size: 11px;
	}
#mfp_post .mfp_text h4 a {
    font-size: 14px;
}
.mfp_main h3.post_title {
    font-size: 24px;
    border-left: 10px solid #eee;
    padding-left: 20px;
}
.mfp_right li{
	flex-basis:32% !important;
	-webkit-flex-basis:32% !important;
	max-width:32% !important;
}
}











/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	製品トピックス
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#topics_post{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
#topics_post h3{
	text-align:left;
	font-size:38px;
}
.topics_main{
	flex-basis:55%;
	-webkit-flex-basis:55%;
	max-width:55%;
}
.topics_main .post_header{
	margin:0 0 20px;
}
.topics_main .post,
.topics_archive .topics_main ul{
	border-left:10px solid #eee;
	padding-left:30px;
	margin-bottom:40px;
}
.topics_main img{
	display:block;
	max-width:100%;
	height:auto;
}
.topics_left{
	flex-basis:15%;
	-webkit-flex-basis:15%;
	max-width:15%;
}
.topics_right{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
.topics_left ul,
.topics_right ul{
	margin:0 0 40px;
	padding:0;
}
.topics_left li,
.topics_right li{
	padding:0;
	margin:0 0 10px;
	list-style:none;
}
.topics_right li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #000;
}
.topics_right li a{
	flex-basis:25%;
	-webkit-flex-basis:25%;
	max-width:25%;
}
.topics_right li a img{
	width:100%;
	height:auto;
}
.topics_right li p{
	flex-basis:70%;
	-webkit-flex-basis:70%;
	max-width:70%;
	text-align:left;
	font-size:13px;
	line-height:1.3em;
}
.topics_main .post table{
	width:100% !important;
}
/*アーカイブ*/
.topics_archive h3{
	margin:50px auto;
	font-size:24px;
}
.topics_archive .topics_main{
	flex-basis:80%;
	-webkit-flex-basis:80%;
	max-width:80%;
}
.topics_archive .topics_main li{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin-bottom:20px;
	padding-bottom:20px !important;
	border-bottom:1px solid #999;
}
.topics_archive li h5{
	text-align:left;
	font-size:24px;
	margin-bottom:10px;
}
.topics_thumb{
	flex-basis:25%;
	-webkit-flex-basis:25%;
	max-width:25%;
}
.topics_text{
	flex-basis:70%;
	-webkit-flex-basis:70%;
	max-width:70%;
}
.topics_text h5{
	line-height:1.3em;
}
.topics_text p{
	font-size:14px;
}
.topics_main .pagenation{

}
.topics_main .pagenation a{
	flex-basis:32%;
	-webkit-flex-basis:32%;
	max-width:32%;
	display:flex;
	display:-webkit-flex;
}
.topics_main .pagenation a span{
	flex-basis:100%;
	-webkit-flex-basis:100%;
	max-width:100%;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:normal;
	line-height:1.3em;
}
.topics_main .pagenation .prev span{
	text-align:left;
}
.topics_main .pagenation .back span{
	justify-content:center;
	-webkit-justify-content:center;
}
.topics_main .pagenation .next span{
	text-align:right;
}

@media screen and (max-width: 768px) {
.topics_main,
.topics_left,
.topics_right{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
}
.topics_archive .topics_main{
	order:1;
	-webkit-order:1;
}
.topics_right{
	order:2;
	-webkit-order:2;
}
.topics_archive .topics_main li{
	margin-bottom:20px !important;
}
.topics_left h5{
	margin-bottom:5px;
}
.topics_left .blog_cat{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
.topics_left .blog_cat li{
	flex-grow: 1;
	display:flex;
	display:-webkit-flex;
	padding:0 2px;
}
.topics_left .blog_cat li a{
	background:#000;
	color:#fff;
	display:block;
	width:100%;
	text-align:center;
	padding:10px;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}
.topics_left .blog_archive,
.topics_right{
	display:none;
}
.topics_main .post, .topics_archive .topics_main ul {
    border-left: none;
    padding-left: 0;
}
.pagenation a{
	background:#000;
	color:#fff;
	padding:10px;
	margin-bottom:5px;
	font-size:12px;
}
}

@media screen and (max-width: 680px) {
.topics_thumb,
.topics_text{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
}
.topics_left .blog_cat{
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
.topics_left .blog_cat li{
	flex-basis:49.7% !important;
	-webkit-flex-basis:49.7% !important;
	max-width:49.7% !important;
	padding:0;
	margin-bottom:2px !important;
}
#topics_post h3 {
    font-size: 24px;
}
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	なでしこ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
#nadeshiko_post li{
	list-style:none;
	flex-basis:33%;
	-webkit-flex-basis:33%;
	max-width:33%;
	border:1px solid #000;
	padding:5px;
}
#nadeshiko_post li a{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
#nadeshiko_post li a img{
	width:100%;
	height:auto;
	line-height:0;
	vertical-align:bottom;
}
#nadeshiko_post li .nj_vol{
	flex-basis:75%;
	-webkit-flex-basis:75%;
	max-width:75%;
}
#nadeshiko_post li:last-child{
	margin-bottom:1.5em !important;
}








/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	サイトマップ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.wrapper .wsp-container:nth-child(2) h2,
.wrapper .wsp-container li br{
	display:none;
}
.wrapper .wsp-container h2,
.wrapper .wsp-container h2 a{
	font-size:38px;
	text-align:left;
	margin:50px 0 10px;
}
.wrapper .wsp-container{
	margin:50px auto 0;
}
.wrapper .direct{
	margin:0;
}
.wrapper .wsp-container ul{
	margin:0;
	padding:0;
}
.wrapper .wsp-container li{
	list-style:none;
}
.wrapper .wsp-container li a{
	display:block;
	padding:10px 20px 10px 10px;
	background:#eee;
	border-left:5px solid #ccc;
}