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

@media screen and (max-width: 1100px){
	.drow_area img, .photo_area img{
		width:60%;
	}
		.footer p{
	font-size:0.8em;
	letter-spacing:0;
	}
}

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


	#header{
  background-image: url('../images/head-img5.jpg');
  /*background-image:none;*/
    

	}
	/*h1{
	left:8%;
	top:11%;
	}*/
	.ttext{
	left:3%;
	top:15%;
	}
	.wlogo{
	left:13%;
	top: 8%;
	}
	.title{
	left:10%;
	top:20%;
	}
	
	.cont_title{
	font-size:1.5em;/*1.8em*/
	letter-spacing:0.1em;
	margin-bottom:20px;
	padding-left:0em;
	}
	
					.container::before{
				    content: "";
			    display: block;
			    position: fixed;
			    top: 0;
			    left: 0;
			    /*height: 100vh;*/
			    width: 100%;
			    /*background: gray;#a98268*/
			    
			    -webkit-transition: 0.5s;
			    transition: 0.5s;
			    mix-blend-mode: multiply;
			    z-index: 1;
			   /* opacity: 0;
			    background:yellow;
			    background:#1E165E;*/
			    
				
				}
				
				.container{
				position: relative;
		    height: 100%;
		    /*margin-top: 120vh;*/
		    /*background: aqua;*/
		    
		    
		        position: relative;
				    z-index: 2;
				    /*background:red;*/
				    
				    	
						}
	
				/*.wbg{
					-webkit-transition: 1s 0.2s;
    transition: 1s 0.2s;
    position: relative;
    overflow: clip;
    background:pink;
				}*/
				
				
			.all_contents{
				/*background:#1E165E;*/
				/*opacity:0.5;*/
					background: linear-gradient( 
						#2B0968,
						#1E1E82,
						#1E1E82,
						#180F5C,
						#181055,
						#1E165E,
						 #1E165E,
						 #191970,
						 #13057B,
						 #320E63
						 );/*322171 340D69 3A0D69 40106D #13057B,*/
			}
			
			/*.bg_deco{
			background-image:url(../images/bg-9.png);
			}*/
	
									.bg_deco_img{
										display:inline;
										/*	height: 100vh;*/
									  width:100%;
									  position:fixed;/**/
									  bottom: 0;
									    left: 0;
									    
									}
								
								
								.bg_deco2::before{
				    content: "";
			    display: block;
			    position: fixed;
			    top: 0;
			    left: 0;
			    /*height: 100vh;*/
			    width: 100%;
			    /*background: gray;#a98268*/
			    
			    -webkit-transition: 0.5s;
			    transition: 0.5s;
			    mix-blend-mode: multiply;
			    z-index: -5;
			   /* opacity: 0;
			    background:yellow;
			    background:#1E165E;*/
				
				}
				
				
					.bg_deco2{
						position: relative;
		    /*height: 100%;
		    margin-top: 120vh;*/
		    /*background: aqua;
						position: relative;*/
				    z-index: -6;
				    /*background:red;*/
				    ;
								}

	
	.drow_area{
	display:flex;
	
	flex-direction:rows;
	justify-content:flex-start;
	align-items:center;
	
	padding-left:0;
	padding-top:30px;
	padding-right:0;
	padding-bottom:30px;
	
}

	.drow_area img{
		width:50%;
	}
	 /*=== ■共通 ===*/
.come_area{
	display:flex;
	display:inline-flex;
	flex-direction:column;
	margin-left:10px;/*60*/
}

.come_area p{font-size:0.9em;}

/*.come_area{float:left; background:red; padding:10px;}*/
.come_area h3{ 
	font-size:1.1em;/*1.8em*/
	letter-spacing:0em;
	font-weight:400
	;
	margin-bottom:30px;
	
	}

	/*-- @ Photo --*/
.photo_area{
	display:flex;

	flex-direction:row;
	align-items:center;
	
	padding-left:0;
	padding-top:30px;
	padding-right:0;
	padding-bottom:30px;;

}

.photo_area img{
		width:50%;
	}
	
	
	
	.kaigyou{display:block;}
	
	
	
	/*=== @SITE AREA ===*/
	
	.wrk_twe{
	padding-left:0px;
	padding-top:30px;
	padding-right:0px;
	padding-bottom:0px;

	}
	
	.siteT-h3{ 
	font-size:1.1em;
	color:#e6e6fa;
	font-weight:400;
	
	text-align:center;	
	margin:0 auto;
	 }
.siteT-p{ 
	font-size:0.9em;
	color:#e6e6fa;
	font-weight:400;
	
	text-align:center;
	margin:0 auto;
	 }
	 
.site-slide{
margin-left:15px;
margin-right:15px;
}
	 
.site-slide a img{
	width:95%;
}
h4{
	width:7em;
	margin-left:8px;

}

.btn-s{
	width:115px;
  height:107px;
  font-size: 1.3rem;
  line-height: 2em;
}
/*.btn-s{
	font-size: 0.9rem;
	width:180px;
	height:170px;
	padding: 0.2rem;
}*/

	/*- @デジタルアート-*/
.degi_area{
	/*width:33%;25%*/
	
	display: flex;
	flex-direction:rew;
	align-items:center;
	margin-top: 30px;/*10px*/
	margin-bottom:10px;
	
	padding-left:0;
	padding-top:20px;
	padding-right:0;
	padding-bottom:30px;
	}
	
.degi_area img{
 /*width:100%;float:right; width:35%;*/
 width:50%;
 }

.degiA-h3{
	color:#e6e6fa;
	font-size:1em;/*1.8em*/
	font-weight:400;
	
	margin-left:2em;
	
	}

.degi_link{display:block;}

	.kaigyou{display:block;}
	

	
		
		/* @ フッターメニュー */
		.footer{
		
		
		}
	.ft-menu{
	
		
		}
	.ft-wks-menu{
		margin:0;
		}
	.ft-wks-menu li a{ 
		font-size:0.6em;
		letter-spacing:0em;
		}
	.ft-wks, .ft-fvt{
			font-size:0.7em;
			line-height:2.5em;
			}
			

}


/*@media screen and (max-height: 500px){

	h1{
	left:60px;
	top:50px;
}
.ttext{
	left:90px;
	top:90px;
}

*/

}