@charset "UTF-8";

#content-cache
{
	display: none;
}

/*header*/
/*------------------------------------------------------------------------------*/



/*#fixedBox {
}
*/

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

.header {
	width:100%;
	min-width:1100px;
	height:70px;
	background-color: rgba(129,212,250,0.8);
	margin:0;
	padding:0;
	overflow:hidden;
}

	.header .container
	{
		width:100%;
		max-width:1100px;
		margin:0 auto;
		padding:0;
		clear:both;
		overflow:hidden;
	}
	.header .container:before, .header_box:after { content: ""; display: block;}
	.header .container:after { clear: both;}

	.header .logo {
		width:410px;
		float:left;
	}
	.header .logo h1 {
		width:410px;
		height:70px;
		background-image: url(/asset/img/header_logo.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 410px 70px;
		-webkit-background-size: 410px 70px;
		-moz-background-size: 410px 70px;
		margin:0;
		padding:0;
		text-indent:-9999px;
		display:block;
	}

	.header .menu {
		float:right;
	}
	.header .menu ul {
		margin:0;
		padding:0;
		font-size:0;
	}
	.header .menu li {
		display: table-cell;
		padding:20px 2px 0px 0px;
		font-size:13px;
		line-height:120%;
		letter-spacing:0px;
		text-align:center;
	}
	.header .menu li a {
		color:#000;
		position: relative;
		display: table-cell;
		padding: .4em;
		text-decoration: none;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
	}
	.header .menu li a:hover,a:active,a:visited {
		color:#00a0e9;
		text-decoration:none;
	}
	.header .menu li a::after {
		content: '';
		position: absolute;
		bottom: -5px;
		left: 0;
		width: 100%;
		height: 2px;
		-webkit-transform: scaleX(0);
		-ms-transform: scaleX(0);
		transform: scaleX(0);
		background-color:#00a0e9;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
	}
	.header .menu li a:hover::after {
		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
	}

/*main_img*/

#main_img2,
#main_img
{
	width:100%;
	height:630px;
	background-image: url(/asset/img/bg_image01.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1800px 630px;
	-webkit-background-size: 1800px 630px;
	-moz-background-size: 1800px 630px;
	margin:0;
	padding:0;
	display:block;
	position: relative;
}
#main_img2
{
	background: transparent url(/asset/img/shadow_top.png) center top repeat-x;
	background-image: url(/asset/img/shadow_top.png), url(/asset/img/bg_image02.jpg);
	background-position: center top, center top;
	background-repeat: repeat-x, no-repeat;
}
.main_img_box {
	width:468px;
	text-align:center;
	margin:0 auto 0 50%;
	padding:160px 0 0;
	position: relative;
}
.main_logo {
	width:320px;
	height:260px;
	background-image: url(/asset/img/main_logo.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 320px 260px;
	-webkit-background-size: 320px 260px;
	-moz-background-size: 320px 260px;
	margin:0 auto 50px;
	padding:0;
	text-indent:-9999px;
	display:block;
}
.main_text2,
.main_text
{
	width:468px;
	height:80px;
	background: transparent url(/asset/img/main_text.png) top center no-repeat;
	margin:0 auto;
	padding:0;
	text-indent:-9999px;
	display:block;
}
.main_text2
{
	background-image: url(/asset/img/main_text2.png);
}

	#staffanchor
	{
		width: 1000px;
		margin: 0 auto;
		margin-top: -100px;
	}
		#staffanchor:hover
		{
			opacity: 0.8;
		}
		#staffanchor a
		{
			display: inline-block;
			width: 300px;
			height: 200px;
			text-align: center;
			background: transparent url(/asset/img/bg_staffanchor.png) center no-repeat;
			background-size: 100% auto;
			z-index: 10;
			color: #FFFFFF;
			text-indent: 0;
			text-indent: -9999px;
		}
			#staffanchor a span
			{
				display: block;
				padding-top: 60px;
				font-size: 20px;
				margin: auto;
				line-height: 2em;
			}
			#staffanchor small
			{
				display: block;
			}
/*footer*/
/*------------------------------------------------------------------------------*/

#footer {
	width:100%;
	min-width:1100px;
	height:auto;
	margin:0 auto;
	padding: 160px 0 50px;
	background-color:#f5f5f5;
}
#footer_form {
	width:100%;
	min-width:1100px;
	height:auto;
	margin:0 auto;
	padding: 100px 0 50px;
}

	.footer_logo {
		display:block;
		width:280px;
		height:230px;
		margin:0 auto 50px;
		padding:0;
		background: transparent url(/asset/img/main_logo.png) top center no-repeat;
		text-indent:-9999px;
	}

.footer_shop {
	width:250px;
	height:41px;
	background-image: url(/asset/img/footer_shop.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 250px 41px;
	-webkit-background-size: 250px 41px;
	-moz-background-size: 250px 41px;
	margin:0 auto 50px;
	padding:0;
	text-indent:-9999px;
	display:block;
}
.footer_shop a
{
	display: block;
}
.shop_box {
	width:660px;
	margin:0 auto 140px;
	padding:0;
	clear:both;
	overflow:hidden;
}
.shop_box:before, .shop_box:after { content: ""; display: block;}
.shop_box:after { clear: both;}

.shop_box01 {
	float:left;
	width:300px;
	margin:0 auto;
	padding:0;
}
.shop_box02 {
	float:right;
	width:300px;
	margin:0 auto;
	padding:0;
}


.aromyroom {
	width:230px;
	height:140px;
	background-image: url(/asset/img/aromyroom.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 230px 140px;
	-webkit-background-size: 230px 140px;
	-moz-background-size: 230px 140px;
	margin:0 auto 40px;
	padding:0;
	text-indent:-9999px;
	display:block;
}
.aromyroom_shibuya {
	width:230px;
	height:140px;
	background-image: url(/asset/img/aromyroom_shibuya.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 230px 140px;
	-webkit-background-size: 230px 140px;
	-moz-background-size: 230px 140px;
	margin:0 auto 40px;
	padding:0;
	text-indent:-9999px;
	display:block;
}

.shop_btn {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:16px;
	line-height:100%;
	letter-spacing:1px;
	text-align:center;
	color:#7a682b;
	margin:0px auto 20px;
}
.shop_btn a {
	background-image: url(/asset/img/icon_blank.png);
	background-position: 90% 50%;
	background-repeat: no-repeat;
	background-size: 19px 19px;
	-webkit-background-size: 19px 19px;
	-moz-background-size: 19px 19px;
	padding:11px 60px 15px 40px;
	border:2px solid #7a682b;
}
.shop_btn a:hover {
	background-image: url(/asset/img/icon_blank_hover.png);
	background-position: 90% 50%;
	background-repeat: no-repeat;
	background-size: 19px 19px;
	-webkit-background-size: 19px 19px;
	-moz-background-size: 19px 19px;
	color:#FFFFFF;
	background-color:#7a682b;
	padding:11px 60px 15px 40px;
	border:2px solid #7a682b;
	text-decoration:none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
}

.footer_copy {
	text-align:center;
	font-family: "century_gothic";
	font-size:12px;
	color:#797979;
	margin-bottom: 10px;
}


/*common*/
/*------------------------------------------------------------------------------*/


.container {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", Osaka, "MS P Gothic", sans-serif;
	font-size:16px;
	line-height:180%;
}


/*title*/

.subtitle {
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	width:100%;
	min-width:1000px;
	height:70px;
	margin:0px auto 16px;
	padding:0;
	text-align:center;
	font-size:38px;
	line-height:120%;
	letter-spacing:6px;
	position: relative;
}
	.subtitle:after
		{
			content:"";
			display: block;
			height: 4px;
			width: 100px;
			background-color: #2D832D;;
			margin: 20px auto 0;
		}
	.subtitle-en
		{
			width:100%;
			min-width:1000px;
			margin:0px auto 70px;
			padding:0;
			text-align:center;
			font-family: "century_gothic";
			font-size:24px;
			line-height:120%;
		}


/*contact*/

	.contact {
		width:100%;
		min-width:1100px;
		height:auto;
		margin:0 auto;
		padding:80px 0;
		background-color:#f9fbe7;
		font-size:14px;
	}
		.contact .title {
			height:36px;
			background-image: url(/asset/img/contact_title.png);
			background-position: center top;
			background-repeat: no-repeat;
			margin:0 auto 50px;
			text-indent:-9999px;
		}
		.contact .info {
		 	width:500px;
			height:60px;
			margin:0 auto 30px;
			font-style: normal;
			text-align: center;
			font-size: 32px;
			line-height: 1.2;
			letter-spacing: -1px;
		}
	.contact .link {
		text-align:center;
		margin-bottom: 50px;
	}
	.contact .link a {
		font-size: 16px;
		letter-spacing: 4px;
		display: inline-block;
		padding: 10px 30px;
		border: 2px solid #2D832D;;
		text-decoration: none;
		color: #2D832D;;
		transition: all 1.0s ease 0s;
	}

	.contact .link a:hover {
    /* [disabled]color: #FFFFFF; */
    background-color: #A6C4A6;
    ;
	}


/*PageTop*/

#PageTop {
	right: 10px;
	bottom: 10px;
	width: 80px;
	height: 44px;
	background-image: url(/asset/img/PageTop.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 80px 44px;
	-webkit-background-size: 80px 44px;
	-moz-background-size: 80px 44px;
	display: none;
	position: fixed;
	z-index: 9999;
	-webkit-transform: translateZ(0);
	text-indent:-9999px;
}
#PageTop:hover {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.7;
}

/*reason*/

#reason .title {
	height: 120px;
	background-color: #EEEEEE;
	margin:0 auto 30px;
	text-indent:-9999px;
	display:block;
	position: relative;
}
	#reason .title:before
	{
		content:"";
		display: block;
		width: 100%;
		height: 140px;
		background: transparent url(/asset/img/reason_title.png) center top no-repeat;
		position: absolute;
		top: 0;
	}
	#reason .title:after
	{
		content:"";
		display: block;
		width: 20px;
		height: 20px;
		background-color: #EEEEEE;
		transform: rotate(-45deg);
		position: absolute;
		bottom: -10px;
		left: 50%;
		margin-left: -10px;
	}
	#reason .box {
		width:1100px;
		height:501px;
		margin:0 auto 80px;
		padding:0;
		clear:both;
		background-image: url(/asset/img/reason_back.png);
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 881px 501px;
		-webkit-background-size: 881px 501px;
		-moz-background-size: 881px 501px;
	}
	#reason .box:before, #reason .box:after { content: ""; display: block;}
	#reason .box:after { clear: both;}

	#reason .boxL {
		float:left;
		width:550px;
		height:250px;
	}
	#reason .boxR {
		float:right;
		width:550px;
		height:250px;
	}

	.case01, .case02, .case03, .case04 {
		width:550px;
		height:250px;
		margin:0;
		padding:0;
		text-indent:-9999px;
		background-repeat: no-repeat;
		background-size: 380px 210px;
		-webkit-background-size: 380px 210px;
		-moz-background-size: 380px 210px;
	}
	.case01 {
		background-image: url(/asset/img/reason01.png?222);
		background-position: right 30px top 10px;
	}
	.case02 {
		background-image: url(/asset/img/reason02.png?222);
		background-position: left 30px top 10px;
	}
	.case03 {
		background-image: url(/asset/img/reason03.png?222);
		background-position: right 30px top 30px;
	}
	.case04 {
		background-image: url(/asset/img/reason04.png?222);
		background-position: left 30px top 30px;
	}

