html,body{
  font-family:Helvetica, 'Noto Sans JP', 'Hiragino Sans' , 'ヒラギノ角ゴ ProN', Hiragino Kaku Gothic ProN, 'メイリオ', Meiryo, '游ゴシック Medium', YuGothic, YuGothicM, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #111111;
  line-height: 1.7;
}
a{
  color: #111111;
  transition: opacity 0.4s, color 0.4s;
}
a:hover{ opacity: 0.6; }
img,picture{
  max-width: 100%;
  display: block;
}

p {
	margin-top: 0px;
	margin-bottom: 0px;
}
.serif{ font-family:Helvetica, 'Noto Sans JP', 'Hiragino Sans' , 'ヒラギノ角ゴ ProN', Hiragino Kaku Gothic ProN, 'メイリオ', Meiryo, '游ゴシック Medium', YuGothic, YuGothicM, sans-serif; }
.sans{ font-family: 'Noto Sans JP', 'Hiragino Sans' , 'ヒラギノ角ゴ ProN', Hiragino Kaku Gothic ProN, 'メイリオ', Meiryo, '游ゴシック Medium', YuGothic, YuGothicM, sans-serif; }

    .pc-only {
        display: block;
    }
    .sp-only {
       display: none;
    }
    @media(max-width: 768px) {
        .pc-only {
            display: none;
        }
        .sp-only {
            display: block;
        }
    }
    
    body {
    	margin: 0px;
    }
    
    body header {
        margin: 0 auto 34px;
        width: 100%;
        position: fixed;
        background-color: transparent;
        z-index: 10;
        padding: 0;
    }
    
    body header .headerLogo{
    	margin-top: 42px;
    	margin-left: 40px;
    	display: inline-block;
    }
    
    body header .headerLogo img{
    	width: 170px;
    	height: 35px;
    }
    
    body header .headerBtn{
    	float: right;
    	margin-top: 49px;
    	margin-right: 24px;
    }
    
    body header .headerBtn .headerLink {
        position: relative;
        border: 1px solid black;
        border-radius: 50%;
        padding: 25px 67px;
        color: white;
    	background-color: black;
    	text-decoration: none;
    	font-family: "Cormorant";
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0px;
    }
    
    body header .headerBtn .headerLink::before{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 187px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 17px;
        height: 16px;
        background-image: url("img/header-cart.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    
    @media(max-width: 768px) {
	    body header .headerLogo{
	    	margin-top: 24px;
	    	margin-left: 18px;
	    	display: inline-block;
	    }
	    
	    body header .headerLogo img{
	    	width: 100px;
	    	height: 20px;
	    }
	    
	    body header .headerBtn{
	    	float: right;
	    	margin-top: 18px;
	    	margin-right: 11px;
	    }
	    
	    body header .headerBtn .headerLink {
	        position: relative;
	        border: 1px solid black;
	        border-radius: 50%;
	        padding: 15px 40px;
	        color: white;
	    	background-color: black;
	    	text-decoration: none;
	    	font-family: "Cormorant";
	        font-size: 12px;
	        font-weight: 500;
	        letter-spacing: 0px;
	    }
	    
	    body header .headerBtn .headerLink::before{
	        position: absolute;
	        top: 0;
	        bottom: 0;
	        left: 104px;
	        margin: auto;
	        content: "";
	        vertical-align: middle;
	        width: 10px;
	        height: 9px;
	        background-image: url("img/header-cart.png");
	        background-repeat: no-repeat;
	        background-size: cover;
	        background-position: center;
	    }    
    }
    
    body .fv-section {
        width: 100%;
        padding-bottom: 156px;
        text-align: center;
        background-image: url("img/bg-fv-pc.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }

    body .fv-section .fvText {
        padding-top: 14.1vw;
        padding-left: 46.6vw;
        width: 41.3vw;
        text-align: center;
        color: white;
    } 

    body .fv-section .fvText .fvTextCatchphrase{
        font-size: 3.6vw;
        font-family: sans-serif;
        font-weight: bold;
        line-height: 5.9vw;
    }
       
    body .fv-section .fvText img{
		width: 34.1vw;
		margin-left: auto;
		margin-right: auto;
		margin-top: 4.7vw;
    }
    
    body .fv-section .fvText .fvTextName{
        font-size: 1.3vw;
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        margin-top: 2.1vw;
        margin-bottom: 5.6vw;
    }
    
    body .fv-section .fvText .fvTextLink {
        position: relative;
        border: 1px solid black;
        border-radius: 50%;
        padding: 28px 72px;
        color: white;
    	background-color: black;
    	text-decoration: none;
    	font-family: "Cormorant";
        font-size: 24px;
        font-weight: 500;
        letter-spacing: 0px;
    }
    
    body .fv-section .fvText .fvTextLink::before{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 220px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 12px;
        height: 1px;
        background: white;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    body .fv-section .fvText .fvTextLink::after{
    	position: absolute;
        top: 0;
        bottom: 0;
        left: 222px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 8px;
        height: 8px;
        border-top: 1px solid white;
        border-right: 1px solid white;
    } 
    
    @media(max-width: 768px) {
        body .fv-section {
            width: 100%;
            height: 570px;
            text-align: center;
            background-image: url("img/bg-fv-sp.jpg");
            background-repeat: no-repeat;
            background-size: cover;
        }

        body .fv-section .fvText {
            padding-top: 139px;
            text-align: center;
            width: 256px;
		    padding-left: 0;
		    margin-left: auto;
		    margin-right: auto;
        } 
        
        body .fv-section .fvText .fvTextCatchphrase{
	        font-size: 24px;
	        font-family: sans-serif;
	        font-weight: bold;
	        line-height: 46px;
	        text-align: left;
	        padding-left: 10px;
	    }
	       
	    body .fv-section .fvText img{
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			margin-top: 60px;
	    }
	    
	    body .fv-section .fvText .fvTextName{
	        font-size: 11px;
	        font-family: 'Noto Sans JP', sans-serif;
	        font-weight: 500;
	        margin-top: 10px;
	        margin-bottom: 59px;
	    }
	    
	    body .fv-section .fvText .fvTextLink {
	        position: relative;
	        border: 1px solid black;
	        border-radius: 50%;
	        padding: 22px 57px;
	        color: white;
	    	background-color: black;
	    	text-decoration: none;
	    	font-family: "Cormorant";
	        font-size: 14px;
	        font-weight: 500;
	        letter-spacing: 0px;
	    }
	    
	    body .fv-section .fvText .fvTextLink::before{
	        position: absolute;
	        top: 0;
	        bottom: 0;
	        left: 143px;
	        margin: auto;
	        content: "";
	        vertical-align: middle;
	        width: 12px;
	        height: 1px;
	        background: white;
	        -webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
	    }
	    body .fv-section .fvText .fvTextLink::after{
	    	position: absolute;
	        top: 0;
	        bottom: 0;
	        left: 145px;
	        margin: auto;
	        content: "";
	        vertical-align: middle;
	        width: 8px;
	        height: 8px;
	        border-top: 1px solid white;
	        border-right: 1px solid white;
	    } 
    }
    
    body .noother-section {
        width: 100%;
        text-align: center;
        background-image: url("img/bg-noother-pc.jpg");
        background-repeat: no-repeat;
            background-size: contain;
        padding-top: 80px;
        padding-bottom: 140px;
        position: relative;
        margin-top: 150px;
    } 

    body .noother-section .aboutBoxTitle {
        font-family: "Cormorant";
        font-size: 70px;
        font-weight: bold;
    }   

    body .noother-section .aboutBoxText {
        font-size: 15px;
        font-family: 'Noto Sans JP', sans-serif;   
        margin-top: 50px;
        line-height: 2.5em;
    } 

    body .noother-section .aboutLink {
        margin-top: 80px;
    }  

    body .noother-section .aboutLink a {
        border: 1px solid black;
        border-radius: 50%;
        padding: 25px 78px;
        position: relative;
    }  

    body .noother-section .aboutLink a::before{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 150px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 12px;
        height: 1px;
        background: black;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    body .noother-section .aboutLink a::after{
    	position: absolute;
        top: 0;
        bottom: 0;
        left: 152px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 8px;
        height: 8px;
        border-top: 1px solid black;
        border-right: 1px solid black;
    } 

    body .noother-section .aboutImage1 {
        position: absolute;
        left: 0px;
        top: 0px;
        max-width: 33%;
    }

    body .noother-section .aboutImage2 {
        position: absolute;
        right: 0px;
        top:200px;
        max-width: 30%;
    }  

    body .noother-section .aboutImage3 {
        position: absolute;
        left: 0px;
        top: 380px;
        max-width: 33%;
    }

    @media(max-width: 768px) {
        body .noother-section {
            width: 100%;
            text-align: center;
            background-image: url("img/bg-noother-sp.jpg");
            background-repeat: no-repeat;
            background-size: contain;
            padding-top: 4px;
            padding-bottom: 80px;
            position: relative;
            margin-top: 40px;
            height: 1000px;
        } 

        body .noother-section .aboutBoxTitle {
            font-family: "Cormorant";
            font-size: 70px;
            font-weight: bold;
        }   

        body .noother-section .aboutBoxText {
            font-size: 13px;
            font-family: 'Noto Sans JP', sans-serif;   
            margin-top: 38px;
            line-height: 2.2em;
        } 

        body .noother-section .aboutLink {
            margin-top: 80px;
        }  

        body .noother-section .aboutLink a {
            border: 1px solid black;
            border-radius: 50%;
            padding: 25px 78px;
        }   

        body .noother-section .aboutImage1 {
            position: relative;
            left: 0px;
            top: 50px;
            width: 70%;
            float: left;
            max-width: 100%;
        }

        body .noother-section .aboutImage2 {
            position: relative;
            top: 60px;
            float: right;
            width: 50%;
            max-width: 100%;
        }  

        body .noother-section .aboutImage3 {
            position: relative;
            left: 0px;
            top: 80px;
            float: left;
            width: 50%;
            max-width: 100%;
        }
    }
    
    body .strength-section {
        width: 100%;
        text-align: center;
        background-image: url("img/bg-strength-pc.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 52px;
    }
    
    body .strength-section .strengthTitle {
    	padding-top: 114px;
    	margin-bottom: 48px;
    }
    
    body .strength-section .strengthTitle img {
    	width: 540px;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    body .strength-section .strengthItem  {
    	max-width: 1080px;
    	width: 72%;
    	margin-left: auto;
    	margin-right: auto;
    	margin-bottom: 71px;
    	overflow: auto;
    }
    
    body .strength-section .strengthItemRight  {
    	width: 45%;
    	display: inline-block;
    }
    
    body .strength-section .strengthItemLeft  {
    	float: left;
    	width: 50%;
    	display: inline-block;
    	color: white;
    	position: relative;
    }
    
    body .strength-section .strengthItemLeft .strengthItemLeftBacktext {
		color: #6C6C6C;
		font-family: "Cormorant";
        font-size: 15.4vw;
        font-weight: bold;
        position: absolute;
		top: -6vw;
    	left: 0px;
	    line-height: 1.0em;
	    z-index: 0;
    }
    
    body .strength-section .strengthItemLeft .strengthItemLeftTitle {
		text-align: left;
		font-family: sans-serif;   
        font-size: 2.6vw;
        font-weight: bold;
        line-height: 4.0vw;
        margin-top: 3.8vw;
        z-index: 1;
    	position: relative;
    }
    
    body .strength-section .strengthItemLeft .strengthItemLeftSentence {
		text-align: left;
		font-family: 'Noto Sans JP', sans-serif;   
        font-size: 15px;
        font-weight: 500;
        line-height: 33px;
        margin-top: 36px;
    }
    
    @media(max-width: 768px) {
    	body .strength-section {
            width: calc(100% - 74px);
            text-align: center;
            background-image: url("img/bg-strength-sp.jpg");
            background-repeat: no-repeat;
            background-size: cover;  
            clear: both; 
            padding-left: 37px;
    		padding-right: 37px;
        } 
        
        body .strength-section .strengthTitle {
	    	padding-top: 64px;
	    	margin-bottom: 27px;
	    }
	    
	    body .strength-section .strengthTitle img {
	    	width: 100%;
	    	margin-left: auto;
	    	margin-right: auto;
	    }
	    
	    body .strength-section .strengthItem  {
	    	width: 100%;
	    	margin-left: auto;
	    	margin-right: auto;
	    	margin-bottom: 49px;
	    }
	    
	    body .strength-section .strengthItemRight  {
	    	width: 100%;
	    	display: block;
	    }
	    
	    body .strength-section .strengthItemLeft  {
	    	float: none;
	    	width: 100%;
	    	display: block;
	    	color: white;
	    	position: relative;
	    }
	    
	    body .strength-section .strengthItemLeft .strengthItemLeftBacktext {
			color: #6C6C6C;
			font-family: "Cormorant";
	        font-size: 230px;
	        font-weight: bold;
	        position: absolute;
		    top: -160px;
		    left: 0px;
		    line-height: 1.0em;
		    z-index: 0;
	    }
	    
	    body .strength-section .strengthItemLeft .strengthItemLeftTitle {
			text-align: left;
			font-family: sans-serif;   
	        font-size: 26px;
	        font-weight: bold;
	        line-height: 39px;
	        margin-top: 40px;
	        z-index: 1;
	    	position: relative;
	    	padding-left: 24px;
	    }
	    
	    body .strength-section .strengthItemLeft .strengthItemLeftSentence {
			text-align: left;
			font-family: 'Noto Sans JP', sans-serif;   
	        font-size: 13px;
	        font-weight: 500;
	        line-height: 30px;
	        margin-top: 18px;
	    }
    }
    
    body .product-section {
    
    }

    body .product-section .productTitle{
     	font-family: "Cormorant";
        font-size: 70px;
        font-weight: bold;
        margin-left: 15%;
        margin-top: 88px;
        margin-bottom:51px;
    }  
        
    body .product-section .productChair{
 
    }    
    
    body .product-section .productChair .productItem{
    	width: 86%;
    	clear: both;
    	padding-left: 0%;
    }
    
    body .product-section .productChair .productItem img{
    	width: 55%;
    	float: left;
    	margin-right: 7%;
    }
    
    body .product-section .productChair .productItem .productItemContent{
    	width: 38%;
    	display: inline-block;
    }
    
    body .product-section .productChair .productItem .productItemContent .productItemContentTitle{
    	font-family: "Cormorant";
        font-size: 6.3vw;
        font-weight: bold;
        white-space: nowrap;
        line-height: 1.0em;
    }
    
    body .product-section .productChair .productItem .productItemContent .productItemContentSubTitle{
        font-family: 'Noto Sans JP', sans-serif;   
        font-size: 24px;
        font-weight: 500;
        line-height: 1.0em;
        margin-top: 24px;
    }
    
    body .product-section .productChair .productItem .productItemContent .productItemContentText{
        font-family: 'Noto Sans JP', sans-serif;   
        font-size: 15px;
        font-weight: 500;  
        line-height: 33px;
        margin-top: 40px;
        margin-bottom: 103px;
    }
    
    body .product-section .productChair .productItem .productItemContent a{
        position: relative;
        border: 1px solid black;
        border-radius: 50%;
        padding: 33px 61px;
        color: black;
    	background-color: white;
    	text-decoration: none;
    	font-family: "Cormorant";
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0px;
    }

    body .product-section .productChair .productItem .productItemContent a::before{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 228px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 12px;
        height: 1px;
        background: black;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    body .product-section .productChair .productItem .productItemContent a::after{
    	position: absolute;
        top: 0;
        bottom: 0;
        left: 230px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 8px;
        height: 8px;
        border-top: 1px solid black;
        border-right: 1px solid black;
    } 

    body .product-section .productHowtouse{
    	width:94.4%;
    	margin-left:auto;
    	margin-right: auto;
    	clear: both;
    	padding-top: 35px;
    }
    
    body .product-section .productHowtouse .productHowtouseLeft{
    	width: 34%;
    	display: inline-block;
    	vertical-align: top;
    }
    
    body .product-section .productHowtouse .productHowtouseLeft img.productHowtouse-1{
    
    }
    
    body .product-section .productHowtouse .productHowtouseLeft img.productHowtouse-2{
    	margin-top: 2%;
    }
    
    body .product-section .productHowtouse .productHowtouseRight{
    	width: 64%;
    	margin-left: 0.9%;
    	display: inline-block;    
    }
    
    body .product-section .productHowtouse .productHowtouseRight img.productHowtouse-3{
    
    }
    
    body .product-section .productSlider{
 		width: 66%;
    	margin-left: auto;
    	margin-right: auto;
    	margin-top: 86px;
    }   
    
    body .product-section .productSlider .swiper-slide{
		text-align: center;
	}
	
	body .product-section .productSlider .swiper-slide img{
		aspect-ratio: 1 / 1;
		margin-bottom: 23px;
	}
	
	body .product-section .productSlider .swiper-slide .slideTitle{
		text-align: center;
		font-family: 'Noto Sans JP', sans-serif;   
        font-size: 13px;
        font-weight: 500;
        line-height: 28px;
	}
    
    body .product-section .productItems{
 
    }    
    
    body .product-section .productItems .productItem{
    	width: 86%;
    	padding-top: 123px;
    	clear: both;
    }
    
    body .product-section .productItems .productItem.productItem-1{
    	padding-left: 14%;
    }
    
    body .product-section .productItems .productItem.productItem-2{
    	padding-left: 0%;
    }
    
    body .product-section .productItems .productItem.productItem-3{
    	padding-left: 14%;
    	padding-bottom: 123px;
    }
    
    body .product-section .productItems .productItem img{
    	width: 55%;
    }
    
    body .product-section .productItems .productItem.productItem-1 img{
    	float: right;
    }
    
    body .product-section .productItems .productItem.productItem-2 img{
    	float: left;
    	margin-right: 7%;
    }
    
    body .product-section .productItems .productItem.productItem-3 img{
    	float: right;
    }
    
    body .product-section .productItems .productItem .productItemContent{
    	width: 38%;
    	display: inline-block;
    }
    
    body .product-section .productItems .productItem .productItemContent .productItemContentTitle{
    	font-family: "Cormorant";
        font-size: 6.3vw;
        font-weight: bold;
        white-space: nowrap;
        line-height: 1.0em;
    }
    
    body .product-section .productItems .productItem .productItemContent .productItemContentSubTitle{
        font-family: 'Noto Sans JP', sans-serif;   
        font-size: 24px;
        font-weight: 500;
        line-height: 1.0em;
        margin-top: 24px;
    }
    
    body .product-section .productItems .productItem .productItemContent .productItemContentText{
        font-family: 'Noto Sans JP', sans-serif;   
        font-size: 15px;
        font-weight: 500;  
        line-height: 33px;
        margin-top: 40px;
        margin-bottom: 103px;
    }
    
    body .product-section .productItems .productItem .productItemContent a{
        position: relative;
        border: 1px solid black;
        border-radius: 50%;
        padding: 33px 61px;
        color: black;
    	background-color: white;
    	text-decoration: none;
    	font-family: "Cormorant";
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0px;
    }

    body .product-section .productItems .productItem .productItemContent a::before{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 228px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 12px;
        height: 1px;
        background: black;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    body .product-section .productItems .productItem .productItemContent a::after{
    	position: absolute;
        top: 0;
        bottom: 0;
        left: 230px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 8px;
        height: 8px;
        border-top: 1px solid black;
        border-right: 1px solid black;
    } 
    
    @media(max-width: 768px) {
        body .product-section {
    
	    }

	    body .product-section .productTitle{
	     	font-family: "Cormorant";
	        font-size: 50px;
	        font-weight: bold;
	        margin-left: 30px;
	        margin-top: 48px;
	        margin-bottom: 0px;
	    }  
	        
	    body .product-section .productChair{
	 
	    }    
	    
	    body .product-section .productChair .productItem{
	    	width: 100%;
	    	clear: both;
	    	padding-left: 0%;
	    }
	    
	    body .product-section .productChair .productItem img{
	    	width: 100%;
	    	float: none;
	    	margin-right: 0;
	    }
	    
	    body .product-section .productChair .productItem .productItemContent{
	    	width: 315px;
	    	display: block;
	    	text-align: center;
	    	margin-left: auto;
	    	margin-right: auto;
	    }
	    
	    body .product-section .productChair .productItem .productItemContent .productItemContentTitle{
	    	font-family: "Cormorant";
	        font-size: 50px;
	        font-weight: bold;
	        white-space: nowrap;
	        line-height: 1.0em;
	        text-align: left;
	    }
	    
	    body .product-section .productChair .productItem .productItemContent .productItemContentSubTitle{
	        font-family: 'Noto Sans JP', sans-serif;   
	        font-size: 13px;
	        font-weight: 500;
	        line-height: 1.0em;
	        margin-top: 12px;
	        text-align: left;
	    }
	    
	    body .product-section .productChair .productItem .productItemContent .productItemContentText{
	        font-family: 'Noto Sans JP', sans-serif;   
	        font-size: 13px;
	        font-weight: 500;  
	        line-height: 30px;
	        margin-top: 19px;
	        margin-bottom: 83px;
	        text-align: left;
	    }
	    
	    body .product-section .productChair .productItem .productItemContent a{
	        position: relative;
	        border: 1px solid black;
	        border-radius: 50%;
	        padding: 21px 43px;
	        color: black;
	    	background-color: white;
	    	text-decoration: none;
	    	font-family: "Cormorant";
	        font-size: 13px;
	        font-weight: 500;
	        letter-spacing: 0px;
	        margin-left: auto;
	        margin-right: auto;
	    }

	    body .product-section .productChair .productItem .productItemContent a::before{
	        position: absolute;
	        top: 0;
	        bottom: 0;
	        left: 162px;
	        margin: auto;
	        content: "";
	        vertical-align: middle;
	        width: 12px;
	        height: 1px;
	        background: black;
	        -webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
	    }
	    body .product-section .productChair .productItem .productItemContent a::after{
	    	position: absolute;
	        top: 0;
	        bottom: 0;
	        left: 164px;
	        margin: auto;
	        content: "";
	        vertical-align: middle;
	        width: 8px;
	        height: 8px;
	        border-top: 1px solid black;
	        border-right: 1px solid black;
	    } 

	    body .product-section .productHowtouse{
	    	width:315px;
	    	margin-left:auto;
	    	margin-right: auto;
	    	clear: both;
	    	padding-top: 61px;
	    }
	    
	    body .product-section .productHowtouse .productHowtouseLeft{
	    	width: 100%;
	    	display: inline-block;
	    	vertical-align: top;
	    }
	    
	    body .product-section .productHowtouse .productHowtouseLeft img.productHowtouse-1{
	    	width: 52%;
	    	display: inline-block;
	    }
	    
	    body .product-section .productHowtouse .productHowtouseLeft img.productHowtouse-2{
	    	margin-left: 0%;
	    	width: 46%;
	    	display: inline-block;
	    }
	    
	    body .product-section .productHowtouse .productHowtouseRight{
	    	width: 100%;
	    	margin-left: 0%;
	    	display: block;
	    }
	    
	    body .product-section .productHowtouse .productHowtouseRight img.productHowtouse-3{
	    
	    }
	    
	    body .product-section .productSlider{
	 		width: 100%;
	    	margin-left: auto;
	    	margin-right: auto;
	    	margin-top: 30px;
	    }   
	    
	    body .product-section .productSlider .swiper-slide{
			text-align: center;
		}
		
		body .product-section .productSlider .swiper-slide img{
			aspect-ratio: 1 / 1;
			margin-bottom: 8px;
		}
		
		body .product-section .productSlider .swiper-slide .slideTitle{
			text-align: center;
			font-family: 'Noto Sans JP', sans-serif;   
	        font-size: 13px;
	        font-weight: 500;
	        line-height: 14px;
		}
	    
	    body .product-section .productItems{
	 
	    }    
	    
	    body .product-section .productItems .productItem{
	    	width: 100%;
	    	padding-top: 61px;
	    	clear: both;
	    }
	    
	    body .product-section .productItems .productItem.productItem-1{
	    	padding-left: 0;
	    }
	    
	    body .product-section .productItems .productItem.productItem-2{
	    	padding-left: 0%;
	    }
	    
	    body .product-section .productItems .productItem.productItem-3{
	    	padding-left: 0;
	    	padding-bottom: 91px;
	    }
	    
	    body .product-section .productItems .productItem img{
	    	width: 345px;;
	    }
	    
	    body .product-section .productItems .productItem.productItem-1 img{
	    	float: none;
	    }
	    
	    body .product-section .productItems .productItem.productItem-2 img{
	    	float: none;
	    	margin-right: 0%;
	    	margin-left: 30px;
	    }
	    
	    body .product-section .productItems .productItem.productItem-3 img{
	    	float: none;
	    }
	    
	    body .product-section .productItems .productItem .productItemContent{
	    	width: 315px;
	    	display: block;
	    	text-align: center;
	    	margin-left: auto;
    		margin-right: auto;
	    }
	    
	    body .product-section .productItems .productItem .productItemContent .productItemContentTitle{
	    	font-family: "Cormorant";
	        font-size: 50px;
	        font-weight: bold;
	        white-space: nowrap;
	        line-height: 1.0em;
	        margin-top: 40px;
	        text-align: left;
	    }
	    
	    body .product-section .productItems .productItem .productItemContent .productItemContentSubTitle{
	        font-family: 'Noto Sans JP', sans-serif;   
	        font-size: 13px;
	        font-weight: 500;
	        line-height: 1.0em;
	        margin-top: 12px;
	        text-align: left;
	    }
	    
	    body .product-section .productItems .productItem .productItemContent .productItemContentText{
	        font-family: 'Noto Sans JP', sans-serif;   
	        font-size: 13px;
	        font-weight: 500;  
	        line-height: 30px;
	        margin-top: 19px;
	        margin-bottom: 53px;
	        text-align: left;
	    }
	    
	    body .product-section .productItems .productItem .productItemContent a{
	        position: relative;
	        border: 1px solid black;
	        border-radius: 50%;
	        padding: 21px 43px;
	        color: black;
	    	background-color: white;
	    	text-decoration: none;
	    	font-family: "Cormorant";
	        font-size: 13px;
	        font-weight: 500;
	        letter-spacing: 0px;
	        margin-left: auto;
	        margin-right: auto;
	    }

	    body .product-section .productItems .productItem .productItemContent a::before{
	        position: absolute;
	        top: 0;
	        bottom: 0;
	        left: 162px;
	        margin: auto;
	        content: "";
	        vertical-align: middle;
	        width: 12px;
	        height: 1px;
	        background: black;
	        -webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
	    }
	    body .product-section .productItems .productItem .productItemContent a::after{
	    	position: absolute;
	        top: 0;
	        bottom: 0;
	        left: 164px;
	        margin: auto;
	        content: "";
	        vertical-align: middle;
	        width: 8px;
	        height: 8px;
	        border-top: 1px solid black;
	        border-right: 1px solid black;
	    } 
    }
    body .contact-section {
        width: 100%;
        text-align: center;
        background-image: url("img/bg-contact-pc.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 134px;
    }

    body .contact-section .contactTitle {
        font-family: 'Noto Sans JP', sans-serif;   
        font-size: 40px;
        font-weight: bold;
        line-height: 60px;
        color: white;
        padding-top: 115px;
        margin-bottom: 38px;
    }

    body .contact-section .contactText {
        padding-bottom: 99px;
        position: relative;
        color: white;
        font-size: 20px;
        font-family: 'Noto Sans JP', sans-serif;   
        font-weight: 500;
        line-height: 36px;
    }

    body .contact-section .contactLink {
        position: relative;
        border: 1px solid black;
        border-radius: 50%;
        padding: 42px 76px;
        color: white;
    	background-color: black;
    	text-decoration: none;
    	font-family: "Cormorant";
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 0px;
    }

    body .contact-section .contactLink::before{
        position: absolute;
        top: 0;
        bottom: 0;
        left: 324px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 12px;
        height: 1px;
        background: white;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    body .contact-section .contactLink::after{
    	position: absolute;
        top: 0;
        bottom: 0;
        left: 326px;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 8px;
        height: 8px;
        border-top: 1px solid white;
        border-right: 1px solid white;
    } 
    
    @media(max-width: 768px) {
        body .contact-section {
            width: 100%;
            text-align: center;
            background-image: url("img/bg-contact-sp.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            padding-bottom: 87px;
        }

	    body .contact-section .contactTitle {
	        font-family: 'Noto Sans JP', sans-serif;   
	        font-size: 26px;
	        font-weight: bold;
	        line-height: 39px;
	        color: white;
	        padding-top: 64px;
	        margin-bottom: 18px;
	        width: 315px;
	        margin-left: auto;
	        margin-right: auto;
	        text-align: center;
	    }

	    body .contact-section .contactText {
	        padding-bottom: 87px;
	        position: relative;
	        color: white;
	        font-size: 15px;
	        font-family: 'Noto Sans JP', sans-serif;   
	        font-weight: 500;
	        line-height: 30px;
	        text-align: left;
	        width: 315px;
		    margin-left: auto;
		    margin-right: auto;
	    }

	    body .contact-section .contactLink {
	        position: relative;
	        border: 1px solid black;
	        border-radius: 50%;
	        padding: 26px 47px;
	        color: white;
	    	background-color: black;
	    	text-decoration: none;
	    	font-family: "Cormorant";
	        font-size: 13px;
	        font-weight: 500;
	        letter-spacing: 0px;
	    }

	    body .contact-section .contactLink::before{
	        position: absolute;
	        top: 0;
	        bottom: 0;
	        left: 230px;
	        margin: auto;
	        content: "";
	        vertical-align: middle;
	        width: 12px;
	        height: 1px;
	        background: white;
	        -webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
	    }
	    body .contact-section .contactLink::after{
	    	position: absolute;
	        top: 0;
	        bottom: 0;
	        left: 232px;
	        margin: auto;
	        content: "";
	        vertical-align: middle;
	        width: 8px;
	        height: 8px;
	        border-top: 1px solid white;
	        border-right: 1px solid white;
	    } 
    }
    
    body .about-section {
        width: 100%;
        text-align: center;
        background-image: url("img/bg4-pc.jpg");
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 80px;
        clear: both;
}
	body .about-section #about {
	        width: 100%;
	        max-width: 770px;
	        color: #535353;
	    margin: 0 auto;
	    padding: 85px 0;
	}

	body .about-section #about .aboutMainTitle {
	         font-family: "Cormorant";
	        font-size: 70px;
	        font-weight: bold;       
	}

	body .about-section #about .aboutMainTable {
	        border-bottom: solid 2px gray;
	        margin-top: 50px;
	}

	body .about-section #about .aboutMainTable .tableItem {
	     
	}

	body .about-section #about .aboutMainTable .tableItemLeft {
	        display: inline-block;
	        width: 28%;
	        border-top: solid 2px gray;
	        vertical-align: top;
	        padding-top: 18px;
	        padding-bottom: 18px;
	        padding-left: 8px;
	        text-align: left;
	        font-size: 18px;
	        font-family: 'Noto Sans JP', sans-serif;
	        font-weight: 500;
	        line-height: 2.0em;
	}

	body .about-section #about .aboutMainTable .tableItemRight {
	        display: inline-block;
	        width: 69%;
	        border-top: solid 2px gray;   
	        vertical-align: top;
	        padding-top: 18px;
	        padding-bottom: 18px; 
	        text-align: left;
	        font-size: 18px;
	        font-family: 'Noto Sans JP', sans-serif;
	        font-weight: 500;
	        line-height: 2.0em;
	}

    @media(max-width: 768px) {
        body .about-section {
            width: 100%;
            text-align: center;
            background-image: url("img/bg4-sp.jpg");
            background-repeat: no-repeat;
            background-size: cover;
            padding-bottom: 80px;
            clear: both;
        }
        body .about-section #about {
            width: 100%;
            max-width: 770px;
        }

        body .about-section #about .aboutMainTitle {
            font-family: "Cormorant";
            font-size: 40px;
            font-weight: bold; 
            padding-top: 42px;      
        }

        body .about-section #about .aboutMainTable {
            border-bottom: solid 2px gray;
            margin-top: 50px;
            width: 320px;
            margin-left: auto;
            margin-right: auto;
        }

        body .about-section #about .aboutMainTable .tableItem {
        
        }

        body .about-section #about .aboutMainTable .tableItemLeft {
            display: inline-block;
            width: 28%;
            border-top: solid 2px gray;
            vertical-align: top;
            padding-top: 14px;
            padding-bottom: 14px;
            padding-left: 8px;
            text-align: left;
            font-size: 13px;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            line-height: 2.0em;
        }

        body .about-section #about .aboutMainTable .tableItemRight {
            display: inline-block;
            width: 69%;
            border-top: solid 2px gray;   
            vertical-align: top;
            padding-top: 14px;
            padding-bottom: 14px; 
            text-align: left;
            font-size: 13px;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 500;
            line-height: 2.0em;
        }
    }
    
    body #mainFooter {
        font-size: 11px;
        font-weight: bold;
        width: 100%;
        background-color: black;
    }

    body #mainFooter .toTopBtnLink {
        color: white;
        text-align: center;
        position: relative;
        right: 100px;
        top: 70px;
        float: right; 
    }

    body #mainFooter .toTopBtnLink .toTopBtn{
        height: 87px;
        width: 87px;
    }

    body #mainFooter .footerMenu{
    	padding-top: 48px;
    	padding-bottom: 73px;
	    padding-right: 0px;
	    width: 100%;
	    max-width: 1080px;
	    margin-left: auto;
	    margin-right: auto;
    }

    body #mainFooter .footerMenu img {
    	margin-left: calc(50% - 58px);
    	margin-right: calc(50% - 58px);
    	width: 116px;
    }

    body #mainFooter .footerBottom {
        width: 100%;
        max-width: 1080px;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 37px;
        color: white;
        text-align: center;
    }

    body #mainFooter .footerBottom .footerBottomLeft{
		display: block;
	    font-family: "Cormorant";
	    font-size: 14px;
	    font-weight: 500;
    }

    body #mainFooter .footerBottom .footerBottomRight {
	    font-size: 12px;
	    font-family: 'Noto Sans JP', sans-serif;
	    font-weight: normal;
	    margin-top: 8px;
    }

    @media(min-width: 769px) {

    }
    @media(max-width: 768px) {
        body #mainFooter {

        }

        body #mainFooter .toTopBtnLink {
            color: white;
            text-align: center;
            position: relative;
            right: 23px;
            top: 19px;
            float: right; 
        }

        body #mainFooter .toTopBtnLink .toTopBtn{
            height: 65px;
            width: 65px;
        }

        body #mainFooter .footerMenu{
            padding-top: 128px;
            padding-bottom: 74px;
            padding-right: 0;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
        
        body #mainFooter .footerMenu img {
	    	margin-left: calc(50% - 50px);
	    	margin-right: calc(50% - 50px);
	    	width: 100px;
	    }

        body #mainFooter .footerBottom {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            color: white;
            padding-bottom: 25px;
        }

        body #mainFooter .footerBottom .footerBottomLeft{
            width: 100%;
            display: block;
            font-family: "Cormorant";
            font-size: 14px;
            text-align: center;
            font-weight: bold;
        }

        body #mainFooter .footerBottom .footerBottomRight {
            float:none;
            font-size: 12px;
            text-align: center;
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: normal;
            margin-top: 12px;
        }
    }