@charset "utf-8";
@import url(//db.onlinewebfonts.com/c/4e7620ea01cfe7fc8f702db1507859d3?family=Medici+Script+LT+Std);

/* CSS Document */

body{
	font-family: a-otf-ryumin-pr6n, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	margin: 0;
	overflow-x: hidden;
	font-size:100%;
}
img{
	vertical-align: bottom;
}
li{
	list-style-type: none;
}
a{
	display: block;
	text-decoration: none;
	cursor: pointer;
}
main{
	display: block;
	clear:both;
}
.sp{
	display: none;
}
.pc{
	display: block;
}
img.sp{
	display: none;
}
img.pc{
	display: inline-block;
}
.glot{
	white-space: pre-line;
}
.cr{
	pointer-events:none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}
body.ov::after{
  content: "";
  position: fixed;
  width: 100%;
  height: 100%;
  background: #000;
  top: 0;
  left: 0;
  z-index: 100;
}
@media screen and (max-width:600px){
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	img.sp{
		display: inline-block;
	}
	img.pc{
		display: none;
	}
}
#wrap{
	width:100vw;
}
#wrap .hero_img{
	overflow: hidden;
}
.hero_txt{
    width: 35%;
    margin: 0 auto;
	height:100vh;
}
.hero_txt>svg{
	margin-bottom:20px;
	padding: 42vh 0 0;
}

#bg-video.pc{
 	position: fixed;
    right: -3%;
    bottom: 0;
    min-width: 102%;
    min-height: 100vh;
    width: auto;
    height: auto;
    z-index: -100;
    background: url(../img/hero_img.png) top/ 100% no-repeat;
    background-size: 100%;
}


_::-webkit-full-page-media, _:future, :root #bg-video.pc{
	width:112%;
	right: 0;
	min-width: 100%;
}

@media screen and (min-width:601px) and (max-width:1400px){
	_::-webkit-full-page-media, _:future, :root #bg-video{
		width:auto;
		right: 0;
		min-width: 100%;
		height:100%;
	}
}
/* ----- 背景の上に表示させたいコンテンツ ----- */
.header-title{
 position: relative; /*必ず必要*/
 z-index: 2; /*必ず必要*/
 width: 100%;
 text-align:center;
 margin: auto;
 background: rgba(0, 0, 0,0.2);
}
.hero_news{
	width:400px;
	padding:26px;
	background-color:#fff;
	position: absolute;
	bottom:66px;
	right:42px;
	overflow: hidden;
	box-sizing: border-box;
	animation-delay: 2.5s;
	transition:0.5s;
	text-align: left;
}
.hero_news:hover{
	background-color:rgba(255,255,255,0.8);
	transition:0.5s;
}
.hero_news dl{
	width:200px;
	float:left;
}
.hero_news dt{
	border-bottom:1px solid #ebebeb;
	margin-bottom:14px;
	padding-bottom:10px;
}
.hero_news a time{
	font-size:11px;
	color:#808080;
	margin-bottom:10px;
}
.hero_news a p{
	font-size: 14px;
	line-height: 1.5;
	color:#000;
}
.hero_news a p.excerpt{
	margin-top:5px;
}
.hero_news div{
	width:130px;
	float:right;
	overflow:hidden;
	position: relative;
    height: 104px;
}
.hero_news div>dt{
	line-height:1.1;
}
.hero_news div>dt img{
	width:auto;
}
.hero_news div img {
    width:100%;
    display: block;
    transition: 0.5s;
	height: auto;
}
.hero_news a:hover p,
.hero_news a:hover time{
	opacity:0.7;
}
.hero_news a:hover div img {
    transform: scale(1.2, 1.2);
}
.st0{
	fill:#fff;
	animation-delay: 1s;
}
.sign{
	text-align: center;
}
.y{animation-delay: 1.1s;}
.a{animation-delay: 1.15s;}
.k{animation-delay: 1.2s}
.o{animation-delay: 1.25s;}
.t{animation-delay: 1.3s;}
.s{animation-delay: 1.35s;}
.u{animation-delay: 1.4s;}
.g{animation-delay: 1.45s;}
.e{animation-delay: 1.5s;}
.s2{animation-delay: 1.55s;}
.t2{animation-delay: 1.6s;}
.u2{animation-delay: 1.65s;}
.d{animation-delay: 1.7s;}
.i{animation-delay: 1.75s;}
.o2{animation-delay: 1.8s;}

.sign{animation-delay: 2.5s;}

.hero_img .scroll:hover{
	transition: 0.5s;
	opacity: 0.5
}
.hero_img .scroll:before, .hero_img .scroll:after {
    content: "";
    display: block;
    width: 1px;
    height: 80px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8vh;
}
.hero_img .scroll:before {
    background-color: rgba(255, 255, 255, 0.25); 
}
.hero_img .scroll:after {
    background-color: white;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top;
    -webkit-animation: lineInOut 1750ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
    -moz-animation: lineInOut 1750ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
    -ms-animation: lineInOut 1750ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
    -o-animation: lineInOut 1750ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
    animation: lineInOut 1750ms cubic-bezier(0.77, 0, 0.175, 1) infinite;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d; 
}

@-webkit-keyframes lineInOut {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top; }
  45% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top; }
  55% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom; }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom; } }

@keyframes lineInOut {
  0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top; }
  45% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -ms-transform-origin: top;
    -o-transform-origin: top;
    transform-origin: top; }
  55% {

    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom; }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom; }
}


/*loading*/
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 100;
}
#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #000;
	z-index: 2;
}
	#loader img{
		margin-bottom:15px;
	}
/*header*/

#header {
    background-color: #fff;
    padding: 53px 0 0;
    box-sizing: border-box;
    height: 116px;
	width: 100%;
}
#header.fixed{
	position: fixed;
	top:0;
	z-index: 100;
}
#header .logo img{
	width:458px;
} 
#header ul{
	width:680px;
	margin-right:30px;
	float:right;
}
#header ul li {
	display:inline-block;
	margin-right:27px;
	cursor: pointer;
	position: relative;
}
#header ul li:nth-last-child(2){
	padding-right:6px;
	margin-right:5px;
	border-right:1px solid #666;
}
#header ul li:nth-last-child(3){
	margin-right:20px;
}
#header ul li:nth-last-child(4){
	margin-right:30px;
}
#header ul li img.svg{
	vertical-align: middle;
}
#header ul li a{
	line-height: 1;
	height:15px;
}
#header ul li>svg{
	vertical-align: 3px;
}
.terms #header ul li:nth-last-child(2),
.terms #header ul li:last-child{
	display:none;
}
.terms #header ul{
	width:610px;
}
#header ul li a svg{
	vertical-align: 3px;
}
#header ul li .on-menu{
	width: 220px;
    opacity: 0;
    position: absolute;
    top: 50px;
    left: -87px;
	height:0;
	background-color:#f0eee8;
	transition: 0.5s;
}

#header ul li.show .on-menu{
	opacity: 1;
	transition:0.5s;
	height:auto;
	z-index: 100;
}
#header ul li .on-menu a{
	line-height: 1;
	height:58px;
	position: relative;
	overflow: hidden;
}
#header ul li .on-menu a img{
	z-index: 2;
	position: absolute;
	top:24px;
	left:26px;
}
#header ul li .on-menu a:after{
	content:"";
	width:16px;
	height:4px;
	background:url("../img/nav-arrow.svg")  100% no-repeat;
	display: inline-block;
	z-index: 2;
	position: absolute;
	right:26px;
	bottom:27px;
}
#header ul li .on-menu a:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    transform: translateX(-100%);
    transition: 0.5s all cubic-bezier(0.52, 0.08, 0.18, 1);
    z-index: 0;
    background-color: #f5f5f5;
  }
#header ul li.show .on-menu a:hover:before {
	transform: translateX(0);
	transition:0.5s;
}
.svg path {
	  fill: #000; /* 塗りつぶしの色 */
	}
.svg.cart path{
	fill:none;
	stroke:#c5c5c5;
}

a:hover .svg path {
	fill:#c5c5c5;
	transition: 0.5s;
}

a:hover .svg.cart path{
	stroke:#000;
	fill:none;
	transition: 0.5s;
}
a:hover .svg.cart line,
a:hover .svg.cart circle{
	stroke:#000;
	transition: 0.5s;
}
#english .svg path,
#sp_english .svg path,
#en svg path
{
	fill:#c5c5c5;
	stroke:transparent;
}
#japanese .svg path,
#sp_japanese .svg path,
#ja svg path{
	fill:#000;
	stroke:transparent;
	transition: 0.5s;
}
#header h1{
	width:458px;
	float:left;
	margin-left:54px;
}
main.fixed{
	padding-top:113px;
	overflow: hidden
}
.head-info{
	position: absolute;
	bottom:0;
	background-color:#fff;
	border-bottom:1px solid #f2f2f2;
	width:100%;
	overflow: hidden;
	text-align: left;
	padding:0 0 0 1em;
	line-height:2.5;
}
.head-info h3{
	display: inline-block;
	font-weight: normal;
	margin-right:0.5em;
}
.head-info p{
	display: inline-block;
	font-size: 13px;
}
.head-info p a{
	color:#000;
}
.head-info p a:hover{
	text-decoration:underline;
}

