@charset "UTF-8";


/* mainfv
------------------------------------------------- */
.mainfv {
    width: 100%;
    height: 4.1rem;
    background-color: hsla(164,50%,93%,1);
    background-image: radial-gradient(at 31% 59%, hsla(159,51%,96%,1) 0px, transparent 50%), radial-gradient(at 22% 84%, hsla(171,38%,82%,1) 0px, transparent 50%), radial-gradient(at 94% 93%, hsla(201,85%,79%,0.47) 0px, transparent 50%), radial-gradient(at 92% 20%, hsla(168,29%,78%,1) 0px, transparent 50%), radial-gradient(at 81% 38%, hsla(189,74%,60%,1) 0px, transparent 50%), radial-gradient(at 72% 86%, hsla(167,55%,59%,1) 0px, transparent 50%), radial-gradient(at 19% 37%, hsla(159,0%,100%,1) 0px, transparent 50%);
    padding-top: 2.7rem;
    box-sizing: border-box;
}
.mainfv .inner {
    opacity: 1;
    z-index: 2;
}
.mainfv .path ul {
    display: flex;
    padding-bottom: 0.16rem;
}
.mainfv .path ul li {
    font-size: 0.13rem;
    line-height: 1.23;
    border-right: 0.01rem solid #CECECE;
    margin-right: 0.16rem;
    padding-right: 0.16rem;
}
.mainfv .path ul li:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
.mainfv .path ul li a {
    text-decoration: underline;
}
.mainfv .maintit {
    font-size: 0.42rem;
    font-weight: 400;
    line-height: 1;
}
.fv_photo {
    padding-top: 6.2rem;
}
.fv_photo .mainfv {
    height: 6.2rem;
    background: none rgba(0,0,0,0);
    position: absolute;
    left: 0;
    top: 0;
}
.fv_photo .mainfv .path ul {
    padding-bottom: 0.12rem;
}
.fv_photo .mainfv .path ul li {
    color: #fff;
    border-color: #fff;
}
.fv_photo .mainfv .path ul li a {
    color: #fff;
}
.fv_photo .mainfv .maintit {
    font-size: 0.18rem;
    font-weight: 500;
    color: #fff;
}
.fv_photo .mainfv .maintit span span {
    display: block;
    font-size: 0.6rem;
    font-weight: 500;
    padding-bottom: 0.2rem;
}
.fv_photo .mainfv picture {
    width: 100%;
    height: 6.2rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1;
}
@media (hover: hover) and (min-width:751px) {
.mainfv .path ul li a:hover {
    text-decoration: none;
}
}
@media screen and (max-width:750px){
.mainfv {
    height: 2.23rem;
    padding-top: 1.3rem;
}
.mainfv .path ul {
    display: flex;
    padding-bottom: 0.15rem;
    overflow-x: auto;
}
.mainfv .path ul li {
    font-size: 0.11rem;
    line-height: 1.03;
    margin-right: 0.1rem;
    padding-right: 0.1rem;
    white-space: nowrap;
}
.mainfv .path ul li:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
}
.mainfv .maintit {
    font-size: 0.26rem;
}
.fv_photo {
    padding-top: 3.53rem;
}
.fv_photo .mainfv {
    height: 3.53rem;
    padding-top: 1.59rem;
}
.fv_photo .mainfv .path ul {
    padding-bottom: 0.08rem;
}
.fv_photo .mainfv .maintit {
    font-size: 0.15rem;
}
.fv_photo .mainfv .maintit span span {
    font-size: 0.35rem;
    padding-bottom: 0.15rem;
}
.fv_photo .mainfv picture {
    height: 3.53rem;
}
}


/* cont_photo
------------------------------------------------- */
.cont_photo {
    background-color: #fff;
    border-radius: 0.24rem 0.24rem 0 0;
    margin-top: -0.7rem;
    position: relative;
    z-index: 2;
}
@media screen and (max-width:750px){
.cont_photo {
    border-radius: 0.08rem 0.08rem 0 0;
    margin-top: -0.26rem;
}
}


/* business
------------------------------------------------- */
/* mainfv */
.business .mainfv picture {
    background-image: url("../img/business/mainimg.jpg");
}
@media screen and (max-width:750px){
.business .mainfv picture {
    background-image: url("../img/business/mainimg_sp.jpg");
}
}

/* cont1 */
.business .cont1 {
    background-color: #ECF4F2;
    padding: 1.05rem 0 1.2rem;
}
.business .cont1 .inner {
    max-width: 13.42rem;
}
.business .cont1 .sec1 {
    width: 10.45rem;
    margin: 0 auto;
    position: relative;
}
.business .cont1 .sec1 h3 {
    font-size: 0.42rem;
    font-weight: 400;
    line-height: 1.7;
    padding-bottom: 1.05rem;
}
.business .cont1 .sec1 p {
    width: 5rem;
    position: absolute;
    right: 0;
    top: 0.1rem;
}
.business .cont1 .sec2 {
    background-color: #fff;
    border-radius: 0.24rem;
    padding: 0.8rem 0.66rem;
}
.business .cont1 .sec2 h4 {
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1.7;
    padding-top: 0.35rem;
    position: relative;
    z-index: 2;
}
.business .cont1 .sec2 .imgbox {
    width: 13.42rem;
    height: 7.06rem;
    margin: -1.2rem 0 0 -0.66rem;
    position: relative;
}
.business .cont1 .sec2 .box1 {
    width: 100%;
    background-color: #ECEFF4;
    border-radius: 0.16rem;
    padding: 0.46rem 0.44rem 0.4rem;
    margin-bottom: 0.04rem;
    box-sizing: border-box;
}
.business .cont1 .sec2 .box1 ul {
    position: relative;
}
.business .cont1 .sec2 .box1 ul::before,
.business .cont1 .sec2 .box1 ul::after {
    content: '';
    width: 0.01rem;
    height: 2rem;
    background-color: #CECECE;
    position: absolute;
    left: 50%;
    top: 0.25rem;
    margin-left: -1.97rem;
}
.business .cont1 .sec2 .box1 ul::after {
    margin-left: 1.97rem;
}
.business .cont1 .sec2 .box1 ul li {
    width: 3.01rem;
    padding: 0.18rem 0 0.1rem;
    position: relative;
}
.business .cont1 .sec2 .box1 ul li:nth-child(2) {
    margin: 0 0.96rem;
}
.business .cont1 .sec2 .box1 ul li::after {
    content: '';
    width: 3.31rem;
    height: 2.3rem;
    background-color: rgba(255,255,255,0.8);
    border-radius: 50%;
    filter: blur(30px);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1.15rem 0 0 -1.655rem;
    z-index: 1;
}
.business .cont1 .sec2 .box1 ul li h3 {
    font-size: 0.26rem;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0.05rem;
    position: relative;
    z-index: 2;
}
.business .cont1 .sec2 .box1 ul li h3 span {
    font-size: 0.16rem;
    font-weight: 500;
    letter-spacing: 0.06em;
}
.business .cont1 .sec2 .box1 ul li h3 span::before {
    content: '〔';
    padding-right: 0.14rem;
}
.business .cont1 .sec2 .box1 ul li h3 span::after {
    content: '〕';
    padding-left: 0.14rem;
}
.business .cont1 .sec2 .box1 ul li p {
    position: relative;
    z-index: 2;
}
.business .cont1 .sec2 .box2 {
    width: 100%;
    height: 1.3rem;
    background: linear-gradient(90deg, #ACEBE2 0%, #E4FAF6 70%, #C7EDE6 100%);
    border-radius: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}
.business .cont1 .sec2 .box2::before {
    content: '';
    width: 0.52rem;
    height: 0.52rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2252%22%20viewBox%3D%220%200%2052%2052%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798143%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798143%22%20transform%3D%22translate(-690%20-2156)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_860%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20860%22%20cx%3D%2226%22%20cy%3D%2226%22%20r%3D%2226%22%20transform%3D%22translate(690%202156)%22%20fill%3D%22%236f8c90%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798142%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798142%22%20transform%3D%22translate(47.813%20-25.267)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239080%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239080%22%20d%3D%22M-9605.69-9638.205v16.943%22%20transform%3D%22translate(10273.878%2011836.999)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239081%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239081%22%20d%3D%22M0%2C0V16.944%22%20transform%3D%22translate(676.659%202207.266)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: -0.3rem;
    margin-left: -0.26rem;
}
.business .cont1 .sec2 .box2 p span {
    display: block;
    font-size: 0.22rem;
    font-weight: 500;
}
.business .cont1 .sec2 .btnst2 {
    width: 3.38rem;
    margin: 0.38rem auto 0;
}
@media screen and (max-width:750px){
.business .cont1 {
    padding: 0.5rem 0 0.65rem;
}
.business .cont1 .sec1 {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.business .cont1 .sec1 h3 {
    font-size: 0.26rem;
    padding-bottom: 0.175rem;
}
.business .cont1 .sec1 p {
    width: 100%;
    position: static;
    font-size: 0.14rem;
    line-height: 1.8;
    padding-bottom: 0.6rem;
}
.business .cont1 .sec2 {
    width: 100vw;
    margin-left: -3.87vw;
    border-radius: 0.08rem;
    padding: 0.6rem 3.87vw;
    box-sizing: border-box;
}
.business .cont1 .sec2 h4 {
    font-size: 0.22rem;
    line-height: 1.67;
    padding-top: 0;
}
.business .cont1 .sec2 .imgbox {
    width: 100vw;
    height: 132.29vw;
    margin: 0.12rem 0 0 -3.87vw;
    overflow-x: auto;
}
.business .cont1 .sec2 .imgbox::-webkit-scrollbar {
    width: 100%;
    height: 0.07rem;
    background-color: #F8F8F8;
    border-radius: 0.06rem;
    box-sizing: border-box;
}
.business .cont1 .sec2 .imgbox::-webkit-scrollbar-thumb {
    --bg-opacity: 1;
    height: 0.07rem;
    background-color: #C1C1C1;
    background-clip: padding-box;
    border-radius: 0.06rem;
}
.business .cont1 .sec2 .imgbox img {
    width: 273.08vw;
    max-width: inherit;
}
.business .cont1 .sec2 .box1 {
    border-radius: 0.08rem;
    padding: 0 0.26rem;
    margin: 0.3rem 0 0.08rem;
}
.business .cont1 .sec2 .box1 ul::before,
.business .cont1 .sec2 .box1 ul::after {
    width: 100%;
    height: 0.01rem;
    left: 0;
    top: 1.95rem;
    margin-left: 0;
}
.business .cont1 .sec2 .box1 ul::after {
    top: 4.08rem;
    margin-left: 0;
}
.business .cont1 .sec2 .box1 ul li {
    width: 100%;
    padding: 0.29rem 0 0.27rem;
}
.business .cont1 .sec2 .box1 ul li:nth-child(2) {
    margin: 0;
}
.business .cont1 .sec2 .box1 ul li::after {
    width: 2.71rem;
    height: 1.6rem;
    margin: -0.8rem 0 0 -1.355rem;
}
.business .cont1 .sec2 .box1 ul li h3 {
    font-size: 0.22rem;
    line-height: 1.55;
    margin-bottom: 0.04rem;
}
.business .cont1 .sec2 .box1 ul li h3 span {
    font-size: 0.14rem;
    font-weight: 700;
    letter-spacing: normal;
}
.business .cont1 .sec2 .box1 ul li h3 span::before {
    padding-right: 0.04rem;
}
.business .cont1 .sec2 .box1 ul li h3 span::after {
    padding-left: 0.04rem;
}
.business .cont1 .sec2 .box1 ul li p {
    font-size: 0.14rem;
    line-height: 1.8;
    margin: 0.15rem 0.1rem 0;
}
.business .cont1 .sec2 .box2 {
    border-radius: 0.08rem;
}
.business .cont1 .sec2 .box2::before {
    width: 0.4rem;
    height: 0.4rem;
    top: -0.24rem;
    margin-left: -0.2rem;
    z-index: 3;
}
.business .cont1 .sec2 .box2 p {
    font-size: 0.14rem;
    line-height: 1.8;
}
.business .cont1 .sec2 .box2 p span {
    font-size: 0.17rem;
}
.business .cont1 .sec2 .btnst2 {
    width: 3.02rem;
    margin: 0.35rem auto 0;
}
}

/* cont2 */
.business .cont2 {
    padding-top: 1rem;
    position: relative;
    z-index: 2;
}
.business .cont2 .headline2 {
    text-align: center;
    margin: 0.82rem 0 0.25rem;
}
.business .cont2 picture {
    padding-bottom: 0.36rem;
}
.business .cont2 picture img {
    border-radius: 0.08rem;
}
.business .cont2 .con {
    width: 5rem;
}
.business .cont2 .con.con2 {
    width: 5.15rem;
    margin-left: 1.54rem;
}
.business .cont2 .con h5 {
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 0.3rem;
}
@media screen and (max-width:750px){
.business .cont2 {
    padding-top: 0.44rem;
}
.business .cont2 .headline2 {
    text-align: center;
    margin: 0.4rem 0 0.3rem;
}
.business .cont2 .headline2 span {
    font-size: 0.18rem;
    display: block;
    padding: 0;
    margin-bottom: 0.1rem;
}
.business .cont2 picture {
    width: 100vw;
    margin-left: -3.87vw;
    padding-bottom: 0.3rem;
}
.business .cont2 picture img {
    border-radius: 0;
}
.business .cont2 .con {
    width: 100%;
}
.business .cont2 .con.con1 {
    margin-bottom: 0.5rem;
}
.business .cont2 .con.con2 {
    width: 100%;
    margin-left: 0;
}
.business .cont2 .con h5 {
    font-size: 0.22rem;
    line-height: 1.67;
    margin-bottom: 0.15rem;
}
.business .cont2 .con p {
    font-size: 0.14rem;
    line-height: 1.8;
}
}

/* cont3 */
.business .cont3 {
    padding-top: 0.3rem;
}
.business .cont3 .con.con2 {
    width: 5rem;
}
@media screen and (max-width:750px){
.business .cont3 {
    padding-top: 0.15rem;
}
.business .cont3 .con.con2 {
    width: 100%;
}
}

/* cont4 */
.business .cont4 {
    padding: 0.3rem 0 0.8rem;
}
.business .cont4 .con {
    z-index: 2;
}
.business .cont4 .con.con2 {
    width: 5rem;
    position: relative;
    z-index: 1;
}
.business .cont4 .con .mb {
    margin-bottom: 0.45rem;
}
.business .cont4 .con h6 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.06em;
    color: #255A60;
    text-align: center;
    padding-top: 0.1rem;
    position: relative;
    z-index: 2;
}
.business .cont4 .con picture {
    width: 9.7rem;
    position: absolute;
    left: 50%;
    margin-left: -4.85rem;
    top: -0.45rem;
}
@media screen and (max-width:750px){
.business .cont4 {
    padding: 0.15rem 0 0;
}
.business .cont4 .con.con2 {
    width: 100%;
}
.business .cont4 .con .mb {
    margin-bottom: 0.45rem;
}
.business .cont4 .con h6 {
    font-size: 0.16rem;
    letter-spacing: 0.04em;
    padding-top: 0;
}
.business .cont4 .con picture {
    width: 100vw;
    position: static;
    margin: -1.1rem 0 0 -3.87vw;
}
}

/* cont5 */
.business .cont5 {
    padding: 1.7rem 0 1.55rem;
    text-align: center;
    position: relative;
}
.business .cont5::after {
    content: '';
    width: 100%;
    height: 11.72rem;
    background: linear-gradient(180deg, #fff 0%, #CEF5EF 15%, #C0E8E0 50%, #CEEEF2 75%, #fff 100%);
    position: absolute;
    left: 0;
    top: 0;
}
.business .cont5 .inner {
    z-index: 2;
}
.business .cont5 h3 {
    font-weight: 700;
    line-height: 1;
    color: #255A60;
    margin-bottom: 0.3rem;
}
.business .cont5 h3 span {
    display: block;
    font-size: 0.44rem;
    font-weight: 500;
    line-height: 1;
    color: #255A60;
    margin-bottom: 0.2rem;
}
.business .cont5 ul {
    padding-top: 0.5rem;
}
.business .cont5 ul li {
    width: 3.91rem;
    height: 3.35rem;
}
.business .cont5 ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 0.08rem;
    box-sizing: border-box;
    overflow: hidden;
}
.business .cont5 ul li a picture {
    width: 100%;
    height: 1.39rem;
    overflow: hidden;
}
.business .cont5 ul li a picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.business .cont5 ul li a h4 {
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1;
    margin: 0.24rem 0 0.3rem;
}
.business .cont5 ul li a h4 span {
    display: inline-block;
    font-size: 0.16rem;
    font-weight: 500;
    padding: 0 0.2rem;
    margin-bottom: 0.24rem;
    position: relative;
}
.business .cont5 ul li a h4 span::before {
    content: '〔';
    padding-right: 0.15rem;
}
.business .cont5 ul li a h4 span::after {
    content: '〕';
    padding-left: 0.15rem;
}
.business .cont5 ul li a .btn b {
    display: inline-block;
    font-size: 0.18rem;
    font-weight: 400;
    line-height: 2.11;
    color: #255A60;
    padding-right: 0.56rem;
    position: relative;
}
.business .cont5 ul li a .btn b::after {
    content: '';
    width: 0;
    height: 0.01rem;
    background-color: #255A60;
    position: absolute;
    left: 0;
    bottom: 0.06rem;
    transition: 0.3s;
}
.business .cont5 ul li:nth-child(4) {
    width: 100%;
    height: 1.87rem;
    margin-top: 0.45rem;
}
.business .cont5 ul li:nth-child(4) a {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0);
    backdrop-filter: blur(30px);
    filter: brightness(120%);
    border-radius: 0.08rem;
    box-sizing: border-box;
}
.business .cont5 ul li:nth-child(4) a h5 {
    font-weight: 400;
    line-height: 1;
    color: #255A60;
    margin: 0.35rem 0 0.25rem;
}
.business .cont5 ul li:nth-child(4) a h5 span {
    display: block;
    font-size: 0.32rem;
    font-weight: 500;
    margin-bottom: 0.15rem;
}
@media (hover: hover) and (min-width:751px) {
.business .cont5 ul li a:hover picture img {
    transform: scale(1.05);
}
.business .cont5 ul li a:hover .btn b::after {
    width: calc(100% - 0.56rem);
}
.business .cont5 ul li:nth-child(4) a:hover {
    background-color: rgba(255,255,255,1);
    backdrop-filter: blur(0);
    filter: brightness(100%);
}
}
@media screen and (max-width:750px){
.business .cont5 {
    padding: 0.525rem 0 0.4rem;
}
.business .cont5::after {
    height: 14rem;
}
.business .cont5 h3 {
    font-size: 0.14rem;
    margin-bottom: 0.2rem;
}
.business .cont5 h3 span {
    font-size: 0.35rem;
    margin-bottom: 0.2rem;
}
.business .cont5 p {
    font-size: 0.14rem;
}
.business .cont5 ul {
    padding-top: 0.225rem;
}
.business .cont5 ul li {
    width: 100%;
    height: 2.92rem;
    margin-bottom: 0.22rem;
}
.business .cont5 ul li a picture {
    height: 1.4rem;
}
.business .cont5 ul li a h4 {
    font-size: 0.2rem;
    margin: 0.15rem 0 0.225rem;
}
.business .cont5 ul li a h4 span {
    font-size: 0.14rem;
    padding: 0;
    margin-bottom: 0.2rem;
}
.business .cont5 ul li a h4 span::before {
    padding-right: 0.07rem;
}
.business .cont5 ul li a h4 span::after {
    padding-left: 0.07rem;
}
.business .cont5 ul li a .btn b {
    font-size: 0.16rem;
    padding-right: 0.56rem;
}
.business .cont5 ul li:nth-child(4) {
    margin-top: 0;
}
.business .cont5 ul li:nth-child(4) a {
    filter: brightness(110%);
}
.business .cont5 ul li:nth-child(4) a h5 {
    font-size: 0.14rem;
    line-height: 1.8;
    margin: 0.2rem 0 0.15rem;
}
.business .cont5 ul li:nth-child(4) a h5 span {
    font-size: 0.24rem;
    margin-bottom: 0;
} 
}


/* solution
------------------------------------------------- */
/* mainfv */
.solution .mainfv picture {
    background-image: url("../img/solution/mainimg.jpg");
}
@media screen and (max-width:750px){
.solution .mainfv picture {
    background-image: url("../img/solution/mainimg_sp.jpg");
}
}

/* cont1 */
.solution .cont1 {
    padding: 0.95rem 0 1.15rem;
}
.solution .cont1 h3 {
    font-size: 0.42rem;
    font-weight: 400;
    line-height: 1.7;
    text-align: center;
    padding: 0.3rem 0 1.05rem;
    position: relative;
    z-index: 2;
}
.solution .cont1 .sec {
    position: relative;
}
.solution .cont1 .sec ul {
    width: 6.1rem;
}
.solution .cont1 .sec ul li {
    padding-bottom: 0.6rem;
    position: relative;
}
.solution .cont1 .sec ul li::after {
    content: '';
    width: 0.01rem;
    height: 100%;
    border-left: 0.01rem dotted #4C5057;
    position: absolute;
    left: 0.35rem;
    top: 0.1rem;
}
.solution .cont1 .sec ul li:last-child {
    padding-bottom: 0.1rem;
}
.solution .cont1 .sec ul li:last-child::after {
    height: 95%;
}
.solution .cont1 .sec ul li:last-child::before {
    content: '';
    width: 0.3914rem;
    height: 0.2351rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239.574%22%20height%3D%2224.513%22%20viewBox%3D%220%200%2039.574%2024.513%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798422%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798422%22%20transform%3D%22translate(0.216%200.451)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239106%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239106%22%20d%3D%22M34%2C2087.39l19.571%2C9.376%2C19.571-9.376%22%20transform%3D%22translate(-34%20-2087.39)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239107%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239107%22%20d%3D%22M34%2C2087.39l19.571%2C9.376%2C19.571-9.376%22%20transform%3D%22translate(-34%20-2080.323)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239108%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239108%22%20d%3D%22M34%2C2087.39l19.571%2C9.376%2C19.571-9.376%22%20transform%3D%22translate(-34%20-2073.257)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center bottom no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0.155rem;
    bottom: -0.2rem;
}
.solution .cont1 .sec ul li dl {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}
.solution .cont1 .sec ul li dl dt {
    width: 0.7rem;
    margin-top: 0.1rem;
}
.solution .cont1 .sec ul li dl dd {
    width: 5rem;
}
.solution .cont1 .sec ul li dl dd h4 {
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 0.25rem;
}
.solution .cont1 .sec picture {
    width: 8.44rem;
    position: absolute;
    left: 5.52rem;
    top: -1.45rem;
}
@media screen and (max-width:750px){
.solution .cont1 {
    padding: 0.6rem 0 0;
}
.solution .cont1 h3 {
    font-size: 0.26rem;
    text-align: left;
    padding: 0 0 0.25rem;
}
.solution .cont1 .sec ul {
    width: 100%;
}
.solution .cont1 .sec ul li {
    padding-bottom: 0.42rem;
}
.solution .cont1 .sec ul li::after {
    left: 0.245rem;
    top: 0.05rem;
}
.solution .cont1 .sec ul li:last-child::before {
    width: 0.49rem;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2249.357%22%20height%3D%2224.51%22%20viewBox%3D%220%200%2049.357%2024.51%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798422%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798422%22%20transform%3D%22translate(0.179%200.467)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239106%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239106%22%20d%3D%22M34%2C2087.39l24.5%2C9.376L83%2C2087.39%22%20transform%3D%22translate(-34%20-2087.39)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239107%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239107%22%20d%3D%22M34%2C2087.39l24.5%2C9.376L83%2C2087.39%22%20transform%3D%22translate(-34%20-2080.323)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239108%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239108%22%20d%3D%22M34%2C2087.39l24.5%2C9.376L83%2C2087.39%22%20transform%3D%22translate(-34%20-2073.257)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    left: 0;
}
.solution .cont1 .sec ul li dl dt {
    width: 0.49rem;
    margin-top: 0.05rem;
}
.solution .cont1 .sec ul li dl dd {
    width: 2.8rem;
}
.solution .cont1 .sec ul li dl dd h4 {
    font-size: 0.18rem;
    line-height: 1.66;
    margin-bottom: 0.12rem;
}
.solution .cont1 .sec ul li dl dd p {
    font-size: 0.14rem;
    line-height: 1.8;
}
.solution .cont1 .sec picture {
    position: static;
    width: 143.733vw;
    margin: -20.5vw 0 0 -25.736vw;
}
}