/*shop*/

#shop {
	width:100%;
	min-width:1100px;
	background: transparent url(/asset/img/bg_shop.jpg) center bottom no-repeat;
	margin:0 auto 50px;
	padding-bottom: 50px;
}

	#shop .title {
		height: 100px;
		line-height: 100px;
		font-size: 28px;
		display:block;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		position: relative;
		color: #FFFFFF;
		font-weight: normal;
	}
		#shop .title:before,
		#shop .title:after
		{
			content: "";
			display: block;
			box-sizing: border-box;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 60%;
			height: 48px;
			position: absolute;
			margin: auto;
			background-color: #D4BB7F;

			z-index: -1;
		}
		#shop .title:before
		{
			opacity: 0.5;
			bottom: -30px;
			background: transparent url(/asset/img/box-shadow.png) center bottom no-repeat;
			background-size: 100% 30px;
		}

	#shop .box {
		box-sizing: border-box;
		width:800px;
		height: 450px;
		background: rgba(255,255,255,0.8) url(/asset/img/bg_staff.png) center center no-repeat;
		margin:0px auto;
		padding: 20px 0 0;
		text-align:center;
		text-shadow: 0 0 1px rgba(0,0,0,0.2);
	}

	#shop .txt:after
	{
		content: "・・・・・・・・・・・・";
		display: block;
		width: 100%;
		height: 8px;
		margin: 20px auto 40px;
		text-align: center;
		color: #CCCCCC;
	}

	#shop ul.list {
		list-style-type: none;
		padding-left: 0;
		display: table;
		margin: auto;
	}
	#shop ul.list li {
		display: table-cell;
		padding: 0px 20px;
		border-right:1px solid #ccc;
	}
	#shop ul.list li.inexperience {
		border-right:none;
		background-image: url(/asset/img/group_icon.png);
		background-position: left 20px top 2px;
		background-repeat: no-repeat;
		background-size: 16px 24px;
		-webkit-background-size: 16px 24px;
		-moz-background-size: 16px 24px;
		padding-left:40px;
	}

