@charset "UTF-8";
/*---------------------------------
	
	basic
	
---------------------------------*/
html, body { height: 100%; }

body {
	font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;	
	width: 100%;
    padding: 0;
    position: relative;
}
a{cursor: pointer;}

.head .fb_iframe_widget > span {
  vertical-align: baseline !important;
}
.col100{
	width: 100%;
	position: relative;
	float: left;
}

.wrap{
	height: 100%;
}

::selection {
    background: #FFF4A1;
    color:#000;
}
::-moz-selection {
    background: #FFF4A1;
    color: #000;
}

video{
	width: 100%;
	float: left;
}


.pc-hidden{
	display: none;
}

@media (max-width: 1200px) {
	.col100{
		width: 100%;
	}
}

@media (max-width: 1100px) {
	.col100{
		width: 100%;
		margin: 0 auto;
	}
}

@media (max-width: 992px) {
	.col100{
		width: 100%;
		margin: 0 auto;
	}
	
}
@media (max-width: 780px) {
	.col100{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
}

/*---------------------------------
	
	main
	
---------------------------------*/
.main{
    position: relative;
    float: left;
/*     background-image: linear-gradient(0deg, #FFAFBD 0%, #FFC3A0 99%, #FFC3A0 100%); */
    height: 100%;
}

.main .inner{
	width: 1000px;
	margin: 0 auto;
}



.main .inner .intro-txt{
	height: 250px;
	position: absolute;
	top: 50%;
	margin-top: -125px;
	left: 10%;
}

.main .inner .intro-txt h3{
	font-size: 32px;
	line-height: 32px;
	letter-spacing: 3px;
	color: #fff;
	float: left;
}

.string1 span.typed-cursor{
	float: left;
	color: #fff;
	width: 6px;
	height: 32px;
	background-color: #fff;
	overflow: hidden;
	text-indent: -99px;
	margin-left: 15px;
}

.string2 span.typed-cursor{
	float: left;
	color: #fff;
/* 	font-size: 123px; */
	display: none;
	color: #fff;
	width: 6px;
	height: 125px;
	background-color: #fff;
	overflow: hidden;
	text-indent: -99px;
	margin-left: 15px;
}

.string3 span.typed-cursor{
	float: left;
	color: #fff;
/*
	font-size: 20px;
	padding-top: 24px;
*/
	display: none;
	width: 6px;
	height: 20px;
	background-color: #fff;
	overflow: hidden;
	text-indent: -99px;
	margin-left: 15px;
	margin-top: 24px;
}

.main .inner .intro-txt h2{
	font-family: 'Montserrat', sans-serif;
	font-size: 123px;
	line-height: 123px;
	letter-spacing: 4px;
	font-weight: normal;
	color: #fff;
	border-bottom: 2px solid #fff;
	display: inline;
	float: left;
}

.main .inner .intro-txt h4{
	font-family: 'Montserrat', sans-serif;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 3px;
	color: #fff;
	margin-top: 24px;
	float: left;
}


#header{
	margin-top: 37px;
}

#header ul{
	float: right;
}

#header ul li{
	float: left;
}

#header ul li a{
	color: #fff;
	text-decoration: none;
	margin-left: 32px;
	font-size: 16px;
	letter-spacing: 3px;
}

#header_show .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 0 0;
	border-bottom: 1px #F5F5F5 solid;
	padding-bottom: 24px;
}

#header_show{
	background-color: #fff;
	padding: 24px 0 0 0;
	position: fixed;
	top: -94px;
	left: 0px;
	z-index: 99;
}

#header_show.page{
	background-color: #fff;
	padding: 24px 0 0 0;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99;
}

#header_show ul{
	padding-top: 8px;
	float: right;
}

#header_show ul li{
	float: left;
	margin-left: 32px;
}

#header_show ul li a{
	color: #000;
	text-decoration: none;
	font-size: 16px;
	letter-spacing: 1px;
	font-family: 'Montserrat', sans-serif;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

#header_show ul li a:hover{
	opacity: 0.6;
}

#header_show a.logo{
	display: block;
	color: #000;
	font-size: 24px;
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
	letter-spacing: 2px;
	float: left;
}

.scrolltop{
	width: 32px;
	height: 32px;
	position: fixed;
	bottom: 32px;
	right: 32px;
	cursor: pointer;
	display: none;
}

.scrolltop img{
	width: 100%;
	float: left;
}