/* cont2 */
.solution .cont2 {
    background: linear-gradient(180deg, #FFF 0%, #CEF5EF 20%, #C0E8E0 50%, #CEEEF2 75%, #FFF 100%);
    padding: 0.62rem 0 0.64rem;
    position: relative;
}
.solution .cont2::after {
    content: '';
    width: 100%;
    height: 106%;
    background: linear-gradient(180deg, #FFF 0%, #CEF5EF 20%, #C0E8E0 50%, #CEEEF2 75%, #FFF 100%);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.solution .cont2 .inner {
    z-index: 2;
}
.solution .cont2 .headline3 {
    margin-bottom: 0.8rem;
}
.solution .cont2 .category {
    width: 1.7rem;
    height: 100%;
    position: sticky;
    top: 1.3rem;
}
.solution .cont2 .category ul li {
    line-height: 1;
    margin-bottom: 0.3rem;
}
.solution .cont2 .category ul li:last-child {
    margin-bottom: 0;
}
.solution .cont2 .category ul li a {
    display: block;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: rgba(76,80,87,0.4);
    padding-left: 0.2rem;
    position: relative;
}
.solution .cont2 .category ul li a::before {
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    background-color: rgba(37,90,96,0.4);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.05rem;
    transition: 0.3s;
}
.solution .cont2 .category ul li a span {
    display: block;
    font-size: 0.15rem;
    font-weight: 500;
    letter-spacing: normal;
    color: rgba(37,90,96,0.4);
    margin-bottom: 0.1rem;
    transition: 0.3s;
}
.solution .cont2 .category ul li.active a {
    color: rgba(76,80,87,1);
}
.solution .cont2 .category ul li.active a::before {
    background-color: rgba(37,90,96,1);
}
.solution .cont2 .category ul li.active a span {
    color: rgba(37,90,96,1);
}
.solution .cont2 .col2 {
    width: 10.45rem;
}
.solution .cont2 .col2 .box {
    background-color: #fff;
    border-radius: 0.16rem;
    margin-bottom: 1.2rem;
    overflow: hidden;
}
.solution .cont2 .col2 #solution03 .box {
    margin-bottom: 0;
}
.solution .cont2 .col2 .box .mainbox {
    height: 4.3rem;
    background: url("../img/solution/cont2_photo1-1.jpg") center center no-repeat;
    background-size: cover;
    position: relative;
    padding: 1.96rem 0.62rem 0;
    margin-bottom: 0.7rem;
    color: #fff;
    box-sizing: border-box;
}
.solution .cont2 .col2 #solution02 .box .mainbox {
    background-image: url("../img/solution/cont2_photo2-1.jpg");
}
.solution .cont2 .col2 #solution03 .box .mainbox {
    background-image: url("../img/solution/cont2_photo3-1.jpg");
}
.solution .cont2 .col2 .box .mainbox .no {
    font-size: 1.06rem;
    font-weight: 500;
    line-height: 1;
    color: #fff;
    position: absolute;
    left: -0.12rem;
    top: 0.3rem;
}
.solution .cont2 .col2 .box .mainbox h3 {
    font-size: 0.42rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0.75rem;
}
.solution .cont2 .col2 #solution02 .box .mainbox h3 {
    margin-bottom: 0.5rem;
}
.solution .cont2 .col2 .box .mainbox h3 span {
    display: block;
    font-size: 0.16rem;
    font-weight: 500;
    letter-spacing: 0.06em;
    margin-bottom: 0.16rem;
}
.solution .cont2 .col2 .box .mainbox h3 span::before {
    content: '〔';
    padding-right: 0.14rem;
}
.solution .cont2 .col2 .box .mainbox h3 span::after {
    content: '〕';
    padding-left: 0.14rem;
}
.solution .cont2 .col2 .box .mainbox p {
    font-size: 0.15rem;
    line-height: 1.8;
}
.solution .cont2 .col2 .box .box_inner {
    padding: 0 0.6rem 0.8rem;
}
.solution .cont2 .col2 .box .box_inner h4 {
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1.7;
    padding-bottom: 0.28rem;
}
.solution .cont2 .col2 .box .box_inner p {
    padding-bottom: 0.7rem;
}
.solution .cont2 .col2 .box .box_inner .bob {
    border-bottom: 0.01rem solid #CECECE;
}
.solution .cont2 .col2 .box .box_inner picture {
    width: 4.36rem;
}
.solution .cont2 .col2 .box .box_inner picture img {
    border-radius: 0.08rem;
}
.solution .cont2 .col2 #solution02 .box .box_inner picture span {
    display: block;
    font-size: 0.14rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    padding-top: 0.25rem;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture {
    padding-bottom: 0.7rem;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture p {
    font-weight: 400;
    padding: 0;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture .dot {
    font-weight: 500;
    letter-spacing: 0.06em;
    padding-left: 0.2rem;
    margin-top: 0.25rem;
    position: relative;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture .dot::before {
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    background-color: #647288;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.03rem;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture .btnst3 {
    width: 4.15rem;
    margin: 0.12rem 0 0.05rem;
}
.solution .cont2 .col2 .box .box_inner .con {
    width: 4.4rem;
}
.solution .cont2 .col2 .box .box_inner .rebox {
    padding-top: 0.65rem;
}
.solution .cont2 .col2 .box .box_inner .rebox h5 {
    font-size: 0.15rem;
    font-weight: 400;
    line-height: 1;
}
.solution .cont2 .col2 .box .box_inner .rebox h5 span {
    display: block;
    font-size: 0.28rem;
    font-weight: 500;
    color: #255A60;
    margin-bottom: 0.15rem;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li {
    border-bottom: 0.01rem dotted #CECECE;
    padding: 0.3rem 0;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dt {
    width: 1.33rem;
    height: 0.88rem;
    border-radius: 0.08rem;
    overflow: hidden;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dt img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dd {
    width: 7.6rem;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dd h6 {
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.12rem;
    display: -webkit-box;             
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dd p {
    font-size: 0.15rem;
    letter-spacing: 0.06em;
    color: #90979F;
    padding: 0;
    display: -webkit-box;             
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dd p span {
    padding-right: 1em;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dd p span::before {
    content: '#';
    color: #82D9CC;
    padding-right: 0.05rem;
}
.solution .cont2 .col2 .box .box_inner .mebox {
    padding-top: 0.65rem;
}
.solution .cont2 .col2 .box .box_inner .mebox h5 {
    font-size: 0.15rem;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 0.3rem;
}
.solution .cont2 .col2 .box .box_inner .mebox h5 span {
    display: block;
    font-size: 0.28rem;
    font-weight: 500;
    color: #255A60;
    margin-bottom: 0.15rem;
}
.solution .cont2 .col2 .box .box_inner .mebox dl {
    display: flex;
    justify-content: space-between;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dt {
    width: 2.18rem;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dt img {
    border-radius: 0.08rem;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dd {
    width: 6.55rem;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dd p {
    padding-bottom: 0.2rem;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dd .btn {
    display: flex;
    justify-content: flex-end;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dd .btn a {
    width: 2.4rem;
    height: 0.5rem;
    background-color: #fff;
    border: 0.01rem solid #255A60;
    border-radius: 0.3rem;
    font-size: 0.18rem;
    padding-left: 0.3rem;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    position: relative;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dd .btn a span {
    width: 0.13rem;
    height: 0.13rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.623%22%20height%3D%2214.622%22%20viewBox%3D%220%200%2014.623%2014.622%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798629%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798629%22%20transform%3D%22translate(-658.715%20-2197.794)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239080%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239080%22%20d%3D%22M-9605.69-9638.205v12.622%22%20transform%3D%22translate(10271.717%2011836.999)%22%20fill%3D%22none%22%20stroke%3D%22%23255a60%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239081%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239081%22%20d%3D%22M0%2C0V12.623%22%20transform%3D%22translate(672.338%202205.105)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23255a60%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 0.32rem;
    top: 50%;
    margin-top: -0.065rem;
    transition: 0.3s;
}
@media (hover: hover) and (min-width:751px) {
.solution .cont2 .category ul li a:hover {
    color: rgba(76,80,87,1);
}
.solution .cont2 .category ul li a:hover span {
    color: rgba(37,90,96,1);
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a:hover dl dt img {
    transform: scale(1.05);
} 
.solution .cont2 .col2 .box .box_inner .mebox dl dd .btn a:hover {
    background-color: #255A60;
    color: #fff;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dd .btn a:hover span {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.623%22%20height%3D%2214.622%22%20viewBox%3D%220%200%2014.623%2014.622%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798629%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798629%22%20transform%3D%22translate(-658.715%20-2197.794)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239080%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239080%22%20d%3D%22M-9605.69-9638.205v12.622%22%20transform%3D%22translate(10271.717%2011836.999)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239081%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239081%22%20d%3D%22M0%2C0V12.623%22%20transform%3D%22translate(672.338%202205.105)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    transform: rotate(90deg);
}
}
@media screen and (max-width:750px){
.solution .cont2 {
    padding: 0 0 0.38rem;
}
.solution .cont2 .headline3 {
    font-size: 0.13rem;
    white-space: nowrap;
    margin-bottom: 0.35rem;
}
.solution .cont2 .category {
    width: 100%;
    height: auto;
    position: static;
    background-color: #fff;
    border: 0.01rem solid #CECECE;
    border-radius: 0.08rem;
    padding: 0 0.2rem;
    margin-bottom: 0.6rem;
    box-sizing: border-box;
}
.solution .cont2 .category ul li {
    height: 0.65rem;
    margin-bottom: 0;
    border-bottom: 0.01rem solid #CECECE;
    box-sizing: border-box;
}
.solution .cont2 .category ul li:last-child {
    border-bottom: 0;
}
.solution .cont2 .category ul li a {
    width: 100%;
    height: 100%;
    font-size: 0.14rem;
    color: rgba(76,80,87,1);
    padding-left: 0.15rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.775%22%20height%3D%226.872%22%20viewBox%3D%220%200%2011.775%206.872%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239108%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239108%22%20d%3D%22M34%2C2087.39l5.525%2C5.8%2C5.525-5.8%22%20transform%3D%22translate(-33.638%20-2087.045)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.11rem auto;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.solution .cont2 .category ul li a::before {
    background-color: rgba(37,90,96,1);
    top: 50%;
    margin-top: -0.03rem;
}
.solution .cont2 .category ul li a span {
    display: inline-block;
    font-size: 0.13rem;
    color: rgba(37,90,96,1);
    margin-bottom: 0;
    padding-right: 0.15rem;
}
.solution .cont2 .col2 {
    width: 100%;
}
.solution .cont2 .col2 .box {
    border-radius: 0.08rem;
    margin-bottom: 0.8rem;
}
.solution .cont2 .col2 #solution03 .box {
    margin-bottom: 0;
}
.solution .cont2 .col2 .box .mainbox {
    height: 3.21rem;
    background-image: url("../img/solution/cont2_photo1-1_sp.jpg");
    padding: 1.38rem 0 0 0.22rem;
    margin-bottom: 0.4rem;
}
.solution .cont2 .col2 #solution02 .box .mainbox {
    padding-top: 1.25rem;
    background-image: url("../img/solution/cont2_photo2-1_sp.jpg");
}
.solution .cont2 .col2 #solution03 .box .mainbox {
    background-image: url("../img/solution/cont2_photo3-1_sp.jpg");
}
.solution .cont2 .col2 .box .mainbox .no {
    font-size: 0.7rem;
    left: -0.12rem;
    top: 0.15rem;
}
.solution .cont2 .col2 .box .mainbox h3 {
    font-size: 0.28rem;
    margin-bottom: 0.55rem;
}
.solution .cont2 .col2 #solution02 .box .mainbox h3 {
    margin-bottom: 0.2rem;
}
.solution .cont2 .col2 #solution03 .box .mainbox h3 {
    margin-bottom: 0.3rem;
}
.solution .cont2 .col2 .box .mainbox h3 span {
    font-size: 0.14rem;
    margin: 0 0 0.08rem -0.1rem;
}
.solution .cont2 .col2 .box .mainbox h3 span::before {
    padding-right: 0.06rem;
}
.solution .cont2 .col2 .box .mainbox h3 span::after {
    padding-left: 0.06rem;
}
.solution .cont2 .col2 .box .mainbox p {
    font-size: 0.13rem;
    margin-right: 2em;
}
.solution .cont2 .col2 .box .box_inner {
    padding: 0 0.14rem 0.4rem;
}
.solution .cont2 .col2 .box .box_inner h4 {
    font-size: 0.22rem;
    line-height: 1.66;
    padding-bottom: 0.1rem;
}
.solution .cont2 .col2 .box .box_inner p {
    font-size: 0.14rem;
    line-height: 1.8;
    padding-bottom: 0.35rem;
}
.solution .cont2 .col2 .box .box_inner picture {
    width: 100%;
    margin-bottom: 0.35rem;
}
.solution .cont2 .col2 .box .box_inner picture.mt {
    margin-top: -0.2rem;
}  
.solution .cont2 .col2 #solution02 .box .box_inner picture span {
    padding-bottom: 0.2rem;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture {
    padding-bottom: 0;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture .dot {
    margin-top: 0.1rem;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture .dot::before {
    top: 0.085rem;
    margin-top: 0;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture .btnst3 {
    width: 100%;
    margin: 0.12rem 0 0.1rem;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture .btnst3 a {
    border-color: #CECECE;
    border-radius: 0.08rem;
    font-size: 0.15rem;
    padding: 0 0 0 0.1rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_44_103%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%2044%20%E2%80%93%20103%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_860%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20860%22%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20fill%3D%22%23255a60%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238985%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238985%22%20d%3D%22M33.286%2C3.058c0-.014%2C0-.029%2C0-.043v0a.63.63%2C0%2C0%2C0-.317-.5l0%2C0-.035-.018h0A11.936%2C11.936%2C0%2C0%2C1%2C29.754.171a.629.629%2C0%2C0%2C0-.82-.035A.65.65%2C0%2C0%2C0%2C28.861.2a.632.632%2C0%2C0%2C0%2C.033.894c.514.477.982.9%2C1.477%2C1.288h-9.7a.673.673%2C0%2C1%2C0%2C0%2C1.346h9.7c-.495.386-.964.811-1.477%2C1.288a.632.632%2C0%2C1%2C0%2C.861.926%2C11.937%2C11.937%2C0%2C0%2C1%2C3.171-2.317h0l.035-.018%2C0%2C0a.63.63%2C0%2C0%2C0%2C.317-.5v0c0-.014%2C0-.028%2C0-.043h0%22%20transform%3D%22translate(-12.643%2010.942)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') right 0.08rem center no-repeat;
    background-size: 0.28rem auto;
}
.solution .cont2 .col2 #solution03 .box .box_inner picture .btnst3 a span {
    display: none;
}
.solution .cont2 .col2 .box .box_inner .con {
    width: 100%;
}
.solution .cont2 .col2 .box .box_inner .rebox {
    padding-top: 0.3rem;
}
.solution .cont2 .col2 .box .box_inner .rebox h5 {
    font-size: 0.12rem;
}
.solution .cont2 .col2 .box .box_inner .rebox h5 span {
    font-size: 0.21rem;
    margin-bottom: 0.1rem;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li {
    padding: 0.22rem 0;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl {
    align-items: flex-start;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dt {
    width: 1.37rem;
    height: 0.87rem;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dd {
    width: 1.64rem;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dd h6 {
    font-size: 0.14rem;
    line-height: 1.785;
    margin-bottom: 0.05rem;
    -webkit-line-clamp: 2;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dd p {
    font-size: 0.12rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
    -webkit-line-clamp: 2;
}
.solution .cont2 .col2 .box .box_inner .rebox ul li a dl dd p span {
    padding-right: 0.05em;
}
.solution .cont2 .col2 .box .box_inner .mebox {
    padding-top: 0.2rem;
}
.solution .cont2 .col2 .box .box_inner .mebox h5 {
    font-size: 0.12rem;
    margin-bottom: 0.15rem;
}
.solution .cont2 .col2 .box .box_inner .mebox h5 span {
    font-size: 0.21rem;
    margin-bottom: 0.1rem;
}
.solution .cont2 .col2 .box .box_inner .mebox dl {
    display: block;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dt {
    width: 100%;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dt picture {
    margin-bottom: 0.2rem;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dt img {
    border-radius: 0.08rem;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dd {
    width: 100%;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dd p {
    padding: 0.1rem 0 0.25rem;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dd .btn {
    justify-content: center;
}
.solution .cont2 .col2 .box .box_inner .mebox dl dd .btn a {
    font-size: 0.16rem;
}
}

/* cont3 */
.solution .cont3 {
    padding-bottom: 1.8rem;
    text-align: center;
    position: relative;
    z-index: 2;
}
.solution .cont3 .ttl {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2252%22%20viewBox%3D%220%200%2052%2052%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798585%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798585%22%20transform%3D%22translate(-690%20-2156)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_860%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20860%22%20cx%3D%2226%22%20cy%3D%2226%22%20r%3D%2226%22%20transform%3D%22translate(690%202156)%22%20fill%3D%22%236f8c90%22%2F%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798142%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798142%22%20transform%3D%22translate(47.813%20-25.267)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239080%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239080%22%20d%3D%22M-9605.69-9638.205v16.943%22%20transform%3D%22translate(10273.878%2011836.999)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239081%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239081%22%20d%3D%22M0%2C0V16.944%22%20transform%3D%22translate(676.659%202207.266)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center top no-repeat;
    background-size: 0.52rem auto;
    font-size: 0.22rem;
    font-weight: 500;
    line-height: 1;
    padding: 0.72rem 0 1.15rem;
}
.solution .cont3 h3 {
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.06em;
    color: #255A60;
    margin-bottom: 0.6rem;
}
.solution .cont3 h3 span {
    display: block;
    font-size: 0.69rem;
    font-weight: 500;
    letter-spacing: normal;
    margin-top: 0.22rem;
}
.solution .cont3 .copy {
    font-size: 0.18rem;
    line-height: 2.277;
}
.solution .cont3 picture {
    position: absolute;
}
.solution .cont3 picture::after {
    content: '';
    position: absolute;
    border-radius: 0.08rem;
    filter: blur(2px);
    z-index: 1;
}
.solution .cont3 picture img {
    display: block;
    border-radius: 0.08rem;
    position: relative;
    z-index: 2;
}
.solution .cont3 .photo1 {
    width: 2.17rem;
    right: 50%;
    top: 0.83rem;
    margin-right: 3.53rem;
}
.solution .cont3 .photo1::after {
    width: 1.46rem;
    height: 0.98rem;
    background-color: #B3E5DC;
    right: 1.52rem;
    top: 1.1rem;
    opacity: 0.6;
}
.solution .cont3 .photo2 {
    width: 2.11rem;
    left: 50%;
    top: 0.65rem;
    margin-left: 3.85rem;
}
.solution .cont3 .photo2::after {
    width: 1.91rem;
    height: 1.25rem;
    background-color: #B3E5DC;
    left: 0.96rem;
    top: -0.46rem;
}
.solution .cont3 .photo3 {
    width: 2.12rem;
    right: 50%;
    top: 4.4rem;
    margin-right: 5.1rem;
    z-index: 2;
}
.solution .cont3 .photo3::after {
    width: 1.03rem;
    height: 0.65rem;
    background-color: #D9F2F8;
    right: 1.34rem;
    top: 1.21rem;
}
.solution .cont3 .photo4 {
    width: 1.63rem;
    right: 50%;
    top: 5.65rem;
    margin-right: 4.24rem;
    z-index: 1;
}
.solution .cont3 .photo4::after {
    width: 1.05rem;
    height: 0.67rem;
    background-color: #DEF7F2;
    right: 1.17rem;
    top: 1.93rem;
}
.solution .cont3 .photo5 {
    width: 2.91rem;
    left: 50%;
    top: 4.44rem;
    margin-left: 4.27rem;
}
.solution .cont3 .photo5::after {
    width: 1.46rem;
    height: 0.95rem;
    background-color: #C9E3DE;
    left: 1.79rem;
    top: 1.56rem;
}
@media screen and (max-width:750px){
.solution .cont3 {
    padding-bottom: 2.8rem;
}
.solution .cont3 .ttl {
    font-size: 0.18rem;
    padding: 0.62rem 0 0.65rem;
}
.solution .cont3 h3 {
    font-size: 0.14rem;
    letter-spacing: normal;
    white-space: nowrap;
    margin-bottom: 0.25rem;
}
.solution .cont3 h3 span {
    font-size: 0.37rem;
    margin-top: 0.08rem;
    white-space: nowrap;
}
.solution .cont3 .copy {
    font-size: 0.14rem;
    line-height: 1.8;
    text-align: left;
}
.solution .cont3 .photo1,
.solution .cont3 .photo2 {
    display: none;
}
.solution .cont3 .photo3 {
    width: 1.22rem;
    right: auto;
    left: 0.05rem;
    top: 6.83rem;
    margin-right: 0;
}
.solution .cont3 .photo3::after {
    width: 0.08rem;
    height: 0.34rem;
    border-radius: 0 0.08rem 0.08rem 0;
    right: 1.34rem;
    top: 0.47rem;
}
.solution .cont3 .photo4 {
    width: 0.85rem;
    right: auto;
    left: 0.74rem;
    top: 7.48rem;
    margin-right: 0;
}
.solution .cont3 .photo4::after {
    width: 0.33rem;
    height: 0.21rem;
    right: 0.9rem;
    top: 0.34rem;
}
.solution .cont3 .photo5 {
    width: 1.41rem;
    left: auto;
    right: 0.12rem;
    top: 6.09rem;
    margin-left: 0;
}
.solution .cont3 .photo5::after {
    width: 0.71rem;
    height: 0.45rem;
    left: auto;
    right: -0.16rem;
    top: 0.76rem;
}
}


/* company
------------------------------------------------- */
/* mainfv */
.company .mainfv picture {
    background-image: url("../img/company/mainimg.jpg");
}
@media screen and (max-width:750px){
.company .mainfv picture {
    background-image: url("../img/company/mainimg_sp.jpg");
}
}

/* cont1 */
.company .cont1 {
    margin-top: -0.46rem;
    padding: 1.1rem 0 0.55rem;
}
.company .cont1 p {
    font-size: 0.18rem;
    text-align: center;
    padding-bottom: 0.6rem;
}
.company .cont1 ul {
    width: 10.45rem;
    margin: 0 auto;
}
.company .cont1 ul li {
    width: 5rem;
    margin-bottom: 0.65rem;
}
.company .cont1 ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.company .cont1 ul li a picture {
    width: 100%;
    height: 2.61rem;
    border-radius: 0.08rem;
    overflow: hidden;
}
.company .cont1 ul li a picture img {
    display: block;
    transition: 0.3s;
}
.company .cont1 ul li a h2 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.9;
    margin: 0.16rem 0.14rem 0 0;
    position: relative;
}
@media (hover: hover) and (min-width:751px) {
.company .cont1 ul li a:hover picture img {
    transform: scale(1.05);
}
}
@media screen and (max-width:750px){
.company .cont1 {
    margin-top: -0.26rem;
    padding: 0.6rem 0 0.35rem;
}
.company .cont1 .inner {
    width: 89.33%;
}
.company .cont1 p {
    font-size: 0.14rem;
    line-height: 1.8;
    text-align: left;
    padding-bottom: 0.3rem;
}
.company .cont1 ul {
    width: 100%;
    margin: 0 auto;
}
.company .cont1 ul li {
    width: 100%;
    margin-bottom: 0.32rem;
}
.company .cont1 ul li a picture {
    height: 1.75rem;
}
.company .cont1 ul li a h2 {
    font-size: 0.16rem;
    line-height: 1.875;
    margin: 0.12rem 0 0 0;
}
}


/* company/greeting
------------------------------------------------- */
/* cont1 */
.greeting .cont1 {
    padding: 0.8rem 0;
}
.greeting .cont1 .sec {
    width: 10.45rem;
    margin: 0 auto;
}
.greeting .cont1 .sec picture {
    width: 4.81rem;
}
.greeting .cont1 .sec picture img {
    border-radius: 0.08rem;
}
.greeting .cont1 .sec .con {
    width: 5.3rem;
    margin-top: 0.2rem;
}
.greeting .cont1 .sec .con h2 {
    font-size: 0.36rem;
    font-weight: 400;
    line-height: 1.7;
}
.greeting .cont1 .sec .con p {
    font-size: 0.18rem;
    font-weight: 500;
    color: #6F8C90;
    padding: 0.3rem 0 0.55rem;
}
.greeting .cont1 .sec .con .name {
    font-size: 0.15rem;
    font-weight: 400;
    color: #4C5057;
    padding: 0;
}
.greeting .cont1 .sec .con .name span {
    font-size: 0.26rem;
    padding-left: 0.16rem;
}
@media screen and (max-width:750px){
.greeting .cont1 {
    padding: 0.65rem 0 0.5rem;
}
.greeting .cont1 .sec {
    width: 89.33vw;
}
.greeting .cont1 .sec picture {
    width: 100%;
}
.greeting .cont1 .sec .con {
    width: 100%;
    margin-top: 0.2rem;
}
.greeting .cont1 .sec .con h2 {
    font-size: 0.22rem;
    line-height: 1.4;
}
.greeting .cont1 .sec .con p {
    font-size: 0.15rem;
    padding: 0.1rem 0 0.2rem;
}
.greeting .cont1 .sec .con .name {
    font-size: 0.11rem;
    padding: 0;
}
.greeting .cont1 .sec .con .name span {
    font-size: 0.21rem;
}
}

/* cont2 */
.greeting .cont2 {
    padding-bottom: 0.95rem;
    position: relative;
    z-index: 2;
}
.greeting .cont2 .sec {
    width: 10.45rem;
    margin: 0 auto 0.65rem;
}
.greeting .cont2 .sec .ttlbox {
    width: 3.4rem;
}
.greeting .cont2 .sec .ttlbox h3 {
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1.7;
}
.greeting .cont2 .sec .con {
    width: 6.73rem;
}
@media screen and (max-width:750px){
.greeting .cont2 {
    padding-bottom: 0.2rem;
}
.greeting .cont2 .sec {
    width: 89.33vw;
    margin: 0 auto 0.45rem;
}
.greeting .cont2 .sec .ttlbox {
    width: 100%;
}
.greeting .cont2 .sec .ttlbox h3 {
    font-size: 0.22rem;
    line-height: 1.4;
    padding-bottom: 0.25rem;
}
.greeting .cont2 .sec .con {
    width: 100%;
}
.greeting .cont2 .sec .con p {
    font-size: 0.14rem;
    line-height: 1.8;
}
}

/* company_other */
.company_other {
    padding-bottom: 1.3rem;
    position: relative;
}
.company_other::after {
    content: '';
    width: 100%;
    height: 8.67rem;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #CEF5EF 20%, #C0E8E0 50%, #CEEEF2 75%, rgba(255,255,255,0) 100%);
    position: absolute;
    left: 0;
    top: -1.7rem;
}
.company_other .inner {
    z-index: 2;
}
.company_other h3 {
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-bottom: 0.6rem;
}
.company_other h3 span {
    display: block;
    font-size: 0.44rem;
    font-weight: 500;
    padding-bottom: 0.14rem;
}
.company_other ul li {
    width: 3.91rem;
}
@media screen and (max-width:750px){
.company_other {
    padding-bottom: 0.75rem;
}
.company_other::after {
    height: 4.88rem;
    top: -0.6rem;
}
.company_other .inner {
    width: 89.33%;
}
.company_other h3 {
    font-size: 0.14rem;
    margin-bottom: 0.5rem;
}
.company_other h3 span {
    font-size: 0.32rem;
}
.company_other ul li {
    width: 100%;
    margin-bottom: 0.1rem;
}
}


/* overview
------------------------------------------------- */
/* cont1 */
.overview .cont1 {
    padding: 1.2rem 0;
}
.overview .cont1 .sec {
    width: 10.45rem;
    margin: 0 auto;
}
.overview .cont1 .sec table {
    width: 100%;
}
.overview .cont1 .sec table th,
.overview .cont1 .sec table td {
    text-align: left;
    vertical-align: top;
    padding: 0.32rem 0;
    border-bottom: 0.01rem solid #CECECE;
}
.overview .cont1 .sec table th {
    width: 1.7rem;
    font-weight: 500;
    letter-spacing: 0.06em;
}
.overview .cont1 .sec table td span {
    font-weight: 500;
    padding-right: 0.16rem;
}
@media screen and (max-width:750px){
.overview .cont1 {
    padding: 0.65rem 0 0.6rem;
}
.overview .cont1 .sec {
    width: 100%;
}
.overview .cont1 .sec .headline3 {
    margin-bottom: 0.2rem;
}
.overview .cont1 .sec table th,
.overview .cont1 .sec table td {
    display: block;
    width: 100%;
    font-size: 0.14rem;
    line-height: 1.8;
    padding: 0 0 0.2rem;
}
.overview .cont1 .sec table th {
    width: 100%;
    font-weight: 500;
    letter-spacing: 0.06em;
    border-bottom: none;
    padding: 0.15rem 0 0.05rem;
}
.overview .cont1 .sec table td span {
    font-weight: 500;
    padding-right: 0.16rem;
}
}

/* cont2 */
.overview .cont2 {
    padding-top: 0;
}
.overview .cont2 ul {
    padding-left: 0.16rem;
}
.overview .cont2 ul li {
    position: relative;
}
.overview .cont2 ul li::before {
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    background-color: #647288;
    border-radius: 50%;
    position: absolute;
    left: -0.16rem;
    top: 0.14rem;
}
@media screen and (max-width:750px){
.overview .cont2 {
    padding-top: 0;
}
.overview .cont2 .sec .headline3 {
    white-space: nowrap;
    margin-bottom: 0.25rem;
}
.overview .cont2 p,
.overview .cont2 ul li {
    font-size: 0.14rem;
    line-height: 1.8;
    margin-bottom: 0.05rem;
}
.overview .cont2 ul li::before {
    top: 0.1rem;
}
}

/* cont3 */
.overview .cont3 {
    padding: 0 0 1.8rem;
}
.overview .cont3 .box {
    padding-bottom: 0.75rem;
}
.overview .cont3 .box .map {
    width: 100%;
    height: 4rem;
    border-radius: 0.08rem;
    margin-bottom: 0.45rem;
    overflow: hidden;
    position: relative;
}
.overview .cont3 .box .map iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.overview .cont3 .box h3 {
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 1;
    padding-bottom: 0.05rem;
}
.overview .cont3 .box address,
.overview .cont3 .box p {
    font-size: 0.15rem;
    line-height: 1.8;
    padding-top: 0.125rem;
}
@media screen and (max-width:750px){
.overview .cont3 {
    padding: 0 0 0.65rem;
}
.overview .cont3 .sec .headline3 {
    margin-bottom: 0.3rem;
}
.overview .cont3 .box {
    padding-bottom: 0.5rem;
}
.overview .cont3 .box .map {
    height: 1.88rem;
    margin-bottom: 0.25rem;
}
.overview .cont3 .box h3 {
    font-size: 0.16rem;
    padding-bottom: 0.05rem;
}
.overview .cont3 .box address,
.overview .cont3 .box p {
    font-size: 0.14rem;
    padding-top: 0.1rem;
}
}


/* philosophy
------------------------------------------------- */
/* cont1 */
.philosophy .cont1 {
    padding: 0.4rem 0 1.72rem;
}
.philosophy .cont1 .sec {
    width: 10.45rem;
    margin: 0 auto;
    padding: 0.8rem 0;
}
.philosophy .cont1 .sec.sec2 {
    border-top: 0.01rem dotted #CECECE;
    border-bottom: 0.01rem dotted #CECECE;
}
.philosophy .cont1 .sec h2 {
    font-weight: 400;
    line-height: 1;
}
.philosophy .cont1 .sec h2 span {
    display: block;
    font-size: 0.4rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.03em;
    color: #98C8CE;
    margin-bottom: 0.15rem;
}
.philosophy .cont1 .sec .box {
    width: 6.2rem;
}
.philosophy .cont1 .sec .box p {
    font-size: 0.32rem;
    line-height: 1.7;
    text-align: center;
}
.philosophy .cont1 .sec .box ol {
    counter-reset: my-counter;
    list-style: none;
    padding-left: 1rem;
}
.philosophy .cont1 .sec .box ol li {
    font-size: 0.22rem;
    line-height: 2;
    margin-bottom: 0.2rem;
    position: relative;
}
.philosophy .cont1 .sec .box ol li::before {
    content: counter(my-counter, decimal-leading-zero)'.';
    counter-increment: my-counter;
    font-family: eurostile-extended, sans-serif;
    color: #98C8CE;
    font-weight: 500;
    position: absolute;
    top: 0;
    left: -1rem;
}
.philosophy .cont1 .infiniteslide {
    align-items: flex-start !important;
}
.philosophy .cont1 .infiniteslide li {
    display: none;
    width: 2.55rem;
    margin-right: 0.8rem;
}
.philosophy .cont1 .infiniteslide li:nth-child(2n) {
    margin-top: 0.5rem;
}
.philosophy .cont1 .infiniteslide li img {
    border-radius: 0.08rem;
}
@media screen and (max-width:750px){
.philosophy .cont1 {
    padding: 0.325rem 0 1.25rem;
}
.philosophy .cont1 .sec {
    width: 89.33vw;
    margin: 0 auto;
    padding: 0.275rem 0 0.35rem;
}
.philosophy .cont1 .sec.sec2 {
    border-top: 0.01rem dotted #CECECE;
    border-bottom: 0.01rem dotted #CECECE;
}
.philosophy .cont1 .sec.sec3 {
    padding-bottom: 0.2rem;
}
.philosophy .cont1 .sec h2 {
    font-size: 0.14rem;
    margin-bottom: 0.2rem;
}
.philosophy .cont1 .sec h2 span {
    font-size: 0.32rem;
    margin-bottom: 0.15rem;
}
.philosophy .cont1 .sec .box {
    width: 100%;
}
.philosophy .cont1 .sec .box p {
    font-size: 0.22rem;
    line-height: 1.75;
    text-align: left;
}
.philosophy .cont1 .sec .box ol {
    padding: 0.1rem 0 0 0.5rem;
}
.philosophy .cont1 .sec .box ol li {
    font-size: 0.15rem;
    line-height: 1.5;
    margin-bottom: 0.175rem;
}
.philosophy .cont1 .sec .box ol li::before {
    font-size: 0.17rem;
    top: -0.03rem;
    left: -0.5rem;
}
.philosophy .cont1 .infiniteslide {
    align-items: flex-start !important;
}
.philosophy .cont1 .infiniteslide li {
    display: none;
    width: 2.55rem;
    margin-right: 0.8rem;
}
.philosophy .cont1 .infiniteslide li:nth-child(2n) {
    margin-top: 0.5rem;
}
.philosophy .cont1 .infiniteslide li img {
    border-radius: 0.08rem;
}    
    
    
.philosophy .cont1 .infiniteslide li {
    width: 1.59rem;
    margin-right: 0.32rem;
}
.philosophy .cont1 .infiniteslide li:nth-child(2n) {
    margin-top: 0.3rem;
}
}


/* history
------------------------------------------------- */
/* mainfv */
.history .mainfv picture {
    background-image: url("../img/company/history/mainimg.jpg");
}
@media screen and (max-width:750px){
.history .mainfv picture {
    background-image: url("../img/company/history/mainimg_sp.jpg");
}
}

/* cont1 */
.history .cont1 {
    margin-top: -0.40rem;
    padding: 0.8rem 0 0.9rem;
}
.history .cont1 .sec {
    width: 10.45rem;
    margin: 0 auto;
    position: relative;
}
.history .cont1 .sec h2 {
    width: 5rem;
    font-size: 0.42rem;
    font-weight: 400;
    line-height: 1.7;
}
.history .cont1 .sec p {
    width: 5rem;
    position: absolute;
    right: 0;
    top: 0.1rem;
}
@media screen and (max-width:750px){
.history .cont1 {
    margin-top: -0.35rem;
    padding: 0.55rem 0;
}
.history .cont1 .sec {
    width: 100%;
}
.history .cont1 .sec h2 {
    width: 100%;
    font-size: 0.26rem;
    margin-bottom: 0.2rem;
}
.history .cont1 .sec p {
    width: 100%;
    position: static;
    font-size: 0.14rem;
    line-height: 1.8;
}
}

/* cont2 */
.history .cont2 {
    background-color: #DEEFEB;
    position: relative;
    z-index: 2;
}
.history .cont2 .ttlbox {
    height: 1.91rem;
    background-color: #739CA0;
    color: #fff;
}
.history .cont2.cont3 .ttlbox {
    background-color: #68B1B7;
}
.history .cont2.cont4 .ttlbox {
    background-color: #87D3C3;
}
.history .cont2 .ttlbox .inner {
    height: 1.91rem;
}
.history .cont2 .ttlbox h3 {
    font-size: 0.64rem;
    font-weight: 400;
    line-height: 1;
    margin-left: 1.1rem;
}
.history .cont2 .ttlbox h3 span {
    display: block;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.06em;
    margin-bottom: 0.15rem;
}
.history .cont2 .ttlbox h3 span::before {
    content: '〔';
    padding-right: 0.12rem;
}
.history .cont2 .ttlbox h3 span::after {
    content: '〕';
    padding-left: 0.12rem;
}
.history .cont2 .ttlbox h3 b {
    display: inline-block;
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1;
    color: #C0E3DE;
    padding-left: 0.2rem;
    transform: translateY(-0.125rem);
}
.history .cont2 .ttlbox p {
    width: 7.18rem;
}
.history .cont2 h4 {
    width: 5.45rem;
    height: 0.43rem;
    background-color: #fff;
    border-radius: 0.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-align: center;
    margin: 0.7rem 0;
}
.history .cont2 h4.right {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}
.history .cont2 ul {
    padding-bottom: 0.35rem;
    position: relative;
}
.history .cont2.cont3 ul,
.history .cont2.cont4 ul {
    padding-top: 0.84rem;
}
.history .cont2 ul::after {
    content: '';
    width: 0.01rem;
    height: calc(100% + 0.07rem);
    background-color: #255A60;
    position: absolute;
    left: 50%;
    top: -0.07rem;
    z-index: 1;
}
.history .cont2.cont3 ul::after,
.history .cont2.cont4 ul::after {
    height: 100%;
    top: 0;
}
.history .cont2.cont4 ul::before {
    content: '';
    width: 0.4rem;
    height: 0.24rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239.574%22%20height%3D%2224.514%22%20viewBox%3D%220%200%2039.574%2024.514%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798779%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798779%22%20transform%3D%22translate(0.216%200.451)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239106%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239106%22%20d%3D%22M34%2C2087.39l19.571%2C9.376%2C19.571-9.376%22%20transform%3D%22translate(-34%20-2087.39)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239107%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239107%22%20d%3D%22M34%2C2087.39l19.571%2C9.376%2C19.571-9.376%22%20transform%3D%22translate(-34%20-2080.323)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239108%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239108%22%20d%3D%22M34%2C2087.39l19.571%2C9.376%2C19.571-9.376%22%20transform%3D%22translate(-34%20-2073.257)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')  center bottom no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: -0.16rem;
    margin-left: -0.195rem;
}
.history .cont2 ul li {
    padding-bottom: 0.42rem;
    position: relative;
    z-index: 2;
}
.history .cont2 ul li span {
    width: 1.46rem;
    height: 0.39rem;
    background-color: #255A60;
    border-radius: 0.3rem;
    font-size: 0.2rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.history .cont2 ul li span.bef {
    background-color: #6F8C90;
}

.history .cont2 ul li dl {
    width: 50%;
    display: flex;
    position: absolute;
    right: 0;
    top: 0.05rem;
}
.history .cont2 ul li dl dt {
    width: 1rem;
    position: relative;
}
.history .cont2 ul li dl dt::before {
    content: '';
    width: 0.12rem;
    height: 0.12rem;
    background-color: #255A60;
    border-radius: 50%;
    position: absolute;
    left: -0.06rem;
    top: 0.08rem;
}
.history .cont2 ul li dl dt::after {
    content: '';
    width: 0.86rem;
    height: 0.01rem;
    border-bottom: 0.01rem dotted #255A60;
    position: absolute;
    left: 0;
    top: 0.13rem;
}
.history .cont2 ul li dl.no dt::before,
.history .cont2 ul li dl.no dt::after {
    display: none;
}
.history .cont2 ul li dl dd {
    width: 5.28rem;
    font-size: 0.15rem;
    line-height: 1.8;
}

.history .cont2 ul li dl.left {
    width: 6.04rem;
    right: 50%;
    flex-direction: row-reverse;
    transform: scale(0.7);
    opacity: 0;
    transition: .3s cubic-bezier(.34,1.86,.64,1);
}
.history .cont2 ul li dl.left.isAnimate {
    transform: scale(1);
    opacity: 1;
}
.history .cont2 ul li dl.left dt {
    width: 1.36rem;
}
.history .cont2 ul li dl.left dt::before {
    left: auto;
    right: -0.06rem;
    top: 0.35rem;
}
.history .cont2 ul li dl.left dt::after {
    width: 100%;
    left: auto;
    right: 0;
    top: 0.41rem;
}
.history .cont2 ul li dl.left dd {
    width: 4.69rem;
    border: 0.01rem solid #6F8C90;
    border-radius: 0.08rem;
    padding: 0.28rem 0.32rem;
    box-sizing: border-box;
}
.history .cont2 ul li dl.left dd p {
    font-size: 0.18rem;
}
.history .cont2 ul li dl.left dd .ttl {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1;
    color: #255A60;
    padding-bottom: 0.2rem;
}
.history .cont2 ul li dl.left dd .ttl.pb {
    padding-bottom: 0;
}
.history .cont2 ul li dl.left dd .photo {
    padding-top: 0.1rem;
}
.history .cont2 ul li dl.left dd .photo picture {
    width: 3.74rem;
    font-size: 0.14rem;
    padding-top: 0.05rem;
}
.history .cont2 ul li dl.left dd .photo.photo2 picture {
    width: 1.88rem;
}
.history .cont2 ul li dl.left dd .photo picture img {
    display: block;
    border-radius: 0.08rem;
}

.history .cont2 ul li.y1998 dl {
    top: -0.08rem;
}
.history .cont2 ul li.y2001 {
    padding-bottom: 1.2rem;
}
.history .cont2 ul li.y2001 dl:nth-of-type(2) {
    top: 0.72rem;
}
.history .cont2 ul li.y2002 {
    padding-bottom: 1.2rem;
}
.history .cont2 ul li.y2002 dl:nth-of-type(2) {
    top: 0.72rem;
}
.history .cont2 ul li.y2002 dl:nth-of-type(3) {
    top: 1.24rem;
}
.history .cont2 ul li.y2002 dl:nth-of-type(4) {
    top: 1.82rem;
}
.history .cont2 ul li.y2002 dl:nth-of-type(4) {
    top: 1.82rem;
}
.history .cont2 ul li.y2002s {
    padding-bottom: 6rem;
}
.history .cont2 ul li.y2002s span {
    width: 3.04rem;
    height: 0.9rem;
    border-radius: 0.5rem;
    text-align: center;
}
.history .cont2 ul li.y2002s span b {
    font-size: 0.4rem;
    font-weight: 500;
    line-height: 1;
}
.history .cont2 ul li.y2002s span b i {
    display: block;
    font-size: 0.16rem;
    font-style: normal;
}
.history .cont2 ul li.y2002s dl {
    top: 1.3rem;
}
.history .cont2 ul li.y2002s dl.no2 {
    top: 3.25rem;
}
.history .cont2 ul li.y2003 {
    padding-bottom: 1.2rem;
}
.history .cont2 ul li.y2003 dl {
    top: -0.22rem;
}
.history .cont2 ul li.y2003 dl:nth-of-type(2) {
    top: 0.72rem;
}
.history .cont2 ul li.y2004 {
    padding-bottom: 1.4rem;
}
.history .cont2 ul li.y2004 dl:nth-of-type(2) {
    top: 0.78rem;
}
.history .cont2 ul li.y2005 {
    padding-bottom: 2.7rem;
}
.history .cont2 ul li.y2005 dl {
    top: -0.22rem;
}
.history .cont2 ul li.y2013 {
    padding-bottom: 4.3rem;
}
.history .cont2 ul li.y2013 dl {
    top: -0.08rem;
}
.history .cont2 ul li.y2013 dl:nth-of-type(2) {
    top: 0.78rem;
}
.history .cont2 ul li.y2013 dl:nth-of-type(3) {
    top: 1.38rem;
}
.history .cont2 ul li.y2014 dl {
    top: -0.08rem;
}
.history .cont2 ul li.y2015 {
    padding-bottom: 5.7rem;
}
.history .cont2 ul li.y2015 dl {
    top: -0.22rem;
}
.history .cont2 ul li.y2015 dl:nth-of-type(2) {
    top: 1.04rem;
}
.history .cont2 ul li.y2015 dl:nth-of-type(3) {
    top: 5.12rem;
}
.history .cont2 ul li.y2015 dl:nth-of-type(4) {
    top: 5.8rem;
}
.history .cont2 ul li.y2017 {
    padding-bottom: 4rem;
}
.history .cont2 ul li.y2017 dl:nth-of-type(2) {
    top: 0.78rem;
}
.history .cont2 ul li.y2017 dl:nth-of-type(3) {
    top: 1.36rem;
}
.history .cont2 ul li.y2018 {
    padding-bottom: 2.1rem;
}
.history .cont2 ul li.y2018 dl {
    top: -0.08rem;
}
.history .cont2 ul li.y2018 dl:nth-of-type(2) {
    top: 0.8rem;
}
.history .cont2 ul li.y2020 {
    padding-bottom: 2.3rem;
}
.history .cont2 ul li.y2020 dl:nth-of-type(2) {
    top: 0.8rem;
}
.history .cont2 ul li.y2021 {
    padding-bottom: 1.2rem;
}
.history .cont2 ul li.y2021 dl {
    top: -0.22rem;
}
.history .cont2 ul li.y2021 dl:nth-of-type(2) {
    top: 1rem;
}
.history .cont2 ul li.y2024 {
    padding-bottom: 2.08rem;
}
.history .cont2 ul li.y2024 dl:nth-of-type(2) {
    top: 0.8rem;
}
.history .cont2 ul li.y2025 {
    padding-bottom: 5.8rem;
}
.history .cont2 ul li.y2025 dl {
    top: 0.8rem;
}
.history .cont2 ul li.y2025 dl:nth-of-type(2) {
    top: 4.3rem;
}
.history .cont2 .end {
    padding: 1.08rem 0 2.46rem;
    text-align: center;
    position: relative;
    opacity: 0;
    transform: scale(0.7);
    transition: .3s cubic-bezier(.34,1.86,.64,1);
}
.history .cont2 .end.isAnimate {
    opacity: 1;
    transform: scale(1);
}
.history .cont2 .end::after {
    content: '';
    width: 9.7rem;
    height: 4.3rem;
    background-color: rgba(255,255,255,0.8);
    border-radius: 50%;
    filter: blur(50px);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -2.8rem 0 0 -4.85rem;
    z-index: 1;
}
.history .cont2 .end h5 {
    font-size: 0.32rem;
    font-weight: 400;
    line-height: 1.7;
    padding-bottom: 0.4rem;
    position: relative;
    z-index: 2;
}
.history .cont2 .end p {
    position: relative;
    z-index: 2;
}
@media screen and (max-width:750px){
.history .cont2 .ttlbox {
    height: 2.7rem;
}
.history .cont2 .ttlbox .inner {
    height: 2.7rem;
    padding-top: 0.32rem;
    box-sizing: border-box;
}
.history .cont2 .ttlbox h3 {
    font-size: 0.36rem;
    margin: 0 0 0.2rem 0.08rem;
}
.history .cont2 .ttlbox h3 span {
    font-size: 0.14rem;
    margin-left: -0.15rem;
}
.history .cont2 .ttlbox h3 span::before {
    padding-right: 0.05rem;
}
.history .cont2 .ttlbox h3 span::after {
    padding-left: 0.05rem;
}
.history .cont2 .ttlbox h3 b {
    font-size: 0.14rem;
    padding-left: 0.2rem;
    transform: translateY(-0.075rem);
}
.history .cont2 .ttlbox p {
    width: 100%;
    font-size: 0.14rem;
    line-height: 1.8;
}
    

.history .cont2 .inner {
    width: 89.33%;
}
.history .cont2 h4 {
    display: none;
}
.history .cont2 ul {
    padding-bottom: 0.35rem;
    position: relative;
    z-index: 2;
}
.history .cont2.cont3 ul,
.history .cont2.cont4 ul {
    padding-top: 0.64rem;
}
.history .cont2 ul::after {
    height: 100%;
    left: 50%;
    top: 0;
}
.history .cont2.cont3 ul::after,
.history .cont2.cont4 ul::after {
    height: 100%;
    top: 0;
}
.history .cont2 ul li {
    padding-bottom: 0;
}
.history .cont2 ul li span {
    width: 1.38rem;
    height: 0.32rem;
    font-size: 0.18rem;
    margin-bottom: 0.24rem;
}
.history .cont2 ul li dl {
    width: 100%;
    display: block;
    position: static;
    margin-bottom: 0.24rem;
}
.history .cont2 ul li dl:last-of-type {
    margin-bottom: 0.32rem;
}
.history .cont2 ul li dl dt {
    display: none;
}
.history .cont2 ul li dl dd {
    width: 100%;
    background-color: #ECF4F2;
    border: 0.01rem solid #255A60;
    border-radius: 0.08rem;
    font-size: 0.14rem;
    line-height: 1.75;
    padding: 0.11rem 0.15rem;
    box-sizing: border-box;
}
.history .cont2 ul li dl.left {
    width: 100%;
}
.history .cont2 ul li dl.left dd {
    width: 100%;
    background-color: #DEEFEB;
    padding: 0.13rem 0.15rem;
}
.history .cont2 ul li dl.left dd p {
    font-size: 0.13rem;
    line-height: 1.4;
}
.history .cont2 ul li dl.left dd .ttl {
    font-size: 0.16rem;
    padding-bottom: 0.075rem;
}
.history .cont2 ul li dl.left dd .ttl.pb {
    padding-bottom: 0;
}
.history .cont2 ul li dl.left dd .photo {
    padding-top: 0.05rem;
}
.history .cont2 ul li dl.left dd .photo picture {
    width: 100%;
    font-size: 0.1rem;
    padding-top: 0.05rem;
}
.history .cont2 ul li dl.left dd .photo.photo2 {
    display: flex;
}
.history .cont2 ul li dl.left dd .photo.photo2 picture {
    width: 1.42rem;
}
.history .cont2 ul li.y1998 {
    padding-top: 0.64rem;
}
.history .cont2 ul li.y2001 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2002 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2002s {
    padding-bottom: 0;
}
.history .cont2 ul li.y2002s span {
    width: 2.8rem;
    height: 0.74rem;
    margin: 0.4rem auto;
}
.history .cont2 ul li.y2002s span b {
    font-size: 0.32rem;
}
.history .cont2 ul li.y2002s span b i {
    font-size: 0.14rem;
}
.history .cont2 ul li.y2003 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2004 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2005 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2013 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2015 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2017 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2018 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2020 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2021 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2024 {
    padding-bottom: 0;
}
.history .cont2 ul li.y2025 {
    padding-bottom: 0;
}
.history .cont2 .end {
    padding: 0.48rem 0 1.2rem;
}
.history .cont2 .end::after {
    width: 100vw;
    height: 98.66vw;
    margin: -60vw 0 0 -50vw;
}
.history .cont2 .end h5 {
    font-size: 0.21rem;
    line-height: 1.62;
    padding-bottom: 0.2rem;
    white-space: nowrap;
}
.history .cont2 .end p {
    font-size: 0.14rem;
    line-height: 1.8;
    text-align: left;
}
}

/* cont4 */
.history .cont4 {
    z-index: 0;
}
@media screen and (max-width:750px){
.history .company_other {
    padding-top: 0.5rem;
    margin-top: -0.5rem;
}
.history .company_other::after {
    height: 5.38rem;
}
}


/* message
------------------------------------------------- */
/* cont1 */
.message .cont1 {
    padding: 1.05rem 0 1.2rem;
    text-align: center;
}
.message .cont1 h2 {
    font-size: 0.32rem;
    font-weight: 400;
    line-height: 1.7;
    padding-bottom: 0.35rem;
}
.message .cont1 p {
    width: 8.27rem;
    margin: 0 auto 0.7rem;
    text-align: left;
}
.message .cont1 ul li {
    width: 3.91rem;
    height: 3.4rem;
}
.message .cont1 ul li a {
    display: block;
    width: 100%;
    height: 100%;
    border: 0.01rem solid #CECECE;
    border-radius: 0.08rem;
    box-sizing: border-box;
    overflow: hidden;
}
.message .cont1 ul li a picture {
    width: 100%;
    height: 1.39rem;
}
.message .cont1 ul li a picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.message .cont1 ul li a h3 {
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1;
    margin: 0.24rem 0 0.3rem;
}
.message .cont1 ul li a h3 span {
    display: inline-block;
    font-size: 0.16rem;
    font-weight: 500;
    padding: 0 0.2rem;
    margin-bottom: 0.24rem;
    position: relative;
}
.message .cont1 ul li a h3 span::before {
    content: '〔';
    padding-right: 0.15rem;
}
.message .cont1 ul li a h3 span::after {
    content: '〕';
    padding-left: 0.15rem;
}
.message .cont1 ul li a .btn span {
    display: inline-block;
    font-size: 0.18rem;
    line-height: 2.11;
    color: #255A60;
    padding-right: 0.56rem;
    position: relative;
}
.message .cont1 ul li a .btn span::after {
    content: '';
    width: 0;
    height: 0.01rem;
    background-color: #255A60;
    position: absolute;
    left: 0;
    bottom: 0.06rem;
    transition: 0.3s;
}
.message .cont1 ul li a .btn span b {
    display: block;
    width: 0.38rem;
    height: 0.38rem;
    background-color: #255A60;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
}
.message .cont1 ul li a .btn span b::after {
    content: '';
    width: 0.15rem;
    height: 0.15rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.623%22%20height%3D%2214.622%22%20viewBox%3D%220%200%2014.623%2014.622%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798629%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798629%22%20transform%3D%22translate(-658.715%20-2197.794)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239080%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239080%22%20d%3D%22M-9605.69-9638.205v12.622%22%20transform%3D%22translate(10271.717%2011836.999)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239081%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239081%22%20d%3D%22M0%2C0V12.623%22%20transform%3D%22translate(672.338%202205.105)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.075rem 0 0 -0.075rem;
    transition: 0.3s;
}
@media (hover: hover) and (min-width:751px) {
.message .cont1 ul li a:hover picture img {
    transform: scale(1.05);
}
.message .cont1 ul li a:hover .btn span::after {
    width: calc(100% - 0.56rem);
}
.message .cont1 ul li a:hover .btn span b::after {
    transform: rotate(90deg);
}
}
@media screen and (max-width:750px){
.message .cont1 {
    padding: 0.55rem 0 0.4rem;
    text-align: left;
}
.message .cont1 .inner {
    width: 89.33%;
}
.message .cont1 h2 {
    font-size: 0.26rem;
    padding-bottom: 0.16rem;
}
.message .cont1 p {
    width: 100%;
    margin: 0 auto 0.6rem;
    font-size: 0.14rem;
    line-height: 1.8;
}
.message .cont1 ul li {
    width: 100%;
    height: 3.0148rem;
    margin-bottom: 0.24rem;
}
.message .cont1 ul li a picture {
    width: 100%;
    height: 1.4rem;
}
.message .cont1 ul li a h3 {
    font-size: 0.2rem;
    margin: 0.2rem 0 0.3rem;
    text-align: center;
}
.message .cont1 ul li a h3 span {
    font-size: 0.14rem;
    margin-bottom: 0.15rem;
}
.message .cont1 ul li a h3 span::before {
    padding-right: 0.1rem;
}
.message .cont1 ul li a h3 span::after {
    padding-left: 0.1rem;
}
.message .cont1 ul li a .btn {
    text-align: center;
}
.message .cont1 ul li a .btn span {
    font-size: 0.16rem;
    line-height: 1.875;
    padding-right: 0.46rem;
}
.message .cont1 ul li a .btn span b {
    width: 0.3rem;
    height: 0.3rem;
}
.message .cont1 ul li a .btn span b::after {
    width: 0.12rem;
    height: 0.12rem;
    margin: -0.06rem 0 0 -0.06rem;
}
}


/* modal-message
------------------------------------------------- */
#modal-message {
    width: 93.88vw;
    height: 100vh;
    background-color: #fff;
    border-radius: 0.08rem;
    position: fixed;
    right: -95vw;
    top: 0;
    box-sizing: border-box;
    z-index: 99;
    transition: 0.3s;
    overflow-y: auto;
}
body.message-active #modal-message {
    right: 0;
}
#modal-message .message-cont {
    position: absolute;
    opacity: 0;
    z-index: 1;
}
#modal-message.active1 .message-cont1,
#modal-message.active2 .message-cont2,
#modal-message.active3 .message-cont3 {
    opacity: 1;
    z-index: 10;
}
.message-cont .outer {
    width: 9.34rem;
    margin: 0 auto 1rem;
}
.message-cont h2 {
    font-size: 0.42rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    margin: 0.8rem 0 0.2rem;
}
.message-cont h2 span {
    display: block;
    font-size: 0.16rem;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.2rem;
}
.message-cont h2 span::before {
    content: '〔';
    padding-right: 0.12rem;
}
.message-cont h2 span::after {
    content: '〕';
    padding-left: 0.12rem;
}
.message-cont .txt1 {
    text-align: center;
    margin-bottom: 0.75rem;
}
.message-cont .box {
    width: 100%;
    background-color: #DEEFEB;
    border-radius: 0.16rem;
    padding: 0 0.48rem 0.2rem;
    margin: 0 auto 1.2rem;
    box-sizing: border-box;
    position: relative;
}
.message-cont .box::after {
    content: '';
    width: 0.42rem;
    height: 0.31rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2242.666%22%20height%3D%2231.422%22%20viewBox%3D%220%200%2042.666%2031.422%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798422%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798422%22%20transform%3D%22translate(0.239%200.439)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239106%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239106%22%20d%3D%22M34%2C2087.39l21.094%2C11.49%2C21.094-11.49%22%20transform%3D%22translate(-34%20-2087.39)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239107%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239107%22%20d%3D%22M34%2C2087.39l21.094%2C11.49%2C21.094-11.49%22%20transform%3D%22translate(-34%20-2077.928)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239108%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239108%22%20d%3D%22M34%2C2087.39l21.094%2C11.49%2C21.094-11.49%22%20transform%3D%22translate(-34%20-2068.466)%22%20fill%3D%22none%22%20stroke%3D%22%234c5057%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center bottom no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    bottom: -0.72rem;
    margin-left: -0.21rem;
}
.message-cont .box h3 {
    width: 2.5rem;
    height: 0.48rem;
    background-color: #255A60;
    border-radius: 0.3rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    margin-left: -1.25rem;
    top: -0.24rem;
}
.message-cont .box ul {
    padding: 0.55rem 0 0 0.22rem;
}
.message-cont .box ul li {
    font-size: 0.18rem;
    margin-bottom: 0.2rem;
    position: relative;
}
.message-cont .box ul li::before {
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    background-color: #6F8C90;
    border-radius: 50%;
    position: absolute;
    left: -0.22rem;
    top: 0.15rem;
}
.message-cont h4 {
    margin-bottom: 0.35rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.message-cont h4::after {
    content: '';
    width: 100%;
    height: 0.01rem;
    border-top: 0.01rem dashed #255A60;
    position: absolute;
    left: 0;
    top: 50%;
}
.message-cont h4 span {
    background-color: #fff;
    font-size: 0.28rem;
    font-weight: 500;
    line-height: 1;
    color: #255A60;
    padding: 0 0.2rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.message-cont .txt2 {
    width: 7.18rem;
    font-size: 0.18rem;
    margin: 0 auto;
}
.message-cont .btnst2 {
    width: 2.84rem;
    margin: 0.4rem auto 0.8rem;
}
.message-cont .rebox {
    border-top: 0.01rem solid #CECECE;
    padding-top: 0.65rem;
}
.message-cont .rebox h5 {
    font-size: 0.15rem;
    font-weight: 400;
    line-height: 1;
}
.message-cont .rebox h5 span {
    display: block;
    font-size: 0.28rem;
    font-weight: 500;
    color: #255A60;
    margin-bottom: 0.15rem;
}
.message-cont .rebox ul li {
    border-bottom: 0.01rem dotted #CECECE;
    padding: 0.3rem 0;
}
.message-cont .rebox ul li a dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.message-cont .rebox ul li a dl dt {
    width: 1.33rem;
    height: 0.88rem;
    border-radius: 0.08rem;
    box-sizing: border-box;
    overflow: hidden;
}
.message-cont .rebox ul li a dl dt.waku {
    border: 0.01rem solid #CECECE;
}
.message-cont .rebox ul li a dl dt img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.message-cont .rebox ul li a dl dd {
    width: 7.6rem;
}
.message-cont .rebox ul li a dl dd h6 {
    font-weight: 500;
    line-height: 1;
    margin-bottom: 0.12rem;
    display: -webkit-box;             
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.message-cont .rebox ul li a dl dd p {
    font-size: 0.15rem;
    letter-spacing: 0.06em;
    color: #90979F;
    padding: 0;
    display: -webkit-box;             
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.message-cont .rebox ul li a dl dd p span {
    padding-right: 1em;
}
.message-cont .rebox ul li a dl dd p span::before {
    content: '#';
    color: #82D9CC;
    padding-right: 0.05rem;
}
.message-cont .btn {
    width: 1.14rem;
    height: 1.14rem;
    position: fixed;
    right: 0.39rem;
    top: 50%;
    margin-top: -0.57rem;
    cursor: pointer;
    display: none;
    z-index: 12;
}
.message-cont .btn::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #255A60;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 1;
    transition: 0.3s;
}
.message-cont .btn span {
    width: 0.46rem;
    height: 0.46rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2246.67%22%20height%3D%2246.669%22%20viewBox%3D%220%200%2046.67%2046.669%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_86605%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%2086605%22%20transform%3D%22translate(-1359.666%20-6.666)%22%20style%3D%22isolation%3A%20isolate%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_93995%22%20data-name%3D%22%E3%83%91%E3%82%B9%2093995%22%20d%3D%22M-8036.8-14938.271h-64%22%20transform%3D%22translate(-3474.449%2016298.456)%20rotate(45)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_93996%22%20data-name%3D%22%E3%83%91%E3%82%B9%2093996%22%20d%3D%22M-8036.8-14938.271h-64%22%20transform%3D%22translate(17651.457%204887.449)%20rotate(-45)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 2;
}
@media (hover: hover) and (min-width:751px) {
.message-cont .rebox ul li a:hover dl dt img {
    transform: scale(1.05);
} 
.message-cont .btn:hover::after {
    width: 90%;
    height: 90%;
}
}
@media screen and (max-width:750px){
#modal-message {
    width: 93.6vw;
}
.message-cont .outer {
    width: 82.66vw;
    margin: 0 auto 0.53rem;
}
.message-cont h2 {
    font-size: 0.26rem;
    margin: 0.6rem 0 0.2rem;
}
.message-cont h2 span {
    font-size: 0.14rem;
    margin-bottom: 0.15rem;
}
.message-cont h2 span::before {
    padding-right: 0.1rem;
}
.message-cont h2 span::after {
    padding-left: 0.1rem;
}
.message-cont .txt1 {
    font-size: 0.14rem;
    line-height: 1.8;
    margin-bottom: 0.6rem;
}
.message-cont .box {
    padding: 0 0.2rem 0.1rem;
    margin: 0 auto 0.88rem;
}
.message-cont .box::after {
    width: 0.33rem;
    height: 0.24rem;
    bottom: -0.56rem;
    margin-left: -0.165rem;
}
.message-cont .box h3 {
    width: 2.25rem;
    height: 0.34rem;
    font-size: 0.14rem;
    margin-left: -1.125rem;
    top: -0.17rem;
}
.message-cont .box ul {
    padding: 0.34rem 0 0 0.15rem;
}
.message-cont .box ul li {
    font-size: 0.14rem;
    line-height: 1.8;
    margin-bottom: 0.075rem;
}
.message-cont .box ul li::before {
    left: -0.15rem;
    top: 0.1rem;
}
.message-cont h4 {
    margin-bottom: 0.3rem;
}
.message-cont h4 span {
    font-size: 0.21rem;
    padding: 0 0.15rem;
}
.message-cont .txt2 {
    width: 100%;
    font-size: 0.14rem;
    line-height: 1.8;
}
.message-cont .btnst2 {
    width: 2.8rem;
    margin: 0.4rem auto;
}
.message-cont .rebox {
    padding-top: 0.4rem;
}
.message-cont .rebox h5 {
    font-size: 0.12rem;
}
.message-cont .rebox h5 span {
    font-size: 0.21rem;
    margin-bottom: 0.15rem;
}
.message-cont .rebox ul li {
    padding: 0.25rem 0;
}
.message-cont .rebox ul li a dl {
    align-items: flex-start;
}
.message-cont .rebox ul li a dl dt {
    width: 1.37rem;
}
.message-cont .rebox ul li a dl dd {
    width: 1.55rem;
}
.message-cont .rebox ul li a dl dd h6 {
    font-size: 0.14rem;
    line-height: 1.785;
    margin-bottom: 0.05rem;
    -webkit-line-clamp: 2;
}
.message-cont .rebox ul li a dl dd p {
    font-size: 0.12rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
    -webkit-line-clamp: 2;
}
.message-cont .rebox ul li a dl dd p span {
    padding-right: 0.05em;
}
.message-cont .btn {
    width: 0.72rem;
    height: 0.72rem;
    right: 0.15rem;
    top: 0.22rem;
    margin-top: 0;
}
.message-cont .btn span {
    width: 0.28rem;
    height: 0.28rem;
}
}


/* flow
------------------------------------------------- */
/* flowbg */
.flow .flowbg {
    background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(206,245,239,0.2) 12%, rgba(182,229,220,0.2) 50%, rgba(175,228,235,0.2) 75%, rgba(255,255,255,0.2) 100%);
    padding-bottom: 4.36rem;
}
@media screen and (max-width:750px){
.flow .flowbg {
    background: linear-gradient(135deg, rgba(255,255,255,0.2) 0%, rgba(206,245,239,0.2) 45%, rgba(182,229,220,0.2) 50%, rgba(175,228,235,0.2) 55%, rgba(255,255,255,0.2) 100%);
    padding-bottom: 1.08rem;
}
}

/* cont1 */
.flow .cont1 {
    padding: 1.05rem 0;
    text-align: center;
}
.flow .cont1 h2 {
    font-size: 0.15rem;
    font-weight: 400;
    line-height: 1;
}
.flow .cont1 h2 span {
    display: block;
    position: relative;
}
.flow .cont1 h2 span::before {
    content: '〔';
    padding-right: 0.12rem;
}
.flow .cont1 h2 span::after {
    content: '〕';
    padding-left: 0.12rem;
}
.flow .cont1 h3 {
    font-size: 0.32rem;
    font-weight: 400;
    line-height: 1.7;
    padding: 0.15rem 0 0.3rem;
}
@media screen and (max-width:750px){
.flow .cont1 {
    padding: 0.6rem 0 0.5rem;
    text-align: left;
}
.flow .cont1 h2 {
    font-size: 0.13rem;
    white-space: nowrap;
    margin-left: -0.05rem;
}
.flow .cont1 h2 span::before {
    padding-right: 0.02rem;
}
.flow .cont1 h2 span::after {
    padding-left: 0.02rem;
}
.flow .cont1 h3 {
    font-size: 0.26rem;
    padding: 0.1rem 0 0.15rem;
}
.flow .cont1 p {
    font-size: 0.14rem;
    line-height: 1.8;
}
}

/* cont2 */
.flow .cont2 .category {
    width: 2.8rem;
    height: 100%;
    position: sticky;
    top: 1.3rem;
}
.flow .cont2 .category ul li {
    line-height: 1;
    margin-bottom: 0.3rem;
}
.flow .cont2 .category ul li:last-child {
    margin-bottom: 0;
}
.flow .cont2 .category ul li a {
    display: block;
    font-weight: 500;
    letter-spacing: 0.06em;
    color: rgba(76,80,87,0.4);
    padding-left: 0.2rem;
    position: relative;
}
.flow .cont2 .category ul li a::before {
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    background-color: rgba(37,90,96,0.4);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0.05rem;
    transition: 0.3s;
}
.flow .cont2 .category ul li a span {
    display: block;
    font-size: 0.15rem;
    font-weight: 500;
    letter-spacing: normal;
    color: rgba(37,90,96,0.4);
    margin-bottom: 0.1rem;
    transition: 0.3s;
}
.flow .cont2 .category ul li.active a {
    color: rgba(76,80,87,1);
}
.flow .cont2 .category ul li.active a::before {
    background-color: rgba(37,90,96,1);
}
.flow .cont2 .category ul li.active a span {
    color: rgba(37,90,96,1);
}
.flow .cont2 .col2 {
    width: 9.36rem;
}
.flow .cont2 .col2 .box {
    width: 100%;
    padding: 0.8rem 0.64rem 0.7rem;
    background: url("../img/flow/icon1.svg") right 0.64rem top 0.4rem no-repeat #fff;
    background-size: 1rem auto;
    border-radius: 0.16rem;
    box-shadow: 0 0.03rem 0.2rem rgba(185,217,211,0.7);
    margin-bottom: 0.42rem;
    box-sizing: border-box;
    position: relative;
}
.flow .cont2 .col2 #step02 .box {
    background-image: url("../img/flow/icon2.svg");
}
.flow .cont2 .col2 #step03 .box {
    background-image: url("../img/flow/icon3.svg");
}
.flow .cont2 .col2 #step04 .box {
    background-image: url("../img/flow/icon4.svg");
}
.flow .cont2 .col2 #step05 .box {
    background-image: url("../img/flow/icon5.svg");
}
.flow .cont2 .col2 #step06 .box {
    background-image: url("../img/flow/icon6.svg");
}
.flow .cont2 .col2 .box::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.3rem solid transparent;
    border-left: 0.3rem solid transparent;
    border-top: 0.2rem solid #B9D9D3;
    border-bottom: 0;
    position: absolute;
    left: 50%;
    margin-left: -0.3rem;
    bottom: -0.2rem;
}
.flow .cont2 .col2 .box h2 {
    font-size: 0.15rem;
    font-weight: 400;
    line-height: 1;
}
.flow .cont2 .col2 .box h2 b {
    font-size: 0.16rem;
    font-weight: 500;
    color: #255A60;
    padding-right: 0.1rem;
}
.flow .cont2 .col2 .box h2 span::before {
    content: '〔';
    padding-right: 0.14rem;
}
.flow .cont2 .col2 .box h2 span::after {
    content: '〕';
    padding-left: 0.14rem;
}
.flow .cont2 .col2 .box h3 {
    font-size: 0.24rem;
    font-weight: 700;
    line-height: 1;
    margin: 0.32rem 0 0.26rem;
}
.flow .cont2 .col2 .box p {
    width: 6.55rem;
}
.flow .cont2 .col2 .box dl {
    margin-top: 0.24rem;
}
.flow .cont2 .col2 .box dl dt a {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1;
    color: #255A60;
}
.flow .cont2 .col2 .box dl dt a span {
    font-size: 0.34rem;
    margin-left: 0.05rem;
}
.flow .cont2 .col2 .box dl dd {
    font-size: 0.15rem;
}
.flow .cont2 .col2 .box .btnst2 {
    width: 2.84rem;
    position: absolute;
    left: 4.44rem;
    bottom: 0.7rem;
}
.flow .cont2 .col2 .box2 {
    height: 0.96rem;
    background-color: #255A60;
    border-radius: 0.16rem;
    margin-bottom: 0.08rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}
.flow .cont2 .col2 .box2::after {
    content: '';
    width: 0.52rem;
    height: 0.52rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2252%22%20height%3D%2252%22%20viewBox%3D%220%200%2052%2052%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798143%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798143%22%20transform%3D%22translate(-690%20-2156)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239302%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239302%22%20d%3D%22M26%2C0A26%2C26%2C0%2C1%2C1%2C0%2C26%2C26%2C26%2C0%2C0%2C1%2C26%2C0Z%22%20transform%3D%22translate(690%202156)%22%20fill%3D%22%23b9d9d3%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_239294%22%20data-name%3D%22%E3%83%91%E3%82%B9%20239294%22%20d%3D%22M707.528%2C2183.313l8.543%2C8.543%2C8.543-8.543%22%20transform%3D%22translate(0%20-3)%22%20fill%3D%22none%22%20stroke%3D%22%23255a60%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 50%;
    top: 0.78rem;
    margin-left: -0.26rem;
}
.flow .cont2 .col2 .box2 h2 {
    font-size: 0.18rem;
    font-weight: 500;
    color: #fff;
    text-align: center;
}
.flow .cont2 .col2 #other .box {
    padding: 0.6rem 0.64rem 0.4rem;
    margin-bottom: 0;
    background-image: none;
    text-align: center;
}
.flow .cont2 .col2 #other .box::after {
    display: none;
}
.flow .cont2 .col2 #other .box h3 {
    margin: 0 0 0.24rem;
}
.flow .cont2 .col2 #other .box h3 span {
    display: inline-block;
    font-size: 0.15rem;
    font-weight: 400;
    margin-top: 0.15rem;
}
.flow .cont2 .col2 #other .box h3 span::before {
    content: '〔';
    padding-right: 0.14rem;
}
.flow .cont2 .col2 #other .box h3 span::after {
    content: '〕';
    padding-left: 0.14rem;
}
.flow .cont2 .col2 #other .box p {
    width: 100%;
    margin-bottom: 0.25rem;
}
.flow .cont2 .col2 #other .box ul li {
    width: 2.56rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798677%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798677%22%20transform%3D%22translate(-258%20-28)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_475%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20475%22%20cx%3D%2214%22%20cy%3D%2214%22%20r%3D%2214%22%20transform%3D%22translate(258%2028)%22%20fill%3D%22%236f8c90%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_93782%22%20data-name%3D%22%E3%83%91%E3%82%B9%2093782%22%20d%3D%22M263.687%2C41.714l3.267%2C2.741L272.8%2C38.08%22%20transform%3D%22translate(4.106%200.872)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') center 0.18rem no-repeat #DEEFEB;
    background-size: 0.28rem auto;
    border-radius: 0.16rem;
    font-weight: 500;
    line-height: 1.5;
    padding: 0.58rem 0 0.15rem;
}
@media (hover: hover) and (min-width:751px) {
.flow .cont2 .category ul li a:hover {
    color: rgba(76,80,87,1);
}
.flow .cont2 .category ul li a:hover span {
    color: rgba(37,90,96,1);
}
}
@media screen and (max-width:750px){
.flow .cont2 .category {
    display: none;
}
.flow .cont2 .col2 {
    width: 100%;
}
.flow .cont2 .col2 .box {
    padding: 0.45rem 0.19rem 0.35rem;
    background-position: right 0.19rem top 0.3rem;
    background-size: 0.7rem auto;
    border-radius: 0.08rem;
    margin-bottom: 0.35rem;
}
.flow .cont2 .col2 #step03 .box,
.flow .cont2 .col2 #step05 .box,
.flow .cont2 .col2 #step06 .box {
    background-position: right 0 top 0.3rem;
}
.flow .cont2 .col2 .box h2 {
    font-size: 0.14rem;
    font-weight: 400;
    line-height: 1;
}
.flow .cont2 .col2 .box h2 b {
    display: block;
    font-size: 0.16rem;
    padding: 0 0 0.075rem;
}
.flow .cont2 .col2 .box h2 span {
    margin-left: -0.08rem;
}
.flow .cont2 .col2 .box h2 span::before {
    padding-right: 0.04rem;
}
.flow .cont2 .col2 .box h2 span::after {
    padding-left: 0.04rem;
}
.flow .cont2 .col2 .box h3 {
    font-size: 0.2rem;
    margin: 0.24rem 0 0.18rem;
}
.flow .cont2 .col2 .box p {
    font-size: 0.14rem;
    width: 100%;
}
.flow .cont2 .col2 .box dl {
    margin-top: 0.38rem;
}
.flow .cont2 .col2 .box dl dt a {
    font-size: 0.13rem;
}
.flow .cont2 .col2 .box dl dt a span {
    font-size: 0.28rem;
}
.flow .cont2 .col2 .box dl dd {
    font-size: 0.14rem;
    white-space: nowrap;
    margin-left: -0.08rem;
}
.flow .cont2 .col2 .box .btnst2 {
    width: 3.08rem;
    position: static;
    margin: 0.15rem auto 0.05rem;
}
.flow .cont2 .col2 .box2 {
    width: 3.35rem;
    height: 0.91rem;
    border-radius: 0.08rem;
    margin: 0 auto 0.07rem;
}
.flow .cont2 .col2 .box2::after {
    width: 0.36rem;
    height: 0.36rem;
    top: 0.8rem;
    margin-left: -0.18rem;
}
.flow .cont2 .col2 .box2 h2 {
    font-size: 0.16rem;
    line-height: 1.6875;
}
.flow .cont2 .col2 #other .box {
    width: 3.35rem;
    padding: 0.5rem 0.13rem 0.25rem;
    margin: 0 auto;
}
.flow .cont2 .col2 #other .box h3 {
    margin: 0 0 0.2rem;
}
.flow .cont2 .col2 #other .box h3 span {
    display: block;
    font-size: 0.14rem;
    line-height: 1.75;
    margin-top: 0.12rem;
}
.flow .cont2 .col2 #other .box h3 span::before,
.flow .cont2 .col2 #other .box h3 span::after {
    display: none;
    padding: 0;
}
.flow .cont2 .col2 #other .box p {
    width: 100%;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 0.2rem;
}
.flow .cont2 .col2 #other .box ul li {
    width: 100%;
    background-position: 0.16rem 0.16rem;
    background-size: 0.18rem auto;
    border-radius: 0.08rem;
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 1.75;
    text-align: left;
    padding: 0.13rem 0.2rem 0.13rem 0.44rem;
    margin-bottom: 0.05rem;
    box-sizing: border-box;
}
}


/* rental
------------------------------------------------- */
@media screen and (max-width:750px){
.post-type-archive-rental .mainfv {
    height: 2.55rem;
}
.post-type-archive-rental .mainfv .maintit {
    line-height: 1.3;
}
}

/* cont1 */
.post-type-archive-rental .cont1 {
    padding: 1.1rem 0 0.74rem;
}
.post-type-archive-rental .cont1 .copy {
    text-align: center;
    margin-bottom: 0.7rem;
}
.post-type-archive-rental .cont1 .copy a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%224%22%20viewBox%3D%220%200%208%204%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_240121%22%20data-name%3D%22%E3%83%91%E3%82%B9%20240121%22%20d%3D%22M0%2C8%2C4%2C4%2C0%2C0Z%22%20transform%3D%22translate(8)%20rotate(90)%22%20fill%3D%22%23248ea3%22%2F%3E%3C%2Fsvg%3E') right 0.04rem center no-repeat;
    background-size: 0.08rem auto;
    padding-right: 0.16rem;
    color: #208EA2;
    position: relative;
}
.post-type-archive-rental .cont1 .copy a::after {
    content: '';
    width: 100%;
    height: 0.01rem;
    background-color: #208EA2;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.2s;
}
.post-type-archive-rental .cont1 ul li {
    width: 6.09rem;
    background-color: #fff;
    box-shadow: 0 0.03rem 0.2rem rgba(185,217,211,0.7);
    border-radius: 0.16rem;
    padding: 0.48rem 0.24rem 1rem 0.22rem;
    margin-bottom: 0.3rem;
    box-sizing: border-box;
    position: relative;
}
.post-type-archive-rental .cont1 ul li .con {
    width: 3.5rem;
    margin-bottom: 0.175rem;
}
.post-type-archive-rental .cont1 ul li .con h2 {
    font-size: 0.15rem;
    font-weight: 400;
    line-height: 1;
    border-bottom: 0.01rem solid #E5E5E5;
    padding-bottom: 0.08rem;
    margin-bottom: 0.1rem;
}
.post-type-archive-rental .cont1 ul li:nth-child(5) .con h2 {
    font-size: 0.22rem;
    line-height: 1.5;
}
.post-type-archive-rental .cont1 ul li .con h2 span {
    display: block;
    font-size: 0.26rem;
    font-weight: 500;
    line-height: 1.27;
    margin-top: 0.1rem;
}
.post-type-archive-rental .cont1 ul li .con picture {
    width: 1.97rem;
    position: absolute;
    right: 0.22rem;
    top: 0.48rem;
}
.post-type-archive-rental .cont1 ul li .con picture img {
    display: block;
    border-radius: 0.08rem;
}
.post-type-archive-rental .cont1 ul li .con p {
    font-size: 0.14rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0.16rem;
    white-space: nowrap;
}
.post-type-archive-rental .cont1 ul li:nth-child(5) .con p {
    margin-bottom: 0.3rem;
}
.post-type-archive-rental .cont1 ul li .con dl {
    display: flex;
    align-items: center;
    margin-right: 0.16rem;
}
.post-type-archive-rental .cont1 ul li .con dl dt {
    width: 0.6rem;
    height: 0.26rem;
    background-color: #E5E5E5;
    border-radius: 0.04rem;
    font-size: 0.14rem;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.09rem;
}
.post-type-archive-rental .cont1 ul li .con dl dd {
    font-size: 0.2rem;
    font-weight: 700;
}
.post-type-archive-rental .cont1 ul li .list li {
    width: 100%;
    height: auto;
    box-shadow: none;
    border-radius: 0;
    font-size: 0.15rem;
    line-height: 1.8;
    padding: 0 0 0 1em;
    text-indent: -1em;
    margin-bottom: 0;
}
.post-type-archive-rental .cont1 ul li .list li::before {
    content: '・';
}
.post-type-archive-rental .cont1 ul li .btnst1 {
    width: 5.6rem;
    border-top: 0.01rem solid #E5E5E5;
    padding: 0.24rem 0;
    position: absolute;
    left: 0.24rem;
    bottom: 0;
}
.post-type-archive-rental .cont1 ul li .btnst1 li {
    width: 1.55rem;
    height: auto;
    box-shadow: none;
    border-radius: 0;
    line-height: 1;
    padding: 0;
    margin: 0 0.33rem;
    white-space: nowrap;
}
.post-type-archive-rental .cont1 ul li .btnst1 li.pdf a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88_44_102%22%20data-name%3D%22%E3%82%B3%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%8D%E3%83%B3%E3%83%88%2044%20%E2%80%93%20102%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20id%3D%22Icon_material-picture-as-pdf%22%20data-name%3D%22Icon%20material-picture-as-pdf%22%20d%3D%22M24.6%2C3H10.2A2.407%2C2.407%2C0%2C0%2C0%2C7.8%2C5.4V19.8a2.407%2C2.407%2C0%2C0%2C0%2C2.4%2C2.4H24.6A2.407%2C2.407%2C0%2C0%2C0%2C27%2C19.8V5.4A2.407%2C2.407%2C0%2C0%2C0%2C24.6%2C3ZM14.4%2C12a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8H11.4v2.4H9.6V9h3a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8Zm6%2C2.4a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8h-3V9h3a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8Zm4.8-3.6H23.4V12h1.8v1.8H23.4v2.4H21.6V9h3.6ZM11.4%2C12h1.2V10.8H11.4Zm-6-4.2H3V24.6A2.407%2C2.407%2C0%2C0%2C0%2C5.4%2C27H22.2V24.6H5.4Zm12%2C6.6h1.2V10.8H17.4Z%22%20transform%3D%22translate(-3%20-3)%22%20fill%3D%22%23255a60%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: 0.24rem auto;
}
@media (hover: hover) and (min-width:751px) {
.post-type-archive-rental .cont1 .copy a:hover::after {
    opacity: 0;
}
}
@media screen and (max-width:750px){
.post-type-archive-rental .cont1 {
    padding: 0.6rem 0 0.4rem;
}
.post-type-archive-rental .cont1 .copy {
    font-size: 0.14rem;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 0.25rem;
}
.post-type-archive-rental .cont1 ul li {
    width: 100%;
    height:auto;
    border-radius: 0.08rem;
    padding: 0.36rem 0.16rem 0;
    margin-bottom: 0.24rem;
}
.post-type-archive-rental .cont1 ul li .con {
    width: 100%;
    margin-bottom: 0.05rem;
}
.post-type-archive-rental .cont1 ul li .con h2 {
    font-size: 0.14rem;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    white-space: nowrap;
}
.post-type-archive-rental .cont1 ul li:nth-child(5) .con h2 {
    line-height: 1.66;
}
.post-type-archive-rental .cont1 ul li .con h2 span {
    font-size: 0.24rem;
    line-height: 1.8;
    margin-top: 0.05rem;
}
.post-type-archive-rental .cont1 ul li .con picture {
    width: 100%;
    position: static;
    margin-bottom: 0.05rem;
}
.post-type-archive-rental .cont1 ul li .con picture img {
    display: block;
}
.post-type-archive-rental .cont1 ul li .con p {
    margin-bottom: 0.08rem;
    white-space: normal;
}
.post-type-archive-rental .cont1 ul li:nth-child(5) .con p {
    margin-bottom: 0.08rem;
}
.post-type-archive-rental .cont1 ul li .con .sec {
    display: flex;
    justify-content: flex-start;
}
.post-type-archive-rental .cont1 ul li .con dl {
    margin-right: 0.18rem;
}
.post-type-archive-rental .cont1 ul li .con dl dt {
    width: 0.5rem;
    height: 0.21rem;
    font-size: 0.13rem;
    margin-right: 0.08rem;
}
.post-type-archive-rental .cont1 ul li .con dl dd {
    font-size: 0.18rem;
}
.post-type-archive-rental .cont1 ul li .list li {
    border-radius: 0;
    font-size: 0.14rem;
    line-height: 1.71;
    padding: 0 0 0 1em;
}
.post-type-archive-rental .cont1 ul li .btnst1 {
    width: 96%;
    padding: 0.22rem 0;
    margin: 0.1rem auto 0;
    position: static;
    display: flex;
    justify-content: space-around;
}
.post-type-archive-rental .cont1 ul li .btnst1 li {
    width: 1.55rem;
    padding: 0;
    margin: 0;
}
.post-type-archive-rental .cont1 ul li .btnst1 li.pdf a {
    background-size: 0.22rem auto;
}
}

/* cont2 */
.post-type-archive-rental .cont2 {
    background-color: #EDEEEF;
    padding-top: 0.8rem;
}
.post-type-archive-rental .cont2 .sec {
    width: 10.45rem;
    margin: 0 auto;
    border-bottom: 0.01rem solid #CECECE;
    padding-bottom: 0.65rem;
}
.post-type-archive-rental .cont2 .sec h2 {
    background: url("../img/rental/icon_mail.svg") center top no-repeat;
    background-size: 0.72rem auto;
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding-top: 0.95rem;
    margin-bottom: 0.35rem;
}
.post-type-archive-rental .cont2 .sec .txt1 {
    text-align: center;
    margin-bottom: 0.55rem;
}


.post-type-archive-rental .mw_wp_form_input .contactform .ttlbox .step2 {
    display: none;
}
.post-type-archive-rental .mw_wp_form_input .cont2 .sec .txt1.txt3 {
    display: none;
}
.post-type-archive-rental .mw_wp_form_input .contactform .con .btn li:nth-child(2) {
    display: none;
}

.post-type-archive-rental .mw_wp_form_confirm .contactform .ttlbox .step1 {
    display: none;
}
.post-type-archive-rental .mw_wp_form_confirm .contactform .ttlbox .step2 {
    display: block;
}
.post-type-archive-rental .mw_wp_form_confirm .cont2 .sec .txt1 {
    display: none;
}
.post-type-archive-rental .mw_wp_form_confirm .contactform .con .txt2 {
    display: none;
}
.post-type-archive-rental .mw_wp_form_confirm .cont2 .sec .txt1.txt3 {
    display: block;
}
.post-type-archive-rental .mw_wp_form_confirm .contactform .con .btn li:nth-child(2) {
    display: block;
}




@media screen and (max-width:750px){
.post-type-archive-rental .cont2 {
    padding-top: 0.5rem;
}
.post-type-archive-rental .cont2 .sec {
    width: 92.26%;
    padding-bottom: 0.35rem;
}
.post-type-archive-rental .cont2 .sec h2 {
    background-size: 0.61rem auto;
    font-size: 0.18rem;
    line-height: 1.5;
    padding-top: 0.75rem;
    margin-bottom: 0.2rem;
}
.post-type-archive-rental .cont2 .sec .txt1 {
    font-size: 0.14rem;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 0.55rem;
}
}

/* cont3 */
.post-type-archive-rental .cont3 {
    background-color: #EDEEEF;
    padding: 0.64rem 0 1.04rem;
    position: relative;
}
.post-type-archive-rental .cont3::after {
    content: '';
    width: 100%;
    height: 1.75rem;
    background-color: #EDEEEF;
    position: absolute;
    left: 0;
    bottom: -1.7rem;
}
.post-type-archive-rental .cont3 .box {
    width: 10.45rem;
    background-color: #fff;
    border-radius: 0.08rem;
    padding: 0.4rem 0 0.55rem;
    margin: 0 auto;
    text-align: center;
}
.post-type-archive-rental .cont3 .box h2 {
    background: url("../img/rental/icon_tel.svg") center top no-repeat;
    background-size: 0.72rem auto;
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding-top: 0.95rem;
    margin-bottom: 0.35rem;
}
.post-type-archive-rental .cont3 .box dl a {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.post-type-archive-rental .cont3 .box dl a dt {
    font-size: 0.22rem;
    font-weight: 700;
    line-height: 1;
    color: #255A60;
    margin: 0 0.04rem;
}
.post-type-archive-rental .cont3 .box dl a dd {
    font-size: 0.42rem;
    font-weight: 700;
    line-height: 1;
    color: #255A60;
    margin: 0 0.04rem;
}
.post-type-archive-rental .cont3 .box p {
    font-size: 0.15rem;
    padding-top: 0.05rem;
}
@media screen and (max-width:750px){
.post-type-archive-rental .cont3 {
    padding: 0.35rem 0 0.3rem;
}
.post-type-archive-rental .cont3::after {
    height: 1.35rem;
    bottom: -1.3rem;
}
.post-type-archive-rental .cont3 .box {
    width: 92.26%;
    padding: 0.35rem 0 0.35rem;
}
.post-type-archive-rental .cont3 .box h2 {
    background-size: 0.61rem auto;
    font-size: 0.18rem;
    line-height: 1.5;
    padding-top: 0.75rem;
    margin-bottom: 0.35rem;
}
.post-type-archive-rental .cont3 .box dl a dt {
    font-size: 0.13rem;
}
.post-type-archive-rental .cont3 .box dl a dd {
    font-size: 0.28rem;
}
.post-type-archive-rental .cont3 .box p {
    font-size: 0.14rem;
}
}


/* contact
------------------------------------------------- */
/* cont1 */
.contact .cont1 {
    padding: 0.75rem 0 0.32rem;
}
.contact .cont1 .copy {
    text-align: center;
    margin-bottom: 0.55rem;
}
.contact .cont1 .copy a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%224%22%20viewBox%3D%220%200%208%204%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_240121%22%20data-name%3D%22%E3%83%91%E3%82%B9%20240121%22%20d%3D%22M0%2C8%2C4%2C4%2C0%2C0Z%22%20transform%3D%22translate(8)%20rotate(90)%22%20fill%3D%22%23248ea3%22%2F%3E%3C%2Fsvg%3E') right 0.04rem center no-repeat;
    background-size: 0.08rem auto;
    padding-right: 0.16rem;
    color: #208EA2;
    position: relative;
}
.contact .cont1 .copy a::after {
    content: '';
    width: 100%;
    height: 0.01rem;
    background-color: #208EA2;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 0.2s;
}
.contact .cont1 .sec {
    width: 10.45rem;
    margin: 0 auto;
}
.contact .cont1 .sec h2 {
    background: url("../img/contact/icon_mail.svg") center top no-repeat;
    background-size: 0.72rem auto;
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding-top: 0.95rem;
    margin-bottom: 0.35rem;
}
.contact .cont1 .sec .txt1 {
    text-align: center;
    margin-bottom: 0.55rem;
}

@media (hover: hover) and (min-width:751px) {
.contact .cont1 .copy a:hover::after {
    opacity: 0;
}
}
@media screen and (max-width:750px){
.contact .cont1 {
    padding: 0.6rem 0 0.32rem;
}
.contact .cont1 .copy {
    font-size: 0.14rem;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 0.4rem;
}
.contact .cont1 .sec {
    width: 100%;
    margin: 0 auto;
}
.contact .cont1 .sec h2 {
    background-size: 0.61rem auto;
    font-size: 0.18rem;
    line-height: 1.5;
    padding-top: 0.75rem;
    margin-bottom: 0.2rem;
}
.contact .cont1 .sec .txt1 {
    font-size: 0.14rem;
    line-height: 1.8;
    margin-bottom: 0.25rem;
}
}

/* cont2 */
.contact .cont2 {
    padding: 0.64rem 0 1.04rem;
}
.contact .cont2 .box {
    width: 10.45rem;
    background-color: #EBF4F2;
    border-radius: 0.08rem;
    padding: 0.4rem 0 0.55rem;
    margin: 0 auto;
    text-align: center;
}
.contact .cont2 .box h2 {
    background: url("../img/contact/icon_tel.svg") center top no-repeat;
    background-size: 0.72rem auto;
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding-top: 0.95rem;
    margin-bottom: 0.35rem;
}
.contact .cont2 .box dl a {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.contact .cont2 .box dl a dt {
    font-size: 0.22rem;
    font-weight: 700;
    line-height: 1;
    color: #255A60;
    margin: 0 0.04rem;
}
.contact .cont2 .box dl a dd {
    font-size: 0.42rem;
    font-weight: 700;
    line-height: 1;
    color: #255A60;
    margin: 0 0.04rem;
}
.contact .cont2 .box p {
    font-size: 0.15rem;
    padding-top: 0.05rem;
}
@media screen and (max-width:750px){
.contact .cont2 {
    padding: 0.35rem 0 0.3rem;
}
.contact .cont2 .box {
    width: 92.26%;
    padding: 0.35rem 0 0.35rem;
}
.contact .cont2 .box h2 {
    background-size: 0.61rem auto;
    font-size: 0.18rem;
    line-height: 1.5;
    padding-top: 0.75rem;
    margin-bottom: 0.35rem;
}
.contact .cont2 .box dl a dt {
    font-size: 0.13rem;
}
.contact .cont2 .box dl a dd {
    font-size: 0.28rem;
}
.contact .cont2 .box p {
    font-size: 0.14rem;
}
}


/* compliance
------------------------------------------------- */
/* cont1 */
.compliance .cont1 {
    padding: 0.75rem 0 0.6rem;
}
.compliance .cont1 .con {
    width: 7.95rem;
    margin: 0 auto 0.45rem;
}
.compliance .cont1 .con h2 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.6;
    padding-bottom: 0.05rem;
}
.compliance .cont1 .con p {
    padding-left: 0.36rem;
}
@media screen and (max-width:750px){
.compliance .cont1 {
    padding: 0.55rem 0 0.4rem;
}
.compliance .cont1 .con {
    width: 89.33vw;
    margin: 0 auto 0.3rem;
}
.compliance .cont1 .con h2 {
    font-size: 0.16rem;
}
.compliance .cont1 .con p {
    font-size: 0.14rem;
    line-height: 1.8;
    padding-left: 0.28rem;
}
}


/* privacy
------------------------------------------------- */
/* cont1 */
.privacy .cont1 {
    padding: 0.75rem 0 0.6rem;
}
.privacy .cont1 .con2 {
    width: 8.32rem;
    margin: 0 auto 1rem;
}
.privacy .cont1 .con {
    width: 8.32rem;
    margin: 0 auto 0.45rem;
}
.privacy .cont1 .con h2 {
    font-size: 0.2rem;
    font-weight: 500;
    line-height: 1.6;
    padding-bottom: 0.05rem;
}
.privacy .cont1 .con p {
    padding-left: 0.36rem;
}
.privacy .cont1 .con .date {
    font-size: 0.14rem;
    text-align: right;
    padding-top: 0.5rem;
}
.privacy .cont1 .con ol {
    counter-reset: my-counter;
    list-style: none;
    padding-left: 0.72rem;
}
.privacy .cont1 .con ol li {
    line-height: 2;
    position: relative;
}
.privacy .cont1 .con ol li::before {
    content: '('counter(my-counter)')';
    counter-increment: my-counter;
    position: absolute;
    top: 0;
    left: -0.36rem;
}
.privacy .cont1 .con ol li ol {
    padding-left: 0;
}
.privacy .cont1 .con ol li ol li {
    padding-left: 2em;
    text-indent: -2em;
}
.privacy .cont1 .con ol li ol li::before {
    display: none;
}
@media screen and (max-width:750px){
.privacy .cont1 {
    padding: 0.55rem 0 0.4rem;
}
.privacy .cont1 .con2 {
    width: 89.33vw;
    margin: 0 auto 0.4rem;
}
.privacy .cont1 .con2 p {
    font-size: 0.14rem;
    line-height: 1.8;
}
.privacy .cont1 .con .date {
    padding-top: 0.3rem;
}
.privacy .cont1 .con {
    width: 89.33vw;
    margin: 0 auto 0.3rem;
}
.privacy .cont1 .con h2 {
    font-size: 0.16rem;
}
.privacy .cont1 .con p,
.privacy .cont1 .con ul,
.privacy .cont1 .con ol {
    font-size: 0.14rem;
    line-height: 1.8;
    padding-left: 0.28rem;
}
.privacy .cont1 .con ol {
    padding-left: 0.72rem;
}
.privacy .cont1 .con ol li {
    line-height: 1.8;
}
}


/* products
------------------------------------------------- */
/* cont1 - cont3 */
.products .cont1 {
    padding: 1.15rem 0;
}
.products .cont1 .headline2 {
    margin-bottom: 0.45rem;
}
.products .cont2 {
    padding-bottom: 0.05rem;
    overflow: hidden;
}
.products .cont3 {
    padding-bottom: 1.2rem;
}
.products .cont3 .headline2 {
    margin-bottom: 0.45rem;
}
.products .cont3 .all {
    height: 3.3rem;
}
.products .cont3 .all a {
    width: 100%;
    height: 100%;
    border-radius: 0.08rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
}
.products .cont3 .all a .btn {
    width: 2.75rem;
    height: 0.63rem;
    backdrop-filter: blur(10px);
    filter: brightness(1.1);
    border-radius: 0.08rem;
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    z-index: 2;
}
.products .cont3 .all a .btn span {
    padding-right: 0.36rem;
    position: relative;
}
.products .cont3 .all a .btn .arr {
    position: absolute;
    padding: 0;
}
.products .cont3 .all a picture {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.3s;
    z-index: 1;
}
@media (hover: hover) and (min-width:751px) {
.products .cont3 .all a:hover picture {
    transform: scale(1.05);
}
}
@media screen and (max-width:750px){
.products .cont1 {
    padding: 0.6rem 0 0.45rem;
}
.products .cont1 .headline2 {
    margin-bottom: 0.275rem;
}
.products .cont2 {
    padding-bottom: 0;
}
.products .cont3 {
    padding-bottom: 0.65rem;
}
.products .cont3 .headline2 {
    margin-bottom: 0.275rem;
}
.products .cont3 .all {
    height: 2.32rem;
}
.products .cont3 .all a .btn {
    width: 3.26rem;
}
.products .cont3 .all a .btn span {
    padding-right: 0.4rem;
}
}


/* lineup
------------------------------------------------- */
/* lineupnav */
.lineup .lineupnav {
    padding: 0.8rem 0;
}
.lineup .lineupnav ul li {
    width: 3.91rem;
}
.lineup .lineupnav ul li a {
    width: 100%;
    height: 0.64rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798838%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798838%22%20transform%3D%22translate(18%2024)%20rotate(90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_124%22%20data-name%3D%22%E3%83%91%E3%82%B9%20124%22%20d%3D%22M0%2C10%2C5%2C5%2C0%2C0%22%20transform%3D%22translate(-17.5%204)%22%20fill%3D%22none%22%20stroke%3D%22%23255a60%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_45994%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2045994%22%20width%3D%2218%22%20height%3D%2218%22%20transform%3D%22translate(-24)%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right 0.22rem center no-repeat #ECF4F2;
    background-size: 0.18rem auto;
    border-radius: 0.08rem;
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    font-weight: 700;
    padding: 0 0.24rem;
    box-sizing: border-box;
}
@media (hover: hover) and (min-width:751px) {
.lineup .lineupnav ul li a:hover {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798838%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798838%22%20transform%3D%22translate(18%2024)%20rotate(90)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_124%22%20data-name%3D%22%E3%83%91%E3%82%B9%20124%22%20d%3D%22M0%2C10%2C5%2C5%2C0%2C0%22%20transform%3D%22translate(-17.5%204)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_45994%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2045994%22%20width%3D%2218%22%20height%3D%2218%22%20transform%3D%22translate(-24)%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-position: right 0.2rem top 60%;
    background-color: #255A60;
    color: #fff;
}
}
@media screen and (max-width:750px){
.lineup .lineupnav {
    padding: 0.4rem 0 0.2rem;
}
.lineup .lineupnav ul li {
    width: 100%;
    margin-bottom: 0.16rem;
}
.lineup .lineupnav ul li a {
    height: 0.4rem;
    background-position: right 0.24rem center;
    background-size: 0.18rem auto;
    font-size: 0.16rem;
}
}

/* cont1 */
.lineup .cont1 {
    padding-bottom: 0.4rem;
}
.lineup #decontamination .cont1 {
    padding-bottom: 0.6rem;
}
.lineup .cont1 .ttlbox {
    border-top: 0.01rem solid #CECECE;
    padding-top: 0.24rem;
    margin-bottom: 0.4rem;
    position: relative;
}
.lineup .cont1 .ttlbox h2 {
    height: 0.73rem;
    background: url("../img/polishing/cat_img.jpg") left center no-repeat;
    background-size: 1.09rem auto;
    font-size: 0.36rem;
    font-weight: 400;
    padding-left: 1.4rem;
    display: flex;
    align-items: center;
}
.lineup #measurement .cont1 .ttlbox h2 {
    background-image: url("../img/measurement/cat_img.jpg");
}
.lineup #decontamination .cont1 .ttlbox h2 {
    background-image: url("../img/decontamination/cat_img.jpg");
}
.lineup .cont1 .ttlbox .btn {
    width: 2.35rem;
    position: absolute;
    right: 0;
    top: 0.47rem;
}
.lineup .cont1 .ttlbox .btn a {
    width: 100%;
    height: 0.5rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798852%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798852%22%20transform%3D%22translate(24)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_124%22%20data-name%3D%22%E3%83%91%E3%82%B9%20124%22%20d%3D%22M0%2C10%2C5%2C5%2C0%2C0%22%20transform%3D%22translate(-17.5%204)%22%20fill%3D%22none%22%20stroke%3D%22%23255a60%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_45994%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2045994%22%20width%3D%2218%22%20height%3D%2218%22%20transform%3D%22translate(-24)%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E') right 0.2rem center no-repeat;
    background-size: 0.18rem auto;
    border: 0.01rem solid #CECECE;
    border-radius: 0.08rem;
    display: flex;
    align-items: center;
    font-size: 0.18rem;
    font-weight: 700;
    padding: 0 0.24rem;
    box-sizing: border-box;
}
.lineup .cont1 .box {
    padding-bottom: 0.35rem;
}
.lineup .cont1 .box .headline3 {
    font-size: 0.26rem;
    background-size: 0.24rem auto;
    padding-left: 0.45rem;
    margin-bottom: 0.2rem;
}
.lineup .cont1 .box .product_list .product_item {
    margin-bottom: 0.35rem;
}
.lineup .cont1 .box .product_list .product_item a .ttl {
    margin-bottom: 0;
}
@media (hover: hover) and (min-width:751px) {
.lineup .cont1 .ttlbox .btn a:hover {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_798852%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20798852%22%20transform%3D%22translate(24)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_124%22%20data-name%3D%22%E3%83%91%E3%82%B9%20124%22%20d%3D%22M0%2C10%2C5%2C5%2C0%2C0%22%20transform%3D%22translate(-17.5%204)%22%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_45994%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2045994%22%20width%3D%2218%22%20height%3D%2218%22%20transform%3D%22translate(-24)%22%20fill%3D%22none%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
    background-position: right 0.14rem center;
    background-color: #255A60;
    border-color: #255A60;
    color: #fff;
}
}
@media screen and (max-width:750px){
.lineup .cont1 {
    padding-bottom: 0.2rem;
}
.lineup #decontamination .cont1 {
    padding-bottom: 0.3rem;
}
.lineup .cont1 .ttlbox {
    padding-top: 0.16rem;
    margin-bottom: 0.3rem;
}
.lineup .cont1 .ttlbox h2 {
    height: 0.34rem;
    background: none !important;
    font-size: 0.22rem;
    font-weight: 400;
    padding-left: 0.09rem;
}
.lineup .cont1 .ttlbox .btn {
    width: 1.36rem;
    top: 0.16rem;
}
.lineup .cont1 .ttlbox .btn a {
    height: 0.34rem;
    background-position: right 0.12rem center;
    font-size: 0.14rem;
    padding: 0 0.14rem;
}
.lineup .cont1 .box {
    padding-bottom: 0.2rem;
}
.lineup .cont1 .box .headline3 {
    font-size: 0.18rem;
    background-size: 0.18rem auto;
    padding-left: 0.24rem;
    margin-bottom: 0.28rem;
}
.lineup .cont1 .box .product_list {
    display: flex;
    justify-content: space-between;
}
.lineup .cont1 .box .product_list .product_item {
    width: 1.64rem;
    margin: 0 0 0.3rem;
}
.lineup .cont1 .box .product_list .product_item a picture {
    height: 1.1rem;
}
.lineup .cont1 .box .product_list .product_item a picture {
    height: 1.1rem;
}    
.lineup .cont1 .box .product_list .product_item a ul li {
    max-width: 100%;
    line-height: 0.19rem;
    border-radius: 0.04rem 0 0.04rem 0;
    padding: 0 0.12rem;
    margin-bottom: 0.02rem;
    font-size: 0.11rem;
}
.lineup .cont1 .box .product_list .product_item a picture .arr {
    width: 0.22rem;
    height: 0.22rem;
    right: 0.1rem;
    top: auto;
    bottom: 0.1rem;
}
.lineup .cont1 .box .product_list .product_item a picture .arr::before,
.lineup .cont1 .box .product_list .product_item a picture .arr::after {
    width: 0.11rem;
    height: 0.05rem;
    margin: -0.025rem 0 0 -0.055rem;
}
.lineup .cont1 .box .product_list .product_item a picture.new::after {
    width: 0.4rem;
    height: 0.4rem;
}
.lineup .cont1 .box .product_list .product_item a .ttl {
    font-size: 0.16rem;
    margin-top: 0.03rem;
}
}