@media screen and (min-width: 601px) and (max-width: 1260px){
	#header h1 {
		width: 100%;
		text-align: center;
		float: none;
		margin: 0 0 30px;
	}
	#header ul {
		float: none;
		margin: 0 auto;
		width:100%;
		text-align: center;
	}
	#header ul li{
		margin-right:3vw;
	}
	#header ul li:nth-last-child(4) {
    margin-right: 3vw;
	}
	#header ul li:last-child{
		margin-right:0;
	}
	#header {
    	background-color: #fff;
		padding: 50px 0 0;
		height:150px;
	}
	main.fixed {
		padding-top: 150px;
	}
}
@media screen and (min-width: 601px) and (max-width: 1030px){
	#header ul {
		width: 100%;
		text-align: center
	}
	#header ul li {
		margin-right: 2.5vw;
	}
	#header ul li:nth-last-child(3) {
		margin-right: 2vw;
	}
}
@media screen and (max-width: 600px){
	body.open{
		height:100vh;
		overflow: hidden;
	}
	#header {
		background-color: transparent;
		padding: 0;
		box-sizing: border-box;
		height: 0;
		width: 100%;
	}
	#sp_head{
		width:100%;
	}
	#sp_head.is_fixed{
		position:fixed;
		top:0;
		height:14vw;
	}
	
	#sp_head .drawer-btn{
		position:fixed;
		top:3.8vw;
		right:5vw;
		width:7.5vw;
		height:7.5vw;
		z-index: 100;
	}
	
	#sp_head .btn{
		position: relative;
		width:7.5vw;
		height:1px;
		background-color:#000;
		display:inline-block;
		transition:0.5s;
	}
	.top #sp_head .btn{
		background-color:#fff;
	}
	#sp_head.is_black .btn{
		background-color:#000;
	}
	#sp_head .btn::before,
	#sp_head .btn::after{
		width:7.5vw;
		height:1px;
		position:absolute;
		background-color:#000;
		content:"";
		display:inline-block;
		transition:0.5s;
	}
	.top #sp_head .btn::before,
	.top #sp_head .btn::after{
		background-color:#fff;
	}
	#sp_head.is_black .btn::before,
	#sp_head.is_black .btn::after{
		background-color:#000;
	}
	#sp_head .btn::before{
		bottom:2vw;
	}
	#sp_head .btn::after{		
		bottom:-2vw;
	}
	#sp_head .btn.open{
		transition:0.5s;
		background-color:transparent;
	}
	#sp_head .btn.open::before,
	#sp_head .btn.open::after{
		background-color:#000;
		bottom:0;
	}
	#sp_head .btn.open::before{
		transition:0.5s;
		transform:rotate(45deg);
	}
	#sp_head .btn.open::after{
		transition:0.5s;
		transform:rotate(-45deg);
	}
	#header .sp_g_nav{
		z-index: -100;
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		height: 100%;
		background: #000;
		display:none;
		animation: fadeIn 0.5s ease 0s 1 normal;
	}
	#header ul li a{
		height:auto;
		line-height:1;
	}
	#header ul li img.svg{
		vertical-align: top;
	}
	#header .sp_g_nav.is_shown{
		display: block;
		opacity:1;
		transition:0.5s;
		z-index: 3;
		background-color:#fff;
		top:0;
		width:100%;
		animation: fadeIn 0.5s ease 0s 1 normal;
		overflow-y: scroll;
	}
	.sp_g_nav>a {
		text-align: center;
		display: block;
		padding: 16vw 0 5vw;
		margin-bottom: 8vw;
	}
	.sp_g_nav .sp_covid_link{
		text-align: center;
		display: block;
		padding: 0;
		border-bottom: none;
		margin-bottom: 5vw;
		font-size: 3.4vw;
		color: #000;
	}
	.sp_g_nav>a img{
		width:70%;
	}
	#header .sp_g_nav dl{
		width: 70%;
		margin: 0 auto 8vw;
		overflow:hidden;
		float:none;
	}
	#header .sp_g_nav ul {
		width: 100%;
		margin-right: 0;
		float: none;
	}
	#header .sp_g_nav ul li{
		float:none;
		margin: 0 0 5vw;
		border:none;
		padding:0;
		width:100%;
	}
	#header .sp_g_nav dt{
		position: relative;
	}
	#header .sp_g_nav dt a{
		display: inline-block;
	}
	#header .sp_g_nav dt img{
		height:3.4vw;
		width:auto;
	}
	#header .sp_g_nav dt span{
		width:2.5vw;
		height:2.5vw;
		border-top:1px solid #bfbfbf;
		border-right:1px solid #bfbfbf;
		position:absolute;
		margin-left:1em;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		transition:0.5s;
		top:0;
	}
	#header .sp_g_nav dt.active span{
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		transition:0.5s;
		top:2vw;
	}
	#header .sp_g_nav dd{
		display: none;
		opacity: 0;
		padding:8vw 0 0 5vw;
	}
	#header .sp_g_nav dd.active{
		display: block;
		opacity: 1;
	}
	#header .sp_g_nav dd img{
		height:3vw;
		width:auto;
	}
	#header .sp_g_nav div{
		width:70%;
		margin:0 auto 5vw;
	}
	#header .sp_g_nav div a:first-child{
		margin-bottom:2vw;
	}
	#header .sp_g_nav div a img{
		width:100%;
	}
	.sd_contact{
		display:none;
	}
	.scroll_btn {
		position: absolute;
		bottom: 33vw;
		left: 50%;
		margin-left: -3.5vw;
	}
	.hero_img .scroll:before, .hero_img .scroll:after{
		bottom:9vh;
	}
	.scroll_btn img{
		width:7vw;
	}
	#bg-video.sp {
		position: fixed;
		right: 0;
		min-width: 100%;
		bottom: auto;
		top: 0;
		min-height: 100%;
		width: 100%;
		height: auto;
		z-index: -100;
		background: url("../img/sp_hero_img.png") 100%/ cover no-repeat;
	}
	.hero_txt>svg{
		width:84vw;
		padding:42vh 8vw 0;
	}
	.sign>img{
		width:50vw;
	}
	#loader{
		margin-top:-20vh;
		display: none;
		position: fixed;
		top: 50%;
		left: 20vw;
		width: 60vw;
		height: 30vw;
		margin-left: 0;
		text-align: center;
		color: #000;
		z-index: 2;
	}
	.lang{
		text-align: center;
		margin-bottom:7vw;
	}
	.sns{
		text-align: center;
		margin-bottom:5vw;
	}
	.sp_head_sns{
		text-align: center;
		margin-bottom:5vw;
	}
	#header .sp_g_nav .sp_head_sns li{
		display: inline-block;
		width:auto;
		margin-right:5vw;
	}
	#header .sp_g_nav .sp_head_sns li:last-child{
		margin-right:0;
	}
	#header .sp_g_nav .sp_head_sns li img{
		height:4.5vw;
	}
	.lang a{
		display: inline-block;
	}
	.lang svg {
		height: 3.2vw;
		width: auto;
	}
	footer .lang svg {
		height: 3vw;
	}
	.lang #sp_english svg {
		height:4vw;
	}
	footer.lang #en svg{
		height:4vw;
	}
	.lang a:first-child{
		margin-right:1vw;
		padding-right:2.5vw;
		border-right:1px solid #000;
	}
	.sns a{
		display: inline-block;
		margin-right:2vw;
	}
	.sns a:last-child{
		margin-right:0;
	}
	.top_002 {
		padding: 22vw 0 0;
	}
	.sp_g_nav p:last-child{
		font-size: 2.6vw;
		margin: 0 auto 5vw;
		width:100%;
		text-align: center;
	}
	.sp_g_nav p:last-child a{
		display: inline-block;
		color:#000;
	}
	.sp_g_nav p:last-child a:first-child{
		margin-right:1.5vw;
	}
	.sp_g_nav p:last-child a:last-child{
		margin-left:1.5vw;
	}
	.head-info h3{
		font-size:3.4vw;
	}
	.head-info p {
		font-size: 3.4vw;
	}
}


/*トップへ戻るボタン*/


.topBtn{
  position:fixed; /*固定*/
  bottom:3vw; /*場所を右下に移動*/
  right:3vw; /*場所を右下に移動*/
  display:none; /*aタグをblock要素に変更*/
  background-color:transparent; /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width: 62px;
  height: 62px;
  box-sizing:border-box;
  border:1px solid #808080;
  border-radius: 50%;
  opacity:0;
}
.topBtn.show{
    opacity: 1;
	display:block;
    animation: fadeIn 2s ease 0s 1 normal;
}
.topBtn:hover::before{
	background-color:#808080;
	transition:0.5s;
}
.topBtn span{
	display: block;
    width: 14px;
    height: 14px;
    border-top: 1px solid #808080;
    border-right: 1px solid #808080;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: 0.5s;
    margin: 26px 0 10px 22px;
}
.topBtn:hover::after{
	transition:0.5s;
	border-top: 2px solid #006bb0;
    border-right: 2px solid #006bb0;
}

.topBtn:hover {
  opacity:0.7;
}


.concept{
	padding:300px 0 130px;
	transition: 2s;
	background-color: rgba(0,0,0,0.2);
	position: relative;
}
.concept.is_changed {
	background-color:rgba(0,0,0,0.7);
	transition: 2s;
}
.covid_link{
	position: absolute;
	top:60px;
	right:0;
}
.covid_link.effect-fade{
	opacity:0;
	transform : translate(240px, 0);
	transition : all 1s;
}
.covid_link.effect-fade.effect-scroll{
	opacity:1;
	transform:translate(0, 0);
}
.covid_link.effect-fade.effect-scroll:hover{
	opacity: 0.5;
	transition:0.5s;
}
.concept h2{
	text-align: center;
	margin-bottom:46px;
}
.concept h2 img{
	width:572px;
}
.concept p{
	color:#fff;
	text-align: center;
	margin-bottom:1.8em;
	line-height:1.8;
	font-family: a-otf-ryumin-pr6n, serif;
	font-style: normal;
	font-weight: 300;
}
.concept p:nth-child(2){animation-delay: 0.1s;}
.concept p:nth-child(3){animation-delay: 0.2s;}
.concept p:nth-child(4){animation-delay: 0.3s;}
.concept p:nth-child(5){animation-delay: 0.4s;}
.concept p:nth-child(6){animation-delay: 0.5s;}
.concept p:nth-child(7){animation-delay: 0.6s;}
.concept p:nth-child(8){animation-delay: 0.7s;}
.concept p:nth-child(9){animation-delay: 0.8s;}


.effect-fade{
	opacity:0;
	transform : translate(0, 45px);
	transition : all 1s;
}
.effect-fade.effect-scroll{
	opacity:1;
	transform:translate(0, 0);
}
h2.effect-fade{
	transform : translate(0, 0);
	transition : all 1s;
}
.concept .msg{
	margin-bottom:77px;
}
.links{
	width:540px;
	margin: 0 auto;
}
.links ul {
	overflow: hidden;
	width:100%;
	margin: 0 0 36px;
}
.links li{
	float:left;
	width:260px;
}
.links li:last-child{
	float:right;
}
.links li a{
	width:100%;
	box-sizing: border-box;
	border:1px solid #fff;
	border-radius:50px;
	text-align: center;
	padding:25px 0 23px;
	color:#fff;
	font-family: Serlio LT Std, a-otf-ryumin-pr6n, Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", a-otf-ryumin-pr6n, serif;
	transition:0.5s;
	letter-spacing: 2px;
	text-indent: 2px;
}
.links li a:hover{
	background-color:#606060;
	transition:0.5s;
}
.links div{
	text-align: center;
}
.links div a{
	display: inline-block;
	margin-right:20px;
}
.links div a:hover{
	opacity: 0.5;
	transition:0.5s;
}
.links div a:last-child{
	margin:0;
}
.links .effect-fade{
	transform : translate(0, 65px);
}

.top_002{
	padding:153px 0 0;
	background-color:#fff;
}
.top_002>div{
	width:1500px;
	margin: 0 auto;
	padding: 0 0 216px;
	position: relative;
}
.top_002 dl{
	width:54.4%;
	position: relative;
	left:0;
	top:0;
	z-index: 2;
}
.top_002 dl.effect-fade{
	animation-delay: 0.5s;
}
.top_002 dt{
	color:#808080;
	font-size:13px;
	line-height:2;
	width:404px;
	margin-left:140px;
}
.top_002 dd{
	margin-bottom:10px;
}
.top_002 dd img{
	width:100%;
}
.time{
	color:#9bbe5d;
	font-size:12px;
}
.top_002 .right_box{
	width:626px;
	position: absolute;
	right:140px;
	top:66px;
}
.top_002 h2{
	margin:0 0 70px 140px
}
.top_002 h2 span,
.top_003 h2 span{
	display: block;
	margin-top:14px;
	color:#808080;
	font-size:13px;
}
.top_002 .right_box div{
	background-color:#f0eee8;
	padding:80px 108px 106px 144px;
	box-sizing: border-box;
	z-index: 0;
}
.top_002 .right_box h3{
	font-size:24px;
	margin-bottom:14px;
	line-height: 1.3;
}
.top_002 .right_box p{
	font-size:14px;
	line-height:2;
	margin-bottom:54px;
}
.top_002 .right_box ul li{
	margin-bottom:38px;
}
.top_002 .right_box ul li:last-child{
	margin:0;
}
.top_002 .right_box ul li span{
	font-size:13px;
	color:#808080;
	margin-left:44px;
	transition: 0.3s ease;
	padding-top:12px;
	display: block;
}
.top_002 .right_box ul li a::before{
	content:"";
	width:33px;
	height:1px;
	background-color:#808080;
	display: inline-block;
	margin-right:13px;
	vertical-align: middle;
	transition: 0.3s ease;
}
.top_002 .right_box ul li a:hover::before{
	width:63px;
	transition: 0.3s ease;
}
.top_002 .right_box ul li a:hover span{
	margin-left:74px;
	transition: 0.3s ease;
}
.top_002 a:hover .svg path {
	fill:#808080;
	transition: 0.5s;
}