/*job*/

#job
	{
		width:100%;
		min-width:1100px;
		height:1000px;
		background:#f9f9f9 url(/asset/img/job_back.jpg) bottom center no-repeat;
		background-image: url(/asset/img/shadow_bottom.png), url(/asset/img/job_back.jpg);
		background-repeat: repeat-x, no-repeat;
		background-size: auto, 2000px 1000px;
		-webkit-background-size: auto, 2000px 1000px;
		-moz-background-size: auto, 2000px 1000px;
		margin:0 auto;
		padding: 0;
	}
	#job .container
	{
		width:100%;
		max-width:1000px;
		margin:0 auto;
		padding: 80px 0 0;
		overflow:hidden;
	}
	#job .box
	{
		min-height: 290px;
		margin:0 0 120px;
	}
	#job .box+.box
	{
		margin:0 0 0 380px;
	}

	#job .box h4
	{
		width:100%;
		height:60px;
		margin:0px auto 30px;
		padding:0;
		color: #00A0E9;
		font-size:28px;
		line-height:120%;
		letter-spacing:4px;
	}
		#job .box h4:after
		{
			content:"";
			display: block;
			height: 4px;
			width: 75px;
			background-color: #00A0E9;
			margin: 20px 0 0;
		}


/*pay*/

	#pay {
		width:100%;
		height:100%;
		margin:0 auto;
		padding: 160px 0 0;
		overflow:hidden;
	}
	#pay .box {
		box-sizing: border-box;
		width:1000px;
		height:480px;
		background: transparent url(/asset/img/bg_pay1.jpg) bottom center no-repeat;
		margin:0 auto 50px;
		padding: 0;
		position: relative;
		border-bottom: 1px solid #CCCCCC;
	}
		#pay .box:before
		{
			content: "";
			display: block;
			position: absolute;
			height: 140px;
			width: 100%;
			right: 45%;
			background: #29b6f6 url(/asset/img/bg_line1.png) center repeat;
			z-index: -1;
		}
	#pay .box.rec4
	{
		background: transparent url(/asset/img/bg_pay2.jpg) bottom center no-repeat;
		padding-left: 500px;
		border: none;
	}
		#pay .box.rec4:before
		{
			right: auto;
			left: 45%;
		}

	#pay .box h4 {
		width:100%;
		height:95px;
		margin: 0;
		padding:55px 0 30px;
		color:#FFF;
		font-size:28px;
		line-height:120%;
		letter-spacing:4px;
		position: relative;
	}
		#pay .box h4:after
		{
			content:"";
			display: block;
			height: 4px;
			width: 75px;
			background-color: #FFFFFF;
			margin: 20px 0 0;
		}

