@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Pacifico);

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}

img,abbr,acronym,fieldset{border:0;}

body{
text-align: center;
background: #F9F9F9;
font-family:'筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,sans-serif;

}

@font-face {
	font-family: "my-font";
	src: url(../font/AnyConv.com__FuturaStd-Light.woff2),
	     url(../font/FuturaStd-Light.woff);
  }

.pc-width{
max-width: 1500px;
margin: 0 auto;
	
}





#top{

 padding:0px;
  margin: 0;   
 
}

a{
	color: rgb(116, 116, 116);
	text-decoration: none;
	font-family:  "游ゴシック体", YuGothic,"游ゴシック", "Yu Gothic" ,sans-serif;
	
}


a:hover{
	color: rgb(180, 180, 180);
	} 

input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
-webkit-appearance: none;
   border-radius: 0;
}



.tate{
position: absolute;
padding:200px 0px 40px 10px;
color: #464646d3;
writing-mode: vertical-rl;
font-family: "my-font";
font-size: 18px ;
text-align: left;
}


/* フレックス関連
------------------------------------------------------------*/

.flex{

display: flex;
text-align: center;
align-items: center;
justify-content: center;
margin: 0 auto;
 padding: 0px 0px 0px 0px;
max-width: 1500px;

}

.flex-top{
max-width: 1500px;
margin: 0 auto;
justify-content: center;
  
}


.flex-right{
	width: 100%;
text-align: right;
	
	  
	}

.flex-top-mov{

margin: 0 auto;
text-align: center;
justify-content: center;

	   
}

.flex-banshu{
	display: flex;

justify-content: space-between;
margin: 0 auto;
	 padding: 0px 0px 0px 0px;
	max-width: 1700px;
   
	}

	.flex-made{
	display: flex;

justify-content: center;
align-items: center;
margin: 0 auto;
	 padding: 0px 0px 0px 0px;
	max-width: 1400px;
   
	}


.flex-flex-environment{
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 auto;
padding: 0px 0px 0px 0px;
max-width: 1600px;
   
	}



.flex-text-tate{
	display: flex;
	 padding: 0px 0px 0px 4vw;

	}


.flex-text-tate-smp{
	display: flex;
	 padding: 0px 0px 0px 6px;

	}



.imgp{

 padding: 0px 20px 0px 20px;

}

.img-left{
margin-left: 0px;
 padding: 0px 0px 0px 0px;

}


.img-right{
margin-right: 0px;
 padding: 0px 0px 0px 0px;

}

.flex-product{
	display: flex;
justify-content: space-between;
margin: 0 auto;
	 padding: 0px 0px 0px 0px;
	max-width: 2000px;
   
	}


.flex-title{
display: flex;
justify-content: space-between;
padding: 0px 0px 0px 0px;
align-items: center;
max-width: 2000px;
   
	}

	.flex-right{
max-width: 1500px;
margin-left: 10px;
justify-content: space-between;
			}

			.flex-top{
				max-width: 1500px;
				margin: 0 auto;
				justify-content: center;
				  
				}

.flex-company{
display: flex;

justify-content: center;
padding: 0px 0px 0px 0px;
align-items: center;
width: 60%;
margin:  0 auto;
max-width: 1200px;
   
}




/* PCメニュー
------------------------------------------------------------*/

#menubar{
	color: rgb(255, 255, 255);
	text-align: right;
	padding: 0px 0px 0px 0px;
	float: none;
	
}

/* テキストエリア
------------------------------------------------------------*/

.text-top{
	text-align: left;
	 font-size: 55px;
	 color: #4F4C4B;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;
	 padding-left: 6vw;
	 margin: 0 auto;
 width: 420px;
	 padding-bottom: 0px;
	
}

.text-top2{
	text-align: left;
	 font-size: 30px;
	 color: #4F4C4B;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;
	 padding-left: 6vw;
	 margin: 0 auto;
 width: 420px;
	 padding-bottom: 0px;
	
}
.text-top3{
	text-align: left;
	 font-size: 12px;
	 color: #4F4C4B;
	 width: 500px;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
	 padding-left: 3vw;
     margin: 0 auto;
	 padding-bottom: 0px;
	
}

.text-banshu-tate{
	letter-spacing:15px;
	 font-size: 36px;
	 color: #4F4C4B;
	 writing-mode: vertical-rl; 
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 10px 0px 10px;
	 text-align: left;
}
.text-banshu-tate-s{
	letter-spacing:15px;
	 font-size: 20px;
	 color: #4F4C4B;
	 writing-mode: vertical-rl; 
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  10px 0px 0px 10px;
	 border-left:1px solid #3e3e3e; /*線の設定*/
text-align: left;
}

.text-banshu-tate-ss{
	letter-spacing:0px;
	 font-size: 13px;
	 color: #4F4C4B;
	 writing-mode: vertical-rl; 
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 10px 0px 10px;
text-align: left;
}


.text-banshu-yoko{
	letter-spacing:3px;
	 font-size: 32px;
	 color: #4F4C4B;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 10px 0px 5vw;
	 text-align: left;
}
.text-banshu-yoko-s{
	letter-spacing:1px;
	 font-size: 19px;
	 color: #4F4C4B;

	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 10px 0px 5vw;

text-align: left;
}

