* {
	-webkit-appearance: none;
}
p{
	color: #767676;
	letter-spacing: 1px;
	line-height: 36px;
    font-weight: normal;
	font-family: sofia-pro, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック体, "Yu Gothic", YuGothic, メイリオ, Meiryo, sans-serif;
	font-family:  "Noto Sans Japanese";
	font-size: 18px;
}
.inputname,#textarea{
	font-family:  "Noto Sans Japanese";
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 36px;
    font-weight: normal;
}
h2{
	text-align: right;
	font-size: 160px;
	font-weight: bolder;
	font-family: 'Vollkorn', serif;
	color: rgba(136, 136, 136, 0.38);
	text-align: right;
}
a{
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
a:hover{
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
@media only screen and (max-width: 1024px) and (min-width: 769px){
	h2{
		font-size: 120px;
	}
}
@media only screen and (max-width: 768px){
	h2{
		font-size: 100px;
	}
	p{
		letter-spacing: 1px;
		line-height: 26px;
		font-size: 15px;
	}
}
@media only screen and (max-width: 640px) and (min-width: 426px){
	h2{
		font-size: 65px;
	}
}
@media only screen and (max-width: 425px){
	h2{
		font-size: 50px;
	}
	p{
		font-size: 15px;
	}
}

/*===================== ヘッダー ============================================*/

.head_navi{
	height: 150px;
	z-index: 100;
	background: #fff;
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0% 100%);
}


.head_logo{
	width: 200px;
    padding: 1%;
}


.triangle03{
	width: 100%;
	position: relative;
	background: #E9E5DD;

	height: 150px;
	margin-top: -152px;
	margin-bottom: -1px;
	z-index: -1;
}
/*=========================================================================*/
/*===================== フッター ============================================*/

.mail_icon, .phone_icon, .entry_icon{
	height: 50px;
}
.mail_icon{
	height: 30px;
    padding: 20px 0 0px;
}
#footer{
	background: #6B6B6B;
	color: #fff;
	font-family: "Noto Sans Japanese";	
	letter-spacing: 4px;
    line-height: 30px;
    font-weight: normal;
	z-index: 100;
	position: relative;
	width: 100%;
}

#footer a{
	text-decoration: none;
	
}

.footer_gblnv{
	width: 80%;
	margin: 0 auto;
	padding-top: 20px;
	text-align: center;
}

.footer_gblnv li{
	display: inline-block;
	padding-right: 4%;
}
.footer_gblnv li:last-child{
	padding-right: 0; 
}
.footer_gblnv li a{
	font-family: "Noto Sans Japanese";	
	letter-spacing: 2px;
    line-height: 30px;
    font-weight: normal;
	font-size: 14px;
	color: #fff;
}
.footer_mail,.footer_tell{
	color: #fff;	
}
.footer_entry{
	margin: 50px auto;
	width: 300px;
	box-sizing: border-box;
}
.footer_tell{
	margin-left: 9%;
}
.footer_mail_button p,.footer_mail_button img,.footer_tell_button p,.footer_tell_button img{	
	color: #fff;
}
.footer_mail_button p,.footer_tell_button p{
	text-align: center;
}

.footer_mail_button,.footer_tell_button{
	width: 100px;
	border: solid 1px;
	display: inline-block;
	padding: 5%;
	text-align: center;
	-webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}
.footer_mail_button:hover,.footer_tell_button:hover{
	color: #6B6B6B;
	background:#464646;
	-webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
}



/*store*/
.store_guide{
	font-family: "Noto Sans Japanese";	
	width: 200px;
	background:#6B6B6B;
	height: 50px;
	margin: -16px auto 0;
	text-align: center;
	
}
.store_line{
	border-bottom: dotted 1px;
	height: 10px;
	width: 100%;
	color: #fff;
	
}
.footer_store{
	position: relative;
	width: 60%;
	margin: 0 auto;	
}
.store_img,.store_logo{
	width: 49%;
	display: inline-block;
	vertical-align: middle;
    text-align: center;
}
.store_logo img{
	margin: 0 auto;
}
.store_address p{
	font-family: "Noto Sans Japanese";
	color: #fff;
	text-align: left;
	font-size: 14px;
	padding-left: 20px;
}
.store_button{
	font-family: "Noto Sans Japanese";
	color: #fff;
	border: solid 1px;
	text-align: center;
	border-radius: 20px;
	padding: 10px;
	margin-top: 10px;
}
.store_button:hover{
	color: #fff;
	border: solid 1px #6B6B6B;
	background:#464646;
}
.store_button img{
	vertical-align: middle;
    margin-bottom: 3px;
}
.footer_area{
	padding: 30px 0;
}
#footerPolicy{
	width: 100%;
}

