@charset "utf-8";

.contents-right p.caption.added {
    margin-top: 0;
    font-size: 1.4rem;
}


/*----------------------------------------------------
    共通css
----------------------------------------------------*/

/*--.moromi #contents.contents_top .top-title h2 {
    background-image: url(https://www.enzyme-supply.com/wp/wp-content/uploads/h2_red.png);
}--*/

.moromi .icon-title {
    border: 2px solid #74b88d;}
    /*-- background: url(https://www.enzyme-supply.com/wp/wp-content/uploads/tpoin1_red.png) left top no-repeat,url(https://www.enzyme-supply.com/wp/wp-content/uploads/topic2_red.png) right bottom no-repeat #f8f4e9;--*/


.moromi .icon-point-num-title .icon-num::before {
    background-image: url(https://www.enzyme-supply.com/wp/wp-content/uploads/point_red.png);
}


.moromi .icon-recommend-num-title .icon-num, .moromi .icon-point-num-title .icon-num, .moromi .icon-check-num-title .icon-num {
    color: #ea6471;
}

/*--.moromi .icon-title {
    border: 2px solid #c92d3e;
}--*/

/*--.moromi .icon-title::after {
    border: solid 1px #c92d3e;
}--*/


/*--.moromi #mv .mv_wrap h2 {
    color: #c92d3e;
}--*/

/*--.moromi .btn-web a {
    background-color: #29a06f;
}--*/

/*--.moromi #contents.contents_top .top-title h5,.moromi .underlayer-title h4 {
    color: #c92d3e;
}--*/

/*--.moromi .l-header-area {
    border-color: #c92d3e;
}

.moromi .column2 .basic-column-box {
    border: 1px solid #c92d3e;
}

.moromi .column2 .basic-title::after {
    border-color: #c92d3e;
}

.moromi .l-footer-copy-wrapper {
    background: #c92d3e;
}--*/

.lp2 #mv:before {
    background-image: url(https://www.enzyme-supply.com/wp/wp-content/uploads/moromi_top.jpg);
}

#lp2-3 #contents.contents_top .top-title h2,#lp2-4 #contents.contents_top .top-title h2 {
    color: #fff;
    background-image: url(https://www.enzyme-supply.com/wp/wp-content/uploads/h2_yellow.png);
}

#lp2-3 .icon-title,#lp2-4 .icon-title {
    border: 2px solid #74b88d;
    background: url(https://www.enzyme-supply.com/wp/wp-content/uploads/topic2_yellow.png) left top no-repeat,url(https://www.enzyme-supply.com/wp/wp-content/uploads/topic1_yellow.png) right bottom no-repeat #f8f4e9;
}



#lp2-3 #contents.contents_top .top-title h5, #lp2-3 .underlayer-title h4,#lp2-4 #contents.contents_top .top-title h5, #lp2-4 .underlayer-title h4 {
    color: #222;
}
#lp2-3 .l-header-area,#lp2-4 .l-header-area {
    border-color: #e4ad00;
}

#lp2-3 .column2 .basic-column-box,#lp2-4 .column2 .basic-column-box {
    border: 1px solid #e4ad00;
}

#lp2-3 .column2 .basic-title::after,#lp2-4 .column2 .basic-title::after {
    border-color: #e4ad00;
}

#lp2-3 .l-footer-copy-wrapper,#lp2-4 .l-footer-copy-wrapper  {
    background: #e4ad00;
}
#lp2-3 .icon-title,#lp2-4 .icon-title {
    border: 2px solid #e4ad00;
}

#lp2-3 .icon-title::after,#lp2-4 .icon-title::after {
    border: solid 1px #e4ad00;
}
#lp2-3  #mv .mv_wrap h2,#lp2-4  #mv .mv_wrap h2 {
    color: #e4ad00;
}

#lp2-4 .btn-web a{
    background: #ff7832;
}


p.tel_text1 {
    color: #e20000;
    font-size: 1.5rem;
    text-align: center;
}
span.telnumber2 {
    color: #e20000;
    font-size: 19px;
    font-weight: bold;
    margin: 0px 10px;
}
span.telnumber1b {
    color: #e20000;
    font-size: 19px;
    font-weight: bold;
    margin: 0px 10px;
}
/*20220519*/
.lp_search {
    background: #d1ebda;
    text-align: center;
    padding: 15px;
    margin-top: 15px;
}
.lp_search img {
    margin-top: 15px;
}
.lp_search span {
    font-size: 20px;
    font-weight: bold;
}

