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

/* section_01 */
#S_01{
	width:80%;
	margin: 50px auto 0;
}
h2 {
	font-size: 2em;
	margin:20px 0 20px 30px;
    padding: 0.25em 0.5em;
    border-left: solid 5px #A5A079;
}
.S_01_wrap{
	display:flex;
	width:100%;
	margin: 0 auto ;
}

.prof_left{
	width: 50%;
	margin: 0 auto ;
	position: relative;
	top:20px;
}
/*CSSのみ。https://qumeru.com/magazine/155*/
.prof_backg{
	position: absolute;
	z-index:1; 
	animation-name: fadeU ;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
.prof_img{
	position: absolute;
	z-index:2;
	top:40px; 
	transform:rotate(10deg);
	animation-name:fadeU;
	animation-duration:0.5s;
  animation-fill-mode:forwards;
	opacity:0;
}

@keyframes fadeU{
 from{
    opacity: 0;
    transform: translateY(100px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}
.prof_right{
	position: relative;
	margin: 0 auto ;
	width: 45%;
	top:300px;
	right: 0;
}
.prof_backg2{
	position: absolute;
	z-index:1; 
	animation-name:fadeU;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
.prof_text{
	position: absolute;
	z-index:2;
	font-size: 2rem;
	top:30vh;
	right: 10vh;
}

.induction{
	display:flex;
}
.intext a{
	font-size: 1.5rem;
	padding-left:180px;
	text-decoration:none;
	color:#A5A079;
}
.yajirushi{
	margin: 10px 5px 0 0;
	width: 40px;
    height: 8px;
	border-bottom: 1px solid #A5A079;
    border-right: 1px solid #A5A079;
	transform: skew(45deg);
    	
}
#S_02{
	width:80%;
	margin: 650px auto 0;
}

.s_02_title{
  display: flex;
  justify-content: flex-end;
}

h3 {
  display: block;
	font-size: 2em;
	text-align: right;
	margin:20px 0 50px;
    padding: 0.25em 0.5em;
    border-left: solid 5px #A5A079;
}
.S_02_wrap{
	display:flex;
	width:100%;
	margin: 0 auto ;
}
.product_left{
	width: 50%;
	margin: 30vh auto ;
	position: relative;
}
.product_backg{
	position: absolute;
	z-index:1; 
	animation-name: fadeU ;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
.product_text{
	position: absolute;
	z-index:2;
	font-size: 2rem;
	top:30vh;
	left: 5vh;
}
.sub{
	font-size: 1.2rem;
	padding: 10px 0 10px 160px;
}
.product_right{
	position: relative;
	margin: 0 auto ;
	width: 45%;
	top:30px;
	left: 0;
}
.product_img{
	position: absolute;
	top:100px; 
	animation-name:fadeU;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
.product_img img{
	width: 95%;
	height: auto;
}
@keyframes fadeU{
 from{
    opacity: 0;
    transform: translateY(100px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}
#S_03{
	width:100%;
	margin: 250px auto 0;
}
h4 {
	width:80%;
	font-size: 2em;
	margin:20px 0 20px 30px;
    padding: 0.25em 0.5em;
    border-left: solid 5px #A5A079;
}
.b_title{
	width:80%;
	margin: 0 auto;
}
.blog_slider{
	margin:20px 0 50px;
}
/* TOPに戻る */
#page-top{
    position: fixed;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
	
	
}
#page-top a{
	display:block;
    color:#DCDDDE;
    line-height: 50px;
    text-decoration: none;
	font-size:8px;
	text-align:center;
	letter-spacing:2px;
	background:rgba(0,0,0,.5);
	
}