.text-banshu-yoko-ss{
	letter-spacing:0px;
	 font-size: 13px;
	 color: #4F4C4B;

	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  10px 10px 20px 5vw;
text-align: left;
}



.text-dekirumade{
	letter-spacing:1px;
	 font-size: 21px;
	 color: #4F4C4B;

	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 10px 0px 1vw;

text-align: left;
}

.text-dekirumade-jatitle{
	letter-spacing:1px;
	 font-size: 21px;
	 color: #4F4C4B;

	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 10px 0px 5vw;

text-align: left;
}


.text-dekirumade-s{
	letter-spacing:0px;
	 font-size: 15px;
	 color: #4F4C4B;

	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  10px 10px 20px 1vw;
text-align: left;
}


.text-dekirumade-ja{
	letter-spacing:0px;
	 font-size: 16px;
	 color: #4F4C4B;

		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 2;
     margin: 0 auto;
	 padding:  10px 10px 20px 5vw;
text-align: left;
}


.text-title{
	letter-spacing:1px;
	 font-size: 26px;
	 color: #4F4C4B;

	 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 10px 0px 0px;

text-align: center;	
}

.title{
	
	letter-spacing:1px;
	 font-size: 54px;
	 color: #4F4C4B;

		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;

	 padding:  0px 0px 0px 1vw;

text-align: left;	

}

.title-smp{
	
	letter-spacing:1px;
	 font-size: 7vw;
	 color: #4F4C4B;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;
	 padding:  0px 0px 0px 1vw;
text-align: left;	

}


.text-form-2{
	letter-spacing:0px;
	 font-size: 20px;
	 color: #4F4C4B;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;

	 font-weight: 300;
	 line-height: 1;
	 margin: 0 auto;
	 max-width: 1700px;
	 align-items: center;
}

.text-form-2 p{

	display: inline-block;
	text-align: left;
	line-height: 1;
}

.text-form-2-smp{
	letter-spacing:0px;
	 font-size: 17px;
	 color: #4F4C4B;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;

	 font-weight: 300;
	 line-height: 1;
	 margin: 0 auto;
width: 90%;
	 align-items: center;
}




.text-form{
	letter-spacing:0px;
	 font-size: 30px;
	 color: #4F4C4B;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 padding: 0px;
	 font-weight: 300;
	 line-height: 1.5;
	 margin: 0 auto;
	 max-width: 1700px;
	 align-items: center;
}


.text-form-smp{
	letter-spacing:0px;
	 font-size: 25px;
	 color: #4F4C4B;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 padding: 0px;
	 font-weight: 300;
	 line-height: 1.5;
	 margin: 0 auto;
	 width: 90%;
	 align-items: center;
}





.text-form p{

	display: inline-block;
	text-align: left;

}


.text-company{
	letter-spacing:0px;
	 font-size: 19px;
	 color: #4F4C4B;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  10px 10px 20px 1vw;
text-align: left;
}


.question{

	letter-spacing:0px;
	 font-size: 30px;
	 color: #2a2a29;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 padding: 0px;
	 background:  #ececec;
padding: 40px 0px;
	 line-height: 1.5;
	 margin: 0 auto;
	width: 100%;
	 align-items: center;
		
}

.question-smp{

	letter-spacing:0px;
	 font-size: 23px;
	 color: #2a2a29;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 padding: 0px;
	 background:  #ececec;
padding: 40px 0px;
	 line-height: 1.5;
	 margin: 0 auto;
	width: 100%;
	 align-items: center;
		
}




/* テキストスマホ
------------------------------------------------------------*/
.top-title{
	letter-spacing:4px;
	 font-size: 10vw;
	 color: #4F4C4B;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 width: 90%;
	 text-align: center;
	 max-width: 100%;
	 padding:  0px 0px 0px 0px;

}

.top-title2{
	letter-spacing:4px;
	 font-size: 5vw;
	 color: #4F4C4B;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 width: 90%;
	 text-align: center;
	 max-width: 100%;
	 padding:  0px 0px 0px 0px;

}

.txt{
	
	text-align: left;
	display: inline-block;
}

.top-setumei{
	letter-spacing:0px;
	 font-size: 3.7vw;
	 color: #4F4C4B;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 width: 90%;
	 text-align: center;

	 padding:  0px 0px 0px 0px;

}


.text-banshu-tate-smp{
	letter-spacing:15px;
	 font-size: 6vw;
	 color: #4F4C4B;
	 writing-mode: vertical-rl; 
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;

	 padding:  0px 1vw 0px 1vw;
	 text-align: left;
}
.text-banshu-tate-s-smp{
	letter-spacing:15px;
	 font-size: 3vw;
	 color: #4F4C4B;
	 writing-mode: vertical-rl; 
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;

	 padding:  0px 1vw 0px 1vw;
	 border-left:1px solid #3e3e3e; /*線の設定*/
text-align: left;
}

.text-banshu-tate-ss-smp{
	letter-spacing:0px;
	 font-size: 3vw;
	 color: #4F4C4B;
	 writing-mode: vertical-rl; 
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
	
	 padding:  0px 1vw 0px 1vw;
text-align: left;
}


.text-banshu-yoko-smp{
	letter-spacing:3px;
	 font-size: 8vw;
	 color: #4F4C4B;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 10px 0px 5vw;
	 text-align: left;
}