.youtube{
	width: 100%;
	margin-bottom: 48px;
	float: left;
}

.youtube iframe{
  width: 100%;
}


/*--------- add by Fish ------------*/

.main .bg{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: 0px;
	top: 0px;
/* 	background-image: linear-gradient(0deg, #FFAFBD 0%, #FFC3A0 99%, #FFC3A0 100%); */
	background: linear-gradient(-45deg, #FFAFBD, #FFC3A0, #FFAFBD, #FFC3A0);
	background-size: 400% 400%;
	-webkit-animation: Gradient 8s ease infinite;
	-moz-animation: Gradient 8s ease infinite;
	animation: Gradient 8s ease infinite;
	
}

@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

/*----- end of adding by Fish ------*/


/*---------------------------------
	
	inner
	
---------------------------------*/
.main .inner {
	padding: 0 0 0 0;
}
.inner{
    width: 1000px;
    margin: 0 auto;
    padding: 72px 0 72px 0;
}
.inner h2.title{
	font-family: 'Montserrat', sans-serif;
	font-weight: normal;
	text-align: center;
	font-size: 48px;
	letter-spacing: 3px;
	margin-bottom: 56px;
}


/*---------------------------------
	
	color
	
---------------------------------*/
.pink{
	color: #E383A5;
}

.chai{
	color: #C58836;
}

.chai2{
	color: #BEA666;
}

.blue{
	color: #183B7E;
}

.yellow{
	color: #EBB844;
}


/*---------------------------------
	
	index_section1
	
---------------------------------*/
#section1 .intro-txt h3,#section1 h3.intro-txt{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 40px;
	line-height: 35px;
	width: 820px;
	margin: 0 auto;
	position: relative;
}

#section1 h3 span.simble1{
	position: absolute;
	top: 8px;
	left: 0px;
}

#section1 h3 span.simble2{
	position: absolute;
	top: 8px;
	right: 0px;
}

#section1 h3 span img{
	width: 28px;	
	float: left;
}

#section1 h4{
	width: 800px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 31px;
	margin-bottom: 48px;
}

#section1 .btn{
	width: 200px;
	height: 56px;
	margin: 0 auto;
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	overflow: hidden;
}

#section1 .btn a{
	display: block;
	color: #fff;
	text-align: center;
	line-height: 56px;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1px;
	position: relative;
	z-index: 1;
	
	/*-------- add by Fish --------*/
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	overflow: hidden;
	/*--- end of adding by Fish ---*/
}

#section1 .btn a:after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	z-index: -1;
	background: linear-gradient(90deg, #FFAFBD 0%, #FFC3A0 99%, #FFC3A0 100%);
	transition: 1s opacity ease;
}

#section1 .btn a:hover:after{
	opacity: 0;
}

#section1 .btn a:before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	z-index: -2;
	background: linear-gradient(90deg, #FF96A9 0%, #FFAFBD 99%, #FFAFBD 100%);
}

#section1 .btn a span{
	padding-right:12px;
}

/*---------------------------------
	
	index_section2
	
---------------------------------*/
#index #section2 .inner h2.title{
	padding: 0 0 0 0 ;
	margin-bottom: 0px;
}

.gr-bg{
	background-color: #FAFAFA;
}

.notice-txt .inner{
	width: 1000px;
    margin: 0 auto;
	padding: 24px 0 24px 0;
}

#section2 .works-box .inner{
	width: 1000px;
    margin: 0 auto;
    padding: 80px 0 80px 0;
}

#section2 .works-box,.notice-txt{
	width: 100%;
	float: left;
}

#section2 .works-box .works-img{
	width: 500px;
	float: left;
}

#section2 .works-box .works-img img{
	float:left;
	width: 100%;
}

#section2 .works-box .works-txt{
	float: right;
	width: 436px;
	
}

#section2 .works-box .works-txt p.number{
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 16px;
	line-height: 15px;
	font-weight: bold;
}

#section2 .works-box .works-txt h2.works-title{
	font-size: 18px;
	text-align: left;
	margin-bottom: 16px;
	line-height: 16px;
	font-weight: bold;
	letter-spacing: 2px;
}

#section2 .works-box.works1 .works-txt h2.works-title{
	color: #9E99EE;
}

#section2 .works-box .works-txt a.link{
	font-size: 14px;
	line-height: 14px;
	text-decoration: none;
	color: #B2B2B2;
	display: block;
	margin-bottom: 32px;
	letter-spacing: 2px;
}

