@charset "UTF-8";
/* CSS Document */

/*
フォントサイズ
https://min-max-calculator.9elements.com/
*/

.color01 {
	color: #828e42;
}

.color02 {
	color: #609b99;
}

.color03 {
	color: #bb8cb1;
}

.color04 {
	color: #dc6a66;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 744px){
	
	body {
		padding-top: 60px;
	}
	
	section {
		width: 90%;
		max-width: 1282px;
		margin: 0 auto;
		padding-left: 6.6%;
	}
	
	section#main_block {
		margin-bottom: 60px;
	}
	
	section#main_block div.section_inner{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		flex-direction: row-reverse;
		position: relative;
		z-index: 0;
	}
	
	section#main_block div.section_inner div.photo{
		width: 70%;
		margin-right: -6.54%;
		line-height: 0;
		position: relative;
		z-index: 0;
	}
	
	section#main_block div.section_inner div.text{
		width: 30.2%;
		padding-top: 20px;
		position: relative;
		z-index: 3;
	}
	
	#product02 section#main_block div.section_inner div.text h4 + p{
		width: 80%;
	}
	
	
	#product04 section#main_block div.section_inner div.text{
		width: 31%;
	}
	
	section#main_block div.section_inner div.text h2.info{
		width: 60px;
		line-height: 0;
		margin-bottom: 3.5vw;
	}
	
	section#main_block div.section_inner div.text h3.info{
		width: 141%;
		line-height: 0;
		margin-bottom: 0.5vw;
	}
	
	section#main_block div.section_inner div.text h3.info + p{
		line-height: 0;
		letter-spacing: 0.16rem;
		margin-bottom: 2vw;
	}
	
	section#main_block div.section_inner div.text h3.info + p strong{
		font-size: 11px;
		font-size: clamp(0.688rem, 0.005rem + 0.91vw, 0.801rem);
		font-weight: 600;
		line-height: 1.8;
	}
	
	section#main_block div.section_inner div.text h4.info{
		font-size: 13px;
		font-size: clamp(0.813rem, 0.006rem + 1.08vw, 0.947rem);
		font-weight: 600;
		line-height: 2;
		letter-spacing: 0.1rem;
		margin-bottom: 1.2vw;
	}
	
	section#main_block div.section_inner div.text p{
		font-size: 9.5px;
		font-size: clamp(0.594rem, 0.005rem + 0.79vw, 0.692rem);
		line-height: 2.3;
		letter-spacing: 0.08em;
	}
	
	
	#product04 section#main_block div.section_inner div.text p{
		letter-spacing: -0.02em;
	}
	
	section + section {
		margin-top: 60px;
	}
	
	section div.section_inner{
		position: relative;
	}
	
	section div.section_inner h2:not(.info){
		width: 72px;
		line-height: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	section#howtouse div.section_inner h2{
		width: 92px;
	}
	
	section#relateditems div.section_inner h2{
		width: 104px;
	}
	
	section div.section_inner div.block{
		width: 50%;
		margin: 0 auto;
	}
	
	section div.section_inner div.block p.center{
		text-align: center;
	}
	
	section div.section_inner div.block ul.three_block,
	section div.section_inner div.block ul.four_block{
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section div.section_inner div.block ul.four_block{
		margin-top: 30px;
	}
	
	section div.section_inner div.block ul.three_block li{
		width: 29%;
		font-size: 8.5px;
		font-size: clamp(0.531rem, 0.002rem + 0.71vw, 0.619rem);
		line-height: 2.1;
		letter-spacing: 0;
	}
	
	section div.section_inner div.block ul.four_block li {
		width: 20%;
	}
	
	section div.section_inner div.block dl.free {
		width: 150%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-left: -25%;
		margin-top: 70px;
	}
	
	section div.section_inner div.block dl.free dt{
		width: 22%;
	}
	
	section div.section_inner div.block dl.free dt h5{
		line-height: 0;
		margin-bottom: 18px;
	}
	
	section div.section_inner div.block dl.free dt p{
		font-size: 9.5px;
		font-size: clamp(0.594rem, 0.005rem + 0.79vw, 0.692rem);
		line-height: 2.3;
	}
	
	section div.section_inner div.block dl.free dt p small{
		font-size: 84.2%;
	}
	
	section div.section_inner div.block dl.free dd{
		width: 71.2%;
	}
	
	section#relateditems div.section_inner div.block ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
	}
	
	section#relateditems div.section_inner div.block ul.one{
		justify-content: center;
	}
	
	section#relateditems div.section_inner div.block ul li{
		width: 44%;
	}
	
	section#relateditems div.section_inner div.block ul li:nth-child(n + 3){
		margin-top: 60px;
	}
	
	section#relateditems div.section_inner div.block ul li figure{
		line-height: 0;
	}
	
	section#relateditems div.section_inner div.block ul li figure figcaption{
		display: block;
		margin-top: 17px;
		font-size: 9px;
		font-size: clamp(0.563rem, 0.023rem + 0.72vw, 0.652rem);
		font-weight: 600;
		line-height: 1.7;
		letter-spacing: 0.1em;
	}
	
	section#relateditems div.section_inner div.block ul li div.box{
		min-height: 22px;
		position: relative;
		margin-top: 6px;
	}
	
	section#relateditems div.section_inner div.block ul li div.box p{
		font-size: 8px;
		font-size: clamp(0.5rem, 0.005rem + 0.66vw, 0.583rem);
		line-height: 1;
	}
	
	section#relateditems div.section_inner div.block ul li div.box a{
        width: 65px;
        height: 20px;
        border: 1px solid #999;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        line-height: 0;
        contain: paint;
        position: absolute;
		top: -2px;
		right: 0;
        z-index: 0;
	}
	
	section#relateditems div.section_inner div.block ul li div.box a span {
        width: 70%;
        display: inline-block;
        transition: all .5s;
    }
	
	section#relateditems div.section_inner div.block ul li div.box a:hover span{
		transform: scale(1.15, 1.15);
	}
	
	
	
	
	
	section#feature div.section_inner div.block h3{
		width: 54.8%;
		min-width: 274px;
		margin: 0 auto 15px;
	}
	
	section#feature div.section_inner div.block h3:nth-child(n + 2){
		margin-top: 40px;
	}
	
	section#feature div.section_inner div.block p{
		font-size: 9.5px;
		font-size: clamp(0.594rem, 0.005rem + 0.79vw, 0.692rem);
		line-height: 2.3;
	}
	
	section#feature div.section_inner div.block div.photo01{
		width: 45.6%;
		min-width: 228px;
		margin: 20px auto 0;
	}
	
	section div.section_inner div.block ul.three_block li h5{
		width: 78%;
		line-height: 0;
		margin: 0 auto 12px;
	}
	
	#product01 section div.section_inner div.block ul.three_block li figure {
		line-height: 0;
		margin-top: 8px;
	}
	
	section div.section_inner div.block ul.four_block li figure{
		line-height: 0;
	}
	
	section#feature div.section_inner div.block ul.three_block li figure figcaption,
	section div.section_inner div.block ul.four_block li figure figcaption{
		font-size: 10px;
		font-size: clamp(0.625rem, 0.025rem + 0.8vw, 0.725rem);
		font-weight: 600;
		line-height: 1;
		margin-top: 12px;
		text-align: center;
	}
	
	section#feature div.section_inner div.block ul.three_block li figure + p {
		font-size: 9.5px;
		font-size: clamp(0.594rem, 0.005rem + 0.79vw, 0.692rem);
		line-height: 1.7!important;
		margin-top: 7px;
		text-align: center;
	}
	
	section div.section_inner div.block ul.four_block li figure + p{
		font-size: 8.5px;
		font-size: clamp(0.531rem, -0.031rem + 0.75vw, 0.625rem);
		line-height: 1.7!important;
		margin-top: 7px;
		text-align: center;
	}
	
	section#lineup div.section_inner div.block h3{
		font-size: 15px;
		font-size: clamp(0.938rem, 1.25vw, 1.094rem);
		font-weight: 600;
		letter-spacing: 0.16em;
		margin-bottom: 32px;
		text-align: center;
		margin-top: 10px;
	}
	
	section#lineup div.section_inner div.block h3 span{
		display: inline-block;
		line-height: 1;
		padding-bottom: 4px;
		border-bottom: 1px solid;
	}
	
	#product01 section#lineup div.section_inner div.block h3 span{
		border-color: #828e42;
	}
	
	section#feature div.section_inner div.block h4,
	section#lineup div.section_inner div.block h4{
		font-size: 12px;
		font-size: clamp(0.75rem, 1vw, 0.875rem);
		font-weight: 600;
		letter-spacing: 0.16em;
		line-height: 1.6;
		margin-bottom: 7px;
		text-align: center;
		margin-top: 20px;
	}
	
	section#lineup div.section_inner div.block p{
		font-size: 9.5px;
		font-size: clamp(0.594rem, 0.005rem + 0.79vw, 0.692rem);
		line-height: 2.3;
		letter-spacing: 0.04em;
	}
	
	#product01 section#lineup div.section_inner div.block ul.four_block + div {
		margin-top: 60px;
	}
	
	#product01 section#howtouse div.section_inner div.block h3 {
		font-size: 12px;
		font-size: clamp(0.75rem, 1vw, 0.875rem);
		font-weight: 600;
		text-align: center;
		line-height: 1;
		letter-spacing: 0.14em;
	}
	
	#product01 section#howtouse div.section_inner div.block p + h3 {
		margin-top: 34px;
	}
	
	#product01 section#howtouse div.section_inner div.block h3 span{
		display: inline-block;
		padding: 5px 0;
		border: 1px solid #828e42;
		border-width: 1px 0;
		margin-bottom: 9px;
	}
	
	#product01 section#howtouse div.section_inner div.block h3 + p{
		font-size: 9.5px;
		font-size: clamp(0.594rem, 0.005rem + 0.79vw, 0.692rem);
		line-height: 2.3;
		text-align: center;
	}
	
	#product02 #feature div.section_inner div.block div.one_block figure figcaption,
	#product02 #feature div.section_inner div.block ul.three_block figcaption{
		display: block;
		font-size: 11px;
		font-size: clamp(0.688rem, 0.005rem + 0.91vw, 0.801rem);
		font-weight: 600;
		text-align: center;
		margin-bottom: 5px;
	}
	
	#product02 #feature div.section_inner div.block ul.three_block figure + p{
		text-align: left;
		line-height: 2.1!important;
	}
	
	#product02 #feature div.section_inner div.block div.one_block figure{
		width: 28%;
		margin: 0 auto;
	}
	
	#product02 #feature div.section_inner div.block div.one_block figure + p {
		text-align: center;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block {
		width: 125%;
		margin-left: -12.5%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block li{
		width: 20%;
		text-align: center;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block li figure img{
		width: 83.3%;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block li figure figcaption{
		display: block;
		font-size: 11px;
		font-size: clamp(0.688rem, 0.005rem + 0.91vw, 0.801rem);
		font-weight: 600;
		text-align: center;
		margin-bottom: 5px;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block li figure + p{
		text-align: center;
		line-height: 1.7;
	}
	
	#product02 #feature div.section_inner div.block dl.free {
		width: 136%;
		margin-left: -18%;
	}
	
	#product02 section#howtouse div.section_inner div.block {
		width: 52.8%;
	}
	
	#product02 section#howtouse div.section_inner div.block ul{
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li{
		width: 19%;
		position: relative;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li::after{
		content: "";
		width: 23%;
		height: 100%;
		background: url("../images/products/product02/howto_arrow_pc.svg") no-repeat;
		background-size: contain;
		background-position: 0 25%;
		display: inline-block;
		position: absolute;
		top: 0;
		right: -30%;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li:last-of-type::after{
		display: none;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li div{
		width: 76%;
		line-height: 0;
		margin: 0 auto 5px;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li p{
		font-size: 9.5px;
		font-size: clamp(0.594rem, 0.005rem + 0.79vw, 0.692rem);
		line-height: 2.3;
	}
	
	#product02 section#howtouse div.section_inner div.block dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 25px;
	}
	
	#product02 section#howtouse div.section_inner div.block dl dt{
		width: 26px;
		padding: 2px;
		font-size: 7px;
		font-size: clamp(0.438rem, 0.383rem + 0.27vw, 0.51rem);
		color: #FFF;
		line-height: 1;
		background: #609b99;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	
	#product02 section#howtouse div.section_inner div.block dl dd{
		width: calc(100% - 30px);
		font-size: 8.5px;
		font-size: clamp(0.531rem, -0.031rem + 0.75vw, 0.625rem);
	}
	
	#product03 section#main_block div.text h5{
		font-size: 11px;
		font-size: clamp(0.688rem, 0.012rem + 0.9vw, 0.8rem);
		font-weight: 600;
		letter-spacing: 0.1em;
		line-height: 1;
		color: #915e8d;
		margin-top: 15px;
	}
	
	#product03 section#main_block div.text h5 + p{
		font-size: 8.5px;
		font-size: clamp(0.531rem, -0.031rem + 0.75vw, 0.625rem);
		line-height: 2.1;
		color: #915e8d;
		margin-top: 7px;
	}
	
	#product03 section#main_block div.img_block{
		width: 100%;
		margin: 60px auto 0;
		padding-right: 6.6%;
	}
	
	#product03 section#main_block div.img_block h6{
		text-align: center;
		font-size: 14px;
		font-size: clamp(0.875rem, 0.012rem + 1.15vw, 1.019rem);
		font-weight: 600;
		color: #915e8d;
	}
	
	#product03 section#main_block div.img_block h6{
		text-align: center;
		font-size: 14px;
		font-size: clamp(0.875rem, 0.012rem + 1.15vw, 1.019rem);
		font-weight: 600;
		color: #915e8d;
		margin-bottom: 10px;
	}
	
	#product03 section#main_block div.img_block dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		border: 1px solid #915e8d;
		padding: 12px;
		line-height: 1.4;
		margin-top: 20px;
	}
	
	#product03 section#main_block div.img_block dl dt{
		width: 18%;
		font-size: 12px;
		font-size: clamp(0.75rem, 1vw, 0.875rem);
		font-weight: 600;
		color: #915e8d;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	
	#product03 section#main_block div.img_block dl dd{
		width: 80%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	
	#product03 section#main_block div.img_block dl dd span{
		margin-right: 0.1em;
		font-size: 10px;
		font-size: clamp(0.625rem, 0.025rem + 0.8vw, 0.725rem);
	}
	
	#product03 section#main_block div.img_block dl dd span::before{
		content: "●";
		color: #915e8d;
	}
	
	#product03 #feature div.section_inner div.block h6.copy{
		width: 83.4%;
		margin: 0 auto;
	}
	
	#product03 #feature div.section_inner div.block h6.point{
		margin: 15px auto;
	}
	
	#product03 #howtouse div.section_inner div.block ul{
		list-style: none;
		font-size: 9.5px;
		font-size: clamp(0.594rem, 0.005rem + 0.79vw, 0.692rem);
		line-height: 1.8;
		padding-bottom: 60px;
	}
	
	#product03 #howtouse div.section_inner div.block ul li{
		text-indent: -1em;
		padding-left: 1em;
		position: relative;
	}
	
	#product03 #howtouse div.section_inner div.block ul li + li{
		margin-top: 3px;
	}
	
	#product03 #howtouse div.section_inner div.block ul li div.photo{
		width: 55.6%;
		margin: 0;
		position: absolute;
		top: 0;
		right: -20%;
	}
	
	#product04 #feature div.section_inner div.block div.whats {
		width: 100%;
		background: #FFF;
		border: 1px solid #dc6a66;
		border-width: 1px 0;
		padding: 16px 5% 20px;
		position: relative;
		margin-top: 70px;
	}
	
	#product04 #feature div.section_inner div.block div.whats::before {
		content: "";
		width: 100%;
		height: 1px;
		display: inline-block;
		background: #dc6a66;
		position: absolute;
		top: 3px;
		left: 0;
	}
	
	#product04 #feature div.section_inner div.block div.whats::after {
		content: "";
		width: 100%;
		height: 1px;
		display: inline-block;
		background: #dc6a66;
		position: absolute;
		bottom: 3px;
		left: 0;
	}
	
	#product04 #feature div.section_inner div.block div.whats h6 {
		font-size: 12px;
		font-size: clamp(0.75rem, 0.614rem + 0.29vw, 0.87rem);
		font-weight: 600;
		line-height: 1.8;
		text-align: center;
		color: #dc6a66;
		margin-bottom: 10px;
	}
	
	#product04 #feature div.section_inner div.block div.whats div.photo {
		width: 40%;
		margin: 10px auto 0;
		line-height: 0;
	}
	
	#product04 #feature div.section_inner div.block div.whats p {
		font-size: 8.5px;
		font-size: clamp(0.531rem, 0.435rem + 0.21vw, 0.616rem);
		line-height: 2.1;
		text-align: center;
	}
	
	#product04 section#howtouse div.section_inner p {
		font-size: 9.5px;
		font-size: clamp(0.594rem, 0.005rem + 0.79vw, 0.692rem);
		line-height: 2.3;
	}


	
	
	
}