.text-dekirumade-jatitle-smp{
	letter-spacing:1px;
	 font-size: 5vw;
	 color: #4F4C4B;
	 width: 90%;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 10px 0px 10px;

text-align: left;
}


.text-dekirumade-s-smp{
	letter-spacing:0px;
	 font-size: 4vw;
	 color: #4F4C4B;
	 width: 90%;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;
     margin: 0 auto;
	 padding:  0px 10px 0px 10px;
text-align: left;
}


.text-dekirumade-ja-smp{
	letter-spacing:0px;
	font-size: 4vw;
	 color: #4F4C4B;
width: 90%;
		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.3;
     margin: 0 auto;
	 padding:  0px 10px 0px 10px;
text-align: left;
}



.text-company-smp{
	letter-spacing:0px;
	 font-size: 4vw;
	 color: #4F4C4B;

		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  10px 10px 20px 3vw;
text-align: left;
}

.text-contact-smp{
	letter-spacing:0px;
	 font-size: 4vw;
	 color: #4F4C4B;

		 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  10px 10px 20px 10px;
text-align: center;
}



/* WORK投稿
------------------------------------------------------------*/
.clearfix {

	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	margin: 10px auto;
    padding:  0px 0px 0px 0px;
	max-width: 1800px;
}

.clearfix-smp {

	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	margin: 10px auto;
    padding:  0px 0px 0px 0px;
	width: 100%;
}

.yonretu{
	align-items: center;
	justify-content: center;
	padding-bottom: 20px;
 width: 330px;
	margin: 3px auto;
}

.niretu{
	align-items: center;
	justify-content: center;
	padding-bottom: 20px;
 width: 45%;
	margin: 3px auto;
}

.m-thumbnail{
	
	width: 300px;
	height: 300px;
	object-fit: cover;
}

.m-thumbnail-smp{
	
	width: 100%;
	height: 20vh;
	
	object-fit: cover;
}


.m-thumbnail:hover{
	
	width: 300px;
	height: 300px;
	object-fit:cover;
opacity: 0.5;
transition: 0.5s;
}

.m-title{

	letter-spacing:0px;
	 font-size: 16px;
	 color: #4F4C4B;
width: 300px;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;
     margin: 0 auto;
	 padding:  10px 0px 5px 0px;
	 text-align: left;
}

.m-title-single{

	letter-spacing:0px;
	 font-size: 26px;
	 color: #4F4C4B;
	 width: 60%;
	 max-width: 1500px;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;
     margin: 0 auto;
	 padding:  10px 0px 5px 0px;
	 text-align: left;
}

.m-title-single-smp{

	letter-spacing:0px;
	 font-size: 5vw;
	 color: #4F4C4B;
	 width: 95%;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;
     margin: 0 auto;
	 padding:  10px 0px 5px 0px;
	 text-align: left;
}


.m-title-smp{

	letter-spacing:0px;
	 font-size: 2.5vw;
	 color: #4F4C4B;
	 width: 100%;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;
     margin: 0 auto;
	 padding:  10px 0px 5px 0px;
	 text-align: left;
}

.m-title:hover{

	letter-spacing:0px;
	 font-size: 16px;
	 color: #b6b6b6;
    width: 300px;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1;
     margin: 0 auto;

	 text-align: left;
}

.m-date{

	letter-spacing:0px;
	 font-size: 13px;
	 color: #888382;
width: 300px;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 0px 0px 0px;
text-align: left;

}


.m-date-smp{

	letter-spacing:0px;
	 font-size: 12px;
	 color: #888382;
width: 100%;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 0px 0px 0px;
text-align: left;

}


.siingle-img{

	letter-spacing:0px;
	 font-size: 12px;
	 color: #888382;
width: 100%;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 0px 0px 0px;
text-align: left;

}

.m-text-single{

	letter-spacing:0px;
	 font-size: 17px;
	 color: #504e4e;
width: 60%;
max-width: 1500px;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 0px 0px 0px;
text-align: left;


}

.m-text-single-smp{

	letter-spacing:0px;
	 font-size: 3.5vw;
	 color: #504e4e;
width: 90%;

	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 0px 0px 0px;
text-align: left;


}

.m-date-single{

	letter-spacing:0px;
	 font-size: 17px;
	 color: #888382;
width: 60%;
max-width: 1500px;
	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 0px 0px 0px;
text-align: left;


}


.m-date-single-smp{

	letter-spacing:0px;
	 font-size: 17px;
	 color: #888382;
width: 95%;

	 font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 1.5;
     margin: 0 auto;
	 padding:  0px 0px 0px 0px;
text-align: left;


}


/*レスポンシブ
------------------------------------------------------------*/

.hamburgerpc  { display:inline!important; }
.hamburger  { display:none!important; }
nav.globalMenuSp { display:none!important; }
nav.globalMenupc { display:inline!important; }
#menubar	{ display:inline!important; }
.white{ display:none; }
.op{ display:inline;
	
}
.op2{ display:none;}

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


.hamburger { display:inline!important; }
.hamburgerpc { display:none!important; }
nav.globalMenuSp { display:inline!important; }
nav.globalMenupc { display:none!important; }
#menubar	{ display:none!important; }
.white{ display:inline; }
.op{ display:none;}
.op2{ display:inline; }

}