/*		.pay_list {
		}
*/
		.pay_list li {
			line-height:120%;
			margin-bottom:5px;
			padding-left: 20px;
			position: relative;
		}

		.pay_list li:before {
			content: '';
			display: inline-block;
			vertical-align:middle;
			width: 10px;
			height: 10px;
			background-color: #29B6F6;
			transform: rotate(45deg);
			position: absolute;
			left: 0;
			top: 3px;
		}



/*example*/

#example {
	width:100%;
	min-width:1100px;
	height:auto;
	background-image: url(/asset/img/bg_example.jpg);
	background-position: top center;
	background-size: 100% auto;
	margin:0 auto;
	padding: 0;
	background-attachment: fixed;
}
	#example .container {
		width:100%;
		min-width:1100px;
		height:auto;
		background-image: url(/asset/img/shadow_top.png), url(/asset/img/shadow_bottom.png);
		background-repeat: repeat-x, repeat-x;
		background-position: top center, bottom center;
		margin:0 auto;
		padding: 160px 0;
	}

	#example .title {
		height:52px;
		margin:0px auto 80px;
		padding:0;
		text-align: center;
		color: #ffffff;
		font-size: 28px;
		line-height: 52px;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		position: relative;
		z-index: 10;
	}
		#example .title:before,
		#example .title:after
		{
			content: "";
			display: block;
			box-sizing: border-box;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 330px;
			height: 52px;
			position: absolute;
			margin: auto;

			border-top: 52px solid #29B6F6;
			border-left: 25px solid transparent;
			border-right: 25px solid transparent;
			z-index: -1;
		}
		#example .title:before
		{
			top: 5px;
			left: 5px;
			border-top: 52px solid rgba(0,0,0,0.2);
		}

	#example .box {
		width:1000px;
		margin:0 auto;
		padding:0;
		clear:both;
		overflow:hidden;
	}
	#example .box:before, .example_box:after { content: ""; display: block;}
	#example .box:after { clear: both;}

	.example01 {
		float:left;
		width:312px;
		height:400px;
		margin:0;
		padding:0;
		background-image: url(/asset/img/example_img01.png?111);
		background-position: center center;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.example02 {
		float:left;
		width:312px;
		height:400px;
		margin:0 32px;
		padding:0;
		background-image: url(/asset/img/example_img02.png?111);
		background-position: center center;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}
	.example03 {
		float:left;
		width:312px;
		height:400px;
		margin:0;
		padding:0;
		background-image: url(/asset/img/example_img03.png?111);
		background-position: center center;
		background-repeat: no-repeat;
		text-indent:-9999px;
	}




/*flow*/

#flow
	{
		width:100%;
		min-width:1100px;
		height:auto;
		margin:0 auto;
		padding: 0;
		background: transparent url(/asset/img/flow_back.jpg) top center no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-attachment: fixed;
	}

	#flow .container
	{
		height:auto;
		margin:0 auto;
		padding: 160px 0 200px;
		background-image: url(/asset/img/shadow_top.png), url(/asset/img/shadow_bottom.png);
		background-repeat: repeat-x, repeat-x;
		background-position: top center, bottom center;
		overflow:hidden;
	}

	#flow .rec5
	{
		text-align: center;
		margin-bottom:80px;
	}
	#flow .title
	{
		display: inline-block;
		height: 52px;
		padding: 0 3em;
		margin-bottom: 50px;
		color: #ffffff;
		font-size: 28px;
		line-height: 52px;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		position: relative;
		z-index: 10;
	}
		#flow .title:before,
		#flow .title:after
		{
			content: "";
			display: block;
			box-sizing: border-box;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 100%;
			height: 52px;
			position: absolute;
			margin: auto;

			border-top: 52px solid #29B6F6;
			border-left: 25px solid transparent;
			border-right: 25px solid transparent;
			z-index: -1;
		}
		#flow .title:before
		{
			top: 5px;
			left: 5px;
			border-top: 52px solid rgba(0,0,0,0.2);
		}

		#flow .box h5
		{
			width:100%;
			height:50px;
			margin:0px auto 30px;
			padding:0;
			color: #00A0E9;
			font-size:28px;
			line-height:120%;
			letter-spacing:4px;
			text-align: center;
		}
			#flow .box h5:after
			{
				content:"";
				display: block;
				height: 4px;
				width: 75px;
				background-color: #00A0E9;
				margin: 10px auto 0;
			}

		#flow .box
		{
			width:auto;
			min-height:216px;
			text-align:center;
			background-position: bottom center;
			background-repeat: no-repeat;
			background-size: 150px 150px;
			-webkit-background-size: 150px 150px;
			-moz-background-size: 150px 150px;
		}
			#flow .box.rec6
			{
				background-image: url(/asset/img/flow_back01.png);
				margin:0 0 0 -320px;
			}
			#flow .box.rec7
			{
				background-image: url(/asset/img/flow_back02.png);
				margin:-50px -500px 0 0;
			}
			#flow .box.rec8
			{
				background-image: url(/asset/img/flow_back03.png);
				margin:-50px 0 0 -500px;
			}
			#flow .box.rec9
			{
				background-image: url(/asset/img/flow_back04.png);
				margin:-50px -600px 0 0;
			}
			#flow .box.rec10
			{
				background-image: url(/asset/img/flow_back05.png);
				margin:-50px 0 0 -200px;
			}




/*flow2*/

#flow2
	{
		width:100%;
		min-width:1100px;
		height:auto;
		margin:0 auto;
		padding: 160px 0 100px;
	}
	#flow2 .container
	{
		width:900px;
		margin:50px auto;
		padding: 0;
		overflow:hidden;
	}

	#flow2 .box
		{
			margin-bottom: 30px;
			position: relative;
			min-height: 160px;
		}
			#flow2 .box:after
			{
				border-radius: 160px;
				height: 160px;
				width: 160px;
				position: absolute;
				display: inline-block;
				font: normal normal normal 14px/1 FontAwesome;
				font-size: inherit;
				text-rendering: auto;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				font-size: 100px;
				right: 0;
				top: 0;
				color: #FFFFFF;
				background-color: rgba(120,210,250,0.8);
				text-align: center;
				line-height: 160px;
				box-shadow: 0 0 0 2px rgba(120,210,250,1.0) inset, 0 0 0 4px #FFFFFF inset;
			}
		#flow2 .box h4
		{
			display: inline-block;
			height:48px;
			width: 30%;
			font-size:28px;
			line-height:120%;
			letter-spacing:4px;
			color:#00A0E9;
			margin:0 0 30px;
			padding:0;
			border-bottom: 1px solid #CCCCCC;
		}

		#flow2 .box.rec11
		{
			margin-left: 10%;
		}
			#flow2 .box.rec11:after
			{
				content: "\f0e0";
			}
		#flow2 .box.rec12
		{
			margin-left: 20%;
			padding-left: 200px;
		}
			#flow2 .box.rec12:after
			{
				content: "\f007";
				left: 0;
			}
		#flow2 .box.rec13
		{
			margin-left: 20%;
		}
			#flow2 .box.rec13:after
			{
				content: "\f2a0";
				right: 100px;
			}
		#flow2 .box.rec14
		{
			margin-left: 10%;
			padding-left: 200px;
		}
			#flow2 .box.rec14:after
			{
				content: "\f02d";
				left: 0;
			}
			#flow2 .box.rec14 h4
			{
				width: 40%;
			}
			#flow2 .box.rec14 h4
			{
				width: 40%;
			}
			#flow2 .box.rec14 dt
			{
				font-weight: bold;
				margin-bottom: 0.5em;
			}
			#flow2 .box.rec14 dd
			{
				margin-bottom: 1em;
			}


/*FAQ*/

#faq {
	width:100%;
	min-width:1100px;
	height:auto;
	margin:0 auto;
	padding: 160px 0 0;
}
	#faq .box
	{
		width:1000px;
		height:auto;
		margin:0px auto;
		padding: 0;
		overflow:hidden;
	}
		#faq .box dl
		{
			font-size:16px;
		}
		#faq .box dt
		{
			font-weight:bold;
			height:50px;
			margin:40px 0 20px 0;
			padding:15px 0 0 70px;
			background: transparent url(/asset/img/bg_q.png) left top no-repeat;
		}
		#faq .box dd
		{
			padding:10px 0 55px 70px;
			background: transparent url(/asset/img/bg_a.png) left top no-repeat;
			border-bottom: 1px dashed #dbdbdb;
		}