/* polishing
------------------------------------------------- */
/* mainfv */
.post-type-archive-polishing .mainfv picture {
    background-image: url("../img/polishing/mainimg.jpg");
}
@media screen and (max-width:750px){
.post-type-archive-polishing .mainfv picture {
    background-image: url("../img/polishing/mainimg_sp.jpg");
}
}

/* cont1 */
.post-type-archive-polishing .cont1,
.post-type-archive-measurement .cont1,
.measurement_toc .cont1,
.measurement_do .cont1 {
    background-color: #ECF4F2;
    padding: 1rem 0 0.55rem;
}
.post-type-archive-polishing .cont1 .inner,
.post-type-archive-measurement .cont1 .inner,
.measurement_toc .cont1 .inner,
.measurement_do .cont1 .inner {
    width: 10.45rem;
}
@media screen and (max-width:750px){
.post-type-archive-polishing .cont1,
.post-type-archive-measurement .cont1,
.measurement_toc .cont1,
.measurement_do .cont1 {
    padding: 0.64rem 0 0.4rem;
    margin-top: -0.68rem
}
.post-type-archive-polishing .cont1 .inner,
.post-type-archive-measurement .cont1 .inner,
.measurement_toc .cont1 .inner,
.measurement_do .cont1 .inner {
    width: 92.26%;
}
}