/* ハンバーガーボタン */
.hamburger {
	
	display : block;
	position: fixed;
	z-index : 3;
	right : 13px;
	top   : 12px;
	width : 47px;
	height: 47px;
	cursor: pointer;
	text-align: center;
  }
  .hamburger span {
	display : block;
	position: absolute;
	width   : 40px;
	height  : 1px ;
	left    : 6px;
	background : rgb(125, 125, 125);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
  }
  .hamburger span:nth-child(1) {
	top: 15px;
  }
  .hamburger span:nth-child(2) {
	top: 25px;
  }
  .hamburger span:nth-child(3) {
	top: 25px;
  }
  
  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	background :rgb(102, 102, 102);
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
  }
  
  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
	top: 16px;
	background :rgb(102, 102, 102);
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
  }

  /* ナビ開いてるメニュー*/


  nav.globalMenuSp {
	position: fixed;
	z-index : 2;
	top  : 0px;

	color: rgb(255, 255, 255);
	background :#eeeeee;
	font-family:'筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,sans-serif;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility:hidden;
	transition: opacity .6s ease, visibility  hidden;
  }
  
  nav.globalMenuSp ul {
	
	display: list-item;
	margin: 20;
	padding: 0;
	width: 100%;
  }
  
  nav.globalMenuSp ul li {
	list-style-type: none;
	padding: 0;
	width: 100%;
	transition: .4s all;
  }
  nav.globalMenuSp ul li:last-child {
	padding-bottom: 0;
  }
  nav.globalMenuSp ul li:hover{
	background :#4f5d58;
  }
  
  nav.globalMenuSp ul li a {
	display: block;
	color: rgb(98, 98, 98);
	padding: 1em 0;
	text-decoration :none;
  }
  
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenuSp.active {
	opacity: 100;
	visibility:visible ;
  }
  
  

/* ハンバーガーボタンPC */


.hamburgerpc {
	
	display : block;
	position: fixed;
	z-index : 20;
	right : 13px;
	top   : 12px;
	width : 47px;
	height: 47px;
	cursor: pointer;
	text-align: center;
  }
  .hamburgerpc span {
	display : block;
	position: absolute;
	width   : 40px;
	height  : 1px ;
	left    : 6px;
	background : rgb(151, 151, 151);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition   : 0.3s ease-in-out;
	transition        : 0.3s ease-in-out;
  }
  .hamburgerpc span:nth-child(1) {
	top: 15px;
  }
  .hamburgerpc span:nth-child(2) {
	top: 25px;
  }
  .hamburgerpc span:nth-child(3) {
	top: 25px;
  }
  
  /* ナビ開いてる時のボタン */
  .hamburgerpc.active span:nth-child(1) {
	top : 16px;
	left: 6px;
	z-index : 21;
	background :rgb(138, 138, 138);
	-webkit-transform: rotate(-45deg);
	-moz-transform   : rotate(-45deg);
	transform        : rotate(-45deg);
  }
  
  .hamburgerpc.active span:nth-child(2),
  .hamburgerpc.active span:nth-child(3) {
	top: 16px;
	z-index : 21;
	background :rgb(138, 138, 138);
	-webkit-transform: rotate(45deg);
	-moz-transform   : rotate(45deg);
	transform        : rotate(45deg);
  }


  .header-menu{
	padding: 0px 0px 0px 30px;
text-align: left;
	letter-spacing: 5px;
	font-family: "my-font";
	color:rgb(102, 102, 102);
	z-index: 11;
	font-size: 50px ;
	line-height: 30px;
  }


  .header-menu:hover{

	color:rgb(183, 183, 183);

  }


  .header-menu-smp{
	padding: 0px 0px 0px 10px;
text-align: left;
	letter-spacing: 5px;
	font-family: "my-font";
	color:rgb(102, 102, 102);
	z-index: 11;
	font-size: 10vw ;
	line-height: 20px;

  }


  /* ナビ開いてるメニュー*/


  nav.globalMenupc {
	position: fixed;
	z-index : 10;
	top  : 0px;
	left : 0;
	color: #9a9a9a;
	background :#eeeeee;
	
	margin: 5 auto;
	font-size: 25px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
	padding-left: 5vw;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility:hidden;
	transition: opacity .6s ease, visibility  hidden;
  }
  
  nav.globalMenupc ul {
	
	display: list-item;
	margin: 20;
	padding: 0;
	width: 100%;
  }
  
  nav.globalMenupc ul li {
	list-style-type: none;
	padding-top: 0px;

	width: 100%;
	transition: .4s all;
  }
  nav.globalMenupc ul li:last-child {
	padding-bottom: 0;
  }
  nav.globalMenupc ul li:hover{
	background :#f5f5f5ad;
	padding: 1em 0;
  }
  
  nav.globalMenupc ul li a {
	display: block;
	color: rgb(131, 131, 131);
	padding: 1em 0;
	text-decoration :none;
  }
  
  /* このクラスを、jQueryで付与・削除する */
  nav.globalMenupc.active {
	opacity: 100;
	visibility:visible ;
  }
  
.illustmenu{
top:10;
left: 60;
position: absolute;
z-index: 5;
width: 100%;
text-align: right;
padding:0px 0px 0px 0px;
}


  
.illustmenuue{
	top:10;
	left: 0;
	position: absolute;
	z-index: 10;
width: 100%;
	padding:0px 0px 0px 0px;
	}
	