/*Requirements*/

#requirements2,
#requirements
{
	width:100%;
	min-width:1000px;
	height:auto;
	margin:0 auto;
	padding: 160px 0 0;
}
	#requirements2 .container,
	#requirements .container
	{
/*		background: transparent url(/asset/img/shadow_bottom.png) center bottom repeat-x;
*/
		height:auto;
		margin:0px auto;
		padding: 0 0 160px;
		overflow:hidden;
	}
		#requirements2 .container table,
		#requirements .container table
		{
			table-layout: fixed;
			width:90%;
			max-width: 1000px;
			border-collapse: collapse;
			border:1px solid #cccccc;
			color:#333333;
			margin:0 auto;
		}
			#requirements2 .container table .name,
			#requirements .container table .name
			{
				width:200px;
				background-color:#EEEEEE;
				border:1px solid #cccccc;
				padding:14px 20px 16px 20px;
				text-align:center;
				vertical-align:top;
			}
			#requirements2 .container table .value,
			#requirements .container table .value
			{
				background-color:#FFFFFF;
				border:1px solid #cccccc;
				padding:14px 20px 16px 20px;
				text-align:left;
			}
#requirements2
	{
		padding-top: 0;
		background: transparent url(/asset/img/shadow_bottom.png) center bottom repeat-x;
	}