/* cont2 */
.post-type-archive-polishing .cont2,
.post-type-archive-measurement .cont2,
.measurement_toc .cont2,
.measurement_do .cont2 {
    background-color: #fff;
    padding: 1.5rem 0 1.25rem;
    position: relative;
    z-index: 2;
}
.post-type-archive-polishing .cont2 .ken,
.post-type-archive-measurement .cont2 .ken {
    font-size: 0.26rem;
    font-weight: 400;
    padding-bottom: 0.7rem;
    display: none;
}
.post-type-archive-polishing .cont2 .p-filter,
.post-type-archive-measurement .cont2 .p-filter {
    text-align: center;
    border-bottom: 0.01rem solid #CECECE;
    padding-bottom: 0.8rem;
    margin-bottom: 0.65rem;
}
.post-type-archive-polishing .cont2 .p-filter .ken0,
.post-type-archive-measurement .cont2 .p-filter .ken0 {
    font-size: 0.26rem;
    font-weight: 400;
    margin-bottom: 0.3rem;
}
.post-type-archive-polishing .cont2 .p-filter p,
.post-type-archive-measurement .cont2 .p-filter p {
    font-size: 0.2rem;
    line-height: 1.7;
    margin-bottom: 0.3rem;
}
.post-type-archive-polishing .cont2 .p-filter .btnst2,
.post-type-archive-measurement .cont2 .p-filter .btnst2 {
    width: 2.84rem;
    margin: 0 auto;
}
.post-type-archive-polishing .cont2 .headline2,
.post-type-archive-measurement .cont2 .headline2 {
    text-align: center;
}
.post-type-archive-polishing .cont2 .products-slider,
.post-type-archive-measurement .cont2 .products-slider {
    margin-bottom: 0 !important;
}
@media screen and (max-width:750px){
.post-type-archive-polishing .cont2,
.post-type-archive-measurement .cont2,
.measurement_toc .cont2,
.measurement_do .cont2 {
    padding: 0.64rem 0;
}
.post-type-archive-polishing .cont2 .ken,
.post-type-archive-measurement .cont2 .ken {
    font-size: 0.2rem;
    padding-bottom: 0.4rem;
}
}