.clearfix{
	width: 49%;
	display: inline-block;
	margin-top: 10px;
}

.clearfix a{
	color: #fff;
	border: solid 1px;
	margin: 10px;
	padding: 10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-family: "Noto Sans Japanese";
	font-size: 12px;
}

.clearfix a:hover{
	color: #fff;
	border: solid 1px #6B6B6B;
	background:#464646;
}

.footer_area p{
	width: 50%;
	display: inline-block;
	text-align: right;
	color: #fff;
}
.footer_area{
	margin-top: 30px;
	border-top: dotted 1px;
}


@media only screen and (max-width: 768px){
	.clearfix{
		width: 100%;
	}
	#footerPolicy{
		text-align: center;
	}
	.footer_area p{
		width: auto;
	}

}
@media only screen and (max-width: 640px){
	.store_img,.store_logo{
		width: 100%;
	}


}
@media only screen and (max-width: 425px){
	.footer_mail_button, .footer_tell_button{
		padding: 5%;
		text-align: center;
	}
	.footer_tell {
		margin-left: 9px;
	}
	.footer_entry{
	    width: 276px;
	}


}
/*=================================================================*/
/*--------------------------------------------------------------
	contact
--------------------------------------------------------------*/

.contact {
	width: 900px;
	margin: 0 auto ;
	padding: 0;
	}

.contact ul {
	display: table;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	}

.contact li {
	display: table-cell;
	width: 50%;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	}

.contact li p {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 36px;
	}

.contact li:first-child {
	border-right: solid 1px #000;
	}

/* button animation */

.contact li a {
	display: block;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding: 24px 0 12px;
	}

.contact li a::before,
.contact li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

.contact li a,
.contact li a::before,
.contact li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

.contact li a {
	position: relative;
	z-index: 2;
	color: #000;
	line-height: 30px;
	}

.contact li a:hover {
	background:rgba(0,0,0,0.6);
	color: #FFF;
	}

.contact li a::before,
.contact li a::after {
	left: 0;
	width: 100%;
	height: 50%;
	}

.contact li a::before {
	top: 0;
	}

.contact li a::after {
	bottom: 0;
	}

.contact li a:hover::before,
.contact li a:hover::after {
	height: 0;
	background: rgba(255,255,255,0.75);
	}

/*--------------------------------------------------------------
	contact
--------------------------------------------------------------*/
#content{
	background: #E9E5DD;
	padding: 0 0 50px;
}

#main-contents-contact {
	position: relative;
	text-align: center;
	width: 70%;
	max-width: 1024px;
	margin: 0px auto;
	box-sizing: border-box;
	z-index: 50;
	background: #fff;
	border-radius: 10px;
	padding: 10px 5%;
	}

#contact {
	width: 100%;
	margin: 0 auto 120px ;
	padding: 0;

	}

#contact .title-icon {
	
	}

.title {
	width: 100%;
	margin: 0 auto 0;
}
	



.formTable {
	position: relative;
	width: 100%;
	margin: 60px auto;
	z-index: 10;
	}

#contact .formTable ul,
#contact .formWrap ul{
	display: table;
	width: 100%;
	margin: 6px auto;
	padding: 18px 0 0;
	font-size: 14px;
	text-align: left;
	box-sizing: border-box;
	position: relative;
	font-family:  "Noto Sans Japanese";
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 36px;
    font-weight: normal;
	}


#contact .formTable div {
	border-bottom: dotted 1px #4C4D4D;
	color: #4C4D4D;

	
	}

#contact .formTable li {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box;
	}

#contact .formTable li:first-child {
	width: 200px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	}

#contact .formTable li:last-child {
	padding: 0 36px 0 10px;
	}

#contact .formTable li .red {
	border:solid 1px #F00;
	font-size:11px;
	color:#F00;
	background:#FEE;
	padding:0 10px;
	margin-right:10px;
	}