/*staff*/

#staff
{
	width:100%;
	min-width:1100px;
	background: transparent url(/asset/img/bg_shop.jpg) center center no-repeat;
	margin:0 auto;
	padding: 0;
}
	#staff .container
	{
		padding: 80px 0 160px;
	}

	#staff .title {
		height: 100px;
		line-height: 100px;
		font-size: 28px;
		display:block;
		font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		position: relative;
		color: #FFFFFF;
		font-weight: normal;
	}
		#staff .title:before,
		#staff .title:after
		{
			content: "";
			display: block;
			box-sizing: border-box;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: 60%;
			height: 48px;
			position: absolute;
			margin: auto;
			background-color: #D4BB7F;

			z-index: -1;
		}
		#staff .title:before
		{
			opacity: 0.5;
			bottom: -30px;
			background: transparent url(/asset/img/box-shadow.png) center bottom no-repeat;
			background-size: 100% 30px;
		}

	#staff .box {
		box-sizing: border-box;
		width:800px;
		height: 450px;
		background: rgba(255,255,255,0.8) url(/asset/img/bg_staff.png) center center no-repeat;
		margin:0px auto;
		padding: 20px 0 0;
		text-align:center;
		text-shadow: 0 0 1px rgba(0,0,0,0.2);
	}

	#staff .txt:after
	{
		content: "・・・・・・・・・・・・";
		display: block;
		width: 100%;
		height: 8px;
		margin: 20px auto 40px;
		text-align: center;
		color: #CCCCCC;
	}

	#staff ul.list {
		list-style-type: none;
		padding-left: 0;
		display: table;
		margin: auto;
	}
	#staff ul.list li {
		display: table-cell;
		padding: 0px 20px;
		border-right:1px solid #ccc;
	}
