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

/*共通設定*/
*{
  box-sizing: border-box;
}

img{
 max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a{
  display: block;
	color: #9E9E9E;
	text-decoration: none;
   
}

p a{
  display: inline;
}
/*共通設定ここまで*/



.top_body{
	animation: none;
}

body{
  width: 100%;
  background-color: #ffffff;
  line-height: 1.5;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 14px;
  color: #000000;
}

.inner{
  margin-left: 0;
  margin-right: 0;

}


.background_fix{
/*position: fixed;*/
    z-index: -10;
}

.background_svg {
    width: 100%;
    height: auto;
/*  position: fixed;*/
    filter: blur(10px);
    z-index: -1000;
        transition: background-color 2s;
        transition-timing-function: cubic-bezier(.165,.84,.44,1);
    
    
}



.svg1{
    display: none;
   width: 65%;
    position: absolute;
    top: 12vw;
    left: -4vw;
    animation: 55s linear infinite rotation1;
}


.svg2{
    width: 35%;
    position: absolute;
    top: 10vw;
    right: 25vw;
    animation: 55s linear infinite rotation1;
}



.svg3{
  width: 19%;
    position: absolute;
  top: 0vw;
    right: 48vw;
    animation: 55s linear infinite rotation1;
     display: none;
}


.svg4{
  width: 37%;
    position: absolute;
  top: -1vw;
    right: -16vw;
    animation: 55s linear infinite rotation1;
     display: none;
}


.svg5{
    width: 41%;
    position: absolute;
    top: 81vw;
    right: 42vw;
    animation: 55s linear infinite rotation1;
     display: none;
}

.svg6{
    width: 41%;
    position: absolute;
    top: 81vw;
    right: 42vw;
    animation: 55s linear infinite rotation1;
     display: none;
}







/*ここからローディング画面*/
/*ここからローディング画面*/
/*ここからローディング画面*/
/*ここからローディング画面*/
/*ここからローディング画面*/
/*ここからローディング画面*/


#loader-bg {
  background-color: #000;
  height: auto;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 1000000;
}
#loader-bg .loader {
  left: 50%;
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 100000;
}


.loader {
    box-sizing: border-box;
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 25%;
    max-width: 25%;
    height: 200px;
    align-items: center;
    justify-content: center;
    perspective: 500px;


}

.tooltip {
position: absolute;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 4px 20px;
    white-space: nowrap;
    top: 140px;
    text-align: center;
}


/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.scroll_up {
  transition: 0.6s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}




.timing02 {transition-delay: .2s;}
.timing03 {transition-delay: .4s;}
.timing04 {transition-delay: .6s;}



.scroll_left {
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}




.scroll_right {
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 1.6s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}










@keyframes rotation1{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}





header{
	width: 100%;
	position: fixed;
	z-index: 1000;
  height: auto;
}

.header_sub a{
background-color: #DCDCDC;
text-align: center;
font-size: 11px;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
text-decoration: none;
padding: 14px 20px;
color: #000000;
}





body{
/* font-family:  Arial, Helvetica, "sans-serif"；*/
   margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
}




.circle_logo_layout {
    position: fixed;
    top: 3vw;
    left: 3vw;
    z-index: 10;
}




.circle_logo {
    z-index: 999999999;
    position: absolute;
    height: 2vw;
    width: 2vw;
    display: block;
    border-radius: 50%;
    background-color: #000;
}



.circle_logo a {
  font-size: 16px;
  font-weight: bold;
  height: 2vw;
    width: 2vw;
/*
  outline: 1px solid;
  outline-color: #333;
  outline-offset: 0px;
*/
  display: block;
	background-color: #000;
border-radius: 50%;
  transition: .3s;
	z-index: 999999999;
	
}




.circle_logo a:hover {
z-index: 9999999999;
 animation: light .8s infinite;
	 transform: scale(1.3);


}

@keyframes light {
  100% { 
/*
    outline-color: transparent;
    outline-offset: 12px;
*/
  }
}


.menu{
    position: fixed;
    text-decoration: none;
    top: 3vw;
    right: 3vw;
    display: flex;
    align-items: center;
    z-index: 101;
}

.menu_btn a{
  color: #000;
    font-size: 15px;
  letter-spacing: 2px;
}




#main_visual{
  width: 100%;
  
  
  
}


main{
    background-color: #fff;
}



.visual_text_container{
/*    position: relative;*/
/*    border:  1px solid #FE0004;*/
}

.visual_text{
  letter-spacing: 0.6vw;
  padding: 22% 30% 25% 30%;
  text-align: center;
    mix-blend-mode: difference;
    color: #fff;
    z-index: 1000;
  
}


.visual_text h1{
/*    position: absolute;*/
  font-size: 4vw;
  font-family: Arial, Helvetica, "sans-serif";
  height: 4.8vw;
  
}

.visual_text h2{
/*    position: absolute;*/
  font-size: 1.7vw;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: 200;
  padding-top: 12px;
}



.visual_hover_parent a{
	z-index: 10000;
}



.section_title{
  text-align: center;
  font-size: 22px;
  letter-spacing: 0.4vw;
  padding: 140px 0 155px 0;
}


.section_title h3{
  
  
}




.work_content_grid {
    display: grid;
    gap: 0 3%;
    grid-template-columns: 1fr 1fr 1fr;
    /* grid-template-rows: 350px 350px 350px 350px 350px auto; */
    padding: 0 15%;
/*    grid-template-columns: repeat(3, minmax(200px, 1fr));*/
    
}




.work_item{
  height: auto;
    max-width: 500px;
}




.item {
/*  background: #ddd;*/
/*  padding: 2%;*/
/*  border-radius: 8px;*/
/*  border: 3px solid #ccc;*/

  height: 100%;
/*     max-width: 500px;*/

}
.item img{
    width: 100%;
}



.work_title{
  top: 20px;
  padding: 10px 0 70px 0;
  letter-spacing: 3;
/*  max-width: 500px;*/
    width: 100%;
  
}


.work_title h1{
  text-align: center;
  font-size: 16px;
    letter-spacing: 1px;
}


.work_title h2{
  text-align: center;
  font-size: 10px;
    letter-spacing: 1px;
}



.visual_hover_parent {
/*    max-width: 500px;*/
	width:			100%;
	height:			auto;
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
}
.visual_hover_parent .visual_caption {
	font-size: 25px;
    text-align: center;
    color: #fff;
    padding: 34% 0;
    /* width: 100%; */
    height: 100%;
}
.visual_hover_parent .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.6s ease;
    
}
.visual_hover_parent:hover .mask {
	opacity:		1;	/* マスクを表示する */
    
}



.visual_hover_parent{
    cursor: pointer;
    
}


.visual_hover_parent img {
    transition: transform 0.6s ease-in-out;
}



.visual_hover_parent:hover img{
    transform: scale(1.1);/* 拡大 */
}



.about{
   padding: 0 15%;
    max-width: 1920px;
    margin: auto;
}



.about_content_grid {
    display: grid;
    gap: 0 70px;
    grid-template-columns: 1fr 1fr;
    /* grid-template-rows: 350px 350px 350px 350px 350px auto; */
    padding: 0 15%;
/*    grid-template-columns: repeat(3, minmax(200px, 1fr));*/
    padding-bottom: 200px;
}



.profile{
    padding: 0 20%;
/*
    display: flex;
    justify-content: space-between;
*/
}




.profile_image img {
    max-width: 330px;
    width: 100%;
    
}


.profile_image{
text-align: right;    
}


.profile_contents{
    width: 100%;
}




.my_name_en{
    font-size: 13px;
/*    padding-top: 20px;*/
    
}

.my_name_jp{
    font-size: 33px;
    padding-bottom: 18px;
    letter-spacing: 5px;
}

.profile_title{
    font-size: 20px;
    padding-bottom: 6px;
        letter-spacing: 1px;
}

.profile_text{
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: 240;
    font-size: 15px;
    padding-bottom: 20px;
        line-height: 190%;
}