.top_003{
	background-color:#fff;
	padding:0 0 142px;
}
.top_003>div{
	width:1220px;
	margin: 0 auto;
	overflow:hidden;
}
.top_003 h2{
	margin-bottom:54px;
}
.top_003>div div:first-child{
	float:left;
	width:340px;
}
.top_003>div div{
	float:right;
}
.top_003 div.effect-fade{
	transition-delay: 0.5s;
}
.top_003 nav{
	margin-bottom:42px;
}
.top_003 nav li{
	margin-bottom:8px;
	transition:0.5s;
}
.top_003 nav li:hover{
	opacity:0.4;
	transition:0.5s;
}

.top_003 nav>a{
	font-size:13px;
	font-family: Serlio LT Std, a-otf-ryumin-pr6n, Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", a-otf-ryumin-pr6n, serif;
	text-align: right;
	color:#000;
	padding-top:10px;
	margin-right:6px;
}
.top_003 nav>a::before{
	content:"";
	width:12px;
	height:1px;
	display: inline-block;
	vertical-align: middle;
	background-color:#808080;
}
.top_003 nav.effect-fade{
	animation-delay: 0.2s;
}
.top_003 nav a img{
	width:100%;
}
.top_004{
	background-color:#f0eee8;
	padding:110px 0 142px;
}
.top_004>div{
	width:1220px;
	margin: 0 auto;
	overflow: hidden;
}
.top_004 .left_box{
	width:480px;
	float:left;
}
.top_004 h2{
	padding:94px 0 0;
	margin:0 0 68px;
}
.top_004 .left_box li{
	margin:0 0 24px;
	display: inline-block;
	width:250px;
	transition: 0.5s;
}
.top_004 .left_box li:hover{
	width:290px;
	transition: 0.5s;
}
.top_004 .left_box li:hover .svg path{
	fill:#808080;
	transition: 0.5s;
}
.top_004 .left_box li a:before{
	content:"";
	width:27px;
	height:1px;
	display: inline-block;
	vertical-align: middle;
	background-color:#808080;
	margin-right:14px;
	transition: 0.5s;

}
.top_004 .left_box li a:hover:before{
	width:67px;
	transition: 0.5s;
}
.top_004 .left_box li span{
	font-size: 13px;
	color:#808080;
	float:right;
}
.top_004 .right_box{
	width:736px;
	float:right;
	margin: 0 0 84px;
}
.top_004 .right_box >a{
    font-size:13px;
    font-family: Serlio LT Std, a-otf-ryumin-pr6n, Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", a-otf-ryumin-pr6n, Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
    text-align: right;
    color:#000;
    padding-top:10px;
    margin-right:6px;
}
.top_004 .right_box>a::before{
    content:"";
    width:12px;
    height:1px;
    display: inline-block;
    vertical-align: middle;
    background-color:#808080;
}
.top_004 .right_box dl.effect-fade{
	transition-delay: 0.3s;
}
.top_004 .right_box p.effect-fade{
	transition-delay: 0.4s;
}
.top_004 dt{
	font-size:19px;
	margin:0 0 24px;
}
.top_004 dd p{
	font-size:34px;
	display: inline-block;
	letter-spacing: 7px;
	text-indent: 0;
}
.top_004 dd span{
	font-size:15px;
	letter-spacing: 3px;
	vertical-align: 8px;
	margin-left:20px;
}

.top_004 .right_box{
	font-size:15px;
	line-height: 2;
	text-indent: 1em;
}
.top_004 .exhibit_box h3{
	font-size:16px;
	margin-bottom:14px;
	letter-spacing: 1px;
}
.top_004 .exhibit_box{
	width: 100%;
	overflow: hidden;
	padding:64px 108px;
	background-color:#fff;
	box-sizing: border-box;
	position: relative;
}
.top_004 .exhibit_box li{
	width:235px;
	margin-right:21px;
	float:left;
}
.top_004 .exhibit_box li:nth-child(2){
	transition-delay: 0.1s;
}
.top_004 .exhibit_box li:nth-child(3){
	transition-delay: 0.2s;
}
.top_004 .exhibit_box li:nth-child(4){
	transition-delay: 0.3s;
}
.top_004 .exhibit_box li:last-child{
	margin:0;
}
.top_004 .exhibit_box li p.main_img{
	width:100%;
	height:160px;
	margin-bottom:8px;
	overflow: hidden;
}
.top_004 .exhibit_box img{
	width:100%;
	height:auto;
}
.top_004 .exhibit_box time{
	font-size:12px;
	color:#808080;
	margin-bottom: 10px;
	display: block;
}
.top_004 .exhibit_box a{
	font-size:13px;
	line-height: 1.7;
	color:#000;
	transition:0.5s;
}
.top_004 .exhibit_box>a{
	font-size:13px;
	font-family: Serlio LT Std, a-otf-ryumin-pr6n, Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", a-otf-ryumin-pr6n, Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif;
	text-align: right;
	color:#000;
	padding-top:10px;
	margin-right:6px;
	position: absolute;
	top: 50px;
    right: 106px;
}
.top_004 .exhibit_box>a::before{
	content:"";
	width:12px;
	height:1px;
	display: inline-block;
	vertical-align: middle;
	background-color:#808080;
}
.top_004 .exhibit_box a:hover{
	opacity: 0.7;
	transition:0.5s;
}
.top_004 .exhibit_box a:hover p {
	text-decoration: underline;
}
.top footer{
	background-color:#f0eee8;
}
@media screen and (min-width:601px) and (max-width:1500px){
	.top_002>div {
		width: 95%;
	}
	.top_002 .right_box {
		width: 51%;
		right:0;
	}
	.top_002 .right_box div {
		padding: 5vw 7vw;
	}
	.top_002 h2 {
		margin: 0 0 70px 7vw;
	}
	.top_002 h2 img{
		width:30vw;
	}
	.top_002 dt {
		width: 37vw;
		margin-left: 5vw;
	}
	.top_003>div {
		width: 90%;
	
	}
	.top_003>div div:first-child {
		width: 30vw;
	}
	.top_003>div div {
		width: 50vw;
	}
	.top_003>div div img{
		width:100%;
	}
	.top_004>div{
		width:90%;
	}
	.top_004 .left_box {
		width: 40%;
	}
	.top_004 .right_box {
		width: 60%;
	}
	.top_004 h2 img{
		width:30vw;
	}
	.top_004 .exhibit_box li {
    	width: 20%;
		margin-right: 4%;
	}
	.top_004 .exhibit_box li:last-child {
		margin-right:0;
	}
	.top_004 .exhibit_box li img{
		width:100%;
		height:auto;
	}
}
@media screen and (max-width: 600px){
	main.fixed{
		padding:0;
	}
	top_001{
		border:none;
	}
	.concept {
		padding: 20vw 0;
	}
	.concept h2 {
		margin-bottom: 5vw;
	}
	.concept h2 img{
		width:60vw;
	}
	.concept p{
		font-size:3vw;
		line-height:1.5;
		margin-bottom:1.5em;
	}
	.links {
		width: 80%;
	}
	.links li{
		width:48%;
	}
	.links li a {
    	font-size:3vw;
		padding: 3.5vw 0;
	}
	.concept .msg {
		margin-bottom: 8vw;
	}
	.top_002 {
		padding: 24vw 0 0;
	}
	.top_002>div {
		width: 100%;
		padding: 0 0 22vw;
	}
	.top_002 .right_box div {
		padding: 20vw 10vw 18vw;
		margin: -5vw 0 0 10%;
		width: 90%;
	}
	.top_002 h2 {
		margin: 0 0 65vw 8vw;
	}
	.top_002 h2 img{
		width:50vw;
	}
	.top_002 .right_box {
		width: 100%;
		position: static;
	}
	.top_002 dt{
		display: none;
	}
	.right_box>img{
		width:92%;
		position: absolute;
    	top: 16vw;
		z-index: 2;
	}
	.top_002 .right_box h3{
		font-size:4vw;
	}
	.top_002 h2 span, .top_003 h2 span {
	    margin-top: 2vw;
		font-size: 2.6vw;
	}
	.top_002 .right_box p {
		font-size: 3vw;
		margin-bottom:10vw;
	}
	.top_002 .right_box ul {
		margin-left:5vw;
	}
	.top_002 .right_box ul li{
		margin-bottom:5vw;
	}
	.top_002 .right_box ul li a svg{
		height:3.5vw;
		width:auto;
	}
	.top_002 .right_box ul li a::before{
		width:9vw;
	}
	.top_002 .right_box ul li span{
		font-size:3vw;
		margin-left:13vw;
		padding:5px 0 0;
	}
	.top_003 {
		padding: 0 0 18vw;
	}
	.top_003 h2 {
    	margin-bottom: 4vw;
		text-align: right;
    	margin: 0 5vw 4vw 0;
	}
	.top_003 h2 img{
		height:5.1vw;
		vertical-align: bottom;
	}
	.top_003>div {
		width: 82%;
		margin: 0 0 0 18%;
	}
	.top_003>div div:first-child {
		float:none;
		width: 100%;
	}
	.top_003>div>div>img{
		width:100%;
		margin-bottom:10vw;
	}
	.top_003>div div:first-child>a{
		width:94%;
	}
	.top_003>div div:first-child>a img{
		width:100%;
	}
	.top_003 nav{
		width: 94%;
	}
	.top_003 nav>a::before {
		margin-right: 4px;
		vertical-align: 4px;
	}
	.top_004 {
		padding: 20vw 0;
	}
	.top_004>div{
		width:100%;
		overflow: auto;
	}
	.top_004 .left_box{
		width:100%;
		float:none;
	}
	.top_004 h2 {
		padding: 0;
		margin: 0 0 14vw;
		text-align: center;
	}
	.top_004 h2 img{
		width:54vw;
	}
	.top_004 .right_box {
		width: 90%;
		float: none;
		margin: 0 auto 14vw;
		line-height: 1;
	}
	
	.top_004 .right_box dl{
		text-align: center;
	}
	.top_004 dt {
		font-size: 3vw;
		letter-spacing: 1px;
		margin: 0 0 1vw;
	}
	.top_004 .right_box dd{
		margin-bottom:8vw;
	}
	.top_004 .right_box dd p {
		font-size: 6vw;
		margin-bottom:0;
	}
	.top_004 .right_box dd span {
		display: block;
		text-align: center;
    	margin: 0;
		font-size:2.8vw;
		letter-spacing: 3px;
	}
	.top_004 .right_box p{
		font-size:3.2vw;
		line-height: 2;
	}
	.top_004 .left_box ul.sp{
		width:66%;
		margin: 0 auto 14vw;
		display: block;
	}
	.top_004 .left_box li {
		margin: 0 0 5vw;
		display: inline-block;
		width: 100%;
	}
	.top_004 .left_box li a svg{
		height:3.5vw;
	}
	.top_004 .left_box li a:before {
		width: 9vw;
		height: 1px;
		margin-right: 2vw;
	}
	.top_004 .left_box li span {
		font-size: 2.6vw;
		line-height: 1.5;
	}
	.top_004 .exhibit_box {
		width: 92%;
		padding: 10vw 10vw 14vw;
		margin: 0 0 0 8%; 
		overflow-x: scroll;
	}
	.top_004 .exhibit_box h3 {
		font-size: 4.5vw;
		letter-spacing: 0;
	}
	.top_004 .right_box dl.effect-fade{
		text-align: center;
	}
	.top_004 .exhibit_box ul{
		overflow-x: scroll;
		width:200vw;
	}
	.top_004 .exhibit_box li {
    	width: 45vw;
		margin-right: 5vw;
	}
	.top_004 .exhibit_box li p.main_img {
		width: 100%;
		height: 40vw;
		margin-bottom: 2vw;
	}
	.top_004 .exhibit_box img {
		width: 100%;
		height: auto;
	}
	.top_004 .exhibit_box a{
		font-size: 3vw;
	}
	.top_004 .exhibit_box>a {
		top: 7.5vw;
		right: 7vw;
	}
	.top_004 .exhibit_box time {
   		font-size: 2.6vw;
		margin-bottom: 1vw;
	}
	.topBtn {
    	width: 12vw;
		height: 12vw;
	}
	.topBtn span {
		width: 3.5vw;
		height: 3.5vw;
		margin: 4.8vw 3.8vw;
	}
	
}