/*	#staff ul.list li.inexperience {
		border-right:none;
		background-image: url(/asset/img#group .icon.png);
		background-position: left 20px top 5px;
		background-repeat: no-repeat;
		background-size: 16px 24px;
		-webkit-background-size: 16px 24px;
		-moz-background-size: 16px 24px;
		padding-left:40px;
	}
*/
/*contact*/

/*#contact
{}*/
	#contact .box {
		width:1100px;
		margin:120px auto 80px;
		padding:0;
		clear:both;
	}
		#contact .box .title
		{
			font-size: 40px;
			font-family: 'Marcellus SC', serif;
			margin: 20px 0;
			text-align: center;
		}
			#contact .box .title small
			{
				font-size: 0.5em;
			}

		#contact .box table
		{
			border: 1px solid #EEEEEE;
			width: 100%;
			font-size: 16px;
			border-collapse: collapse;
		}
			#contact .box table th
			{
				background-color: #EEEEEE;
				width: 40%;
				font-weight: normal;
			}
			#contact .box table th,
			#contact .box table td
			{
				padding: 10px 20px;
				border-bottom: 1px solid #dddddd;
				box-sizing: content-box;
			}
			#contact .box table td
			{
				padding: 10px 20px;
			}
			#contact .box table td input
			{
				font-size: 16px;
				padding: 0.3em 10px;
				width: 100%;
				border-radius: 4px;
				border:1px solid #CCCCCC;
				box-sizing: border-box;
			}
			#contact .box table td textarea
			{
				font-size: 16px;
				padding: 0.3em 10px;
				width: 100%;
				border-radius: 4px;
				border:1px solid #CCCCCC;
				box-sizing: border-box;
			}
			#contact .box table td button
			{
				font-size: 16px;
				padding: 0.3em 10px;
				width: 50%;
				border-radius: 4px;
				border:1px solid #CCCCCC;
			}
			#contact .box table td.radiobox input[type="radio"]
			{
				display: inline;
				margin-right: 1em;
			}
			#contact .box table td label
			{
				padding: 0 1em;
			}
/* #information */
#information
{
	margin-bottom: 3rem;
}
	#information .container .box
	{
		max-width: 800px;
		margin: 0 auto;
		padding: 0 1rem;
	}
	#information-body
	{
		padding: 1rem;
		border: 1px solid #EEEEEE;
	}
	#information-body>div:not(:last-child)
	{
		border-bottom: 1px dotted #EEEEEE;
	}
	#information-body .title
	{
		font-size: 1.4rem;
		margin-top: 1rem;
	}
	#information-body .date
	{
		text-align: right;
	}
	#information-body .message
	{
		line-height: 1.25;
	}
	#information-body .message p
	{
		margin: 1rem 0;
	}



footer p,
footer p a,
footer p a:link,
footer p a:active,
footer p a:visited,
#magnumad a
	{
		color: #797979;
		text-decoration: none;
		text-align: center;
	}

#wrapper
{
	width: 100%;
	overflow: hidden;
}

@media(max-width: 1100px)
{
	*
	{ box-sizing: border-box; }

	#pay .box,
	#staff .box,
	#staff,
	#requirements2, #requirements,
	#faq .box,
	#faq,
	.subtitle-en,
	#flow2 .container,
	#flow2,
	#flow,
	.contact .info,
	.contact,
	#example .box,
	#example .container,
	#example,
	#job,
	#shop,
	#reason .box,
	#contact .box,
	#footer
	{
		width: 100%;
		min-width: 0;
		padding: 0 20px;
	}
	.subtitle,
	#shop .box
	{
		min-width: 0;
		width: 100%;
		height: auto;
	}
	#shop .box .body
	{
		padding: 0 20px;
	}
	#shop .title:before, #shop .title:after
	{
		width: 90%;
	}
	.main_text2, .main_text
	{
		width: 90%;
		max-width: 468px;
		background-size: contain;
		height: 100px;
	}
	.main_img_box
	{
		width: 100%;
		padding: 0;
		padding-top: 30px;
		margin: 0;
	}
	.header
	{
		min-width: 0;
	}
	.header .container
	{
		max-width: none;
	}
	#contact .box table td label,
	#contact .box table tr,
	#contact .box table th,
	#contact .box table td
	{
		width: auto;
		display: block;
	}
	#contact .box table th,
	#contact .box table td
	{
		padding: 10px;
	}
	#contact .box table td textarea
	{
		margin: 0;
	}
	#contact .box table td button
	{
		width: 100%;
	}
	.header
	{
		height: auto;
	}
	.header .menu
	{
		padding: 0 5px;
	}
	#reason .box
	{
		background-image: none;
		height: auto;
	}
	#reason .boxR,
	#reason .boxL
	{
		float: none;
		width: 100%;
	}
	.case01, .case02, .case03, .case04
	{
		width: 100%;
		background-position: center center;
	}
	#staffanchor
	{
		margin-top: 0;
		text-align: center;
	}
	#main_img
	{
		height: auto;
	}
	#job
	{
		height: auto;
		padding-bottom: 80px;
	}
}

