@charset "utf-8";
/*
reset CSS
html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
	html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, /*sub, sup,*/ var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
	body { line-height:1;} eader,hgroup,menu,nav,section { display:block;}
	nav ul { list-style:none;}
	blockquote, q { quotes:none;}
	blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}
	a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

	/* change colours to suit your needs */
	ins { background-color:#ff9; color:#000; text-decoration:none;}

	/* change colours to suit your needs */
	mark { background-color:#ff9; color:#000;  font-style:italic; font-weight:bold;}
	del { text-decoration: line-through;}
	abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
	table { border-collapse:collapse; border-spacing:0;}

	/* change border colour to suit your needs */
	hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
	input, select { vertical-align:middle;}


/*--- base ---*/
* { margin:0px; padding:0px;}
html { font-size: 87.5%;}
body { font-family: "Meiryo",verdana,"Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif; line-height: 1.6; text-align: left; color:#000; -webkit-text-size-adjust: 100%;}

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight: normal;} img { border:0; vertical-align:bottom;} li { list-style:none;} table { border:none; border-collapse:collapse; font-size:100%;} table caption { display:none;} td,th { text-align:left; line-height: 1.5;}
a:link,a:visited { color: #000; text-decoration: none;}
a:active,a:hover { color: #202020; text-decoration: underline;}

img { max-width: 100%; height: auto;}
img[src$=".svg"] {　width: 100%;}

/*--- footer ---*/
footer { border-top: #D8D8D8 solid 1px; padding: 40px 0 0; text-align: center;}
#founderUl { overflow: hidden; margin: -50px 0 50px;}
	#founderUl li { margin: 50px 0 0;}
		.founderUlDl dt { overflow: hidden; padding: 0 0 32px; font-weight: bold;}
		.founderUlImg  { padding: 0 6% 24px;}
		.founderUlName {}
		.founderUlURL  { font-size: 85.7%;}
	footer small { display: block; border-top: #D8D8D8 solid 1px; padding: 24px 6%; font-size: 71.4%; color: #999999;}

/*--- nav ---*/
#langNav { position: absolute; top: 1em; left: 3%; z-index: 100;}
	#langNav li { float: left; margin-right: 1em;}
	#langNav li:first-child:after { content:"|"; padding-left: 1em;}
		#langNav li a { color: #666;}


/*--- general ---*/
.cSec { position: relative; overflow: hidden;}
.cSec01 { overflow: hidden; padding: 2rem 6%; font-size: 114.2%;}

	.cSec01 h2,#c04 h2 { text-align: center; font-size: 150%; line-height: 1.2; padding: 0 0 .7em;}
	#c04 h2 { font-size: 171.428%;}

.ofH { overflow: hidden;}

.pB80 { padding-bottom: 80px !important;}

.pcDisp { display: none;}

.fL  { float: left;}
.fR  { float: right;}
.aL  { text-align: left !important;}
.aC  { text-align: center !important;}
.aR  { text-align: right !important;}
.fwB { font-weight: bold !important;}
.clB { clear: both !important;}
.wSN { white-space: nowrap !important;}
.lSN { letter-spacing: 0 !important;}

/*--- index ---*/
	/*--- c01 --*/
	#c01 { height: 65.416vw; background: url(images/index_img01.jpg) top center no-repeat; background-size: cover;}
		#c0101 { overflow: hidden; position: absolute; top: 14%; left: 0; width: 100%; padding: 0 6%; text-align: right; line-height: 1.2; box-sizing: border-box;}
			/*#title { font-size: 257.14%; font-family: 'Oswald', sans-serif; padding-bottom: 0.3rem;}*/
			#title { width: 40%; float: right; padding-bottom: 0.3em;}
			#c01Sub01 { clear: both; font-size: 85.7%; font-family: 'Open Sans', sans-serif;}

	/*--- c02 ---*/
	#c02 { padding-bottom: 66.666vw; background: url(images/index_img02.jpg) bottom center no-repeat; background-size: 100% auto;}

	/*--- c03 ---*/
	#c03 { padding-bottom: 66.666vw; background: url(images/index_img03.jpg) bottom center no-repeat; background-size: 100% auto;}

	/*--- c04 ---*/
	#c04 { padding-top: 63.416vw; background: url(images/index_img04.jpg) top center no-repeat; background-size: 100% auto;}
	#c04 { position: relative;}
		#c04 h2 { position: absolute; top: 11.5%; left: 0; width: 100%;}
		#c04 p#c0403  { padding: 2rem 6%; font-size: 114.2%;}

	/*--- c05 ---*/
	#upDateTxt { text-align: center; font-weight: bold; padding: 0 0 2rem;}
	#formNote { text-align: center; padding: 2rem 0 0; font-size: 85.7%;}
	#upDateForm { font-family: 'Open Sans', sans-serif; overflow: hidden; padding: 0 0 2rem;}
		#upDateForm dt { font-size: 120%;}
		#upDateForm dd input[type=email] { padding: 1em; margin: 0 0 2rem; width: 100%; box-sizing: border-box; background: #FAFAFA; border: #D8D8D8 solid 1px;}
		#upDateForm dd button[type=submit],.mfp_buttons button { display: block; padding: 1em; width: 50%; margin: 0 auto 2rem; /*margin-left: 25%; */box-sizing: border-box; background: #272727; border: none; color: #FFF; font-weight: bold;}

	#thaksTitle { margin: 2rem 30%;}
	#thanksDl  { padding: 0 6%; }
	#thanksDl dt { font-weight: bold; padding-bottom: 2rem;}
	#thanksDl dd p { padding: 0 0 2rem;}

	/*--- c06 ---*/
	#c06 { background: #FAFAFA; padding: 2rem 0;}
	#likeUsDl { overflow: hidden; padding: 0 0 4rem;}
		#likeUsDl dt { font-family: 'Open Sans', sans-serif; font-weight: bold; text-align: center; padding: 0 0 1em; font-size: 128.5%;}
		#likeUsDl dd {}
			#likeUsDl dd ul { text-align: center;}
				#likeUsDl dd ul li { display: inline-block; padding: 0 5px;}
	.fbBox { width: 80%; margin: 0 auto; text-align: center;}


/* PC向けレイアウトの指定 *//******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 1025px) {
body { min-width: 960px; overflow: auto;}
/*--- footer ---*/
footer { }
#founderUl { width: 480px; margin: 0 auto 50px;}
	#founderUl li { margin: 0; float: left; width: 240px;}
		.founderUlDl dt { padding: 0 0 40px;}
		.founderUlImg  { padding: 0 0 32px;}
		.founderUlName {}
		.founderUlURL  { }
	footer small { display: block; border-top: #D8D8D8 solid 1px; padding: 24px 0; font-size: 85.7%; color: #999999;}

/*--- nav ---*/
#langNav { top: 24px; left: 50%; margin-left: -480px;}


/*--- general ---*/
.cSec { position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.cSec01 { overflow: hidden; width: 100%; padding: 80px 0; margin: 0 auto; background: rgba(255,255,255,0.8);
/*
background: -moz-linear-gradient(top,  rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.8) 60%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.8) 60%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#00ffffff',GradientType=0 );

*/
}
	.cSec01Wrapper { width: 960px; margin: 0 auto;}
	.cSec01 p { padding: 0 130px;}
	.cSec01 p#c0202 { padding: 0 40px;}

.wideImg { text-align: center;}

	.cSec01 h2,#c04 h2 { font-size: 212.5%; padding: 0 0 24px;}


.pcDisp { display: block;}
.spDisp { display: none;}

/*--- index ---*/
	/*--- c01 --*/
	#c01 { height: 100vh; background-size: cover; background-attachment: fixed;}
		#c0101 { top: 14%; left: 50%; width: 480px; padding: 0 60px 0 0;}
			#title { width: 262px; font-size: 514.28%; padding-bottom: 20px;}
			#c01Sub01 { font-size: 140%;}

	/*--- c02 ---*/
	#c02 { background: url(images/index_img02.jpg) center center no-repeat; background-size: cover; background-attachment: fixed;}
	#c0201,#c0202,#c0203 { opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

	/*--- c03 ---*/
	#c03 { background-size: cover; background-attachment: fixed;}
	#c0301,#c0302,#c0303 { opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

	/*--- c04 ---*/
	#c04 { position: relative; min-height: 100vh; font-size: 114.2%; background-size: cover; background-attachment: fixed; box-sizing: border-box; background-position: bottom center;}
	#c0401,#c0402,#c0403 { opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

		#c04 h2 { top: 107px;}
		#c04 p#c0403  { position: absolute; top: 160px; left: 50%; width: 760px; margin: 0 0 0 -370px; padding: 0; font-size: 114.2%;}

	/*--- c05 ---*/
	#c05 .cSec01 { overflow: hidden; width: 480px; margin: 0 auto; padding: 50px 0 0;}
	#upDateTxt { padding: 0 0 40px;}
	#upDateForm { padding: 0 0 50px;}
		#upDateForm dt { font-size: 128.5%%;}
		#upDateForm dd input[type=email] { margin: 0 0 30px;}
		#upDateForm dd button[type=submit],.mfp_buttons button { display: inline-block; margin: 0 20px; width: 130px;  cursor: pointer;}

	#thaksTitle { margin: 40px auto 80px; width: 210px;}
	#thanksDl  { width: 700px; margin: 0 auto; padding: 0; }
	#thanksDl dt { font-weight: bold; padding-bottom: 40px;}
	#thanksDl dd p { padding: 0 0 40px;}

	/*--- c06 ---*/
	#c06 { background: #FAFAFA; padding: 50px 0;}
	#likeUsDl { overflow: hidden; padding: 0 0 80px;}
		#likeUsDl dt { padding: 0 0 40px;}
		#likeUsDl dd {}
			#likeUsDl dd ul { }
				#likeUsDl dd ul li { }

	.fbBox { width: 320px; margin: 0 auto;}


}