/* ヘッダー
------------------------------------------------------------*/
#header{
	background: #f9f9f900;

	width: 100%;
	padding: 0px 0px 0px 0px;
	color: rgb(107, 107, 107);
	font-size: 15px;
	max-width: 100%;
	font-family: "my-font";
	margin: 0 auto;
    display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 100;
}




#headerSMP{
	background: rgba(255, 255, 255, 0);
	padding: 20px 0px 20px 0px;
	color: rgb(255, 255, 255);
	font-size: 18px;
	font-weight: 200;
	text-align: left;
	
	width: 100%;
	font-family:'筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,sans-serif;
	position:fixed;
    display: flex;
	z-index: 100;
	margin: 0 auto;
	

	
}



.site-header{
    background: rgba(255, 255, 255,);
    padding: 0px;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 999;
}
 
.site-header.hide{
    transform: translateY(-100%);
}



h1{
   text-align: center;
	font-size: 25px;
	color: rgb(215, 215, 215);
	font-family:  '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;

	padding-top: 10px;
    padding-bottom: 0px;
	
}



h2{
	text-align: center;
	 font-size: 17px;
	 color: rgb(213, 213, 213);
	 font-family:  '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 line-height: 2;
	 padding-top: 0px;
	 padding-bottom: 10px;
	 
 }
 




.icon{
	
width: 300px;

}

.hover{

opacity: 1;
transition: 0.4s;
}
.hover:hover{

	opacity: 0.5;
	transition: 0.4s;
	
	}

.menuicon{
	display: flex;
	width: 300px;
	padding-left: 30px;
	
	}

	.menuicon-smp{
		display: flex;
		width: 300px;
		padding-left: 0px;
		
		}





#mainnav a{
	color: rgb(255, 255, 255);
}

#mainImg{
	position: relative;
  
  width: 100%;

}






  nav ul {
	padding: 10px 0px 0px 0px;
	display: flex;
	margin-right: 0;
	justify-content: center;
  }


  
  nav ul li{
     padding: 10px 20px;
  }

  ul {
	
	padding: 0px 0px 0px 0px;
	margin: auto;
	list-style: none;
  }

  img{
	vertical-align:top;
}


.logo {

text-align: left;
	margin-left: 10px;
	z-index: 5;
	padding: 10px 6px 6px 10px;
	
  }


.logomenu {

	text-align: left;
		margin-left: 0px;

		padding: 10px 6px 6px 30px;
		
	  }



  .logosmp {
	padding: 5px 0px 0px 10px;
	text-align: left;
  }



/* フッター
------------------------------------------------------------*/
#footer{ 
    text-align: left;

	padding: 20px 20px 20px 20px;
	background: #F9F9F9;
	font-family:  'Noto Sans CJK JP Regular','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	font-size: 12px;


}

#footersmp{
    text-align: center;
width: 100%;
background: #F9F9F9;
	padding: 15px 0px 10px 0px;
	color: rgb(255, 255, 255);
	font-family:  'Noto Sans CJK JP Regular','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	font-size: 15px;

}


.cl{

	padding: 0px 0px 0px 30px;
text-align: left;
	letter-spacing: 1px;
	font-family: "my-font";
	color:rgb(102, 102, 102);

	font-size: 13px ;
	line-height: 10px;

}




.clsmp{

	padding: 0px 0px 0px 3vw;
text-align: left;
	letter-spacing: 1px;
	font-family: "my-font";
	color:rgb(102, 102, 102);

	font-size: 13px ;
	line-height: 10px;

}




a.btn_03 {
	display: block;
	text-align: center;

	text-decoration: none;
	font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	font-weight:700;

	width: 200px;
	margin: 0 auto;
	font-size: 17px ;
	padding: 0.6rem 6rem;

	border: 2px solid #5a5a5a;
	background: #ffffff;
	color: #5a5a5a;
	transition: 0.5s;
}
a.btn_03:hover {
	color: #ffffff;
	background:#5a5a5a;
}



a.btn_04 {
	display: block;
	text-align: center;

	text-decoration: none;
	font-family: '筑紫Aオールド明朝 Pr6N', 'FOT-TsukuAOldMin Pr6N','游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	font-weight:700;

	width: 200px;
	margin: 0 auto;
	font-size: 3vw ;
	padding: 0.6rem 5vw;

	border: 2px solid #5a5a5a;
	background: #ffffff;
	color: #5a5a5a;
	transition: 0.5s;
}
a.btn_04:hover {
	color: #ffffff;
	background:#5a5a5a;
}




a.btn_05 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-family:  "游ゴシック体", YuGothic,"游ゴシック", "Yu Gothic" ,sans-serif;
	font-weight:700;
	border-radius: 5px;
	width: 260px;
	margin: 0 auto;
	font-size: 15px ;
	padding: 1rem 4rem;
	
	background: #525F5A;
	color: #ffffff;
	transition: 0.5s;
}
a.btn_05:hover {
	color:   #525F5A;
	border: 1px solid  #525F5A;
	background:  #ffffff;
}

a.btn_05smp {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	font-family:  "游ゴシック体", YuGothic,"游ゴシック", "Yu Gothic" ,sans-serif;
	font-weight:700;
	border-radius: 5px;
	width: 80%;
	margin-left:2vw;
	font-size: 15px ;
	padding: 1rem 1rem;
	
	background: #525F5A;
	color: #ffffff;
	transition: 0.5s;
}
a.btn_05smp:hover {
	color:   #525F5A;
	border: 1px solid  #525F5A;
	background:  #ffffff;
}