#section2 .works-box .works-txt h3.description{
	font-size: 14px;
	line-height: 32px;
	margin-bottom: 32px;
}

#section2 .works-box .works-txt .btn{
	width: 200px;
	height: 56px;
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	overflow: hidden;
}

#section2 .works-box .works-txt .btn a{
	display: block;
	color: #fff;
	text-align: center;
	line-height: 56px;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1px;
	position: relative;
	z-index: 1;
	
	/*-------- add by Fish --------*/
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	overflow: hidden;
	/*--- end of adding by Fish ---*/
}

#section2 .works-box .works-txt .btn a span{
	padding-right:12px;
}

#section2 .works-box .works-txt .btn a:after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	z-index: -1;
	background-image: linear-gradient(90deg, #9795F0 0%, #FBC8D4 99%, #FBC8D4 100%);
	transition: 1s opacity ease;
}

#section2 .works-box .works-txt .btn a:hover:after{
	opacity: 0;
}

#section2 .works-box .works-txt .btn a:before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	z-index: -2;
	background: linear-gradient(90deg, #8C8AF2 0%, #8C8AF2 99%, #8C8AF2 100%);
}

#section2 .works-box.works2 .works-txt .btn a:after{
	background-image: linear-gradient(90deg, #E383A5 0%, #FF9A9E 99%, #FF9A9E 100%);
}
#section2 .works-box.works2 .works-txt .btn a:before{
	background: linear-gradient(90deg, #EF739F 0%, #EF739F 99%, #EF739F 100%);
}

#section2 .works-box.works3 .works-txt .btn a:after{
	background-image: linear-gradient(90deg, #91590C 0%, #CF8B2F 99%, #CF8B2F 100%);
}
#section2 .works-box.works3 .works-txt .btn a:before{
	background: linear-gradient(90deg, #935807 0%, #935807 99%, #935807 100%);
}

#section2 .works-box.works4 .works-txt .btn a:after{
	background-image: linear-gradient(90deg, #0C2758 0%, #183B7E 99%, #183B7E 100%);
}
#section2 .works-box.works4 .works-txt .btn a:before{
	background: linear-gradient(90deg, #0A2453 0%, #0A2453 99%, #0A2453 100%);
}

#section2 .works-box.works5 .works-txt .btn a:after{
	background-image: linear-gradient(90deg, #F5B013 0%, #FFCC43 99%, #FFCC43 100%);
}
#section2 .works-box.works5 .works-txt .btn a:before{
	background: linear-gradient(90deg, #F5B013 0%, #F5B013 99%, #F5B013 100%);
}

#section2 .works-box.more-btn .inner{
    padding:40px 0 40px 0;
}

#section2 .works-list .btn{
	width: 200px;
	height: 56px;
	margin: 0 auto;
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	overflow: hidden;
}

#section2 .works-list .btn a{
	display: block;
	color: #fff;
	text-align: center;
	line-height: 56px;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1px;
	z-index: 1;
	position: relative;
	
	/*-------- add by Fish --------*/
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	overflow: hidden;
	/*--- end of adding by Fish ---*/
}


#section2 .works-list .btn a:after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	z-index: -1;
	background-image: linear-gradient(90deg, #FFAFBD 0%, #FFC3A0 99%, #FFC3A0 100%);
	transition: 1s opacity ease;
}


#section2 .works-list .btn a:hover:after{
	opacity: 0;
}


#section2 .works-list .btn a:before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	z-index: -2;
	background: linear-gradient(90deg, #FF96A9 0%, #FFAFBD 99%, #FFAFBD 100%);
}

#section2 .works-list .btn a span{
	padding-right:12px;
}


/*---------------------------------
	
	footer copyright
	
---------------------------------*/
#footer{
	padding-top: 72px;
}

#footer .inner{
	padding: 32px 0 32px 0;
}
1
#footer p.copyright{
	font-size: 11px;
	letter-spacing: 1px;
}

/*---------------------------------
	
	about
	
---------------------------------*/
#about h2{
	padding-top: 54px;
}

#about .intro-txt{
	margin-bottom: 32px;
}

#about .intro-txt .photo{
	width: 160px;
	height: 160px;
	float: left;
}

#about .intro-txt .photo img{
	width: 100%;
	float: left;
}

