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




.catch-copy{
	position: fixed;
	bottom: 3.264vw;
}
.catch-copy .h2-area{
	position: relative;
	padding-bottom: 2vw;
}
.catch-copy h2{
	text-align: left;
}
.catch-copy .catch-copy_image{
width: 16.667vw;
    position: absolute;
    bottom: 0;
    right: 0;
	z-index: -2;
}
.catch-copy_discription{
	margin-top: 3.819vw;
	letter-spacing: 0.1rem;
}
.catch-copy_discription p{
	text-align: left;
	font-size: 1.111vw;
}
.catch-copy_discription p:first-child{
	font-family: A-OTF リュウミン Pr6N, "Noto Serif JP";
	font-size: 16px;
	padding-bottom: 5px;
	font-weight: 300;
	letter-spacing: 0.3rem;
}
.catch-copy_discription span{
	font-size: 20px;
}
.catch-copy_discription p:last-child{
	font-family: Adobe Clean, YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 10px;
	letter-spacing: 0.04rem;
}






@media screen and (max-width: 1000px){
.catch-copy{
	width: 100%;
    position: inherit;
	display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    margin-top: 22vw;
}
.catch-copy .h2-area{
	position: relative;
	width: 23%;
	padding-bottom: 0vw;
}
.catch-copy h2{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;	
	line-height: 1.5;
	}
.catch-copy .catch-copy_image {
    width: 33vw;
    transform: translate(-70%, 232%);
}
.catch-copy_discription{
	box-sizing: border-box;
    padding-right: 20px;
    padding-top: 14vw;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}	
.catch-copy_discription p:first-child{
	letter-spacing: 0.2rem;
	font-size: 2.3vw;
}	
.catch-copy_discription p:last-child{
    display: none;
}
.catch-copy_discription span{
    font-size: 16px;
}
}


@media screen and (max-width: 520px){
.catch-copy{
    margin-top: 27.7vw;
}
.catch-copy .h2-area{
	width: 30%;
}
.catch-copy .h2-area{
	position: relative;
	width: 29%;
	padding-bottom: 14vw;
}
.catch-copy .catch-copy_image {
    width: 50vw;
   
}
.catch-copy_discription{
    padding-top: 21vw;
	padding-right: 12px;
  
}
.catch-copy_discription p:first-child{
	font-size: 12px;
}	

}






.mainvisual-right .works{
	padding-right: 8.1vw;
	box-sizing: border-box;
	margin-top: 10.417vw;
}

.works .works_list .works_list_image{
	width: 100%;
	height: auto;
	line-height: 0;
}
.works .works_list h3{
	padding-top: 30px;
	padding-bottom: 23px;
}
.works .works_list h3 span{
	display: inline-block;
	padding-bottom: 10px;
}
.works .works_list li{
	list-style: none;
	margin-bottom: 90px;
	text-align: left;
}
.works .works_list li a{
	text-decoration: none;
	color: #333333;
	
}
.works .works_list li p{
	letter-spacing: 0rem;
}
.mainvisual-right hr{
	margin-bottom: 90px;
}



@media screen and (max-width: 1000px){
.mainvisual-right .works{
	margin-top: 150px;
	padding-right: 0px;
	}	
.works .works_list{
	width: 100%;	
	margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
.works ul li{
	width: 48%
	}
.works .works_list .works_list_image{
	width: 100%;
}
.works .works_list h3{
	font-size: 3vw;
	padding-top: 30px;
    padding-bottom: 20px;
}	
.works .works_list h3 span{
	padding-bottom: 8px;
	font-size: 12px;
}		
	
	
}




@media screen and (max-width: 520px){
.mainvisual-right .works{
	margin-top: 90px;
	padding-right: 0px;
	}	
.works .works_list h3{
	font-size: 4.667vw;
	padding-top: 30px;
    padding-bottom: 20px;
}	
.works .works_list{
	width: 100%;	
	margin: 0 auto;
	display: block;
    
	}
.works ul li{
	width: 100%
	}
}







.profile{
	margin-bottom: 150px;
}

.profile .profile-contents{
	display: flex;
	align-items: center;
	padding-bottom: 50px;
}
.profile-contents_left{
	width: 16%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
.profile-contents_left .profile-contents_photo{
	width: 125px;
	padding-bottom: 11px;
}
.profile-contents_left p{
	font-size: 20px;
	font-family: "Noto Serif JP", Noto Sans JP, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	padding-bottom: 5px;
}
.profile-contents_left span{
	font-family:Gothic A1, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 12px;
	letter-spacing: 0.09rem;
}
.profile-contents_right{
	width: 85%;
	padding-left: 31px;
	box-sizing: border-box;
}
.profile-contents_right .profile-contents_right_discliption{
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.profile-contents_right .profile-contents_right_discliption:last-child{
	margin-bottom: 0px;
}
.profile-contents_right_discliption_icon{
	width: 8%;
}
.profile-contents_right_discliption p{
	width: 92%;
	padding-left: 25px;
    box-sizing: border-box;
	text-align: left;
	letter-spacing: 0rem;
}
.profile a{
	text-decoration: none;
	width: 100%;
	display: inline-block;
}
.profile a p{
	color: #333333;
    font-family:Gothic A1, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    font-size: 12px;
    letter-spacing: 0.1rem;
    font-weight: 400;
	display: inline-block;
    padding-right: 43px;
}

.button {
  position: relative;
  display: inline-block;
  text-align: right;
  padding-left: 5px;
  transition: all .3s;
}
.button:after {
  content: "";
  width: 114px;
  height: 0.8px;
  background-color: #333333;
  position: absolute;
  top: 115%;
  right: 0;
  transition: all .3s;
}
.button:before {
  content: "";
  width: 11px;
  height: 0.8px;
  background-color: #333333;
  position: absolute;
  top: 97%;
  right: -1px;
  transform: rotate(45deg);
  transition: all .3s;
}
.button:hover::before{
  right: -21px;
}
.button:hover::after{
  right: -20px;
}







@media screen and (max-width: 1000px){
.profile .profile-contents{
	display: flex;
	flex-direction: row;
}
.profile-contents_left{
	padding-bottom: 40px;
	width: 30%;
}
.profile-contents_right{
	width: 70%;
    padding-left: 0px;
    box-sizing: border-box;
}	
.profile-contents_right .profile-contents_right_discliption{
    margin-bottom: 24px;
}
.profile-contents_right_discliption_icon{
	width: 7%;
}
.profile-contents_right_discliption p{
	width: 93%;
	padding-left: 18px;
	padding-top: 10px;
}	
	
	
@media screen and (max-width: 520px){
.profile .profile-contents{
	display: flex;
	flex-direction: column;
}
.profile-contents_left{
	padding-bottom: 40px;
	width: 100%;
}
.profile-contents_right{
	width: 95%;
    padding-left: 0px;
    box-sizing: border-box;
}	
.profile-contents_right_discliption_icon{
	width: 11%;
}
.profile-contents_right_discliption p{
	width: 89%;
}
}	
	
	
	
	
	
	
	
	
.profile .button{
	width: auto;
	display: inline-block;
	position: absolute;
	right: 0;
}
.profile .button:after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: #6F6F6F;
    position: absolute;
    top: 150%;
    right: 11px;
    transition: all .3s;
}
.profile .button:before {
    content: "";
    width: 11px;
    height: 1px;
    background-color: #6F6F6F;
    position: absolute;
    top: 131%;
    right: 10px;
    transform: rotate(45deg);
    transition: all .3s;
}
}