/* polishing - taxonomy
------------------------------------------------- */
/* mainfv */
.tax-polishing_field .mainfv picture,
.tax-polishing_process .mainfv picture,
.tax-polishing_purpose .mainfv picture,
.tax-polishing_scene .mainfv picture,
.tax-polishing_material .mainfv picture,
.tax-polishing_tag .mainfv picture {
    background-image: url("../img/polishing/mainimg.jpg");
}
@media screen and (max-width:750px){
.tax-polishing_field .mainfv picture,
.tax-polishing_process .mainfv picture,
.tax-polishing_purpose .mainfv picture,
.tax-polishing_scene .mainfv picture,
.tax-polishing_material .mainfv picture,
.tax-polishing_tag .mainfv picture {
    background-image: url("../img/polishing/mainimg_sp.jpg");
}
}

/* cont1 */
.tax-polishing_field .cont1,
.tax-polishing_process .cont1,
.tax-polishing_purpose .cont1,
.tax-polishing_scene .cont1,
.tax-polishing_material .cont1,
.tax-polishing_tag .cont1,
.tax-decontamination_tag .cont1,
.tax-measurement_category .cont1,
.tax-measurement_tag .cont1,
.tax-particles-microbe_field .cont1,
.tax-particles-microbe_purpose .cont1,
.tax-particles-microbe_type .cont1,
.tax-surfacepressure_field .cont1,
.tax-surfacepressure_purpose .cont1,
.tax-surfacepressure_type .cont1 {
    background-color: #fff;
    padding: 1rem 0 1.2rem;
}
.tax-polishing_field .cont1 .headline4,
.tax-polishing_process .cont1 .headline4,
.tax-polishing_purpose .cont1 .headline4,
.tax-polishing_scene .cont1 .headline4,
.tax-polishing_material .cont1 .headline4,
.tax-polishing_tag .cont1 .headline4,
.tax-decontamination_tag .cont1 .headline4,
.tax-measurement_category .cont1 .headline4,
.tax-measurement_tag .cont1 .headline4,
.tax-particles-microbe_field .cont1 .headline4,
.tax-particles-microbe_purpose .cont1 .headline4,
.tax-particles-microbe_type .cont1 .headline4,
.tax-surfacepressure_field .cont1 .headline4,
.tax-surfacepressure_purpose .cont1 .headline4,
.tax-surfacepressure_type .cont1 .headline4 {
    margin-bottom: 0.8rem;
}
.tax-polishing_field .cont1 .headline4 b,
.tax-polishing_process .cont1 .headline4 b,
.tax-polishing_purpose .cont1 .headline4 b,
.tax-polishing_scene .cont1 .headline4 b,
.tax-polishing_material .cont1 .headline4 b,
.tax-polishing_tag .cont1 .headline4 b,
.tax-decontamination_tag .cont1 .headline4 b,
.tax-measurement_category .cont1 .headline4 b,
.tax-measurement_tag .cont1 .headline4 b,
.tax-particles-microbe_field .cont1 .headline4 b,
.tax-particles-microbe_purpose .cont1 .headline4 b,
.tax-particles-microbe_type .cont1 .headline4 b,
.tax-surfacepressure_field .cont1 .headline4 b,
.tax-surfacepressure_purpose .cont1 .headline4 b,
.tax-surfacepressure_type .cont1 .headline4 b {
    font-size: 0.16rem;
    font-weight: 400;
    padding-left: 0.3rem;
}
.tax-polishing_field .cont1 .btnst2,
.tax-polishing_process .cont1 .btnst2,
.tax-polishing_purpose .cont1 .btnst2,
.tax-polishing_scene .cont1 .btnst2,
.tax-polishing_material .cont1 .btnst2,
.tax-polishing_tag .cont1 .btnst2,
.tax-decontamination_tag .cont1 .btnst2,
.tax-measurement_category .cont1 .btnst2,
.tax-measurement_tag .cont1 .btnst2,
.tax-particles-microbe_field .cont1 .btnst2,
.tax-particles-microbe_purpose .cont1 .btnst2,
.tax-particles-microbe_type .cont1 .btnst2,
.tax-surfacepressure_field .cont1 .btnst2,
.tax-surfacepressure_purpose .cont1 .btnst2,
.tax-surfacepressure_type .cont1 .btnst2 {
    width: 2.84rem;
    margin: 0.4rem auto 0;
}
@media screen and (max-width:750px){
.tax-polishing_field .cont1,
.tax-polishing_process .cont1,
.tax-polishing_purpose .cont1,
.tax-polishing_scene .cont1,
.tax-polishing_material .cont1,
.tax-polishing_tag .cont1,
.tax-decontamination_tag .cont1,
.tax-measurement_category .cont1,
.tax-measurement_tag .cont1,
.tax-particles-microbe_field .cont1,
.tax-particles-microbe_purpose .cont1,
.tax-particles-microbe_type .cont1,
.tax-surfacepressure_field .cont1,
.tax-surfacepressure_purpose .cont1,
.tax-surfacepressure_type .cont1 {
    padding: 0.64rem 0;
    margin-top: -0.68rem
}
.tax-polishing_field .cont1 .headline4,
.tax-polishing_process .cont1 .headline4,
.tax-polishing_purpose .cont1 .headline4,
.tax-polishing_scene .cont1 .headline4,
.tax-polishing_material .cont1 .headline4,
.tax-polishing_tag .cont1 .headline4,
.tax-decontamination_tag .cont1 .headline4,
.tax-measurement_category .cont1 .headline4,
.tax-measurement_tag .cont1 .headline4,
.tax-particles-microbe_field .cont1 .headline4,
.tax-particles-microbe_purpose .cont1 .headline4,
.tax-particles-microbe_type .cont1 .headline4,
.tax-surfacepressure_field .cont1 .headline4,
.tax-surfacepressure_purpose .cont1 .headline4,
.tax-surfacepressure_type .cont1 .headline4 {
    margin-bottom: 0.4rem;
}
.tax-polishing_field .cont1 .headline4 b,
.tax-polishing_process .cont1 .headline4 b,
.tax-polishing_purpose .cont1 .headline4 b,
.tax-polishing_scene .cont1 .headline4 b,
.tax-polishing_material .cont1 .headline4 b,
.tax-polishing_tag .cont1 .headline4 b,
.tax-decontamination_tag .cont1 .headline4 b,
.tax-measurement_category .cont1 .headline4 b,
.tax-measurement_tag .cont1 .headline4 b,
.tax-particles-microbe_field .cont1 .headline4 b,
.tax-particles-microbe_purpose .cont1 .headline4 b,
.tax-particles-microbe_type .cont1 .headline4 b,
.tax-surfacepressure_field .cont1 .headline4 b,
.tax-surfacepressure_purpose .cont1 .headline4 b,
.tax-surfacepressure_type .cont1 .headline4 b {
    font-size: 0.14rem;
    padding-left: 0.2rem;
}
}


