/* ! normalize.css v1.0.0 | MIT License | git.io/normalize */
 
/* ==========================================================================
HTML5 display definitions
========================================================================== */
 
/* * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3. */
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
/* * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
/* * Prevents modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }
/* * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3, * and Safari 4.
* Known issue:no IE 6 support. */
[hidden] { display: none; }
/* ==========================================================================
Base
========================================================================== */
/* * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
*    `em` units.
* 2. Prevents iOS text size adjust after orientation change, without disabling
*    user zoom. */
 
html { font-size: 100%; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */ 
}
html, html a { -webkit-font-smoothing: antialiased; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }
/* * Addresses `font-family` inconsistency between `textarea` and other form
* elements. */
html, button, input, select, textarea { font-family: 'Robot','Varela Round','Hiragino Kaku Gothic ProN','メイリオ', sans-serif; }
/* * Addresses margins handled incorrectly in IE 6/7. */
body { margin: 0; font-family: "YakuHanJP", "Noto Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
/* ==========================================================================
Links
========================================================================== */
/* * Addresses `outline` inconsistency between Chrome and other browsers. */
 
a:focus { outline: thin dotted; }
/* * Improves readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/* * Addresses font sizes and margins set differently in IE 6/7.
* Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */
 
h1 { font-size: 2em; margin: 0.67em 0; color: #353535; }
h2 { font-size: 1.5em; margin: 0.83em 0; }
h3 { font-size: 1.17em; margin: 1em 0; }
h4 { font-size: 1em; margin: 1.33em 0; }
h5 { font-size: 0.83em; margin: 1.67em 0; }
h6 { font-size: 0.75em; margin: 2.33em 0; }
/* * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }
/* * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
/* * Addresses styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }
/* * Addresses styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }
/* * Addresses margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }
/* * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* * Improves readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
/* * Addresses CSS quotes not supported in IE 6/7. */
q { quotes: none; }
/* * Addresses `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }
small { font-size: 75%; }
/* * Prevents `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* ==========================================================================
Lists
========================================================================== */
/* * Addresses margins set differently in IE 6/7. */
 
dl, menu, ol, ul { margin: 1em 0; }
dd { margin: 0 0 0 40px; }
/* * Addresses paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }
/* * Corrects list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }
/* ==========================================================================
Embedded content
========================================================================== */
/* * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improves image quality when scaled in IE 7. */
 
img { border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */ }
/* * Corrects overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
/* * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
 
figure { margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
/* * Corrects margin displayed oddly in IE 6/7. */
 
form { margin: 0; }
/* * Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
/* * 1. Corrects color not being inherited in IE 6/7/8/9.
* 2. Corrects text not wrapping in Firefox 3.
* 3. Corrects alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */
	padding: 0; white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */ }
/* * 1. Corrects font size not being inherited in all browsers.
* 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5, *    and Chrome.
* 3. Improves appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */
	margin: 0; /* 2 */
	vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */ }
/* * Addresses Firefox 3+ setting `line-height` on `input` using ` !important` in
* the UA stylesheet. */
button, input { line-height: normal; }
/* * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
*    and `video` controls.
* 2. Corrects inability to style clickable `input` types in iOS.
* 3. Improves usability and consistency of cursor style between image-type
*    `input` and others.
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
*    Known issue:inner spacing remains in IE 6. */
button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
*overflow: visible; /* 4 */ }
/* * Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }
/* * 1. Addresses box sizing set to content-box in IE 8/9.
* 2. Removes excess padding in IE 8/9.
* 3. Removes excess padding in IE 7.
*    Known issue:excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
	*height: 13px; /* 3 */
*width: 13px; /* 3 */ }
/* * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
*    (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */
	-moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box; }