@media screen and (max-width: 1079px){
	section#relateditems div.section_inner div.block ul li div.box a{
        margin-top: 12px;
        position: relative;
		top: initial;
		right: initial;
	}
}

@media screen and (max-width: 979px){
	#product03 #howtouse div.section_inner div.block ul li div.photo{
		right: -33%;
	}
}

@media screen and (max-width: 830px){
	#product03 #howtouse div.section_inner div.block ul li div.photo{
		right: -40%;
	}
}



/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 743px){
	
	body {
		padding-top: 15vw;
	}
	
	footer {
		margin-top: 10vw;
	}
	
	section {
		width: 90%;
		margin: 0 auto;
	}
	
	section#main_block div.section_inner{
		position: relative;
		z-index: 0;
	}
	
	section#main_block div.section_inner div.photo{
		width: 100vw;
		margin-left: -5vw;
		line-height: 0;
		position: relative;
		z-index: 0;
		margin-bottom: 7vw;
	}
	
	section#main_block div.section_inner div.text{
		position: relative;
		z-index: 3;
	}
	
	section#main_block div.section_inner div.text h2.info{
		width: 12.5vw;
		line-height: 0;
		margin-bottom: 5vw;
	}
	
	section#main_block div.section_inner div.text h3.info{
		width: 97.2%;
		line-height: 0;
		margin-bottom: 2vw;
	}
	
	section#main_block div.section_inner div.text h3.info + p{
		line-height: 0;
		letter-spacing: 0.16rem;
		margin-bottom: 6vw;
	}
	
	section#main_block div.section_inner div.text h3.info + p strong{
		font-size: 9.6px;
		font-size: clamp(0.6rem, 3vw, 1.393rem);
		font-weight: 600;
		line-height: 1.8;
	}
	
	section#main_block div.section_inner div.text h4.info{
		font-size: 12.8px;
		font-size: clamp(0.8rem, 4vw, 1.857rem);
		font-weight: 600;
		line-height: 2;
		letter-spacing: 0.1rem;
		margin-bottom: 4vw;
	}
	
	section#main_block div.section_inner div.text p{
		font-size: 9.6px;
		font-size: clamp(0.6rem, 3vw, 1.393rem);
		line-height: 2.3;
		letter-spacing: 0.08em;
	}
	
	section + section {
		margin-top: 14vw;
	}
	
	section div.section_inner{
		position: relative;
	}
	
	section div.section_inner h2:not(.info){
		width: 17.5vw;
		line-height: 0;
		margin-bottom: 4vw;
	}
	
	section#howtouse div.section_inner h2{
		width: 23vw;
	}
	
	section#relateditems div.section_inner h2{
		width: 26vw;
	}
	
	section div.section_inner div.block{
		width: 84%;
		margin: 0 auto;
	}
	
	section div.section_inner div.block p.center{
		text-align: center;
	}
	
	section div.section_inner div.block ul.three_block{
		list-style: none;
	}
	
	section div.section_inner div.block ul.four_block{
		width: 92%;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
	}
	
	section div.section_inner div.block ul.four_block{
		margin-top: 4vw
	}
	
	section div.section_inner div.block ul.three_block li{
		width: 100%;
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 2.1;
		letter-spacing: 0;
	}
	
	section div.section_inner div.block ul.three_block li + li{
		margin-top: 6vw;
	}
	
	section div.section_inner div.block ul.four_block li {
		width: 48%;
	}
	
	section div.section_inner div.block ul.four_block li:nth-child(n + 3) {
		margin-top: 4vw;
	}
	
	section div.section_inner div.block dl.free {
		width: 100%;
		margin-top: 10vw;
	}
	
	section div.section_inner div.block dl.free dt{
		width: 100%;
	}
	
	section div.section_inner div.block dl.free dt h5{
		line-height: 0;
		margin-bottom: 2.5vw;
	}
	
	section div.section_inner div.block dl.free dt p{
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 2.3;
		letter-spacing: -0.025em!important;
	}
	
	section div.section_inner div.block dl.free dt p small{
		font-size: 84.2%;
	}
	
	section div.section_inner div.block dl.free dd{
		width: 100%;
		margin-top: 4vw;
	}
	
	section#relateditems div.section_inner div.block ul{
		width: 80%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		list-style: none;
	}
	
	section#relateditems div.section_inner div.block ul li + li{
		margin-top: 8vw;
	}
	
	section#relateditems div.section_inner div.block ul li figure{
		line-height: 0;
	}
	
	section#relateditems div.section_inner div.block ul li figure figcaption{
		display: block;
		margin-top: 3vw;
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		font-weight: 600;
		line-height: 1.7;
		letter-spacing: 0.1em;
	}
	
	section#relateditems div.section_inner div.block ul li div.box{
		min-height: 22px;
		position: relative;
		margin-top: 2vw;
	}
	
	section#relateditems div.section_inner div.block ul li div.box p{
		font-size: 4.5px;
		font-size: clamp(0.45rem, 0.001rem + 2.25vw, 1.044rem);
		line-height: 1;
	}
	
	section#relateditems div.section_inner div.block ul li div.box a{
        width: 15.5vw;
        height: 5vw;
		padding-top: 0.5vw;
        border: 1px solid #999;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        line-height: 0;
        contain: paint;
        position: absolute;
		top: -3vw;
		right: 0;
        z-index: 0;
	}
	
	section#relateditems div.section_inner div.block ul li div.box a span {
        width: 70%;
        display: inline-block;
    }
	
	
	
	
	
	section#feature div.section_inner div.block h3{
		width: 63vw;
		line-height: 0;
		margin: 0 auto 5vw;
	}
	
	section#feature div.section_inner div.block h3:nth-child(n + 2){
		margin-top: 6vw;
	}
	
	section#feature div.section_inner div.block p{
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 2.3;
	}
	
	section#feature div.section_inner div.block div.photo01{
		width: 66.6%;
		min-width: 187px;
		margin: 20px auto 0;
	}
	
	section div.section_inner div.block ul.three_block li h5{
		width: 33.3%;
		line-height: 0;
		margin: 0 auto 2.5vw
	}
	
	#product01 section div.section_inner div.block ul.three_block li figure {
		width: 55.2%;
		line-height: 0;
		margin: 2vw auto 0;
	}
	
	#product01 section div.section_inner div.block ul.three_block li:first-of-type p{
		text-align: center;
	}
	
	section div.section_inner div.block ul.four_block li figure{
		width: 67%;
		margin: 0 auto;
		line-height: 0;
	}
	
	section#feature div.section_inner div.block ul.three_block li figure figcaption,
	section div.section_inner div.block ul.four_block li figure figcaption{
		font-size: 8.3px;
		font-size: clamp(0.519rem, -0.001rem + 2.6vw, 1.206rem);
		font-weight: 600;
		line-height: 1;
		margin-top: 1.5vw;
		text-align: center;
	}
	
	section div.section_inner div.block ul.four_block li figure + p{
		font-size: 8.5px;
		font-size: clamp(0.531rem, -0.031rem + 0.75vw, 0.625rem);
		line-height: 1.7!important;
		margin-top: 7px;
		text-align: center;
	}
	
	section#lineup div.section_inner div.block h3{
		font-size: 11.2px;
		font-size: clamp(0.7rem, 3.5vw, 1.625rem);
		font-weight: 600;
		letter-spacing: 0.16em;
		margin-bottom: 5vw;
		text-align: center;
		margin-top: 2vw;
	}
	
	section#lineup div.section_inner div.block h3 span{
		display: inline-block;
		line-height: 1;
		padding-bottom: 4px;
		border-bottom: 1px solid;
	}
	
	#product01 section#lineup div.section_inner div.block h3 span{
		border-color: #828e42;
	}
	
	section#feature div.section_inner div.block h4,
	section#lineup div.section_inner div.block h4{
		font-size: 11.2px;
		font-size: clamp(0.7rem, 3.5vw, 1.625rem);
		font-weight: 600;
		letter-spacing: 0.16em;
		line-height: 1.6;
		margin-bottom: 1.5vw;
		text-align: center;
		margin-top: 5vw;
	}
	
	section#lineup div.section_inner div.block p{
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 2.3;
		letter-spacing: 0.04em;
	}
	
	#relateditems {
		padding-bottom: 0.5vw;
	}
	
	#product01 section#lineup div.section_inner div.block ul.four_block + div {
		margin-top: 60px;
	}
	
	#product01 section#howtouse div.section_inner div.block h3 {
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		font-weight: 600;
		text-align: center;
		line-height: 1;
		letter-spacing: 0.14em;
	}
	
	#product01 section#howtouse div.section_inner div.block p + h3 {
		margin-top: 4vw;
	}
	
	#product01 section#howtouse div.section_inner div.block h3 span{
		display: inline-block;
		padding: 5px 0;
		border: 1px solid #828e42;
		border-width: 1px 0;
		margin-bottom: 9px;
	}
	
	#product01 section#howtouse div.section_inner div.block h3 + p{
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 2.3;
		text-align: center;
	}
	
	#product02 #feature div.section_inner div.block div.one_block figure figcaption,
	#product02 #feature div.section_inner div.block ul.three_block figcaption{
		display: block;
		font-size: 9.6px;
		font-size: clamp(0.6rem, -0.029rem + 3.14vw, 1.431rem);
		font-weight: 600;
		text-align: center;
		margin-bottom: 5px;
	}
	
	#product02 #feature div.section_inner div.block ul.three_block figure{
		text-align: center;
	}
	
	#product02 #feature div.section_inner div.block ul.three_block figure img{
		width: 55.5%;
	}
	
	#product02 #feature div.section_inner div.block ul.three_block figure + p{
		width: 83.33%;
		margin: 0 auto;
		text-align: left;
		line-height: 2.1!important;
	}
	
	#product02 #feature div.section_inner div.block div.one_block{
		width: 83.3%;
		margin: 0 auto;
	}
	
	#product02 #feature div.section_inner div.block div.one_block figure{
		width: 50%;
		margin: 0 auto;
	}
	
	#product02 #feature div.section_inner div.block div.one_block figure + p {
		text-align: center;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block {
		width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		list-style: none;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block li{
		width: 50%;
		text-align: center;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block li:nth-child(n + 3){
		margin-top: 5vw;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block li figure img{
		width: 58.6%;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block li figure figcaption{
		display: block;
		font-size: 9.6px;
		font-size: clamp(0.6rem, -0.029rem + 3.14vw, 1.431rem);
		font-weight: 600;
		text-align: center;
		margin-bottom: 5px;
	}
	
	#product02 #feature div.section_inner div.block ul.five_block li figure + p{
		text-align: center;
		line-height: 1.7;
	}
	
	#product02 #feature div.section_inner div.block dl.free {
		width: 100%;
		margin: 10vw auto 0;
	}
	
	#product02 section#howtouse div.section_inner div.block {
		width: 83.3%;
		margin: 0 auto;
	}
	
	#product02 section#howtouse div.section_inner div.block ul{
		list-style: none;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li{
		width: 100%;
		position: relative;
		margin-bottom: 9vw;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li::after{
		content: "";
		width: 100%;
		height: 6vw;
		background: url("../images/products/product02/howto_arrow_sp.svg") no-repeat;
		background-size: contain;
		background-position: center;
		display: inline-block;
		position: absolute;
		bottom: -6vw;
		left: 0;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li:last-of-type{
		margin-bottom: 0;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li:last-of-type::after{
		display: none;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li div{
		width: 30%;
		line-height: 0;
		margin: 0 auto 5px;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li:nth-child(3) div img{
		margin-left: 2vw;
	}
	
	#product02 section#howtouse div.section_inner div.block ul li p{
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 2.3;
	}
	
	#product02 section#howtouse div.section_inner div.block dl{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 6vw;
	}
	
	#product02 section#howtouse div.section_inner div.block dl dt{
		width: 10%;
		padding: 2px;
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		color: #FFF;
		line-height: 1;
		background: #609b99;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		margin-top: 0.5vw;
	}
	
	#product02 section#howtouse div.section_inner div.block dl dd{
		width: calc(100% - 13%);
		font-size: 7.2px;
		font-size: clamp(0.45rem, 0.001rem + 2.25vw, 1.044rem);
	}
	
	#product03 section#main_block div.text h5{
		font-size: 9.6px;
		font-size: clamp(0.6rem, -0.029rem + 3.14vw, 1.431rem);
		font-weight: 600;
		letter-spacing: 0.1em;
		line-height: 1;
		color: #915e8d;
		margin-top: 4vw;
	}
	
	#product03 section#main_block div.text h5 + p{
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 2.1;
		color: #915e8d;
		margin-top: 2vw;
	}
	
	#product03 section#main_block div.img_block{
		width: 100%;
		margin: 10vw auto 0;
	}
	
	#product03 section#main_block div.img_block h6{
		text-align: center;
		font-size: 7px;
		font-size: clamp(0.7rem, 3.5vw, 1.625rem);
		font-weight: 600;
		line-height: 2;
		color: #915e8d;
		margin-bottom: 4vw;
	}
	
	#product03 section#main_block div.img_block dl{
		border: 1px solid #915e8d;
		padding: 2vw;
		line-height: 1.4;
		margin-top: 2vw;
	}
	
	#product03 section#main_block div.img_block dl dt{
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		font-weight: 600;
		color: #915e8d;
		margin-bottom: 1vw;
	}
	
	#product03 section#main_block div.img_block dl dd{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	
	#product03 section#main_block div.img_block dl dd span{
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 2;
	}
	
	#product03 section#main_block div.img_block dl dd span::before{
		content: "●";
		color: #915e8d;
	}
	
	#product03 #feature div.section_inner div.block h6.copy{
		width: 113.3%;
		margin-left: -6.65%;
	}
	
	#product03 #feature div.section_inner div.block h6.point{
		margin: 3vw auto 0;
	}
	
	#product03 #howtouse div.section_inner div.block ul{
		list-style: none;
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 1.8;
		padding-bottom: 40vw;
		position: relative;
	}
	
	#product03 #howtouse div.section_inner div.block ul li{
		text-indent: -1em;
		padding-left: 1em;
	}
	
	#product03 #howtouse div.section_inner div.block ul li + li{
		margin-top: 3px;
	}
	
	#product03 #howtouse div.section_inner div.block ul li div.photo{
		width: 100%;
		margin: 0;
		position: absolute;
		bottom: -52vw;
		left: 1em;
		right: initial;
	}
	
	#product04 section#feature div.section_inner div.block ul.three_block {
		width: 92%;
		margin: 0 auto;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	#product04 section#feature div.section_inner div.block ul.three_block li {
		width: 48.5%;
	}
	
	#product04 section#feature div.section_inner div.block ul.three_block li figure{
		width: 67%;
		margin: 0 auto;
        line-height: 0;
	}
	
	#product04 section#feature div.section_inner div.block ul.three_block li figure figcaption {
        font-size: 8.3px;
        font-size: clamp(0.519rem, -0.001rem + 2.6vw, 1.206rem);
        font-weight: 600;
        line-height: 1;
		letter-spacing: -0.05em;
        margin-top: 1.5vw;
        text-align: center;
    }
	
	#product04 section#feature div.section_inner div.block ul.three_block li p {
        font-size: 8px;
        font-size: clamp(0.5rem, 2.5vw, 1.161rem);
        line-height: 1.7;
        letter-spacing: -0.1em;
		margin-top: 7px;
    }
	
	#product04 section#feature div.section_inner div.block ul.three_block li + li {
		margin-top: 0;
	}
	
	#product04 section#feature div.section_inner div.block ul.three_block li:nth-child(n + 3) {
		margin-top: 3.5vw;
	}
	
	#product04 section#feature div.section_inner div.block ul.three_block li:nth-child(2n) {
		margin-left: 3%;
	}
	
	#product04 #feature div.section_inner div.block div.whats {
		width: 100%;
		background: #FFF;
		border: 1px solid #dc6a66;
		border-width: 1px 0;
		padding: 5vw 7% 5vw;
		position: relative;
		margin-top: 70px;
	}
	
	#product04 #feature div.section_inner div.block div.whats::before {
		content: "";
		width: 100%;
		height: 1px;
		display: inline-block;
		background: #dc6a66;
		position: absolute;
		top: 3px;
		left: 0;
	}
	
	#product04 #feature div.section_inner div.block div.whats::after {
		content: "";
		width: 100%;
		height: 1px;
		display: inline-block;
		background: #dc6a66;
		position: absolute;
		bottom: 3px;
		left: 0;
	}
	
	#product04 #feature div.section_inner div.block div.whats h6 {
		font-size: 9.6px;
		font-size: clamp(0.6rem, 3vw, 1.393rem);
		font-weight: 600;
		line-height: 1.8;
		text-align: center;
		color: #dc6a66;
		margin-bottom: 10px;
	}
	
	#product04 #feature div.section_inner div.block div.whats div.photo {
		width: 50%;
		margin: 3vw auto 0;
		line-height: 0;
	}
	
	#product04 #feature div.section_inner div.block div.whats p {
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 2.1;
		text-align: center;
	}
	
	#product04 section#howtouse div.section_inner p {
		font-size: 8px;
		font-size: clamp(0.5rem, 2.5vw, 1.161rem);
		line-height: 2.3;
	}

}