footer ul.foot_link{
	width:100%;
	overflow:hidden;
	text-align: center;
}
footer ul.foot_link li{
	width:50%;
	float:left;
	height:325px;
	position: relative;
    overflow: hidden;
    text-align: center;
}
footer ul.foot_link li:after{
	position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url("../img/foot_store_bg.png") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
footer ul.foot_link li:hover:after {
    opacity: .8;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
footer ul.foot_link li a{
    z-index: 1;
    position: relative;
	height:100%;
}

footer ul.foot_link li img{
	padding-top:150px;
}
footer ul.foot_link li:first-child img{
	margin-left: 98px;
}
footer ul.foot_link li:last-child:after{
	background:url("../img/foot_contact_bg.png") no-repeat center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
}
footer div div{
	background-color:#fff;
	padding:106px 0 0;
	text-align: center;
}
footer div div ul{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-right:44px;
}
footer div div ul:nth-child(3){
	margin-left:70px;
}
footer div div ul:last-child{
	margin-right:0;
}
footer div div ul li{
	margin-bottom:8px;
}
footer div div ul:nth-child(3) li:nth-child(n+2),
footer div div ul:nth-child(4) li:nth-child(n+2){
	margin-bottom:3px;
}
footer div div ul:nth-child(5){
	margin-bottom:60px;
}
footer .svg path{
	fill:#000;
	transition: 0.5s
}
footer a:hover .svg path{
	fill:#808080;
}
footer div h3{
	text-align: center;
	margin-bottom:45px;
}
footer div h3 svg{
	margin: 0 auto;
}
footer ul.sns_links{
	width:100%;
	text-align: center;
	padding:0 0 184px;
}
footer ul.sns_links li{
	display:inline-block;
	margin-right:24px;
}
footer ul.sns_links li:last-child{
	margin-right:0;
}
footer ul.sns_links li a:hover{
	opacity:0.5;
	transition:.5s;
}
@media all and (-ms-high-contrast: none) {
	footer div div ul li a{
		height: 1em;
	}
	
}
.copy{
	text-align: center;
	background-color:#fff;
	line-height: 1.5;
	font-size:11px;
	color:#666;
}
.copy span{
	font-size:12px;
}
.copy a{
	padding:20px 0 20px;
	font-size:11px;
	color:#333;
}
@media screen and (min-width:601px) and (max-width:1500px){
	footer ul.foot_link li {
		height:30vw;
	}
footer ul.foot_link li img {
    padding-top: 13vw;
    width: 28vw;
	}
}
@media screen and (max-width:600px){
	footer div h3{
		margin-bottom:5vw;
	}
	footer div h3 svg{
		width:70%;
		margin: 0 auto;
	}
	footer ul.foot_link li {
		width: 100%;
		float: none;
		height: auto;
	}
	footer ul.foot_link li img{
		width:100%;
		padding: 0;
	}
	footer ul.foot_link li:first-child img {
		margin-left: 0;
	}
	footer div div {
		padding: 15vw 0 0;
	}
	footer div div ul {
		display: inline-block;
		vertical-align: top;
		text-align: left;
		margin-right: 0;
		width:35vw;
	}
	footer div div ul:nth-child(3) {
		margin-left: 14vw;
	}
	footer div div ul:nth-child(4) {
		margin-bottom: 5vw;
	}
	footer div div ul:nth-child(5){
		margin: 0 0 14vw 14vw;
	}
	footer div div ul li svg{
		height:3vw;
	}
	footer ul.sns_links {
		width: 100%;
		padding: 0 0 8vw;
	}
	footer ul.sns_links li {
		margin-right: 2vw;
	}
	footer ul.sns_links li a img{
		height:4vw;
	}
	.copy {
		font-size: 2vw;
		padding: 0 5vw 5vw;
	}
	.copy a{
		font-size:2.6vw;
	}
	footer .lang{
		margin-bottom:0;
		padding-bottom:5vw;
	}
}
/*PROFILE*/

.common h2{
	padding:90px 0 60px;
	text-align: center;
	animation-delay: 0.2s;
}
.common >div{
	background:url("../profile/img/profile_001_01.png") top / 100% no-repeat;
	width:1275px;
	margin: 0 auto;
    padding: 670px 0 0;
	animation-delay: 0.5s;
}
.common> div div{
	width:1050px;
	margin: 0 auto;
	background:#f0eee8;
	padding: 100px 150px;
	box-sizing: border-box;
}
.profile .common >div{
	width:1220px;
}
.profile_001{
	position: relative;
	overflow: hidden;
}
.profile_001 dl{
	margin-bottom:34px;
	animation-delay: 0.6s;
}
.profile_001 dt{
	font-size:19px;
	margin:0 0 24px;
}
.profile_001 dd{
	font-size:34px;
	letter-spacing: 7px;
}
.profile_001 dd p{
	display: inline;
}
.profile_001 dd span{
	font-size:15px;
	letter-spacing: 3px;
	vertical-align: 8px;
	margin-left:20px;
}
.profile_001>p{
	font-size:15px;
	line-height: 2;
	animation-delay: 0.8s;
}
.profile_001>p:nth-child(3){
	margin-bottom:56px;
}
.profile_001>a{
	position: absolute;
	top:150px;
	right:162px;
}
.profile_001>a::before{
	content:"";
	width:14px;
	height:1px;
	display: inline-block;
	vertical-align: 4px;
	background-color:#808080;
	margin-right:5px;
	transition: 0.5s;
}
.profile_001>a:hover::before{
	width:30px;
	transition:0.5s;
	background-color:#ccc;
}
.profile_001 ul{
	width:100%;
	overflow: hidden;
}
.profile_001 li{
	width:360px;
	text-align: center;
	float:right;
}
.profile_001 li:first-child{
	float:left;
}
.profile_001 li a{
	width:100%;
	color:#000;
	padding:15px 0;
	border-radius: 50px;
	border:1px solid #c5c5c5;
	box-sizing: border-box;
	transition:0.5s;
}
.profile_001 li a:hover{
	background-color:#808080;
	transition:0.5s;
	color:#fff;
}
@media screen and (min-width:601px) and (max-width:1260px){
	.common> div div {
		width: 82%;
		margin: 0 auto;
		background: #f0eee8;
		padding: 7vw 7vw;
	}
	.common h2 img{
		height:3vw;
	}
	.profile .common >div {
		width: 90%;
	}
	.profile_001 li {
		width: 48%;
	}
}

@media screen and (max-width:600px){
	.common >div {
		background: url(../profile/img/profile_001_01.png) top / 100% no-repeat;
		width: 100%;
		margin: 0 auto;
		padding: 56vw 0 0px;
	}
	.profile .common >div {
		width: 100%;
	}
	.common> div div {
		width: 85%;
		padding: 14vw 7vw;
	}
	.common h2 {
		padding: 20vw 0 8vw;
	}
	.common h2 img{
		height:5vw;
	}
	.profile_001 dl {
		margin-bottom: 8vw;
	}
	.profile_001 dt {
		font-size: 4vw;
		margin: 0 0 5vw;
	}
	.profile_001 dd {
		font-size: 7vw;
		line-height: 1.5
	}
	.profile_001 dd span {
		display: block;
		font-size: 3vw;
		letter-spacing: 6px;
		vertical-align: 8px;
		margin-left: 5vw;
	}
	.profile_001>a {
		position: absolute;
		top: 37vw;
		right: 10vw;
	}
	.profile_001>a svg{
		height:3vw;
	}
	.profile_001>p {
		font-size: 3.5vw;
		line-height: 2;
		text-indent: 1em;
	}
	.profile_001>p:nth-child(3){
		margin-bottom:10vw;
	}
	.profile_001 li {
		width: 100%;
	}
	.profile_001 li:first-child{
		margin-bottom:3vw;
	}
	.profile_001 li a {
		width: 100%;
		padding: 3vw 0;
		font-size: 4vw;
	}
}
.profile_002{
	padding:166px 0 0;
	width:1050px;
	margin: 0 auto;
}
.profile_002 h3{
	font-size:19px;
	margin-bottom:20px;
}
.profile_002 ol li{
	font-size:16px;
	line-height:2.2;
	padding:22px 0 22px 22px;
	border-bottom:1px solid #dfdfdf;
}
.profile_002 ol li:first-child{
	border-top:1px solid #dfdfdf;
}
.profile_002 ol li p{
	display: inline-block;
}
.profile_002 ol li span.year{
	display:inline-block;
	width:110px;
}
.profile_003{
	padding:150px 0 0 ;
	width:1050px;
	margin: 0 auto;
}
.profile_003 ol li{
	font-size:16px;
	line-height:2;
	border-bottom:1px solid #dfdfdf;
	overflow:hidden;
	transition:0.5s;
}
.profile_003 ol li:first-child{
	border-top:1px solid #dfdfdf;
}
.profile_003 ol li p{
	width:460px;
	vertical-align: top;
	font-size: 15px;
}
.profile_003 .kind {
	font-size:14px;
	line-height:2;
	width:110px;
	display:inline-block;
	vertical-align: top;
}
.profile_003 .detail {
	font-size: 13px;
	line-height:1.5;
	color:#808080;
	width:330px;
	vertical-align: top;
}
#work{
	margin-bottom: 178px;
}
#work ol li p{
	width:700px;
	font-size: 15px;
}
#work ol li p a{
	display: inline;
	color:#808080;
}
#work .kind{
	width:180px;
}
.more_item{
	display:none;
}
.show{
	display:block;
}
#work a.grade_btn{
	padding-bottom:80px;
}
a.grade_btn,
a.grade_btn2{
	padding:46px 0 0;
	text-align: center;
	display: block;
	color:#808080;
	font-size:20px;
}
.more .grade_btn p,
.more2 .grade_btn2 p{
	left:80px;
	top:24px;
}
.more2 .grade_btn2{
	margin-bottom:74px;
}
.bnr{
	transition:0.5s;
	text-align: center;
}
.bnr:hover{
	opacity:0.5;
	transition:0.5s;
}
@media all and (-ms-high-contrast: none) {
	 .bnr img{
		top:0px;
	}
}
@media screen and (min-width:601px) and (max-width:1260px){
	
	.profile_002{
		width:90%;
	}
	.profile_002 ol li span.year {
		display: inline-block;
		width: 10%;
	}
	.profile_003 .kind{
		width:10%;
	}
	.profile_003 ol li p{
		width:45%;
	}
	.profile_003 .detail{
		width:32%;
	}
	#work .kind {
		width: 10%;
	}
	#work ol li p{
		width:70%;
	}
}
@media screen and (max-width:600px){
	.profile_002 {
		padding: 22vw 0 0;
		width: 85vw;
		margin: 0 auto;
	}
	.profile_002 h3 {
		font-size: 4.5vw;
		margin-bottom: 4vw;
	}
	.profile_002 ol li {
		font-size: 3.4vw;
		padding: 5vw 0;
		
	}
	.profile_002 ol li p {
		display: inline-block;
		width: 70vw;
	}
	.profile_002 ol li span.year{
    	display: inline-block;
		width: 14vw;
		vertical-align: top;
		height:1.5em;
		font-size: 3vw;
	}
	.profile_003 .kind {
		font-size: 3vw;
		width: 16vw;
	}
	.profile_003 ol li p {
		width: 52vw;
		float: right;
		line-height: 2;
		font-size: 3vw;
	}
	.profile_003 .detail {
		font-size: 3vw;
		width: 52vw;
		vertical-align: top;
		margin-left: 30vw;
	}
	#work {
		margin-bottom: 22vw;
	}
	#work .kind{
		width:19vw;
	}
	#work ol li p {
		width: 50vw;
	}
	#work .kind {
		font-size: 3vw;
		width: 20vw;
	}
	#work ol li p {
		margin-left: 1vw;
		width: 46vw;
		display: inline-block;
		float: none;
		font-size: 3vw;
		line-height: 1.8;
	}
	#work .detail {
		font-size: 3vw;
		width: 53vw;
		vertical-align: top;
	}
	.mg2{
		margin-bottom:2em;
	}
	.mg3{
		margin-bottom:3em;
	}
	.mg4{
		margin-bottom:4em;
	}
	.bnr{
		width:100%;
		height:auto;
		border:none;
	}
	.bnr img {
		position: static;
		z-index: 1;
		left: 0;
		top: 0;
		width:100%;
	}
	.bnr:after{
		display: none;
	}
}
/*WORK*/
.work .common >div{
	background:url("../work/img/work_001_01.png") top / 100% no-repeat;
}
.work .common> div div{
	background-color:transparent;
	padding:0;

}
.work_001 ul {
	width:100%;
	margin-bottom:133px;
}
.work_001 ul li{
	margin-bottom:30px;
}
.work_001 ul li h3{
	margin-bottom:36px;
}
.work_001 ul li a{
	display:block;
	padding:100px 120px 100px 150px;
	background-color:#f0eee8;
	box-sizing: border-box;
	transition:0.5s;
}
.work_001 ul li a p{
	font-size:15px;
	line-height:2.1;
	color:#000;
}
.work_001 ul li a:hover{
	background-color:#fcfbfa;
	transition:0.5s;
}
.work_001 ul li span{
	width:50px;
	height:10px;
	border-bottom:1px solid #808080;
	position:relative;
	float:right;
	padding-top:30px;
}
.work_001 ul li span::before{
	position: absolute;
    width: 11px;
    height: 11px;
    border-right: 1px solid #808080;
    right: 2px;
    bottom: -6px;
    content: "";
    transform: rotate(-45deg);
}
.work_001 ul li a:hover span{
	transform:translateX(50px);
	transition:0.5s;
	border-bottom:1px solid #ccc;
}
.work_001 ul li a:hover span::before{
	border-right: 1px solid #ccc;
}
@media screen and (min-width:601px) and (max-width:1200px){
	.work_001 ul li a {
    	display: block;
		padding: 11vw 7vw;
	}
	.work_001 ul li h3 img{
		height:2.6vw;
	}
}
@media screen and (max-width:600px){
	.work .common >div {
		padding: 52vw 0 0;
	}
	.work_001 ul{
		margin-bottom:22vw;
	}
	.work_001 ul li {
    	margin-bottom: 4vw;
	}
	.work_001 ul li a {
    	display: block;
		padding: 12vw 8vw;
	}
	.work_001 ul li h3 {
		margin-bottom: 6vw;
	}
	.work_001 ul li h3 img {
		height:4vw;
	}
	.work_001 ul li a p {
		font-size: 3.4vw;
		line-height: 1.8;
	}
	.work_001 ul li span {
		width: 10vw;
		padding-top: 0;
	}
}
/*ORDER MADE*/
.order .common{
	margin-bottom:240px;
}
.order .common >div{
	background:url("../order/img/order_001_main.png") top / 100% no-repeat;
}
.common div >div.order_001{
	margin: 0 auto 56px;
}