/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/
@media screen and (min-width: 600px) {
.contents-right {
    width: auto;
    max-width: none;
}
	
.size.a img {
    width: 100%;
}
.size.b img {
    width: 60%;
}

.size.c img {
    width: 60%;
}

.size.a{
	width: max-content;
	}
	
.size.b {
    width: max-content;
    position: relative;
	left: 255px;
	bottom: 235px;
}
	
.size.c {
    width: max-content;
    position: relative;
	left: 345px;
	bottom: 495px;
}
	
.size img {
    box-shadow: 1px 1px 8px #e8e6e6;
}
	
.downlord {
    display: flex;
    width: 100%;
}
	
.exp {
    margin-top: 10px;
    padding-left: 10px;
}
	
.acount {
    display: block;
    width: auto;
    margin: 0 auto;
    background: #dad5d5;
    box-sizing: border-box;
    padding: 18px;
    font-size: larger;
}
	
p.midashi {
    color: #0c6d0c;
    text-align: center;
    font-weight: bold;
	margin-bottom: 10px;
}


h2.green {
    font-size: 40px;
    text-align: center;
    color: #0c6d0c;
    margin-bottom: 20px;
}

.acount ul li {
    font-weight: 600;
    font-size: 16px;
}

.exp {
    margin-top: 35px;
    padding-left: 10px;
}

.btn {
    background: #0c6d0c;
    width: 40%;
    margin: 0 auto;
	margin-bottom: 30px;
	border-radius: 3px;
}

.btn a {
    color: white;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 30px;
    font-weight: 700;
    padding: 2% 0%;
}
	
p.txt {
    text-align: center;
}
	
.tel {
    text-align: center;
}
	
span.number {
    font-size: 21px;
    padding-left: 10px;
    color: #0c6d0c;
}
	
	
.acount {
    height: max-content;
    margin-top: 18%;
	max-width: 30%;
}
	
.downlord {
    display: flex;
    width: 100%;
    height: auto;
    max-height: 590px;
}
	
p.int {
    font-size: 18px;
    display: block;
    width: 85%;
    margin: 0 auto;
}
	
img.header-logo {
    width: 21%;
}
	
h2.green {
    margin-top: 6%;
}
	
a.sp-a {
    display:none;
}
	
	
p.caution {
    position: relative;
    bottom: 100%;
}
	
body#lpinfarction header, body#lpinfarction .contents_top {
    width: 1100px;
	margin: 0 auto;
	margin-top: 30px;
}

body#lpkidney header, body#lpkidney .contents_top {
    width: 1100px;
	margin: 0 auto;
	margin-top: 30px;
}
	
body#lpcreatininev header, body#lpcreatininev .contents_top {
    width: 1100px;
	margin: 0 auto;
	margin-top: 30px;
}
	
body#lpother header, body#lpother .contents_top {
    width: 1100px;
	margin: 0 auto;
	margin-top: 30px;
}


span.number {
    font-size: 35px;
    font-weight: 700;
}
	
img.header-logo {
    margin-left: 60px;
}
span.telnumber1a.pc {
    display: block;
}
	
	
	
