@charset "UTF-8";
  .ratetxt {
padding: 8px;
margin-right: 10px;
font-weight: 600;
font-size: 15px;
font-size: 0.937rem;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border: 1px dotted #707070;
color: #595757;
}
.rate {
position: relative;
display: inline-block;
width: 100px;
height: 16px;
font-size: 20px;
}
.rate:before, .rate:after {
position: absolute;
top: 0;
left: 0;
content: '★★★★★';
display: inline-block;
height: 20px;
line-height: 20px;
}
.rate:before {
color: #ddd; }
.rate:after {
color: #ffa500;
overflow: hidden;
white-space: nowrap; }
.rate00:after {
width: 0;
}
.rate05:after {
width: 10px;
}
.rate10:after {
width: 20px;
}
.rate15:after {
width: 30px;
}
.rate20:after {
width: 40px;
}
.rate25:after {
width: 50px;
}
.rate30:after {
width: 60px;
}
.rate35:after {
width: 70px;
}
.rate40:after {
width: 80px;
}
.rate45:after {
width: 90px;
}
.rate50:after {
width: 100px;
} .balloon4 {
position: relative;
padding: 20px;
border-radius: 10px;
color: #3e3a39;
background-color: #fee8e8;
margin-left: 110px; margin-right: 40px;
margin-bottom: 40px;
margin-top: 40px;
} .balloon4 .icon {
position: absolute;
left: -110px;
top: 0;
} .balloon4::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -15px;
top: 20px;
border-right: 15px solid #fee8e8;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.balloon4 .icon img {
width: 84px;
height: 84px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
} .balloon7 {
position: relative;
padding: 20px;
border-radius: 10px;
color: #3e3a39;
background-color: #f5f5f8;
margin-left: 110px; margin-right: 40px;
margin-bottom: 40px;
margin-top: 40px;
} .balloon7 .icon {
position: absolute;
left: -110px;
top: 0;
} .balloon7::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -15px;
top: 20px;
border-right: 15px solid #f5f5f8;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.balloon7 .icon img {
width: 84px;
height: 84px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
} .balloon5 {
position: relative;
padding: 20px;
border-radius: 10px;
color: #333;
background-color: #daf2fc;
margin-right: 110px; margin-left: 40px;
margin-bottom: 40px;
margin-top: 40px;
} .balloon5 .icon {
position: absolute;
right: -110px;
top: -5px;
op: 0;
width: 84px;
height: 84px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.balloon5 .icon img {
width: 84px;
height: 84px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
} .balloon5::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -15px;
top: 20px;
border-left: 15px solid #daf2fc;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
} .balloon6 {
position: relative;
padding: 20px;
border-radius: 10px;
color: #333;
background-color: #edf9fe;
margin-right: 110px; margin-left: 40px;
margin-bottom: 40px;
margin-top: 40px;
} .balloon6 .icon {
position: absolute;
right: -110px;
top: -5px;
op: 0;
width: 84px;
height: 84px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.balloon6 .icon img {
width: 84px;
height: 84px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.balloon6 .seo img {
padding: 6px 6px 15px 6px;
} .balloon6::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -15px;
top: 20px;
border-left: 15px solid #edf9fe;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
@media screen and (max-width: 768px) {
.balloon4 {
position: relative;
padding: 20px;
border-radius: 10px;
color: #3e3a39;
background-color: #fee8e8;
margin-left: 110px; margin-right: 0px;
margin-bottom: 30px;
margin-top: 30px;
}
.balloon7 {
position: relative;
padding: 20px;
border-radius: 10px;
color: #3e3a39;
background-color: #f5f5f8;
margin-left: 110px; margin-right: 0px;
margin-bottom: 30px;
margin-top: 30px;
}
.balloon5 {
position: relative;
padding: 20px;
border-radius: 10px;
color: #333;
background-color: #daf2fc;
margin-right: 110px; margin-left: 0px;
margin-bottom: 30px;
margin-top: 30px;
}
.balloon6 {
position: relative;
padding: 20px;
border-radius: 10px;
color: #333;
background-color: #edf9fe;
margin-right: 110px; margin-left: 0px;
margin-bottom: 30px;
margin-top: 30px;
}
.balloon6 .seo img {
padding: 0 0 12px 0;
}
}
.p-editor .p-table3 {
margin-bottom: 20px;
}
.p-editor .p-table3 table {
border-bottom: 1px solid #ccc;
border-collapse: collapse;
border-spacing: 0;
line-height: 2;
font-size: 14px;
font-size: 0.875rem;
}
.p-editor .p-table3 table tr {
border-top: 1px solid #ccc;
}
.p-editor .p-table3 table th {
width: 35%;
padding: 5px 15px;
background: #fcfcfc;  }
.p-editor .p-table3 table td {
width: calc(100% - 35%);
padding: 5px 15px;
background-color: #fcfcfc;
}
@media screen and (max-width: 768px) {
.p-editor .p-table3 table {
line-height: 1.8;
font-size: 13px;
font-size: 0.812rem;
}
.p-editor .p-table3 {
margin-bottom: 15px;
}
.p-editor .p-table3 table th {
width: 100px !important;
padding: 5px 10px;
}
.p-editor .p-table3 table td {
width: calc(100% - 100px) !important;
padding: 5px 10px;
}
}
.p-editor .p-anchorBox2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
margin-bottom: 20px;
padding: 10px;
border: solid 1px #9fa0a0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; }
.p-editor .p-anchorBox2__head {
margin: 40px 0 -60px 10px;
}
.p-editor .p-anchorBox2__top {
padding: 8px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #f5f8f8;
background: #595757;
line-height: 1.75;
font-size: 12px;
font-size: 0.75rem;
}
.p-editor .p-anchorBox2__img {
width: 150px;
height: 100px;
margin-top: 15px;
}
.p-editor .p-anchorBox2__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.p-editor .p-anchorBox2__right {
width: calc(100% - 150px);
padding-left: 15px;
}
.p-editor .p-anchorBox2__title {
margin-bottom: 0px;
padding: 5px 0 0 0;
color: #595757;
font-weight: 800;
}
.p-editor .p-anchorBox2__text {
line-height: 1.75;
font-size: 16px;
font-size: 1rem;
}
.p-editor .p-anchorBox3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
margin-bottom: 20px;
padding: 15px;
border: solid 1px #9fa0a0;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; }
.p-editor .p-anchorBox3__head {
margin: 40px 0 -60px 10px;
}
.p-editor .p-anchorBox3__top {
padding: 8px 10px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #f5f8f8;
background: #595757;
line-height: 1.75;
font-size: 12px;
font-size: 0.75rem;
}
.p-editor .p-anchorBox3__img {
width: 150px;
height: 100px; }
.p-editor .p-anchorBox3__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;'
}
.p-editor .p-anchorBox3__right {
width: calc(100% - 150px);
padding-left: 15px;
}
.p-editor .p-anchorBox3__title { color: #595757;
font-weight: 800;
margin-top: -5px;
}
.p-editor .p-anchorBox3__text {
line-height: 1.75;
font-size: 16px;
font-size: 1rem;
margin-top: 5px;
}
.p-editor .p-anchorBox4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px 10px 10px 10px; border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #f4f5f8;
}
.p-editor .p-anchorBox4__head {
margin: 40px 0 -60px 10px;
}
.p-editor .p-anchorBox4__top {
padding: 8px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #f5f8f8;
background: #595757;
line-height: 1.75;
font-size: 12px;
font-size: 0.75rem;
}
.p-editor .p-anchorBox4__img {
width: 100px;  }
.p-editor .p-anchorBox4__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.p-editor .p-anchorBox4__right {
width: calc(100% - 185px);
padding-left: 15px;
}
.p-editor .p-anchorBox4__title {
margin-bottom: 0px;
padding: 5px 0 0 0;
color: #595757;
font-weight: 800;
}
.p-editor .p-anchorBox4__text {
line-height: 1.75;
font-size: 16px;
font-size: 1rem;
}
.p-editor .p-anchorBoxKaizen {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
margin-bottom: 20px;  border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px; }
.p-editor .p-anchorBoxKaizen__head {
margin: 40px 0 -60px 10px;
}
.p-editor .p-anchorBoxKaizen__top {
padding: 8px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #f5f8f8;
background: #595757;
line-height: 1.75;
font-size: 12px;
font-size: 0.75rem;
}
.p-editor .p-anchorBoxKaizen__img {
width: 160px;
height: 160px; }
.p-editor .p-anchorBoxKaizen__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.p-editor .p-anchorBoxKaizen__right {
width: calc(100% - 185px);
padding-left: 15px;
}
.p-editor .p-anchorBoxKaizen__title {
margin-bottom: 0px;
padding: 5px 0 0 0;
color: #595757;
font-weight: 800;
}
.p-editor .p-anchorBoxKaizen__text {
line-height: 1.75;
font-size: 16px;
font-size: 1rem;
}
@media screen and (max-width: 768px) {
.p-editor .p-anchorBox2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
margin-top: 25px;
padding: 10px;
}
.p-editor .p-anchorBox2__head {
margin: 40px 0 -40px 10px;
}
.p-editor .p-anchorBox2__top {
padding: 8px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #f5f8f8;
background: #595757;
line-height: 1.75;
font-size: 12px;
font-size: 0.75rem;
}
.p-editor .p-anchorBox2__img {
width: 115px;
height: 74px;
}
.p-editor .p-anchorBox2__right {
width: calc(100% - 100px);
padding-left: 15px;
}
.p-editor .p-anchorBox2__title {
margin-bottom: 5px;
padding: 0 0 0 0;
font-size: 14px;
font-size: 0.875rem;
}
.p-editor .p-anchorBox2__text {
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
}
.p-editor .p-anchorBox3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
margin-top: 25px;
padding: 10px;
}
.p-editor .p-anchorBox3__head {
margin: 40px 0 -40px 10px;
}
.p-editor .p-anchorBox3__top {
padding: 5px 10px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #f5f8f8;
background: #595757;
line-height: 1.75;
font-size: 12px;
font-size: 0.75rem;
}
.p-editor .p-anchorBox3__img {
width: 115px;
height: 74px;
}
.p-editor .p-anchorBox3__right {
width: calc(100% - 100px);
padding-left: 15px;
}
.p-editor .p-anchorBox3__title { padding: 0 0 0 0;
font-size: 14px;
font-size: 0.875rem;
margin-top: 1px;
}
.p-editor .p-anchorBox3__text {
line-height: 1.5;
font-size: 14px;
font-size: 0.875rem;
}
.p-editor .p-anchorBox4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
margin-top: 25px;
padding: 10px;
}
.p-editor .p-anchorBox4__head {
margin: 40px 0 -40px 10px;
}
.p-editor .p-anchorBox4__top {
padding: 6px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #f5f8f8;
background: #595757;
line-height: 1.75;
font-size: 12px;
font-size: 0.75rem;
}
.p-editor .p-anchorBox4__img {
width: 150px;
height: 150px;
}
.p-editor .p-anchorBox4__right {
width: calc(100% - 135px);
padding-left: 15px;
height: 150px;
}
.p-editor .p-anchorBox4__title {
margin-bottom: 5px;
padding: 0 0 0 0;
font-size: 13px;
font-size: 0.812rem;
margin-top: 5px;
}
.p-editor .p-anchorBox4__text {
line-height: 1.75;
font-size: 13px;
font-size: 0.812rem;
}
.p-editor .p-anchorBoxKaizen {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; margin-top: 20px; }
.p-editor .p-anchorBoxKaizen__head {
margin: 40px 0 -40px 10px;
}
.p-editor .p-anchorBoxKaizen__top {
padding: 6px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #f5f8f8;
background: #595757;
line-height: 1.75;
font-size: 12px;
font-size: 0.75rem;
}
.p-editor .p-anchorBoxKaizen__img {
width: 150px;
height: 150px;
}
.p-editor .p-anchorBoxKaizen__right {
width: calc(100% - 135px);
padding-left: 15px;
height: 150px;
}
.p-editor .p-anchorBoxKaizen__title {
margin-bottom: 5px;
padding: 0 0 0 0;
font-size: 13px;
font-size: 0.812rem;
margin-top: 5px;
}
.p-editor .p-anchorBoxKaizen__text {
line-height: 1.75;
font-size: 13px;
font-size: 0.812rem;
}
}
mark {
background: linear-gradient(transparent 75%, #ffdc00 75%);
font-weight: bold;
color: #3e3a39;
}
.marker-b {
background: linear-gradient(transparent 0%, #cef3fb 0%);
font-weight: bold;
color: #3e3a39;
}
.txt-green-bold {
color: #007e88;
font-weight: 800;
}
.txt-red-bold {
color: #c30d23;
font-weight: 800;
}
.txt-green {
color: #007e88;
}
.txt-red {
color: #c30d23;
}
.txt-blue {
color: #036eb4;
}
.txt-blue-bold {
color: #036eb4;
font-weight: 800;
}
.txt-q {
color: #c30d23;
font-weight: 800;
}
.txt-a {
color: #001e43;
font-weight: 800;
}
.txt-bold {
font-weight: 800;
}
.txt-size1 {
font-size: 16px;
font-size: 1rem;
}
@media screen and (max-width: 768px) {
.txt-size1 {
font-size: 15px;
font-size: 0.937rem;
}
}
.point {
padding: 6px;
margin-right: 10px;
font-size: 12px;
font-size: 0.75rem;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
color: #f5f8f8;
background-color: #00b0b9;
}
.point2_title {
width: 15%;
text-align: center;
padding: 0 5px 0 5px;
margin-right: 10px;
font-size: 12px;
font-size: 0.75rem;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
color: #f5f8f8;
background-color: #00b0b9;
}
.point2_text {
padding: 15px;
line-height: 1.8;
color: #595757;
border: 1px solid #00b0b9;
}
@media screen and (max-width: 768px) {
.point2_title {
width: 100%;
}
}
.tag1 {
padding: 4px 5px;
margin: 0 5px 0 5px;
color: #eee;
background-color: #595757;
font-size: 14px;
font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
.tag1 {
padding: 4px 5px;
font-size: 13px;
font-size: 0.812rem;
}
}
.seostep__body {
margin-top: 40px;
}
.seostep__item {
position: relative; padding-left: 52px;
}
.seostep__item:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: -24px;
left: 20px;
border-left: 1px dotted #ccc
}
.seostep__item:not(:first-child) { padding-top: 25px;
}
.seostep__item__body {
margin-top: -37px;
}
.seostep__item__body img {
margin-top: 15px;
}
.seostep__item__title { margin-left: -51px;
}
.seostep__item__number {
position: relative;
z-index: 1;
border-radius: 100%;
height: 40px;
width: 40px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
background-color: #2175D9;
color: #fff;
font-weight: 400;
font-size: 12px;
font-size: .75rem;
line-height: 1;
}
@media screen and (max-width: 768px) {
#page_top2 {
position: fixed;
z-index: 9;
width: 100%;
top: 0; }
#page_top2 a {
position: relative;
display: block;
}
}
.p-home__pickup2 {
position: relative;
width: 100%;
height: 72px; }
.p-home__pickup2-item {
height: 72px;
width: 100%;
}
.p-home__pickup2-item img {
width: 100%;
}
.p-home__pickup2-item a {
display: block;
height: 100%;
}
.p-home__pickup2-pickup {
content: "";
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
background: url(//monoto.co.jp/wp-kousakukikai/wp-content/themes/kousakukikai/assets/img/parts/label_pickup.svg) -1px -1px no-repeat;
background-size: 60px auto;
z-index: 3;
}
.p-home__pickup2-img {
height: 100%;
width: 100%;
}
.p-home__pickup2-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.p-home__pickup2-text {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 10px 5px 4px 50px;
background: rgba(0, 0, 0, 0.3);
color: #fff;
text-align: left;
line-height: 1.5;
font-size: 18px;
font-size: 1.125rem;
height: 100%;
}
.marginb {
margin-bottom: 20px;
} .makerframe {
background: #F8FAFC;
padding: 25px 25px 5px 25px;
margin-bottom: 20px;
border-radius: 2px;
}
.makertitle {
font-weight: bold; border-bottom: dotted 5px #d3dfe7;
margin-bottom: 15px;
padding-bottom: 10px;
font-size: 1.375rem;
}
.makerpoint {
border: solid 1px #ccc;
padding: 5px 10px;
margin: 0 8px 0 0; color: #87949d;
border-radius: 12px;
}
.makerpointsite {
border: solid 1px #1a73e8;
background-color: #1a73e8;
padding: 5px 10px;
margin: 0 8px 0 0; color: #f5f8f8;
border-radius: 12px;
}
.makerpointsite2 { background-color: #32c8e7;
padding: 5px 10px;
margin: 0 8px 0 0; color: #f5f8f8;
border-radius: 12px;
}
.makerpoint2 {
margin-left: 20px;
}
.makerh {
line-height: 1.8;
}
.makerp {
line-height: 2.5;
color: #87949d; padding: 0 0 10px 0;
}
.makerpbox {
display: inline-block;
margin: 0 20px 5px 0;
}
.adad {
margin: 5px 0 5px 0; }
.adad img {
width: 100%;
}
@media screen and (max-width: 768px) {
.makerframe {
padding: 20px 20px 5px 20px;
margin-bottom: 15px;
}
.makertitle {
font-size: 1.125rem;
}
.makerpoint {
padding: 4px 8px;
}
.makerpointsite {
padding: 4px 8px;
}
.makerpointsite2 {
padding: 4px 8px;
}
.makerp {
line-height: 2.3;
}
}
.p-agency3 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 20px;  }
.p-agency3 ul {
width: 100%;
padding: 0 0 0 5px;
}
.p-agency3 li {
padding: 10px 0;
list-style: none !important;
border-bottom: 1px solid #efefef;  }
.p-agency3 li:last-child {
border-bottom: none;
}
.p-agency3 dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-agency3 dt {
width: 60px;
font-weight: bold; background-color: #F8FAFC;
padding: 10px;
font-size: 14px;
font-size: 0.875rem;
text-align: center;
}
.p-agency3 dd {
width: 100%;
padding-left: 10px;
margin: 0 10px 0 0;
}
@media screen and (max-width: 767px) {
.p-agency3 {
display: block;
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-size: 0.875rem;
}
.p-agency3 img {
display: none;
}
.p-agency3 ul {
width: 100%;
list-style: none !important;
padding-left: 0;
}
.p-agency3 li {
padding: 10px 0 10px 0;
list-style: none !important;
border-top: none;
font-size: 14px;
font-size: 0.937rem;
}
.p-agency3 dl {
display: block; }
.p-agency3 dt {
width: 100%;
padding: 5px 10px;
margin: 0;
background: #f5f8f8;
text-align: left;
}
.p-agency3 dd {
width: 100%;
padding: 8px 0 0 0;
}
}
.p-lp__specialty-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: left;
-webkit-justify-content: left;
-ms-flex-pack: left;
justify-content: left;
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
}
.p-lp__specialty-list li {
width: calc(100%/ 6);
padding: 10px 5px 15px 5px;
list-style: none !important;
}
.p-lp__specialty-img {
margin-bottom: 10px;
}
.p-lp__specialty-img img {
border-radius: 100%;
}
@media screen and (max-width:768px) {
.p-lp__specialty-list {
font-size: 14px;
font-size: 0.875rem;
}
.p-lp__specialty-list li {
width: calc(100%/ 3);
padding: 0 5px 20px;
}
.p-lp__specialty-img {
margin-bottom: 5px;
}
.p-lp__specialty-img img {}
}
.listinner {
text-align: center;
}
.p-titlelist {
font-weight: 700;
margin: 10px 0 5px 12px;
font-size: 16px;
font-size: 1rem;
text-align: left
}
@media screen and (max-width:768px) {
.p-titlelist {
font-weight: 700;
margin: 10px 0 15px 8px;
font-size: 14px;
font-size: 0.875rem;
text-align: left
}
}
.makerlist {
margin: -40px 0 15px 0;
}
.makerlist li {
padding: 0 20px 0 0;
margin: 15px 0 15px 0; background-color: #F8FAFC;
list-style: none !important
}
.makerlist li a {
display: block;
font-size: 15px;
font-size: 0.937rem;
text-decoration: none;
}
.makerlisth3 {
font-weight: 600;
line-height: 3;
color: #3e3a39; }
.makerlisthtxt {
color: #96a1a9;
line-height: 2;
}
.makerimgside img {
width: 100px;
}
.makerimgside p {
display: inline-block;
vertical-align: top; margin: 4px 0 5px 15px;
max-width: 65%;
overflow-x: hidden;
overflow-y: hidden;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@media screen and (max-width:768px) {
.makerimgside img {
width: 85px;
}
.makerlist li a {
font-size: 14px;
font-size: 0.875rem;
}
.makerimgside p {
margin: 0 0 15px 8px;
max-width: 68%;
overflow-x: hidden;
overflow-y: hidden;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.makerlist {
margin: -5px 0 15px 0;
}
}
.tantou {
font-weight: 600;
color: #3e3a39;
}
.p-osusume {
margin-top: 5px;
text-align: right;
line-height: 2;
font-size: 16px;
font-size: 1rem;
}
.p-osusume a {
color: #179bd3;
font-weight: 600;
text-decoration: none;
}
@media screen and (max-width:768px) {
.adadsp {
margin: 0 -15px 0 -15px;
}
.adadsptxt {
border-top: 1px solid #eaeaea;
margin: 0 -15px 0 -15px;
padding: 10px 15px 10px 15px;
font-weight: 600;
color: #3e3a39;
}
.p-osusume {
margin-top: 10px;
text-align: right;
line-height: 2;
font-size: 15px;
font-size: .937rem;
}
.p-osusume a {
color: #179bd3;
text-decoration: none;
}
}
.movmov video {
padding: 0 0 0 0;
width: 100%;
}
.ranking-item-img-desc img {
width: 100%;
}
.p-editor .p-anchorBox5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
margin-bottom: 20px;
padding: 10px 10px 10px 10px;
border: solid 1px #efefef;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
background: #f4f5f8;
}
.p-editor .p-anchorBox5__head {
margin: 40px 0 -60px 10px;
}
.p-editor .p-anchorBox5__top {
padding: 8px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #f5f8f8;
background: #595757;
line-height: 1.75;
font-size: 12px;
font-size: 0.75rem;
}
.p-editor .p-anchorBox5__img {
width: 100px;  }
.p-editor .p-anchorBox5__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.p-editor .p-anchorBox5__right {
width: calc(100% - 185px);
padding-left: 15px;
}
.p-editor .p-anchorBox5__title {
margin-bottom: 0px;
padding: 5px 0 0 0;
color: #595757;
font-weight: 800;
}
.p-editor .p-anchorBox5__text {
line-height: 1.75;
font-size: 16px;
font-size: 1rem;
}
@media screen and (max-width: 768px) {
.p-editor .p-anchorBox5 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 25px;
margin-top: 25px;
padding: 10px;
}
.p-editor .p-anchorBox5__head {
margin: 40px 0 -40px 10px;
}
.p-editor .p-anchorBox5__top {
padding: 6px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
color: #f5f8f8;
background: #595757;
line-height: 1.75;
font-size: 12px;
font-size: 0.75rem;
}
.p-editor .p-anchorBox5__img {
width: 100px;
height: 150px;
}
.p-editor .p-anchorBox5__right {
width: calc(100% - 135px);
padding-left: 15px;
height: 150px;
}
.p-editor .p-anchorBox5__title {
margin-bottom: 5px;
padding: 0 0 0 0;
font-size: 13px;
font-size: 0.812rem;
margin-top: 5px;
}
.p-editor .p-anchorBox5__text {
line-height: 1.75;
font-size: 13px;
font-size: 0.812rem;
}
}
@media screen and (max-width: 768px) {
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
display: none
}
.cp_arrows {
display: none !important;
}
}
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_arrows {
position: relative;
display: flex;
height: 1px;
margin: 60px auto 60px auto;
justify-content: center;
align-items: center;
}
.cp_arrows .cp_arrow {
position: absolute;
top: 50%;
left: 46.5%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
}
.cp_arrows .cp_arrowfirst {
-webkit-animation: arrow-move08 3s ease-in-out infinite;
animation: arrow-move08 3s ease-in-out infinite;
}
.cp_arrows .cp_arrowsecond {
-webkit-animation: arrow-move08 3s 1s ease-in-out infinite;
animation: arrow-move08 3s 1s ease-in-out infinite;
}
.cp_arrows .cp_arrow:before, .cp_arrows .cp_arrow:after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 40px;
height: 1px;
content: '';
background: #aaa;
}
.cp_arrows .cp_arrow:before {
-webkit-transform: rotate(30deg) translateX(-42%);
transform: rotate(30deg) translateX(-42%);
-webkit-transform-origin: top left;
transform-origin: top left;
}
.cp_arrows .cp_arrow:after {
-webkit-transform: rotate(-30deg) translateX(42%);
transform: rotate(-30deg) translateX(42%);
-webkit-transform-origin: top right;
transform-origin: top right;
} @-webkit-keyframes arrow-move08 {
0% {
top: 40%;
opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes arrow-move08 {
0% {
top: 40%;
opacity: 0;
}
70% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.p-ploduct_images li {
list-style: none !important;
}
.row.gutter > [class*=col-] {
padding: 0 1rem;
margin-bottom: 20px;
}
@media (max-width: 768px) {
.row.gutter > [class*=col-] {
padding: 0rem;
margin-bottom: 20px;
}
}
.p-lineup__image {
padding: 10px !important; background-color: #f2f4f7;
}
.p-lineup__image img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit";
}
.p-lineup__item a {
color: currentColor;
text-decoration: none;
}
.p-lineup--productDetail .row.gutter > [class*=col-] {
margin-bottom: 0;
}
.p-lineup--productDetail .p-lineup__image {
max-height: initial;
}
.p-lineup--productDetail .p-lineup__image .p-lineup__main-img {
max-height: 415px;
overflow: hidden;
}
.p-ploduct_images {
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.p-product_image--item {
width: 33.333%;
padding: 0 5px 0;
}
.p-ploduct_images {
display: flex;
}
@media (max-width: 768px) {
.p-lineup--productDetail .p-lineup__image {
height: auto;
}
.p-ploduct_images {
padding: 0;
margin: 0;
}
.p-lineup__image {
padding: 10px 5px 10px 5px !important;
}
.p-product_image--item {
width: 33.333%;
padding: 0 5px 0;
}
}
.tag_kaizen {
margin: 0 10px 5px 0;
padding: 6px 10px;
border-radius: 3px;
text-decoration: none;
font-size: 1rem;  font-weight: 300;
border: 1px solid #333;
}
@media screen and (max-width: 768px) {
.tag_kaizen {
margin: 0 5px 5px 0;
padding: 4px 10px;
font-size: 0.875rem;
line-height: 3;
}
}
.p-mokujikaizen {
margin: -35px 0px 70px 0px;
padding: 10px 20px;
background: #F8FAFC;
}
@media screen and (max-width: 768px) {
.p-mokujikaizen {
margin: -30px 0 0 0;
padding: 10px 10px;
}
}
.p-lineup__image2 {   }
.p-lineup__image2 img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: "object-fit";
}
@media (max-width: 768px) {
.p-lineup__image2 {
padding: 0px;
}
}
.adborder {
border: solid 1px #d5d5d5;
}