.order_001 h3{
	text-align: center;
	font-size:24px;
	margin-bottom:46px;
}
.order_001 ol{
	margin-bottom:46px;
}
.order_001 ol li{
	padding:54px 24px;
	box-sizing: border-box;
	background-color:#fff;
	margin-bottom:12px;
}
.order_001 dl{
	overflow:hidden;
	display: table;
}
.order_001 dt{
	width:200px;
	display:table-cell;
    vertical-align: middle;
	text-align: center;
}
.order_001 dd{
	float:left;
	width:500px;
	display:table-cell;
    vertical-align: middle;
}
.order_001 h4{
	margin-bottom:20px;
}
.order_001 dd p{
	font-size:14px;
	line-height:2;
}
.order_001 dd p a{
	display:inline-block;
	color:#000;
	text-decoration:underline;
}
.order_001 nav ul{
	width:734px;
	overflow:hidden;
}
.order_001 nav ul li{
	width:360px;
	float:left;
}
.order_001 nav ul li:last-child{
	float:right;
}
.order_001 nav ul li a{
	width:100%;
	text-align: center;
	border:1px solid #808080;
	font-size:16px;
	padding:16px 0;
	color:#000;
	border-radius: 50px;
	transition:0.5s;
	box-sizing: border-box;
}
.order_001 nav ul li a:hover{
	background-color:#808080;
	color:#fff;
	transition:0.5s;
}
.order_bnr1{
	margin-bottom:26px;
}
.order_bnr1::after{
	background: url("../order/img/order_bnr2.png") center right / 100% no-repeat;
}
.order_bnr2::after{
	background: url("../order/img/order_bnr.png") center right / 100% no-repeat;
}
@media screen and (min-width:601px) and (max-width:1200px){
	.order_001 dt{
		width:20%;
	}
	.order_001 dd{
		width:100%;
	}
	.order_001 h3 {
		font-size: 20px;
		line-height: 1.3;
	}
	.order_001 nav ul {
		width: 100%;
	}
	.order_001 nav ul li {
		width:48%;
	}
	.order_002 .order_bnr1{
		margin-bottom:26px;
	}
}
@media screen and (max-width:600px){
	.common div >div.order_001 {
		margin: 0 auto 13vw;
	}
	.order .common {
		margin-bottom: 10vw;
	}
	.order_001 h3 {
		text-align: center;
		font-size: 4.6vw;
		margin-bottom: 10vw;
		line-height:1.6;
	}
	.order_001 ol {
		margin-bottom: 8vw;
	}
	.order_001 ol li {
		padding: 10vw 7vw;
	}
	.order_001 dl{
		display: block;
	}
	.order_001 dt{
		display: block;
		width:100%;
		margin-bottom:8vw;
	}
	.order_001 dt img{
		width:10vw;
	}
	.order_001 dd{
		display: block;
		width:100%;
	}
	.order_001 h4{
		text-align: center;
		margin-bottom: 5vw;
		line-height: 1.5;
	}
	.order_001 dd p {
    	font-size: 3vw;
	}
	.order_001 nav ul{
		width:90%;
		margin: 0 auto;
	}
	.order_001 nav ul li {
		width: 100%;
		float: none;
	}
	.order_001 nav ul li:first-child{
		margin-bottom:3vw;
	}
	.order_001 nav ul li a{
		border:1px solid #c5c5c5;
		font-size: 3.6vw;
    	padding: 3vw 0;
	}
	.order .common >div>a{
		width:85%;
		margin: 0 auto;
	}
}