#about .intro-txt h3{
	width: 800px;
	float: right;
	margin-top: 48px;
}

#about  h4{
	width: 1000px;
	margin: 0 auto;
	letter-spacing: 1px;
}

#about h5{
	font-size: 32px;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	margin-bottom: 48px;
}

#about p{
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 1px;
}

#about .story-block li.story-box{
	float: left;
	margin-bottom: 64px;
	width: 100%;
}

#about .story-block .story-box .time-line{
	width: 32px;
	height: 4px;
	background-image: linear-gradient(90deg, #FFAFBD 0%, #FFC3A0 99%, #FFC3A0 100%);
	float: left;
	margin-top: 3px;
}


#about .story-block li.story-box .time{
	float: left;
}


#about .story-block li.story-box .time p.age{
	float: left;
	font-size: 14px;
	line-height: 14px;
	margin-left: 16px;
}

#about .story-block li.story-box .story-txt{
	float: left;
	margin-left: 32px;
	width: 800px;
	margin-top: 24px;
	
}

#about .story-block li.story-box .story-txt h6{
	margin-top: -6px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}

#about .pdf-block ul li{
	float: left;	
	margin-right: 32px;
	width: 120px;
}

#about .pdf-block .pdf-img{
	width: 82px;
	margin: 0 auto;
	margin-bottom: 16px;
}

#about .pdf-block .pdf-img img{
	width: 100%;
	float: left;
}

#about .pdf-block p,#about .pdf-block a{
	text-align: center;
	text-decoration: none;
	color: #000;
	letter-spacing: 2px;
	width: 100%;
	float: left;
	font-size: 12px;
}

#about .skill-block{
	float: left;
	width: 30%;
	margin-right: 5%;
}

#about .skill-block:last-child{
	margin-right: 0;
}

#about .skill-block h6{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 16px;
	letter-spacing: 1px;
}

#about .skill-block ul li{
	font-size: 14px;
	margin-bottom: 8px;
	border-bottom: 1px solid #DCDDDD;
	padding-bottom: 8px;
/* 	list-style:circle; */
	float: left;
	width: 100%;
}

#about .skill-block ul li span{
	margin-right: 16px;
	font-weight: bold;
	color: #3E3A39;
	width: 72px;
	float: left;
}

span.mark{
	background-color: #FAEA70;
	padding: 0px 2px 0px 2px;
	font-weight: bold;
}

.link{
	margin-top: 16px;
}

.link a{
	color: #595757;
	font-size: 14px;
	margin-bottom: 16px;
	text-decoration: none!important;
	
}

.link a span{
	padding-right: 8px;
	text-decoration: none;
	
}

/*
.link a:hover{
	text-decoration: underline!important;
}
*/

.story-txt a{
	color: #000;
	text-decoration: underline;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

.story-txt a:hover{
	opacity: 0.6;
}

/*---------------------------------
	
	works
	
---------------------------------*/
#works h2{
	padding-top: 54px;
}

#works .category ul{
	width: 664px;
	margin: 0 auto;
	margin-bottom: 72px;
}

#works .category ul li{
	float: left;
	width: 200px;
	height: 56px;
	border: 1px solid #000;
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	text-align: center;
	font-size: 12px;
	letter-spacing: 1px;
	margin-right: 32px;
	box-sizing: border-box;
	overflow: hidden;
}

#works .category ul li:last-child{
	margin-right: 0px;
}

#works .category ul li a{
	text-align: center;
	line-height: 56px;
	color: #000;
	text-decoration: none;
	display: block;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	
	/*-------- add by Fish --------*/
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	overflow: hidden;
	/*--- end of adding by Fish ---*/
	
}
#works .category ul li a:hover{
	background-color: #000;	
	color: #fff;
}

#works .category ul li.active{
	background-color: #000;
	color: #fff;
}

#works .category ul li.active a{
	color: #fff;
}

#works .works-box ul li{
	width:48%;
	float: left;
	margin-right: 4%;
	margin-bottom: 72px;
}

#works .works-box ul li:nth-child(2n){
	margin-right: 0px;
}

#works .works-box ul li .works-img{
	border: 1px solid #E6E6E6;
	float: left;
	margin-bottom: 24px;
}

#works .works-box ul li img{
	width: 100%;
	float: left;
}

#works .works-box ul li p.numb{
	font-size: 12px;
	letter-spacing: 1px;
	color: #BABABA;
	text-align: left;
	line-height: 12px;
	margin-bottom: 16px;
}