.skill_title{
    font-size: 18px;
    padding-bottom: 6px;
        letter-spacing: 1px;
}

.skill_icon{
 
}

.skill_icon ul{
       display: flex;
/*    justify-content: space-between;*/
    
}

.skill_icon ul li{
    width: 2vw;
    height: 2vw;
   margin-right: 10px;
    color: #fff;
    text-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #404345;
    position: relative;
}

.skill_icon ul li p{
    font-size: 1em;
    color: #fff;
    text-align: center;
    position: absolute;
     top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:100%;
}




/*
.ai{
    background-color: #953032;
}

.ps{
    background-color: #5C93D5;
}

.id{
    background-color: #9B4D4E;
}


.dw{
    background-color: #BA4E97;
}


.xd{
    background-color: #BA4E97;
}


.dn{
    background-color: #7CDC77;
}

.ae{
    background-color: #2D3293;
}

.pr{
    background-color: #2D3293;
}
*/




.section_title_contact{
  text-align: center;
  font-size: 22px;
  letter-spacing: 0.4vw;
  padding: 100px 0 250px 0;
   
}
.section_title_contact a{
 color: #000;
   
}

.section_title_contact h3 {
    border-bottom: solid 1px #000;
    text-align: center;
    display: inline-block;
}
/*
.section_title_contact .border{
    text-align: center;
    align-items: center;
    border-bottom: 1px solid #000;
    width: 100%;
    height: 10%;

    
  
  
}
*/

.section_title_contact .circle{
text-align: center;
    align-items: center;
    /* border-bottom: 1px solid #000; */
    /* width: 100%; */
    color: #000;
    font-size: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;

    
  
  
}


.circle {
/*    z-index: 9999;*/
/*    position: absolute;*/
    height: 1.5vw;
    width: 1.5vw;
/*    display: block;*/
    border-radius: 50%;
    background-color: #000;
}



.circle a {
  font-size: 16px;
  font-weight: bold;
  height: 1.5vw;
    width: 1.5vw;
/*
  outline: 1px solid;
  outline-color: #333;
  outline-offset: 0px;
*/
    display: block;
  border-radius: 50%;
  transition: .3s;
	background-color: #000;
}




.circle a:hover {
 transform: scale(1.3);
 animation: light .8s infinite;


}

@keyframes light {
  100% { 
    outline-color: transparent;
    outline-offset: 12px;
  }
}


footer {
    font-size: 10px;
    padding: 10px;
    text-align: center;
}





 body {
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
    animation: fadeIn 2s ease 0s 1 normal;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }















/*ここからweb_soel*/
/*ここからweb_soel*/
/*ここからweb_soel*/
/*ここからweb_soel*/
/*ここからweb_soel*/
/*ここからweb_soel*/
/*ここからweb_soel*/
/*ここからweb_soel*/








.works_top_web{
	
}




.works_inner{
 padding: 3% 20px;   
}



.works_box{
        padding: 3% 0 6% 0;
    color: #000;
/*    background-color: #9c5959;*/
}



.works_top_box{
	position: relative;
/*	    margin-bottom: 100px;*/
}

/*

.Arrow_1{
	position: absolute;
	border: 1px solid #000;
	border-radius: 100%;
	display: inline-block;
	width: 25px;
    height: 25px;
	top: 50%;
	left: 7%;
}

*/

.arrow-left{
	position: absolute;
    border: 0;
    border-top: solid 3px #000;
    border-left: solid 3px #000;
    display: inline-block;
    transform: rotate(-45deg);
    width: 15px;
    height: 15px;
	top: 50%;
	left: 7%;
}


.arrow-right{
	position: absolute;
    border: 0;
    border-top: solid 3px #000;
    border-right: solid 3px #000;
    display: inline-block;
    transform: rotate(45deg);
    width: 15px;
    height: 15px;
	top: 50%;
	right: 7%;
}









.works_top_web_grid {
    display: grid;
    gap: 0 6%;
    grid-template-columns: 2fr 3fr;
    /* grid-template-rows: 350px 350px 350px 350px 350px auto; */
    padding: 0 15%;
/*    grid-template-columns: repeat(3, minmax(200px, 1fr));*/
    
}


.works_top_web_flex_box{
/*	display: flex;*/
}


.works_top_left{
	padding-right: 60px;
	border-right: 1px solid #000;
	padding-bottom: 50px;
	    height: 100%;
	
}



.works_genre_1{
	font-size: 15px;
}


.works_genre_2{
	font-size: 15px;
	text-align: right;
}


.works_name{
	font-size: 40px;
	text-align: center;
	padding: 40px 0;
	letter-spacing: 7px;
}


.target{
	font-size: 18px;
	border-bottom: 0.5px solid #000;
	padding: 20px 0 10px 0;
}

.target_text{
	font-weight: 150;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


.corporate_color{
	font-size: 18px;
	border-bottom: 0.5px solid #000;
padding: 20px 0 10px 0;}

.production_time{
	font-size: 18px;
	border-bottom: 0.5px solid #000;
padding: 20px 0 10px 0;}

.production_time_text{
	font-weight: 150;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


.application{
	font-size: 18px;
	border-bottom: 0.5px solid #000;
padding: 20px 0 10px 0;}



.corporate_color_icon ul {
	display: flex;
	padding: 0;
}

.corporate_color_icon ul li{
	width: 2vw;
    height: 2vw;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    align-items: center;
    border-radius: 5px;
/*    background-color: #ABABAB;*/
    position: relative;
	list-style: none;
}

.application_icon ul li p{
	    font-size: 1em;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
	margin: 0;

}


.application_icon ul {
	display: flex;
	padding: 0;
}


.other_app{
    font-weight: 150;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


.application_icon ul li{
	width: 2vw;
    height: 2vw;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #404345;
    position: relative;
	list-style: none;
}

.corporate_color_icon ul li p{
	    font-size: 1em;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
	margin: 0;

}


.brown{
	background-color: #442616;
	
}

.beige_gray{
	background-color:#C5BFB4;
}

.gray{
	background-color:#6D7473;
}

.salmon_pink{
	background-color: #F29C79;
	
}












.concept{
	margin-bottom: 20px;
}


.logo_concept_box{
	display: flex;
	    margin-bottom: 35px;
	
}

.logo{
	width: 100%;
margin: 30px 50px;
	    text-align: center;
}


.concept_text{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 150;
	    letter-spacing: 1px;
}

.concept_text_1{
font-weight: 400;
}


.works_main_visual{
	margin-bottom: 30px;
}


.works_main_visual img{
width: 100%;
}

.button_layout{
	text-align: right;
}

button{
background: none;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
appearance: none;
	padding: 0;
	
}


.works_top_button a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 170px;
  color: #fff;
  font-size: 13px;
  font-weight: 100;
/*  background-color: #cccccc;*/
	border: 0.5px solid #404345;
	border-radius: 100px;
  transition: .3s;
	text-align: left;
	background-color: #404345;
}

.works_top_button a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50vh;
  transition: .3s;
    
}

/*
.works_top_button a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: #2A2A2A;
	color: #fff;
}
*/
.works_top_button a:hover::after {
/*  content: '';*/
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: #fff;
	border: 0.5px solid #888888;
	color: #fff;
     opacity: 0.6;
}

.works_top_button a:hover {
  text-decoration: none;
  background-color: #888888;
	color: #fff;
	border: 0.5px solid #888888;
     opacity: 0.6;
}

.works_top_button a:hover::before {
  background-color: #fff;
     opacity: 0.6;
}



.works_web_image{
/*	margin-bottom: 20%;*/
}



.works_web_image_box{
	padding: 0 20px;
	
	
}

    

.works_web_image_grid {
    display: grid;
    gap: 0 6%;
    grid-template-columns: 2.5fr 1fr 1fr;
    grid-template-rows: 2fr 1fr;
    padding: 10% 15%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
}




.works_web_image_1{
text-align: center;
    grid-row: 1 / 3;
}


.works_web_image_2{
text-align: center;
    grid-row: 1 / 6;
}

.works_web_image_3{
text-align: center;
    
}


.works_web_image_4{
/*    padding-top: 700px;*/
text-align: center;
        grid-row: 3 / 6;
}


.works_web_image_5{
text-align: center;
    grid-row: 4 / 6;
}

.works_web_image_6{
    padding-top: 15%;
text-align: center;
        grid-row: 2 / 4;
}



.works_web_image_1 img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_2 img{
	max-width: 606px;
	width: 100%;
}

.works_web_image_3 img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_4 img{
	max-width: 606px;
	width: 100%;
}

.works_web_image_5 img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_6 img{
	max-width: 606px;
	width: 100%;
}



.works_web_image_2 img{
	max-width: 606px;
	width: 100%;
}
.works_web_image_1 img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_2 img{
	max-width: 606px;
	width: 100%;
}




.button_layout_back_next{
	text-align: center;
        margin: 100px 0 200px 18px;

}

.button_flex_box{
/*    display: flex;*/
    
}


.works_back_button a {
  display: block;
  position: relative;
  margin: 0 5px;
  padding: 1.2em 2em;
  width: 170px;
  color: #fff;
  font-size: 13px;
  font-weight: 100;
/*  background-color: #cccccc;*/
	border: 0.5px solid #404345;
	border-radius: 100px;
  transition: .3s;
	text-align: center;
	background-color: #404345;
}

.works_back_button a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50vh;
  transition: .3s;
    
}