.order_002{
	margin-bottom:120px;
}
.order_002 h2{
	text-align: center;
	margin-bottom:60px;
}
.order_002 h2 span{
	display:block;
	font-size:13px;
	line-height:2;
	color:#808080;
	padding-top:13px;
}
.order_002 .order_ex{
	width:1500px;
	margin: 0 auto;
	background:url("../order/img/order_001_04.png") right top/1000px no-repeat;
}
.order_002 dl{
	width:346px;
	margin: 0 0 102px 113px;
}
.order_002 .time{
	margin-bottom: 20px;
	display: inline-block;
	color:#9bbe5d;
}
.order_002 dt h3{
	font-size:20px;
	margin-bottom:10px;
}
.order_002 span{
	font-size:16px;
	color:#808080;
}
.order_002 dt span.size{
	font-family: "Medici Script LT Std",serif;
	display:block;
	margin-bottom:40px;
}
.order_002 dd{
	font-size:14px;
	line-height:2;
}
.order_002 dd p{
	margin-bottom:20px;
}
.order_002 .time .order_002 dt.effect-fade{
	transition-delay: 0.2s;
}
.order_002 div div.order_ex2{
	width:1220px;
	margin: 0 auto;
	background:url("../order/img/order_001_06.png") left top/776px no-repeat;
}
.order_002 .order_ex2 dl{
	width: 346px;
    margin: 0 0 102px 800px;
}
.order_ex2 img{
	transition-delay:0.2s;
}
@media screen and (min-width:601px) and (max-width:1500px){
	.order_002 .order_ex {
		width: 90%;
		margin: 0 auto 100px;
		background: url(../order/img/order_001_04.png) right top/50vw no-repeat;
	}
	.order_002 dl {
		width: 40%;
		margin: 0;
	}
	.order_002 dd img{
		width:100%;
	}
	.order_002 div div.order_ex2 {
		width: 90%;
		margin: 0 auto;
		background: url(../order/img/order_001_06.png) left top/50vw no-repeat;
	}
	.order_002 .order_ex2 dl {
		width: 40%;
		margin: 0 0 120px 54vw;
	}
}
@media screen and (max-width:600px){
	.order_002 {
		margin-bottom: 16vw;
	}
	.order_002 h2 {
		padding-top: 20vw;
	}
	.order_002 h2 img{
		height:4.3vw;
	}
	.order_002 h2 span {
		font-size: 2.6vw;
		padding-top: 2vw;
	}
	.order_002 span{
		font-size:3vw;
	}
	.order_002 .order_ex {
		width: 100%;
		background: url(../order/img/sp_order_001_04.png) right top/100% no-repeat;
	}
	.order_002 dd>img{
		width:47vw;
		position: absolute;
		left:0;
		top:49vw;
	}
	.order_002 dl {
		width: 85%;
		margin: 0 auto 22vw;
		padding: 63vw 0 0px;
	}
	.order_002 dt{
		margin-left: 43vw;
	}
	.order_002 dt h3 {
   		font-size: 3.4vw;
		margin-bottom: 2vw;
	}
	.order_002 .time {
		margin-bottom: 2vw;
	}
	.order_002 div div.order_ex2 {
		width: 100%;
		margin: 0;
		background: url(../order/img/order_001_06.png) left top/70% no-repeat;
	}
	.order_002 .order_ex2 dd>img{
		width: 37vw;
		position: absolute;
		left: auto;
		right: 11vw;
		top: 73vw;
	}
	.order_002 .order_ex2 dl{
		margin: 0;
		width: 100%;
		padding: 96vw 0 0;
	}
	.order_002 .order_ex2 dt {
		margin-left: 5vw;
	}
	.order_002 dd p {
		margin: 0 auto 5vw;
		font-size: 3.4vw;
		width: 80%;
	}
	.order_002 >a{
		width:90%;
		margin: 0 auto;
	}
	.order_bnr1{
		margin-bottom:3vw;
	}
}
.order_003{
	width:1050px;
	margin: 0 auto;
	padding:120px 0 186px;
}
.order_003 h2{
	text-align: center;
	margin-bottom:48px;
}
.order_003  h2 span{
	font-size:16px;
	color:#808080;
	padding-top:13px;
	display: block;
}
.order_003 ol{
	margin-bottom:76px;
}
.order_003 ol li{
	padding:60px 0;
	background-color: #f0eee8;
	box-sizing: border-box;
	margin:0 0 11px;
}
.order_003 ol li dl{
	display: table;
}
.order_003 ol li dt{
	width:300px;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
}
.order_003 ol li dd{
	display:table-cell;
	vertical-align: middle;
	width:644px;
}
.order_003 ol li h3{
	font-size:25px;
	margin-bottom:12px;
}
.order_003 ol li p{
	font-size:14px;
	line-height: 2;
}
.order_003 div a{
	width:300px;
	padding:12px 0;
	text-align: center;
	border:1px solid #808080;
	color:#000;
	transition: 0.5s;
	border-radius: 50px;
	margin-top:20px;
}
.order_003 div a:hover{
	background-color:#808080;
	color:#fff;
	transition: 0.5s;
}
.price_list{
	border:1px solid #dfdfdf;
	padding:90px 124px 70px;
	box-sizing: border-box;
	width:100%;
	position: relative;
	margin: 0 0 38px;
}
.price_list h3{
	background-color: #fff;
	font-size:21px;
	letter-spacing: 6px;
	position: absolute;
	top:-0.5em;
	left:50%;
	margin-left:-4em;
	padding:0 1.5em;
}
.price_list.en h3{
	margin-left:-6em;
}
.price_list ul{
	padding-bottom:53px;
	margin-bottom:30px;
	border-bottom:1px dotted #929292;
}
.price_list li{
	line-height: 1.5;
}
.price_list dl{
	font-size:21px;
	text-align: center;
}
.price_list dt{
	display:inline-block;
	margin-right:70px;
}
.order_003  dd span{
	font-size:16px;
	color:#808080;
	padding-top:13px;
	display: inline-block;
}
.price_list dd{
	display:inline-block;
}
.price_list>p{
	font-size:17px;
	line-height: 1.5;
}
.price_list dd p{
	display: inline-block
}
.point{
	border:1px solid #dfdfdf;
	padding:46px 90px;
	box-sizing: border-box;
	margin-bottom:100px;
}
.point dl{
	display: table;
}
.point dl dt{
	display: table-cell;
	width:210px;
	vertical-align: middle;
}
.point dl dd{
	display: table-cell;
	font-size:14px;
	line-height: 2;
	width:640px;
	vertical-align: middle;
}
.point ul li{
	display:inline-block;
}
.point ul li:first-child{
	margin-right:18px;
}
.point ul li a{
	background-color:#f0eee8;
	color:#000;
	border:#f0eee8 1px solid;
}
.point ul li a:hover{
	background-color:#808080;
	color:#fff;
	border:#808080 1px solid;
}
@media screen and (min-width:601px) and (max-width:1500px){
	.order_003 {
		width: 90%;
		padding:120px 0;
	}
	.order_003 ol li dl {
		width: 100%;
	}
	.order_003 ol li dt {
		width: 30%;
	}
	.order_003 ol li dd{
		width:65%;
		padding-right:5%;
	}
}
@media screen and (max-width:600px){
	.order_003 {
		width: 90%;
		margin: 0 auto 20vw;
		padding: 14vw 0 0;
	}
	.order_003 h2 img{
		height:4.3vw;
	}
	.order_003 h2 span{
		font-size:2.6vw;
	}
	.order_003 ol li {
		padding: 14vw 0 10vw;
	}
	.order_003 ol li dl{
		display: block;
	}
	.order_003 ol li dt{
		display:block;
		width:80%;
		text-align: left;
		margin: 0 auto 10vw;
		line-height:1.5;
	}
	.order_003 ol li dt img {
		height: 4.5vw;
		display: inline-block;
		padding: 0.5vw 0 0;
		vertical-align: top;
	}
	.order_003 ol li h3.sp {
		font-size: 4.5vw;
		display: inline-block;
		margin: 0 0 0 4vw;
	}
	.order_003 ol li p{
		width:80%;
		margin: 0 auto 5vw;
		font-size: 3.4vw;
	}
	.order_003 div a{
		width:80%;
		margin: 0 auto;
		padding:3vw 0;
		border-color:#c5c5c5;
		font-size:3.6vw;
	}
	.price_list {
		padding: 15vw 10vw;
		width: 100%;
		margin: 0 0 5vw;
	}
	.price_list h3 {
		font-size: 4.5vw;
		letter-spacing: 1.5vw;
		top: -0.5em;
		left: 50%;
		margin-left: -4em;
		padding: 0 1em;
	}
	.price_list dl {
		font-size: 4.5vw;
		text-align: left;
	}
	.price_list ul{
		border-bottom:1px dotted #ccc;
	}
	.price_list li:first-child dl{
		margin-bottom:5vw;
		border-bottom:1px dotted #ccc;
	}
	.price_list dd p {
		font-size: 3.4vw;
	}
	.order_003 dd span {
		font-size: 4.5vw;
		color: #000;
		padding: 3vw 0 5vw;
	}
	.price_list ul {
    	padding-bottom: 0;
		margin-bottom: 7vw;
	}
	.price_list>p {
		font-size: 3.4vw;
		line-height: 1.8;
	}
	.point {
    	border: 1px solid #dfdfdf;
		padding: 8vw 5vw;
		margin-bottom:14vw;
	}
	.point dl{
		display: block;
	}
	.point dl dt {
		display: block;
		width: 100%;
		vertical-align: middle;
		text-align: center;
		margin-bottom:8vw;
	}
	.point dl dd {
		display: block;
		font-size: 3.4vw;
		margin: 0 auto;
		width: 90%;
	}
	.point dl dd p:first-child{
		margin-bottom:20px;
	}
	.point ul li{
		display: block;
		margin:0;
	}
	.point ul li:first-child{
		margin: 0;
	}
	.point ul li a{
		width:100%;
		font-size:3.4vw;
		margin-bottom:3vw;
	}
	.contact .radio {
		margin: 0 0 0 0.5em;
	}
}

/*check_html*/
.check_001{
	padding:80px 0 100px ;
	width:700px;
	margin: 0 auto;
	overflow: hidden;
}
.check_001 h1{
	margin-bottom:100px;
}
.check_001 h2,
.check_001 p{
	text-align: center;
	margin-bottom:50px;
}
.check_001 table{
	text-align: left;
	width:700px;
	margin: 0 0 100px;
}
.check_001 tr{
	border-bottom:1px solid #ccc;
}
.check_001 th{
	width:150px;
	line-height:1.5;
}
.check_001 th,.check_001 td{
	padding:20px 0;
	line-height:1.5;
}
.check_001 td{
	width:550px;
	overflow: hidden;
	}
.check_001 input{
	padding:14px;
	width:280px;
	font-size:16px;
	background-color:#000;
	letter-spacing: 2px;
	color:#fff;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	border:none;
	font-family: a-otf-ryumin-pr6n, serif;
	transition: 0.5s;
	cursor: pointer;
	    
}
.check_001 input:hover{
	background-color:#666;
	transition: 0.5s;
}
@media screen and (max-width:600px){
	.check_001 {
    	padding:10vw 0;
		width: 88%;
	}
	.check_001 h1 {
		text-align: center;
		margin-bottom:20vw;
	}
	.check_001 h1 img{
		height:3vw;
	}
	.check_001 p {
    	text-align: center;
		line-height: 1.5;
		font-size:3.4vw;
	}
	.check_001 th {
		line-height: 1.5;
		font-size: 3.4vw;
	}
	.check_001 td {
		line-height: 1.5;
		font-size: 3.4vw;
	}
	.check_001 input{
		font-size:3.4vw;
	}
	.check_001 table {
		margin: 0 0 15vw;
	}
}
/*ORDER＿EXAMPLE*/
.ex main{
	margin-bottom:204px;
}
.ex_001{
	width:1050px;
	margin: 0 auto 113px;
	padding:84px 0 0;
}
.ex_001 h2{
	margin-bottom:56px;
	text-align: center;
}
.ex_001 li{
	overflow: hidden;
	margin-bottom:16px;
	background-color:#f0eee8;
}
.ex_001 a{
	color:#000;
}
.ex_001 a p{
	color:#808080;
}
.ex_001 li>a img{
	width:496px;
	float:left;
}
.ex_001 li a>div{
	width:552px;
	float:right;
	padding:22px 38px;
	box-sizing: border-box;
}
.ex_001 li a>div h3{
	font-size:18px;
	margin-bottom:8px;
}
.ex_001 li a>div p{
	font-size:12px;
	line-height:1.5;
}
.ex_001 li img{
	transition:0.5s;
}
.ex_001 li:hover img{
	opacity: 0.5;
	transition:0.5s;
}
.ex_001>p{
	text-align: center;
	margin-bottom:124px;
}
.ex_001 p>span{
	text-align: center;
	font-size:14px;
	line-height:1.7;
	display: block
}
.ex_001>p{
	font-size:18px;
	line-height:2.5;
	font-weight: bold;
}
.ex_001 .time{
	font-size: 16px;
    margin-bottom: 16px;
    display: inline-block;
}
@media screen and (min-width:601px) and (max-width:1200px){
	.ex_001 {
		width: 90%;
	}
	.ex_nav ul {
		width: 60%;
		margin: 0 auto;
	}
	.ex_001 li>a img {
		width: 100%;
		float: none;
	}
	.ex_001 li a>div {
    width: 100%;
	}
	.ex_001 h2 img{
		height:3vw;
	}
	
}
@media screen and (max-width:600px){
	.ex_001 {
		width: 90%;
		margin: 0 auto 20vw;
		padding: 18vw 0 0;
	}
	.ex_001 h2{
		margin: 0 0 10vw;
	}
	.ex_001 h2 img{
		height:4.5vw;
	}
	.ex_001>p {
		font-size: 3.6vw;
		line-height: 2;
		margin-bottom: 14vw;
	}
	.ex_001 p>span {
		font-size: 3vw;
		padding:2vw 0 0;
	}
	.ex_001 li>a img {
		width: 100%;
		float:none;
	}
	.ex_001 li {
		margin-bottom: 6vw;
	}
	.ex_001 li a>div {
		width: 100%;
		float: none;
		padding: 5vw 8vw;
	}
	.ex_001 .time {
    	font-size: 3.5vw;
		margin-bottom: 3vw;
	}
	.ex_001 li a>div h3 {
		font-size: 4vw;
		margin-bottom: 1vw;
	}
	.ex_001 li a>div p {
		font-size: 3vw;
	}
	.ex .bnr{
		width:90%;
		margin: 0 auto 23vw;
	}
	.ex_left dt p, .ex_left dd p {
		font-size: 3vw;
	}
	.ex_content p img{
		width:100%;
	}
	.ex1 {
		padding-top: 5vh;
	}
	
	
}
/*order_form*/
.ex_form{
	width:1050px;
	margin: 0 auto 113px;
	padding:84px 0 0;
}
.ex_form h2{
	margin-bottom:60px;
	text-align: center;
}
.ex_form p{
	font-size:18px;
	line-height:1.7;
	text-align: center;
	margin-bottom:32px;
}
.ex_form p span{
	font-size:18px;
	line-height:1.7;
	text-align: center;
	margin-bottom:32px;
	color:#000;
}
html[lang="en"] .ex_form p a{
	margin-left:0.3em;
}
.ex_form p a{
	text-decoration: underline;
	display: inline-block;
	color:#000;
}
.form_001{
	margin-bottom:90px;
	text-align: center;
}
.form_001>a{
	color:#000;
	display:inline-block;
	background-color:#e9e9e9;
	padding:24px 0 20px;
	width:384px;
}