#contact .formTable li iframe {
	width: 100%;
	height: 240px;
	padding: 12px 0 ;	
	box-sizing: border-box;
	}

#contact .formTable .recruit-point {
	border: solid 1px #000;
	padding: 12px;
	font-size: 12px;
	box-sizing: border-box;
	}

#contact .formTable .recruit-point p {
	background: #000;
	color: #FFF;
	width: 200px;
	text-align: center;
	margin-bottom: 6px;
	}

#contact .formTable li p {
	font-size: 14px;
	letter-spacing: 0px;
    line-height: 23px;
	padding:10px;
	color:#999;
	}

#contact .formTable li:nth-child(odd) {
	width:50%;
	padding-left:30px;
	font-size: 16px;
	}

#contact .formTable li:nth-child(even) {
	
	}

#contact .formTable input {
	width:100%;
	padding:10px 12px;
	box-sizing:border-box;
	border:solid 1px #999;
	}

#contact .formTable textarea {
	width:100%;
	padding:20px 20px;
	min-height:200px;
	box-sizing:border-box;
	border:solid 1px #999;
	}

#contact .formbutton {
	margin:30px auto 0;
	}

#contact .submit {
	margin: 0;
	padding:20px 80px;
	background:none;
	color:#95989a;
	font-weight:bold;
	border: solid 2px ;
	letter-spacing: 1px;
	line-height: 36px;
    font-weight: normal;
	font-family:  "Noto Sans Japanese";
	font-size: 18px;
	-webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
	}

#contact .submit:hover {
	background:#333333;
	color: #FFFFFF;
	-webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -ms-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
	}

#contact .pageback {
	width:536px;
	margin:20px auto 36px;
	}

#contact .pageback a img {
	width: 100%;
	vertical-align: bottom;
	}

#contact .pageback a:hover {
	opacity: .75;
	}

#contact .contactBlodError {
	width: 90%;
	position: relative;
	background: rgba(255,0,4,.75);
	color: #FFF;
	font-size: 14px;
	line-height: 30px;
	z-index: 1000;
	margin: 60px auto;
	padding: 5%
	}

#contact .contactBlodGood {
	text-align: center;
	width: 90%;
	position: relative;
	background: rgba(0,44,255,.75);
	color: #FFF;
	font-size: 14px;
	line-height: 30px;
	z-index: 1000;
	margin: 60px auto;
	padding: 5%;
	}

#contact .error_messe li {
	text-align: center !important;
	}

#contact .error_messe span {
	color:#F00;
	}

#contact .gotop-btn {
	border-top: solid 1px #767676;
	border-bottom: solid 1px #767676;
	width: 320px;
	margin: 60px auto 0;
	font-family: "Sawarabi Mincho";
	
	}

#contact .gotop-btn a {
	display: block;
	text-align: center;
	text-decoration: none;
	outline: none;
	padding: 12px 0 12px;
	font-size: 24px;
	color: #767676;
	}

#contact .gotop-btn a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

#contact .gotop-btn a,
#contact .gotop-btn a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	}

#contact .gotop-btn a {
	position: relative;
	z-index: 2;
	color: #767676;
	line-height: 30px;
	}

#contact .gotop-btn a:hover {
	background:rgba(0,0,0,0.6);
	color: #FFF;
	}


#contact .gotop-btn a::after {
	left: 0;
	width: 100%;
	height: 50%;
	}


#contact .gotop-btn  a::after {
	bottom: 0;
	}

#contact .gotop-btn  a:hover::after {
	height: 0;
	background: rgba(255,255,255,0.75);
	}



#contact .thankyou-img {
	width: 900px;
	margin: 0 auto;
	}

	

	


	



/*=================================================================*/
@media only screen and (max-width: 1024px)and (min-width: 769px){
	#contact .submit{
	    padding: 20px 30px;
	}
}