/* measurement
------------------------------------------------- */
/* mainfv */
.post-type-archive-measurement .mainfv picture,
.measurement_toc .mainfv picture,
.measurement_do .mainfv picture {
    background-image: url("../img/measurement/mainimg.jpg");
}
@media screen and (max-width:750px){
.post-type-archive-measurement .mainfv picture,
.measurement_toc .mainfv picture,
.measurement_do .mainfv picture {
    background-image: url("../img/measurement/mainimg_sp.jpg");
}
}

/* tab */
.post-type-archive-measurement .tab .tab-content .tab-inner dl {
    width: 100%;
}
.post-type-archive-measurement .tab .tab-content .tab-inner dl dt {
    width: 10.5%;
    font-weight: 700;
    padding-top: 0.1rem;
}
.post-type-archive-measurement .tab .tab-content .tab-inner dl dd {
    width: 89.5%;
}
.post-type-archive-measurement .tab .tab-content .tab-inner dl dd .tab-check li {
    width: auto;
} 
.post-type-archive-measurement .tab .tab-content .tab-inner dl dd .tab-check li:nth-child(3n) {
    margin-right: 1.64%;
} 
@media screen and (max-width:750px){
.post-type-archive-measurement .tab .tablist,
.measurement_toc .tab .tablist,
.measurement_do .tab .tablist {
    height: 0.45rem;
}
.post-type-archive-measurement .tab .tablist li,
.measurement_toc .tab .tablist li,
.measurement_do .tab .tablist li {
    height: 0.45rem;
    font-size: 0.12rem;
    line-height: 1.3;
}
.post-type-archive-measurement .tab .tab-content .tab-inner dl {
    width: 100%;
    border-bottom: 0.01rem solid #CECECE;
    padding-bottom: 0.15rem;
}
.post-type-archive-measurement .tab .tab-content .tab-inner dl.last {
    border-bottom: none;
}
.post-type-archive-measurement .tab .tab-content .tab-inner dl dt {
    width: 100%;
    font-size: 0.16rem;
    padding-top: 0.15rem;
}
.post-type-archive-measurement .tab .tab-content .tab-inner dl dd {
    width: 100%;
}
.post-type-archive-measurement .tab .tab-content .tab-inner dl dd .tab-check li:nth-child(3n) {
    margin: 0 0.55rem 0 0;
} 
}
















/* measurement - taxonomy
------------------------------------------------- */
/* mainfv */
.tax-measurement_category .mainfv picture,
.tax-measurement_tag .mainfv picture,
.tax-particles-microbe_field .mainfv picture,
.tax-particles-microbe_purpose .mainfv picture,
.tax-particles-microbe_type .mainfv picture,
.tax-surfacepressure_field .mainfv picture,
.tax-surfacepressure_purpose .mainfv picture,
.tax-surfacepressure_type .mainfv picture {
    background-image: url("../img/measurement/mainimg.jpg");
}
@media screen and (max-width:750px){
.tax-measurement_category .mainfv picture,
.tax-measurement_tag .mainfv picture,
.tax-particles-microbe_field .mainfv picture,
.tax-particles-microbe_purpose .mainfv picture,
.tax-particles-microbe_type .mainfv picture,
.tax-surfacepressure_field .mainfv picture,
.tax-surfacepressure_purpose .mainfv picture,
.tax-surfacepressure_type .mainfv picture {
    background-image: url("../img/measurement/mainimg_sp.jpg");
}
}


/* decontamination
------------------------------------------------- */
/* mainfv */
.post-type-archive-decontamination .mainfv picture {
    background-image: url("../img/decontamination/mainimg.jpg");
}
@media screen and (max-width:750px){
.post-type-archive-decontamination .mainfv picture {
    background-image: url("../img/decontamination/mainimg_sp.jpg");
}
}

/* cont1 */
.post-type-archive-decontamination .cont1 {
    padding: 1.05rem 0 1rem;
}
@media screen and (max-width:750px){
.post-type-archive-decontamination .cont1 {
    padding: 0.64rem 0;
}
}


/* decontamination - taxonomy
------------------------------------------------- */
/* mainfv */
.tax-decontamination_tag .mainfv picture {
    background-image: url("../img/decontamination/mainimg.jpg");
}
@media screen and (max-width:750px){
.tax-decontamination_tag .mainfv picture {
    background-image: url("../img/decontamination/mainimg_sp.jpg");
}
}


/* single-polishing,
   single-measurement,
   single-decontamination,
   single-case,
   single-technical_info
------------------------------------------------- */
/* mainfv */
.single-polishing .mainfv,
.single-measurement .mainfv,
.single-decontamination .mainfv,
.single-technical_info .mainfv {
    height: 3.05rem;
    background: none #fff;
    padding-top: 1.96rem;
    margin-bottom: 0.8rem;
}
.single-polishing .mainfv .inner,
.single-measurement .mainfv .inner,
.single-decontamination .mainfv .inner,
.single-technical_info .mainfv .inner {
    border-bottom: 0.01rem solid #CECECE;
    padding-bottom: 0.32rem;
}
.single-polishing .mainfv .cat,
.single-measurement .mainfv .cat,
.single-decontamination .mainfv .cat,
.single-technical_info .mainfv .cat {
    height: 0.46rem;
    background: url("../img/polishing/cat_img.jpg") left center no-repeat;
    background-size: 0.68rem auto;
    font-size: 0.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 0.32rem;
    padding-left: 0.84rem;
}
.single-measurement .mainfv .cat,
.single-technical_info .mainfv .cat.technical_info_category02 {
    background-image: url("../img/measurement/cat_img.jpg");
}
.single-decontamination .mainfv .cat,
.single-technical_info .mainfv .cat.technical_info_category03 {
    background-image: url("../img/decontamination/cat_img.jpg");
}
@media screen and (max-width:750px){
.single-polishing .mainfv,
.single-measurement .mainfv,
.single-decontamination .mainfv,
.single-technical_info .mainfv {
    height: 2rem;
    padding-top: 1.28rem;
    margin-bottom: 0.32rem;
}
.single-polishing .mainfv .inner,
.single-measurement .mainfv .inner,
.single-decontamination .mainfv .inner,
.single-technical_info .mainfv .inner {
    padding-bottom: 0.16rem;
}
.single-polishing .mainfv .cat,
.single-measurement .mainfv .cat,
.single-decontamination .mainfv .cat,
.single-technical_info .mainfv .cat {
    height: auto;
    background: none;
    font-size: 0.14rem;
    bottom: 0.04rem;
    padding-left: 0;
}
}

/* cont1 */
.single-polishing .cont1,
.single-measurement .cont1,
.single-decontamination .cont1 {
    padding-bottom: 1rem;
}
.single-polishing .cont1 .inner,
.single-measurement .cont1 .inner,
.single-decontamination .cont1 .inner,
.single-technical_info .cont1 .inner {
    width: 10.45rem;
}
.single-polishing .cont1 .con,
.single-measurement .cont1 .con,
.single-decontamination .cont1 .con {
    width: 5rem;
}
.single-polishing .cont1 .con ul,
.single-measurement .cont1 .con ul,
.single-decontamination .cont1 .con ul,
.single-technical_info .cont1 .con ul {
    padding-bottom: 0.05rem;
}
.single-polishing .cont1 .con ul li,
.single-measurement .cont1 .con ul li,
.single-polishing .cont1 .con ul li,
.single-technical_info .cont1 .con ul li {
    height: 0.32rem;
    background-color: #255A60;
    border-radius: 0.5rem;
    padding: 0 0.24rem;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.06em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.05rem 0.05rem 0;
}
.single-polishing .cont1 .con h1,
.single-measurement .cont1 .con h1,
.single-decontamination .cont1 .con h1,
.single-technical_info .cont1 .con h1 {
    font-size: 0.46rem;
    font-weight: 400;
    line-height: 1.3;
}
.single-polishing .cont1 .con p,
.single-measurement .cont1 .con p,
.single-decontamination .cont1 .con p {
    font-weight: 700;
    line-height: 1;
    padding-left: 0.12rem;
    border-left: 0.06rem solid #B9D9D3;
    margin-top: 0.15rem;
}
.single-polishing .cont1 picture,
.single-measurement .cont1 picture,
.single-decontamination .cont1 picture {
    width: 5rem;
    position: relative;
}
.single-polishing .cont1 picture img,
.single-measurement .cont1 picture img,
.single-decontamination .cont1 picture img {
    display: block;
    width: 100%;
    border-radius: 0.08rem;
}
.single-polishing .cont1 picture span,
.single-measurement .cont1 picture span,
.single-decontamination .cont1 picture span {
    height: 0.32rem;
    background-color: #fff;
    border: 0.01rem solid #CECECE;
    border-radius: 0.5rem;
    padding: 0 0.24rem;
    font-weight: 700;
    color: #255A60;
    letter-spacing: 0.06em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0.12rem;
    top: 0.12rem;
    box-sizing: border-box;
}
.single-polishing .cont1 .txt,
.single-measurement .cont1 .txt,
.single-decontamination .cont1 .txt {
    padding-top: 0.6rem;
}
@media screen and (max-width:750px){
.single-polishing .cont1,
.single-measurement .cont1,
.single-decontamination .cont1 {
    padding-bottom: 0.4rem;
}
.single-polishing .cont1 .inner,
.single-measurement .cont1 .inner,
.single-decontamination .cont1 .inner,
.single-technical_info .cont1 .inner {
    width: 92.26%;
}
.single-polishing .cont1 .con,
.single-measurement .cont1 .con,
.single-decontamination .cont1 .con {
    width: 100%;
    margin-bottom: 0.32rem;
}
.single-polishing .cont1 .con ul,
.single-measurement .cont1 .con ul,
.single-decontamination .cont1 .con ul,
.single-technical_info .cont1 .con ul {
    display: flex;
    padding-bottom: 0.05rem;
}
.single-polishing .cont1 .con ul li,
.single-measurement .cont1 .con ul li,
.single-decontamination .cont1 .con ul li,
.single-technical_info .cont1 .con ul li {
    height: 0.25rem;
    padding: 0 0.12rem;
    font-size: 0.13rem;
    margin: 0 0.05rem 0.05rem 0;
}
.single-polishing .cont1 .con h1,
.single-measurement .cont1 .con h1,
.single-decontamination .cont1 .con h1,
.single-technical_info .cont1 .con h1 {
    font-size: 0.36rem;
}
.single-polishing .cont1 .con p,
.single-measurement .cont1 .con p,
.single-decontamination .cont1 .con p {
    font-size: 0.14rem;
    padding-left: 0.1rem;
    margin-top: 0.05rem;
}
.single-polishing .cont1 picture,
.single-measurement .cont1 picture,
.single-decontamination .cont1 picture {
    width: 100%;
}
.single-polishing .cont1 picture span,
.single-measurement .cont1 picture span,
.single-decontamination .cont1 picture span {
    height: 0.24rem;
    padding: 0 0.12rem;
    font-size: 0.12rem;
    top: 0.08rem;
}
.single-polishing .cont1 .txt,
.single-measurement .cont1 .txt,
.single-decontamination .cont1 .txt {
    font-size: 0.15rem;
    padding-top: 0.24rem;
}
}

/* cont2 */
.single-polishing .cont2,
.single-measurement .cont2,
.single-decontamination .cont2 {
    padding-bottom: 1rem;
}
.single-polishing .cont2 .inner,
.single-measurement .cont2 .inner,
.single-decontamination .cont2 .inner {
    width: 10.45rem;
}
.single-polishing .cont2 .headline3,
.single-measurement .cont2 .headline3,
.single-decontamination .cont2 .headline3 {
    font-size: 0.26rem;
    font-weight: 400;
    padding-left: 0.5rem;
    margin-bottom: 0.35rem;
}
.single-polishing .cont2 ul li,
.single-measurement .cont2 ul li,
.single-decontamination .cont2 ul li {
    border: 0.01rem solid #B9D9D3;
    border-radius: 0.08rem;
    padding: 0.23rem 0.32rem;
    box-sizing: border-box;
    margin-bottom: 0.16rem;
}
.single-polishing .cont2 ul li dl,
.single-measurement .cont2 ul li dl,
.single-decontamination .cont2 ul li dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.single-polishing .cont2 ul li dl dt,
.single-measurement .cont2 ul li dl dt,
.single-decontamination .cont2 ul li dl dt {
    width: 0.7rem;
    font-size: 0.28rem;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.03em;
    color: #255A60;
}
.single-polishing .cont2 ul li dl dd,
.single-measurement .cont2 ul li dl dd,
.single-decontamination .cont2 ul li dl dd {
    width: 8.8rem;
    border-left: 0.01rem solid #CECECE;
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.08rem 0 0.08rem 0.24rem;
}
@media screen and (max-width:750px){
.single-polishing .cont2,
.single-measurement .cont2,
.single-decontamination .cont2 {
    padding-bottom: 0.4rem;
}
.single-polishing .cont2 .inner,
.single-measurement .cont2 .inner,
.single-decontamination .cont2 .inner {
    width: 92.26%;
}
.single-polishing .cont2 .headline3,
.single-measurement .cont2 .headline3,
.single-decontamination .cont2 .headline3 {
    font-size: 0.18rem;
    padding-left: 0.32rem;
    margin-bottom: 0.2rem;
}
.single-polishing .cont2 ul li,
.single-measurement .cont2 ul li,
.single-decontamination .cont2 ul li {
    padding: 0.11rem 0.1rem;
    margin-bottom: 0.12rem;
}
.single-polishing .cont2 ul li dl dt,
.single-measurement .cont2 ul li dl dt,
.single-decontamination .cont2 ul li dl dt {
    width: 0.45rem;
    font-size: 0.2rem;
    line-height: 2.25;
}
.single-polishing .cont2 ul li dl dd,
.single-measurement .cont2 ul li dl dd,
.single-decontamination .cont2 ul li dl dd {
    width: 2.6rem;
    font-size: 0.15rem;
    line-height: 1.65;
    padding: 0.01rem 0 0.01rem 0.12rem;
}
}