/* 共通
------------------------------------------------------------*/

img{
	max-width: 100%;
 
	margin: 0 auto ;
}
.spacetop-harf{

	padding: 15px 0px 0px 0px;
   
   }

.spacetop{

 padding: 30px 0px 0px 0px;

}

.space-vw{

	padding: 9vw 0px 0px 0px;
   
   }

.space-vw-harf{

	padding: 5vw 0px 0px 0px;
   
}

.spacetop2{

	padding: 100px 0px 0px 0px;
   
   }
   




/* RESPONSIVE 設定
------------------------------------------------------------*/

@media only screen and (min-width: 901px){
	.inner{
		width: 1024px;
	}
}

@media only screen and (min-width: 900px){
	body{
		
               margin: 0px 0px 0px 0px;
	}


	
  a#menu{
		display:none;
	}	

	.panel{
		display:block !important;
	}

	#mainnav li{
		display: inline-block;
		padding: 50px 25px;
		font-size: 15px;
	}
	
	
	/* SEC03 PROJECT
	-----------------*/
	.col3{
		text-align: center;
	}

	.col3 li{
		display: inline-block;
		width: 28%;
		padding: 0 2.5% 50px;
		margin-bottom: 0;
		vertical-align: top;
		text-align: left;
	}
	
}





  a#menu{
  	display: inline-block;
  	position: relative;
  	width: 40px;
  	height: 40px;
  	margin: 10px;
	}

	#menuBtn{
  	display: block;
  	position: absolute;
  	top: 60%;
  	left: 50%;
  	width: 18px;
  	height: 2px;
  	margin: -1px 0 0 -7px;
  	background: #000;
  	transition: .2s;
	}

	#menuBtn:before, #menuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 18px;
  	height: 2px;
  	background: #000;
  	transition: .3s;
	}

	#menuBtn:before{
  	margin-top: -7px;
	}

	#menuBtn:after{
  	margin-top: 5px;
	}

	a#menu .close{
  	background: transparent;
	}

	a#menu .close:before, a#menu .close:after{
  	margin-top: 0;
	}

	a#menu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}

	a#menu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}

	.panel{
		width: 100%;
		display: none;
		overflow: hidden;
		position: relative;
		left: 0;
		top: 0;
		z-index: 100;
	}

	#mainnav{
		position: absolute;
		top: 0;
		width: 100%;
		text-align: right;
		z-index:500;
	}

	#mainnav ul{
		border-bottom: 1px solid #ccc;
		background: #fff;
		text-align: left;
	}

	#mainnav li a{
		position: relative;
		display:block;
		padding:15px 25px;
		border-bottom: 1px solid #ccc;
		color:rgb(0, 0, 0);
		font-weight: 400;
	}

	#mainnav li a:before{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 5px;
		width: 6px;
		height: 6px;
		margin: -4px 0 0 0;
		border-top: solid 2px #000;
		border-right: solid 2px #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}




/* MORE SCROLL */

.lm-scroll {
	z-index: 3;
     margin-left: 40px;
	padding-top: 230px;
	position:absolute;
  }
  .lm-scroll .scrollInner {
	position:relative;
	width: 15px;
	height: 192px;
  }
  .lm-scroll .text {
	-webkit-transform: rotate(-90deg) translateX(-100%);
	transform: rotate(-90deg) translateX(-100%);
	-webkit-transform-origin: left center;
	transform-origin: left center;
	font-size: 15px;
	font-family:'my-font' ;
	white-space: nowrap;
	position: absolute;
	left: 0;
	top: 0;
	color: #545454;
  }
  .lm-scroll .border {
	border: 0;
	width: 1px;
	height: 68px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: -1px;
	margin: 20px auto 0;
	background: #474747;
	display: block;
  }
  .lm-scroll .border::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 1px;
	height: 68px;
	background: #929292;
	-webkit-animation: scroll_effect 2.5s infinite;
	animation: scroll_effect 2.5s infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
  }





/*線
------------------------------------------------------------*/


.hr{ 
	width: 80%;
	text-align: left;
	padding: 0px 0px 0px 5vw;
}


.hr-title{ 
	width: 85%;
	margin-right:0px ;
	padding: 0px 0px 0px 0px;
}



.hrsmp{ 
	width: 40%;
	margin-left: 0;
	padding-top: 35px;
}

.hrsingle{ 
width: 60%;
	margin: 0px auto;
	padding-top: 0px;
}

.hrsingle-smp{ 
	width: 93%;
		margin: 0px 3vw;
		padding-top: 0px;
	}


/* フェードイン　*/

.fade-in {
	opacity: 0;
	transition-duration: 2s;
	transition-property: opacity, transform;

  }
  
  .fade-in-up {
	transform: translate(0, 50px);

  }
  
  .scroll-in {
	opacity: 1;
	transform: translate(0, 0);

  }




 /* スライド　*/


 .clearfixslide {
display:flex;
justify-content: space-between;
margin:0px auto;

	}

 .slide {
    position: relative;
	text-align: left;
    width: 50%;
    height: 100vh;
    overflow: hidden;

  }
   
  