/*
.works_top_button a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: #2A2A2A;
	color: #fff;
}
*/
.works_back_button a:hover::after {
/*  content: '';*/
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: #fff;
	border: 0.5px solid #404345;
	color: #fff;
     opacity: 0.6;
}

.works_back_button a:hover {
  text-decoration: none;
  background-color: #404345;
	color: #fff;
	border: 0.5px solid #404345;
     opacity: 0.6;
}

.works_back_button a:hover::before {
  background-color: #fff;
     opacity: 0.6;
}





.works_next_button a {
  display: block;
  position: relative;
  margin: 0 5px;
  padding: 1.2em 2em;
  width: 170px;
  color: #fff;
  font-size: 13px;
  font-weight: 100;
/*  background-color: #cccccc;*/
	border: 0.5px solid #404345;
	border-radius: 100px;
  transition: .3s;
	text-align: center;
	background-color: #404345;
}

.works_next_button a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background-color: #fff;
  border-radius: 50vh;
  transition: .3s;
    
}

/*
.works_top_button a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: #2A2A2A;
	color: #fff;
}
*/
.works_next_button a:hover::after {
/*  content: '';*/
  position: absolute;
  top: 50%;
  right: 35px;
  transform: translateY(-50%);
  width: 20px;
  height: 2px;
  background-color: #fff;
	border: 0.5px solid #888888;
	color: #fff;
     opacity: 0.6;
}

.works_next_button a:hover {
  text-decoration: none;
  background-color: #888888;
	color: #fff;
	border: 0.5px solid #888888;
     opacity: 0.6;
}

.works_next_button a:hover::before {
  background-color: #fff;
     opacity: 0.6;
}










/*ここからweb_santos*/
/*ここからweb_santos*/
/*ここからweb_santos*/
/*ここからweb_santos*/
/*ここからweb_santos*/
/*ここからweb_santos*/
/*ここからweb_santos*/


.dark_blue{
	background-color: #0E0A51;
	
}

.black{
	background-color:#000;
}

.white{
	background-color:#fff;
        border: 0.3px solid #000;
}






.works_web_image_box_santos {
	padding: 0 20px;
	
	
}

    

.works_web_image_grid_santos {
    display: grid;
    gap: 0 6%;
    grid-template-columns: 2.5fr 1fr 1fr;
    grid-template-rows: 3fr 1fr;
    padding: 10% 15%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
    max-width: 1750px;
    margin: auto;
}




.works_web_image_1_santos{
text-align: center;
    grid-row: 1 / 3;
}


.works_web_image_2_santos{
text-align: center;
    grid-row: 1 / 6;
}

.works_web_image_3_santos{
text-align: center;
    grid-row: 1 / 3;
    
}


.works_web_image_4_santos{
padding-top: 15%;
text-align: center;
        grid-row: 3 / 6;
}


.works_web_image_5_santos{
text-align: center;
    grid-row: 4 / 6;
}

.works_web_image_6_santos{
    padding-top: 15%;
text-align: center;
        grid-row: 2 / 4;
}



.works_web_image_1_santos img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_2_santos img{
	max-width: 606px;
	width: 100%;
}

.works_web_image_3_santos img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_4_santos img{
	max-width: 606px;
	width: 100%;
}

.works_web_image_5_santos img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_6_santos img{
	max-width: 606px;
	width: 100%;
}



.works_web_image_2 img{
	max-width: 606px;
	width: 100%;
}
.works_web_image_1 img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_2 img{
	max-width: 606px;
	width: 100%;
}







/*ここからwe_tokyo_chocolat*/
/*ここからwe_tokyo_chocolat*/
/*ここからwe_tokyo_chocolat*/
/*ここからwe_tokyo_chocolat*/
/*ここからwe_tokyo_chocolat*/
/*ここからwe_tokyo_chocolat*/
/*ここからwe_tokyo_chocolat*/






.works_name_tokyo_chocolat{
	font-size: 25px;
	text-align: center;
	padding: 40px 0;
	letter-spacing: 6px;
}



.black{
	background-color:#000;
}

.white{
	background-color:#fff;
        border: 0.3px solid #000;
}

.sky_blue{
	background-color: #65A6DE;
	
}

.pink{
	background-color: #C2007B;
	
}

.green{
	background-color: #64AA44;
	
}

.works_web_image_box_tokyo_chocolat {
	padding: 0 20px;
	
	
}

    

.works_web_image_grid_tokyo_chocolat {
    display: grid;
    gap: 0 6%;
    grid-template-columns: 2.5fr 1fr 1fr;
    grid-template-rows: 3fr 1fr;
    padding: 10% 15%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
    margin: auto;
    max-width: 1750px;
}




.works_web_image_1_tokyo_chocolat{
text-align: center;
    grid-row: 1 / 3;
}


.works_web_image_2_tokyo_chocolat{
text-align: center;
    grid-row: 1 / 6;
}

.works_web_image_3_tokyo_chocolat{
text-align: center;
    grid-row: 1 / 2;
    
}


.works_web_image_4_tokyo_chocolat{
padding-top: 15%;
text-align: center;
        grid-row: 3 / 6;
}


.works_web_image_5_tokyo_chocolat{
text-align: center;
    grid-row: 4 / 6;
}

.works_web_image_6_tokyo_chocolat{
/*    padding-top: 15%;*/
text-align: center;
        grid-row: 2 / 4;
}



.works_web_image_1_tokyo_chocolat img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_2_tokyo_chocolat img{
	max-width: 606px;
	width: 100%;
}

.works_web_image_3_tokyo_chocolat img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_4_tokyo_chocolat img{
	max-width: 606px;
	width: 100%;
}

.works_web_image_5_tokyo_chocolat img{
	max-width: 606px;
	width: 100%;
}


.works_web_image_6_tokyo_chocolat img{
	max-width: 606px;
	width: 100%;
}








/*ここからsoel_branding*/
/*ここからsoel_branding*/
/*ここからsoel_branding*/
/*ここからsoel_branding*/
/*ここからsoel_branding*/
/*ここからsoel_branding*/
/*ここからsoel_branding*/



.works_image_soel_box {
	padding: 0 20px;
	
	
}

    

.works_image_soel_grid {
    display: grid;
    gap: 1% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
        padding: 0 18% 10% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
		    margin-bottom: 15%;
				align-items: center;
}




.works_image_soel_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_soel_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}