/* case
------------------------------------------------- */
/* mainfv */
.post-type-archive-case .mainfv picture {
    background-image: url("../img/case/mainimg.jpg");
}
@media screen and (max-width:750px){
.post-type-archive-case .mainfv picture {
    background-image: url("../img/case/mainimg_sp.jpg");
}
}

/* cont1 */
.post-type-archive-case .cont1 {
    padding: 1.1rem 0 0.68rem;
}
.post-type-archive-case .cont1 .inner {
    width: 10.45rem;
}
.post-type-archive-case .cont1 .sec {
    padding-bottom: 0.65rem;
    position: relative;
}
.post-type-archive-case .cont1 .sec h2 {
    width: 5rem;
    font-size: 0.42rem;
    font-weight: 400;
    line-height: 1.7;
}
.post-type-archive-case .cont1 .sec p {
    width: 5rem;
    position: absolute;
    right: 0;
    top: 0.1rem;
}
.post-type-archive-case .cont1 .box {
    background-color: #F0F6FF;
    border-radius: 0.08rem;
    padding: 0.45rem 0.64rem 0.55rem;
}
.post-type-archive-case .cont1 .box .con1 {
    width: 2.25rem;
}
.post-type-archive-case .cont1 .box .con1 ul li {
    margin: 0 0.1rem 0.1rem 0;
}
.post-type-archive-case .cont1 .box .con1 ul li a {
    height: 0.31rem;
    background-color: #6F8C90;
    border: 0.01rem solid #6F8C90;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.15rem;
    font-weight: 700;
    color: #FFFFFF;
    padding: 0 0.15rem;
}
.post-type-archive-case .cont1 .box .con2 {
    width: 6.1rem;
}
.post-type-archive-case .cont1 .box .con2 ul li {
    margin: 0 0.1rem 0.1rem 0;
}
.post-type-archive-case .cont1 .box .con2 ul li a {
    height: 0.27rem;
    background-color: #fff;
    border: 0.01rem solid #CECECE;
    border-radius: 0.04rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.15rem;
    color: #255A60;
    padding: 0 0.1rem;
}
.post-type-archive-case .cont1 .box .con2 ul li a span::before {
    content: '#';
    color: #82D9CC;
    font-weight: 700;
    padding-right: 0.05rem;
}
@media (hover: hover) and (min-width:751px) {
.post-type-archive-case .cont1 .box .con1 ul li a:hover {
    background-color: #fff;
    color: #6F8C90;
}
.post-type-archive-case .cont1 .box .con2 ul li a:hover {
    background-color: #255A60;
    border-color: #255A60;
    color: #fff;
}
}
@media screen and (max-width:750px){
.post-type-archive-case .cont1 {
    padding: 0.45rem 0 0.4rem;
    margin-top: -0.64rem;
}
.post-type-archive-case .cont1 .inner {
    width: 92.26%;
}
.post-type-archive-case .cont1 .sec {
    padding-bottom: 0.4rem;
}
.post-type-archive-case .cont1 .sec h2 {
    width: 100%;
    font-size: 0.26rem;
    margin-bottom: 0.2rem;
}
.post-type-archive-case .cont1 .sec p {
    width: 100%;
    position: static;
    font-size: 0.15rem;
}
.post-type-archive-case .cont1 .box {
    padding: 0.40rem 0.16rem 0.3rem;
}
.post-type-archive-case .cont1 .box .headline4 {
    font-size: 0.18rem;
    margin-bottom: 0.15rem;
}
.post-type-archive-case .cont1 .box .con1 {
    width: 100%;
    margin-bottom: 0.24rem;
}
.post-type-archive-case .cont1 .box .con1 ul {
    display: flex;
}
.post-type-archive-case .cont1 .box .con1 ul li {
    margin: 0 0.08rem 0.08rem 0;
}
.post-type-archive-case .cont1 .box .con1 ul li a {
    height: 0.3rem;
    font-size: 0.14rem;
    padding: 0 0.15rem;
}
.post-type-archive-case .cont1 .box .con2 {
    width: 100%;
}
.post-type-archive-case .cont1 .box .con2 ul {
    display: flex;
}
.post-type-archive-case .cont1 .box .con2 ul li {
    margin: 0 0.08rem 0.08rem 0;
}
.post-type-archive-case .cont1 .box .con2 ul li a {
    height: 0.26rem;
    font-size: 0.14rem;
}
}

/* cont2 */
.post-type-archive-case .cont2,
.tax-case_keyword .cont2,
.tax-case_solution .cont2 {
    background-color: #fff;
    padding-bottom: 1.2rem;
    position: relative;
    z-index: 2;
}
.post-type-archive-case .cont2 .inner,
.tax-case_keyword .cont2 .inner,
.tax-case_solution .cont2 .inner {
    width: 10.45rem;
    margin: 0 auto;
}
.post-type-archive-case .cont2 ul li,
.tax-case_keyword .cont2 ul li,
.tax-case_solution .cont2 ul li {
    width: 31.3%;
    margin: 0 3.05% 0.4rem 0;
}
.post-type-archive-case .cont2 ul li:nth-child(3n),
.tax-case_keyword .cont2 ul li:nth-child(3n),
.tax-case_solution .cont2 ul li:nth-child(3n) {
    margin-right: 0;
}
.post-type-archive-case .cont2 ul li a,
.tax-case_keyword .cont2 ul li a,
.tax-case_solution .cont2 ul li a {
    display: block;
}
.post-type-archive-case .cont2 ul li a picture,
.tax-case_keyword .cont2 ul li a picture,
.tax-case_solution .cont2 ul li a picture {
    width: 100%;
    height: 2.18rem;
    border-radius: 0.08rem;
    overflow: hidden;
}
.post-type-archive-case .cont2 ul li a picture.waku,
.tax-case_keyword .cont2 ul li a picture.waku,
.tax-case_solution .cont2 ul li a picture.waku {
    border: 0.01rem solid #CECECE;
}
.post-type-archive-case .cont2 ul li a picture img,
.tax-case_keyword .cont2 ul li a picture img,
.tax-case_solution .cont2 ul li a picture img  {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
}
.post-type-archive-case .cont2 ul li a h3,
.tax-case_keyword .cont2 ul li a h3,
.tax-case_solution .cont2 ul li a h3 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.5;
    margin: 0.1rem 0 0.12rem;
    display: -webkit-box;             
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.post-type-archive-case .cont2 ul li a ul li,
.tax-case_keyword .cont2 ul li a ul li,
.tax-case_solution .cont2 ul li a ul li {
    width: auto;
    height: 0.31rem;
    border: 0.01rem solid #CECECE;
    border-radius: 0.3rem;
    padding: 0 0.13rem;
    font-size: 0.13rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.1rem 0.15rem 0;
    box-sizing: border-box;
}
.post-type-archive-case .cont2 ul li a ul li:first-child,
.tax-case_keyword .cont2 ul li a ul li:first-child,
.tax-case_solution .cont2 ul li a ul li:first-child {
    background-color: #6F8C90;
    border: 0.01rem solid #6F8C90;
    font-weight: 700;
    color: #fff;
}
.post-type-archive-case .cont2 ul li a p,
.tax-case_keyword .cont2 ul li a p,
.tax-case_solution .cont2 ul li a p {
    font-size: 0.15rem;
    line-height: 1;
    letter-spacing: 0.06em;
    color: #90979F;
    display: -webkit-box;             
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}
.post-type-archive-case .cont2 ul li a p span,
.tax-case_keyword .cont2 ul li a p span,
.tax-case_solution .cont2 ul li a p span {
    padding-right: 1em;
}
.post-type-archive-case .cont2 ul li a p span::before,
.tax-case_keyword .cont2 ul li a p span::before,
.tax-case_solution .cont2 ul li a p span::before {
    content: '#';
    color: #82D9CC;
    font-weight: 700;
    padding-right: 0.05rem;
}
.post-type-archive-case .cont2 .pagination .wp-pagenavi {
    padding-top: 0.5rem;
}
@media (hover: hover) and (min-width:751px) {
.post-type-archive-case .cont2 ul li a:hover picture img,
.tax-case_keyword .cont2 ul li a:hover picture img,
.tax-case_solution .cont2 ul li a:hover picture img {
    transform: scale(1.05);
}
}
@media screen and (max-width:750px){
.post-type-archive-case .cont2,
.tax-case_keyword .cont2,
.tax-case_solution .cont2 {
    padding-bottom: 0.64rem;
}
.post-type-archive-case .cont2 .inner,
.tax-case_keyword .cont2 .inner,
.tax-case_solution .cont2 .inner {
    width: 92.26%;
}
.post-type-archive-case .cont2 ul li,
.tax-case_keyword .cont2 ul li,
.tax-case_solution .cont2 ul li {
    width: 100%;
    margin: 0 0 0.45rem;
}
.post-type-archive-case .cont2 ul li a,
.tax-case_keyword .cont2 ul li a,
.tax-case_solution .cont2 ul li a {
    display: flex;
    justify-content: space-between;
}
.post-type-archive-case .cont2 ul li a picture,
.tax-case_keyword .cont2 ul li a picture,
.tax-case_solution .cont2 ul li a picture {
    width: 1.64rem;
    height: 1.64rem;
}
.post-type-archive-case .cont2 ul li a .con,
.tax-case_keyword .cont2 ul li a .con,
.tax-case_solution .cont2 ul li a .con {
    width: 1.66rem;
}
.post-type-archive-case .cont2 ul li a h3,
.tax-case_keyword .cont2 ul li a h3,
.tax-case_solution .cont2 ul li a h3 {
    font-size: 0.14rem;
    margin: 0 0 0.15rem;
}
.post-type-archive-case .cont2 ul li a ul,
.tax-case_keyword .cont2 ul li a ul,
.tax-case_solution .cont2 ul li a ul {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0.05rem;
}
.post-type-archive-case .cont2 ul li a ul li,
.tax-case_keyword .cont2 ul li a ul li,
.tax-case_solution .cont2 ul li a ul li {
    height: 0.24rem;
    padding: 0 0.12rem;
    font-size: 0.12rem;
    margin: 0 0.075rem 0.075rem 0;
}
.post-type-archive-case .cont2 ul li a p,
.tax-case_keyword .cont2 ul li a p,
.tax-case_solution .cont2 ul li a p {
    font-size: 0.12rem;
    line-height: 1.5;
    letter-spacing: 0.03em;
    -webkit-line-clamp: 2;
}
.post-type-archive-case .cont2 ul li a p span,
.tax-case_keyword .cont2 ul li a p span,
.tax-case_solution .cont2 ul li a p span {
    padding-right: 0.05em;
}
.post-type-archive-case .cont2 .pagination .wp-pagenavi {
    padding-top: 0.3rem;
}
}


/*  tax-case_keyword,
    tax-case_solution
------------------------------------------------- */
/* mainfv */
.tax-case_keyword .fv_photo2 .mainfv,
.tax-case_solution .fv_photo2 .mainfv {
    height: 3.48rem;
    background: url("../img/case/mainimg2.jpg") center center no-repeat;
    background-size: cover;
    padding-top: 1.98rem;
}
.tax-case_keyword .fv_photo2 .mainfv .path ul li,
.tax-case_solution .fv_photo2 .mainfv .path ul li {
    color: #fff;
    border-color: #fff;
}
.tax-case_keyword .fv_photo2 .mainfv .path ul li a,
.tax-case_keyword .fv_photo2 .mainfv .maintit,
.tax-case_solution .fv_photo2 .mainfv .path ul li a,
.tax-case_solution .fv_photo2 .mainfv .maintit {
    color: #fff;
}
@media screen and (max-width:750px){
.tax-case_keyword .fv_photo2 .mainfv,
.tax-case_solution .fv_photo2 .mainfv {
    height: 2.4rem;
    background-image: url("../img/case/mainimg2_sp.jpg");
    padding-top: 1.28rem;
}
}

/* cont2 */
.tax-case_keyword .cont2,
.tax-case_solution .cont2 {
    padding-top: 0.8rem;
}
.tax-case_keyword .cont2 .headline4,
.tax-case_solution .cont2 .headline4 {
    margin-bottom: 0.8rem;
}
.tax-case_keyword .cont2 .headline4 b,
.tax-case_solution .cont2 .headline4 b {
    font-size: 0.16rem;
    font-weight: 400;
    padding-left: 0.3rem;
}
.tax-case_keyword .cont2 .btnst2,
.tax-case_solution .cont2 .btnst2 {
    width: 2.84rem;
    margin: 0.4rem auto 0;
}
@media screen and (max-width:750px){
.tax-case_keyword .cont2,
.tax-case_solution .cont2 {
    padding-top: 0.64rem;
}
.tax-case_keyword .cont2 .headline4,
.tax-case_solution .cont2 .headline4 {
    margin-bottom: 0.4rem;
}
.tax-case_keyword .cont2 .headline4 b,
.tax-case_solution .cont2 .headline4 b {
    font-size: 0.14rem;
    padding-left: 0.2rem;
}
}


/*  single-case
------------------------------------------------- */
/* mainfv */
.single-case .fv_photo2 .mainfv {
    height: 3.48rem;
    background: url("../img/case/mainimg2.jpg") center center no-repeat;
    background-size: cover;
    padding-top: 1.98rem;
}
.single-case .fv_photo2 .mainfv .path ul li {
    color: #fff;
    border-color: #fff;
}
.single-case .fv_photo2 .mainfv .path ul li a,
.single-case .fv_photo2 .mainfv .maintit {
    color: #fff;
}
@media screen and (max-width:750px){
.single-case .fv_photo2 .mainfv {
    height: 2.4rem;
    background-image: url("../img/case/mainimg2_sp.jpg");
    padding-top: 1.28rem;
}
}

/* cont1 */
.single-case .cont1 {
    padding: 0.8rem 0;
}
.single-case .cont1 .inner {
    width: 10.45rem;
}
.single-case .cont1 .sec .ttlbox {
    width: 6.1rem;
}
.single-case .cont1 .sec .ttlbox h1 {
    font-size: 0.46rem;
    font-weight: 400;
    line-height: 1.275;
}
.single-case .cont1 .sec .ttlbox p {
    padding-top: 0.15rem;
    display: flex;
}
.single-case .cont1 .sec .ttlbox p span {
    height: 0.31rem;
    border: 0.01rem solid #CECECE;
    border-radius: 0.5rem;
    font-size: 0.13rem;
    padding: 0 0.12rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-case .cont1 .sec picture {
    width: 3.27rem;
}
.single-case .cont1 .sec picture.waku {
    border: 0.01rem solid #CECECE;
    border-radius: 0.08rem;
}
.single-case .cont1 .sec picture img {
    display: block;
    border-radius: 0.08rem;
}
.single-case .cont1 .box {
    padding: 0.4rem 0 0.22rem;
    border-bottom: 0.01rem solid #CECECE;
}
.single-case .cont1 .box .con1 {
    width: 2rem;
    margin-right: 0.15rem;
}
.single-case .cont1 .box .con1 ul li {
    margin: 0 0.1rem 0.1rem 0;
}
.single-case .cont1 .box .con1 ul li a {
    height: 0.31rem;
    background-color: #6F8C90;
    border: 0.01rem solid #6F8C90;
    border-radius: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.15rem;
    font-weight: 700;
    color: #FFFFFF;
    padding: 0 0.15rem;
}
.single-case .cont1 .box .con2 {
    width: 6.1rem;
}
.single-case .cont1 .box .con2 ul li {
    margin: 0 0.1rem 0.1rem 0;
}
.single-case .cont1 .box .con2 ul li a {
    height: 0.27rem;
    background-color: #fff;
    border: 0.01rem solid #CECECE;
    border-radius: 0.04rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.15rem;
    color: #255A60;
    padding: 0 0.1rem;
}
.single-case .cont1 .box .con2 ul li a span::before {
    content: '#';
    color: #82D9CC;
    font-weight: 700;
    padding-right: 0.05rem;
}
@media (hover: hover) and (min-width:751px) {
.single-case .cont1 .box .con1 ul li a:hover {
    background-color: #fff;
    color: #6F8C90;
}
.single-case .cont1 .box .con2 ul li a:hover {
    background-color: #255A60;
    border-color: #255A60;
    color: #fff;
}
}
@media screen and (max-width:750px){
.single-case .cont1 {
    padding: 0.45rem 0;
}
.single-case .cont1 .inner {
    width: 92.26%;
}
.single-case .cont1 .sec .ttlbox {
    width: 100%;
}
.single-case .cont1 .sec .ttlbox h1 {
    font-size: 0.26rem;
    line-height: 1.75;
}
.single-case .cont1 .sec .ttlbox p {
    padding: 0.125rem 0 0.2rem;
}
.single-case .cont1 .sec picture {
    width: 100%;
}
.single-case .cont1 .box {
    padding: 0.3rem 0 0.15rem;
}
.single-case .cont1 .box .headline4 {
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
}
.single-case .cont1 .box .con1 {
    width: 100%;
    margin: 0 0 0.15rem;
}
.single-case .cont1 .box .con1 ul {
    display: flex;
}
.single-case .cont1 .box .con1 ul li {
    margin: 0 0.1rem 0.1rem 0;
}
.single-case .cont1 .box .con1 ul li a {
    height: 0.3rem;
    font-size: 0.14rem;
    padding: 0 0.24rem;
}
.single-case .cont1 .box .con2 {
    width: 100%;
}
.single-case .cont1 .box .con2 ul {
    display: flex;
}
.single-case .cont1 .box .con2 ul li {
    margin: 0 0.1rem 0.1rem 0;
}
.single-case .cont1 .box .con2 ul li a {
    height: 0.26rem;
    font-size: 0.14rem;
    padding: 0 0.08rem;
}
}

/* cont2 */
.single-case .cont2 {
    padding-bottom: 0.4rem;
}
.single-case .cont2.bg {
    padding-bottom: 0.7rem;
}
.single-case .cont2 .box {
    width: 10.45rem;
    margin: 0 auto;
    background-color: #F0F6FF;
    border-radius: 0.08rem;
    padding: 0.4rem 1rem;
    box-sizing: border-box;
    position: relative;
}
.single-case .cont2.bg .box::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.45rem solid transparent;
    border-left: 0.45rem solid transparent;
    border-top: 0.3rem solid #8C9EBC;
    border-bottom: 0;
    position: absolute;
    left: 50%;
    bottom: -0.295rem;
    margin-left: -0.45rem;
}
.single-case .cont2 .box h2 {
    background: url("../img/case/icon1.png") center top no-repeat;
    background-size: 1.65rem auto;
    font-size: 0.26rem;
    font-weight: 700;
    line-height: 1;
    color: #647288;
    text-align: center;
    padding-top: 1.65rem;
    margin-bottom: 0.35rem;
}
.single-case .cont2 .box h2.tit2 {
    background-image: url("../img/case/icon2.png");
}
.single-case .cont2 .box h2.tit3 {
    background-image: url("../img/case/icon3.png");
}
.single-case .cont2 .box h3 {
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 0.4rem;
    text-align: center;
}
.single-case .cont2 .box h3 span {
    background-color: #8C9EBC;
    color: #fff;
}
.single-case .cont2 .box figure {
    width: 6.1rem;
    margin: 0.32rem auto 0;
}
.single-case .cont2 .box figure img {
    width: auto;
    display: block;
    margin: 0 auto;
    border-radius: 0.08rem;
}
.single-case .cont2 .box figure figcaption {
    font-size: 0.15rem;
    line-height: 1.5;
    padding-top: 0.125rem;
}
@media screen and (max-width:750px){
.single-case .cont2 {
    padding-bottom: 0.25rem;
}
.single-case .cont2.bg {
    padding-bottom: 0.4rem;
}
.single-case .cont2 .box {
    width: 100vw;
    margin-left: -3.87vw;
    padding: 0.3rem 3.87vw;
}
.single-case .cont2.bg .box::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 0.27rem solid transparent;
    border-left: 0.27rem solid transparent;
    border-top: 0.18rem solid #8C9EBC;
    border-bottom: 0;
    position: absolute;
    left: 50%;
    bottom: -0.1795rem;
    margin-left: -0.27rem;
}
.single-case .cont2 .box h2 {
    background-size: 1.22rem auto;
    font-size: 0.2rem;
    padding-top: 1.225rem;
    margin-bottom: 0.16rem;
}
.single-case .cont2 .box h3 {
    font-size: 0.18rem;
    margin-bottom: 0.2rem;
}
.single-case .cont2 .box p {
    font-size: 0.15rem;
}    
.single-case .cont2 .box figure {
    width: 100%;
    margin: 0.15rem auto 0;
}
.single-case .cont2 .box figure figcaption {
    font-size: 0.13rem;
    padding-top: 0.1rem;
}
}

/* cont2 */
.single-case .relatedbox {
    padding-top: 0.6rem;
}
@media screen and (max-width:750px){
.single-case .relatedbox {
    padding-top: 0.3rem;
}
}


/* technical_info
------------------------------------------------- */
/* mainfv */
.post-type-archive-technical_info .mainfv picture {
    background-image: url("../img/technical_info/mainimg.jpg");
}
@media screen and (max-width:750px){
.post-type-archive-technical_info .mainfv picture {
    background-image: url("../img/technical_info/mainimg_sp.jpg");
}
}

/* cont1 */
.post-type-archive-technical_info .cont1 {
    padding: 1.2rem 0 0.9rem;
}
.post-type-archive-technical_info .cont1 .category {
    width: 2rem;
    height: 100%;
    position: sticky;
    top: 1.3rem;
    padding-bottom: 0.35rem;
}
.post-type-archive-technical_info .cont1 .category p {
    font-size: 0.15rem;
    font-weight: 500;
    color: #255A60;
    line-height: 1;
    padding-bottom: 0.05rem;
}
.post-type-archive-technical_info .cont1 .category ul li {
    padding-top: 0.2rem;
}
.post-type-archive-technical_info .cont1 .category ul li a {
    display: block;
    font-weight: 500;
    color: rgba(112,112,112,0.4);
    padding-left: 0.18rem;
    position: relative;
}
.post-type-archive-technical_info .cont1 .category ul li a::before {
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    background-color: rgba(112,112,112,0.4);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.03rem;
    transition: 0.3s;
}
.post-type-archive-technical_info .cont1 .category ul li.active a {
    color: #255A60;
}
.post-type-archive-technical_info .cont1 .category ul li.active a::before {
    background-color: #255A60;
}
.post-type-archive-technical_info .cont1 .col2 {
    width: 10.45rem;
}
.post-type-archive-technical_info .cont1 .col2 #info1,
.post-type-archive-technical_info .cont1 .col2 #info2 {
    padding-bottom: 0.35rem;
}
.post-type-archive-technical_info .cont1 .col2 .headline3 {
    font-size: 0.26rem;
    font-weight: 400;
    padding-left: 0.45rem;
    margin-bottom: 0.32rem;
}
.post-type-archive-technical_info .cont1 .col2 ul li {
    width: 31.3%;
    margin: 0 3.05% 0.35rem 0;
}
.post-type-archive-technical_info .cont1 .col2 ul li:nth-child(3n) {
    margin-right: 0;
}
.post-type-archive-technical_info .cont1 .col2 ul li a {
    display: block;
}
.post-type-archive-technical_info .cont1 .col2 ul li a picture {
    display: block;
    width: 100%;
    height: 2.18rem;
    border-radius: 0.08rem;
    overflow: hidden;
}
.post-type-archive-technical_info .cont1 .col2 ul li a picture img {
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.3s;
}
.post-type-archive-technical_info .cont1 .col2 ul li a h3 {
    font-size: 0.18rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.075rem 0 0.05rem;
}
.post-type-archive-technical_info .cont1 .col2 ul li a p {
    font-size: 0.15rem;
    font-weight: 500;
    color: #6F8C90;
}
@media (hover: hover) and (min-width:751px) {
.post-type-archive-technical_info .cont1 .category ul li a:hover {
    color: #255A60;
}
.post-type-archive-technical_info .cont1 .col2 ul li a:hover picture img {
    transform: scale(1.05);
}
}
@media screen and (max-width:750px){
.post-type-archive-technical_info .cont1 {
    padding: 0.64rem 0 0.4rem;
}
.post-type-archive-technical_info .cont1 .category {
    width: 89.6vw;
    height: auto;
    position: static;
    margin: 0 auto;
    padding-bottom: 0.55rem;
}
.post-type-archive-technical_info .cont1 .category p {
    padding-bottom: 0.15rem;
}
.post-type-archive-technical_info .cont1 .category ul li {
    padding-top: 0.12rem;
}
.post-type-archive-technical_info .cont1 .category ul li a {
    font-size: 0.13rem;
    padding-left: 0.15rem;
}
.post-type-archive-technical_info .cont1 .col2 {
    width: 100%;
}
.post-type-archive-technical_info .cont1 .col2 #info1,
.post-type-archive-technical_info .cont1 .col2 #info2 {
    padding-bottom: 0.3rem;
}
.post-type-archive-technical_info .cont1 .col2 .headline3 {
    background-size: 0.18rem auto;
    font-size: 0.18rem;
    padding-left: 0.3rem;
    margin-bottom: 0.2rem;
}
.post-type-archive-technical_info .cont1 .col2 ul li {
    width: 100%;
    margin: 0 0 0.275rem;
}
.post-type-archive-technical_info .cont1 .col2 ul li a picture {
    height: 1.9rem;
}
.post-type-archive-technical_info .cont1 .col2 ul li a h3 {
    font-size: 0.15rem;
    line-height: 1.66;
    padding: 0.05rem 0 0.02rem;
}
.post-type-archive-technical_info .cont1 .col2 ul li a p {
    font-size: 0.13rem;
}
}


