@charset "UTF-8";

/* CSS Document */

/*====================================

    page_ttl

====================================*/

.page_ttl {
    padding: 0 40px;
    background: url(../images/page_ttl.jpg) no-repeat center center;
    background-size: cover;
}
.page_ttl p {
    font-size: 200%;
    padding: 220px 0;
    color: #fff;
}

/*====================================

    comment

====================================*/

.comment {
    padding: 0 40px;
    background: #f0ebe3;
    padding: 100px 0;
    margin-bottom: 60px;
	text-decoration:none;
}
.comment .ttl {
    width: 100%;
    text-align: center;
    font-size: 140%;
    margin-bottom: 40px;
}
.comment p {
    width: 100%;
    text-align: center;
}


.oem-cate{
	display: flex;
	justify-content: center;
}

.oem-cate li{
	margin-right:30px;
}
.oem-cate-wrap{
	margin-top:50px;
	padding:30px;
}

/*====================================

    wrap_case

====================================*/

.wrap_case {
    padding: 0 40px;
    margin-bottom: 100px;
}
.wrap_case .inner {
}
.wrap_case .inner .inner_ttl {
    margin-bottom: 60px;
    font-size: 180%;
    width: 100%;
    text-align: center;
    font-weight: 400;
    border-bottom: 2px solid #eee;
    padding-bottom: 30px;
}
.wrap_case .inner .inner_ttl span {
    display: block;
    font-size: 50%;
    font-weight: 200;
    padding-top: .5em;
}
.wrap_case .inner .cell {
    margin-bottom: 80px;
}
.wrap_case .inner .cell:nth-child(odd) {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.wrap_case .inner .cell:nth-child(even) {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.wrap_case .inner .cell .ph {
     width: 40%;
}
.wrap_case .inner .cell .text {
     width: 60%;
}
.wrap_case .inner .cell:nth-child(odd) .text {
    padding-right: 60px;
}
.wrap_case .inner .cell:nth-child(even) .text {
    padding-left: 60px;
}
.wrap_case .inner .cell .text .ttl {
    font-size: 120%;
    font-weight: 400;
    margin-bottom: 20px;
}
.wrap_case .inner .cell .text p{
}