.form_001>a span{
	display: block;
    color: #666666;
    margin-left: 2em;
    padding: 10px 0 0;
    font-size: 13px;
}
.ex_form form{
	width:850px;
	margin:0 auto;
}
.ex_form form dl{
	overflow: hidden;
	width:100%;
	margin-bottom:30px;
}
.ex_form form dl:nth-child(2),
.ex_form form dl:nth-child(6){
	margin-bottom:15px;
}
.ex_form form dt{
	width:184px;
	padding-right:20px;
	float:left;
	clear:both;
	text-align: right;
	line-height: 2.5;
}
.ex_form form dd{
	float:left;
	width:646px;
	line-height: 2.5;
}
.ex_form form dd input[type="text"],
.ex_form form dd input[type="tel"],
.ex_form form dd input[type="email"],
.ex_form form dd textarea{
	padding:12px 15px;
	background-color:#f0eee8;
	font-size:16px;
	 -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	width:100%;
	box-sizing: border-box;
	border:1px solid #f0eee8;
}
.ex_form form dd textarea{
	font-family: a-otf-ryumin-pr6n, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	line-height:1.8;
}
.ex_form form dd textarea::placeholder {
	font-size:14px;
}
input:focus{
	border-color:#f0eee8;
}
.radio {
  margin: 0 0 0 2em;
    display: inline-block;
	position: relative;
}
.radio input[type=radio] {
  position: absolute;
  opacity: 0;
  width: auto;
  top: 10px;
  left: 4px;
  z-index: 5;
}
.radio input[type=radio] + .radio-label:before {
  content: "";
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1em;
  height: 1em;
  position: relative;
  top: 0.6em;
  margin-right: 0.5em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.radio input[type=radio]:checked + .radio-label:before {
  background-color: #808080;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type=radio]:focus + .radio-label:before {
  outline: none;
  border-color: #666;
}
.radio input[type=radio]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type=radio] + .radio-label:empty:before {
  margin-right: 0;
}
.ex_form form div{
	text-align: center;
}
.ex_form form div input{
	border:1px solid #808080;
	border-radius: 50px;
	transition:0.5s;
	margin: 0 auto;
}
.ex_form form div input:hover{
	background-color:#ccc;
	transition:0.5s;
}
.ex_form span.nec{
	color:#e61e79;
}
@media screen and (min-width: 601px) and (max-width: 1200px){
	.ex_form {
		width: 90%;
	}
	.ex_form form {
		width: 100%;
	}
	.ex_form form dt {
		width: 25%;
		padding-right:2%;
	}
	.ex_form form dd{
		width:70%;
	}
}
@media screen and (max-width:600px){
	.ex_form {
		width: 80%;
		margin: 0 auto 22vw;
		padding: 22vw 0 0;
	}
	.ex_form h2{
		margin-bottom:10vw;
	}
	.ex_form h2 img{
		height:5vw;
	}
	.ex_form p {
		font-size: 3.6vw;
		line-height: 1.7;
		text-align: center;
		margin-bottom: 10vw;
	}
	.form_001 {
		margin-bottom: 10vw;
	}
	.form_001>a{
		width: 100%;
	}
	.form_001 a img{
		height:6.5vw;
	}
	.ex_form form{
		width:100%;
	}
	.ex_form form dl {
		margin-bottom: 5vw;
	}
	.ex_form form dt {
		width: 100%;
		padding-right: 0;
		float: none;
		clear: both;
		text-align: left;
		line-height: 2.5;
		font-size:3.6vw;
	}
	.ex_form form dd {
    	float: none;
		width: 100%;
	}
	.ex_form form dd input[type="text"],
	.ex_form form dd input[type="tel"],
	.ex_form form dd input[type="email"],
	.ex_form form dd textarea {
		padding: 3vw 2vw;
	}
	.ex_form form dd textarea::placeholder {
		font-size:3.6vw;
	}
	.radio {
		font-size: 3.6vw;
	}
	.ex_form form div input{
		width:70%;
		margin: 0 auto;
		border:none;
	}
	.ex main {
		margin-bottom: 0;
	}
}
/*メディア*/
.media .common >div{
	background:url("../media/img/media_001_01.png") top / 100% no-repeat;
}
.common> div div.media_001 {
	text-align: center;
	padding:78px 0 86px;
	margin-bottom:74px;
}
.media_001 p{
	font-size:24px;
	line-height:1.6;
	text-align: center;
	margin-bottom:28px;
}
.media_001 a{
	width:300px;
	border:1px solid #808080;
	color:#000;
	border-radius: 50px;
	font-size: 16px;
	text-align: center;
	padding:15px 0;
	margin: 0 auto;
	transition:0.5s;
}
.media_001 a:hover{
	background-color:#808080;
	color:#fff;
	transition:0.5s;
}
.media_002{
	width:1050px;
	margin: 0 auto 204px;
	text-align: center;
}
.media_002 p{
	margin-bottom:64px;
}
.media_002 ul{
	width:790px;
	overflow:hidden;
	margin: 0 auto 94px;
}
.media_002 ul li{
	float:left;
	margin-bottom:60px;
	width:366px;
	text-align: left;
}
.media_002 ul li:nth-child(2n).effect-fade{
	transition-delay: 0.2s;
}
.media_002 ul li:nth-child(2n){
	float:right;
}
.media_002 p{
	font-size:19px;
	line-height:1.5;
}
.media_002 li p{
	font-size:14px;
	line-height: 2.5;
	margin-bottom:0;
}
@media screen and (min-width:601px) and (max-width:1200px){
	.media_002 {
		width: 100%;
	}
	.common >div {
		background: url(../profile/img/profile_001_01.png) top / 100% no-repeat;
		width: 90%;
		margin: 0 auto;
		padding: 47vw 0 0px;
	}
	.common> div div.media_001 {
    	text-align: center;
		padding: 7vw 10vw;
		width:83%;
	}
	.media_002 ul{
		width:70%;
	}
	.media_002 ul li{
			width:48%;
	}
	.media_002 ul li img{
		width:100%;
	}
	.bnr{
		width:80%;
		margin: 0 auto;
	}
	.bnr img{
		width:100%;
	}
}

@media screen and (max-width:600px){
	.media .common >div {
		padding: 51vw 0 0;
	}
	.common> div div.media_001 {
		text-align: center;
		padding: 8vw 5vw;
		margin-bottom: 13vw;
	}
	.media_001 p {
		font-size: 3.6vw;
		margin-bottom: 4vw;
	}
	.media_002 {
    	width: 86%;
		margin: 0 auto 10vw;
	}
	.media_002 p {
		font-size: 3.4vw;
		line-height:1.8;
		margin: 0 0 10vw;
	}
	.media_001 a {
		width: 88%;
		border: 1px solid #c5c5c5;
		font-size: 3.6vw;
		padding: 3vw 0;
	}
	.media_002 ul {
		width: 100%;
		overflow: hidden;
		margin: 0 auto 2vw;
	}
	.media_002 ul li {
		float: left;
		margin-bottom: 5vw;
		width: 48%;
	}
	.media_002 li p {
		font-size: 3vw;
	}
	.media_002 ul li img{
		width:100%;
	}
}

.disp{
	display: none;
	opacity: 0;
}
.disp.show{
	display: block;
	transition:0.5s;
	opacity: 1;
}
.dispmode .ex_nav,
.dispmode .bnr,
.dispmode .ex_001 h2,
.dispmode .ex_001>p{
	display:none;
	opacity: 0;
	transition:0.5s;
}
.ex_content{
	position: relative;
}
.ex_content p{
	text-align: center;
}
.ex_content>div{
	width:835px;
	margin: 0 auto;
	overflow: hidden;
}
.ex_content p img{
	box-shadow: 0 0 8px rgba(0,0,0,0.05);
	margin-bottom:50px;
}
.ex_content nav{
	position: absolute;
	top: 330px;
	overflow: hidden;
	width:100%;
}
.ex_content.ex2 nav{
	top:343px;
}
.ex_content.ex3 nav{
	top:346px;
}
.ex_content.ex4 nav{
	top:294px;
}
.ex_content.ex5 nav{
	top:314px;
}
.ex_content nav li{
    display: inline-block;
    background-color: transparent;
	width:50%;
	float:left;
	text-align: left;
}
.ex_content nav li:nth-child(2){
	text-align: right;
}
.ex_content nav li a{
	display: inline-block;
}
.ex_content nav li a img{
	width:auto;
}
.dispmode ex_001{
	width:1300px;
}
.ex_left{
	width:250px;
	float:left;
}
.ex_left h3{
	font-size:16px;
}
.ex_content .ex_left p{
	text-align: left;
}

.ex_left span.size{
	font-family: "Medici Script LT Std",serif;
	margin-bottom: 5px;
	display: inline-block;
}
.ex2 .ex_left span.size,
.ex3 .ex_left span.size{
	margin-bottom:28px;
}
.ex_left dt p,
.ex_left dd p{
	font-size:13px;
	line-height: 2;
	margin-bottom:28px;
}
.ex_right{
	width:450px;
	float:right;
}
.ex_right p{
	font-size:14px;
	line-height: 2;
	text-align: left;
	margin-bottom:46px;
}
.ex_right a{
	width:450px;
	box-sizing: border-box;
	border:1px solid #808080;
	transition: 0.5s;
	color:#000;
	padding:15px 0;
	text-align: center;
	border-radius: 50px;
}
.ex_right a:hover{
	background-color:#808080;
	color:#fff;
	transition: 0.5s;
}
.ex_content.ex3 p{
	margin-bottom:30px;
}
.ex1{
	padding-top:94px;
}
.ex2{
	padding-top:210px;
}
.ex3 .ex_right img{
	margin-bottom:36px;
}
@media screen and (min-width:601px) and (max-width:1200px){
	.ex_content p img{
		width:100%;
	}
	.ex_content>div{
		width:100%;
	}
	.ex_left {
		width: 30%;
	}
	.ex_right {
		width: 65%;
	}
	.ex_right a {
		width: 100%;
	}
}
@media screen and (max-width:600px){
	.ex_content p {
		text-align: center;
		width: 90%;
		margin: 0 auto;
	}
	.ex_content nav li a img {
		width: 3vw;
	}
	.ex_content nav {
		top: 32vw;
		width: 104%;
    	margin-left: -2%;
	}
	.ex1 {
		padding-top: 5vh;
		padding-bottom:10vw;
	}
	.ex2 {
		padding-top: 20vw;
	}
	.ex_content>div {
		width: 88%;
	}
	.ex_left {
		width: 100%;
		float: none;
	}
	.ex_left h3 {
		font-size: 4vw;
	}
	.ex_content .ex_left p {
		text-align: left;
		width: 100%;
		font-size: 3.4vw;
    	margin-bottom: 5vw;
	}
	.ex_right {
    	width: 100%;
    	float: none;
	}
	.ex_right p {
    	font-size: 3.4vw;
		width: 100%;
		text-align: left;
		margin-bottom: 5vw;
	}
	.ex_right a {
		width: 100%;
		border: 1px solid #c5c5c5;
		padding: 3vw 0;
		font-size:3.4vw;
	}
	.ex_content.ex2 nav {
		top: 33vw;
	}
	.ex_content.ex3>p:first-child {
		margin-bottom: 0;
		width: 70%;
	}
	.ex_content.ex3 nav {
		top: 39vw;
	}
	.ex_left dt{
		margin-bottom:5vw;
	}
	.ex3 .ex_right img {
		width: 60%;
		margin: 0 0 10vw 20%;
	}
	.ex_content.ex4 nav {
		top: 28vw;
	}
	.ex_content.ex5 nav {
		top: 28vw;
	}
}



