@charset "UTF-8";

/* ===================================================================
/
/
/	SETTING
/
/
===================================================================*/
html { color:#555; background:#DDD; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.3rem; font-family:'Noto Sans JP', sans-serif; overflow-x:hidden; }
img { max-width:100%; height:auto; }

	/* Link set
	-------------------------------------------------------------------*/
	a { color:#555; text-decoration:none; transition:.3s ease-in-out; }
	a img { transition:.3s ease-in-out; }
	a:hover { color:#888; text-decoration:underline; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			body { overflow-x:hidden; }
			
		}

	/* Font set
	-------------------------------------------------------------------*/
	@font-face {
	  font-family: 'Spinnaker';
	  font-style: normal;
	  font-weight: 400;
	  font-display: swap;
	  src: local('Spinnaker'), local('Spinnaker-Regular'), url(https://fonts.gstatic.com/s/spinnaker/v11/w8gYH2oyX-I0_rvR6HmX1XYKmOo.woff2) format('woff2');
	  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	}
	@font-face {
	  font-family: 'Spinnaker';
	  font-style: normal;
	  font-weight: 400;
	  font-display: swap;
	  src: local('Spinnaker'), local('Spinnaker-Regular'), url(https://fonts.gstatic.com/s/spinnaker/v11/w8gYH2oyX-I0_rvR6HmX23YK.woff2) format('woff2');
	  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
	@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;500&display=swap');

	/* Block set
	-------------------------------------------------------------------*/
	section { position:relative; }
	section:after { content:""; display:block; clear:both; }

		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		.m { display:none; }
		@media screen and (max-width:768px) {
			
			body { font-size:1.2rem; }
			.container { width:100%; }
			.m { display:block; }
			
		}

	/* JS set
	------------------------------------------------------------------- */
	.animated { opacity:0; }
	.defs { display:none; }
	body *:not([.loading]) { display:none; }
	.loading { width:100%; height:100vh; background:#EEE; position:fixed; right:0; top:0; z-index:99999; }
	.loading img { position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px;
	 -webkit-animation:turn 1.5s linear infinite; animation:turn 1.5s linear infinite; }
	
	@-webkit-keyframes turn {
		0% { -webkit-transform:rotate(0deg); }
		100% { -webkit-transform:rotate(360deg); }
	}
	@keyframes turn {
		0% { transform:rotate(0deg); }
		100% { transform:rotate(360deg); }
	}
		
		/*/////////////////////////////
		//
		//	Responsive
		//
		////////////////////////////////////////////////////////*/
		@media screen and (max-width:768px) {
			
			.loading img { margin:-140px 0 0 -40px; }
			
		}
	
		
/* ===================================================================
/
/
/	Header
/
/
===================================================================*/
body > header { position:fixed; left:50%; top:0; width:94%; padding:20px; transform:translateX(-50%); z-index:9999; }
body > header h1 { float:left; width:200px; padding-top:10px; transition:.3s ease-in-out; }
body > header address { float:right; color:#FFF; transition:.3s ease-in-out; }
body > header address dl:after { content:""; display:block; clear:both; }
body > header address dl dt { float:left; text-align:center; width:40px; height:15px; line-height:15px; margin-top:15px; border:1px solid #FFF; text-transform:uppercase;
 font-size:1.1rem; margin-right:10px; }
body > header address dl dd { overflow:hidden; }
body > header address dl dd a { display:block; font-weight:700; font-size:2.7rem; letter-spacing:1px; margin-bottom:-5px; color:#FFF; }
body > header address dl dd a:hover { color:#FFF; text-decoration:none; }
body > header address dl dd time { font-size:1.2rem; letter-spacing:1px; }
body > header address dl dd time strong { font-weight:700; }
body > header.ss h1 { opacity:0; }
.home > header.ss address { opacity:0; }
		
	body > header nav { display:none; }
	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
		
		body > header { width:98%; }
		
	}
	@media screen and (max-width:780px) {
		
		body > header { width:100%; padding:0; padding-top:90px; z-index:99999; }
		body > header h1 { float:none; padding:0 0 0 20px; width:100%; text-align:center; }
		body > header h1 img { max-width:50%; height:auto; }
		body > header address { float:none; position:fixed; left:0; top:0; z-index:8888; width:100%; height:60px; text-align:center; padding:6px 0; border-bottom:1px solid #777; background: #0f0f17;
background: -moz-linear-gradient(top,  #0f0f17 0%, #171d27 22%, #595657 37%, #585456 44%, #1d252e 56%, #0d0c12 76%, #0a070b 100%);
background: -webkit-linear-gradient(top,  #0f0f17 0%,#171d27 22%,#595657 37%,#585456 44%,#1d252e 56%,#0d0c12 76%,#0a070b 100%);
background: linear-gradient(to bottom,  #0f0f17 0%,#171d27 22%,#595657 37%,#585456 44%,#1d252e 56%,#0d0c12 76%,#0a070b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f17', endColorstr='#0a070b',GradientType=0 ); }
		body > header address dl { text-align:center; width:70%; }
		body > header address dl dt { display:inline-block; float:none; margin-top:0; position:relative; top:-15px; }
		body > header address dl dd { display:inline-block; }
		body > header address dl dd a { display:block; font-size:2rem; }
		body > header address dl dd time { display:block; font-size:.9rem; }
		
			/* tgl nav */
			body > header .drawer a { display:block; width:40px; height:40px; position:fixed; right:10px; top:10px; border:1px solid rgba(255,255,255,.3); z-index:99999; padding:8px 5px; }
			
			body > header .drawer .navbar_toggle_icon{position:relative;display:block;height:2px;width:28px; transition:.3s ease-in-out; background: #777879;
background: -moz-linear-gradient(top,  #777879 0%, #c6c6c6 11%, #a6a6a6 19%, #a5a5a5 30%, #d9d9d8 44%, #eaeaea 49%, #eaeaea 49%, #eaeaea 54%, #efefef 60%, #fcfcfc 61%, #fcfcfc 61%, #dbdbdb 76%, #8c8c8c 86%, #b5b4b5 100%);
background: -webkit-linear-gradient(top,  #777879 0%,#c6c6c6 11%,#a6a6a6 19%,#a5a5a5 30%,#d9d9d8 44%,#eaeaea 49%,#eaeaea 49%,#eaeaea 54%,#efefef 60%,#fcfcfc 61%,#fcfcfc 61%,#dbdbdb 76%,#8c8c8c 86%,#b5b4b5 100%);
background: linear-gradient(to bottom,  #777879 0%,#c6c6c6 11%,#a6a6a6 19%,#a5a5a5 30%,#d9d9d8 44%,#eaeaea 49%,#eaeaea 49%,#eaeaea 54%,#efefef 60%,#fcfcfc 61%,#fcfcfc 61%,#dbdbdb 76%,#8c8c8c 86%,#b5b4b5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777879', endColorstr='#b5b4b5',GradientType=0 ); box-shadow:0px 0px 2px rgba(0,0,0,.5); }
			body > header .drawer .navbar_toggle_icon:nth-child(1){top:0}
			body > header .drawer .navbar_toggle_icon:nth-child(2){margin:8px 0}
			body > header .drawer .navbar_toggle_icon:nth-child(3){top:0}
			body > header .drawer .open .navbar_toggle_icon:nth-child(1){top:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
			body > header .drawer .open .navbar_toggle_icon:nth-child(2){-webkit-transform:translateY(-50%); transform:translateY(-50%);opacity:0}
			body > header .drawer .open .navbar_toggle_icon:nth-child(3){top:-10px;-webkit-transform:rotate(-45deg); transform:rotate(-45deg)}
			
			body > header nav { background:rgba(0,0,0,.8); position:absolute; left:0; top:55px; width:100%; height:100vh; z-index:9999; }
			body > header nav ul { width:90%; margin:0 auto; }
			body > header nav ul:after { content:""; display:block; clear:both; }
			body > header nav ul li a { display:block; padding:20px !important; height:auto; border-bottom:1px solid #555; font-size:1.4rem !important; color:#FFF; }
			body > header nav ul li a p { display:inline-block; text-transform:uppercase; }
			body > header nav ul li a span { font-size:1.1rem; display:inline-block; margin-left:20px; }
			body > header nav ul li.ac a { color:#666; }
			
	}


		
/* ===================================================================
/
/
/	FV
/
/
===================================================================*/
.bx-wrapper { position:relative; }
.bx-wrapper ul li { height:calc(100vh - 80px); background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; }
/* first */
.bx-wrapper .first h1 { position:absolute; top:40%; left:5%; transform:translateY(-50%); }
.bx-wrapper .second h1 { position:absolute; top:50%; right:15%; transform:translateY(-50%); width:700px; }
.bx-wrapper .third h1 { position:absolute; top:45%; left:50%; transform:translateX(-50%); width:700px; }

.bx-controls { position:absolute; left:50%; bottom:30px; color:#FFF; width:300px; height:15px; overflow:hidden; transform:translateX(-50%); z-index:9999; }
.bx-controls .bx-pager-item { float:left; width:100px;  }
.bx-controls .bx-pager-item a { text-indent:-9000em; display:block; background:rgba(255,255,255,.5); }
.bx-controls .bx-pager-item a:hover { background:rgba(255,255,255,.8); }
.bx-controls .bx-pager-item a.active { background: #b5b4b5;
background: -moz-linear-gradient(top,  #b5b4b5 0%, #8c8c8c 14%, #dbdbdb 24%, #fcfcfc 39%, #fcfcfc 39%, #efefef 40%, #eaeaea 46%, #eaeaea 51%, #eaeaea 51%, #d9d9d8 56%, #a5a5a5 70%, #a6a6a6 81%, #c6c6c6 89%, #777879 100%);
background: -webkit-linear-gradient(top,  #b5b4b5 0%,#8c8c8c 14%,#dbdbdb 24%,#fcfcfc 39%,#fcfcfc 39%,#efefef 40%,#eaeaea 46%,#eaeaea 51%,#eaeaea 51%,#d9d9d8 56%,#a5a5a5 70%,#a6a6a6 81%,#c6c6c6 89%,#777879 100%);
background: linear-gradient(to bottom,  #b5b4b5 0%,#8c8c8c 14%,#dbdbdb 24%,#fcfcfc 39%,#fcfcfc 39%,#efefef 40%,#eaeaea 46%,#eaeaea 51%,#eaeaea 51%,#d9d9d8 56%,#a5a5a5 70%,#a6a6a6 81%,#c6c6c6 89%,#777879 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b4b5', endColorstr='#777879',GradientType=0 ); }
		
	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
		
		.bx-wrapper ul li { height:calc(100vh - 70px); }
		.bx-wrapper ul li h1 { width:400px !important; }
		
	}
	@media screen and (max-width:780px) {
		
		.bx-wrapper ul li { height:40em; }
		.bx-wrapper ul li h1 { width:100% !important; text-align:center; position:relative !important; top:50% !important; left:0 !important; transform:none !important; text-align:center; }
		.bx-wrapper ul li h1 img { width:60%; }
		.bx-controls { bottom:20px; width:150px; height:10px; z-index:900; }
		.bx-controls .bx-pager-item { width:50px; }
		
	}

		
/* ===================================================================
/
/
/	Nav
/
/
===================================================================*/
body > nav { height:80px; padding-top:3px; background: #b5b4b5;
background: -moz-linear-gradient(top,  #b5b4b5 0%, #8c8c8c 14%, #dbdbdb 24%, #fcfcfc 39%, #fcfcfc 39%, #efefef 40%, #eaeaea 46%, #eaeaea 51%, #eaeaea 51%, #d9d9d8 56%, #a5a5a5 70%, #a6a6a6 81%, #c6c6c6 89%, #777879 100%);
background: -webkit-linear-gradient(top,  #b5b4b5 0%,#8c8c8c 14%,#dbdbdb 24%,#fcfcfc 39%,#fcfcfc 39%,#efefef 40%,#eaeaea 46%,#eaeaea 51%,#eaeaea 51%,#d9d9d8 56%,#a5a5a5 70%,#a6a6a6 81%,#c6c6c6 89%,#777879 100%);
background: linear-gradient(to bottom,  #b5b4b5 0%,#8c8c8c 14%,#dbdbdb 24%,#fcfcfc 39%,#fcfcfc 39%,#efefef 40%,#eaeaea 46%,#eaeaea 51%,#eaeaea 51%,#d9d9d8 56%,#a5a5a5 70%,#a6a6a6 81%,#c6c6c6 89%,#777879 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b4b5', endColorstr='#777879',GradientType=0 ); }
body > nav ul { width:1110px; margin:0 auto; }
body > nav ul:after { content:""; display:block; clear:both; }
body > nav ul li { float:left; width:14.285%; border-left:1px solid #BEBDBE; }
body > nav ul li:last-child { border-right:1px solid #BEBDBE; }
body > nav ul li a { display:block; height:77px; color:#B5B6B6; padding-top:15px; font-size:1.6rem; text-align:center; letter-spacing:1px; position:relative; font-weight:300; }
body > nav ul li a:after { content:""; width:100%; height:77px; position:absolute; left:0; bottom:0; transition:.3s ease-in-out; background: #777879;
background: -moz-linear-gradient(top,  #777879 0%, #c6c6c6 11%, #a6a6a6 19%, #a5a5a5 30%, #d9d9d8 44%, #eaeaea 49%, #eaeaea 49%, #eaeaea 54%, #efefef 60%, #fcfcfc 61%, #fcfcfc 61%, #dbdbdb 76%, #8c8c8c 86%, #b5b4b5 100%);
background: -webkit-linear-gradient(top,  #777879 0%,#c6c6c6 11%,#a6a6a6 19%,#a5a5a5 30%,#d9d9d8 44%,#eaeaea 49%,#eaeaea 49%,#eaeaea 54%,#efefef 60%,#fcfcfc 61%,#fcfcfc 61%,#dbdbdb 76%,#8c8c8c 86%,#b5b4b5 100%);
background: linear-gradient(to bottom,  #777879 0%,#c6c6c6 11%,#a6a6a6 19%,#a5a5a5 30%,#d9d9d8 44%,#eaeaea 49%,#eaeaea 49%,#eaeaea 54%,#efefef 60%,#fcfcfc 61%,#fcfcfc 61%,#dbdbdb 76%,#8c8c8c 86%,#b5b4b5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777879', endColorstr='#b5b4b5',GradientType=0 ); opacity:0; z-index:1; }
body > nav ul li a span { display:block; font-size:1rem; color:#8C8C8C; }
body > nav ul li a p,
body > nav ul li a span { position:relative; z-index:10; text-shadow:1px 1px 1px rgba(255,255,255,.2); }
body > nav ul li a:hover { text-decoration:none; color:#9FA0A0; }
body > nav ul li a:hover:after { opacity:1; }
body > nav ul li a:hover,
body > nav ul li.ac a { color:#999; }
body > nav ul li a:hover span,
body > nav ul li.ac a span { color:#999; }
body > nav ul li.ac a { background: #777879;
background: -moz-linear-gradient(top,  #777879 0%, #c6c6c6 11%, #a6a6a6 19%, #a5a5a5 30%, #d9d9d8 44%, #eaeaea 49%, #eaeaea 49%, #eaeaea 54%, #efefef 60%, #fcfcfc 61%, #fcfcfc 61%, #dbdbdb 76%, #8c8c8c 86%, #b5b4b5 100%);
background: -webkit-linear-gradient(top,  #777879 0%,#c6c6c6 11%,#a6a6a6 19%,#a5a5a5 30%,#d9d9d8 44%,#eaeaea 49%,#eaeaea 49%,#eaeaea 54%,#efefef 60%,#fcfcfc 61%,#fcfcfc 61%,#dbdbdb 76%,#8c8c8c 86%,#b5b4b5 100%);
background: linear-gradient(to bottom,  #777879 0%,#c6c6c6 11%,#a6a6a6 19%,#a5a5a5 30%,#d9d9d8 44%,#eaeaea 49%,#eaeaea 49%,#eaeaea 54%,#efefef 60%,#fcfcfc 61%,#fcfcfc 61%,#dbdbdb 76%,#8c8c8c 86%,#b5b4b5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777879', endColorstr='#b5b4b5',GradientType=0 ); }
		
	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
		
		body > nav { height:70px; }
		body > nav ul { width:100%; }
		body > nav ul li { width:14.285%; }
		body > nav ul li a { font-size:1.3rem; height:67px; padding-top:10px; }
		body > nav ul li a:after { height:57px; }
		body > nav ul li a span { font-size:.9rem; }
		
	}
	@media screen and (max-width:780px) {
		
		body > nav { display:none; }
		
	}


		
/* ===================================================================
/
/
/	News (Aside)
/
/
===================================================================*/
aside.news { height:65px; line-height:65px; color:#FFF; transition:.3s ease-in-out; background: #0f0f17;
background: -moz-linear-gradient(top,  #0f0f17 0%, #171d27 22%, #595657 37%, #585456 44%, #1d252e 56%, #0d0c12 76%, #0a070b 100%);
background: -webkit-linear-gradient(top,  #0f0f17 0%,#171d27 22%,#595657 37%,#585456 44%,#1d252e 56%,#0d0c12 76%,#0a070b 100%);
background: linear-gradient(to bottom,  #0f0f17 0%,#171d27 22%,#595657 37%,#585456 44%,#1d252e 56%,#0d0c12 76%,#0a070b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f17', endColorstr='#0a070b',GradientType=0 ); }
aside.active { height:200px; }
aside.news dl { width:1110px; margin:0 auto; }
aside.news dl:after { content:""; display:block; clear:both; }
aside.news dl dt { float:left; width:120px; margin-right:40px; }
aside.news dl dd { overflow:hidden; }
	
aside.news dl dt h1 { float:left; font-weight:700; font-size:1.8rem; margin-right:20px; }
aside.news dl dt > a { display:block; width:40px; height:40px; border:1px solid #727171; position:relative; float:left; top:12px; }
aside.news dl dt > a:before { content:""; width:6px; height:6px; border-right:1px solid #EEE; border-bottom:1px solid #FFF; position:absolute;
 left:50%; top:50%; transform:rotate(45deg); margin:-5px 0 0 -3px; transition:.3s ease-in-out; }
aside.news dl dt > a:hover { background:rgba(255,255,255,.3); }
aside.news dl dt > a:hover:before { margin:-2px 0 0 -3px; }

aside.news dl dd { position:relative; }
aside.news dl dd time { display:block; float:left; margin-right:30px; font-size:1.2rem; letter-spacing:1px; }
aside.news dl dd p { float:left; }
aside.news dl dd p a { color:#FFF; text-decoration:none; }
aside.news dl dd p a:hover { text-decoration:underline; }
aside.news dl dd > a { display:block; width:150px; height:36px; line-height:36px; border:1px solid #727171; text-align:center; text-decoration:none;
 text-transform:uppercase; float:right; color:#FFF; font-size:1rem; position:relative; top:12px; }
aside.news dl dd > a:hover { background:rgba(255,255,255,.3); }

/* active  */
aside.active dl dt > a:before { transform:rotate(-135deg); }
aside.news ul li:not(:first-child) { border-top:1px solid #777; }
aside.news ul li:not(:first-child) dt * { display:none; }
aside.news ul li:not(:first-child) dd { padding-left:160px; }
		
	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
		
		aside.news { padding:0 20px; }
		aside.news dl { width:100%; }
		aside.news dl dt { margin-right:10px; }
		aside.news dl dt h1 { font-size:1.5rem; }
		aside.news dl dd time { font-size:1.1rem; }
		aside.news dl dd p { font-size:1.2rem; }
		aside.news dl dd > a { width:130px; }
		
	}
	@media screen and (max-width:780px) {
		
		aside.news { height:auto; line-height:1.4; padding:10px; z-index:2000; position:relative; }
		aside.news dl { width:100%; }
		aside.news dl dt { margin-right:0; width:auto; padding-top:5px; }
		aside.news dl dt > a { display:none; }
		aside.news dl dt h1 { font-size:1.2rem; }
		aside.news dl dd time { font-size:.8rem; float:none; }
		aside.news dl dd p { font-size:1rem; float:none; text-overflow: ellipsis; width:18em; overflow:hidden; white-space: nowrap; }
		aside.news dl dd > a { width:80px; position:absolute; right:0; top:0; height:24px; line-height:24px; font-size:.9rem; }
		aside.news ul li:not(:first-child) { display:none; }
		
	}

		
/* ===================================================================
/
/
/	s1 h_concept
/
/
===================================================================*/
.h_concept { background:#080404; padding:80px; text-align:center; color:#FFF; }
.h_concept > * { z-index:2; position:relative; }
.h_concept .ph { content:""; width:720px; height:500px; position:absolute; top:0; z-index:1; }
.h_concept .left { background:url(../images/home_concept_ph01.jpg) center center no-repeat; background-size:cover; left:0; }
.h_concept .right { background:url(../images/home_concept_ph02.jpg) center center no-repeat; background-size:cover; right:0; }

.h_concept h1 { font-size:2.5rem; font-weight:500; margin-bottom:40px; padding-bottom:30px; text-shadow:0px 0px 5px rgba(0,0,0,1); }
.h_concept h1:after { content:""; width:180px; height:2px; background:#FFF; position:absolute; left:50%; bottom:0; transform:translateX(-50%); }
.h_concept p { color:#DDD; font-size:1.4rem; line-height:1.8; text-shadow:0px 0px 5px rgba(0,0,0,1); margin-bottom:60px; }
.h_concept a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #9FA0A0; text-decoration:none; color:#FFF; margin:0 auto; }
.h_concept a:before { content:""; width:8px; height:8px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.h_concept a:hover { background:rgba(255,255,255,.3); }
.h_concept a:hover:before { right:10px; }
		
	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1300px) {
		
		.h_concept { padding:50px 0; }
		.h_concept .ph { width:600px; height:417px; }
		
	}
	@media screen and (max-width:1180px) {
		
		.h_concept { padding:30px 0; }
		.h_concept .ph { width:400px; height:300px; }
		.h_concept h1 { font-size:2rem; margin-bottom:20px; padding-bottom:20px; }
		.h_concept p { font-size:1.2rem; margin-bottom:30px; }
		
	}
	@media screen and (max-width:780px) {
	
		.h_concept { padding:30px 5px; }
		.h_concept .left { display:none; }
		.h_concept h1 { font-size:1.5rem; }
		.h_concept p { padding:0 20px; }
		.h_concept p br { display:none; }
		
	}


	/* ===================================================================
	/
	/
	/	LINE QR code
	/
	/
	===================================================================*/
	.line { background:#080404; padding:40px; color:#FFF; }
	.line dl { width:800px; margin:0 auto; }
	.line dl:after { content:""; display:block; clear:both; }
	.line dl dt { float:left; margin-right:40px; padding-top:10px; }
	.line dl dd { overflow:hidden; }
	
	.line dl dt a img { float:left; margin-right:30px; }
	.line dl dt h1 { float:left; padding-top:10px; }
	
	.line dl dd h2 { font-size:2rem; margin-bottom:20px; font-weight:500; }
	.line dl dd p { color:#DDD; font-size:1.4rem; }

	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
		
		.line { padding:30px; }
		.line dl { width:100%; }
		.line dl dt { margin-right:20px; width:40%; }
		.line dl dt a img { margin-right:20px; max-width:25%; }
		.line dl dt h1 { max-width:45%; }
		.line dl dd h2 { font-size:1.5rem; margin-bottom:10px; }
		.line dl dd p { font-size:1.2rem; }
		
	}
	@media screen and (max-width:780px) {
		
		.line { padding:20px 20px 30px; }
		.line dl dt { margin-right:0; width:100%; float:none; text-align:center; margin-bottom:10px; }
		.line dl dt a img { float:none; margin-right:0; margin-bottom:20px; }
		.line dl dt h1 { float:none; text-align:center; max-width:100%; }
		.line dl dt h1 img { width:40%; height:auto; }
		.line dl dd h2 { font-size:1.4rem; margin-bottom:20px; text-align:center; }
		.line dl dd p { font-size:1.1rem; }
		.line dl dd p br { display:none; }
		
	}

		
/* ===================================================================
/
/
/	s2 h_custum
/
/
===================================================================*/
.h_custum { width:94%; margin:0 auto; padding:60px 0 120px; }
.h_custum dl:after { content:""; display:block; clear:both; }
.h_custum dl dt { float:right; padding-top:20px; width:50%; }
.h_custum dl dd { overflow:hidden; width:50%; }

.h_custum dl dd h1 { font-size:3rem; font-weight:900; margin-bottom:20px; color:#111; }
.h_custum dl dd > p { font-size:1.4rem; margin-bottom:60px; }
.h_custum dl dd ul { margin-bottom:60px; }
.h_custum dl dd ul:after { content:""; display:block; clear:both; }

	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
	
		.h_custum { width:96%; padding:40px 0 100px; }
		.h_custum dl dt { width:40%; padding-top:50px; }
		.h_custum dl dd { width:60%; }
		.h_custum dl dd h1 { font-size:2.5rem; margin-bottom:10px; }
		.h_custum dl dd > p { font-size:1.3rem; margin-bottom:40px; }
		.h_custum dl dd ul { margin-bottom:40px; }
		
	}
	@media screen and (max-width:780px) {
		
		.h_custum { padding:30px 10px; }
		.h_custum dl dt { width:100%; padding-top:0; text-align:center; margin-bottom:20px; }
		.h_custum dl dt img { max-width:60%; height:auto; }
		.h_custum dl dd { width:100%; }
		.h_custum dl dd h1 { font-size:1.7rem; text-align:center; }
		.h_custum dl dd > p { font-size:1.2rem; }
		.h_custum dl dd > p br { display:none; }
		.h_custum dl dd ul { margin-bottom:30px; }
		
	}

/* List
------------------------------------------------------------------- */
.h_custum dl dd ul li { float:left; margin-left:-15px; }
.h_custum dl dd ul li:first-child { margin-left:0; }
.h_custum dl dd ul li a { display:block; color:#FFF; width:150px; height:150px; border:4px solid #FFF; position:relative; border-radius:50%;
 text-align:center; padding-top:40px; }
.h_custum dl dd ul li a:hover { text-decoration:none; color:#FFF; margin-top:-10px; box-shadow:0 10px 5px rgba(0,0,0,.2); }
 
	/* List NTH-CHILD
	------------------------------------------------------------------- */
	.h_custum dl dd ul li a:before { content:""; width:30px; height:30px; border-radius:50%; background:#FFF; position:absolute; left:50%; top:-15px;
	 transform:translateX(-50%); text-align:center; line-height:28px; font-weight:700; }
	.h_custum dl dd ul li:nth-child(1) a { background: #126a79;
	background: -moz-linear-gradient(top,  #126a79 0%, #338a9f 23%, #58c0e1 37%, #4db2d0 44%, #145d69 64%);
	background: -webkit-linear-gradient(top,  #126a79 0%,#338a9f 23%,#58c0e1 37%,#4db2d0 44%,#145d69 64%);
	background: linear-gradient(to bottom,  #126a79 0%,#338a9f 23%,#58c0e1 37%,#4db2d0 44%,#145d69 64%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126a79', endColorstr='#145d69',GradientType=0 ); }
	.h_custum dl dd ul li:nth-child(2) a { background: #3991a5;
	background: -moz-linear-gradient(top,  #3991a5 0%, #70b3cb 23%, #9cd6f2 37%, #8dc9e4 44%, #238699 64%);
	background: -webkit-linear-gradient(top,  #3991a5 0%,#70b3cb 23%,#9cd6f2 37%,#8dc9e4 44%,#238699 64%);
	background: linear-gradient(to bottom,  #3991a5 0%,#70b3cb 23%,#9cd6f2 37%,#8dc9e4 44%,#238699 64%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3991a5', endColorstr='#238699',GradientType=0 ); }
	.h_custum dl dd ul li:nth-child(3) a { background: #54b3cb;
	background: -moz-linear-gradient(top,  #54b3cb 0%, #97cadf 23%, #cce3f5 37%, #bcdbee 45%, #16a9c2 65%);
	background: -webkit-linear-gradient(top,  #54b3cb 0%,#97cadf 23%,#cce3f5 37%,#bcdbee 45%,#16a9c2 65%);
	background: linear-gradient(to bottom,  #54b3cb 0%,#97cadf 23%,#cce3f5 37%,#bcdbee 45%,#16a9c2 65%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b3cb', endColorstr='#16a9c2',GradientType=0 ); }
	.h_custum dl dd ul li:nth-child(4) a { background: #4d4b4a;
	background: -moz-linear-gradient(top,  #4d4b4a 0%, #807a78 23%, #c7c7c7 37%, #a19f9d 45%, #333838 65%);
	background: -webkit-linear-gradient(top,  #4d4b4a 0%,#807a78 23%,#c7c7c7 37%,#a19f9d 45%,#333838 65%);
	background: linear-gradient(to bottom,  #4d4b4a 0%,#807a78 23%,#c7c7c7 37%,#a19f9d 45%,#333838 65%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4b4a', endColorstr='#333838',GradientType=0 ); }
	.h_custum dl dd ul li:nth-child(1) a:before { content:"1"; color:#145D69; border:3px solid #145D69; }
	.h_custum dl dd ul li:nth-child(2) a:before { content:"2"; color:#238699; border:3px solid #238699; }
	.h_custum dl dd ul li:nth-child(3) a:before { content:"3"; color:#16A9C2; border:3px solid #16A9C2; }
	.h_custum dl dd ul li:nth-child(4) a:before { content:"4"; color:#333838; border:3px solid #333838; }

.h_custum dl dd ul li p { font-size:2.2rem; letter-spacing:1px; text-shadow:0 0 3px rgba(0,0,0,.2); }
.h_custum dl dd ul li span { font-size:1.2rem; margin-top:-20px; }

.h_custum dl dd > a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; float:left; position:relative; }
.h_custum dl dd > a:first-of-type { margin-right:30px; }
.h_custum dl dd > a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.h_custum dl dd > a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }

.h_custum dl dd > a:hover { color:#FFF; }
.h_custum dl dd > a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.h_custum dl dd > a:hover:after { width:100%; }

	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
	
		.h_custum dl dd ul li { margin-left:-20px; }
		.h_custum dl dd ul li a { width:120px; height:120px; border:3px solid #FFF; padding-top:25px; }
		.h_custum dl dd ul li p { font-size:1.8rem; }
		.h_custum dl dd ul li span { font-size:1.1rem; }
		.h_custum dl dd > a { width:200px; font-size:1.1rem; }
		.h_custum dl dd > a:first-of-type { margin-right:20px; }
		
	}
	@media screen and (max-width:780px) {
		
		.h_custum dl dd ul li { width:50%; margin-left:0; padding:5px; }
		.h_custum dl dd ul li a { width:100%; height:auto; border-radius:0; padding:30px 0; }
		.h_custum dl dd ul li p { font-size:1.5rem; }
		.h_custum dl dd ul li span { font-size:1rem; }
		.h_custum dl dd > a { margin:0 auto; float:none; }
		.h_custum dl dd > a:first-of-type { margin:0 auto 20px; }
		
	}

		
/* ===================================================================
/
/
/	s3 h_menu
/
/
===================================================================*/
.h_menu { background:#EFEFEF; position:relative; }
.h_menu:before,
.h_menu:after { height:150px; position:absolute; left:0; content:""; width:100%; background:#EFEFEF; backface-visibility:initial; }
.h_menu:before { top:-70px; transform:skewY(-3deg); }
.h_menu:after { bottom:-70px; transform:skewY(-3deg); }
.h_menu h1 { color:#B5B6B6; font-size:4rem; padding-bottom:10px; margin-bottom:20px; position:relative; text-align:center; font-family:'Noto Serif JP', serif; }
.h_menu h1:after { content:""; width:65px; height:2px; background:#B5B6B6; position:absolute; bottom:0; left:50%; transform:translateX(-50%); }

.h_menu .ser { width:1110px; margin:0 auto 40px; }
.h_menu .ser:after { content:""; display:block; clear:both; }
.h_menu .ser li { float:left; margin-left:30px; }
.h_menu .ser li:first-child { margin-left:0; }
.h_menu .ser li a { display:block; width:540px; height:265px; background:#FFF; overflow:hidden; position:relative; }
.h_menu .ser li a:after { content:">"; width:50px; height:50px; border-radius:50%; background:#111; position:absolute; left:45%; top:50%; font-size:1.6rem;
 transform:translateY(-50%); color:#FFF; text-align:center; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; z-index:2;
 line-height:50px; transition:.3s ease-in-out; }
.h_menu .ser li a dl { height:100%; }
.h_menu .ser li a dl:after { content:""; display:block; clear:both; }
.h_menu .ser li a dl dt { float:right; width:60%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover;
 position:relative; transition:.3s ease-in-out; }
.h_menu .ser li a dl dt:before { content:""; width:80px; height:120%; background:#FFF; transform:skewX(-10deg); position:absolute; left:-30px; top:0; }
.h_menu .ser li a dl dd { overflow:hidden; padding:90px 30px; position:relative; }
.h_menu .ser li a dl dd h2 { font-size:2.6rem; }
.h_menu .ser li a dl dd span { font-size:1rem; color:#666; }
.h_menu .ser li a:hover { box-shadow:0px 0px 5px rgba(0,0,0,.2); }
.h_menu .ser li a:hover dt { transform:scale(1.1); }
.h_menu .ser li a:hover:after { left:46%; }


	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
		
		.h_menu h1 { font-size:3rem; }
		.h_menu .ser { width:96%; margin:0 auto; }
		.h_menu .ser li { margin-left:0; width:50%; padding:10px; }
		.h_menu .ser li a { width:100%; }
		.h_menu .ser li a:after { width:40px; height:40px; line-height:40px; left:47%; }
		.h_menu .ser li a dl dd h2 { font-size:2.2rem; }
		
	}
	@media screen and (max-width:780px) {
		
		.h_menu { padding:30px 10px; }
		.h_menu:before,
		.h_menu:after { display:none; }
		.h_menu .ser { margin:0 auto 30px; }
		.h_menu .ser li { width:100%; padding:0; float:none; }
		.h_menu .ser li a { height:150px; }
		.h_menu .ser li:first-child { margin-bottom:20px; }
		.h_menu .ser li a dl dd { padding:40px 20px; }
		.h_menu .ser li a dl dd h2 { font-size:2rem; }
		.h_menu .ser li a dl dd span { font-size:.8rem; }
		
	}
	

/* Carousel
------------------------------------------------------------------- */
.h_menu > h2 { width:1110px; margin:0 auto; font-size:2.6rem; margin-bottom:20px; }
.h_menu > h2 .sml { font-size:1.1rem; margin-left:20px; color:#666; }
.h_menu > h2 a { float:right; font-size:1.1rem; padding-top:20px; position:relative; }
.h_menu > h2 a:before { content:""; width:4px; height:4px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 left:-15px; top:28px; transform:rotate(-45deg); transition:.3s ease-in-out; }
.h_menu .carousel { position:relative; overflow:hidden; z-index:3; }
.h_menu .carousel ul:after { content:""; display:block; clear:both; }
.h_menu .carousel ul li { width:260px; float:left; margin-left:30px; transition:.3s ease-in-out; }
.h_menu .carousel ul li img { margin-bottom:10px; transition:.3s ease-in-out; }
.h_menu .carousel ul li figcaption { font-size:1.2rem; color:#999; }
.h_menu .carousel ul li a:hover img { opacity:.6; }


	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
		
		.h_menu > h2 { width:94%; margin:0 auto; margin-bottom:10px; }
		.h_menu .carousel ul li { width:220px; }
		
	}
	@media screen and (max-width:780px) {
		
		.h_menu > h2 { font-size:2rem; }
		.h_menu > h2 .sml { font-size:.8rem; }
		.h_menu > h2 a { padding-top:10px; }
		.h_menu > h2 a:before { top:20px; }
		.h_menu .carousel ul li { width:140px; margin-left:10px; }
		
	}

	/* carousel js
	------------------------------------------------------------------- */
	.simply-scroll-container{position:relative}
	.simply-scroll-clip{position:relative;overflow-x:hidden}
	.simply-scroll-list{overflow-x:hidden;list-style:none;}
	.simply-scroll-list li{list-style:none;}
	.simply-scroll-list li img{border:none;display:block}
	.simply-scroll{width:100%;height:auto;}
	.simply-scroll .simply-scroll-clip{width:100%;height:auto}


		
/* ===================================================================
/
/
/	Footer
/
/
===================================================================*/
body > footer { padding:140px 0 80px; margin-top:100px; position:relative; color:#FFF; background: #0f0f17;
background: -moz-linear-gradient(top,  #0f0f17 0%, #171d27 22%, #595657 37%, #585456 44%, #1d252e 56%, #0d0c12 76%, #0a070b 100%);
background: -webkit-linear-gradient(top,  #0f0f17 0%,#171d27 22%,#595657 37%,#585456 44%,#1d252e 56%,#0d0c12 76%,#0a070b 100%);
background: linear-gradient(to bottom,  #0f0f17 0%,#171d27 22%,#595657 37%,#585456 44%,#1d252e 56%,#0d0c12 76%,#0a070b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f17', endColorstr='#0a070b',GradientType=0 ); }
body > footer:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#EFEFEF; backface-visibility:initial; top:-70px; transform:skewY(-3deg); }
body > footer a { color:#FFF; }
body > footer > dl { width:1110px; margin:0 auto; }
body > footer > dl:after { content:""; display:block; clear:both; }
body > footer > dl > dt { float:left; }
body > footer > dl > dd { overflow:hidden; padding-left:5%; }

body > footer > dl > dt h1 { margin-bottom:20px; }
body > footer > dl > dt address{ margin-bottom:30px; line-height:1.8; }
body > footer > dl > dt > a { display:block; width:250px; height:44px; line-height:42px; text-align:center; border:1px solid #9FA0A0; text-decoration:none; color:#FFF; position:relative; }
body > footer > dl > dt > a:before { content:""; width:8px; height:8px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
body > footer > dl > dt > a:hover { background:rgba(255,255,255,.3); text-decoration:none; color:#FFF; }
body > footer > dl > dt > a:hover:before { right:10px; }

body > footer > dl > dd nav { width:20%; float:left; text-align:center; }
body > footer > dl > dd nav h2 { font-size:1.8rem; padding-bottom:15px; margin-bottom:20px; position:relative; }
body > footer > dl > dd nav h2:after { content:""; width:50px; height:1px; background:#9FA0A0; position:absolute; left:50%; bottom:0; transform:translateX(-50%); }
body > footer > dl > dd nav li { margin-bottom:10px; }
body > footer > dl > dd nav li:last-child { margin-bottom:0; }
body > footer > dl > dd nav li a { color:#DDD; font-size:1.2rem; }


	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
		
		body > footer { margin-top:20px; padding:140px 0 80px; }
		body > footer > dl { width:96%; margin:0 auto; }
		body > footer > dl > dd { padding-left:3%; }
		body > footer > dl > dt h1 { max-width:80%; }
		body > footer > dl > dt address { font-size:1.2rem; }
		body > footer > dl > dt > a { width:200px; }
		body > footer > dl > dd nav h2 { font-size:1.6rem; }
		
	}
	@media screen and (max-width:780px) {
		
		body > footer { padding:40px 20px; }
		body > footer:before { display:none; }
		body > footer > dl > dt { float:none; text-align:center; padding-bottom:40px; border-bottom:1px dotted #999; margin-bottom:40px; }
		body > footer > dl > dd { padding:0; }
		body > footer > dl > dt h1 { max-width:100%; }
		body > footer > dl > dt h1 img { max-width:50%; height:auto; }
		body > footer > dl > dt > a { width:200px; margin:0 auto; }
		body > footer > dl > dd nav { width:100%; margin-bottom:40px; }
		body > footer > dl > dd nav li a { font-size:1rem; padding:10px; display:block; border-bottom:1px solid #555; }
		
	}

body > footer .cv { float:right; color:#FFF; }
body > footer .cv h3 { font-size:1.75rem; font-weight:500; }
body > footer .cv dl { margin-bottom:20px; }
body > footer .cv dl:after { content:""; display:block; clear:both; }
body > footer .cv dl dt { float:left; text-align:center; width:50px; height:20px; line-height:18px; margin-top:25px; border:1px solid #FFF; text-transform:uppercase;
 font-size:1.1rem; margin-right:15px; }
body > footer .cv dl dd { overflow:hidden; }
body > footer .cv dl dd a { display:block; font-weight:700; font-size:3.5rem; letter-spacing:1px; margin-bottom:-5px; color:#FFF; text-shadow:0 0 3px rgba(0,0,0,.5); }
body > footer .cv dl dd a:hover { color:#FFF; text-decoration:none; }
body > footer .cv dl dd time { font-size:1.4rem; letter-spacing:1px; }
body > footer .cv dl dd time strong { font-weight:700; }
body > footer .cv > a { display:block; width:250px; height:44px; line-height:42px; text-align:center; border:1px solid #9FA0A0; text-decoration:none; color:#FFF; position:relative; margin-left:65px; }
body > footer .cv > a:before { content:""; width:8px; height:8px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
body > footer .cv > a:after { content:""; width:22px; height:15px; position:absolute; left:10px; top:50%; transform:translateY(-50%); background:url(../images/mail.png) center center no-repeat; background-size:cover; }
body > footer .cv > a:hover { background:rgba(255,255,255,.3); }
body > footer .cv > a:hover:before { right:10px; }

	/*/////////////////////////////
	//
	//	Responsive
	//
	////////////////////////////////////////////////////////*/
	@media screen and (max-width:1180px) {
		
		body > footer .cv h3 { font-size:1.3rem; }
		body > footer .cv dl dd a { font-size:3rem; }
		body > footer .cv dl dd time { font-size:1.2rem; }
		body > footer .cv > a { width:240px; margin-left:0; }
		
	}
	@media screen and (max-width:780px) {
	
		body > footer .cv { float:none; text-align:center; }
		body > footer .cv dl { text-align:center; }
		body > footer .cv dl > * { display:inline-block; }
		body > footer .cv dl dt { float:none; position:relative; top:-25px; }
		body > footer .cv dl dd a { font-size:2.7rem; }
		body > footer .cv dl dd time { font-size:1.3rem; letter-spacing:0; }
		body > footer .cv > a { width:240px; margin-left:0; margin:0 auto; }
		
	}

		
/* ======================================================================================================================================
/
/
/
/	############################      ############################
/	############################ Page ############################
/	############################      ############################
/
/
/
===================================================================*/

	/* header
	------------------------------------------------------------------- */
	.page > header { position:static; width:100%; padding:20px 5%; transform:none; background: #0f0f17;
	background: -moz-linear-gradient(top,  #0f0f17 0%, #171d27 22%, #595657 37%, #585456 44%, #1d252e 56%, #0d0c12 76%, #0a070b 100%);
	background: -webkit-linear-gradient(top,  #0f0f17 0%,#171d27 22%,#595657 37%,#585456 44%,#1d252e 56%,#0d0c12 76%,#0a070b 100%);
	background: linear-gradient(to bottom,  #0f0f17 0%,#171d27 22%,#595657 37%,#585456 44%,#1d252e 56%,#0d0c12 76%,#0a070b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f17', endColorstr='#0a070b',GradientType=0 ); }
	.page > header:after { content:""; display:block; clear:both; }
	.page > header h2 { float:left; color:#999; margin-left:40px; padding-top:20px; font-weight:300; }

		@media screen and (max-width:1180px) {
		
			.page > header { padding:20px 2%; }
			.page > header h2 { margin-left:30px; font-size:1.1rem; }
			
		}
		@media screen and (max-width:780px) {
			
			.page > header { padding-top:80px; }
			.page > header h1 { width:100%; padding:0; margin-bottom:10px; text-align:center; }
			.page > header h1 img { max-width:60%; height:auto; }
			.page > header h2 { float:none; margin-left:0; padding-top:0; text-align:center; font-size:1rem; }
			
		}


	/* footer
	------------------------------------------------------------------- */
	.page > footer { margin-top:0; padding:100px 0 80px }
	.page > footer:before { display:none; }
		
		@media screen and (max-width:1180px) {
			
			.page > footer { padding:60px 0; }
			
		}

	/* title
	------------------------------------------------------------------- */
	.page .title { height:320px; background:url(../images/page_title_bg.jpg) center center no-repeat; background-size:cover; text-align:center; padding:80px 0 0; }
	.page .title h1 { padding-bottom:30px; margin-bottom:50px; position:relative; }
	.page .title h1:after { content:""; width:0; height:1px; background:#CCC; position:absolute; left:50%; bottom:0;
	 transform:translateX(-50%); animation:title_line 2.5s ease forwards; }
	.page .title p { color:#EEE; font-size:1.4rem; letter-spacing:1px; }

		@media screen and (max-width:1180px) {
			
			.page .title { height:280px; padding:40px 0 0; }
			.page .title h1 img { max-height:55px; width:auto }
			
		}
		@media screen and (max-width:780px) {
			
			.page .title { height:220px; padding:40px 10px 0; }
			.page .title h1 { padding-bottom:20px; margin-bottom:30px; }
			.page .title h1 img { max-height:50px; width:auto }
			.page .title p { font-size:1.2rem; letter-spacing:0; }
			
		}

	/* js tab
	------------------------------------------------------------------- */
	@keyframes title_line {
		0% { width:0; }
		100% { width:100%; }
	}
	
		@media projection,screen {
			.ui-tabs-hide{display:none}
		}
		@media print {
			.ui-tabs-nav{display:none}
		}
		* html .ui-tabs-nav{display:inline-block}
		:first-child+html .ui-tabs-nav{display:inline-block}
	


/* ===================================================================
/
/
/	Concpet
/
/
===================================================================*/
/* s1
------------------------------------------------------------------- */
.concept .s1 { background:url(../images/concept_s1_ph.jpg) center center no-repeat; background-size:cover; padding:200px 0 200px 55%; font-family: 'Noto Serif JP', serif; }
.concept .s1 h1 { font-size:4rem; margin-bottom:50px; }
.concept .s1 p { font-size:1.6rem; line-height:2; margin-bottom:40px; }
.concept .s1 a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; position:relative; z-index:1; }
.concept .s1 a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.concept .s1 a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.concept .s1 a:hover { color:#FFF; }
.concept .s1 a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.concept .s1 a:hover:after { width:100%; }
 
	@media screen and (max-width:1180px) {
		
		.concept .s1 { padding:120px 0 120px 50%; }
		.concept .s1 h1 { font-size:3.4rem; }
		
	}
	@media screen and (max-width:780px) {
		
		.concept .s1 { padding:50px; text-align:center; }
		.concept .s1 h1 { font-size:2.6rem; margin-bottom:30px; text-shadow:1px 1px 1px rgba(255,255,255,.8); color:#111; }
		.concept .s1 p { font-size:1.3rem; text-shadow:1px 1px 1px rgba(255,255,255,.8); color:#111; }
		.concept .s1 p br { display:none; }
		.concept .s1 a { width:200px; margin:0 auto; background:rgba(255,255,255,.2); }
		
	}
		
		
/* s2
------------------------------------------------------------------- */
.concept .s2 { background:#111; color:#FFF; padding:80px 0; text-align:center; font-family: 'Noto Serif JP', serif; }
.concept .s2 h1 { margin-bottom:50px; }
.concept .s2 p { font-size:1.6rem; line-height:2; margin-bottom:40px; }
.concept .s2 a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #FFF; text-decoration:none; position:relative; z-index:1; margin:0 auto; color:#FFF; }
.concept .s2 a:before { content:""; width:8px; height:8px; border-right:1px solid #FFF; border-bottom:1px solid #FFF; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.concept .s2 a:after { content:""; background:#FFF; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.concept .s2 a:hover { color:#111; }
.concept .s2 a:hover:before { right:10px; border-right:1px solid #111; border-bottom:1px solid #111; }
.concept .s2 a:hover:after { width:100%; }

	@media screen and (max-width:780px) {
		
		.concept .s2 { padding:40px; }
		.concept .s2 h1 { margin-bottom:40px; }
		.concept .s2 h1 img { max-width:15%; height:auto; }
		.concept .s2 p { font-size:1.3rem; }
		.concept .s2 p br { display:none; }
		.concept .s2 a { width:200px; }
		
	}


/* s3
------------------------------------------------------------------- */
.concept .s3 { background:url(../images/concept_s3_ph.jpg) center center no-repeat; background-size:cover; padding:200px 0 200px 55%; font-family: 'Noto Serif JP', serif; }
.concept .s3 h1 { font-size:4rem; margin-bottom:50px; }
.concept .s3 p { font-size:1.6rem; line-height:2; margin-bottom:40px; }
.concept .s3 a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; position:relative; z-index:1; }
.concept .s3 a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.concept .s3 a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.concept .s3 a:hover { color:#FFF; }
.concept .s3 a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.concept .s3 a:hover:after { width:100%; }
 
	@media screen and (max-width:1180px) {
		
		.concept .s3 { padding:120px 0 120px 50%; }
		.concept .s3 h1 { font-size:3.4rem; }
		
	}
	@media screen and (max-width:780px) {
		
		.concept .s3 { padding:50px 10px; text-align:center; }
		.concept .s3 h1 { font-size:2.6rem; margin-bottom:30px; text-shadow:1px 1px 1px rgba(255,255,255,.8); color:#111; }
		.concept .s3 p { font-size:1.3rem; padding:0 30px; text-shadow:1px 1px 1px rgba(255,255,255,.8); color:#111; }
		.concept .s3 p br { display:none; }
		.concept .s3 a { width:200px; margin:0 auto; background:rgba(255,255,255,.2); }
		
	}
	

/* s4
------------------------------------------------------------------- */
.concept .s4 { padding:60px; text-align:center; }
.concept .s4 h2 { display:inline-block; padding:5px 10px; background:#111; color:#FFF; margin-bottom:20px; }
.concept .s4 h1 { font-size:3rem; font-weight:700; margin-bottom:20px; font-family: 'Noto Serif JP', serif; }
.concept .s4 ul:after { content:""; display:block; clear:both; }
.concept .s4 ul li { display:inline-block; margin:30px; opacity:0; transition:.3s ease-in-out; }
.concept .s4 ul li .img { width:200px; height:200px; line-height:200px; border-radius:100%; background:#111; text-align:center; margin-bottom:20px; }
.concept .s4 ul li figcaption { font-weight:bold; font-size:1.5rem; color:#111; }
.concept .s4 ul li figcaption strong { box-shadow:0 -10px 0 inset #CC0; font-weight:bold; }
.concept .s4 ul li.fadein { opacity:1; }
 
	@media screen and (max-width:1180px) {
		
		.concept .s4 h1 { font-size:2.5rem; }
		.concept .s4 ul li { margin:20px; }
		.concept .s4 ul li .img { width:180px; height:180px; line-height:180px; }
		
	}
	@media screen and (max-width:780px) {
		
		.concept .s4 { padding:40px 0; }
		.concept .s4 h2 { font-size:1.1rem; }
		.concept .s4 h1 { font-size:2.2rem; padding:0 20px; }
		.concept .s4 h1 br { display:none; }
		.concept .s4 ul li { display:block; width:100%; margin:0; padding:10px 20px; }
		.concept .s4 ul li:after { content:""; display:block; clear:both; }
		.concept .s4 ul li .img { float:left; width:140px; height:140px; line-height:140px; margin-bottom:0; margin-right:30px; }
		.concept .s4 ul li .img img { max-width:50%; height:auto; }
		.concept .s4 ul li figcaption { padding-top:50px; text-align:left; }
		.concept .s4 ul br { display:none; }
		
	}
	

/* s5
------------------------------------------------------------------- */
.concept .s5 { background:#111; color:#FFF; font-family: 'Noto Serif JP', serif; }
.concept .s5 dl { width:80%; margin:0 auto; }
.concept .s5 dl:after { content:""; display:block; clear:both; }
.concept .s5 dl dt { float:left; opacity:.2 }
.concept .s5 dl dd { overflow:hidden; padding:60px 0 0 80px; }
.concept .s5 dl dd h1 { font-size:4rem; margin-bottom:40px; }
.concept .s5 dl dd p { font-size:1.6rem; line-height:2; margin-bottom:40px; }
.concept .s5 a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #FFF; text-decoration:none; position:relative; z-index:1; color:#FFF; }
.concept .s5 a:before { content:""; width:8px; height:8px; border-right:1px solid #FFF; border-bottom:1px solid #FFF; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.concept .s5 a:after { content:""; background:#FFF; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.concept .s5 a:hover { color:#111; }
.concept .s5 a:hover:before { right:10px; border-right:1px solid #111; border-bottom:1px solid #111; }
.concept .s5 a:hover:after { width:100%; }

	@media screen and (max-width:1180px) {
		
		.concept .s5 dl { width:90%; }
		.concept .s5 dl dt { width:35%; padding:30px 0; }
		.concept .s5 dl dd { padding:30px 0 0 60px; }
		.concept .s5 dl dd h1 { font-size:3rem; margin-bottom:30px; }
		.concept .s5 dl dd p { font-size:1.4rem; }
		
	}
	@media screen and (max-width:780px) {
	
		.concept .s5 { border-bottom:1px solid #555; padding-top:20px; }
		.concept .s5 dl dt { float:none; width:100%; text-align:center; padding:20px 0; }
		.concept .s5 dl dt img { width:40%; height:auto; }
		.concept .s5 dl dd { padding:20px 0 40px; }
		.concept .s5 dl dd h1 { font-size:2.8rem; text-align:center; }
		.concept .s5 dl dd p { font-size:1.4rem; padding:0 20px; line-height:1.5; }
		.concept .s5 dl dd p br { display:none; }
		.concept .s5 dl dd a { width:200px; margin:0 auto; }
		
	}


/* ===================================================================
/
/
/	Service
/
/
===================================================================*/

/* page nav
------------------------------------------------------------------- */
.service .pgnav { height:170px; position:relative; margin-bottom:30px; }
.service .pgnav nav { text-align:center; margin-top:-20px; }
.service .pgnav nav ul:after { content:""; display:block; clear:both; }
.service .pgnav nav ul li { display:inline-block; margin:0 15px; width:150px; }
.service .pgnav nav ul li a { display:block; width:100%; height:150px; border-radius:10px; padding-top:45px; text-decoration:none; color:#AAA; font-size:1.8rem;
box-shadow:0px 5px 5px rgba(0,0,0,.2); position:relative; top:0; background:#b5b4b5;
background: -moz-linear-gradient(top,  #b5b4b5 0%, #8c8c8c 14%, #dbdbdb 24%, #fcfcfc 39%, #fcfcfc 39%, #efefef 40%, #eaeaea 46%, #eaeaea 51%, #eaeaea 51%, #d9d9d8 56%, #a5a5a5 70%, #a6a6a6 81%, #c6c6c6 89%, #777879 100%);
background: -webkit-linear-gradient(top,  #b5b4b5 0%,#8c8c8c 14%,#dbdbdb 24%,#fcfcfc 39%,#fcfcfc 39%,#efefef 40%,#eaeaea 46%,#eaeaea 51%,#eaeaea 51%,#d9d9d8 56%,#a5a5a5 70%,#a6a6a6 81%,#c6c6c6 89%,#777879 100%);
background: linear-gradient(to bottom,  #b5b4b5 0%,#8c8c8c 14%,#dbdbdb 24%,#fcfcfc 39%,#fcfcfc 39%,#efefef 40%,#eaeaea 46%,#eaeaea 51%,#eaeaea 51%,#d9d9d8 56%,#a5a5a5 70%,#a6a6a6 81%,#c6c6c6 89%,#777879 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b4b5', endColorstr='#777879',GradientType=0 ); }
.service .pgnav nav ul li a .sml { display:block; font-size:1.1rem; margin-top:5px; }
.service .pgnav nav ul li:hover a { top:-10px; box-shadow:0px 20px 5px rgba(0,0,0,.1); }
.service .pgnav nav ul li.ui-tabs-selected a { color:#EEE; text-shadow:1px 1px 2px rgba(0,0,0,.2); background: #777879;
background: -moz-linear-gradient(top,  #777879 0%, #c6c6c6 11%, #a6a6a6 19%, #a5a5a5 30%, #d9d9d8 44%, #eaeaea 49%, #eaeaea 49%, #eaeaea 54%, #efefef 60%, #fcfcfc 61%, #fcfcfc 61%, #dbdbdb 76%, #8c8c8c 86%, #b5b4b5 100%);
background: -webkit-linear-gradient(top,  #777879 0%,#c6c6c6 11%,#a6a6a6 19%,#a5a5a5 30%,#d9d9d8 44%,#eaeaea 49%,#eaeaea 49%,#eaeaea 54%,#efefef 60%,#fcfcfc 61%,#fcfcfc 61%,#dbdbdb 76%,#8c8c8c 100%);
background: linear-gradient(to bottom,  #777879 0%,#a6a6a6 11%,#a6a6a6 19%,#a5a5a5 30%,#d9d9d8 44%,#eaeaea 49%,#eaeaea 49%,#eaeaea 54%,#efefef 60%,#fcfcfc 61%,#fcfcfc 61%,#dbdbdb 76%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777879', endColorstr='#b5b4b5',GradientType=0 ); }
.service .pgnav nav ul li.ui-tabs-selected a .sml { color:#CCC; text-shadow:none; }
.service .pgnav nav ul li.ui-tabs-selected a:hover { top:0; box-shadow:0px 5px 5px rgba(0,0,0,.2); }
/* before / after */
.service .pgnav nav ul li a:before { content:""; width:24px; height:24px; border-radius:50%; position:absolute; left:50%; top:-10px; transform:translateX(-50%); background: #777879;
background: -moz-linear-gradient(top,  #777879 0%, #c6c6c6 11%, #a6a6a6 19%, #a5a5a5 30%, #d9d9d8 44%, #eaeaea 49%, #eaeaea 49%, #eaeaea 54%, #efefef 60%, #fcfcfc 61%, #fcfcfc 61%, #dbdbdb 76%, #8c8c8c 86%, #b5b4b5 100%);
background: -webkit-linear-gradient(top,  #777879 0%,#c6c6c6 11%,#a6a6a6 19%,#a5a5a5 30%,#d9d9d8 44%,#eaeaea 49%,#eaeaea 49%,#eaeaea 54%,#efefef 60%,#fcfcfc 61%,#fcfcfc 61%,#dbdbdb 76%,#8c8c8c 100%);
background: linear-gradient(to bottom,  #777879 0%,#a6a6a6 11%,#a6a6a6 19%,#a5a5a5 30%,#d9d9d8 44%,#eaeaea 49%,#eaeaea 49%,#eaeaea 54%,#efefef 60%,#fcfcfc 61%,#fcfcfc 61%,#dbdbdb 76%,#dbdbdb 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777879', endColorstr='#b5b4b5',GradientType=0 ); }
.service .pgnav nav ul li a:after { content:""; width:8px; height:8px; position:absolute; left:50%; bottom:20px;
 border-right:2px solid #EEE; border-bottom:2px solid #CCC; transform:rotate(45deg) translateX(-50%); }

	@media screen and (max-width:780px) {
		
		.service .pgnav { height:auto; }
		.service .pgnav nav ul li { width:120px; }
		.service .pgnav nav ul li:nth-child(1),
		.service .pgnav nav ul li:nth-child(2) { margin-bottom:30px; }
		.service .pgnav nav ul li a { height:120px; font-size:1.5rem; padding-top:35px; }
		.service .pgnav nav ul li a .sml { font-size:.9rem; margin-top:0; }
		
	}
	

/* ALL */
/* page title */
.service .cover { height:650px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.service .cover:after { content:""; width:100%; height:100%; opacity:.7; position:absolute; left:0; top:0; z-index:1; }
.service .cover * { position:relative; z-index:2; }
.service .cover h1 { color:#FFF; font-size:3.5rem; padding-top:250px; font-weight:100; letter-spacing:5px; text-shadow:1px 1px 1px rgba(0,0,0,.2); }
.service .cover h1 .sml { font-size:1.1rem; display:block; }
/* section title */
.service section h2 { font-size:4.5rem; text-align:center; z-index:5555; font-weight:700; letter-spacing:2px; line-height:1.4; padding-bottom:20px; position:relative; top:-50px; color:#000; }
.service section h2:after { content:""; width:100px; height:3px; background:#555; position:absolute; left:50%; transform:translateX(-50%); bottom:0; }
.service section h2 .sml { font-size:1.6rem; display:inline-block; letter-spacing:0; position:relative; top:10px; left:-15px; padding-left:30px; }
.service section h2 .sml:before,
.service section h2 .sml:after { font-family:'Noto Sans JP', sans-serif; position:absolute; font-weight:900; }
.service section h2 .sml:before { content:"／"; right:-20px; top:0; }
.service section h2 .sml:after { content:"＼"; position:absolute; left:0; top:0; }
.service .bike { text-align:center; }

	@media screen and (max-width:1180px) {
		
		.service section h2 { font-size:4rem; }
		.service section h2 .sml { font-size:1.4rem; }
		
	}
	@media screen and (max-width:780px) {
	
		.service .cover { height:500px; }
		.service .cover h1 { font-size:3rem; padding-top:200px; }
		.service section h2 { font-size:2rem; }
		.service section h2 .sml { font-size:1.3rem; margin-bottom:15px; }
		
	}
	

/* 01. Maintenance
------------------------------------------------------------------- */
.service #maintenance .s1 { background-image:url(../images/service_mente_s1_ph01.jpg); }
.service #maintenance .s1:after { background: #01b5b2;
background: -moz-linear-gradient(-45deg,  #01b5b2 0%, #0082e5 100%);
background: -webkit-linear-gradient(-45deg,  #01b5b2 0%,#0082e5 100%);
background: linear-gradient(135deg,  #01b5b2 0%,#0082e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01b5b2', endColorstr='#0082e5',GradientType=1 ); }

/* s2 */
.service #maintenance .s2 { background:#FFF; }
.service #maintenance .s2:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#FFF; backface-visibility:initial; top:-70px; transform:skewY(-3deg); z-index:2; }
.service #maintenance .s2 dl { position:relative; z-index:3; width:80%; margin:0 auto; }
.service #maintenance .s2 dl:after { content:""; display:block; clear:both; }
.service #maintenance .s2 dl dt { float:right; }
.service #maintenance .s2 dl dd { overflow:hidden; }
.service #maintenance .s2 dl dd h3 { margin-bottom:30px; }
.service #maintenance .s2 dl dd ul:after { content:""; display:block; clear:both; }
.service #maintenance .s2 dl dd ul li { float:left; margin-left:25px; }
.service #maintenance .s2 dl dd ul li:first-child { margin-left:0; }
 
	@media screen and (max-width:1180px) {
		
		.service #maintenance .s2 { padding:80px 0; }
		.service #maintenance .s2:before { display:none; }
		.service #maintenance .s2 dl { width:96%; }
		.service #maintenance .s2 dl dt { width:30%; position:relative; bottom:-80px; }
		.service #maintenance .s2 dl dd { width:70%; }
		.service #maintenance .s2 dl dd li { margin-left:0; }
		
	}
	@media screen and (max-width:780px) {
		
		.service #maintenance .s2 { padding:80px 0 60px; }
		.service #maintenance .s2 dl dt { float:none; width:100%; padding:0; margin:0 0 40px 0; text-align:center; position:static; }
		.service #maintenance .s2 dl dt img { max-width:40%; height:auto; }
		.service #maintenance .s2 dl dd { width:100%; padding:0; margin:0; text-align:center; }
		.service #maintenance .s2 dl dd h3 { font-size:2rem; }
		.service #maintenance .s2 dl dd ul { width:96%; margin:0 auto; }
		.service #maintenance .s2 dl dd ul li { width:33.33333%; margin:0; }
		
	}
	

/* s3 */
.service #maintenance .s3 { background:#EEE; padding-bottom:80px; }
.service #maintenance .s3:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#EEE; backface-visibility:initial; top:-70px; transform:skewY(3deg); z-index:4; }
.service #maintenance .s3 dl { position:relative; z-index:3; width:80%; margin:0 auto; }
.service #maintenance .s3 dl:after { content:""; display:block; clear:both; }
.service #maintenance .s3 dl dt { float:left; width:40%; }
.service #maintenance .s3 dl dt img { width:80%; height:auto; }
.service #maintenance .s3 dl dd { overflow:hidden; }
.service #maintenance .s3 dl dd p { font-size:1.4rem; padding-top:40px; }
.service #maintenance .s3 dl dd p strong { box-shadow:0 -10px 0 inset #CC0; font-weight:bold; }
 
	@media screen and (max-width:1180px) {
		
		.service #maintenance .s3 { padding:80px 0; }
		.service #maintenance .s3:before { display:none; }
		.service #maintenance .s3 dl { width:96%; }
		
	}
	@media screen and (max-width:780px) {
		
		.service #maintenance .s3 { padding:80px 0 60px; }
		.service #maintenance .s3 dl dt { float:none; width:100%; padding:0; margin:0 0 40px 0; text-align:center; position:static; }
		.service #maintenance .s3 dl dt img { max-width:60%; height:auto; }
		.service #maintenance .s3 dl dd { padding:0; margin:0; text-align:center; }
		.service #maintenance .s3 dl dd h3 { font-size:2rem; }
		.service #maintenance .s3 dl dd ul { width:96%; margin:0 auto; }
		.service #maintenance .s3 dl dd p { text-align:left; padding:0 20px; }
		.service #maintenance .s3 dl dd p br { display:none; }
		.service #maintenance .s3 dl dd a { width:200px; margin:0 auto !important; float:none; }
		
	}

/* s4 */
.service #maintenance .s4 { padding-bottom:60px; }
.service #maintenance .s4:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#DDD; backface-visibility:initial; top:-70px; transform:skewY(-3deg); z-index:6; }
.service #maintenance .s4 dl { position:relative; z-index:3; width:80%; margin:0 auto; }
.service #maintenance .s4 dl:after { content:""; display:block; clear:both; }
.service #maintenance .s4 dl dt { float:right; position:relative; width:30%; }
.service #maintenance .s4 dl dt img { position:relative; bottom:-60px; }
.service #maintenance .s4 dl dd { overflow:hidden; padding:10px 80px 10px 10px; }
.service #maintenance .s4 dl dd ul { border:1px solid #DDD; box-shadow:0px 0px 10px rgba(0,0,0,.2); }
.service #maintenance .s4 dl dd li { padding:10px; border-bottom:1px solid #999; list-style:inside disc; font-size:1.5rem; background:#EEE; }
.service #maintenance .s4 dl dd li:nth-child(2n) { background:#E5E5E5; }
.service #maintenance .s4 dl dd li .sml { font-size:1.3rem; }
 
	@media screen and (max-width:1180px) {
		
		.service #maintenance .s4:before { display:none; }
		.service #maintenance .s4 { padding:80px 0; }
		.service #maintenance .s4 dl { width:96%; }
		.service #maintenance .s4 dl dt { position:relative; width:35%; bottom:-50px; }
		.service #maintenance .s4 dl dt img { position:static; }
		.service #maintenance .s4 dl dd { width:65%; padding:0; padding:10px 40px 10px 10px; }
		.service #maintenance .s4 dl dd li { font-size:1.3rem; }
		.service #maintenance .s4 dl dd li .sml { font-size:1.1rem; }
		
	}
	@media screen and (max-width:780px) {
		
		.service #maintenance .s4 { padding:80px 0 60px; }
		.service #maintenance .s4 dl dt { float:none; width:100%; padding:0; margin:0 0 0 0; text-align:center; position:static; }
		.service #maintenance .s4 dl dt img { max-width:80%; height:auto; }
		.service #maintenance .s4 dl dd { padding:0; margin:0; text-align:center; width:100%; }
		.service #maintenance .s4 dl dd h3 { font-size:2rem; }
		.service #maintenance .s4 dl dd ul { width:96%; margin:0 auto; }
		.service #maintenance .s4 dl dd p { text-align:left; padding:0 20px; }
		.service #maintenance .s4 dl dd p br { display:none; }
		.service #maintenance .s4 dl dd a { width:200px; margin:0 auto !important; float:none; }
		
	}


/* 02. Sheet
------------------------------------------------------------------- */
.service #sheet .s1 { background-image:url(../images/service_sheet_s1_ph01.jpg); }
.service #sheet .s1:after { background: #f9c12b;
background: -moz-linear-gradient(-45deg,  #f9c12b 0%, #ff7f04 100%);
background: -webkit-linear-gradient(-45deg,  #f9c12b 0%,#ff7f04 100%);
background: linear-gradient(135deg,  #f9c12b 0%,#ff7f04 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c12b', endColorstr='#ff7f04',GradientType=1 ); }

/* s2 */
.service #sheet .s2 { background:#FFF; padding-bottom:100px; }
.service #sheet .s2:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#FFF; backface-visibility:initial; top:-70px; transform:skewY(-3deg); z-index:2; }
.service #sheet .s2 dl { position:relative; z-index:3; width:80%; margin:0 auto; }
.service #sheet .s2 dl:after { content:""; display:block; clear:both; }
.service #sheet .s2 dl dt { float:left; width:45%; padding-right:50px; }
.service #sheet .s2 dl dd { overflow:hidden; padding-top:40px; }
.service #sheet .s2 dl dd ul { width:70%; margin-bottom:60px; }
.service #sheet .s2 dl dd ul li { padding:10px; border-bottom:1px solid #AAA; list-style:inside disc; font-size:1.5rem; }
.service #sheet .s2 dl dd p { font-size:1.5rem; }
.service #sheet .s2 dl dd p strong { box-shadow:0 -10px 0 inset #CC0; font-weight:700; }

	@media screen and (max-width:1180px) {
	
		.service #sheet .s2:before { display:none; }
		.service #sheet .s2 { padding:80px 0; }
		.service #sheet .s2 dl { width:96%; }
		.service #sheet .s2 dl dt { position:relative; bottom:-80px; }
		.service #sheet .s2 dl dd ul { margin-bottom:40px; }
		.service #sheet .s2 dl dd p br { display:none; }
		
	}
	@media screen and (max-width:780px) {
		
		.service #sheet .s2 { padding:80px 0 60px; }
		.service #sheet .s2 dl dt { float:none; width:100%; padding:0; margin:0 0 40px 0; text-align:center; position:static; }
		.service #sheet .s2 dl dt img { max-width:50%; height:auto; }
		.service #sheet .s2 dl dd { padding:0; margin:0; text-align:center; }
		.service #sheet .s2 dl dd h3 { font-size:2rem; }
		.service #sheet .s2 dl dd ul { width:96%; margin:0 auto; }
		.service #sheet .s2 dl dd p { text-align:left; padding:0 20px; }
		.service #sheet .s2 dl dd p br { display:none; }
		.service #sheet .s2 dl dd a { width:200px; margin:0 auto !important; float:none; }
		
	}
		
/* s3 */
.service #sheet .s3 { background:#EEE; padding-bottom:140px; }
.service #sheet .s3:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#EEE; backface-visibility:initial; top:-70px; transform:skewY(3deg); z-index:4; }
.service #sheet .s3 dl { position:relative; z-index:3; width:80%; margin:-40px auto 0; }
.service #sheet .s3 dl:after { content:""; display:block; clear:both; }
.service #sheet .s3 dl dt { float:left; padding-right:0; }
.service #sheet .s3 dl dd { overflow:hidden; text-align:center; width:100%; }
.service #sheet .s3 dl dd p { padding-top:60px; font-size:1.5rem; margin-bottom:50px; }
.service #sheet .s3 dl dd p strong { box-shadow:0 -10px 0 inset #CC0; font-weight:700; }
.service #sheet .s3 dl dd a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; position:relative; margin:0 auto !important; }
.service #sheet .s3 dl dd a:first-of-type { margin-right:30px; }
.service #sheet .s3 dl dd a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.service #sheet .s3 dl dd a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.service #sheet .s3 dl dd a:hover { color:#FFF; }
.service #sheet .s3 dl dd a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.service #sheet .s3 dl dd a:hover:after { width:100%; }

	@media screen and (max-width:1180px) {
	
		.service #sheet .s3:before { display:none; }
		.service #sheet .s3 { padding:80px 0; }
		.service #sheet .s3 dl { width:96%; }
		.service #sheet .s3 dl dt { position:relative; bottom:-80px; }
	
	}
	@media screen and (max-width:780px) {
		
		.service #sheet .s3 { padding:80px 0 60px; }
		.service #sheet .s3 dl dt { float:none; width:100%; padding:0; margin:0 0 40px 0; text-align:center; position:static; }
		.service #sheet .s3 dl dt img { max-width:80%; height:auto; }
		.service #sheet .s3 dl dd { padding:0; margin:0; text-align:center; }
		.service #sheet .s3 dl dd h3 { font-size:2rem; }
		.service #sheet .s3 dl dd ul { width:96%; margin:0 auto; }
		.service #sheet .s3 dl dd p { text-align:left; padding:0 20px; }
		.service #sheet .s3 dl dd p br { display:none; }
		.service #sheet .s3 dl dd a { width:200px; margin:0 auto !important; float:none; }
		
	}

/* s4 */
.service #sheet .s4 { background:#DDD; padding-bottom:60px; }
.service #sheet .s4:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#DDD; backface-visibility:initial; top:-70px; transform:skewY(-3deg); z-index:6; }
.service #sheet .s4 dl { position:relative; z-index:3; width:80%; margin:0 auto; }
.service #sheet .s4 dl:after { content:""; display:block; clear:both; }
.service #sheet .s4 dl dt { float:right; width:45%; padding-left:50px; }
.service #sheet .s4 dl dd { overflow:hidden; padding-top:40px; }
.service #sheet .s4 dl dd ul { width:70%; margin-bottom:60px; }
.service #sheet .s4 dl dd ul li { padding:10px; border-bottom:1px solid #AAA; list-style:inside disc; font-size:1.5rem; }
.service #sheet .s4 dl dd p { font-size:1.5rem; }
.service #sheet .s4 dl dd p strong { box-shadow:0 -10px 0 inset #CC0; font-weight:700; }

	@media screen and (max-width:1180px) {
	
		.service #sheet .s4:before { display:none; }
		.service #sheet .s4 { padding:80px 0; }
		.service #sheet .s4 dl { width:96%; }
		.service #sheet .s4 dl dd p br { display:none; }
		
	}
	@media screen and (max-width:780px) {
		
		.service #sheet .s4 { padding:80px 0 60px; }
		.service #sheet .s4 dl dt { float:none; width:100%; padding:0; margin:0 0 40px 0; text-align:center; position:static; }
		.service #sheet .s4 dl dt img { max-width:60%; height:auto; }
		.service #sheet .s4 dl dd { padding:0; margin:0; text-align:center; }
		.service #sheet .s4 dl dd h3 { font-size:2rem; }
		.service #sheet .s4 dl dd ul { width:96%; margin:0 auto; }
		.service #sheet .s4 dl dd p { text-align:left; padding:0 20px; }
		.service #sheet .s4 dl dd p br { display:none; }
		.service #sheet .s4 dl dd a { width:200px; margin:0 auto !important; float:none; }
		
	}


/* 03. Sales
------------------------------------------------------------------- */
.service #sales .s1 { background-image:url(../images/service_sales_s1_ph01.jpg); }
.service #sales .s1:after { background: #3ee077;
background: -moz-linear-gradient(-45deg,  #3ee077 0%, #7cbc0a 100%);
background: -webkit-linear-gradient(-45deg,  #3ee077 0%,#7cbc0a 100%);
background: linear-gradient(135deg,  #3ee077 0%,#7cbc0a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ee077', endColorstr='#7cbc0a',GradientType=1 ); }

/* s2 */
.service #sales .s2 { background:#FFF; padding-bottom:60px; }
.service #sales .s2:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#FFF; backface-visibility:initial; top:-70px; transform:skewY(3deg); z-index:2; }
.service #sales .s2 dl { position:relative; z-index:3; width:100%; }
.service #sales .s2 dl:after { content:""; display:block; clear:both; }
.service #sales .s2 dl dt { float:right; height:100%; width:55%; padding-left:30px;}
.service #sales .s2 dl dd { overflow:hidden; margin-left:10%; }
.service #sales .s2 dl dd ul { margin-bottom:20px; }
.service #sales .s2 dl dd ul:after { content:""; display:block; clear:both; }
.service #sales .s2 dl dd ul li { text-align:center; float:left; text-align:center; margin-left:40px; }
.service #sales .s2 dl dd ul li:first-child { margin-left:0; }
.service #sales .s2 dl dd ul li .icon { width:160px; height:160px; line-height:160px; border-radius:50%; background:#b5b4b5;
background: -moz-linear-gradient(top,  #b5b4b5 0%, #8c8c8c 14%, #dbdbdb 24%, #fcfcfc 39%, #fcfcfc 39%, #efefef 40%, #eaeaea 46%, #eaeaea 51%, #eaeaea 51%, #d9d9d8 56%, #a5a5a5 70%, #a6a6a6 81%, #c6c6c6 89%, #777879 100%);
background: -webkit-linear-gradient(top,  #b5b4b5 0%,#8c8c8c 14%,#dbdbdb 24%,#fcfcfc 39%,#fcfcfc 39%,#efefef 40%,#eaeaea 46%,#eaeaea 51%,#eaeaea 51%,#d9d9d8 56%,#a5a5a5 70%,#a6a6a6 81%,#c6c6c6 89%,#777879 100%);
background: linear-gradient(to bottom,  #b5b4b5 0%,#8c8c8c 14%,#dbdbdb 24%,#fcfcfc 39%,#fcfcfc 39%,#efefef 40%,#eaeaea 46%,#eaeaea 51%,#eaeaea 51%,#d9d9d8 56%,#a5a5a5 70%,#a6a6a6 81%,#c6c6c6 89%,#777879 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b4b5', endColorstr='#777879',GradientType=0 ); }
.service #sales .s2 dl dd ul li .icon img { width:50%; height:auto; }
.service #sales .s2 dl dd ul li:last-child .icon img { width:60%; height:auto; }
.service #sales .s2 dl dd p { font-size:1.5rem; margin-bottom:30px; }
.service #sales .s2 dl dd p strong { box-shadow:0 -10px 0 inset #CC0; font-weight:700; }
.service #sales .s2 dl dd a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; position:relative; }
.service #sales .s2 dl dd a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.service #sales .s2 dl dd a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.service #sales .s2 dl dd a:hover { color:#FFF; }
.service #sales .s2 dl dd a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.service #sales .s2 dl dd a:hover:after { width:100%; }

	@media screen and (max-width:1180px) {
		
		.service #sales .s2:before { display:none; }
		.service #sales .s2 { padding:80px 0; }
		.service #sales .s2 dl dt { padding-left:15px; }
		.service #sales .s2 dl dd { margin-left:3%; }
		.service #sales .s2 dl dd ul li { margin-left:20px; }
		
	}
	@media screen and (max-width:780px) {
		
		.service #sales .s2 { padding:80px 0 60px; }
		.service #sales .s2 dl dt { float:none; width:100%; padding:0; margin:0 0 40px 0; text-align:center; }
		.service #sales .s2 dl dd { padding:0; margin:0; text-align:center; }
		.service #sales .s2 dl dd ul { width:100%; margin:0 auto 20px; text-align:center; }
		.service #sales .s2 dl dd ul li { float:none; display:inline-block; margin:0 10px !important; }
		.service #sales .s2 dl dd ul li .icon { width:140px; height:140px; line-height:140px; }
		.service #sales .s2 dl dd p { text-align:left; padding:0 20px; }
		.service #sales .s2 dl dd p br { display:none; }
		.service #sales .s2 dl dd a { width:200px; margin:0 auto !important; float:none; }
		
	}

/* s3 */
.service #sales .s3 { background:#EEE; text-align:center; padding-bottom:30px; }
.service #sales .s3:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#EEE; backface-visibility:initial; top:-70px; transform:skewY(-3deg); z-index:4; }
.service #sales .s3 p { margin-bottom:20px; font-size:1.5rem; }
.service #sales .s3 a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; position:relative; margin:0 auto 30px; }
.service #sales .s3 a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.service #sales .s3 a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.service #sales .s3 a:hover { color:#FFF; }
.service #sales .s3 a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.service #sales .s3 a:hover:after { width:100%; }

.service #sales .s3 ul { width:80%; margin:0 auto; }
.service #sales .s3 ul:after { content:""; display:block; clear:both; }
.service #sales .s3 ul li { width:50%; float:left; padding:20px; text-align:center; font-weight:500; font-size:1.5rem; position:relative; }
.service #sales .s3 ul li div { width:100%; height:300px; background-position:center center; background-repeat:no-repeat; background-size:cover; margin-bottom:20px; }
.service #sales .s3 ul li h3 { font-weight:700; margin-bottom:10px; font-size:1.5rem; }
.service #sales .s3 ul li h4 { margin-bottom:40px; font-size:1.1rem; }
.service #sales .s3 ul li ul { width:100%; margin-bottom:30px; }
.service #sales .s3 ul li ul li { font-size:1.2rem; padding:5px; text-align:left; }
.service #sales .s3 ul li ul li:before { content:"・	"; }
.service #sales .s3 ul li .price { color:#930; }
.service #sales .s3 ul li p.sold { background:#900; color:#FFF; width:100px; height:24px; line-height:22px; font-size:1.2rem; position:absolute; left:20px; top:340px; }

	@media screen and (max-width:1180px) {
		
		.service #sales .s3:before { display:none; }
		.service #sales .s3 { padding:80px 0; }
		.service #sales .s3 ul { width:96%; }
		
	}
	@media screen and (max-width:780px) {
		
		.service #sales .s3 { padding:80px 0 60px; }
		.service #sales .s3 p { text-align:center; padding:0 20px; }
		.service #sales .s3 a { width:200px; margin:0 auto 40px !important; float:none; }
		.service #sales .s3 ul { width:96%; margin:0 auto; }
		.service #sales .s3 ul li { width:100%; padding:10px; }
	}
	

/* 04. Cusutum
------------------------------------------------------------------- */
.service #cusutum .s1 { background-image:url(../images/service_cusutum_s1_ph01.jpg); }
.service #cusutum .s1:after { background: #f232b8;
background: -moz-linear-gradient(-45deg,  #f232b8 0%, #e73827 100%);
background: -webkit-linear-gradient(-45deg,  #f232b8 0%,#e73827 100%);
background: linear-gradient(135deg,  #f232b8 0%,#e73827 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f232b8', endColorstr='#e73827',GradientType=1 ); }

/* s2 */
.service #cusutum .s2 { background:#FFF; padding-bottom:60px; }
.service #cusutum .s2:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#FFF; backface-visibility:initial; top:-70px; transform:skewY(-3deg); z-index:2; }
.service #cusutum .s2 dl { position:relative; z-index:3; width:80%; margin:0 auto; }
.service #cusutum .s2 dl:after { content:""; display:block; clear:both; }
.service #cusutum .s2 dl dt { float:right; width:45%; padding-left:50px; }
.service #cusutum .s2 dl dd { overflow:hidden; padding-top:20px; }
.service #cusutum .s2 dl dd h3 { font-weight:700; font-size:2.5rem; margin-bottom:30px; }
.service #cusutum .s2 dl dd p { font-size:1.5rem; }
.service #cusutum .s2 dl dd p strong { box-shadow:0 -10px 0 inset #CC0; font-weight:700; }

	@media screen and (max-width:1180px) {
	
		.service #cusutum .s2:before { display:none; }
		.service #cusutum .s2 { padding:80px 0; }
		.service #cusutum .s2 dl { width:96%; }
		
	}
	@media screen and (max-width:780px) {
		
		.service #cusutum .s2 { padding:80px 0 60px; }
		.service #cusutum .s2 dl dt { float:none; width:100%; padding:0; margin:0 0 40px 0; text-align:center; }
		.service #cusutum .s2 dl dt img { max-width:50%; height:auto; }
		.service #cusutum .s2 dl dd { padding:0; margin:0; text-align:center; }
		.service #cusutum .s2 dl dd h3 { font-size:2rem; }
		.service #cusutum .s2 dl dd p { text-align:left; padding:0 20px; }
		.service #cusutum .s2 dl dd p br { display:none; }
		
	}
	
	
/* s3 */
.service #cusutum .s3 { background:#EEE; padding-bottom:100px; }
.service #cusutum .s3:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#EEE; backface-visibility:initial; top:-70px; transform:skewY(3deg); z-index:4; }
.service #cusutum .s3 dl { position:relative; z-index:3; width:80%; margin:0 auto; }
.service #cusutum .s3 dl:after { content:""; display:block; clear:both; }
.service #cusutum .s3 dl dt { float:left; width:50%; padding-right:60px; }
.service #cusutum .s3 dl dd { overflow:hidden; }
.service #cusutum .s3 dl dd p { padding-top:30px; font-size:1.5rem; margin-bottom:50px; }
.service #cusutum .s3 dl dd p strong { box-shadow:0 -10px 0 inset #CC0; font-weight:700; }
.service #cusutum .s3 dl dd a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; float:left; position:relative; }
.service #cusutum .s3 dl dd a:first-of-type { margin-right:30px; }
.service #cusutum .s3 dl dd a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.service #cusutum .s3 dl dd a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.service #cusutum .s3 dl dd a:hover { color:#FFF; }
.service #cusutum .s3 dl dd a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.service #cusutum .s3 dl dd a:hover:after { width:100%; }

	@media screen and (max-width:1180px) {
	
		.service #cusutum .s3:before { display:none; }
		.service #cusutum .s3 { padding:80px 0; }
		.service #cusutum .s3 dl { width:96%; }
		
	}
	@media screen and (max-width:780px) {
		
		.service #cusutum .s3 { padding:80px 0 60px; }
		.service #cusutum .s3 dl dt { float:none; width:100%; padding:0; margin:0 0 40px 0; text-align:center; }
		.service #cusutum .s3 dl dt img { max-width:50%; height:auto; }
		.service #cusutum .s3 dl dd { padding:0; margin:0; text-align:center; }
		.service #cusutum .s3 dl dd h3 { font-size:2rem; }
		.service #cusutum .s3 dl dd p { text-align:left; padding:0 20px; }
		.service #cusutum .s3 dl dd p br { display:none; }
		.service #cusutum .s3 dl dd a { width:200px; margin:0 auto !important; float:none; }
		
	}

/* s4 */
.service #cusutum .s4 { background:#DDD; padding-bottom:60px; }
.service #cusutum .s4:before { height:150px; position:absolute; left:0; content:""; width:100%; background:#DDD; backface-visibility:initial; top:-70px; transform:skewY(-3deg); z-index:6; }
.service #cusutum .s4 dl { position:relative; z-index:3; width:80%; margin:0 auto; }
.service #cusutum .s4 dl:after { content:""; display:block; clear:both; }
.service #cusutum .s4 dl dt { float:right; width:55%; padding-left:30px; }
.service #cusutum .s4 dl dd { overflow:hidden; padding-top:30px; }
.service #cusutum .s4 dl dd p { font-size:1.5rem; margin-bottom:40px; }
.service #cusutum .s4 dl dd p strong { box-shadow:0 -10px 0 inset #CC0; font-weight:700; }
.service #cusutum .s4 dl dd a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; float:left; position:relative; }
.service #cusutum .s4 dl dd a:first-of-type { margin-right:30px; }
.service #cusutum .s4 dl dd a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.service #cusutum .s4 dl dd a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.service #cusutum .s4 dl dd a:hover { color:#FFF; }
.service #cusutum .s4 dl dd a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.service #cusutum .s4 dl dd a:hover:after { width:100%; }

	@media screen and (max-width:1180px) {
	
		.service #cusutum .s4:before { display:none; }
		.service #cusutum .s4 { padding:80px 0; }
		.service #cusutum .s4 dl { width:96%; }
		
	}
	@media screen and (max-width:780px) {
		
		.service #cusutum .s4 { padding:80px 0 60px; }
		.service #cusutum .s4 dl dt { float:none; width:100%; padding:0; margin:0 0 40px 0; text-align:center; }
		.service #cusutum .s4 dl dt img { max-width:50%; height:auto; }
		.service #cusutum .s4 dl dd { padding:0; margin:0; text-align:center; }
		.service #cusutum .s4 dl dd h3 { font-size:2rem; }
		.service #cusutum .s4 dl dd p { text-align:left; padding:0 20px; }
		.service #cusutum .s4 dl dd p br { display:none; }
		.service #cusutum .s4 dl dd a { width:200px; margin:0 auto !important; float:none; }
		
	}



/* ===================================================================
/
/
/	About
/
/
===================================================================*/
.about > footer:before { display:block; background:#FAFAFA; }
/* s1
------------------------------------------------------------------- */
.about .s1 { background:url(../images/about_s1_ph.jpg) left top no-repeat #FFF; padding:80px 0 80px 55%; font-family: 'Noto Serif JP', serif; }
.about .s1 h1 { font-size:4rem; margin-bottom:50px; }
.about .s1 h2 { display:inline-block; padding:5px 10px; background:#111; color:#FFF; text-align:center; font-family:'Noto Sans JP', sans-serif; margin-bottom:20px; }
.about .s1 p { font-size:1.6rem; line-height:2; margin-bottom:70px; }
.about .s1 p:last-of-type { font-size:2rem; padding-left:12em; font-weight:700; margin-bottom:0; }
.about .s1 p .sml { font-size:1.2rem; }
.about .s1 a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; position:relative; z-index:1; }
.about .s1 a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.about .s1 a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.about .s1 a:hover { color:#FFF; }
.about .s1 a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.about .s1 a:hover:after { width:100%; }

	@media screen and (max-width:1180px) {
		
		.about > footer:before { display:none; }
		.about .s1 { padding:60px 0 60px 40%; }
		.about .s1 * { color:#FFF; text-shadow:1px 1px 3px rgba(0,0,0,.5); }
		.about .s1 h1 { font-size:3rem; margin-bottom:30px; }
		.about .s1 h2 { font-size:.9rem; }
		.about .s1 p { font-size:1.4rem; line-height:1.6; margin-bottom:40px; }
		.about .s1 p:last-of-type { font-size:1.8rem; }
		
	}
	@media screen and (max-width:780px) {
		
		.about .s1 { text-align:center; position:relative; padding:30px; }
		.about .s1:after { content:""; width:100%; height:100%; opacity:.7; position:absolute; left:0; top:0; z-index:1; background: #f232b8;
background: -moz-linear-gradient(-45deg,  #f232b8 0%, #e73827 100%);
background: -webkit-linear-gradient(-45deg,  #f232b8 0%,#e73827 100%);
background: linear-gradient(135deg,  #f232b8 0%,#e73827 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f232b8', endColorstr='#e73827',GradientType=1 ); }
		.about .s1 * { position:relative; z-index:4; }
		.about .s1 h1 { text-align:center; }
		.about .s1 h2 { background:none; border:1px solid #FFF; }
		.about .s1 p { line-height:1.8; }
		.about .s1 p br { display:none; }
		
	}


/* s2
------------------------------------------------------------------- */
.about .s2 { background:url(../images/about_s2_bg.jpg) center top no-repeat #FAFAFA; background-size:100% auto; text-align:center; padding:80px 0 0; z-index:6; }
.about .s2 > img { width:50px; height:auto; margin-bottom:30px; }
.about .s2 h1 { font-size:4rem; font-family: 'Noto Serif JP', serif; margin-bottom:40px; padding-bottom:20px; position:relative; }
.about .s2 h1 .sml { font-size:1.2rem; display:block; }
.about .s2 h1:after { content:""; width:80px; height:2px; background:#111; position:absolute; left:50%; bottom:0; transform:translateX(-50%); }
.about .s2 table { width:80%; margin:0 auto; border:1px solid #FFF; box-shadow:0px 0px 8px rgba(0,0,0,.2); background: #b5b4b5;
background: -moz-linear-gradient(top,  #b5b4b5 0%, #8c8c8c 14%, #dbdbdb 24%, #fcfcfc 39%, #fcfcfc 39%, #efefef 40%, #eaeaea 46%, #eaeaea 51%, #eaeaea 51%, #d9d9d8 56%, #a5a5a5 70%, #a6a6a6 81%, #c6c6c6 89%, #777879 100%);
background: -webkit-linear-gradient(top,  #b5b4b5 0%,#8c8c8c 14%,#dbdbdb 24%,#fcfcfc 39%,#fcfcfc 39%,#efefef 40%,#eaeaea 46%,#eaeaea 51%,#eaeaea 51%,#d9d9d8 56%,#a5a5a5 70%,#a6a6a6 81%,#c6c6c6 89%,#777879 100%);
background: linear-gradient(to bottom,  #b5b4b5 0%,#8c8c8c 14%,#dbdbdb 24%,#fcfcfc 39%,#fcfcfc 39%,#efefef 40%,#eaeaea 46%,#eaeaea 51%,#eaeaea 51%,#d9d9d8 56%,#a5a5a5 70%,#a6a6a6 81%,#c6c6c6 89%,#777879 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b4b5', endColorstr='#777879',GradientType=0 ); }
.about .s2 table th,
.about .s2 table td { position:relative; border-bottom:1px solid #CCC; padding:20px; font-size:1.5rem; text-align:left; color:#555; }
.about .s2 table th { text-align:right; border-right:1px dotted #DDD; padding-right:60px; vertical-align:middle; }
.about .s2 table td ul li { list-style:inside disc; border-bottom:1px solid #DDD; padding:10px; }
.about .s2 table td ul li:last-child { border-bottom:none; }
.about .s2 table td .btn { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; position:relative; z-index:1; position:absolute; right:20px; top:25px; }
.about .s2 .btn:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.about .s2 .btn:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.about .s2 .btn:hover { color:#FFF; }
.about .s2 .btn:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.about .s2 .btn:hover:after { width:100%; }
.about .s2 #access iframe { width:80%; margin:0 auto; height:400px; margin-top:30px; border:1px solid #CCC; }

	@media screen and (max-width:1180px) {
		
		.about .s2 { padding:50px 0 0; }
		.about .s2 > img { width:40px; margin-bottom:20px; }
		.about .s2 h1 { font-size:2.8rem; margin-bottom:10px; }
		.about .s2 table { width:90%; }
		.about .s2 table th { width:160px; padding-right:30px; text-align:center; }
		.about .s2 table th,
		.about .s2 table td { font-size:1.3rem; }
		.about .s2 table td .btn { width:180px; }
	
	}
	@media screen and (max-width:780px) {
		
		.about .s2 { padding:50px 0 0; }
		.about .s2 > img { margin-bottom:60px }
		.about .s2 h1 { font-size:1.8rem; margin-bottom:20px; }
		.about .s2 h1:after { width:40px; }
		.about .s2 table { width:96%; }
		.about .s2 table th,
		.about .s2 table td { font-size:1rem; }
		.about .s2 table td .btn { position:relative; top:auto; right:auto; display:block; margin-top:20px; }
		.about .s2 table th { width:25%; padding:0; }
		.about .s2 #access iframe { width:96%; height:250px; margin-top:10px; }
		
	}
	
	
/* s3
------------------------------------------------------------------- */
.about .s3 { padding:80px 0 0; font-family:'Noto Serif JP', serif; z-index:8; background:#FAFAFA; }
.about .s3 dl { width:80%; margin:0 auto; }
.about .s3 dl:after { content:""; display:block; clear:both; }
.about .s3 dl dt { float:left; width:20%; }
.about .s3 dl dd { overflow:hidden; position:relative; padding-left:50px; }
.about .s3 dl dt h1 { font-size:8rem; letter-spacing:30px; margin-bottom:40px; padding-bottom:20px; position:relative; writing-mode:vertical-rl; -ms-writing-mode: tb-rl; -webkit-writing-mode:vertical-rl; }
.about .s3 dl dd .bdr { height:100%; width:1px; background:#DDD; position:absolute; left:20px; top:10px; }
.about .s3 dl dd .bdr:before { content:""; width:10px; height:10px; border-radius:50%; background:#FFF; position:absolute; left:-15px; top:-10px; border:10px solid #DDD; }
.about .s3 dl dd .bdr:after { content:""; width:25px; height:2px; background:#DDD; position:absolute; left:-13px; bottom:10px; }
.about .s3 dl dd table { width:100%; font-size:1.6rem; }
.about .s3 dl dd table th,
.about .s3 dl dd table td { padding:20px; border-bottom:1px solid #DDD; }
.about .s3 dl dd table th { width:25%; padding-left:40px; }

	@media screen and (max-width:1180px) {
	
		.about .s3 { padding:60px 0; }
		.about .s3 dl { width:95%; }
		.about .s3 dl dt { width:120px; }
		.about .s3 dl dt h1 { font-size:6rem; }
		.about .s3 dl table th,
		.about .s3 dl table td { font-size:1.2rem; }
		
	}
	@media screen and (max-width:780px) {
		
		.about .s3 { padding:30px 0 50px; }
		.about .s3 dl dt { width:40px; }
		.about .s3 dl dt h1 { font-size:2.6rem; }
		.about .s3 dl dd table { font-size:1.4rem; }
		.about .s3 dl dd table th,
		.about .s3 dl dd table td { padding:15px 0; }
		.about .s3 dl dd table th { font-size:.8rem; width:30%; }
		.about .s3 dl dd table td { font-size:1rem; }
		.about .s3 dl dd .bdr:before { width:6px; height:6px; border:6px solid #DDD; left:-8px; }
		
	}


/* ===================================================================
/
/
/	Custum
/
/
=================================================================== */
.custum > footer:before { display:block; background:#DDD; }
/* s1
------------------------------------------------------------------- */
.custum .s1 { background:#EEE; padding:40px 0 50px; }
.custum .s1 dl { width:80%; margin:0 auto; }
.custum .s1 dl:after { content:""; display:block; clear:both; }
.custum .s1 dl dt { float:left; padding-right:100px; }
.custum .s1 dl dd { overflow:hidden; }
.custum .s1 dl dd h2 { margin-bottom:20px; }
.custum .s1 dl dd p { color:C9CACA; margin-bottom:40px; color:#999; font-size:1.4rem; }
.custum .s1 dl dd a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; position:relative; z-index:1; }
.custum .s1 dl dd a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.custum .s1 dl dd a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.custum .s1 dl dd a:hover { color:#FFF; }
.custum .s1 dl dd a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.custum .s1 dl dd a:hover:after { width:100%; }

.custum .ex { background:#777; padding:10px; text-align:center; color:#FFF; }
.custum .ex * { display:inline-block; }
.custum .ex img { margin-right:20px; }
.custum .ex p { font-weight:500; }

	@media screen and (max-width:780px) {
	
		.custum > footer:before { display:none; }
		.custum .s1 { padding:30px 10px; }
		.custum .s1 dl { width:95%; text-align:center; }
		.custum .s1 dl dt { float:none; padding-right:0; margin-bottom:20px; }
		.custum .s1 dl dt img { max-width:60%; height:auto; }
		.custum .s1 dl dd img { max-width:55%; height:auto; }
		.custum .s1 dl dd p { font-size:1.2rem; text-align:center; }
		.custum .s1 dl dd a { float:none; margin:0 auto; width:200px; }
		
	}
	

/* s2
------------------------------------------------------------------- */
.custum .s2 { padding:40px 0; z-index:5555; }
.custum .s2 > ul { width:1180px; margin:0 auto; }
.custum .s2 > ul:after { content:""; display:block; clear:both; }
.custum .s2 > ul li { width:25%; float:left; }
.custum .s2 > ul li a { display:block; text-align:center; padding:10px; }
.custum .s2 > ul li a img { width:auto; height:250px; }
.custum .s2 > ul li a:hover { text-decoration:none; opacity:.8; }
.custum .s2 > ul li a:hover img { transform:scale(1.1); }

	@media screen and (max-width:780px) {
		
		.custum .s2 > ul { width:100%; }
		.custum .s2 > ul li { width:50%; }
		.custum .s2 > ul li a img { height:200px; }
		
	}
		
/* pagenation */
.custum .s2 .pagination { text-align:center; margin:50px 0 0; }
.custum .s2 .pagination > * { display:inline-block; }
.custum .s2 .pagination ul { text-align:center; }
.custum .s2 .pagination ul li { display:inline-block; }
.custum .s2 .pagination ul li a,
.custum .s2 .pagination p button { display:block; color:#888; width:40px; height:40px; line-height:38px; background:#EEE; border:1px solid #BBB; font-size:1.2rem; }
.custum .s2 .pagination p button { width:30px; cursor:pointer; position:relative; top:1px; color:#AAA; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; transition:.3s ease-in-out; }
.custum .s2 .pagination p button:hover { background:#222; color:#FFF; }
.custum .s2 .pagination ul li:first-child a { border:none; }
.custum .s2 .pagination ul li a:hover { text-decoration:none; background:#888; color:#FFF; }
.custum .s2 .pagination ul li.current a { color:#FFF; background:#666; }


/* ===================================================================
/
/
/	Parts
/
/
===================================================================*/

/* page nav
------------------------------------------------------------------- */
.parts .pgnav { padding:30px 0; position:relative; margin-bottom:30px; box-shadow:0px 5px 3px rgba(0,0,0,.2); border-bottom:1px solid #CCC; background: #b5b4b5;
background: -moz-linear-gradient(-45deg,  #b5b4b5 0%, #969696 6%, #dbdbdb 19%, #fcfcfc 34%, #d9d9d8 48%, #c9c9c9 51%, #e1e1e0 66%, #d9dada 69%, #a6a6a6 78%, #9e9e9e 82%, #b8b8b8 90%, #777879 100%);
background: -webkit-linear-gradient(-45deg,  #b5b4b5 0%,#969696 6%,#dbdbdb 19%,#fcfcfc 34%,#d9d9d8 48%,#c9c9c9 51%,#e1e1e0 66%,#d9dada 69%,#a6a6a6 78%,#9e9e9e 82%,#b8b8b8 90%,#777879 100%);
background: linear-gradient(135deg,  #b5b4b5 0%,#969696 6%,#dbdbdb 19%,#fcfcfc 34%,#d9d9d8 48%,#c9c9c9 51%,#e1e1e0 66%,#d9dada 69%,#a6a6a6 78%,#9e9e9e 82%,#b8b8b8 90%,#777879 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b4b5', endColorstr='#777879',GradientType=1 ); }
.parts .pgnav nav { text-align:center; }
.parts .pgnav nav ul li { display:inline-block; margin:0 10px; width:225px; }
.parts .pgnav nav ul li a { display:block; width:100%; height:43px; line-height:42px; border-radius:6px; text-decoration:none; color:#FFF; text-align:left; font-size:1.8rem; position:relative; padding:0 40px 0 20px; box-shadow:0px 2px 2px rgba(0,0,0,.2); }
.parts .pgnav nav ul li:nth-child(1) a { background: #126a79;
	background: -moz-linear-gradient(left,  #126a79 0%, #338a9f 23%, #58c0e1 37%, #4db2d0 44%, #145d69 64%);
	background: -webkit-linear-gradient(left,  #126a79 0%,#338a9f 23%,#58c0e1 37%,#4db2d0 44%,#145d69 64%);
	background: linear-gradient(to left,  #126a79 0%,#338a9f 23%,#58c0e1 37%,#4db2d0 44%,#145d69 64%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126a79', endColorstr='#145d69',GradientType=0 ); }
.parts .pgnav nav ul li:nth-child(2) a { background: #3991a5;
	background: -moz-linear-gradient(left,  #3991a5 0%, #70b3cb 23%, #9cd6f2 37%, #8dc9e4 44%, #238699 64%);
	background: -webkit-linear-gradient(left,  #3991a5 0%,#70b3cb 23%,#9cd6f2 37%,#8dc9e4 44%,#238699 64%);
	background: linear-gradient(to left,  #3991a5 0%,#70b3cb 23%,#9cd6f2 37%,#8dc9e4 44%,#238699 64%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3991a5', endColorstr='#238699',GradientType=0 ); }
.parts .pgnav nav ul li:nth-child(3) a { background: #54b3cb;
	background: -moz-linear-gradient(left,  #54b3cb 0%, #97cadf 23%, #cce3f5 37%, #bcdbee 45%, #16a9c2 65%);
	background: -webkit-linear-gradient(left,  #54b3cb 0%,#97cadf 23%,#cce3f5 37%,#bcdbee 45%,#16a9c2 65%);
	background: linear-gradient(to left,  #54b3cb 0%,#97cadf 23%,#cce3f5 37%,#bcdbee 45%,#16a9c2 65%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b3cb', endColorstr='#16a9c2',GradientType=0 ); }
.parts .pgnav nav ul li:nth-child(4) a { background: #4d4b4a;
	background: -moz-linear-gradient(left,  #4d4b4a 0%, #807a78 23%, #c7c7c7 37%, #a19f9d 45%, #333838 65%);
	background: -webkit-linear-gradient(left,  #4d4b4a 0%,#807a78 23%,#c7c7c7 37%,#a19f9d 45%,#333838 65%);
	background: linear-gradient(to left,  #4d4b4a 0%,#807a78 23%,#c7c7c7 37%,#a19f9d 45%,#333838 65%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4b4a', endColorstr='#333838',GradientType=0 ); }
.parts .pgnav nav ul li a .sml { font-size:1.1rem; float:right; }
.parts .pgnav nav ul li.ui-tabs-selected a { height:60px; line-height:58px; }
.parts .pgnav nav ul li.ui-tabs-selected a .sml { color:#FFF; text-shadow:none; }
.parts .pgnav nav ul li:hover a { opacity:.6; }
.parts .pgnav nav ul li.ui-tabs-selected a:hover { opacity:1; }
/* before / after */
.parts .pgnav nav ul li a:after { content:""; width:6px; height:6px; position:absolute; right:15px; top:50%;
 border-right:2px solid #EEE; border-bottom:2px solid #FFF; transform:rotate(-45deg) translateY(-50%); }

	@media screen and (max-width:1180px) {
		
		.parts .pgnav { height:auto; padding:30px 0; }
		.parts .pgnav nav ul li { width:40%; }
		.parts .pgnav nav ul li:nth-child(1),
		.parts .pgnav nav ul li:nth-child(2) { margin-bottom:20px; }
		.parts .pgnav nav ul li a { font-size:1.5rem; height:60px; line-height:1.6; padding:6px 40px 0 20px; }
		.parts .pgnav nav ul li a .sml { font-size:.9rem; margin-top:0; display:block; float:none; }
		.parts .pgnav nav ul li.ui-tabs-selected a { height:60px; line-height:1.6; }
		
	}


/* s1
------------------------------------------------------------------- */
.parts main section { padding:50px 0; border-bottom:1px solid #BBB; }
.parts main section:nth-of-type(2n) { background:#EEE; }
.parts main section:last-of-type { border-bottom:none; }
.parts main dl { width:80%; margin:0 auto; }
.parts main dl:after { content:""; display:block; clear:both; }
.parts main dl dt { float:left; width:600px; }
.parts main dl dt img { max-width:100%; height:auto; }
.parts main dl dd { overflow:hidden; padding-left:40px; }
.parts main dl dd h2 { font-size:2.5rem; font-weight:700; color:#111; margin-bottom:20px; }
.parts main dl dd p.ex { padding:20px 0; border-top:1px solid #AAA; border-bottom:1px solid #AAA; line-height:1.6; margin-bottom:20px; }
.parts main dl dd p.price { font-size:2.3rem; color:#C30E23; font-weight:900; padding-left:30px; position:relative; margin-bottom:30px; }
.parts main dl dd p.price:before { content:"￥"; display:block; width:25px; height:25px; line-height:24px; font-size:1.3rem; color:#FFF; background:#C30E23; border-radius:50%; text-align:center; position:absolute; left:0; top:7px; }

	@media screen and (max-width:1180px) {
		
		.parts main dl { width:80%; }
		.parts main dl dt { float:none; width:100%; margin-bottom:20px; text-align:center; background:#CCC; border:1px solid #BBB; }
		.parts main dl dd { padding-left:0; padding:0 50px; }
		.parts main dl dd h2 { font-size:2.3rem; }
		
	}
	@media screen and (max-width:780px) {
	
		.parts main section { padding:10px 0 20px; }
		.parts main section:last-of-type { padding:10px 0 40px; }
		.parts main dl { width:96%; }
		.parts main dl dt { float:none; width:100%; margin-bottom:20px; }
		.parts main dl dd { padding-left:0; padding:0 10px; }
		.parts main dl dd h2 { font-size:1.8rem; }
		.parts main dl dd p.ex { font-size:1.1rem; }
		
	}

.parts main dl dd a { display:block; width:220px; height:44px; line-height:44px; border:1px solid #727171; background:#FFF; text-decoration:none; position:relative; z-index:1; float:left; margin-left:20px; padding-left:20px; }
.parts main dl dd a:first-of-type { margin-left:0; }
.parts main dl dd a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.parts main dl dd a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.parts main dl dd a:hover { color:#FFF; }
.parts main dl dd a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.parts main dl dd a:hover:after { width:100%; }

	@media screen and (max-width:1180px) {
	
		.parts main dl dd a { width:240px; float:none; margin-left:0; margin:0 auto; }
		.parts main dl dd a:first-of-type { margin:0 auto 10px; }
		
	}

.parts main dl dd ul { margin-bottom:10px; }
.parts main dl dd ul:after { content:""; display:block; clear:both; }
.parts main dl dd ul li { float:left; width:115px; height:30px; line-height:28px; margin-left:10px; text-align:center; border-radius:6px; color:#FFF; font-weight:500;
 text-shadow:1px 1px 1px rgba(0,0,0,.2); }
.parts main dl dd ul li:first-child { margin-left:0; }

/* color */
.parts main dl dd ul li.earo { background: #126a79;
	background: -moz-linear-gradient(left,  #126a79 0%, #338a9f 23%, #58c0e1 37%, #4db2d0 44%, #145d69 64%);
	background: -webkit-linear-gradient(left,  #126a79 0%,#338a9f 23%,#58c0e1 37%,#4db2d0 44%,#145d69 64%);
	background: linear-gradient(to left,  #126a79 0%,#338a9f 23%,#58c0e1 37%,#4db2d0 44%,#145d69 64%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#126a79', endColorstr='#145d69',GradientType=0 ); }
.parts main dl dd ul li.oneoff { background: #3991a5;
	background: -moz-linear-gradient(left,  #3991a5 0%, #70b3cb 23%, #9cd6f2 37%, #8dc9e4 44%, #238699 64%);
	background: -webkit-linear-gradient(left,  #3991a5 0%,#70b3cb 23%,#9cd6f2 37%,#8dc9e4 44%,#238699 64%);
	background: linear-gradient(to left,  #3991a5 0%,#70b3cb 23%,#9cd6f2 37%,#8dc9e4 44%,#238699 64%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3991a5', endColorstr='#238699',GradientType=0 ); }
.parts main dl dd ul li.fender { background: #54b3cb;
	background: -moz-linear-gradient(left,  #54b3cb 0%, #97cadf 23%, #cce3f5 37%, #bcdbee 45%, #16a9c2 65%);
	background: -webkit-linear-gradient(left,  #54b3cb 0%,#97cadf 23%,#cce3f5 37%,#bcdbee 45%,#16a9c2 65%);
	background: linear-gradient(to left,  #54b3cb 0%,#97cadf 23%,#cce3f5 37%,#bcdbee 45%,#16a9c2 65%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b3cb', endColorstr='#16a9c2',GradientType=0 ); }
.parts main dl dd ul li.paint { background: #4d4b4a;
	background: -moz-linear-gradient(left,  #4d4b4a 0%, #807a78 23%, #c7c7c7 37%, #a19f9d 45%, #333838 65%);
	background: -webkit-linear-gradient(left,  #4d4b4a 0%,#807a78 23%,#c7c7c7 37%,#a19f9d 45%,#333838 65%);
	background: linear-gradient(to left,  #4d4b4a 0%,#807a78 23%,#c7c7c7 37%,#a19f9d 45%,#333838 65%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4b4a', endColorstr='#333838',GradientType=0 ); }
.parts main dl dd ul li.jisya { background: #f72500;
background: -moz-linear-gradient(left,  #f72500 0%, #f41c00 21%, #f6290c 22%, #edcdc9 68%, #e51300 100%);
background: -webkit-linear-gradient(left,  #f72500 0%,#f41c00 21%,#f6290c 22%,#edcdc9 68%,#e51300 100%);
background: linear-gradient(to right,  #f72500 0%,#f41c00 21%,#f6290c 22%,#edcdc9 68%,#e51300 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f72500', endColorstr='#e51300',GradientType=1 ); }



/* ===================================================================
/
/
/	Contact
/
/
===================================================================*/

/* form
------------------------------------------------------------------- */
.contact .s1 { width:80%; margin:0 auto 50px; padding-top:30px; }
.contact .s1 .ex { padding:30px; border:3px solid #FFF; background:#EEE; margin-bottom:30px; text-align:center; }
.contact .s1 .ex p { font-weight:700; color:#222; font-size:1.6rem; margin-bottom:20px; }
.contact .s1 .ex img { margin-bottom:10px; }
.contact .s1 .ex a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; position:relative; z-index:1; margin:0 auto; }
.contact .s1 .ex a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
.contact .s1 .ex a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
 z-index:-1; }
.contact .s1 .ex a:hover { color:#FFF; }
.contact .s1 .ex a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
.contact .s1 .ex a:hover:after { width:100%; }
		
/* table */
.contact table { width:100%; margin:0 auto; border-top:1px solid #DDD; border-right:1px solid #DDD; font-size:1.5rem; letter-spacing:1px; }
.contact table th,
.contact table td { border-bottom:1px solid #DDD; padding:20px; background:#FFF; }
.contact table th span { background:#C5293F; color:#FFF; border-radius:5px; font-size:1.2rem; padding:5px; margin-left:10px; }
.contact table tr:nth-child(2n) th,
.contact table tr:nth-child(2n) td { background:#F5F5F5; }
.contact table tr th { width:20%; background:#888 !important; color:#FFF; vertical-align:middle; }
.contact table tr td ul:after { content:""; display:block; clear:both; }
.contact table tr td ul li { float:left; width:50%; }
.contact table tr td ul li label { display:block; padding:10px; transition:.3s ease; }
.contact table tr td ul li label:hover { background:#EEE; }

	@media screen and (max-width:1180px) {
	
		.contact .s1 { width:96%; }
		.contact table { font-size:1.3rem; }
		.contact table tr th { width:30%; }
		.contact table tr td ul li { float:none; width:100%; font-size:1.2rem; }
		
	}
	@media screen and (max-width:780px) {
		
		.contact .s1 { width:100%; }
		.contact table { margin-bottom:30px; }
		.contact table th,
		.contact table td { padding:10px; }
		.contact table { font-size:1rem; }
		.contact table th { font-weight:700; font-size:1.1rem; }
		.contact table th span { display:block; letter-spacing:0; font-size:1rem; display:block; margin-left:0; text-align:center; margin-top:10px; }
		.contact table td { vertical-align:middle; }
		
	}
	
	/* input */
	.contact table tr td input[type="text"],
	.contact table tr td input[type="tel"],
	.contact table tr td input[type="email"] { width:50%; border:1px solid #DDD; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,.1) inset; }
	.contact table tr td input[type="email"] { width:100%; }
	.contact table tr td input[type="radio"] { margin-right:10px; border-radius:50%; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; position:relative; height:20px; width:20px; vertical-align:-.6rem; transition:.15s ease-out 0s; color:#FFF; cursor:pointer; display:inline-block; outline:none; border:2px solid #666; }
	.contact table tr td input[type="radio"]:before { content:""; display:block; width:10px; height:10px; border-radius:50%; margin:3px; transform:scale(0); transition:250ms ease-out; }
	.contact table tr td input[type="radio"]:checked:before { transform:scale(1); }
	.contact table tr td input[type="radio"]:checked,
	.contact table tr td input[type="radio"]:checked:before { background:#666; }
	.contact table tr td textarea { width:100%; height:20em; border:1px solid #DDD; padding:10px; box-shadow:0px 0px 5px rgba(0,0,0,.1) inset; }
	
	@media screen and (max-width:780px) {
	
		.contact table tr td input[type="text"],
		.contact table tr td input[type="tel"],
		.contact table tr td input[type="email"] { width:100%; }
		.contact table tr td textarea { height:15em; }
		
	}
	
	/* button */
	.contact .button { text-align:center; }
	.contact .button:after { content:""; display:block; clear:both; }
	.contact .button input[type="submit"],
	.contact .button input[type="button"],
	.contact .button input[type="reset"] { width:200px; height:45px; border-radius:5px; border:none; text-align:center; background:#111; color:#FFF; text-decoration:none; letter-spacing:2px; font-weight:bold; font-size:1.4rem; cursor:pointer; transition:.3s ease-in; display:inline-block; margin:30px 10px 0; -webkit-appearance:none; }
	.contact .button input[type="button"],
	.contact .button input[type="reset"] { background:#999; }
	.contact .button input[type="submit"]:hover { background:#555; }
	.contact .button input[type="button"]:hover,
	.contact .button input[type="reset"]:hover { background:#CCC; }
	
	@media screen and (max-width:780px) {
		
		.contact .button input[type="submit"],
		.contact .button input[type="button"],
		.contact .button input[type="reset"] { display:block; margin:10px auto; font-size:1.1rem; }
		
	}
	
	/* text */
	.contact .check { padding:20px; border:3px solid #DDD; text-align:center; font-size:1.4rem; margin-bottom:30px; }
	.contact .complete { padding:80px 20px; border:3px solid #CCC; background:#FFF; font-size:1.4rem; text-align:center; }
	.contact .complete img { margin-bottom:20px; width:60px; height:auto; }
	.contact .complete h2 { font-size:1.8rem; margin-bottom:20px; font-weight:bold; }
	.contact .complete p { margin-bottom:50px; }
	.contact .complete p span { font-size:1rem; color:#999; display:block; margin-top:10px; }
	.contact .complete a { display:block; width:250px; height:44px; line-height:44px; text-align:center; border:1px solid #727171; text-decoration:none; position:relative; z-index:1; margin:0 auto; }
	.contact .complete a:before { content:""; width:8px; height:8px; border-right:1px solid #727171; border-bottom:1px solid #727171; position:absolute;
	 right:15px; top:50%; transform:rotate(-45deg) translateY(-50%); transition:.3s ease-in-out; }
	.contact .complete a:after { content:""; background:#727171; width:0; height:100%; position:absolute; left:0; top:0; transition:.3s ease-in-out; 
	 z-index:-1; }
	.contact .complete a:hover { color:#FFF; }
	.contact .complete a:hover:before { right:10px; border-right:1px solid #EEE; border-bottom:1px solid #EEE; }
	.contact .complete a:hover:after { width:100%; }

	@media screen and (max-width:780px) {
		
		.contact .complete { padding:50px 20px; }
		.contact .complete p { text-align:left; }
		
	}
		


/* ======================================================================================================================================
/
/
/	JS
/
/
======================================================================================================================================*/

/* Color Box
------------------------------------------------------------------- */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:99999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/colorbox/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/colorbox/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/colorbox/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/colorbox/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
#cboxContent button,
#cboxCurrent { display:none !important; }
#cboxLoadedContent { overflow-x:hidden; margin-bottom:0 !important; }