.works_image_soel_3{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_soel_4{
text-align: center;
/*        grid-row: 3 / 6;*/
}


.works_image_soel_5{
text-align: center;
    grid-row: 3 / 5;
		
		}

.works_image_soel_6{
text-align: center;

    grid-row: 3 / 3;

}


.works_image_soel_7{
text-align: center;

    grid-row: 4 / 4;

}


.works_image_soel_8{
text-align: center;
    grid-row: 5 / 5;
}


.works_image_soel_9{
text-align: center;
    grid-row: 5 / 7;
}


.works_image_soel_10{
text-align: center;
    grid-row: 6 / 6;
}


.works_image_soel_11{
text-align: center;
grid-row: 7 / 8;
}


.works_image_soel_12{
text-align: center;
grid-row: 7 / 8;
}





.works_image_soel_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_soel_2 img{
	max-width: 606px;
	width: 100%;
}

.works_image_soel_3 img{
	max-width: 606px;
	width: 100%;
}


.works_image_soel_4 img{
	max-width: 606px;
	width: 100%;
}

.works_image_soel_5 img{
	max-width: 606px;
	width: 100%;
}


.works_image_soel_6 img{
	max-width: 606px;
	width: 100%;
}

.works_image_soel_7 img{
	max-width: 606px;
	width: 100%;
}

.works_image_soel_8 img{
	max-width: 606px;
	width: 100%;
}
.works_image_soel_9 img{
	max-width: 606px;
	width: 100%;
}
.works_image_soel_10 img{
	max-width: 606px;
	width: 100%;
}
.works_image_soel_11 img{
	max-width: 606px;
	width: 100%;
}
.works_image_soel_12 img{
	max-width: 606px;
	width: 100%;
}




/*ここからsoel_mens_branding*/
/*ここからsoel_mens_branding*/
/*ここからsoel_mens_branding*/
/*ここからsoel_mens_branding*/
/*ここからsoel_mens_branding*/
/*ここからsoel_mens_branding*/
/*ここからsoel_mens_branding*/









.mens_soel_blue{
	background-color:#00537E;
}

.white{
	background-color:#fff;
        border: 0.3px solid #000;
}

.mens_soel_gray{
	background-color: #676868;
	
}









.works_image_soel_mens_box {
	padding: 0 20px;
	
	
}

    

.works_image_soel_mens_grid {
    display: grid;
    gap: 1% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
        padding: 10% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_soel_mens_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_soel_mens_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}

.works_image_soel_mens_3{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_soel_mens_4{
text-align: center;
/*        grid-row: 3 / 6;*/
}


.works_image_soel_mens_5{
text-align: center;
/*    grid-row: 3 / 5;*/
		
		}

.works_image_soel_mens_6{
text-align: center;

/*    grid-row: 3 / 3;*/

}


.works_image_soel_mens_7{
text-align: center;

/*    grid-row: 4 / 4;*/

}




.works_image_soel_mens_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_soel_mens_2 img{
	max-width: 606px;
	width: 100%;
}

.works_image_soel_mens_3 img{
	max-width: 606px;
	width: 100%;
}


.works_image_soel_mens_4 img{
	max-width: 606px;
	width: 100%;
}

.works_image_soel_mens_5 img{
	max-width: 606px;
	width: 100%;
}


.works_image_soel_mens_6 img{
	max-width: 606px;
	width: 100%;
}

.works_image_soel_mens_7 img{
	max-width: 606px;
	width: 100%;
}









/*ここから帝国ホテル*/


.yellow{
	background-color: #E1B718;
	
}

.wine_red{
	background-color:#7A2636;
}

.white_beige{
	background-color:#F6F1E3;
}

.dark_yellow{
	background-color:#9C7438;
}


.works_image_soel_mens_box {
	padding: 0 20px;
	
	
}

    

.works_image_hotel_grid {
    display: grid;
    gap: 2% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
        padding: 10% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_hotel_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_hotel_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}

.works_image_hotel_3{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_hotel_4{
text-align: center;
/*        grid-row: 3 / 6;*/
}


.works_image_hotel_5{
text-align: center;
/*    grid-row: 3 / 5;*/
		
		}

.works_image_hotel_6{
text-align: center;

/*    grid-row: 3 / 3;*/

}


.works_image_hotel_7{
text-align: center;

/*    grid-row: 4 / 4;*/

}

.works_image_hotel_8{
text-align: center;

/*    grid-row: 4 / 4;*/

}





.works_image_hotel_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_hotel_2 img{
	max-width: 606px;
	width: 100%;
}

.works_image_hotel_3 img{
	max-width: 606px;
	width: 100%;
}


.works_image_hotel_4 img{
	max-width: 606px;
	width: 100%;
}

.works_image_hotel_5 img{
	max-width: 606px;
	width: 100%;
}


.works_image_hotel_6 img{
	max-width: 606px;
	width: 100%;
}

.works_image_hotel_7 img{
	max-width: 606px;
	width: 100%;
}

.works_image_hotel_8 img{
	max-width: 606px;
	width: 100%;
}



/*ここからtokyo_chocolat*/
/*ここからtokyo_chocolat*/
/*ここからtokyo_chocolat*/
/*ここからtokyo_chocolat*/
/*ここからtokyo_chocolat*/
/*ここからtokyo_chocolat*/
/*ここからtokyo_chocolat*/



.navy{
	background-color: #1A1E3C;
	
}

.mos_green{
	background-color:#536755;
}

.baby_pink{
	background-color:#E8B7D4;
}

.charcoal{
	background-color:#9B7C5B;
}


.works_image_tokyo_chocolat_box {
	padding: 0 20px;
	
	
}

    

.works_image_tokyo_chocolat_grid {
    display: grid;
    gap: 2% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
        padding: 10% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_tokyo_chocolat_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_tokyo_chocolat_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}

.works_image_tokyo_chocolat_3{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_tokyo_chocolat_4{
text-align: center;
/*        grid-row: 3 / 6;*/
}


.works_image_tokyo_chocolat_5{
text-align: center;
/*    grid-row: 3 / 5;*/
		
		}

.works_image_tokyo_chocolat_6{
text-align: center;

/*    grid-row: 3 / 3;*/

}


.works_image_tokyo_chocolat_7{
text-align: center;

/*    grid-row: 4 / 4;*/

}

.works_image_tokyo_chocolat_8{
text-align: center;

/*    grid-row: 4 / 4;*/

}





.works_image_tokyo_chocolat_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_tokyo_chocolat_2 img{
	max-width: 606px;
	width: 100%;
}

.works_image_tokyo_chocolat_3 img{
	max-width: 606px;
	width: 100%;
}


.works_image_tokyo_chocolat_4 img{
	max-width: 606px;
	width: 100%;
}

.works_image_tokyo_chocolat_5 img{
	max-width: 606px;
	width: 100%;
}


.works_image_tokyo_chocolat_6 img{
	max-width: 606px;
	width: 100%;
}

.works_image_tokyo_chocolat_7 img{
	max-width: 606px;
	width: 100%;
}

.works_image_tokyo_chocolat_8 img{
	max-width: 606px;
	width: 100%;
}




/*ここからtokyo_chocolat_cyber*/
/*ここからtokyo_chocolat_cyber*/
/*ここからtokyo_chocolat_cyber*/
/*ここからtokyo_chocolat_cyber*/
/*ここからtokyo_chocolat_cyber*/
/*ここからtokyo_chocolat_cyber*/
/*ここからtokyo_chocolat_cyber*/
/*ここからtokyo_chocolat_cyber*/



.works_image_tokyo_chocolat_cyber_box {
	padding: 0 20px;
	
	
}

    

.works_image_tokyo_chocolat_cyber_grid {
    display: grid;
    gap: 2% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
        padding: 10% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_tokyo_chocolat_cyber_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_tokyo_chocolat_cyber_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}

.works_image_tokyo_chocolat_cyber_3{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_tokyo_chocolat_cyber_4{
text-align: center;
/*        grid-row: 3 / 6;*/
}


.works_image_tokyo_chocolat_cyber_5{
text-align: center;
/*    grid-row: 3 / 5;*/
		
		}

.works_image_tokyo_chocolat_cyber_6{
text-align: center;

/*    grid-row: 3 / 3;*/

}





.works_image_tokyo_chocolat_cyber_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_tokyo_chocolat_cyber_2 img{
	max-width: 606px;
	width: 100%;
}

.works_image_tokyo_chocolat_cyber_3 img{
	max-width: 606px;
	width: 100%;
}


.works_image_tokyo_chocolat_cyber_4 img{
	max-width: 606px;
	width: 100%;
}

.works_image_tokyo_chocolat_cyber_5 img{
	max-width: 606px;
	width: 100%;
}


.works_image_tokyo_chocolat_cyber_6 img{
	max-width: 606px;
	width: 100%;
}



/*ここからエディトリアル*/
/*ここからエディトリアル*/
/*ここからエディトリアル*/
/*ここからエディトリアル*/
/*ここからエディトリアル*/
/*ここからエディトリアル*/
/*ここからエディトリアル*/
/*ここからエディトリアル*/





.light_gray{
	background-color: #898989;
	
}


.works_image_goodlife_box {
	padding: 0 20px;
	
	
}

    

.works_image_goodlife_grid {
    display: grid;
    gap: 2% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
        padding: 10% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_goodlife_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_goodlife_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}

.works_image_goodlife_3{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_goodlife_4{
text-align: center;
/*        grid-row: 3 / 6;*/
}



.works_image_goodlife_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_goodlife_2 img{
	max-width: 606px;
	width: 100%;
}

.works_image_goodlife_3 img{
	max-width: 606px;
	width: 100%;
}


.works_image_goodlife_4 img{
	max-width: 606px;
	width: 100%;
}




/*ここからTypography*/
/*ここからTypography*/
/*ここからTypography*/
/*ここからTypography*/
/*ここからTypography*/
/*ここからTypography*/
/*ここからTypography*/





.gray_beige{
	background-color: #595757;
	
}

.red{
	background-color: #C30D23;
	
}


.works_image_typography_box {
	padding: 0 20px;
	
	
}

    

.works_image_typography_grid {
    display: grid;
    gap: 2% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
        padding: 10% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_typography_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_typography_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}



.works_image_typography_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_typography_2 img{
	max-width: 606px;
	width: 100%;
}




/*ここからピュレグミ*/
/*ここからピュレグミ*/
/*ここからピュレグミ*/
/*ここからピュレグミ*/
/*ここからピュレグミ*/
/*ここからピュレグミ*/
/*ここからピュレグミ*/



.orange{
	background-color: #ED6E12;
	
}

.pure_green{
	background-color: #33A238;
	
}

.pure_gold{
	background-color: #AC9250;
	
}



.works_image_pure_box {
	padding: 0 20px;
	
	
}

    

.works_image_pure_grid {
    display: grid;
    gap: 2% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
        padding: 10% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_pure_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_pure_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}



.works_image_pure_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_pure_2 img{
	max-width: 606px;
	width: 100%;
}




/*ここからANESSA*/
/*ここからANESSA*/
/*ここからANESSA*/
/*ここからANESSA*/
/*ここからANESSA*/
/*ここからANESSA*/




.anessa_blue{
	background-color: #1D498B;
	
}

.anessa_sky_blue{
	background-color: #1993BE;
	
}

.anessa_beige{
	background-color: #EFCFAC;
	
}


.works_image_anessa_box {
	padding: 0 20px;
	
	
}

    

.works_image_anessa_grid {
    display: grid;
    gap: 2% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
        padding: 10% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_anessa_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_anessa_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}



.works_image_anessa_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_anessa_2 img{
	max-width: 606px;
	width: 100%;
}




/*ここからSANTOS*/
/*ここからSANTOS*/
/*ここからSANTOS*/
/*ここからSANTOS*/
/*ここからSANTOS*/






.works_image_santos_box {
	padding: 0 20px;
	
	
}

    

.works_image_santos_grid {
    display: grid;
    gap: 1% 3%;
    grid-template-columns: 1fr 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
        padding: 10% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_santos_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_santos_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}

.works_image_santos_3{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}

.works_image_santos_4{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}

.works_image_santos_5{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}

.works_image_santos_6{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}

.works_image_santos_7{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}

.works_image_santos_8{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}
.works_image_santos_9{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}

.works_image_santos_10{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}

.works_image_santos_11{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}

.works_image_santos_12{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}




.works_image_santos_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_santos_2 img{
	max-width: 606px;
	width: 100%;
}

.works_image_santos_3 img{
	max-width: 606px;
	width: 100%;
}

.works_image_santos_4 img{
	max-width: 606px;
	width: 100%;
}


.works_image_santos_5 img{
	max-width: 606px;
	width: 100%;
}

.works_image_santos_6 img{
	max-width: 606px;
	width: 100%;
}


.works_image_santos_7 img{
	max-width: 606px;
	width: 100%;
}


.works_image_santos_8 img{
	max-width: 606px;
	width: 100%;
}

.works_image_santos_9 img{
	max-width: 606px;
	width: 100%;
}



.works_image_santos_10 img{
	max-width: 606px;
	width: 100%;
}


.works_image_santos_11 img{
	max-width: 606px;
	width: 100%;
}

.works_image_santos_12 img{
	max-width: 606px;
	width: 100%;
}














/*ここからblender*/
/*ここからblender*/
/*ここからblender*/
/*ここからblender*/
/*ここからblender*/
/*ここからblender*/
/*ここからblender*/







.target{
	font-size: 18px;
	border-bottom: 0.5px solid #000;
	padding: 20px 0 10px 0;
}

.target_text{
	font-weight: 150;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}


.Commitment{
	font-size: 18px;
  border-bottom: 0.5px solid #000;
}




.Commitment_text{
  font-weight: 150;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  
}




.application{
	font-size: 18px;
	border-bottom: 0.5px solid #000;
padding: 20px 0 10px 0;}

.application_text{
  font-weight: 150;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}





.works_top_web_blender_grid {
    display: grid;
    gap: 0 6%;
    grid-template-columns: 2fr 3fr;
    /* grid-template-rows: 350px 350px 350px 350px 350px auto; */
    padding: 0 15%;
/*    grid-template-columns: repeat(3, minmax(200px, 1fr));*/
    
}


.works_top_web_blender_flex_box{
/*	display: flex;*/
}


.works_top_blender_left{
	padding-right: 60px;
	border-right: 1px solid #000;
	padding-bottom: 50px;
	    height: 100%;
	
}

.works_top_blender_right{
  padding: 20% 0;
}









.works_image_blender_box {
	padding: 0 20px;
	
	
}

    

.works_image_blender_grid {
    display: grid;
    gap: 3% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
           padding: 0 18% 2% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_blender_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_blender_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}

.works_image_blender_3{
text-align: center;
		height: auto;
/*    grid-row: 1 / 3;*/
    
}


.works_image_blender_4{
		height: auto;
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_blender_5{
		height: auto;
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_blender_6{
		height: auto;
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_blender_7{
		height: auto;
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_blender_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_blender_2 img{
	max-width: 606px;
	width: 100%;
}

.works_image_blender_3 video{
		height: auto;
	max-width: 606px;
	width: 100%;
}

.works_image_blender_4 video{
		height: auto;
	max-width: 606px;
	width: 100%;
}

.works_image_blender_6 video{
		height: auto;
	max-width: 606px;
	width: 100%;
}


.works_image_blender_7 video{
		height: auto;
	max-width: 606px;
	width: 100%;
}


.works_image_blender_5{
  width: 100%;
}

.works_image_blender_5 video{
  width: 100%;
  height: auto;
  max-width: 606px;
}


.button_layout_back_next_blender {
    text-align: center;
    margin: 350px 0 200px 18px;
}





/*ここから線と点*/
/*ここから線と点*/
/*ここから線と点*/
/*ここから線と点*/
/*ここから線と点*/
/*ここから線と点*/
/*ここから線と点*/
/*ここから線と点*/





.works_top_web_blender_grid {
    display: grid;
    gap: 0 6%;
    grid-template-columns: 2fr 3fr;
    /* grid-template-rows: 350px 350px 350px 350px 350px auto; */
    padding: 0 15%;
/*    grid-template-columns: repeat(3, minmax(200px, 1fr));*/
    
}



.works_top_senten_left{
	padding-right: 60px;
	border-right: 1px solid #000;
	padding-bottom: 50px;
	    height: 100%;
	
}

.works_top_senten_right{
  padding: 0;
}



.works_image_senten_box {
	padding: 0 20px;
	
	
}



.works_image_senten_grid {
    display: grid;
    gap: 3% 3%;
    grid-template-columns: 1fr 1fr;
/*        grid-template-rows: 390px 390px 390px 390px 390px auto;*/
           padding: 0 18% 2% 18%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
/*    max-width: 1750px;*/
/*		    margin-bottom: 30%;*/
				align-items: center;
}




.works_image_senten_1{
text-align: center;
/*    grid-row: 1 / 3;*/
}


.works_image_senten_2{
text-align: center;
/*    grid-row: 1 / 6;*/
}

.works_image_senten_3{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_senten_4{
text-align: center;
/*    grid-row: 1 / 3;*/
    
}


.works_image_senten_1 img{
	max-width: 606px;
	width: 100%;
}


.works_image_senten_2 img{
	max-width: 606px;
	width: 100%;
}

.works_image_senten_3 img{
	max-width: 606px;
	width: 100%;
}

.works_image_senten_4 img{
	max-width: 606px;
	width: 100%;
}




/*ここからblender*/
/*ここからblender*/
/*ここからblender*/
/*ここからblender*/
/*ここからblender*/



.works_image_blender_5{
  width: 100%;
}

.works_image_blender_5 video{
  width: 100%;
  height: auto;
  max-width: 606px;
}




























/*ここからpcとタブレット*/
/*ここからpcとタブレット*/
/*ここからpcとタブレット*/
/*ここからpcとタブレット*/
/*ここからpcとタブレット*/
/*ここからpcとタブレット*/
@media only screen and (max-width:1300px){
	
	
	.profile_image {
    text-align: center;
}
	
	.about_content_grid {
    display: grid;
    gap: 5% 0;
    grid-template-columns: 1fr;
    /* grid-template-rows: 350px 350px 350px 350px 350px auto; */
    padding: 0 31%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
    padding-bottom: 200px;
}
	
	
.skill_icon ul li {
    width: 4vw;
    height: 4vw;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #404345;
    position: relative;
}
	
	.skill_icon ul {
    display: flex;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
	
	
	
	
/*ここからタブレットのweb_soel*/
	
	.logo_concept_box {
    display: flex;
    margin-bottom: 35px;
    flex-direction: column;
}
	
	.logo {
   width: 100%; 
    margin: 30px 0px;
    text-align: left; 
}
	
	
	
	
	
	.works_name {
    font-size: 19px;
    text-align: center;
    padding: 40px 0;
    letter-spacing: 7px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}



























/*ここからSPページ*/
/*ここからSPページ*/
/*ここからSPページ*/
/*ここからSPページ*/
/*ここからSPページ*/
/*ここからSPページ*/
/*ここからSPページ*/


@media only screen and (max-width: 600px){
	
	
	
	#loader-bg {
    background-color: #000;
    height: auto;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1000000;
    overflow: hidden;
}
	
	
	header {
    width: 100%;
    position: fixed;
    z-index: 1000;
    height: auto;
    overflow: hidden;
        top: 0px;
    left: 0px;
    right: 0px;
}
	
	.circle_logo_layout {
    position: fixed;
    top: 5vw;
    left: 5vw;
    z-index: 10;
}
	
	
	.circle_logo a {
    /* font-size: 23px; */
    font-weight: bold;
    height: 8vw;
    width: 8vw;
    display: block;
    background-color: #000;
    border-radius: 50%;
    transition: .3s;
    z-index: 999999999;
}
	
	
	
	.circle_logo {
    z-index: 999999999;
    position: absolute;
    height: 8vw;
    width: 8vw;
    display: block;
    border-radius: 50%;
    background-color: #000;
}
	
	
	.menu {
    position: fixed;
    text-decoration: none;
    top: 5vw;
    right: 5vw;
    /* display: flex; */
    align-items: center;
    z-index: 101;
}
	
	.menu_btn a {
    color: #000;
    font-size: 12px;
    letter-spacing: 2px;
		mix-blend-mode: difference;
		padding-top: 5px;
		    overflow: hidden;
}
	
	
	
	
	
	.main_visual_layout{
		overflow: hidden;
        position: relative;
	}
	
	
	#main_visual {
    /* width: 100%; */
}
	
	
.svg2 {
    width: 100%;
    position: absolute;
    top: 174px;
    right: -113px;
    animation: 55s linear infinite rotation1;
    overflow: hidden;
}
	
	.svg2 img{
overflow: hidden;
}
	
	
	
	
	.visual_text_container {
    position: relative;
    height: 100vh;
		    overflow: hidden;
    /* border: 1px solid #FE0004;*/
}
	
	
	
	
	
	
	
	.visual_text {
    letter-spacing: 0.6vw;
    /* padding: 80% 0% 25% 0%; */
    text-align: center;
    mix-blend-mode: difference;
    color: #fff;
    z-index: 1000;
    height: 60px;
    /* display: table; */
    /* text-align: center; */
    position: absolute;
    top: 40%;
    left: 15%;
		padding: 0;
}

	
	
	
	.visual_text h1 {
    /* position: absolute; */
    font-size: 11vw;
    font-family: Arial, Helvetica, "sans-serif";
    height: 12vw;
}
	
	.visual_text h2 {
    /* position: absolute; */
    font-size: 5vw;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: 200;
            padding-top: 12px;
}
	
	
	
	.scroll_up {
  transition: 0.6s ease-in-out;
  transform: translateY(20px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}




.timing02 {transition-delay: .0s;}
.timing03 {transition-delay: .0s;}
.timing04 {transition-delay: .0s;}



.scroll_left {
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
    transform: translateX(-20px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}




.scroll_right {
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 1.6s ease-in-out;
    transform: translateX(20px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}






	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.work_content_grid {
    display: grid;
    gap: 0%;
    grid-template-columns: 1fr;
    /* grid-template-rows: 350px 350px 350px 350px 350px auto; */
    padding: 0px 10%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
}
	
	.work_title {
    top: 20px;
    padding: 10px 0 40px 0;
    letter-spacing: 3;
    /* max-width: 500px; */
    width: 100%;
}
	
	
	
	
	
	.about {
    padding: 0 10%;
    /* padding-bottom: 200%; */
    overflow: hidden;
}
	
	
	.section_title {
    text-align: center;
    font-size: 22px;
    letter-spacing: 0.4vw;
    padding: 20px 0 70px 0;
		overflow: hidden;
}
	
	.about_content_grid {
    display: grid;
    gap: 0 70px;
    grid-template-columns: 1fr;
    /* grid-template-rows: 350px 350px 350px 350px 350px auto; */
    padding: 0px 9%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
    padding-bottom: 150px;
		overflow: hidden;
}
	
	
	
	.my_name_en {
    font-size: 13px;
    padding-top: 20px;
}
	
	.my_name_jp {
    font-size: 30px;
    padding-bottom: 18px;
    letter-spacing: 5px;
    font-weight: 200;
}
    
    .profile_text {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-weight: 240;
    font-size: 12px;
    padding-bottom: 20px;
    line-height: 190%;
}
	
	.profile_title {
    font-size: 16px;
    padding-bottom: 6px;
    letter-spacing: 1px;
}
    
    .skill_title {
    font-size: 14px;
    padding-bottom: 6px;
    letter-spacing: 1px;
}
	
	
	.skill_icon ul {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: initial; */
}
	
	.skill_icon ul li {
    width: 10vw;
    height: 10vw;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #404345;
    position: relative;
    margin-bottom: 10px;
}
	
	
	
	
	.circle {
    /* z-index: 9999; */
    /* position: absolute; */
    height: 7vw;
    width: 7vw;
    /* display: block; */
    border-radius: 50%;
    background-color: #000;
}
	
	.circle a {
    font-size: 16px;
    font-weight: bold;
    height: 7vw;
    width: 7vw;
    display: block;
    border-radius: 50%;
    /* transition: .3s; */
    background-color: #000;
}
	
	
	
	.works_name {
    font-size: 28px;
    text-align: center;
    padding: 40px 0;
    letter-spacing: 7px;
}
	
	
	
	
	
	
/*ここからスマホsoel*/
    /*ここからスマホsoel*/
    /*ここからスマホsoel*/
    /*ここからスマホsoel*/
    /*ここからスマホsoel*/
    /*ここからスマホsoel*/
	
	
    
    
    
    
    
    
    
    
    .works_box {
        padding: 25% 0 25% 0;
    color: #000;
    /* background-color: #9c5959; */
}
	
    .works_top_web_grid {
    display: grid;
    gap: 0 6%;
    grid-template-columns: 1fr;
    /* grid-template-rows: 350px 350px 350px 350px 350px auto; */
    padding: 0 15%;
    /* grid-template-columns: repeat(3, minmax(200px, 1fr)); */
}
    
    
.works_top_left {
    padding-right: 0;
    border-right: 0;
    padding-bottom: 50px;
    height: 100%;
}
    
    
.logo_concept_box {
    display: unset;
    margin-bottom: 35px;
}
    
    
    
    .arrow-left {
    position: absolute;
    border: 0;
    border-top: solid 3px #000;
    border-left: solid 3px #000;
    display: inline-block;
    transform: rotate(-45deg);
    width: 13px;
    height: 13px;
    top: 6%;
    left: 1px;
}
    
    .arrow-right {
    position: absolute;
    border: 0;
    border-top: solid 3px #000;
    border-right: solid 3px #000;
    display: inline-block;
    transform: rotate(45deg);
    width: 13px;
    height: 13px;
    top: 6%;
    right: 1px;
}
    
    
    
    .corporate_color_icon ul li {
    width: 10vw;
    height: 10vw;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    align-items: center;
    border-radius: 5px;
    /* background-color: #ABABAB; */
    position: relative;
    list-style: none;
}
    
    .application_icon ul li {
    width: 10vw;
    height: 10vw;
    margin-right: 10px;
    color: #fff;
    text-align: center;
    align-items: center;
    border-radius: 5px;
    background-color: #404345;
    position: relative;
    list-style: none;
}
    
    
    
    
    .logo {
    width: 100%;
    margin: 60px 0;
    text-align: center;
}
    
    
    
    .button_layout {
    text-align: center;
}
    
    
    
   .works_web_image_grid {
    display: unset;
    padding:0;
}
    
   .works_web_image_1 {
    text-align: center;
    /* grid-row: 1 / 2; */
    margin-bottom: 50px;
}
    
.works_web_image_2 {
    text-align: center;
    /* grid-row: 2 / 3; */
    margin-bottom: 50px;
}
    
    .works_web_image_3 {
    text-align: center;
    margin-bottom: 50px;
}
    
    
    
    
    
    .works_back_button a {
    display: block;
    position: relative;
    margin: 0 5px;
    padding: 1.2em 2em;
    width: 120px;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    /* background-color: #cccccc; */
    border: 0.5px solid #404345;
    border-radius: 100px;
    transition: .3s;
    text-align: center;
    background-color: #404345;
}
    
    
    .works_next_button a {
    display: block;
    position: relative;
    margin: 0 5px;
    padding: 1.2em 2em;
    width: 120px;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    /* background-color: #cccccc; */
    border: 0.5px solid #404345;
    border-radius: 100px;
    transition: .3s;
    text-align: center;
    background-color: #404345;
}
    
    
    .button_layout_back_next {
    text-align: center;
    margin: 100px 0 200px 0;
}
    
    
    
    
    
    
/*ここからスマホのweb_santos*/
    /*ここからスマホのweb_santos*/
    /*ここからスマホのweb_santos*/
    /*ここからスマホのweb_santos*/
    /*ここからスマホのweb_santos*/
    /*ここからスマホのweb_santos*/
    /*ここからスマホのweb_santos*/
    
    
    
    .works_web_image_grid_santos {
    display: unset;
    padding: 0;
    max-width: 1750px;
}
    
    .works_web_image_1_santos {
    text-align: center;
    margin-bottom: 50px;
}
	.works_web_image_1_santos {
    text-align: center;
    margin-bottom: 50px;
}
	.works_web_image_2_santos {
    text-align: center;
    margin-bottom: 50px;
}
	.works_web_image_3_santos {
    text-align: center;
    margin-bottom: 50px;
}
	.works_web_image_4_santos {
    text-align: center;
    margin-bottom: 50px;
}
	.works_web_image_5_santos {
    text-align: center;
    margin-bottom: 50px;
}

	
	
	
	
	
    
/*ここからSPのweb_tokyo_chocolat*/
	/*ここからSPのweb_tokyo_chocolat*/
	/*ここからSPのweb_tokyo_chocolat*/
	/*ここからSPのweb_tokyo_chocolat*/
	/*ここからSPのweb_tokyo_chocolat*/
	/*ここからSPのweb_tokyo_chocolat*/
	/*ここからSPのweb_tokyo_chocolat*/

	
    
	
	.works_web_image_grid_tokyo_chocolat {
    display: unset;
    gap: 0 6%;
   padding: 0; 
    max-width: 1750px;
}
	
	
	
	
	.works_web_image_1_tokyo_chocolat {
    text-align: center;
    margin-bottom: 50px;
}
	
		
	.works_web_image_2_tokyo_chocolat {
    text-align: center;
    margin-bottom: 50px;
}
	
		
	.works_web_image_3_tokyo_chocolat {
    text-align: center;
    margin-bottom: 50px;
}
	
		
	.works_web_image_4_tokyo_chocolat {
    text-align: center;
		margin-top: unset;
    margin-bottom: 50px;
}
	
		
	.works_web_image_5_tokyo_chocolat {
    text-align: center;
    margin-bottom: 50px;
}
	
	
	/*ここからSPのsoel*/
	/*ここからSPのsoel*/
	/*ここからSPのsoel*/
	/*ここからSPのsoel*/
	/*ここからSPのsoel*/
	
	
	
	
	.works_image_soel_grid {
    display: unset;
 padding: 0;
 margin-bottom: 15%;
    align-items: center;
}
	
	.works_image_soel_1 {
    text-align: center;
    margin-bottom: 50px;
}
		.works_image_soel_2 {
    text-align: center;
    margin-bottom: 50px;
}
		.works_image_soel_3 {
    text-align: center;
    margin-bottom: 50px;
}
		.works_image_soel_4 {
    text-align: center;
    margin-bottom: 50px;
}
		.works_image_soel_5 {
    text-align: center;
    margin-bottom: 50px;
}
		.works_image_soel_6 {
    text-align: center;
    margin-bottom: 50px;
}	
	
	.works_image_soel_7 {
    text-align: center;
    margin-bottom: 50px;
}
		.works_image_soel_8 {
    text-align: center;
    margin-bottom: 50px;
}
	
		.works_image_soel_9 {
    text-align: center;
    margin-bottom: 50px;
}
	
		.works_image_soel_10 {
    text-align: center;
    margin-bottom: 50px;
}
	
		.works_image_soel_11 {
    text-align: center;
    margin-bottom: 50px;
}
	
		.works_image_soel_12 {
    text-align: center;
    margin-bottom: 50px;
}
	

	
/*ここからSpのsoel_mens*/
	/*ここからSpのsoel_mens*/
	/*ここからSpのsoel_mens*/
	/*ここからSpのsoel_mens*/
	/*ここからSpのsoel_mens*/
	/*ここからSpのsoel_mens*/
	/*ここからSpのsoel_mens*/
	/*ここからSpのsoel_mens*/
	
	
	.works_image_soel_mens_grid {
    display: unset;
    padding: 0;
    align-items: center;
}
	
	.works_image_soel_mens_1 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_soel_mens_2 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_soel_mens_3 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_soel_mens_4 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_soel_mens_5 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_soel_mens_6 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_soel_mens_7 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_soel_mens_8 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
	
	
	
/*ここからSPの帝国ホテル*/
	/*ここからSPの帝国ホテル*/
	/*ここからSPの帝国ホテル*/
	/*ここからSPの帝国ホテル*/
	/*ここからSPの帝国ホテル*/
	/*ここからSPの帝国ホテル*/
	/*ここからSPの帝国ホテル*/
	
	
	
	.works_image_hotel_grid {
    display: unset;
    padding: 0;
    align-items: center;
}
	
	
	.works_image_hotel_1 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_hotel_2 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_hotel_3 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_hotel_4 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_hotel_5 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_hotel_6 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_hotel_7 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_hotel_8 {
    text-align: center;
    margin-bottom: 50px;
}
	

	
	
/*ここからSPのTOKYO_CHOCOLAT*/
	/*ここからSPのTOKYO_CHOCOLAT*/
	/*ここからSPのTOKYO_CHOCOLAT*/
	/*ここからSPのTOKYO_CHOCOLAT*/
	/*ここからSPのTOKYO_CHOCOLAT*/
	/*ここからSPのTOKYO_CHOCOLAT*/
	/*ここからSPのTOKYO_CHOCOLAT*/
	
	
	.works_image_tokyo_chocolat_grid {
    display: unset;
    padding: 0;
}
	
	.works_image_tokyo_chocolat_1 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_tokyo_chocolat_2{
    margin-bottom: 50px;
}
	.works_image_tokyo_chocolat_3 {
    text-align: center;
    margin-bottom: 50px;
}.works_image_tokyo_chocolat_4 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_tokyo_chocolat_5 {
    text-align: center;
    margin-bottom: 50px;
}.works_image_tokyo_chocolat_6 {
    text-align: center;
    margin-bottom: 50px;
}.works_image_tokyo_chocolat_7 {
    text-align: center;
    margin-bottom: 50px;
}.works_image_tokyo_chocolat_8 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
	
	
	
	
	
/*ここからSPのTOKYO_CHOCOLAT_CYBER*/
	/*ここからSPのTOKYO_CHOCOLAT_CYBER*/
	/*ここからSPのTOKYO_CHOCOLAT_CYBER*/
	/*ここからSPのTOKYO_CHOCOLAT_CYBER*/
	/*ここからSPのTOKYO_CHOCOLAT_CYBER*/
	/*ここからSPのTOKYO_CHOCOLAT_CYBER*/
	
	
    
    
    
    .works_image_tokyo_chocolat_cyber_grid {
    display: unset;
    padding: 0;
}
    
    .works_image_tokyo_chocolat_cyber_1 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_tokyo_chocolat_cyber_2 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_tokyo_chocolat_cyber_3 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_tokyo_chocolat_cyber_4 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_tokyo_chocolat_cyber_5 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_tokyo_chocolat_cyber_6 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
    
/*ここからSPのGOODLIFE*/
	/*ここからSPのGOODLIFE*/
	/*ここからSPのGOODLIFE*/
	/*ここからSPのGOODLIFE*/
	/*ここからSPのGOODLIFE*/
	/*ここからSPのGOODLIFE*/
	/*ここからSPのGOODLIFE*/
	/*ここからSPのGOODLIFE*/
    
	
	.works_image_goodlife_grid {
    display: unset;
    padding: 10% 18%;
}
	
	
	.works_image_goodlife_1 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_goodlife_2 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_goodlife_3 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_goodlife_4 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
	
/*ここからSPのTypography*/
	/*ここからSPのTypography*/
	/*ここからSPのTypography*/
	/*ここからSPのTypography*/
	/*ここからSPのTypography*/
	/*ここからSPのTypography*/
	/*ここからSPのTypography*/
	/*ここからSPのTypography*/
	
	.works_image_typography_grid {
    display: unset;
}
	
	.works_image_typography_1 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_typography_2 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
	
	
	
	
	/*ここからSPのピュレグミ*/
		/*ここからSPのピュレグミ*/
		/*ここからSPのピュレグミ*/
		/*ここからSPのピュレグミ*/
		/*ここからSPのピュレグミ*/
		/*ここからSPのピュレグミ*/
		/*ここからSPのピュレグミ*/
		/*ここからSPのピュレグミ*/
	
	.works_image_pure_grid {
    display: unset;
}
	
	.works_image_pure_1 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
	
	
	
		/*ここからSPのANESSA*/
	/*ここからSPのANESSA*/
	/*ここからSPのANESSA*/
	/*ここからSPのANESSA*/
	/*ここからSPのANESSA*/
	/*ここからSPのANESSA*/
	/*ここからSPのANESSA*/
	/*ここからSPのANESSA*/
	
	
	.works_image_anessa_grid {
    display: unset;
}
	
	
	.works_image_anessa_1 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
	/*ここからSPのSANTOS*/
	/*ここからSPのSANTOS*/
	/*ここからSPのSANTOS*/
	/*ここからSPのSANTOS*/
	/*ここからSPのSANTOS*/
	/*ここからSPのSANTOS*/
	/*ここからSPのSANTOS*/
	
	.works_image_santos_grid {
    display: unset;
    padding: 0;
}
	
	.works_image_santos_1 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_santos_2 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_santos_3 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_santos_4 {
    text-align: center;
    margin-bottom: 50px;
}
	
		.works_image_santos_5 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_santos_6 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_santos_7 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_santos_8 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
		.works_image_santos_9 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_santos_10 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_santos_11 {
    text-align: center;
    margin-bottom: 50px;
}
	.works_image_santos_12 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
	
	
	/*ここからSPの点と線*/
	/*ここからSPの点と線*/
	/*ここからSPの点と線*/
	/*ここからSPの点と線*/
	/*ここからSPの点と線*/
	/*ここからSPの点と線*/
	
	.works_top_web_blender_grid {
    display: flex;
    padding: 0 15%;
    flex-direction: column;
}
	
	.works_top_senten_left {
    padding-right: 60px;
    border-right: none;
    padding-bottom: 50px;
    height: 100%;
}
	
	.works_top_senten_left {
    padding-right: 0;
    border-right: none;
    padding-bottom: 50px;
    height: 100%;
}
	
	
	
	.works_image_senten_grid {
    display: unset;
}
	
	
	.works_image_senten_1 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_senten_2 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_senten_3 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_senten_4 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
	
	
/*ここからSPのBlender*/
	/*ここからSPのBlender*/
	/*ここからSPのBlender*/
	/*ここからSPのBlender*/
	/*ここからSPのBlender*/
	/*ここからSPのBlender*/
	/*ここからSPのBlender*/
	/*ここからSPのBlender*/
	
	
	
	
	.works_top_blender_left {
    padding-right: 0;
    border-right: none;
    padding-bottom: 50px;
    height: 100%;
}
	
	
	.works_image_blender_grid {
    display: unset;
}
	
	.works_image_blender_1 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_blender_2 {
    text-align: center;
    margin-bottom: 50px;
}
	
	.works_image_blender_3 {
    text-align: center;
    margin-bottom: 40px;
}
	
	.works_image_blender_4 {
    text-align: center;
    margin-bottom: 50px;
}
	
	
	.works_image_blender_3 video {
    max-width: 606px;
    width: 100%;
    height: auto;
}
	
	
	.works_image_blender_4 video {
    max-width: 606px;
    width: 100%;
    height: auto;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
    
    
	
	
	
	
	
	
	
	
}