.ulink
{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
	.ulink > span
	{
		text-align: center;
	}
		.ulink > span img
		{
			max-width: 100%;
		}

@media(max-width:768px)
{
	.header
	{
		padding-bottom: 5px;
	}
	.header .logo
	{
		width: 100%;
	}
	.header .logo h1
	{
		width: auto;
		max-width: 100%;
		background-size: 90%;
	}
	.header .menu li a
	{
		border: 1px solid #666666;
		border-radius: 4px;
		padding: 8px 4px;
		background-color: rgba(255,255,255,1.0);
	}
	#reason .title
	{
		height: 100px;
	}
	#reason .title:before
	{
		background-size: contain;
	}
	#reason .title:after
	{
		z-index: -1;
	}
	#staffanchor
	{
		width: 100%;
		text-align: center;
	}
	#staffanchor a
	{
		margin-top: -50px;
	}
	.main_logo
	{
		margin: 0 auto;
	}
	#job .box+.box
	{
		margin: 0;
	}
	#pay .box
	{
		height: auto;
		text-shadow: 1px 1px 0 rgba(255,255,255,1.0);
	}
	#pay .box:before
	{
		right:auto;
	}
	#pay .box h4
	{
		height: auto;
		padding: 30px 20px 50px;
	}
	#pay .box.rec4
	{
		padding-left: 20px;
		background-position: -100px 70px;
	}
	#pay .box.rec4 h4
	{
		padding-bottom: 90px;
	}
	#pay .box.rec4:before
	{
		left: auto;
	}

	#staff .title,
	#shop .title
	{
		font-size: 22px;
	}

	#shop ul.list li,
	#staff ul.list li
	{
		display: block;
		border: none;
		border-bottom: 1px solid #CCCCCC;
		padding: 1em 0;
	}
	#shop ul.list li.inexperience
	{
		background-position: 25% center;
	}
	#example .container,
	#faq,
	#requirements,
	#requirements2,
	.contact
	{
		padding: 40px 20px;
	}
	#example
	{
		padding: 0;
	}
	#example .container
	{
		padding: 40px 0;
	}
	.example01,
	.example02,
	.example03
	{
		float: none;
		width: auto;
	}
	#flow .title
	{
		font-size: 20px;
		padding: 0 2em;
	}
	#flow .box.rec6,
	#flow .box.rec7,
	#flow .box.rec8,
	#flow .box.rec9,
	#flow .box.rec10
	{
		margin: 0 0 50px;
	}
	#flow .container
	{
		padding: 40px 0;
	}
}
@media(max-width:468px)
{
	#reason .title
	{
		height: 70px;
	}
	#main_img
	{
		background-size: auto 400px;
	}

	#requirements2 .container, #requirements .container
	{
		padding-bottom: 0;
	}
	.contact .title
	{
		background-size: 100%;
	}

	#requirements2 .container table .name, #requirements .container table .name,
	table td,
	table th
	{
		display: block;
		width: 100%;
	}
	#staff .title:before, #staff .title:after
	{
		width: 90%;
	}
	#main_img2
	{
		height: 360px;
	}
	#flow2 .box.rec11,#flow2 .box.rec12,#flow2 .box.rec13,#flow2 .box.rec14
	{
		margin-left: 0;
		margin-bottom: 0;
		margin: 0;
		padding: 0 0 20px;
	}
	#flow2 .box h4
	{
		width: 80%;
	}
	#flow2 .box:after
	{
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 30px;
		right: 0;
		top: 0;
		left: auto;
		bottom: auto;
	}
	#flow2 .box.rec14:after,
	#flow2 .box.rec13:after,
	#flow2 .box.rec12:after
	{
		left: auto;
		right: 0;
	}
}