@media only screen and (max-width: 768px){
	.dotted_line{
		display: inline-block;
	}
	#contact .formTable li{
		display: inline-block;
		text-align: left;
	}
	#contact .formTable li:last-child{
		display: inline-block;
		padding: 0;
		width: 100%;
	}
	#contact .formTable li:nth-child(odd){
		width: 100%;
		padding-bottom: 10px;
		font-size: 14px;
		padding-left: 0;
	}
	#contact .formTable ul, #contact .formWrap ul{
		display: block;
		width: 100%;
	}
	#contact{
		position: relative;
		width: 100%;
		padding: 0;
	}
	#contact .formTable div{
		width: 80%;
		margin: 0 auto;
	}
	#contact .formTable{
		margin: 0;
	}

	form{
		width:  90%;
		margin: 0 auto;
	}

	.concept_background .is-animated{
		top: 0;
		height: 820px;
		transform: translateX(6%);
		width: 100%;
	}
	#contact .submit{
		width: 80%;
		max-width: 500px;
		padding: 20px 0;
		margin: 0 auto 10px;
	}

	#contact .gotop-btn{
		width: 90%;
	}
	#contact .formbutton{
		margin: 50px auto 0;
	}
	#main-contents-contact{
		padding-top: 30px;
	}
	.head_logo{
		width: 150px;
	}

}

@media only screen and (max-width: 768px)and (min-width: 426px){

}
@media only screen and (max-width: 425px){
	#main-contents-contact{
		width: 90%;
	}
	form{
		width:  100%;
	}
	#contact .formTable div{
		width: 100%;
	}
	
}

/*--------------------------------------------------------------
	privacy
--------------------------------------------------------------*/

#privacy_contents{
	width: 95%;
	margin: 0 auto;
}

#privacy_contents p{
	margin: 0px 0 10px;
    padding: 50px 0 50px;
    letter-spacing: 1.5px;
    font-size: 16px;
    font-weight: normal;
    color: #767676;
    line-height: 35px;
	text-align: left;
}

.privacy h2{
	font-size: 100px;
	padding: 10px 0 0;
}


.privacy .concept_background .is-animated{
	transform: translateX(7%);
}


@media only screen and (max-width: 1024px)and (min-width: 769px){
	.privacy .concept_background .is-animated{
		height: 795px;
		transform: translateX(5.5%);
		width: 100%;
	}
	.privacy h2{
    	font-size: 85px;
	}
}

@media only screen and (max-width: 768px){
	.privacy_contents {	
		letter-spacing: 2.0px;
		line-height: 25px;
		font-size: 12px;
		}
	#privacy_contents p  {
		width: 100%;
		padding: 0;
		margin: 0 auto;
		letter-spacing: 2.0px;
    	line-height: 25px;
    	font-size: 12px;
	}

	.privacy .concept_background .is-animated{
	    height: 1200px;
	    transform: translateX(5.5%);
		
	}

}

@media only screen and (max-width: 768px) and (min-width: 641px){
	.privacy h2{
    	font-size: 75px;
	}
}
@media only screen and (max-width: 640px) {
	.privacy h2{
    	font-size: 95px;
	}
}

@media only screen and (max-width: 425px){
	.privacy h2{
    	font-size: 77px;
	}
}



/*--------------------------------------------------------------
	thankyou
--------------------------------------------------------------*/
.thankyou-text {
	color: #767676;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 0 ;
	box-sizing: border-box;
	letter-spacing: 1px;
	line-height: 36px;
    font-weight: normal;
	font-family:  "Noto Sans Japanese";
	font-size: 16px;
	}

.thankyou-text-img{
	margin: 50px;
}

@media only screen and (max-width: 768px){
	.thankyou-text{	
		letter-spacing: 2.0px;
		line-height: 25px;
		font-size: 12px;
		}
	
	#contact .thankyou-text {
		width: 75%;
		padding: 0;
		}
	.thankyou .concept_background .is-animated{
		top: -100px;
		height: 730px;
		width: 100%;
		transform: translateX(5.5%);
	}

	.thankyou-text-img{
		margin: 50px auto;
		width: 97%;
	}
	.thankyou #main-contents-contact{
		padding: 30px auto 0px;
	}

}


/*--------------------------------------------------------------
	エラーページ
--------------------------------------------------------------*/

@media only screen and (max-width: 768px){
	#contact .contactBlodError{
		width: 90%;
		line-height: 30px;
    	padding: 5%;
	}
	
	#contact .contactBlodGood{
		width: 90%;
		line-height: 30px;
    	padding: 5%;
	}
}