/*SITEMAP*/
.sitemap .sitemap_001{
	padding-top:110px;
}
.sitemap_001 h2{
	text-align: center;
	margin-bottom:110px;
}
.sitemap_001 div{
	width:870px;
	overflow:hidden;
	margin: 0 auto 206px;
}
.sitemap_001 ul{
	width:250px;
	float:left;
}
.sitemap_001 ul:nth-child(2) {
	margin-left:100px;
}
.sitemap_001 ul:nth-child(n+3){
	margin-left:10px;
}
.sitemap_001 ul li{
	margin-bottom:40px;
}
.sitemap_001 ul:nth-child(2) li:first-child,
.sitemap_001 ul:nth-child(2) li:nth-child(4){
	margin-bottom:24px;
}
.sitemap_001 ul:nth-child(2) li:nth-child(2),
.sitemap_001 ul:nth-child(2) li:nth-child(5),
.sitemap_001 ul:nth-child(2) li:nth-child(6){
	margin-bottom:17px;
}
@media screen and (min-width:601px) and (max-width:1200px){
	.sitemap_001 div {
		width: 90%;
	}
}
@media screen and (max-width:600px){
	.sitemap_001 div {
		width: 90%;
		overflow: hidden;
		margin: 0 auto 20vw;
	}
	.sitemap_001 h2{
		margin-bottom:20vw;
	}
	.sitemap_001 h2 img{
		height:4.6vw;
	}
	.sitemap_001 ul {
		width: 40%;
	}
	.sitemap_001 ul:nth-child(n+3) {
    	margin-left: 8%;
	}
	.sitemap_001 ul:nth-child(4){
		margin-bottom:5vw;
	}
	.sitemap_001 ul li {
		margin-bottom: 5vw;
	}
	.sitemap_001 ul:nth-child(3) li:first-child,
	.sitemap_001 ul:nth-child(4) li:first-child {
		margin-bottom: 4vw;
	}
	.sitemap_001 ul:nth-child(3) li:nth-child(n+2),
	.sitemap_001 ul:nth-child(4) li:nth-child(n+2) {
		margin-bottom: 1vw;
		margin-left:5vw;
	}
	.sitemap_001 ul:nth-child(3) li:nth-child(3){
		margin-bottom:8vw;	
	}
	.sitemap_001 ul:nth-child(n+4) li svg{
		height:3.2vw;
		width:auto;
	}
	.sitemap_001 ul:nth-child(3) li svg,
	.sitemap_001 ul:nth-child(4) li:nth-child(n+2) svg{
		height:2.7vw;
		width:auto;
	}
	.sitemap_001 ul:nth-child(3) li:first-child svg,
	.sitemap_001 ul:nth-child(3) li:nth-child(4) svg{
		margin-bottom:0;
		height:3.2vw;
	}
	.sitemap .sitemap_001 {
		padding-top: 20vw;
	}
}
/*ギャラリーページ*/
.gallery_001{
	text-align: center;
}
.gallery_001 h2{
	margin-bottom:60px;
}
.gallery_001 p{
	margin-bottom:70px;
	font-size:13px;
	line-height: 1.5
}
.gallery_001 span{
	display: block;
}
.gallery_001 nav{
	margin-bottom:40px;
}
.gallery_001 ol:first-child {
	padding-bottom:30px;
}
.gallery_001 ol li{
	display:inline-block;
}
.gallery_001 ol:nth-child(2) li{
	margin-right:20px;
}
.gallery_001 ol li a{
	display: inline-block;
	vertical-align: middle;
}
.gallery_001 ol img{
	vertical-align: top;
}
.gallery_001 ol:first-child li::after{
	content:"";
	width:22px;
	height:22px;
	background-image:url("../gallery/img/between.svg");
	display: inline-block;
	margin:0 5px;
	vertical-align: middle;
}
.gallery_001 ol li:last-child:after{
	display: none;
}
.gallery_001 ul{
	width:896px;
	margin: 0 auto 186px;
	overflow: hidden;
}
.gallery_001 ul li{
	width:420px;
	float:left;
	margin-bottom:16px;
}
.gallery_001 ul li.active path{
	fill:#c3c3c3;
}
.gallery_001 ul li a{
	cursor: pointer;
}
.gallery_001 ul li a:hover{
	opacity:0.5;
	transition:0.5s;
}
.gallery_001 ul li:nth-child(2n){
	float:right;
}
.mfp-figure span{
	display: inline-block;
	position: relative;
	width: 0;
    height: 0;
	margin-right: 10px;
}
.mfp-figure span::before{
	width:30px;
	content:"";
	height:1px;
	display: inline-block;
	transform: rotate(45deg);
	background-color:#000;
	position: absolute;
	top:0;
	right:15px;
}
.mfp-figure span::after{
	content:"";
	width:30px;
	height:1px;
	display: inline-block;
	transform: rotate(-45deg);
	background-color:#000;
	position: absolute;
	top:0;
	right:15px;
}
.mfp-fade.mfp-bg {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 1;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/*.mfp-figure figure::before{
	display:block;
	content:"";
	background:url("../gallery/img/work1.png") right center no-repeat;
	height:100%;
	width:50px;
	opacity:0.5;
	position: absolute;
	left:0;
}
.mfp-figure figure::after{
	display:block;
	content:"";
	background:url("../gallery/img/work3.png") left center no-repeat;
	height:100%;
	width:50px;
	opacity:0.5;
	position: absolute;
	right:0;
	top:0;
}*/

@media screen and (min-width:601px) and (max-width:1500px){
	.gallery_001 ul{
		width:90%;
	}
	.gallery_001 ul li{
		width:48%;
	}
	.gallery_001 ul li img{
		width:100%;
	}
}
@media screen and (max-width:600px){
	.gallery_001 h2 {
		margin-bottom: 14vw;
		padding: 20vw 0 0;
	}
	.gallery_001 h2 img{
		height: 4.3vw;
	}
	.gallery_001 p {
		font-size:2.6vw;
		width: 90%;
		margin: 0 auto 10vw;
		line-height: 1.5;
	}
	.gallery_001 ol li svg,
	.gallery_001 ol li img{
		height: 3.5vw;
		width:auto;
	}
	.gallery_001 ol:first-child li::after {
		content: "";
		width: 4vw;
		height: 4vw;
		background: url(../gallery/img/between.svg) top /contain no-repeat;
		margin: 0 1vw;
	}
	.gallery_001 ol:first-child{
		padding:0 0 5vw;
	}
	.gallery_001 nav {
		margin-bottom: 8vw;
	}
	.gallery_001 ul {
    	width: 90%;
		margin: 0 auto 22vw;
	}
	.gallery_001 ul li {
		width: 100%;
		float: none;
		margin-bottom: 2vw;
	}
	.gallery_001 ul li img{
		width:100%;
	}
	.mfp-figure span::before {
		width: 7vw;
		right:2vw;
	}
	.mfp-figure span::after {
		width: 7vw;
		right:2vw;
	}
	.gallery_001 ol img {
		vertical-align: 0;
	}
	.gallery_001 ol{
		width:90%;
		margin: 0 auto;
	}
	.gallery_001 ol:nth-child(2) li:last-child{
		margin-right:0;
	}
	.gallery_001 ul li:nth-child(2n){
		float:none;
	}
}

/*利用規約*/
.terms_001 h2 {
	text-align: center;
	margin-bottom:70px;
	padding-top:90px;
}
.terms_001{
	width:700px;
	margin: 0 auto 100px;
}
.terms_001 dl{
	margin-bottom:80px;
}
.terms_001 dt{
	font-size:17px;
	line-height:2;
	margin-bottom:10px;
}
.terms_001 dd{
	font-size:15px;
	line-height: 2.5;
}
.terms_001 dd a{
	display: inline-block;
	color:#000;
}
@media screen and (min-width:601px) and (max-width:760px){
	.terms_001 {
		width: 90%;
	}
}

@media screen and (max-width:600px){
	.terms_001 {
		width: 90%;
		margin: 0 auto 20vw;
	}
	.terms_001 h2{
		padding:20vw 0 0;
		margin-bottom:14vw;
	}
	.terms_001 h2 img{
		height:5vw;
	}
	.terms_001 dl {
		margin-bottom: 14vw;
	}
	.terms_001 dt {
		font-size: 4vw;
		margin-bottom: 2vw;
	}
	.terms_001 dd {
		font-size: 3.5vw;
		line-height: 2.5;
	}
}

/*制作実績ページ*/
.product_001{
	width:1320px;
	justify-content: space-around;
	margin: 0 auto;
}

.product_001 .container{
	width:100%;
}
.product_001 .container li{
	width:18%;
	margin-right:2%;
	margin-bottom:90px;
	height:360px;
}
.product_001 .container li:nth-child(5n){
		margin-right:0;
	}
@media screen and (min-width:980px) and (max-width:1340px){
	.product_001{
		width:90%;
	}
	.product_001 .container li{
		width:20%;
		margin-right:5%;
	}
	.product_001 .container li:nth-child(5n){
		margin-right:5%;
	}
	.product_001 .container li:nth-child(4n){
		margin-right:0;
	}
}
@media screen and (min-width:601px) and (max-width:979px){
	.product_001{
		width:90%;
	}
	.product_001 .container li{
		width:30%;
		margin-right:5%;
	}
	.product_001 .container li:nth-child(5n){
		margin-right:5%;
	}
	.product_001 .container li:nth-child(3n){
		margin-right:0;
	}
	
}
.product_001 ul li:nth-child(2n){
	float:left;
}
.product_001 .product_container li:nth-child(5n){
	margin-right:0;
}
.product_001 .container li img{
	width:100%;
	margin-bottom:7px;
}
.product_001 .container li a{
	color:#000;
}
.product_001 .container li span{
	font-size:12px;
	text-align:left;
	font-weight:bold;
}

@media screen and (max-width:600px){
	.product_001{
		width:90%;
	}
	.product_001 h2 img {
		height: 5.5vw;
	}
	.product_001.en h2 img {
		height: 10vw;
	}
	.product_001 ol:first-child {
		padding: 0 0 12vw;
		width: 100%;
	}
	.product_001 ul{
		width:58%;
	}
	.product_001 ul li{
		margin-bottom:15vw;
	}
	.product_001 ul li a{
		color:#000;
		font-size:3vw;
		text-align: left;
	}
	.product_001 ul li img{
		margin-bottom:2vw;
	}
}