.lpps h2.green {
    font-size: 50px;
    line-height: 1.3;
}
.lpps p.int {
    font-size: 25px;
    text-align: center;
}
.lpps p.midashi {
    font-size: 25px;
}
.lpps .acount ul li {
    font-size: 22px;
}
.lpps p.txt {
    font-size: 25px;
}
.lpps p.tel_text1 {
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 5px;
}
.lpps .tel p {
    font-size: 22px;
}
.lpps .tel p span.sml {
    font-size: 20px;
}
.lpps span.number {
    font-size: 50px;
}
.lpps span.number img {
    width: 40px;
}
.lpps .l-footer-area .l-footer-area__inner .menseki {
    font-size: 20px;
    margin: 0 auto;
    padding: 1rem 2rem;
}	
.lpps footer {
    margin-bottom: -20rem;
    background: #f8f6f1;
    overflow: overlay;
}	
.lpps .acount {
    max-width: 36%;
}
.lpps .btn {
    width: 70%;
}
.lpps .btn a {
    font-size: 30px;
}
	

	
.lpps.lpps2.lpps footer {
    margin-bottom: -12rem;
}
.lpps.lpps2 .l-footer-area .l-footer-area__inner .menseki {
    font-size: 18px;
    padding: 2rem;
}
.lpps.lpps2 .btn-web a {
    font-size: 25px;
    max-width: 600px;
}
.contents-right .lpps.lpps2 p {
    font-size: 20px;
}
.lpps.lpps2 .caption {
    font-size: 16px;
}
#contents.contents_top .lpps.lpps2 .top-title h2 {font-size: 40px;}
.lpps.lpps2 span.txt_bold {
    font-size: unset;
}
.lpps.lpps2 .table-layout table tbody td {
    font-size: 20px;
}
.lpps.lpps2 span.telnumber1a.pc {
    font-size: 22px;
}
.lpps.lpps2 span.telnumber1b {
    font-size: 38px;
}
.lpps.lpps2 .underlayer-title h4 {
    font-size: 36px;
    padding: 1.5rem;
}
.lpps.lpps2 .underlayer-title h3 {
    font-size: 30px;
}
#contents.contents_top .lpps.lpps2 .top-title h3 {
    font-size: 36px;
}	
.lpps.lpps2 .l-header__sitename {
    font-size: 32px;
    padding-top: 2rem;
}
.lpps.lpps2 #mv .mv_wrap .mv_txt {
    font-size: 20px;
}
.lpps.lpps2 #mv .mv_wrap h2 {
    font-size: 25px;
    width: 65%;
    /* background: #ddd; */
    padding: 0;
}
.lpps.lpps2 {
    margin-top: -42rem;
    width: 1000px;	
}	
.lpps.lpps2 #mv {
    background: #fff;
    z-index: 1000;
}	
.lpps.lpps2 .btn-internal a {
    font-size: 25px;
    max-width: 600px;
}
.lpps.lpps2 .column2 .basic-title {
    font-size: 26px;
}	
.harea {
    width: 100%;
    background: #fff;
}
.lpps.lpps2.pc .l-header-area {
    border: none;
}	

.lpps .size.b img, 
.lpps .size.c img {
    width: 100%;
}


.lpps .size.a img {
    width: 530px;
}	
.lpps.lpps2.pc .harea {
    width: 1200px;
    margin-left: -100px;
}	
.btn-web a {
    border-radius: 3px;
}
	
.btn.dl_btn {

	width: 70%;
}
	
}



