@charset "utf-8";
/* CSS Document */
/*.wrapper-headerinfo {
	display: none;
}*/

@media screen and (max-width: 1023px) {

	body{
        padding-top: 60px;
        background-color: #f8f4e6!important;
    }
 
	.article{
        display: block;
        margin: 13% 10% 10%;
    }
    
    .title{
        margin-bottom: 18%;
        font-family: "vdl-v7mincho", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 23px;
        text-align: center;
		z-index: 1;
    }
    
    .title::before{
        content:url(https://hakumonsai.weblike.jp/2023/test/akari/organization/img/webtitle_branch_cream_high.png);
        display: block;
        margin-top: 2.2rem;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%) scale(0.4);
		z-index: -1;
    }

	.comment{
		text-align: center;
	}

	.comment,
	.text{
        font-family: "ryo-gothic-plusn", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 11px;
        letter-spacing: 0.1em;
        z-index: 1;
    }

	.subtitle_1,
	.subtitle_2,
    .subtitle_3{
        margin: 39px 0 26px 0;
        font-family: "vdl-v7mincho", sans-serif;
        font-weight: 300;
        font-style: normal;
        font-size: 15px;
        border-bottom: #a61c4b solid 1.7px;
        padding-bottom: 4px;
        position: relative;
        z-index: 1;
    }

    .subtitle_1{
		width: 18.1em;
    }
	
	.subtitle_2{
		width: 13.5em;
	}

	.subtitle_3{
		width: 12.7em;
	}

	.subtitle_1::before {
        content: url(http://hakumonsai.weblike.jp/2023/test/akari/gallery/img/midashi_matsu.png);
        display: block;
        position: absolute;
        transform: translate(-48.95%, -48.6%) scale(0.016);
        z-index: -1;
    }
    .subtitle_2::before {
        content: url(http://hakumonsai.weblike.jp/2023/test/akari/overview/img/midashi_take.png);
        display: block;
        position: absolute;
        transform: translate(-48.95%, -48.9%) scale(0.014);
        z-index: -1;
    }
    
    .subtitle_3::before {
        content: url(http://hakumonsai.weblike.jp/2023/test/akari/overview/img/midashi_ume.png);
        display: block;
        position: absolute;
        transform: translate(-48.95%, -49.15%) scale(0.014);
        z-index: -1;
    }

	
    span{
      color: #a61c4b;
  }

    .sns{
        display: grid;
        grid-template-columns: 1fr 1fr ;
        grid-gap: 2.5vw;
    }


   
	 .btn,
	 a.btn,
	 button.btn {
		 position: relative;
		 display: inline-block;
		 margin-top: 23px;
		 padding: 1rem 4rem;
		 font-size: 11px;
		 font-weight: 300;
		 line-height: 1.5;
		 letter-spacing: 0.1rem;
		 cursor: pointer;
		 -webkit-user-select: none;
		 -moz-user-select: none;
		 -ms-user-select: none;
		 user-select: none;
		 -webkit-transition: all 0.3s;
		 transition: all 0.3s;
		 text-align: center;
		 vertical-align: middle;
		 text-decoration: none;
		 color: #a61c4b;
		 border-radius: 0.5rem;
	 }
 
	 a.btn-border-shadow {
	 padding: calc(1.5rem - 12px) 1rem 1.5rem;
	 background: #cbb24f;
	 border-radius: 100vh;
	 }
 
	 a.btn-border-shadow:before {
		 position: absolute;
		 top: -6px;
		 left: -6px;      
		 width: 100%;
		 height: 100%;      
		 content: "";
		 -webkit-transition: all 0.3s ease;
		 transition: all 0.3s ease;      
		 border: 1.7px solid #a61c4b;
		 border-radius: 0.5rem;
	   }
	   
	   a.btn-border-shadow--radius:before {
		 border-radius: 100vh;
	   }
	   
	   a.btn-border-shadow:hover {
		 padding: calc(1.5rem - 6px) 3rem;
		 color: #a61c4b;
	   }
	   
	   a.btn-border-shadow:hover:before {
		 top: 0;
		 left: 0;
	   }

	   .gotomenu{
		margin: 10% auto 0;
		width: 70px;
		font-size: 11px;
		font-family: "ryo-gothic-plusn", sans-serif;
		font-weight: 300;
		font-style: normal;
	  }
  
  
	  a.gotomenu-border {
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 60px;
		height: 60px;
		text-align: center;
		text-decoration: none;
		color: #a61c4b;
		background: #cbb24f;
		text-decoration: none;
	  }
	  
	  a.gotomenu-border:hover {
		color: #cbb24f;
		background: #a61c4b;
		text-decoration: none;
	  }
	 

    
}