/* * Removes inner padding and search cancel button in Safari 5 and Chrome
* on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* * Removes inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* * 1. Removes default vertical scrollbar in IE 6/7/8/9.
* 2. Improves readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */
vertical-align: top; /* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/* * Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }
/* ==========================================================================
Global Styles
========================================================================== */
a { color: #353535; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a:hover, a:focus { color: #3dc9b3; text-decoration: none; }
p { color: #8c9398; word-spacing: 1px; line-height: 25px; font-size: 12px; }
h2 { font-size: 14px; color: #353535; /*text-transform: uppercase;*/ font-weight: bold; }
h2::after { content: " "; /*border: solid 2px #3dc9b3;*/ display: block; width: 35px; margin: 25px auto; }
.section-padding { padding: 100px 0 100px }
.dark-bg { background: #f3f5f8; }
.light-bg { background-color: #fff; }
.dark-box { background: #f3f5f8; -webkit-box-shadow: 0px 3px 0px 0px #f0f2f4; -moz-box-shadow: 0px 3px 0px 0px #f0f2f4; box-shadow: 0px 3px 0px 0px #f0f2f4; }
.light-box { background-color: #fff; -webkit-box-shadow: 0px 3px 0px 0px #f0f2f4; -moz-box-shadow: 0px 3px 0px 0px #f0f2f4; box-shadow: 0px 3px 0px 0px #f0f2f4; padding: 20px 0; }
.light-box:hover, .light-box:focus { -webkit-box-shadow: 0px 3px 0px 0px #3dc9b3; -moz-box-shadow: 0px 3px 0px 0px #3dc9b3; box-shadow: 0px 3px 0px 0px #3dc9b3; }
.box-hover { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; }
.box-hover:hover, .box-hover:focus { transform: translate(0, -15px); -webkit-transform: translate(0, -15px); -ms-transform: translate(0, -15px); }
.wrapper { height: 650px; }
.nopadding { padding: 0; }
.inner { padding-top: 45%; }
/* ==========================================================================
Hero
========================================================================== */
.hero { background: /* url('../img/hero-bg.jpg') */ no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 3% 0 10% 0; height: auto; }
.hero h1 { margin: 10px; }
.hero h1 span { color: #a1a9b0; display: inline-block; }
.hero p { letter-spacing: 1px; }
.learn-more-btn { background: rgba(61, 201, 179, 1); padding: 20px 40px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; color: #fff; /*text-transform: uppercase;*/ letter-spacing: 1px; display: inline-block; -webkit-box-shadow: 0px 3px 0px 0px #309383; -moz-box-shadow: 0px 3px 0px 0px #309383; box-shadow: 0px 3px 0px 0px #309383; margin: 60px 0 0; font-weight: bold; }
.learn-more-btn:hover, .learn-more-btn:focus { background: rgba(61, 201, 179, 0.6); color: #fff; }
.copyright { font-size: 0.84em; }
.copyright a { color: #8c9398; }
.copy_under { border-bottom: 1px solid #333; padding-bottom: 1px; }

/* ==========================================================================
Contact
========================================================================== */
.contact-f{
		background-color: #d0e5ea;
        padding-bottom: 150px;
}
.form01 {
		/*background-color: #d0e523; */
		font-size:0.9em;
		padding: 0 10%;
}

/* ==========================================================================
Intro
========================================================================== */
.intro {  background: #fff; margin-bottom: 50px; margin-top: -50px; }
.intro p { margin: 30px 0 0; }/* margin: 50px 0 0;*/
h1.arrow { font-size: 20px; /*text-transform: uppercase;*/ color: #353535; letter-spacing: 1px; padding-bottom: 30px; font-weight: 700; text-align: left; text-decoration: none; border-bottom: 1px solid blue; padding-bottom: 5px;}
/* ==========================================================================
Features
========================================================================== */
.features-wrapper { margin: 30px 9% 0; }
.team-wrapper { margin: 0 9% 0; }
.shadow { text-shadow: rgb(55, 181, 161) 1px 1px, rgb(55, 181, 161) 2px 2px, rgb(55, 181, 161) 3px 3px, rgb(55, 181, 161) 4px 4px, rgb(55, 181, 161) 5px 5px, rgb(55, 181, 161) 6px 6px, rgb(55, 181, 161) 7px 7px, rgb(55, 181, 161) 8px 8px, rgb(55, 181, 161) 9px 9px, rgb(55, 181, 161) 10px 10px, rgb(55, 181, 161) 11px 11px, rgb(55, 181, 161) 12px 12px, rgb(55, 182, 162) 13px 13px, rgb(55, 183, 163) 14px 14px, rgb(56, 184, 164) 15px 15px, rgb(56, 185, 165) 16px 16px, rgb(56, 186, 166) 17px 17px, rgb(57, 187, 167) 18px 18px, rgb(57, 188, 168) 19px 19px, rgb(57, 189, 169) 20px 20px, rgb(58, 191, 170) 21px 21px, rgb(58, 192, 171) 22px 22px, rgb(58, 193, 172) 23px 23px, rgb(59, 194, 173) 24px 24px, rgb(59, 195, 174) 25px 25px, rgb(59, 196, 175) 26px 26px, rgb(60, 197, 176) 27px 27px, rgb(60, 198, 177) 28px 28px, rgb(60, 199, 178) 29px 29px, rgb(61, 201, 179) 30px 30px; }
.icon { height: 175px; width: 175px; line-height: 175px; max-width: 100%; background: #3dc9b3; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; display: block; color: #fff; font-size: 55px; text-align: center; vertical-align: middle; position: relative; margin: 0 auto 50px; }
/* ==========================================================================
iPhone Section
========================================================================== */
.iphone { width: 50%; background: #f3f5f8; float: left; height: 100%; box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset -15px -11px 40px -6px rgba(0, 0, 0, 0.1); z-index: 1; }
.fluid-white { width: 50%; background: #fff; float: right; height: 100%; z-index: 2; }
.responsive-services { position: relative; }
/* ==========================================================================
biography
========================================================================== */
.biography { background: url('../img/plants-bg.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 50px 0; }
.biography h1 { color: #fff; font-size: 40px; /*text-transform: uppercase;*/ letter-spacing: 5px; }
.biography h1 span { display: block; font-size: 25px; margin-top: 20px; }
.down-arrow-btn { width: 40px; height: 40px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.8); display: inline-block; margin: 10px auto 20px; color: #fff; font-size: 16px; line-height: 40px; text-align: center; }
.down-arrow-btn:hover, .down-arrow-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }
/* ==========================================================================
Portfolio
========================================================================== */
.effects { padding-left: 15px; }
.effects .img { position: relative; margin-bottom: 50px; position: relative; z-index: 1; overflow: hidden; }
.effects .img:nth-child(n) { margin-right: 5px; }
.effects .img:first-child { margin-left: -15px; }
.effects .img:last-child { margin-right: 0; }
.effects .img img { display: block; margin: 0; padding: 0; height: auto; }
.overlay { display: block; position: absolute; z-index: 20; background: rgba(100, 194, 158, 0.8); overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }
a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; cursor: pointer; }
a.close-overlay.hidden { display: none; }
a.expand { display: block; position: absolute; z-index: 100; text-align: center; color: #fff; font-weight: 600; font-size: 14px; /*text-transform: uppercase;*/ line-height: 30px; }
.overlay-effect .img i { font-size: 30px; }
.overlay-effect .overlay { bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; }
.overlay-effect .overlay a.expand { left: 0; right: 0; bottom: 47%; margin: 0 auto -30px auto; }
.overlay-effect .img.hover .overlay { height: 100%; opacity: 1; }
.img img { width: -webkit-calc(100% + 40px) !important; width: calc(100% + 40px) !important; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -moz-transition: opacity 0.35s, -moz-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); -ms-transform: translate3d(-40px, 0, 0); }
.img:hover img { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -ms-transform: translate3d(-40px, 0, 0); }
.designs { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; top: 50px; }
/* ==========================================================================
Subscribe
========================================================================== */
.subscribe { background: url('../img/concept.png') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed; padding: 200px 0 280px; }
.subscribe h1 { color: #fff; margin-bottom: 40px; }
.subscribe h1 span { display: block; font-size: 20px; /*text-transform: uppercase;*/ font-weight: bold; margin-top: 20px; letter-spacing: 1px; }
.subscribe input[type=text] { background-color: rgba(255, 255, 255, 0.1); border: solid 1px #fff; padding: 20px; width: 30%; color: #fff; }
.subscribe input[type=submit] { background: rgba(61, 201, 179, 0.5); border: solid 1px rgba(61, 201, 179, 0.5); padding: 20px; color: #fff; /*text-transform: uppercase;*/ letter-spacing: 1px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.subscribe input[type=submit]:hover { background: rgba(61, 201, 179, 1); border: solid 1px rgba(61, 201, 179, 1); color: #fff; }
/* ==========================================================================
CTA ｗｗｆｆｆｆｇｂｇｇｖｇｈｇｈｊｇｊｇｈｊｇｇｈｇｈ
========================================================================== */
.ignite-cta { background-color: #242830; padding: 70px 0; }
.ignite-btn { display: inline-block; padding: 25px 40px; color: #fff; border: solid 1px #fff; /*text-transform: uppercase;*/ font-weight: bold; letter-spacing: 1px; }
.ignite-btn:hover, .ignite-btn:focus { color: #3dc9b3; border: solid 1px #3dc9b3; }
/* ==========================================================================
Team
========================================================================== */
.team img { margin-bottom: 40px; }
.team2 img { margin-bottom: 17px; }
ul.lang-buttons { list-style: none; margin: 0; padding: 0; }
ul.lang-buttons li { display: inline-block; margin-right: 15px; }
ul.lang-buttons li:last-child { margin-right: 0; }
.lang-btn { width: 38px; height: 38px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: /*#fff*/#242830; display: inline-block; color: /*#242830*/#fff; font-size: 15px; line-height: 36px; text-align: center; /*border: 1px solid #242830;*/ }
.lang-btn:hover, .social-btn:focus { background: /*#242830*/#3dbac9; color: #fff; }
.social { margin-top: 30px }

ul li.lang-buttons2 { list-style: none; margin: 0 15px 0 0; padding: 0; }
ul li.lang-buttons2 li { display: inline-block; margin-right: 15px; }
ul li.lang-buttons2 li:last-child { margin-right: 0; }
.lang-btn2 { width: 34px; height: 34px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; background: #242830; display: inline-block; color: #fff; font-size: 15px; line-height: 27px; text-align: center; padding-left: 9px; padding-top: 0px; margin-left: 5px; border: 1px solid #242830; }
.lang-btn2:hover, .social-btn:focus { background: #3dbac9; color: #fff; border-color: #3dbac9; }
.lang-btn3 { width: 34px; height: 34px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; /*background: #242830;*/ display: inline-block; color: #333; font-size: 15px; line-height: 27px; text-align: center; padding-left: 8px; padding-top: 0px; margin-left: 5px; border: 1px solid #242830;}
.lang-btn3:hover { background: #3dbac9; color: #fff; border-color: #3dbac9; }

/* ==========================================================================
Contact
========================================================================== */
.up-btn { width: 50px; height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-adius: 50%; -o-border-radius: 50%; background: rgba(61, 201, 179, 0.5); display: block; margin: 0 auto; color: #fff; font-size: 18px; line-height: 46px; text-align: center; position: absolute; top: -26px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
.up-btn:hover, up-btn:focus { color: #fff; background: rgba(61, 201, 179, 1); }
.contact-details { margin: 70px 0; }
.contact-details h2 { font-size: 20px; }
.contact-details h2 span { display: block; color: #3dc9b3; /*text-transform: uppercase;*/ letter-spacing: 1px; font-size: 14px; margin-top: 15px; }
.contact-wrap { position: relative; }
/* ==========================================================================
Footer
========================================================================== */
footer a { color: #a1a9b0; }
footer { background-color: #333/*#242830*/; padding: 10px 0 10px; margin-top: 0/*300px*/; position: relative!; z-index: 2000!important; }
footer p { color: #fff; line-height: 1.5em; font-family: 'Roboto', sans-serif; font-weight: 300;  }
ul.legals { list-style: none; color: #fff; line-height: 10px; }
ul.legals li { display: inline-block; }
ul.legals li::after { content: " |"; }
ul.legals li:last-child::after { content: ""; }
/* ==========================================================================
FlexSlider Custom CSS
========================================================================== */
#servicesSlider { margin-top: 70px; }
ul.slides li { margin-bottom: 20px; }
/* ==========================================================================
Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
/* ==========================================================================
numbering
========================================================================== */
.numbering {
    margin-right: 50px;	
	margin-top: 10%;
	width: 20px;
	float: right;
	line-height: 1.5em;
	font-size:0.9em;	
}
.numbering ul {
	list-style: none;
	z-index: 3;
	position: fixed;

}
/* ==========================================================================
concept
========================================================================== */

   h7.concept {
	  color: #fff;
	  text-align: left;
	  padding-bottom: 30px;
	  padding-left: 0;
	  /*margin-left: -78%;*/
	  background: url('../img/category_line4.png') no-repeat;
	  background-position: 13px bottom;
	  background-size: 13px 25px;
	  position:relative;
	  float: left;
	  margin-left: 9.3%;
   }
   h7.concept-bl {
	  color: #333;
	  text-align: left;
	  padding-bottom: 30px;
	  padding-left: 0;
	  /*margin-left: -78%;*/
	  background: url('../img/category_line2.png') no-repeat;
	  background-position: 13px bottom;
	  background-size: 13px 25px;
	  position:relative;
	  float: left;
	  /*margin-left: 9.3%;*/
   }
   .midashi-left {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
    text-align: left;
    text-indent: -2% !important;
	padding-top: 17px;	 	   
   }
   .midashi-left-bl {
	font-size: 35.5px;
	font-weight: 700;
	color: #333;
    text-align: left;
    text-indent: 13% !important;/*-2%*/
	padding-bottom: 10px;   
   }
   .midashi-left-bl2 {
	font-size: 35.5px;
	font-weight: 700;
	color: #333;
    text-align: left;
    text-indent: -2% !important;
	padding-top: 15px;	   
   }
   .midashi-left-bl3 {
	font-size: 33px;
	font-weight: 700;
	color: #333;
    text-align: left;
    text-indent: -4% !important;
	padding-top: 15px;
	padding-bottom: 10px;	   
   }

    h2.c-concept {
      color: rgba(0,0,0,0.85);
	  font-size: 18px;
      text-align: left;
      line-height: 160%;
	  margin-left: 13%;
	  margin-right:10%;
    }
	h2.c-profile {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6em;
    text-align: left;
    width: 85%;
    margin-left: 12%;
    margin-right: 10%;
	}	

/* ==========================================================================
logo
========================================================================== */

h1.logo {
   max-width: 377px; /* 最大幅 */
   min-width: 200px; /* 最小幅 */
   margin: auto;
   padding-top: 
}
h1.logo img { width: 100%; 
display: inline-block;
}
/* ==========================================================================
header_white area
========================================================================== */
.header_white {
	margin: 0;
	background: url('../img/header_bg.png');
	width: 100%;
    height: 58px;
	/*z-index:999;*/
}
.sidelogo {
	text-align:right;
	padding-top:13px;
	padding-right: 55px;
	/*position: static;
	z-index: 1000;*/
}

/* ==========================================================================
profile
========================================================================== */

/* award */
.award-layout {  
  width: 92%;
  margin: 0 auto;
  /* padding-right: 20px;*/
  border-bottom: none;
  background-color: #fff;
}
.award-layout dt,
.award-layout dd {
  padding: 7px 20px;
}
.award-layout dt {
  font-size: 0.93em;
  color:#000;
  background-color: #e6e6e6;
  border-top:1px solid #fff;
  border-left: 1px solid #fff;
  height: auto;
  clear: left;
}

.award-layout dd {
  font-size:0.93em;
  line-height: 1.6em;
  padding-top:10px;
  padding-bottom:20px;
  float: left;
}

.award-layout dd span {
  font-size:0.93em;
}
.award-layout dd textarea {
  width:100%;
}
.award-layout .bdchange{
  border-bottom:none;	
}
.profile {
	font-size: 14px;
	line-height: 1.8em;
	text-align: left;
	color: #333;
    position:absolute;
	vertical-align:middle;
	margin-top: -10px;
	
}
.profile-img img {
	width: 90%;
	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
    padding-bottom: 30px;
}
.designer {
	font-size: 18px;
	line-height: 0.5em;
	text-align: left;
	color: #333;
    position:absolute;
	vertical-align:middle;
	
}
hr.designer-name {
height: 1px;
border: none;
border-bottom: 1px #333 solid;
margin-top: 41px;

}
.sitemap {
 	background-color: #eee;
	/*margin-top: 50px;*/
}
/*.sitemap-position {
	padding-top: 55px;
}*/
.sitemap-wrapper { 
	margin: 30px auto 0 12%; 
}
.section-padding2 {
	padding: 20px 0 50px;
}
.section-padding3 {
	padding: 40px 0 50px;
}


/* ==========================================================================
copyright
========================================================================== */
dl.copy {
	width: 100%;
	overflow: hidden;
	font-size: 14px;
	border-top: 0;
	box-sizing: border-box;
	text-align: left;
	line-height: 1.8em;
}

dl.copy dt {
	float: left;
	width: 5%;
	padding: 10px;
	box-sizing: border-box;
	font-weight: 400;
}

dl.copy dd {
	padding: 10px;
	box-sizing: border-box;
	margin-left: 5%;
}
.copybox {
	/*width:100%;*/
	max-width: 100%;
	height: auto;
    padding-top: 20px;
	padding-left: 10%;
}
h2.copy-midashi{
	text-align: left;
	text-indent: 10px;
}
p.copy-address {
      text-align: left;
      padding-left: 11.5%; 
      font-size: 14px;
	  line-height:1.6em;
      color: #333;
}
p.privacy-address {
      text-align: right;
      padding-left: 11.5%; 
      font-size: 14px;
	  line-height:1.6em;
      color: #333;
}

/* ==========================================================================
news
========================================================================== */
.midashi-news-bl {
    font-size: 45px;
    font-weight: 700;
    color: #333;
    text-align: right;
    text-indent: -2% !important;
    /*padding-top: 17px;*/
    padding-right: 10%;
}
h7.news-bl {
	width: 25px;
	height: 25px;
	position: relative;
    background: url('../img/category_line5.png') no-repeat;
    background-size: 25px 25px;
    position: relative;
    float: right;
    margin-right: 9.3%;
}
.news-category {
	text-align: left;
	padding-right: 20px;
	
}
.news-category a:hover {
    background-color: #000;
    color: #FFF;
}
.news-category a {
    border: 2px solid #333;
    color: #333;
    /*margin-left: 3px;*/
    padding: 2px 2%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 1em !important;
    text-decoration: none;
}
.news-date {
	font-size: 0.9em;
	text-align: left;
	color: #333;
	position: relative;
	margin-left: 10px;
}
.news-midashi{
	font-size: 18px;
	text-align: left;
	color: #333;
	width: 100%;
	padding-bottom: .5em;
	border-bottom: 1px solid #333;
	
}
.news-content {
   /* font-size: 14px;*/
    line-height: 1.8em;
    text-align: left;
    color: #333;
    position: absolute;
    vertical-align: middle;
    margin-top: -5px;
	height:80px;
	position:relative;
}
.news-viewmore {
	text-align: right;
	padding-right: 10.3%;
	
}
.news-viewmore a {
    border: 2px solid #333;
	color: #fff;
	background-color: #333;
	margin-left: 3px;
    padding: 2px 2%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 1em !important;
    margin-bottom: 5px;
    text-decoration: none;
}
.news-viewmore a:hover {
	background-color:#3dc9b3;
    border-color: #3dc9b3;
	color:#FFF;
	
}

/* ==========================================================================
work
========================================================================== */
.work-left-img img {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	/*margin-left: 30px;*/
	margin-right: 0;
}
.work-right-img img {
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	margin-left: 0;
}
.item2, .item4 {
  float: left;
  background-color: #000;
  position: relative;
  display: table-cell;
  text-algin: center;
  vertical-align: middle; /*セル内で上下中央揃えにする*/ 
  width: 100%;
  margin-bottom: 20px;
}
.item2 a:hover{
  opacity: 0.7;
  width: 100%;
}

.item2 p{
  position: absolute;
  color: #fff;/*#f3f3f3*/
  font-weight: 700;
  font-size: 1.8em;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.item2 p a:hover{
  color: #fff;
}
.item3 {
  float: left;
  background-color: #000;
  position: relative;
  display: table-cell;
  text-algin: center;
  vertical-align: middle; /*セル内で上下中央揃えにする*/ 
  width: 100%;
}
.item3 a:hover{
  opacity: 0.7;
  width: 100%;
}

.item3 p{
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-size: 1.8em;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.item4 a:hover{
  opacity: 0.7;
  width: 100%;
}

.item4 p{
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-size: 1.8em;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.work-wrapper { margin: 30px 13% 0; }

/* ==========================================================================
form
========================================================================== */
h7.form {
	background: url('../img/category_line3.png');
	background-repeat: no-repeat;
	background-position:right 15px bottom;

    text-align: right;
    padding-top: 0;
	padding-bottom: 30px;
	padding-right: 15px; 
	/*margin: 10px;*/
    font-size: 12px;	  		
}
h1.form {
      text-align: right;
      padding: 0;
      margin-bottom: 25px;
	  margin-top: -1px;
	  padding-right: 30px;
      font-size: 40px;
	  font-weight: 700;
      color: black;
}
.position-01 {
     text-align: right;	
}
.contact-address {
	text-align: left;
	margin-top: 50px;
	line-height: 1.8;
	padding: 0 10%;
	
}
footer.form-height {
	margin-top: 0;
}
.form-s{
	color: #e60012;
}
.necessary {
	padding-left: 10px;
	margin-bottom: 5px;
	color: #333;

}

/* ==========================================================================
space
========================================================================== */
.item {
  float: left;
  background-color: #000;
  position: relative;
  display: table-cell;
  text-algin: center;
  vertical-align: middle; /*セル内で上下中央揃えにする*/  
}
.item a:hover{
  opacity: 0.7;
  width: 100%;
}

.item p{
  position: absolute;
  color: #fff;
  font-weight: 700;
  font-size: 1.5em;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
}
.stamp {
  position: absolute;
  background: #000;/*#e5e5e5*/
  /*border: 4px solid #e5e5e5;*/
  word-wrap:break-all;
}
.stamp p {
  padding: 0 8px;
  color: #fff;
  max-width: 220px;
  line-height: 1.2em;
}

.x2 p {
  padding: 0 8px;
  color: #fff;
  max-width: 450px;
  line-height: 1.2em;
}
.item-each a:hover{
  opacity: 0.7;
  width: 100%;
}
.item-each img{
top: -12px;
left: -8px;
position: relative;
background-color: transparent;
}

#packery{
  width: 100%;	
}

h1.title {
      text-align: right;
      padding: 0;
      margin-bottom: 15px;
	  margin-top: -1px;
	  padding-right: 60px;
      font-size: 50px;
	  font-weight: 700;
      color: black;
}
h1.title2 {
      text-align: right;
      padding: 0;
      margin-bottom: 15px;
	  margin-top: -1px;
	  padding-right: 30px;
      font-size: 45px;
	  font-weight: 700;
      color: black;
}
.t-position{
	  padding-top: 20px;	
}

/* ==========================================================================
shoplist
========================================================================== */
.tbl-layout {  
  width: 92%;
  margin: 0 auto;
  /* padding-right: 20px;*/
  border-bottom: none;
  background-color: #fff;
}
.tbl-layout dt,
.tbl-layout dd {
  padding: 7px 20px;
}
.tbl-layout dt {
  font-size: 0.93em;
  color:#000;
  background-color: #e6e6e6;
  border-top:1px solid #fff;
  border-left: 1px solid #fff;
  height: auto;
}

.tbl-layout dd {
  font-size:0.93em;
  /*line-height: 1.6em;*/
  padding-top:10px;
  padding-bottom:20px;
  margin-left: 0;
}

.tbl-layout dd span {
  font-size:0.93em;
}
.tbl-layout dd textarea {
  width:100%;
}
.tbl-layout .bdchange{
  border-bottom:none;	
}
.shoplist01 {
	line-height: 1.8em;
	position: relative;
    padding:0.5em;
	clear: both;
}
.shoplist01 p {
  margin:0 0 0 5px;
  font-size: 0.9em;
  line-height: 1.8em;
}
.tbl-layout dt.shoplist-title {
  font-size: 0.93em;
  padding: 0 15px 0 0;
  font-weight:400;
  padding: 0px;
  background-color: #fff;
}
.tbl-layout dt.shoplist-title2 {
  font-size: 0.93em;
  padding: 10px 15px 0 0;
  font-weight:400;
  /*padding: 0px;*/
  background-color: #fff;
}
.tbl-layout dd.shoplist-title {
  font-size: 2.0em;	
  padding: 0 15px 0 0;
  font-weight: 700;
  text-align: right;
}
.tbl-layout dd.shoplist-title2 {
  font-size: 2.0em;	
  padding: 0 15px 0 0;
  font-weight: 700;
  text-align: right;
}
.category-list {
	padding-left: 15px;
	padding-right: 15px;
	
}
.category-list a {
    border: 2px solid #333;
	color: #333;
	margin-left: 3px;
    padding: 3px 2%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 1em !important;
    margin-bottom: 5px;
    text-decoration: none;
}
.category-list a:hover {
	background-color:#000;
	color:#FFF;
	
}
#bar-cafe, #boutique, #residence, #relaxation, #office, #exhibition, #amusement, #shop, #environment, #accommodation, #banquet, #clinic, #showroom{
  visibility : hidden;	
}
.go-to-shoplist {
	text-align: left;
	margin-left: 15px;
	margin-top: -10px;
	padding-bottom: 15px;
	
}
.go-to-shoplist a:hover {
    background-color: #000;
    color: #FFF;
}
.go-to-shoplist a {
    border: 2px solid #333;
    color: #333;
    /*margin-left: 3px;*/
    padding: 2px 2%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 1em !important;
    text-decoration: none;
}
.blk {
	color: #777;	
}

/* ==========================================================================
go to top
========================================================================== */

#page-top {
    position: fixed;
    bottom: 60px;
    right: 40px;
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
    /*font-size: 77%;*/
}

#page-top a {
	padding-top: 60px;
	
}
#page-top a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 46px;
	height: 46px;
	margin-left: -23px;
	border: 1px solid #333;
	border-radius: 100%;
	box-sizing: border-box;
    transition: background-color 1s;
    -webkit-transition: background-color 1s;
	
}
#page-top a:hover span {
	background-color: #333;
}

#page-top a span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 16px;
	height: 16px;
	margin: /*-12px*/-5px 0 0 -8px;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	box-sizing: border-box;
}
#page-top a:hover span::after {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;	
}
/* ==========================================================================
go downward 1
========================================================================== */
.move-downward {
	margin-bottom: 60px;
	position: relative;	
}
.move-downward a {
	padding-top: 60px;
}
.move-downward a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-left: -23px;
	border: 1px solid #fff;
	border-radius: 100%;
	box-sizing: border-box;
    transition: background-color 1s;
    -webkit-transition: background-color 1s;
	z-index: 1000;	
}
.move-downward a:hover span {
	background-color: #fff;

}

.move-downward a span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 20px;
	height: 20px;
	margin: -14px 0 0 -10px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
.move-downward a:hover span::after {
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;	
}
.opening-arrow {
	position: relative;
	padding-bottom: 20px;
	
}

/* ==========================================================================
go downward 2
========================================================================== */
.move-downward2 {
	margin-bottom: 50px;
	position: relative;	
	margin-top: 45px;
}
.move-downward2 a {
	padding-top: 60px;
}
.move-downward2 a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-left: -23px;
	border: 1px solid #333;
	border-radius: 100%;
	box-sizing: border-box;
    transition: background-color 1s;
    -webkit-transition: background-color 1s;
}
.move-downward2 a:hover span {
	background-color: #333;
}

.move-downward2 a span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 20px;
	height: 20px;
	margin: -14px 0 0 -10px;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
.move-downward2 a:hover span::after {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;	

}

/* ==========================================================================
go downward 3
========================================================================== */
.move-downward3 {
	margin-bottom: 50px;
	position: relative;	
	margin-top: 10px;
}
.move-downward3 a {
	padding-top: 60px;
}
.move-downward3 a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-left: -23px;
	border: 1px solid #333;
	border-radius: 100%;
	box-sizing: border-box;
    transition: background-color 1s;
    -webkit-transition: background-color 1s;
}
.move-downward3 a:hover span {
	background-color: #333;
}

.move-downward3 a span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 20px;
	height: 20px;
	margin: -14px 0 0 -10px;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
.move-downward3 a:hover span::after {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;	

}

/* ==========================================================================
go downward 4
========================================================================== */
.move-downward4 {
	bottom: 100px;
	position: absolute;
	left: 50%;
}
.move-downward4 a {
	padding-top: 60px;
}
.move-downward4 a span {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-left: -23px;
	border: 1px solid #333;
	border-radius: 100%;
	box-sizing: border-box;
    transition: background-color 1s;
    -webkit-transition: background-color 1s;
	z-index: 1000;	
}
.move-downward4 a:hover span {
	background-color: #333;

}

.move-downward4 a span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 20px;
	height: 20px;
	margin: -14px 0 0 -10px;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
.move-downward4 a:hover span::after {
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}


/* ==========================================================================
go downward 5
========================================================================== */
.move-downward5 {
	bottom: 100px;
	position: absolute;
	left: 50%;
}
.move-downward5 a {
	padding-top: 60px;
}
.move-downward5 a span {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 60px;
	height: 60px;
	margin-left: -28px;
	border: 1px solid #fff;
	border-radius: 100%;
	box-sizing: border-box;
    transition: background-color 1s;
    -webkit-transition: background-color 1s;
	z-index: 1000;	
}
.move-downward5 a:hover span {
	background-color: #fff;

}

.move-downward5 a span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 20px;
	height: 20px;
	margin: -14px 0 0 -10px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
.move-downward5 a:hover span::after {
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;	
}


/* ==========================================================================
top button
========================================================================== */
.btn.btn-primary {
    background-color: transparent;
    border:1px solid #f0f0f0;
    border-color:#f0f0f0;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.btn.btn-primary:hover {
    opacity: 0.6;
}

.btn {
    border: 0;
    border-radius: 290px;
    /* font-family: 'Roboto',sans-serif;*/
}

.btn-xl {
    padding: 15px 30px;
    font-size: 20px;
}
.intro-button {
	position: relative !important;
	top: 200px;
	z-index: 1000;
	margin-left: 12%; 	
}
.intro-button-position {
	margin: 30px;
}

/* ==========================================================================
sitemap
========================================================================== */
ul.sitemap, ul.sitemap ul li {
	list-style: none;
    text-align: left;
    margin-top: -15px;
    margin-bottom: 0;
	padding-left: 0;
}
ul.sitemap ul li {
    padding-bottom: 5px;	
 }
ul.sitemap li ul li {
    padding-bottom: 15px;
    padding-left: 0;
    
 } 

ul.sitemap2 {
	list-style: none;
    text-align: left;
    margin-top: -15px;
    margin-bottom: 0;
	padding-left: 0;
}
ul.sitemap2 ul li {
    padding-bottom: 5px;
	list-style: none;
    text-align: left;
    margin-top: -15px;
    margin-bottom: 0;
	padding-left: 0;
 }
ul.sitemap2 li ul li {
    padding-bottom: 15px;
    padding-left: 0;
 }
 
h2.sitemap-main {
    text-align: left;
}
.sitemap-position {
    background-color: #eee;
    bottom: 0px !important;
    position: relative;
}
/*.sitemap-wrapper { 
	margin: 100px auto 30px 12%; 
	height: 360px;
}*/
.sitemap-wrapper { 
	margin: 50px auto 30px 12%; 
	height: 300px;
}

/* ==========================================================================
access
========================================================================== */
.accessmap img {
	/*width:100%;*/
	max-width: 100%;
	height: auto;
    padding-top: 20px;		
}
p.address {
      text-align: left;
      padding: 0; 
      font-size: 14px;
	  line-height:1.6em;
       color: #333;
}

/* ==========================================================================
swiper
========================================================================== */

    .swiper-container {
        width: 100%;
        height: 100%;
		margin-bottom: 25px;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
	.swiper-shopname {
		margin-top: -29px;
		font-weight: 700;
	}
	.swiper-shopname2 {
		margin-top: -20px;
		font-weight: 700;
	}
	
	.photographer {
		font-size: 10px;
		font-weight: 400;
	}
   h7.concept-bl-showroom {
	  color: #333;
	  text-align: left;
	  padding-bottom: 27px;
	  padding-left: 0;
	  margin-left: -74%;	
	  background: url('../img/category_line2.png') no-repeat;
	  background-position: 13px bottom;
	  background-size: 13px 25px;
	  height: 1%;
   }
   
		.mb60{
			margin-bottom: 60px;
		}	
		.swiper-container{
			text-align: center;
		}
		.swiper-container .swiper-slide img{
			max-width: 100%;
			height: auto;
		}
		.prettyprint{
			border: none;
			background: #fafafa;
			color: #697d86;
		}

@media only screen and (min-width: 1024px) {
.move-downward2-en {
    margin-top: 145px;
}
.midashi-left-bl3 {
	text-indent: -3% !important;
}
	
}
@media screen and (min-width:481px) and (max-width:768px) {
	
.contact-address {
	margin-left: 15px;
		
}
.form-group {
  margin-bottom: 5px;
}
.sitemap-wrapper { 
	margin: 30px 9% 0; 
}
.sitemap-position {
	padding-top: 0px;
}
/* ==========================================================================
sitemap
========================================================================== */
ul.sitemap, ul.sitemap ul li {
    text-align: center;
}
ul.sitemap li ul li {
    margin-left: -40px;
 }
 
ul.sitemap2 {
    text-align: center;
}
ul.sitemap2 li ul li {
    margin-left: -40px;
 }
 
h2.sitemap-main {
    text-align: center;
}   
.sitemap-double {
	display: none;	
}
.profile-img img {
	width: 100%;
}
.award-layout dd {
  margin-left: 0;
  text-align: center;
  width: 100%;
  padding: 7px;
}
/* ==========================================================================
送る2
========================================================================== */
.move-downward2 {
	margin-top: 250px;
}
.move-downward3 {
	margin-top: 35px;
}

.designer {
    margin-top: -37px;
}
 
.news-3columns {
	33.333%	
}
.pc { display: block !important; }
.sp { display: none !important; }

.sidelogo {
    padding-right: 33px;
}
section.page3 .page_container {
    height: 430px;
}
h7.form {
	padding-right: 5%;
    background-position: right 50px bottom;
}
h1.form {
    padding-right: 63px;
}
h1.title {
    padding-right: 60px;
}

}


/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px) {
  body.inner-page #fh5co-main {
    margin-top: 0px;
    padding-top: 20px;
  }
 /* .main section.page1 h7, .main section.page2 h7, .main section.page3 h7, .main section.page4 h7 { 
    margin-left: 11.5%;
  }*/
  .main section.page1 h2, .main section.page2 h2, .main section.page4 h2 {
	margin-left: 17%;
  }
  .main section.page4 h2 {
	margin-left: 16%;
  }
  .main section.page2 h1 {
	margin-left: 16.5%;
  }
  .main section.page2 h2 {
    font-size: 16px;
  }
  .main section.page3 h2 {
	margin-left: 0;	
  }
    
.profile-img img {
	width: 100%;
}
.award-layout {
    width: 100%;
}

  .tbl-layout {  
    width: 100%;
    margin: 0 auto;
    border-bottom: none;
	/*background: #fff  url(../img/bg.png) repeat-y -9px 0;*/
  }
  .tbl-layout dt {
    padding: 11px;
	background-color: #fff;
  }
  
  .tbl-layout dd {
    padding: 11px 11px;
  }
  .tbl-layout dt {
    font-size:0.93em;
	text-align:right;
    clear: both;
    float: left;
    width: 350px;/*330px*/
	height: auto;
    /*border-top: 1px solid #FFFFFF;*/
	padding-top: 11px;
	padding-bottom: 11px;
	color: #777;
  }
   .tbl-layout dt.blk {
	color: #0c0c0c;
  }
  .tbl-layout dd {
    font-size:0.93em;
    padding-left: 360px;/*340px*/
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #666;
    border-left: 1px solid #FFFFFF;
	margin-left: 0;
	color: #777;
  }
  .tbl-layout dd.blk {
	color: #0c0c0c;
  }
  .tbl-layout .bdchange{
    border-bottom:1px solid #0009b8;
  } 
  .tbl-layout dd.shoplist-title {
  padding: 0 28px 0 0;	
  color: #0c0c0c;
  }
  .tbl-layout dd.shoplist-title2 {
  padding: 30px 28px 0 0;
  color: #0c0c0c;	
  }
  .tbl-layout dt.shoplist-title {
  font-size: 0.8em;
  padding: 17px 12px 0 0;
  font-weight:400;
  background-color: #fff;
  visibility : visible;
  color: #777;
  }
  .tbl-layout dt.shoplist-title2 {
  font-size: 0.8em;
  padding: 47px 12px 0 0;
  font-weight:400;
  background-color: #fff;
  }
  .tbl-layout dt.photographer {
  width: auto;    
  }

 /*.main section.page1 h7, .main section.page2 h7, .main section.page3 h7, .main section.page4 h7 {
	  margin-left: 10.5%;
    }*/

  .main section.page1 h2 {
      color: rgba(0,0,0,0.85);
	  font-size: 21px;
      text-align: center;
      line-height: 160%;
	  margin-left: 15%;
	  margin-right:10%;
    }

  .main section.page2 h2 {
      color: rgba(0,0,0,0.85);
	  font-size: 16px;
      text-align: left;
      line-height: 170%;
	  margin-left: 17%;
	  margin-right:10%;
    }
   section.page3 .page_container {
    overflow: hidden;
    margin-top: 0%;
}
  .award-layout {  
    width: 100%;
    margin: 0 auto;
    border-bottom: none;
	background: #fff;
  }
  .award-layout dt {
    padding: 10px 0;
	background-color: #fff;
	text-align: left;
  }
  
  .award-layout dd {
    padding: 10px 0;
  }
  .award-layout dt {
    font-size:0.93em;
    clear: both;
    float: left;
    width: 60px;
	height: auto;
    border-top: 1px solid #fff;
  }
  .award-layout dd {
    font-size:0.93em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    text-align: left;
	margin-left: -1px;
  }
  .award-layout .bdchange{
    border-bottom:1px solid #fff;
  }
.top_border {
  border-top: 1px solid #fff;
}
.inner { padding-top: 20.5%; }

/* ==========================================================================
sitemap
========================================================================== */
ul.sitemap, ul.sitemap ul li {
	padding-left: 40px;
}
ul.sitemap2 {
	padding-left: 40px;
}

p.address {
	padding-left: 10%;
	padding-right: 10%;
}
.pc { display: block !important; }
.sp { display: none !important; }
.sidelogo {
    padding-right: 4%;
}
h7.form {
	padding-right: 5%;
    background-position: right 50px bottom;
}
h1.form {
    padding-right: 63px;
}
.midashi-left-bl3 {
	text-indent: -4% !important;
}

}

@media screen and (max-width: 480px){/* 400px */

.form-group {
  margin-bottom: 5px;
}

.item img{
 width: 100%;
}
.item-each img{
 width: 100%;
}
.item-each img{
 top: 0px;
 left: 0px;
 position: relative;
}


/* ==========================================================================
logo
========================================================================== */
h1.logo {
   max-width: 330px; /* 最大幅 */
   min-width: 200px; /* 最小幅 */
   margin: auto;
}
h1.logo img { 
   width: 90%; 
}

/*.main section.page1 h7, .main section.page2 h7, .main section.page3 h7, .main section.page4 h7 {
   	margin-left: 5%;
}*/

.main section.page1 h1, .main section.page2 h1, .main section.page3 h1, .main section.page4 h1 {
   margin-left: 14%;
   margin-right: 10%;
}

.main section.page3 h2 {
   margin-left: 0%;	
   margin-top: -5px;
}
.main section.page2 h2 {
    font-size: 16px;
  }
.main section.page3 .page_container{
	margin-top: -220px;
}

.item p{
  font-size: 1.0em;
}

.contact-address {
	margin-left: 15px;
		
}
/* ==========================================================================
sitemap
========================================================================== */
ul.sitemap ul li {
    text-align: center;
}
ul.sitemap li ul li {
    margin-left: -40px;
 }
 
ul.sitemap2 {
    text-align: center;
}
ul.sitemap2 li ul li {
    margin-left: -40px;
 }
h2.sitemap-main {
    text-align: center;
}
ul.sitemap{
    text-align: center;
    display: none;
    
}
.main section.page3 .page_container{
	margin-top: 30px;
}
.sitemap-double {
	display: none;	
}
.access-position {
	padding-top: 15px;
	
}
.sitemap-wrapper {
    margin: 30px auto 30px 0;
    height: 360px;
}

/* ==========================================================================
profile
========================================================================== */
.profile-img img {
	width: 100%;
	margin-top: -20px;
}
.midashi-left, .midashi-left-bl, .midashi-left-bl2 {
	font-size: 30px;
    text-indent: -6% !important;
	padding-top: 25px;	   
}
.award-layout {  
  width: 100%;
}
.award-layout dd {
  margin-left: 0;
  text-align: center;
  width: 100%;
  padding: 7px;
}
.designer {
    margin-top: -25px;
}
.award-layout {
	width: 100%;
	margin-top: -25px;
}
.award-layout dd {
	padding-bottom: 0px;
}
.move-downward3 a span {
	top: -18px;
}
	
.move-downward2-en a span {
    top: 150px;
}
.section-padding {
    padding: 60px 0 250px;
}


/* ==========================================================================
送る2
========================================================================== */
.move-downward2 {
	margin-top: 350px;
}
.move-downward3 {
	margin-top: 35px;
}

.tbl-layout dd.shoplist-title2 {
  line-height: 1.2em;
  padding-bottom: 5px;  	
}
h1.title {
	font-size: 40px;
	padding-bottom: 3px;
	padding-right: 30px;
}
h1.title2 {
    font-size: 38px;
	padding-bottom: 3px;
}
.midashi-left-bl, .midashi-left-bl2 {
	/*font-size: 25px;*/
	line-height: 1.3em;
    padding-left: 12%;
	text-indent: -12%;
}
.midashi-left-bl, .midashi-left-bl2 {
    padding-left: 15%;
}
.midashi-left-bl3 {
	font-size: 25px;
}
.pc { display: none !important; }
.sp { display: block !important; }
    
dl.copy dt {
	width: 9%;
}

dl.copy dd {
	margin-left: 9%;
}
.sidelogo {
    padding-right: 5%;
}
.sitemap-double {
	display: none;	
}
h7.concept-bl {
   margin-left: 0;

}
h7.concept {
   margin-left: 0;

}

.midashi-left-bl3 {
    text-indent: -14% !important;
    padding-top: 26px;
	line-height: 32px;
   
}
.concept-position {
	padding-top: 20%;	
}
  
}

@media screen and (max-width: 320px){/* 400px */
h1.title {
	font-size: 40px;
	padding-bottom: 3px;	
}
.midashi-left-bl, .midashi-left-bl2 {
    text-indent: 13% !important;
	padding-top: 0;	
}

.swiper-shopname {
    margin-top: -30px;

}
.swiper-shopname2 {
    margin-top: -20px;

}
.subscribe {
	padding-top: 100px;
}
.midashi-left{
	text-indent: -9% !important;
	padding-top: 25px;
}
.section-padding {
    padding: 60px 0 250px;
}
.profile-img img {
	width: 100%;
	margin-top: -20px;
}
.designer {
    margin-top: -25px;
	font-size: 16px;
}
.profile {
	line-height: 1.6em;
	margin-top: -5px;
}
.award-layout {
	width: 100%;
	margin-top: -25px;
}
.award-layout dd {
	padding-bottom: 0px;
}
.move-downward3 a span {
	top: -18px;
}
	
.move-downward2-en a span {
    top: 180px;
}
.news-3columns {
	33.333%
	
}
.pc { display: none !important; }
.sp { display: block !important; }


.item2, .item3 {
	width: 50%;
}
.item2 p, .item3 p{
	font-size: 1.3em;
}
.item4 {
	margin-top: 7%;
}
section.page3 .page_container {
    height: 470px;
}

h7.concept-bl {
   margin-left: 0;

}

}

/* ==========================================================================
arrow
========================================================================== */
#fh5co-main {
  position: relative;
  float: left;
  width: 100%;
  clear: both;
}
/* ==========================================================================
IE スクロールバー重なり調整
========================================================================== */
@-ms-viewport
{
    width: auto;
    initial-scale: 1;
}
@viewport
{
    width: device-width;
    initial-scale: 1;
}

#stage1.display-fixed, #stage2.display-fixed, #stage3.display-fixed, #stage4.display-fixed {
	display: none;
	
}