/*  single-technical_info
------------------------------------------------- */
/* cont1 */
.single-technical_info .cont1 {
    padding-bottom: 0.6rem;
}

@media screen and (max-width:750px){
.single-technical_info .cont1 {
    padding-bottom: 0.3rem;
}
}


/*  news
------------------------------------------------- */
/* cont1 */
.blog .cont1,
.archive.category .cont1 {
    padding: 1.18rem 0 1.2rem;
}
.blog .cont1 .inner,
.archive.category .cont1 .inner {
    width: 10.45rem;
}
.blog .cont1 .category,
.archive.category .cont1 .category {
    width: 1.7rem;
    height: 100%;
    position: sticky;
    top: 1.2rem;
}
.blog .cont1 .category p,
.archive.category .cont1 .category p {
    font-size: 0.15rem;
    font-weight: 500;
    color: #255A60;
    line-height: 1;
    margin-bottom: 0.1rem;
}
.blog .cont1 .category ul li,
.archive.category .cont1 .category ul li {
    padding-top: 0.175rem;
}
.blog .cont1 .category ul li a,
.archive.category .cont1 .category ul li a {
    display: block;
    font-weight: 500;
    color: rgba(112,112,112,0.4);
    padding-left: 0.18rem;
    position: relative;
}
.blog .cont1 .category ul li a::before,
.archive.category .cont1 .category ul li a::before {
    content: '';
    width: 0.06rem;
    height: 0.06rem;
    background-color: rgba(112,112,112,0.4);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -0.03rem;
    transition: 0.3s;
}
.blog .cont1 .category ul li.active a,
.archive.category .cont1 .category ul li.active a,
.blog .cont1 .category ul li.current-cat a,
.archive.category .cont1 .category ul li.current-cat a {
    color: #255A60;
}
.blog .cont1 .category ul li.active a::before,
.archive.category .cont1 .category ul li.active a::before,
.blog .cont1 .category ul li.current-cat a::before,
.archive.category .cont1 .category ul li.current-cat a::before {
    background-color: #255A60;
}
.blog .cont1 .col2,
.archive.category .cont1 .col2 {
    width: 8.3rem;
    margin-top: -0.28rem;
}
.blog .cont1 .col2 ul,
.archive.category .cont1 .col2 ul {
    margin-bottom: 0.44rem;
}
.blog .cont1 .col2 ul li a,
.archive.category .cont1 .col2 ul li a {
    display: block;
    padding: 0.28rem 0 0.32rem;
    border-bottom: 0.01rem solid #CECECE;
    position: relative;
}
.blog .cont1 .col2 ul li a::after,
.archive.category .cont1 .col2 ul li a::after {
    content: '';
    width: 0;
    height: 0.01rem;
    background-color: #82D9CC;
    position: absolute;
    left: 0;
    bottom: -0.01rem;
    transition: 0.3s;
}
.blog .cont1 .col2 ul li a dl dt,
.archive.category .cont1 .col2 ul li a dl dt {
    display: flex;
    align-items: center;
}
.blog .cont1 .col2 ul li a dl dt b,
.archive.category .cont1 .col2 ul li a dl dt b {
    width: 1.1rem;
    font-size: 0.18rem;
    font-weight: 500;
    line-height: 1.5;
}
.blog .cont1 .col2 ul li a dl dt span,
.archive.category .cont1 .col2 ul li a dl dt span {
    height: 0.27rem;
    border: 0.01rem solid #CECECE;
    border-radius: 0.04rem;
    font-size: 0.15rem;
    padding: 0 0.12rem;
    display: flex;
    align-items: center;
}
.blog .cont1 .col2 ul li a dl dd,
.archive.category .cont1 .col2 ul li a dl dd {
    line-height: 1.5;
    padding-right: 0.6rem;
    margin-top: 0.12rem;
    position: relative;
}
.blog .cont1 .col2 ul li a dl dd h2,
.archive.category .cont1 .col2 ul li a dl dd h2 {
    font-weight: 400;
    display: -webkit-box;             
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;  
    transition: 0.3s;
}
.blog .cont1 .col2 ul li a dl dd .arr,
.archive.category .cont1 .col2 ul li a dl dd .arr {
    background-color: #fff;
    right: 0.2rem;
}
.blog .cont1 .col2 ul li a dl dd .arr::before,
.blog .cont1 .col2 ul li a dl dd .arr::after,
.archive.category .cont1 .col2 ul li a dl dd .arr::before,
.archive.category .cont1 .col2 ul li a dl dd .arr::after {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.936%22%20height%3D%227.796%22%20viewBox%3D%220%200%2016.936%207.796%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238985%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238985%22%20d%3D%22M36.936%2C3.9c0-.018%2C0-.036%2C0-.055V3.838a.8.8%2C0%2C0%2C0-.4-.639l-.005%2C0-.045-.023%2C0%2C0A15.215%2C15.215%2C0%2C0%2C1%2C32.434.217.8.8%2C0%2C0%2C0%2C31.388.173a.829.829%2C0%2C0%2C0-.093.086A.806.806%2C0%2C0%2C0%2C31.336%2C1.4c.655.609%2C1.252%2C1.15%2C1.883%2C1.642H20.858a.858.858%2C0%2C1%2C0%2C0%2C1.716H33.219c-.631.492-1.228%2C1.034-1.883%2C1.642a.806.806%2C0%2C1%2C0%2C1.1%2C1.181%2C15.216%2C15.216%2C0%2C0%2C1%2C4.042-2.953h0l.045-.023.006%2C0a.8.8%2C0%2C0%2C0%2C.4-.639V3.954c0-.018%2C0-.036%2C0-.055h0%22%20transform%3D%22translate(-20%200)%22%20fill%3D%22%23255a60%22%2F%3E%3C%2Fsvg%3E');
}
@media (hover: hover) and (min-width:751px) {
.blog .cont1 .category ul li a:hover,
.archive.category .cont1 .category ul li a:hover {
    color: #255A60;
}
.blog .cont1 .category ul li a:hover::before,
.archive.category .cont1 .category ul li a:hover::before {
    background-color: #255A60;
}
.blog .cont1 .col2 ul li a:hover::after,
.archive.category .cont1 .col2 ul li a:hover::after {
    width: 100%;
}
.blog .cont1 .col2 ul li a:hover dl dd p,
.archive.category .cont1 .col2 ul li a:hover dl dd p {
    opacity: 0.5;
}
}
@media screen and (max-width:750px){
.blog .cont1,
.archive.category .cont1 {
    padding: 0.6rem 0 0.65rem;
}
.blog .cont1 .inner,
.archive.category .cont1 .inner {
    width: 92.26%;
}
.blog .cont1 .category,
.archive.category .cont1 .category {
    width: 87.2vw;
    margin: 0 auto;
    height: auto;
    position: static;
    padding-bottom: 0.35rem;
}
.blog .cont1 .category p,
.archive.category .cont1 .category p {
    padding-bottom: 0.1rem;
}
.blog .cont1 .category ul li,
.archive.category .cont1 .category ul li {
    padding-top: 0.1rem;
}
.blog .cont1 .category ul li a,
.archive.category .cont1 .category ul li a {
    font-size: 0.13rem;
}
.blog .cont1 .col2,
.archive.category .cont1 .col2 {
    width: 100%;
    margin: 0 auto;
}
.blog .cont1 .col2 ul,
.archive.category .cont1 .col2 ul {
    margin-bottom: 0.25rem;
}
.blog .cont1 .col2 ul li a,
.archive.category .cont1 .col2 ul li a {
    padding: 0.18rem 0 0.2rem;
}
.blog .cont1 .col2 ul li a dl dt b,
.archive.category .cont1 .col2 ul li a dl dt b {
    width: 1rem;
    font-size: 0.16rem;
    line-height: 1.5;
}
.blog .cont1 .col2 ul li a dl dt span,
.archive.category .cont1 .col2 ul li a dl dt span {
    height: 0.25rem;
    font-size: 0.13rem;
}
.blog .cont1 .col2 ul li a dl dd,
.archive.category .cont1 .col2 ul li a dl dd {
    font-size: 0.14rem;
    line-height: 1.8;
    padding-right: 0.55rem;
    margin-top: 0.12rem;
}
.blog .cont1 .col2 ul li a dl dd h2,
.archive.category .cont1 .col2 ul li a dl dd h2 {
    -webkit-line-clamp: 2;  
}
.blog .cont1 .col2 ul li a dl dd .arr,
.archive.category .cont1 .col2 ul li a dl dd .arr {
    right: 0.15rem;
}
}


/*  single-post
------------------------------------------------- */
/* cont1 */
.single-post .cont1 {
    padding: 1.2rem 0 0.3rem;
}
.single-post .cont1 .inner {
    width: 10.45rem;
}
.single-post .cont1 dl {
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
}
.single-post .cont1 dl dt {
    width: 1.3rem;
    font-size: 0.18rem;
    font-weight: 500;
}
.single-post .cont1 dl dd {
    display: flex;
    align-items: center;
}
.single-post .cont1 dl dd span {
    height: 0.27rem;
    border: 0.01rem solid #CECECE;
    border-radius: 0.04rem;
    font-size: 0.15rem;
    padding: 0 0.06rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.single-post .cont1 h1 {
    font-size: 0.26rem;
    font-weight: 500;
    line-height: 1.7;
}
@media screen and (max-width:750px){
.single-post .cont1 {
    padding: 0.65rem 0 0.2rem;
}
.single-post .cont1 .inner {
    width: 89.33%;
}
.single-post .cont1 dl {
    margin-bottom: 0.1rem;
}
.single-post .cont1 dl dt {
    width: 1.05rem;
    font-size: 0.15rem;
}
.single-post .cont1 dl dd span {
    height: 0.24rem;
    font-size: 0.12rem;
}
.single-post .cont1 h1 {
    font-size: 0.18rem;
    line-height: 1.7;
}
.single-post .freearea .inner {
    width: 89.33%;
}
}


/*  自由入力欄
------------------------------------------------- */
.freearea {
    padding-bottom: 1rem;
}
.freearea .inner {
    width: 10.45rem;
}

.freearea .con p {
    line-height: 2;
    letter-spacing: normal;
    margin-bottom: 2em;
}
.freearea .con p.note {
    font-size: 0.15rem;
    line-height: 1.65;
    padding-left: 1em;
    text-indent: -1em;
}
.freearea .con p.note::before {
    content: '※';
}
.freearea .con p strong {
    font-weight: 700;
}
.freearea .con p em {
    font-style: italic;
}
.freearea .con p a {
    color: #208EA2 !important;
	text-decoration: underline;
    word-break: break-all;
}
.freearea .con p iframe {
	display: block;
	width: 5.6rem;
	max-width: 100%;
	height: 3.15rem;
    margin: 0 auto;
}
.freearea .con h2 {
    font-size: 0.26rem;
    font-weight: 400;
    line-height: 1.25;
    background: url("../img/common/icon_ttl.png") left center no-repeat;
    background-size: 0.24rem auto;
    padding-left: 0.48rem;
    margin-bottom: 0.3rem;
}
.freearea .con h3 {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.5;
    color: #255A60;
    border-bottom: 0.01rem dotted #255A60;
    padding-bottom: 0.16rem;
    margin-bottom: 0.24rem;
    display: flex;
}
.freearea .con h3.no span {
    font-size: 0.24rem;
    font-weight: 500;
    padding-right: 0.14rem;
    line-height: 1.1;
}
.freearea .con h3.no b {
    font-size: 0.2rem;
    font-weight: 700;
    line-height: 1.5;
}
.freearea .con ul {
    padding-left: 1.25em;
    margin-bottom: 2em;
}
.freearea .con ul li {
    line-height: 1.75;
    letter-spacing: normal;
    margin-bottom: 0.75em;
    position: relative;
}
.freearea .con ul li::before {
    content: '';
    width: 0.5em;
    height: 0.5em;
    background-color: #6F8C90;
    border-radius: 50%;
    position: absolute;
    left: -1.25em;
    top: 0.65em;
}
.freearea .con ol {
    counter-reset: my-counter;
    list-style: none;
    padding-left: 2.5em;
    margin-bottom: 2em;
}
.freearea .con ol li {
    line-height: 2;
    letter-spacing: normal;
    margin-bottom: 1em;
    position: relative;
}
.freearea .con ol li::before {
    content: counter(my-counter);
    counter-increment: my-counter;
    width: 2em;
    height: 2em;
    background-color: #C0E3DE;
    border-radius: 50%;
    color: #255A60;
    font-weight: 700;
    position: absolute;
    top: 0em;
    left: -2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.freearea .con img {
    width: auto;
    height: auto;
    max-width: 100%;
}
.freearea .con .wp-caption {
    max-width: 100% !important;
    margin-bottom: 0.6rem;
}
.freearea .con .wp-caption.aligncenter {
    margin: 0 auto 0.6rem;
}
.freearea .con .wp-caption .wp-caption-text {
    font-size: 0.15rem;
    line-height: 1.5;
    padding: 1em 0 0;
}
.freearea .con img.aligncenter {
    display: block;
    margin: 0 auto;
}
.freearea .con table {
    width: 100%;
    margin-bottom: 0.6rem;
}
.freearea .con table td {
    border: 0.01rem solid #D4D4D4;
    padding: 0.125rem 0.2rem;
    text-align: left;
    font-weight: 400;
    vertical-align: top;
}

.freearea .con .photo3 {
    margin-bottom: 0.6rem;
}
.freearea .con .photo3 .ph3box {
    width: 31.3%;
}
.freearea .con .photo3 .ph3box img {
    display: block;
    border-radius: 0.08rem;
}
.freearea .con .photo2 {
    margin-bottom: 0.6rem;
}
.freearea .con .photo2 .ph2box {
    width: 47.85%;
}
.freearea .con .photo2 .ph2box img {
    display: block;
    border-radius: 0.08rem;
}
.freearea .con .btnst {
    display: inline-block;
}
.freearea .con .btnst a {
    display: flex;
    align-items: center;
    height: 0.64rem;
    background-color: #FFFFFF;
    border: 0.01rem solid #CECECE;
    border-radius: 0.08rem;
    font-size: 0.18rem;
    font-weight: 400;
    color: #4C5057 !important;
    text-decoration: none;
    padding: 0 0.75rem 0 0.25rem;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}
.freearea .con .btnst a::after {
    content: '';
    width: 0.24rem;
    height: 0.24rem;
    background-color: #255A60;
    border-radius: 50%;
    position: absolute;
    right: 0.32rem;
    top: 50%;
    margin-top: -0.12rem;
    transition: 0.4s;
    z-index: 1;
}
.freearea .con .btnst a b {
    font-weight: 400;
    position: relative;
    z-index: 2;
}
.freearea .con .btnst a span {
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    background-color: #255A60;
    border-radius: 50%;
    position: absolute;
    right: 0.32rem;
    top: 50%;
    margin-top: -0.12rem;
    overflow: hidden;
    z-index: 2;
}
.freearea .con .btnst a span::before,
.freearea .con .btnst a span::after {
    content: '';
    width: 0.12rem;
    height: 0.055rem;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.936%22%20height%3D%227.796%22%20viewBox%3D%220%200%2016.936%207.796%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238985%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238985%22%20d%3D%22M36.936%2C3.9c0-.018%2C0-.036%2C0-.055V3.838a.8.8%2C0%2C0%2C0-.4-.639l-.005%2C0-.045-.023%2C0%2C0A15.215%2C15.215%2C0%2C0%2C1%2C32.434.217.8.8%2C0%2C0%2C0%2C31.388.173a.829.829%2C0%2C0%2C0-.093.086A.806.806%2C0%2C0%2C0%2C31.336%2C1.4c.655.609%2C1.252%2C1.15%2C1.883%2C1.642H20.858a.858.858%2C0%2C1%2C0%2C0%2C1.716H33.219c-.631.492-1.228%2C1.034-1.883%2C1.642a.806.806%2C0%2C1%2C0%2C1.1%2C1.181%2C15.216%2C15.216%2C0%2C0%2C1%2C4.042-2.953h0l.045-.023.006%2C0a.8.8%2C0%2C0%2C0%2C.4-.639V3.954c0-.018%2C0-.036%2C0-.055h0%22%20transform%3D%22translate(-20%200)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E') right center no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.0275rem 0 0 -0.06rem;
    transition: left 0s;
}
.freearea .con .btnst a span::after {
    left: -250%;
}
.freearea .con .btnst.pdf a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20id%3D%22Icon_material-picture-as-pdf%22%20data-name%3D%22Icon%20material-picture-as-pdf%22%20d%3D%22M24.6%2C3H10.2A2.407%2C2.407%2C0%2C0%2C0%2C7.8%2C5.4V19.8a2.407%2C2.407%2C0%2C0%2C0%2C2.4%2C2.4H24.6A2.407%2C2.407%2C0%2C0%2C0%2C27%2C19.8V5.4A2.407%2C2.407%2C0%2C0%2C0%2C24.6%2C3ZM14.4%2C12a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8H11.4v2.4H9.6V9h3a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8Zm6%2C2.4a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8h-3V9h3a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8Zm4.8-3.6H23.4V12h1.8v1.8H23.4v2.4H21.6V9h3.6ZM11.4%2C12h1.2V10.8H11.4Zm-6-4.2H3V24.6A2.407%2C2.407%2C0%2C0%2C0%2C5.4%2C27H22.2V24.6H5.4Zm12%2C6.6h1.2V10.8H17.4Z%22%20transform%3D%22translate(-3%20-3)%22%20fill%3D%22%23255a60%22%2F%3E%3C%2Fsvg%3E') right 0.3rem center no-repeat #fff;
    background-size: 0.24rem auto;
}
.freearea .con .btnst.pdf a::after {
    display: none;
}
@media (hover: hover) and (min-width:751px) {
.freearea .con p a:hover {
    color: #208EA2 !important;
	text-decoration: none;
}
.freearea .con .btnst a:hover {
    border-color: #255A60;
    color: #fff !important;
}
.freearea .con .btnst.pdf a:hover {
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20id%3D%22Icon_material-picture-as-pdf%22%20data-name%3D%22Icon%20material-picture-as-pdf%22%20d%3D%22M24.6%2C3H10.2A2.407%2C2.407%2C0%2C0%2C0%2C7.8%2C5.4V19.8a2.407%2C2.407%2C0%2C0%2C0%2C2.4%2C2.4H24.6A2.407%2C2.407%2C0%2C0%2C0%2C27%2C19.8V5.4A2.407%2C2.407%2C0%2C0%2C0%2C24.6%2C3ZM14.4%2C12a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8H11.4v2.4H9.6V9h3a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8Zm6%2C2.4a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8h-3V9h3a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8Zm4.8-3.6H23.4V12h1.8v1.8H23.4v2.4H21.6V9h3.6ZM11.4%2C12h1.2V10.8H11.4Zm-6-4.2H3V24.6A2.407%2C2.407%2C0%2C0%2C0%2C5.4%2C27H22.2V24.6H5.4Zm12%2C6.6h1.2V10.8H17.4Z%22%20transform%3D%22translate(-3%20-3)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E');
    background-color: #255A60;
}   
.freearea .con .btnst a:hover::after {
    transform: scale(50);
}
.freearea .con .btnst a:hover span::before {
    transition: left 0.4s;
    left: 200%;
}
.freearea .con .btnst a:hover span::after {
    transition: left 0.4s;
    left: 50%;
}
}
@media screen and (max-width:750px){
.freearea {
    padding-bottom: 0.6rem;
}
.freearea .inner {
    width: 92.26%;
}

.freearea .con p {
    font-size: 0.15rem;
    margin-bottom: 2em;
}
.freearea .con p.note {
    font-size: 0.13rem;
}
.freearea .con h2 {
    font-size: 0.18rem;
    background-size: 0.18rem auto;
    padding-left: 0.3rem;
    margin-bottom: 0.3rem;
}
.freearea .con h3 {
    font-size: 0.18rem;
    padding-bottom: 0.16rem;
    margin-bottom: 0.24rem;
}
.freearea .con h3.no span {
    font-size: 0.2rem;
    font-weight: 500;
    padding-right: 0.08rem;
    line-height: 1.3;
}
.freearea .con h3.no b {
    font-size: 0.18rem;
}    
.freearea .con ul {
    padding-left: 1em;
    margin-bottom: 2em;
}
.freearea .con ul li {
    font-size: 0.14rem;
    line-height: 1.66;
    margin-bottom: 0.5em;
}
.freearea .con ol {
    padding-left: 2.5em;
    margin-bottom: 2em;
}
.freearea .con ol li {
    font-size: 0.14rem;
    line-height: 1.66;
    margin-bottom: 0.5em;
}
.freearea .con ol li::before {
    width: 1.85em;
    height: 1.85em;
    top: 0em;
    left: -2.5em;
}
.freearea .con .wp-caption {
    margin-bottom: 0.5rem;
}
.freearea .con .wp-caption.aligncenter {
    margin: 0 auto 0.5rem;
}
.freearea .con .wp-caption .wp-caption-text {
    font-size: 0.14rem;
    line-height: 1.6;
}

.freearea .con .photo3 {
    margin-bottom: 0.5rem;
}
.freearea .con .photo3 .ph3box {
    width: 100%;
    margin-bottom: 0.3rem;
}
.freearea .con .photo2 {
    margin-bottom: 0.5rem;
}
.freearea .con .photo2 .ph2box {
    width: 100%;
    margin-bottom: 0.3rem;
}
.freearea .con .text2 {
    margin-bottom: 0.5rem;
}
.freearea .con .text2 .tp2box {
    width: 100%;
    margin-bottom: 0.3rem;
}
.freearea .con .btnst {
    display: block;
    width: 100%;
}
.freearea .con .btnst a {
    height: 0.64rem;
    border: 0.01rem solid #CECECE;
    border-radius: 0.08rem;
    font-size: 0.18rem;
    padding: 0 0.75rem 0 0.2rem;
}
.freearea .con .btnst a::after {
    width: 0.24rem;
    height: 0.24rem;
    right: 0.32rem;
    top: 50%;
    margin-top: -0.12rem;
}
.freearea .con .btnst a span {
    width: 0.24rem;
    height: 0.24rem;
    right: 0.32rem;
    top: 50%;
    margin-top: -0.12rem;
}
.freearea .con .btnst a span::before,
.freearea .con .btnst a span::after {
    width: 0.12rem;
    height: 0.055rem;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216.936%22%20height%3D%227.796%22%20viewBox%3D%220%200%2016.936%207.796%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238985%22%20data-name%3D%22%E3%83%91%E3%82%B9%20238985%22%20d%3D%22M36.936%2C3.9c0-.018%2C0-.036%2C0-.055V3.838a.8.8%2C0%2C0%2C0-.4-.639l-.005%2C0-.045-.023%2C0%2C0A15.215%2C15.215%2C0%2C0%2C1%2C32.434.217.8.8%2C0%2C0%2C0%2C31.388.173a.829.829%2C0%2C0%2C0-.093.086A.806.806%2C0%2C0%2C0%2C31.336%2C1.4c.655.609%2C1.252%2C1.15%2C1.883%2C1.642H20.858a.858.858%2C0%2C1%2C0%2C0%2C1.716H33.219c-.631.492-1.228%2C1.034-1.883%2C1.642a.806.806%2C0%2C1%2C0%2C1.1%2C1.181%2C15.216%2C15.216%2C0%2C0%2C1%2C4.042-2.953h0l.045-.023.006%2C0a.8.8%2C0%2C0%2C0%2C.4-.639V3.954c0-.018%2C0-.036%2C0-.055h0%22%20transform%3D%22translate(-20%200)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E');
    margin: -0.0275rem 0 0 -0.06rem;
}
.freearea .con .btnst.pdf a {
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Cpath%20id%3D%22Icon_material-picture-as-pdf%22%20data-name%3D%22Icon%20material-picture-as-pdf%22%20d%3D%22M24.6%2C3H10.2A2.407%2C2.407%2C0%2C0%2C0%2C7.8%2C5.4V19.8a2.407%2C2.407%2C0%2C0%2C0%2C2.4%2C2.4H24.6A2.407%2C2.407%2C0%2C0%2C0%2C27%2C19.8V5.4A2.407%2C2.407%2C0%2C0%2C0%2C24.6%2C3ZM14.4%2C12a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8H11.4v2.4H9.6V9h3a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8Zm6%2C2.4a1.8%2C1.8%2C0%2C0%2C1-1.8%2C1.8h-3V9h3a1.8%2C1.8%2C0%2C0%2C1%2C1.8%2C1.8Zm4.8-3.6H23.4V12h1.8v1.8H23.4v2.4H21.6V9h3.6ZM11.4%2C12h1.2V10.8H11.4Zm-6-4.2H3V24.6A2.407%2C2.407%2C0%2C0%2C0%2C5.4%2C27H22.2V24.6H5.4Zm12%2C6.6h1.2V10.8H17.4Z%22%20transform%3D%22translate(-3%20-3)%22%20fill%3D%22%23255a60%22%2F%3E%3C%2Fsvg%3E') right 0.3rem center no-repeat #fff;
    background-size: 0.24rem auto;
}
}