#works .works-box ul li a.title{
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 8px;
	text-align: left;
	text-decoration: none;
	color: #000;
	display: block;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

#works .works-box ul li a.title:hover{
	opacity: 0.6;
}

#works .works-box ul li a.url{
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	color: #000;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

#works .works-box ul li a.url:hover{
	opacity: 0.4;
}

p.notice{
	font-size: 12px;
	color: #5D5D5D;
	text-align: left;
}

/*---------------------------------
	
	works-page
	
---------------------------------*/
#works-page h2{
	padding-top: 54px;
}

#works-page p.numb{
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 16px;
}

#works-page h3.title{
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-bottom: 12px;
	
}

#works-page a.url{
	font-size: 14px;
	color: #B2B2B2;
	text-decoration: none;
	letter-spacing: 1px;
	display: block;
	margin-bottom: 24px;
}

#works-page p.position{
	font-size: 12px;
	color: #595757;
	letter-spacing: 1px;
	line-height: 180%;
}

#works-page p.ward{
	font-size: 12px;
	color: #FF466A;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 180%;
	margin-bottom: 16px;
}

#works-page p.description{
	font-size: 14px;
	margin-bottom: 48px;
	line-height: 180%;
	
}
#works-page p.description a{
	font-size: 14px;
	color: #000;
	text-decoration: underline;
	
}


#works-page .works-txt-lead{
	margin-bottom: 32px;
}

#works-page .works-img{
	width: 1000px;
	float: left;
	margin-bottom: 64px;
}

#works-page .works-img img{
	float: left;
	width: 100%;
}

#works-page .works-section{
	margin-bottom: 32px;
}

#works-page h5{
	font-size: 20px;
	margin-bottom: 16px;
	letter-spacing: 1px;
	font-weight: bold;
}

#works-page .btn{
	width: 200px;
	height: 56px;
	margin: 0 auto;
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	overflow: hidden;
}

#works-page .btn a{
	display: block;
	color: #fff;
	text-align: center;
	line-height: 56px;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1px;
	position: relative;
	z-index: 1;
	
	/*-------- add by Fish --------*/
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	overflow: hidden;
	/*--- end of adding by Fish ---*/
}

#works-page .btn a:after{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	z-index: -1;
	background-image: linear-gradient(90deg, #FFAFBD 0%, #FFC3A0 99%, #FFC3A0 100%);
	transition: 1s opacity ease;
}

#works-page .btn a:hover:after{
	opacity: 0;
}

#works-page .btn a:before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	z-index: -2;
	background: linear-gradient(90deg, #FF96A9 0%, #FFAFBD 99%, #FFAFBD 100%);
}


#works-page .btn a span{
	padding-right:12px;
}

#works-page p.date{
	font-size: 12px;
	letter-spacing: 1px;
	margin-bottom: 8px;
	color: #595757;
}

/*
.movie-block{
	width: 80%;
	margin: 0 auto;
}
*/

/*---------------------------------
	
	contact
---------------------------------*/
#contact #section1{
	min-height: 580px;
}


#contact h2{
	padding-top: 54px;
	padding-bottom: 32px;
}

#contact .email-block{
	width: 60%;
	margin: 0 auto;
	background-image: linear-gradient(90deg, #FFAFBD 0%, #FFC3A0 99%, #FFC3A0 100%);
	height: 80px;
	border-radius: 40px;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	margin-bottom: 64px;
}

#contact .email-block p{
	color: #fff;
	letter-spacing: 1px;
	font-size: 24px;
	text-align: center;
	line-height: 80px;
}

#contact .email-block p span{
	margin-right: 16px;
}

#contact .email-block p a{
	color: #fff;
	text-decoration: none;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}

#contact .email-block p a:hover{
	opacity: 0.8;
}


#contact .sns-block{
	width: 60%;
	margin: 0 auto;
}

#contact .sns-block ul li{
	float: left;
	margin-right: 5%;
	width: 30%;
	text-align: center;
}

#contact .sns-block ul li:last-child{
	margin-right: 0;
}

#contact .sns-block ul li a{
	color: #4A4A4A;
	font-size: 28px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	
}

#contact .sns-block ul li a:hover{
	opacity:0.7;
}

p.copyright{
	font-size: 10px!important;
	letter-spacing: 1px;
	text-align: center;
}