@keyframes slideshow {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  28%{
    opacity: 1
  }
  38%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
   
  .item {
    position: absolute;
    top: 50%;
    left: 50%;
   width: 100%;
    transform: translate(-50%, -50%);
    height: 100vh;
	object-fit: cover;
    opacity: 0;
    animation :slideshow 18s linear infinite;
  }
   
  .item:nth-child(2){
    animation-delay: 6s;
  }

  .item:last-child{
    animation-delay: 12s;
  }



 .slide2 {
    position: relative;
	text-align: left;
    width: 50%;
    height: 100vh;
    overflow: hidden;

  }
   
  
@keyframes slideshow {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  28%{
    opacity: 1;
  }
  38%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
   
  .item2 {
    position: absolute;
    top: 50%;
    left: 50%;
   width: 100%;
    transform: translate(-50%, -50%);
    height: 100vh;
	object-fit: cover;
    opacity: 0;
    animation :slideshow 18s linear infinite;
  }
   
  .item2:nth-child(2){
    animation-delay: 6s;
  }

   
  .item2:last-child{
    animation-delay: 12s;
  }

 /* スライドスマホ　*/

  .slidesmp {
    position: relative;
	text-align: left;
    width: 100%;
    height: 51vh;
    overflow: hidden;

  }
   
  
@keyframes slideshow {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  28%{
    opacity: 1
  }
  38%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
   



  .itemsmp {
    position: absolute;
    top: 50%;
    left: 50%;

    transform: translate(-50%, -50%);
    height: 52vh;
	object-fit: cover;
    opacity: 0;
    animation :slideshow 18s linear infinite;
  }
   
  .itemsmp:nth-child(2){
    animation-delay: 6s;
  }

  .itemsmp:last-child{
    animation-delay: 12s;
  }



 .slide2smp {
    position: relative;
	text-align: left;
    width: 100%;
    height: 51vh;
    overflow: hidden;

  }
   
  
@keyframes slideshow {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 1;
  }
  28%{
    opacity: 1;
  }
  38%{
    opacity: 0;
  }
  100%{
    opacity: 0;
  }
}
   
  .item2smp {
    position: absolute;
    top: 50%;
    left: 50%;
   width: 100%;
    transform: translate(-50%, -50%);
    height: 52vh;
	object-fit: cover;
    opacity: 0;
    animation :slideshow 18s linear infinite;
  }
   
  .item2smp:nth-child(2){
    animation-delay: 6s;
  }
   
  .item2smp:last-child{
    animation-delay: 12s;
  }



/* Loading背景画面設定　*/
.start {
	background:rgb(248, 248, 248);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.start p {
	position: fixed;
	left: 51%;
	top: 53%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 30%;
}
.show {
  opacity: 0;
}


/* Loadingスマホ　*/
.startsmp {
	background:rgb(255, 255, 255);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 9000;
}
.startsmp p {
	background:rgb(255, 255, 255);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width:30%;
}
.show {
  opacity: 0;
}




/*グーグルマップ */
.googlemap-bw iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  margin: 0 auto;
}



/*コンタクトフォーム
------------------------------------------------------------*/

.contact-text{
	margin: auto;
	max-width: 1200px;
		text-align: center;
		font-size: 30px;
		color: #4F4C4B;
			 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	
	
	}
	
	
	.contact-text-smp{
		margin: auto;
		padding-left: 1vw;
	
			text-align: left;
			font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
			font-weight: 600;
			color: #131313;
			font-size: 3.8vw;
		width: 95%;
		}
	
	
	/* 送信ボタン */
	
	
	input.wpcf7-submit {
		display: block;
		text-align: center;
	
		text-decoration: none;
		font-size: 30px;
		color: #4F4C4B;
			 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
		border:none;
		width: 50%;
		justify-content: center;
		align-items: center;
		 height: 100px;
		margin: 0 auto;

	padding: 25px 0px 25px 0px;
	
		background: #333c39;
		color: rgb(255, 255, 255);
		transition: 0.5s;
			
	}
	
	
	input.wpcf7-submit:hover {
		color: #333c39;
		background:rgb(255, 255, 255);
	}
	
	
	.btn_70{

		display: block;
		text-align: center;
	
		text-decoration: none;
		font-size: 20px;
		color: #4F4C4B;
			 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
		border:none;
		width: 80%;
		justify-content: center;
		align-items: center;
		height: 100px;
		margin: 0 auto;

	padding: 10px 20px 10px 20px;
	
		background: #333c39;
		color: rgb(255, 255, 255);
		transition: 0.5s;



	}




	
	/* 確認ボタン */
	
	input.wpcf7-confirm {
		display: block;
		text-align: center;
	
		text-decoration: none;
		font-family:  "游ゴシック体", YuGothic,"游ゴシック", "Yu Gothic" ,sans-serif;
		font-weight:700;
		border:none;
		width: 100%;
		 height: 30px;
		margin: 0 auto;
		font-size: 15px ;
	padding: 5px 0px 5px 0px;
	
		background: #333c39;
		color: rgb(255, 255, 255);
		transition: 0.5s;
			
	}
	
	input.wpcf7-confirm:hover {
		color: #333c39;
		background:rgb(255, 255, 255);
	}
	
	
	/* バックボタン */
	
	input.wpcf7-back {
		display: block;
		text-align: center;
	
		text-decoration: none;
		font-family:  "游ゴシック体", YuGothic,"游ゴシック", "Yu Gothic" ,sans-serif;
		font-weight:700;
		border:none;
		width: 100%;
		 height: 30px;
		margin: 0 auto;
		font-size: 15px ;
	padding: 5px 0px 5px 0px;
	
		background: #6a91ae;
		color: rgb(255, 255, 255);
		transition: 0.5s;
			
	}
	
	input.wpcf7-back:hover {
		color: #333c39;
		background:rgb(255, 255, 255);
	}
	
	
	/* 入力エリア */
	
	
	.formarea{
	
	  padding: 0px;
	  text-align:center;
	
	 }
	
	
	.texist{
	  text-align:left;
	  width: 60%;
	  font-size: 30px;
	 color: #4F4C4B;
	 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 padding: 0px;
	  padding: 5px 0px 5px 0px;
	  margin: 10px auto;
	  max-width: 1000px;
	  }

	  .texist2{
		color:rgb(22, 22, 22);
	  margin: 10px auto;
	  font-size: 30px;
	 color: #4F4C4B;
	 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 padding: 0px;
	  width: 60%;
	  }


	  .texist-smp{
		text-align:left;
		width: 90%;
		font-size: 20px;
	   color: #4F4C4B;
	   	 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	   padding: 0px;
		padding: 5px 0px 5px 0px;
		margin: 5px auto;
	
		}
  
		.texist2-smp{
		  color:rgb(22, 22, 22);
		margin: 5px auto;
		font-size: 20px;
	   color: #4F4C4B;
	   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	   padding: 0px;
	   width: 90%;
		}
  


	  .texist-check{
		text-align:left;
		width: 60%;
		display:block;
		font-size: 30px;
	   color: #4F4C4B;
	   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	   padding: 0px;
		padding: 5px 0px 5px 0px;
		margin: 10px auto;
		max-width: 1000px;
		}
  
		.texist-check-smp{
			text-align:left;
			width: 100%;
			display:block;
			font-size: 27px;
		   color: #4F4C4B;
		   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
		   padding: 0px;
			padding: 5px 0px 5px 0px;
			margin: 10px auto;

			}
	  

		.texist-check-4{
			text-align:left;
		
			display:block;
			font-size: 30px;
		   color: #4F4C4B;
		   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	
			padding: 0px 0px 15px 0px;
			margin: 0px auto;
			max-width: 1000px;
			}


		.texist-check-4-smp{
			text-align:left;
		
			display:block;
			font-size: 6vw;
		   color: #4F4C4B;
		   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
		
			padding: 15px 0px 15px 30vw;
			margin: 0px auto;
			line-height: 2;
			}

	

	  .texist-check2{
		color:rgb(22, 22, 22);
	  margin: 10px auto;
	  font-size: 40px;
	  display:block;
	  flex-flow: column;
	 color: #4F4C4B;
	 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 padding: 0px;
	  width: 550px;
	  }


	  .texist-check3{
		color:rgb(22, 22, 22);
	  margin: 5px auto;
	  font-size: 40px;
	  display:block;
	  flex-flow: column;
	 color: #4F4C4B;
	 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
	 padding: 0px 0px 0px 1vw;
	  width: 80%;
	   line-height: 2;
	  height: 600px;
	  }



.checbox-img{

background: url(https://fujigauze.co.jp/wp-content/themes/Fujigauze/img/checbox-back.png);

background-repeat :no-repeat;
height: 600px;
margin-left: 26vw;
background-size:190px;
}

.checbox-img-smp{

	background: url(https://fujigauze.co.jp/wp-content/themes/Fujigauze/img/checbox-back.png);
	
	background-repeat :no-repeat;

	margin-left: 1vw;
	background-size:40vw;
	}
		
	
	

	.con{
	  width: 100%;
	  background: rgb(245, 245, 245);
	  margin: 0px auto;
	  font-size: 30px;
	 color: #4F4C4B;
	 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;

	  padding: 5px 10px 5px 10px;
	  border:solid 2px #999999;
	  
	 }
	
	.con-smp{
		width: 100%;
		background: rgb(245, 245, 245);
		margin: 0px auto;
		font-size: 22px;
			 font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro','ヒラギノ明朝 Pro W3','HiraMinProN W3' ,serif;
		padding: 5px 0px 5px 0px;
		border:solid 1.6px #3e3e3e;
	  
	 }
	
	 span.wpcf7-list-item { display: block; }

/* CF7のチェックボックススタイル */
.wpcf7-checkbox input[type="checkbox"] {
	
	
  border-color: rgb(62, 62, 62); /* ボーダーの色をピンクに設定 */

	width: 23px;
	height: 23px;

  }
  

  .flex-checbox{

display: flex;

  }
	
	.centering_parent {
	   
		text-align:  center;     /* 中央寄せ */
		
	}
	
	
	.sample {
		margin: 16px auto;
		text-align: center;
		display: block;
		border: 0px solid #000;
	}
	
	.samplesmp {
		margin: 11px auto;
		text-align: center;
		display: block;
		border: 0px solid #000;
	}
	
	
	.sample .text {
		text-align: center;
		display: inline-block;
	}
	
	
	.samplesmp .text {
		text-align: center;
		display: inline-block;
	}
	
	
	.wpcf7 
	{
		   margin: 10px auto;
		
	}
	
	#demo_256-01{
	  text-align: center;
	}