/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/
@media screen and (max-width: 599px){
/*--.moromi .btn-link a {background: none;color: #c92d3e;border-color: #c92d3e;}--*/

.moromi .icon-point-num-title .icon-num::before {
    background: url(https://www.enzyme-supply.com/wp/wp-content/uploads/point_red_sp.png) no-repeat left 20% top;
    background-size: 6rem 2rem;
    top: -16px;
    z-index: -2;
    height: 2rem;
}
	
.lp2 div#mv {
    background-image: url(https://www.enzyme-supply.com/wp/wp-content/uploads/moromi_top.jpg);
    padding: 16rem 0 0 0;
}
	
.size.a img {
    width: 47%;
	width: fit-content;
}
	
.size.b img {
    width: 33%;
	width: fit-content;
}

.size.c img {
    width: 33%;
	width: fit-content;
}
.size.a{
	width: 53%;
	}
.size.b {
    width: 27%;
    position: absolute;
	left: 25%;
    top: 20%;
}
	
.size.c {
    width: 27%; 
	position: absolute;
    left: 30%;
	bottom: -45%;
}
	
.size img {
    box-shadow: 1px 1px 8px #e8e6e6;
}
	
.downlord {
    display: flex;
    width: 98%;
}
	
.exp {
    margin-top: 10px;
    padding-left: 10px;
}
	
.acount {
    display: block;
    width: auto;
    margin: 0 auto;
    background: #dad5d5;
    box-sizing: border-box;
    padding: 8px;
    font-size: 15px;
    position: absolute;
    left: 59%;
    margin-right: 10px;
}
	
p.midashi {
    color: #0c6d0c;
    text-align: center;
    font-weight: bold;
	font-size: 14px;
}


h2.green {
    font-size: 25px;
    text-align: center;
    color: #0c6d0c;
    margin-bottom: 20px;
}

.acount ul li {
    font-weight: 600;
    font-size: 14px;
}

.exp {
    margin-top: 68px;
    padding-left: 10px;
}

.btn {
    background: #0c6d0c;
    width: 94%;
    margin: 0 auto;
	margin-bottom: 30px;
	border-radius: 3px;
}

.btn a {
    color: white;
    text-decoration: none;
    display: block;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    padding: 2% 0%;
}

p.txt {
    text-align: center;
}
	
.tel {
    text-align: center;
}
	
span.number {
    font-size: 21px;
    padding-left: 10px;
    color: #0c6d0c;
}
	
span.number img {
    width: 20px;
}
	
a.sp-a {
    color: #0c6d0c;
    text-decoration: none;
}
	
img.header-logo {
    width: 50%;
}
	
.acount.sp {
    display: block;
    width: 40%;
    margin: 0 auto;
    background: #dad5d5;
    box-sizing: border-box;
    padding: 8px;
    font-size: 15px;
    position: absolute;
    left: 57%;
    margin-right: 10px;
}

.acount ul li {
    font-weight: 500;
    font-size: 12px;
    padding-bottom: 5px;
}

p.caution {
    position: relative;
    bottom: 52%;
    font-size: 14px;
}

.btn {
    width: 76%;
}



.exp {
    margin-top: 50px;
    padding-left: 10px;
}

span.number img {
    width: 30px;
}

a.sp-a {
    font-size: 38px;
    font-weight: 700;
}

span.number img {
    width: 35px;
    position: relative;
}
	
.l-footer-area__inner .l-footer-logo {
    display: none !important;
}
br.pc-int {
    display: none;
}
	
img.header-logo {
    width: 50%;
    margin-top: 10px;
    margin-left: 10px;
}

h2.green {
    margin-top: 50px;
}

.btn {
    position: relative;
    margin-top: -170px;
}
p.tel_text2.sp {
    font-weight: bold;
    font-size: 1.5rem;
    width: 85%;
    margin: 0 auto;
    /*background: #f1f1f1;*/
	margin-bottom: 2rem;
}	
	
	
.lpps .tel p span.sml {
    font-size: 20px;
}	
.lpps footer {
    display: none;
}	
.lpps.lpps2 .harea {
    display: none;
}
.btn-web a,
.btn-tel a {
    line-height: 1.5;
    width: 85%;
    border-radius: 3px;
}
.btn.dl_btn {
    margin-top: 0;
}	

.lpps .btn.dl_btn a {
    font-size: 16px;
    position: relative;
}

.lpps .btn.dl_btn a:after {
    content: ">";
    position: absolute;
    display: block;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.btn.dl_btn {
    width: 70%;
}

.exp {
    position: relative;
    margin-bottom: 80px;
}
p.tel_text1 {
    margin-bottom: 10px;
}

.exp p.caution {
    position: unset;
}
span.number.sp {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
/*20220407 telボタンデザイン変更ここから*/
	span.number {
    font-size: 21px;
    padding-left: 10px;
    color: #ffef2e;
    background: #1b7e40;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1b7e40), to(#20b958));
    background: -webkit-linear-gradient(bottom, #1b7e40 50%, #20b958 100%);
    background: linear-gradient(0deg, #1b7e40 50%, #20b958 100%);
    -webkit-box-shadow: inset 0 1px 1px rgb(255 255 255 / 60%), 0 5px 10px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 60%), 0 5px 10px rgb(0 0 0 / 10%);
    width: 80%;
    margin: 0 auto;
    border-radius: 1rem;
    border: 1px solid #1b7e40;
}
a.sp-a {
    font-size: 6vw;
    font-weight: 700;
    line-height: 3.8rem;
    margin: 10px;
	color:#fff944;
}
span.number.sp {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}
span.number img {
    width: 10%;
    filter: saturate(0%);
    filter: brightness(1000) invert(0);
}
span.teltex {
    color: #fff;
    font-size: 5vw;
}
/*20220407 telボタンデザイン変更ここまで*/
}