@charset "utf-8";

/* ===================================================================
css information

File Name  : common.css
Author     : 
Style Info : 共通css
=================================================================== */

/*********************************************************************

Browser Default Initialization

*********************************************************************/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal; font-weight:normal; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html, body { height:100%; }
/* html { overflow-y:scroll; } */
body { line-height:1; letter-spacing:normal; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
dl, ol, ul { list-style:none; }
table { border-collapse:collapse; border-spacing:0; }
img { vertical-align:bottom; }
img, x:-moz-any-link, x:default { box-shadow:#000 0 0 0; }
a { color:inherit; -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; }
a, b, big, i, s, small, strike, strong, sub, sup, u, span, em { font-weight:inherit; line-height:inherit; }
*,
:before,
:after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

/*********************************************************************

common

*********************************************************************/

body { background:#fff; font-size:93.8%; }
html,
input,
select,
textarea,
button { color:#442e30; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
h1, h2, h3, h4, h5, h6 { line-height:165%; }
p { line-height:200%; }
a { text-decoration:none; }
img { width:100%; }

/* ===================================================================
 font-family
=================================================================== */

body { font-family:'a-otf-ud-reimin-pr6n', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HGS明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', serif; font-weight:300; font-style:normal; }

/* en1 */
.en1-w1 { font-family:acumin-pro, 'Roboto', Helvetica, sans-serif; font-weight: 100; }
.en1-w3 { font-family:acumin-pro, 'Roboto', Helvetica, sans-serif; font-weight: 300; }
.en1-w4 { font-family:acumin-pro, 'Roboto', Helvetica, sans-serif; font-weight: 400; }

/* ===================================================================
 cursor
=================================================================== */ 

.device-mobile *,
.device-tablet * { cursor:pointer; }

/* ===================================================================
 clearfix
=================================================================== */ 

.clearfix:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .clearfix { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .clearfix { zoom:1; }

/* ===================================================================
 clear
=================================================================== */ 

.clear { clear:both; }

/* ===================================================================
 display:none
=================================================================== */

/* breakpoint */
@media print,screen and (min-width:801px){ 
.bp-sp-only { display:none !important; } 
}

@media screen and (max-width:800px){ 
.bp-pc-only { display:none !important; } 
}

/* device */
.device-pc .ua-sp-only,
.device-tablet .ua-sp-only { display:none !important; }

/* ===================================================================
 svg
=================================================================== */

.svg-item { position:absolute; width:0; height:0; opacity:0; visibility:hidden; }

/*********************************************************************

html

*********************************************************************/

html { margin:0 !important; }

/*********************************************************************

[data-cover-img-src]

*********************************************************************/

[data-cover-img-src] { -webkit-backface-visibility:hidden; backface-visibility:hidden; }

/*********************************************************************

body

*********************************************************************/

body { overflow:hidden; }

/* during initialization */
body > #fullpage,
body > #anchor-change { opacity:0; visibility:hidden;
-webkit-transition: opacity 1.0s ease, visibility 1.0s ease;
-moz-transition: opacity 1.0s ease, visibility 1.0s ease;
-ms-transition: opacity 1.0s ease, visibility 1.0s ease;
-o-transition: opacity 1.0s ease, visibility 1.0s ease;
transition: opacity 1.0s ease, visibility 1.0s ease;
}

/* initialized */
body.initialized > #fullpage,
body.initialized > #anchor-change { opacity:1; visibility:visible; }

/*********************************************************************

#loading - ※PC

*********************************************************************/

#loading { width:100%; height:100%; position:fixed; top:0; left:0; z-index:1000; background:#fff; }
#loading .loading-inner { width:100%; height:100%; position:relative; background:#fff; }
#loading .loading-logo { width:380px; height:110px; position:absolute; top:50%; left:50%; margin:-55px 0 0 -190px; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
#loading .loading-logo .svg-1 { fill:#462827; }

/* initialized */
body > #loading {
-webkit-transition: opacity 1.0s ease, visibility 1.0s ease;
-moz-transition: opacity 1.0s ease, visibility 1.0s ease;
-ms-transition: opacity 1.0s ease, visibility 1.0s ease;
-o-transition: opacity 1.0s ease, visibility 1.0s ease;
transition: opacity 1.0s ease, visibility 1.0s ease;	
}
body.initialized > #loading { opacity:0; visibility:hidden; }

/* animate */
#loading .loading-inner {
-webkit-animation:loadingAnimation-bg 4.0s ease 1.0s infinite normal;
-moz-animation:loadingAnimation-bg 4.0s ease 1.0s infinite normal;
animation:loadingAnimation-bg 4.0s ease 1.0s infinite normal; 
}
#loading .loading-logo .svg-1 {
-webkit-animation:loadingAnimation-logo 4.0s ease 1.0s infinite normal;
-moz-animation:loadingAnimation-logo 4.0s ease 1.0s infinite normal;
animation:loadingAnimation-logo 4.0s ease 1.0s infinite normal; 
}
.bn-ie #loading .loading-inner {
-webkit-animation:none 0s ease 0s 1 normal;
-moz-animation:none 0s ease 0s 1 normal;
animation:none 0s ease 0s 1 normal; 
}
.bn-ie #loading .loading-logo .svg-1 {
-webkit-animation:none 0s ease 0s 1 normal;
-moz-animation:none 0s ease 0s 1 normal;
animation:none 0s ease 0s 1 normal; 
}

@-webkit-keyframes loadingAnimation-bg {
0% { background-color:#fff; }
50% { background-color:#462827; }
100% { background-color:#fff; }
}
@-moz-keyframes loadingAnimation-bg {
0% { background-color:#fff; }
50% { background-color:#462827; }
100% { background-color:#fff; }
}
@keyframes loadingAnimation-bg {
0% { background-color:#fff; }
50% { background-color:#462827; }
100% { background-color:#fff; }
}

@-webkit-keyframes loadingAnimation-logo {
0% { fill:#462827; }
50% { fill:#fff; }
100% { fill:#462827; }
}
@-moz-keyframes loadingAnimation-logo {
0% { fill:#462827; }
50% { fill:#fff; }
100% { fill:#462827; }
}
@keyframes loadingAnimation-logo {
0% { fill:#462827; }
50% { fill:#fff; }
100% { fill:#462827; }
}

/*********************************************************************

#loading - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
#loading .loading-logo { 
-moz-transform: scale(0.65);
-webkit-transform: scale(0.65);
-o-transform: scale(0.65);
-ms-transform: scale(0.65);
transform: scale(0.65);
}
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
#loading .loading-logo { 
-moz-transform: scale(0.58);
-webkit-transform: scale(0.58);
-o-transform: scale(0.58);
-ms-transform: scale(0.58);
transform: scale(0.58);
}
}

/*********************************************************************

#gMenu - ※PC

*********************************************************************/

#gMenu-open { width:60px; height:60px; position:fixed; top:0; left:0; background:URL(../img/cmn/menu/open-btn.png) no-repeat center center; background-size:20px; cursor:pointer; z-index:200; }
#gMenu-close { width:60px; height:60px; position:absolute; top:0; right:0; background:URL(../img/cmn/menu/close-btn.png) no-repeat center center; background-size:20px; cursor:pointer; }
#gMenu { width:100%; height:100%; position:fixed; top:0; left:0; background:#fff; z-index:201; overflow:hidden; }
#gMenu .gMenu-container { width:100%; height:100%; position:absolute; top:0; left:0; font-size:0; text-align:center; }
#gMenu .gMenu-container:before,
#gMenu .gMenu-container .gMenu-content { display:inline-block; vertical-align:middle; }
#gMenu .gMenu-container:before { content:''; width:0; height:100%; }
#gMenu .gMenu-container .gMenu-content { max-width:100%; padding:0 0 0 0; }
#gMenu .gMenu-head img { width:auto; }
#gMenu .gMenu-head .title-1 img { height:35px; }
#gMenu .gMenu-head .sub-1 { margin:35px 0 0 0; }
#gMenu .gMenu-head .sub-1 img { height:14px; }
#gMenu .gMenu-head .title-2 { margin:18px 0 0 0; }
#gMenu .gMenu-head .title-2 img { height:20px; }
#gMenu .gMenu-nav { margin:32px 0 0 0; }
#gMenu .gMenu-nav .return-index a { font-size:22px; line-height:165%; text-align:center; }
#gMenu .gMenu-nav ul { width:648px; margin:22px auto 0 auto; text-align:center; }
#gMenu .gMenu-nav ul li { width:33.333%; display:inline-block; vertical-align:top; padding:0 33px; }
#gMenu .gMenu-nav ul li figure { position:relative; overflow:hidden; }
#gMenu .gMenu-nav ul li a { display:block; }
#gMenu .gMenu-nav ul li a figure:after { content:''; width:300px; height:300px; position:absolute; top:50%; left:50%; margin:-150px 0 0 -150px; background-color:rgba(88,51,58,0.5); 
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
#gMenu .gMenu-nav ul li p { font-size:14px; line-height:165%; margin:12px 0 0 0; }
#gMenu .gMenu-nav .links { margin:35px 0 0 0; }
#gMenu .gMenu-nav .links > * { display:inline-block; vertical-align:top; margin:0 5px; }
#gMenu .gMenu-nav .links a { display:block; height:40px; line-height:38px; background:#fff; border:#553543 1px solid; font-size:13px; padding:0 20px; }
#gMenu .gMenu-foot { margin:30px 0 0 0; }
#gMenu .gMenu-foot .share { text-align:center; }
#gMenu .gMenu-foot .share > * { display:inline-block; vertical-align:top; }
#gMenu .gMenu-foot .share .share-button { margin:0 5px; }
#gMenu .gMenu-foot .share .share-button a { display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; background-size:22px; }
#gMenu .gMenu-foot .share .share-button.facebook a { background-image:URL(../img/cmn/sns-icon2-2.png); }
#gMenu .gMenu-foot .share .share-button.twitter a { background-image:URL(../img/cmn/sns-icon2-3.png); }
#gMenu .gMenu-foot .share .share-button.line a { background-image:URL(../img/cmn/sns-icon2-4.png); }
#gMenu .gMenu-foot .share-title { font-size:11px; line-height:165%; letter-spacing:0.04em; text-align:center; margin:10px 0 0 0; }

/* model */
#gMenu .gMenu-nav ul li.model-1 a figure:after { }

/* transition */
#gMenu-open {
-webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
-moz-transition: opacity 0.5s ease, visibility 0.5s ease;
-ms-transition: opacity 0.5s ease, visibility 0.5s ease;
-o-transition: opacity 0.5s ease, visibility 0.5s ease;
transition: opacity 0.5s ease, visibility 0.5s ease;	
}
#gMenu .gMenu-nav .links a {
-webkit-transition: background 0.5s ease, color 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease;
-ms-transition: background 0.5s ease, color 0.5s ease;
-o-transition: background 0.5s ease, color 0.5s ease;
transition: background 0.5s ease, color 0.5s ease;
}
#gMenu .gMenu-nav ul li a figure:after {
-webkit-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
-moz-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -moz-transform 0.5s ease 0s;
-ms-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -ms-transform 0.5s ease 0s;
-o-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -o-transform 0.5s ease 0s;
transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, transform 0.5s ease 0s;
}

/* default */
#gMenu-open { opacity:0; visibility:hidden; }
#gMenu .gMenu-nav ul li a figure:after { opacity:0; visibility:hidden;
-moz-transform: scale(0.1);
-webkit-transform: scale(0.1);
-o-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
}

/* active */
#gMenu-open.active { opacity:1; visibility:visible; }

/* hover */
#gMenu .gMenu-nav .links a:hover { background:#553543; color:#dfdfdf; }
#gMenu .gMenu-nav ul li a:hover figure:after { opacity:1; visibility:visible;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

/* transitions
--------------------------------------------------------------------*/

/* default */
#gMenu { width:0; opacity:0; visibility:hidden; }
#gMenu #gMenu-close { opacity:0; visibility:hidden;
-webkit-transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
-moz-transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s, -moz-transform 0.6s ease 0s;
-ms-transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s, -ms-transform 0.6s ease 0s;
-o-transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s, -o-transform 0.6s ease 0s;
transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s, transform 0.6s ease 0s; 
}
#gMenu .trans-item-1,
#gMenu .trans-item-2,
#gMenu .trans-item-3,
#gMenu .trans-item-4,
#gMenu .trans-item-5 { opacity:0; visibility:hidden; 
-moz-transform: translateX(0px) translateY(30px);
-webkit-transform: translateX(0px) translateY(30px);
-o-transform: translateX(0px) translateY(30px);
-ms-transform: translateX(0px) translateY(30px);
transform: translateX(0px) translateY(30px);
}

/* active */
#gMenu.active { width:100%; opacity:1; visibility:visible;
-webkit-transition: width 0.4s ease 0s;
-moz-transition: width 0.4s ease 0s;
-ms-transition: width 0.4s ease 0s;
-o-transition: width 0.4s ease 0s;
transition: width 0.4s ease 0s; 
}

/* ready */
#gMenu.ready { 
-webkit-transition: width 0.6s ease 0.4s, opacity 0.6s ease 0.4s, visibility 0.6s ease 0.4s;
-moz-transition: width 0.6s ease 0.4s, opacity 0.6s ease 0.4s, visibility 0.6s ease 0.4s;
-ms-transition: width 0.6s ease 0.4s, opacity 0.6s ease 0.4s, visibility 0.6s ease 0.4s;
-o-transition: width 0.6s ease 0.4s, opacity 0.6s ease 0.4s, visibility 0.6s ease 0.4s;
transition: width 0.6s ease 0.4s, opacity 0.6s ease 0.4s, visibility 0.6s ease 0.4s; 
}
#gMenu.ready #gMenu-close { opacity:1; visibility:visible; }
#gMenu.ready .trans-item-1 {
-webkit-transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s, -webkit-transform 0.6s ease 0s;
-moz-transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s, -moz-transform 0.6s ease 0s;
-ms-transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s, -ms-transform 0.6s ease 0s;
-o-transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s, -o-transform 0.6s ease 0s;
transition: opacity 0.6s ease 0s, visibility 0.6s ease 0s, transform 0.6s ease 0s; 
}
#gMenu.ready .trans-item-2 {
-webkit-transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, -webkit-transform 0.6s ease 0.2s;
-moz-transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, -moz-transform 0.6s ease 0.2s;
-ms-transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, -ms-transform 0.6s ease 0.2s;
-o-transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, -o-transform 0.6s ease 0.2s;
transition: opacity 0.6s ease 0.2s, visibility 0.6s ease 0.2s, transform 0.6s ease 0.2s; 	
}
#gMenu.ready .trans-item-3 { 
-webkit-transition: opacity 0.6s ease 0.4s, visibility 0.6s ease 0.4s, -webkit-transform 0.6s ease 0.4s;
-moz-transition: opacity 0.6s ease 0.4s, visibility 0.6s ease 0.4s, -moz-transform 0.6s ease 0.4s;
-ms-transition: opacity 0.6s ease 0.4s, visibility 0.6s ease 0.4s, -ms-transform 0.6s ease 0.4s;
-o-transition: opacity 0.6s ease 0.4s, visibility 0.6s ease 0.4s, -o-transform 0.6s ease 0.4s;
transition: opacity 0.6s ease 0.4s, visibility 0.6s ease 0.4s, transform 0.6s ease 0.4s; 
}
#gMenu.ready .trans-item-4 { 
-webkit-transition: opacity 0.6s ease 0.6s, visibility 0.6s ease 0.6s, -webkit-transform 0.6s ease 0.6s;
-moz-transition: opacity 0.6s ease 0.6s, visibility 0.6s ease 0.6s, -moz-transform 0.6s ease 0.6s;
-ms-transition: opacity 0.6s ease 0.6s, visibility 0.6s ease 0.6s, -ms-transform 0.6s ease 0.6s;
-o-transition: opacity 0.6s ease 0.6s, visibility 0.6s ease 0.6s, -o-transform 0.6s ease 0.6s;
transition: opacity 0.6s ease 0.6s, visibility 0.6s ease 0.6s, transform 0.6s ease 0.6s; 
}
#gMenu.ready .trans-item-5 { 
-webkit-transition: opacity 0.6s ease 0.8s, visibility 0.6s ease 0.8s, -webkit-transform 0.6s ease 0.8s;
-moz-transition: opacity 0.6s ease 0.8s, visibility 0.6s ease 0.8s, -moz-transform 0.6s ease 0.8s;
-ms-transition: opacity 0.6s ease 0.8s, visibility 0.6s ease 0.8s, -ms-transform 0.6s ease 0.8s;
-o-transition: opacity 0.6s ease 0.8s, visibility 0.6s ease 0.8s, -o-transform 0.6s ease 0.8s;
transition: opacity 0.6s ease 0.8s, visibility 0.6s ease 0.8s, transform 0.6s ease 0.8s; 
}
#gMenu.ready .trans-item-1,
#gMenu.ready .trans-item-2,
#gMenu.ready .trans-item-3,
#gMenu.ready .trans-item-4,
#gMenu.ready .trans-item-5 { opacity:1; visibility:visible; 
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}

/* removing */
#gMenu.removing #gMenu-close { opacity:0; visibility:hidden; }
#gMenu.removing { width:0; opacity:0; visibility:hidden; }
#gMenu.removing .trans-item-1,
#gMenu.removing .trans-item-2,
#gMenu.removing .trans-item-3,
#gMenu.removing .trans-item-4,
#gMenu.removing .trans-item-5 { opacity:0; visibility:hidden;
-moz-transform: translateX(0px) translateY(30px);
-webkit-transform: translateX(0px) translateY(30px);
-o-transform: translateX(0px) translateY(30px);
-ms-transform: translateX(0px) translateY(30px);
transform: translateX(0px) translateY(30px);
-webkit-transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s, -webkit-transform 0.4s ease 0s;
-moz-transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s, -moz-transform 0.4s ease 0s;
-ms-transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s, -ms-transform 0.4s ease 0s;
-o-transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s, -o-transform 0.4s ease 0s;
transition: opacity 0.4s ease 0s, visibility 0.4s ease 0s, transform 0.4s ease 0s;
}

/*********************************************************************

#gMenu - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
#gMenu-open { width:50px; height:50px; background-image:URL(../img/cmn/menu/open-btn-sp.png); background-size:20px; }
#gMenu-close { width:50px; height:50px; background-image:URL(../img/cmn/menu/close-btn-sp.png); background-size:12px; }
#gMenu .gMenu-container .gMenu-content { padding:0; }
#gMenu .gMenu-head .title-1 img { height:25px; }
#gMenu .gMenu-head .sub-1 { margin:25px 0 0 0; }
#gMenu .gMenu-head .sub-1 img { height:12px; }
#gMenu .gMenu-head .title-2 { margin:10px 0 0 0; }
#gMenu .gMenu-head .title-2 img { height:16px; }
#gMenu .gMenu-nav { margin:20px 0 0 0; }
#gMenu .gMenu-nav .return-index a { font-size:15px; line-height:150%; }
#gMenu .gMenu-nav ul { width:100%; max-width:414px; margin:22px auto 0 auto; padding:0 25px; }
#gMenu .gMenu-nav ul li { padding:0 9px; }
#gMenu .gMenu-nav ul li p { font-size:12px; line-height:120%; margin:10px 0 0 0; }
#gMenu .gMenu-nav ul li p span { display:inline-block; vertical-align:top; }
#gMenu .gMenu-nav .links { margin:30px 0 0 0; }
#gMenu .gMenu-nav .links > * { margin:0 4px; }
#gMenu .gMenu-nav .links a { height:32px; line-height:30px; font-size:13px; padding:0 10px; }
#gMenu .gMenu-foot { margin:15px 0 0 0; }
#gMenu .gMenu-foot .share .share-button { margin:0 8px; }
#gMenu .gMenu-foot .share .share-button a { width:32px; height:32px; background-size:20px; }
#gMenu .gMenu-foot .share-title { font-size:12px; margin:2px 0 0 0; }

/* hover */
#gMenu .gMenu-nav .links a:hover { background:#fff; color:#442e30; }
#gMenu .gMenu-nav ul li a:hover figure:after { display:none; }

/* transitions
--------------------------------------------------------------------*/

/* default */
#gMenu .trans-item-1,
#gMenu .trans-item-2,
#gMenu .trans-item-3,
#gMenu .trans-item-4,
#gMenu .trans-item-5 {
-moz-transform: translateX(0px) translateY(15px);
-webkit-transform: translateX(0px) translateY(15px);
-o-transform: translateX(0px) translateY(15px);
-ms-transform: translateX(0px) translateY(15px);
transform: translateX(0px) translateY(15px);
}

/* ready */
#gMenu.ready .trans-item-1,
#gMenu.ready .trans-item-2,
#gMenu.ready .trans-item-3,
#gMenu.ready .trans-item-4,
#gMenu.ready .trans-item-5 {
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}

/* removing */
#gMenu.removing .trans-item-1,
#gMenu.removing .trans-item-2,
#gMenu.removing .trans-item-3,
#gMenu.removing .trans-item-4,
#gMenu.removing .trans-item-5 { 
-moz-transform: translateX(0px) translateY(15px);
-webkit-transform: translateX(0px) translateY(15px);
-o-transform: translateX(0px) translateY(15px);
-ms-transform: translateX(0px) translateY(15px);
transform: translateX(0px) translateY(15px);
}
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
#gMenu-open { width:42px; height:42px; background-size:16px; }
#gMenu-close { width:42px; height:42px; background-size:12px; }
#gMenu .gMenu-head .title-1 img { height:21px; }
#gMenu .gMenu-head .sub-1 { margin:20px 0 0 0; }
#gMenu .gMenu-head .sub-1 img { height:10px; }
#gMenu .gMenu-head .title-2 { margin:9px 0 0 0; }
#gMenu .gMenu-head .title-2 img { height:14px; }
#gMenu .gMenu-nav { margin:15px 0 0 0; }
#gMenu .gMenu-nav .return-index a { font-size:13px; }
#gMenu .gMenu-nav ul { margin:15px auto 0 auto; padding:0 15px; }
#gMenu .gMenu-nav ul li { padding:0 8px; }
#gMenu .gMenu-nav ul li p { font-size:11px; margin:9px 0 0 0; }
#gMenu .gMenu-nav .links { margin:22px 0 0 0; }
#gMenu .gMenu-nav .links > * { margin:0 3px; }
#gMenu .gMenu-nav .links a { height:28px; line-height:26px; font-size:11px; padding:0 8px; }
#gMenu .gMenu-foot { margin:10px 0 0 0; }
#gMenu .gMenu-foot .share .share-button { margin:0 6px; }
#gMenu .gMenu-foot .share .share-button a { width:28px; height:28px; background-size:17px; }
#gMenu .gMenu-foot .share-title { font-size:11px; margin:1px 0 0 0; }

/* column-2 */
#gMenu .gMenu-nav ul.column-2 { padding:0 25px; }
#gMenu .gMenu-nav ul.column-2 li { padding:0 20px; }
}

/*********************************************************************

#fullpage - ※PC

*********************************************************************/

#fullpage { position:relative; z-index:1; }
#fullpage .sec-inner { padding:70px 0; }

#fullpage .custom-noscroll .fp-tableCell,
#fullpage .custom-noscroll .fp-scrollable { height:auto !important; }

/*********************************************************************

#fullpage - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
#fullpage .sec-inner { padding:20px 0; } 
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
#fullpage .sec-inner { padding:15px 0; } 
}

/*********************************************************************

#footer-section - ※PC

*********************************************************************/

#footer-section { background:#fff; }
#footer-section .fp-tableCell { vertical-align:top; }
#footer-section .fotter-top { padding:0 0 400px 0; position:relative; }
#footer-section .fotter-top #anchor-top { display:block; width:74px; height:74px; margin:0 auto; position:relative; overflow:hidden; }
#footer-section .fotter-top #anchor-top .arrow { content:''; width:15px; height:14px; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; background:URL(../img/cmn/page-top-1.png) no-repeat center center; background-size:100%; }
#footer-section .fotter-top .share { margin:4px 0 0 0; text-align:center; }
#footer-section .fotter-top .share > * { display:inline-block; vertical-align:top; }
#footer-section .fotter-top .share .share-button { margin:0 5px; }
#footer-section .fotter-top .share .share-button a { display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; background-size:22px; }
#footer-section .fotter-top .share .share-button.facebook a { background-image:URL(../img/cmn/sns-icon2-2.png); }
#footer-section .fotter-top .share .share-button.twitter a { background-image:URL(../img/cmn/sns-icon2-3.png); }
#footer-section .fotter-top .share .share-button.line a { background-image:URL(../img/cmn/sns-icon2-4.png); }
#footer-section .fotter-top .share-title { font-size:11px; line-height:165%; letter-spacing:0.04em; text-align:center; margin:10px 0 0 0; }
#footer-section .fotter-top .return-index { display:block; width:100px; height:36px; line-height:34px; text-align:center; margin:70px auto 0 auto; background:#a7a9ac; border:#a7a9ac 1px solid; color:#fff; font-size:15px; }
#footer-section .fotter-bottom { width:100%; height:345px; position:absolute; bottom:0; left:0; text-align:center; font-size:0; }
#footer-section .fotter-bottom > :before,
#footer-section .fotter-bottom .inner { display:inline-block; vertical-align:middle; }
#footer-section .fotter-bottom > :before { content:''; height:100%; width:0; }
#footer-section .fotter-bottom .inner { font-size:15px; }
#footer-section .fotter-bottom-top { height:210px; background:#dfdfdf; overflow:hidden; }
#footer-section .fotter-bottom-top h3 { font-size:15px; line-height:150%; }
#footer-section .fotter-bottom-top h3 span { display:block; }
#footer-section .fotter-bottom-top h3 span.span-2 { margin:7px 0 0 0; }
#footer-section .fotter-bottom-top p { font-size:16px; line-height:165%; letter-spacing:0.04em; margin:5px 0 0 0; }
#footer-section .fotter-bottom-top .links { margin:0 0 24px 0; }
#footer-section .fotter-bottom-top .links > * { display:inline-block; vertical-align:top; margin:0 5px; }
#footer-section .fotter-bottom-top .links a { display:block; height:40px; line-height:38px; background:#dfdfdf; border:#553543 1px solid; font-size:13px; padding:0 10px; letter-spacing:0.04em; }
#footer-section .fotter-bottom-bottom { height:135px; background:#282828; overflow:hidden; color:#fff; }
#footer-section .fotter-bottom-bottom .logo img { width:auto; height:27px; }
#footer-section .fotter-bottom-bottom .sns { margin:14px 0 0 0; }
#footer-section .fotter-bottom-bottom .sns > * { display:inline-block; vertical-align:top; }
#footer-section .fotter-bottom-bottom .sns > p { height:30px; line-height:30px; font-size:11px; letter-spacing:0.04em; padding:0 10px 0 0; }
#footer-section .fotter-bottom-bottom .sns .sns-button { margin:0 2px; }
#footer-section .fotter-bottom-bottom .sns .sns-button a { display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; background-size:22px; }
#footer-section .fotter-bottom-bottom .sns .sns-button.instagram a { background-image:URL(../img/cmn/sns-icon1-1.png); }
#footer-section .fotter-bottom-bottom .sns .sns-button.facebook a { background-image:URL(../img/cmn/sns-icon1-2.png); }
#footer-section .fotter-bottom-bottom .sns .sns-button.twitter a { background-image:URL(../img/cmn/sns-icon1-3.png); }
#footer-section .fotter-bottom-bottom .sns .sns-button.line a { background-image:URL(../img/cmn/sns-icon1-4.png); }
#footer-section .fotter-bottom-bottom .copyright { font-size:10px; line-height:165%; letter-spacing:0.04em; margin:8px 0 0 0; }
#footer-section .fotter-bottom-bottom .copyright br { display:none; }

/* transition */
#footer-section .fotter-top .return-index,
#footer-section .fotter-bottom-top .links a {
-webkit-transition: background 0.5s ease, color 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease;
-ms-transition: background 0.5s ease, color 0.5s ease;
-o-transition: background 0.5s ease, color 0.5s ease;
transition: background 0.5s ease, color 0.5s ease;
}

/* hover */
#footer-section .fotter-top .return-index:hover { background:#fff; color:#888; }
#footer-section .fotter-bottom-top .links a:hover {  background:#553543; color:#dfdfdf; }

/* animate */
#anchor-top .arrow {
-webkit-animation:arrowTopAnimation 2.0s ease 0.5s infinite normal;
-moz-animation:arrowTopAnimation 2.0s ease 0.5s infinite normal;
animation:arrowTopAnimation 2.0s ease 0.5s infinite normal; 
}

@-webkit-keyframes arrowTopAnimation {
0% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
29% { opacity:0; visibility:hidden; -webkit-transform: translateY(-15px); }
31% { opacity:0; visibility:hidden; -webkit-transform: translateY(15px); }
60% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
100% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
}
@-moz-keyframes arrowTopAnimation {
0% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
29% { opacity:0; visibility:hidden; -moz-transform: translateY(-15px); }
31% { opacity:0; visibility:hidden; -moz-transform: translateY(15px); }
60% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
100% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
}
@keyframes arrowTopAnimation {
0% { opacity:1; visibility:visible; transform: translateY(0px); }
29% { opacity:0; visibility:hidden; transform: translateY(-15px); }
31% { opacity:0; visibility:hidden; transform: translateY(15px); }
60% { opacity:1; visibility:visible; transform: translateY(0px); }
100% { opacity:1; visibility:visible; transform: translateY(0px); }
}

/*********************************************************************

#footer-section - ※SP

*********************************************************************/

@media screen and (max-width:800px){
#footer-section .fotter-top { padding:0 0 350px 0; position:relative; }
#footer-section .fotter-top #anchor-top { width:50px; height:50px; }
#footer-section .fotter-top #anchor-top .arrow { width:13px; height:12px; margin:-6px 0 0 -6px; }
#footer-section .fotter-top .share { margin:0; }
#footer-section .fotter-top .share .share-button { margin:0 8px; }
#footer-section .fotter-top .share .share-button a { width:32px; height:32px; background-size:20px; }
#footer-section .fotter-top .share-title { font-size:12px; margin:2px 0 0 0; }
#footer-section .fotter-top .return-index { width:96px; height:34px; line-height:32px; margin:17px auto 0 auto; font-size:14px; }
#footer-section .fotter-bottom { height:334px; }
#footer-section .fotter-bottom .inner { font-size:12px; }
#footer-section .fotter-bottom-top { height:180px; padding:15px 0; }
#footer-section .fotter-bottom-top h3 { font-size:12px; line-height:150%; }
#footer-section .fotter-bottom-top h3 span.span-2 { margin:3px 0 0 0; }
#footer-section .fotter-bottom-top p { font-size:15px; line-height:150%; letter-spacing:0.04em; margin:1px 0 0 0; }
#footer-section .fotter-bottom-top .links { margin:0 0 14px 0; }
#footer-section .fotter-bottom-top .links > * { margin:0 4px; }
#footer-section .fotter-bottom-top .links .official { display:block; margin:8px 0 0 0; }
#footer-section .fotter-bottom-top .links a { height:32px; line-height:30px; font-size:13px; padding:0 10px; }
#footer-section .fotter-bottom-bottom { height:154px; padding:2px 0 0 0; }
#footer-section .fotter-bottom-bottom .logo img { width:auto; height:18px; }
#footer-section .fotter-bottom-bottom .sns { margin:10px 0 0 0; }
#footer-section .fotter-bottom-bottom .sns > p { display:block; height:auto; line-height:150%; font-size:10px; letter-spacing:0.04em; padding:0 0 6px 0; }
#footer-section .fotter-bottom-bottom .sns .sns-button { margin:0 6px; }
#footer-section .fotter-bottom-bottom .sns .sns-button a { width:32px; height:32px; background-size:20px; }
#footer-section .fotter-bottom-bottom .copyright { font-size:10px; line-height:120%; letter-spacing:0.04em; margin:4px 0 0 0;
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9); 
}
#footer-section .fotter-bottom-bottom .copyright br { display:block; }

/* hover */
#footer-section .fotter-top .return-index:hover { background:#a7a9ac; color:#fff; }
#footer-section .fotter-bottom-top .links a:hover {  background:#dfdfdf; color:#442e30; }

/* animate */
@-webkit-keyframes arrowTopAnimation {
0% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
29% { opacity:0; visibility:hidden; -webkit-transform: translateY(-12px); }
31% { opacity:0; visibility:hidden; -webkit-transform: translateY(12px); }
60% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
100% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
}
@-moz-keyframes arrowTopAnimation {
0% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
29% { opacity:0; visibility:hidden; -moz-transform: translateY(-12px); }
31% { opacity:0; visibility:hidden; -moz-transform: translateY(12px); }
60% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
100% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
}
@keyframes arrowTopAnimation {
0% { opacity:1; visibility:visible; transform: translateY(0px); }
29% { opacity:0; visibility:hidden; transform: translateY(-12px); }
31% { opacity:0; visibility:hidden; transform: translateY(12px); }
60% { opacity:1; visibility:visible; transform: translateY(0px); }
100% { opacity:1; visibility:visible; transform: translateY(0px); }
}
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
#footer-section .fotter-top { padding:0 0 309px 0; }
#footer-section .fotter-top #anchor-top { width:40px; height:40px; }
#footer-section .fotter-top #anchor-top .arrow { width:10px; height:9px; margin:-5px 0 0 -5px; }
#footer-section .fotter-top .share .share-button { margin:0 6px; }
#footer-section .fotter-top .share .share-button a { width:28px; height:28px; background-size:17px; }
#footer-section .fotter-top .share-title { font-size:11px; margin:1px 0 0 0; }
#footer-section .fotter-top .return-index { width:80px; height:30px; line-height:28px; margin:14px auto 0 auto; font-size:12px; }
#footer-section .fotter-bottom { height:294px; }
#footer-section .fotter-bottom .inner { font-size:11px; }
#footer-section .fotter-bottom-top { height:156px; padding:12px 0; }
#footer-section .fotter-bottom-top h3 { font-size:11px; }
#footer-section .fotter-bottom-top h3 span.span-2 { margin:3px 0 0 0; }
#footer-section .fotter-bottom-top p { font-size:13px; margin:3px 0 0 0; }
#footer-section .fotter-bottom-top .links { margin:0 0 10px 0; }
#footer-section .fotter-bottom-top .links > * { margin:0 3px; }
#footer-section .fotter-bottom-top .links .official { margin:6px 0 0 0; }
#footer-section .fotter-bottom-top .links a { height:28px; line-height:26px; font-size:11px; padding:0 8px; }
#footer-section .fotter-bottom-bottom { height:138px; padding:2px 0 0 0; }
#footer-section .fotter-bottom-bottom .logo img { height:15px; }
#footer-section .fotter-bottom-bottom .sns { margin:8px 0 0 0; }
#footer-section .fotter-bottom-bottom .sns > p { padding:0 0 4px 0;
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9); 
}
#footer-section .fotter-bottom-bottom .sns .sns-button { margin:0 4px; }
#footer-section .fotter-bottom-bottom .sns .sns-button a { width:28px; height:28px; background-size:17px; }
#footer-section .fotter-bottom-bottom .copyright { margin:2px 0 0 0;
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); 
}
}

/*********************************************************************

#anchor-change - ※PC

*********************************************************************/

#anchor-change { display:block; width:74px; height:74px; position:fixed; bottom:0; left:50%; margin:0 0 0 -37px; z-index:100; overflow:hidden; opacity:0; visibility:hidden; }
#anchor-change .arrow { content:''; width:15px; height:14px; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px; background:URL(../img/cmn/page-bottom-1.png) no-repeat center center; background-size:100%; }

/* transition */
#anchor-change { 
-webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
-moz-transition: opacity 0.5s ease, visibility 0.5s ease;
-ms-transition: opacity 0.5s ease, visibility 0.5s ease;
-o-transition: opacity 0.5s ease, visibility 0.5s ease;
transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* view */
#anchor-change.view { opacity:1; visibility:visible; }

/* hide */
#anchor-change.hide { opacity:0 !important; visibility:hidden !important; }

/* animate */
#anchor-change.animate .arrow {
-webkit-animation:arrowBottomAnimation 2.0s ease 0.5s infinite normal;
-moz-animation:arrowBottomAnimation 2.0s ease 0.5s infinite normal;
animation:arrowBottomAnimation 2.0s ease 0.5s infinite normal; 
}

@-webkit-keyframes arrowBottomAnimation {
0% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
29% { opacity:0; visibility:hidden; -webkit-transform: translateY(15px); }
31% { opacity:0; visibility:hidden; -webkit-transform: translateY(-15px); }
60% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
100% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
}
@-moz-keyframes arrowBottomAnimation {
0% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
29% { opacity:0; visibility:hidden; -moz-transform: translateY(15px); }
31% { opacity:0; visibility:hidden; -moz-transform: translateY(-15px); }
60% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
100% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
}
@keyframes arrowBottomAnimation {
0% { opacity:1; visibility:visible; transform: translateY(0px); }
29% { opacity:0; visibility:hidden; transform: translateY(15px); }
31% { opacity:0; visibility:hidden; transform: translateY(-15px); }
60% { opacity:1; visibility:visible; transform: translateY(0px); }
100% { opacity:1; visibility:visible; transform: translateY(0px); }
}

/*********************************************************************

#anchor-change - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
#anchor-change { width:50px; height:50px; margin:0 0 0 -25px; }
#anchor-change .arrow { width:13px; height:12px; margin:-6px 0 0 -6px; }

@-webkit-keyframes arrowBottomAnimation {
0% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
29% { opacity:0; visibility:hidden; -webkit-transform: translateY(12px); }
31% { opacity:0; visibility:hidden; -webkit-transform: translateY(-12px); }
60% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
100% { opacity:1; visibility:visible; -webkit-transform: translateY(0px); }
}
@-moz-keyframes arrowBottomAnimation {
0% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
29% { opacity:0; visibility:hidden; -moz-transform: translateY(12px); }
31% { opacity:0; visibility:hidden; -moz-transform: translateY(-12px); }
60% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
100% { opacity:1; visibility:visible; -moz-transform: translateY(0px); }
}
@keyframes arrowBottomAnimation {
0% { opacity:1; visibility:visible; transform: translateY(0px); }
29% { opacity:0; visibility:hidden; transform: translateY(12px); }
31% { opacity:0; visibility:hidden; transform: translateY(-12px); }
60% { opacity:1; visibility:visible; transform: translateY(0px); }
100% { opacity:1; visibility:visible; transform: translateY(0px); }
}
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
#anchor-change { width:40px; height:40px; margin:0 0 0 -20px; }
#anchor-change .arrow { width:10px; height:9px; margin:-5px 0 0 -5px; }
}

/*********************************************************************

#fp-nav - ※PC

*********************************************************************/

#fp-nav.right { right:8px; }
#fp-nav ul li { width:18px; height:18px; margin:0; }
#fp-nav ul li a span,
#fp-nav ul li:hover a span { width:8px; height:8px; margin:-4px 0 0 -4px; background:#fff; }
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span { width:8px; height:8px; margin:-4px 0 0 -4px; background:#58333a !important; }

/* color */
#fp-nav.dark ul li a span,
#fp-nav.dark ul li:hover a span { background:#a7a9ac; }

/* transition */
#fp-nav { 
-webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
-moz-transition: opacity 0.5s ease, visibility 0.5s ease;
-ms-transition: opacity 0.5s ease, visibility 0.5s ease;
-o-transition: opacity 0.5s ease, visibility 0.5s ease;
transition: opacity 0.5s ease, visibility 0.5s ease;
}

/* default */
#fp-nav { opacity:0; visibility:hidden;
-moz-transform: translateX(40px);
-webkit-transform: translateX(40px);
-o-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
}

/* active */
#fp-nav.active { opacity:1; visibility:visible;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px); 
}

/*********************************************************************

#fp-nav - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
#fp-nav.right { right:0; }
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
#fp-nav.right { right:2px; }
#fp-nav ul li { width:14px; height:14px; margin:0; }
#fp-nav ul li a span,
#fp-nav ul li:hover a span { width:6px; height:6px; margin:-3px 0 0 -3px; }
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span { width:6px; height:6px; margin:-3px 0 0 -3px; }
}

/*********************************************************************

.main-slide-wrap - ※PC

*********************************************************************/

.main-slide-wrap { width:100%; height:100%; position:absolute; top:0; left:0; }
.main-logo { width:80px; height:33px; position:absolute; top:14px; right:12px; z-index:10; }
.main-slide { width:100%; height:100%; position:relative; z-index:0; overflow:hidden; opacity:0; visibility:hidden; }
.main-slide .slick-list,
.main-slide .slick-track { height:100%; }
.main-slide-list { width:100%; height:100%; position:relative; background:#fff; overflow:hidden; }
.main-slide-list .img-item { width:100%; height:100%; position:absolute; top:0; left:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.main-slide-list .item-1 { z-index:1; }
.main-slide-list .item-2 { z-index:0; }

.main-title { width:100%; height:329px; position:absolute; top:50%; left:0; margin:-223px 0 0 0; text-align:center; z-index:1; }
.main-title * { line-height:100%; }
.main-title img { width:auto; }
.main-title em { display:block; width:100%; position:absolute; top:0; left:0; }
.main-title .title-1 { margin:0 0 50px 0; }
.main-title .title-1 > * { display:block; }
.main-title .title-1 .span-1 { padding:0 0 58px 0; margin:0 0 20px 0; background:URL(../img/cmn/slide/sec1-slide-sep.png) no-repeat center bottom; background-size:31px; }
.main-title .title-1 .span-1 img { height:50px; }
.main-title .title-1 .span-2 { height:32px; position:relative; } 
.main-title .title-1 .span-2 img { height:32px; }
.main-title .text-1 { margin:0 0 26px 0; }
.main-title .text-1 img { height:18px; }
.main-title .text-2 { height:19px; margin:36px 0 0 0; position:relative; }
.main-title .text-2 img { height:19px; }
.main-title .main img { height:20px; }

/* view */
.main-slide.view { opacity:1; visibility:visible; }

/* name, job */
#main-title em { opacity:0; visibility:hidden; }
#main-title em.view { opacity:1; visibility:visible; }

/* line-2 */
.main-title .text-2 .line-2 { height:79px; }
.main-title .text-2 .line-2 img { height:79px; }

/* transitions
--------------------------------------------------------------------*/

/* transition */
.fp-section.active .main-slide-wrap {
-webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
-moz-transition: opacity 0.5s ease, visibility 0.5s ease;
-ms-transition: opacity 0.5s ease, visibility 0.5s ease;
-o-transition: opacity 0.5s ease, visibility 0.5s ease;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.main-slide-list.slick-active .item-1 {
-webkit-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s, -webkit-transform 1.0s ease 0s;
-moz-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s, -moz-transform 1.0s ease 0s;
-ms-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s, -ms-transform 1.0s ease 0s;
-o-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s, -o-transform 1.0s ease 0s;
transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s, transform 1.0s ease 0s;
}
.main-slide-list.slick-active .item-2 {
-webkit-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -webkit-transform 1.0s ease 0.8s;
-moz-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -moz-transform 1.0s ease 0.8s;
-ms-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -ms-transform 1.0s ease 0.8s;
-o-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -o-transform 1.0s ease 0.8s;
transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, transform 1.0s ease 0.8s;
}
#main-logo,
#main-title { 
-webkit-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s;
-moz-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s;
-ms-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s;
-o-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s;
transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s;
}

/* default */
.main-slide-wrap { opacity:0; visibility:hidden; }
.main-slide-list .item-1 { opacity:0; visibility:hidden; 
-moz-transform: translateX(-100px);
-webkit-transform: translateX(-100px);
-o-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
.main-slide-list .item-2 { opacity:0; visibility:hidden;
-moz-transform: translateX(100px);
-webkit-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
#main-logo,
#main-title { opacity:0; visibility:hidden; }

/* active */
.fp-section.active .main-slide-wrap { opacity:1; visibility:visible; }
.main-slide-list.slick-active .item-1 { opacity:1; visibility:visible; 
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.main-slide-list.slick-active .item-2 { opacity:1; visibility:visible;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
#main-logo.active,
#main-title.active { opacity:1; visibility:visible; }

/* enter */
.fp-section.enter .main-slide-wrap { opacity:0; visibility:hidden; }
.main-slide-list.enter .item-1 { opacity:0; visibility:hidden; 
-moz-transform: translateX(-100px);
-webkit-transform: translateX(-100px);
-o-transform: translateX(-100px);
-ms-transform: translateX(-100px);
transform: translateX(-100px);
}
.main-slide-list.enter .item-2 { opacity:0; visibility:hidden;
-moz-transform: translateX(100px);
-webkit-transform: translateX(100px);
-o-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}

/* leave */
.fp-section.leave .main-slide-wrap { opacity:1; visibility:visible; }
.main-slide-list.leave .item-1 { opacity:1; visibility:visible; 
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.main-slide-list.leave .item-2 { opacity:1; visibility:visible;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}

/*********************************************************************

.main-slide-wrap - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
.main-logo { width:70px; height:29px; top:25px; right:15px; }
.main-slide-list img { display:inline; }
.main-slide-list .item-1 { z-index:0; background-position:center top; }
.main-slide-list .item-1:before { content:''; width:100%; height:100%; display:block; position:absolute; top:0; left:0; background:URL(../img/cmn/slide/white-cover-sp.png) no-repeat center center; }
.main-slide-list .item-2 { z-index:2; background-position:center center; }
.main-slide-list .item-3 { z-index:3; }
.main-slide-list .item-4 { z-index:4; }

.main-title { height:286px; margin:-155px 0 0 0; }
.main-title .title-1 { margin:0 0 38px 0; }
.main-title .title-1 .span-1 { padding:0 0 41px 0; margin:0 0 20px 0; background-image:URL(../img/cmn/slide/sec1-slide-sep-sp.png); background-size:22px; }
.main-title .title-1 .span-1 img { height:38px; }
.main-title .title-1 .span-2 { height:24px; } 
.main-title .title-1 .span-2 img { height:24px; }
.main-title .text-1 { margin:0 0 28px 0; }
.main-title .text-1 img { height:33px; }
.main-title .text-2 { height:17px; margin:31px 0 0 0; }
.main-title .text-2 img { height:17px; }
.main-title .main img { height:16px; }
.main-title-bg { width:100%; height:100%; position:absolute; top:0; left:0; background-position:center center; background-repeat:no-repeat; background-size:100% 100%; z-index:0; }

/* line-2 */
.main-title .text-2 .line-2 { height:76px; }
.main-title .text-2 .line-2 img { height:76px; }

/* transitions
--------------------------------------------------------------------*/

/* transition */
#main-logo { 
-webkit-transition: opacity 1.0s ease 0.5s, visibility 1.0s ease 0.5s;
-moz-transition: opacity 1.0s ease 0.5s, visibility 1.0s ease 0.5s;
-ms-transition: opacity 1.0s ease 0.5s, visibility 1.0s ease 0.5s;
-o-transition: opacity 1.0s ease 0.5s, visibility 1.0s ease 0.5s;
transition: opacity 1.0s ease 0.5s, visibility 1.0s ease 0.5s;
}
.main-slide-list.slick-active .item-3 {
-webkit-transition: opacity 0.5s ease 2.0s, visibility 0.5s ease 2.0s, -webkit-transform 0.5s ease 2.0s;
-moz-transition: opacity 0.5s ease 2.0s, visibility 0.5s ease 2.0s, -moz-transform 0.5s ease 2.0s;
-ms-transition: opacity 0.5s ease 2.0s, visibility 0.5s ease 2.0s, -ms-transform 0.5s ease 2.0s;
-o-transition: opacity 0.5s ease 2.0s, visibility 0.5s ease 2.0s, -o-transform 0.5s ease 2.0s;
transition: opacity 0.5s ease 2.0s, visibility 0.5s ease 2.0s, transform 0.5s ease 2.0s;
}
.main-slide-list.slick-active .item-4 {
-webkit-transition: opacity 0.7s ease 2.3s, visibility 0.7s ease 2.3s;
-moz-transition: opacity 0.7s ease 2.3s, visibility 0.7s ease 2.3s;
-ms-transition: opacity 0.7s ease 2.3s, visibility 0.7s ease 2.3s;
-o-transition: opacity 0.7s ease 2.3s, visibility 0.7s ease 2.3s;
transition: opacity 0.7s ease 2.3s, visibility 0.7s ease 2.3s;
}

/* default */
.main-slide-list .item-1 { opacity:0; visibility:hidden; 
-moz-transform: translateX(0px) translateY(-100px);
-webkit-transform: translateX(0px) translateY(-100px);
-o-transform: translateX(0px) translateY(-100px);
-ms-transform: translateX(0px) translateY(-100px);
transform: translateX(0px) translateY(-100px);
}
.main-slide-list .item-2 { opacity:0; visibility:hidden;
-moz-transform: translateX(0px) translateY(100px);
-webkit-transform: translateX(0px) translateY(100px);
-o-transform: translateX(0px) translateY(100px);
-ms-transform: translateX(0px) translateY(100px);
transform: translateX(0px) translateY(100px);
}
.main-slide-list .item-3 { opacity:0; visibility:hidden;
-moz-transform: translateX(0px) translateY(100px);
-webkit-transform: translateX(0px) translateY(100px);
-o-transform: translateX(0px) translateY(100px);
-ms-transform: translateX(0px) translateY(100px);
transform: translateX(0px) translateY(100px);
}
.main-slide-list .item-4 { opacity:0; visibility:hidden; }

/* active */
.main-slide-list.slick-active .item-1 { opacity:1; visibility:visible; 
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.main-slide-list.slick-active .item-2 { opacity:1; visibility:visible;
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.main-slide-list.slick-active .item-3 { opacity:1; visibility:visible;
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.main-slide-list.slick-active .item-4 { opacity:1; visibility:visible; }

/* enter */
.main-slide-list.enter .item-1 { opacity:0; visibility:hidden; 
-moz-transform: translateX(0px) translateY(-100px);
-webkit-transform: translateX(0px) translateY(-100px);
-o-transform: translateX(0px) translateY(-100px);
-ms-transform: translateX(0px) translateY(-100px);
transform: translateX(0px) translateY(-100px);
}
.main-slide-list.enter .item-2 { opacity:0; visibility:hidden;
-moz-transform: translateX(0px) translateY(100px);
-webkit-transform: translateX(0px) translateY(100px);
-o-transform: translateX(0px) translateY(100px);
-ms-transform: translateX(0px) translateY(100px);
transform: translateX(0px) translateY(100px);
}
.main-slide-list.enter .item-3 { opacity:0; visibility:hidden;
-moz-transform: translateX(0px) translateY(100px);
-webkit-transform: translateX(0px) translateY(100px);
-o-transform: translateX(0px) translateY(100px);
-ms-transform: translateX(0px) translateY(100px);
transform: translateX(0px) translateY(100px);
}
.main-slide-list.enter .item-4 { opacity:0; visibility:hidden; }

/* leave */
.main-slide-list.leave .item-1 { opacity:1; visibility:visible; 
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.main-slide-list.leave .item-2 { opacity:1; visibility:visible;
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.main-slide-list.leave .item-3 { opacity:1; visibility:visible;
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.main-slide-list.leave .item-4 { opacity:1; visibility:visible; }
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
.main-logo { width:60px; height:25px; top:20px; right:12px; }
.main-title { 
-moz-transform: scale(0.85);
-webkit-transform: scale(0.85);
-o-transform: scale(0.85);
-ms-transform: scale(0.85);
transform: scale(0.85);
}
}

/*********************************************************************

.fixed-item - ※PC

*********************************************************************/

.fixed-item { color:#fff; font-size:0; }
.fixed-cover-img { width:100%; height:100%; position:fixed; left:0; top:0; background-repeat:no-repeat; background-position:center center; background-size:cover; z-index:0; }
.fixed-mask { width:100%; height:100%; position:absolute; top:0; left:0; background-position:center center; background-repeat:no-repeat; background-size:cover; z-index:0; }
.fixed-box { width:100%; height:100%; position:absolute; top:0; left:0; }
.fixed-box:before, 
.fixed-box > .inner { display:inline-block; vertical-align:middle; }
.fixed-box:before { content:''; width:0; height:100%; }
.fixed-box > .inner { width:54.4%; text-align:center; padding:0 0 30px 0; position:relative; z-index:1; }
.fixed-content { display:inline-block; vertical-align:top; text-align:left; }
.fixed-head { display:inline-block; vertical-align:top; max-width:100%; }
.fixed-head * { line-height:165%; }
.fixed-head .head-text-1 { font-size:24px; text-align:center; }
.fixed-head .head-text-2 { font-size:24px; margin:36px 0 0 0; }
.fixed-body { margin:35px 0 0 0; }
.fixed-body .body-text-1 { font-size:15px; line-height:280%; }
.fixed-body .body-button-1 { margin:55px 0 0 0; }

/* right */
.fixed-item.fixed-right { text-align:right; }
.fixed-item.fixed-right .fixed-mask { left:auto; right:0; }
.fixed-item.fixed-right .fixed-content { text-align:right; }

/* lower-page
--------------------------------------------------------------------*/

.fixed-item.fixed-lower { color:#442e30; }
.fixed-item.fixed-lower .fixed-content { text-align:left; }
.fixed-item.fixed-lower .fixed-head { width:100%; }
.fixed-item.fixed-lower .fixed-body { margin-top:55px; }
.fixed-item.fixed-lower .fixed-body .body-text-1 { font-size:14px; line-height:210%; }
.fixed-item.fixed-lower .fixed-body .body-button-1 { width:230px; margin:60px auto 0 auto; }
.fixed-item.fixed-lower .fixed-body .body-button-1 a { display:block; height:54px; line-height:52px; color:#442e30; font-size:14px; text-align:center; border:#6c4f56 1px solid; }
.fixed-item.fixed-lower .fixed-body .body-button-1 a:hover { background-color:#442e30; border-color:#442e30; color:#fff; }

/* transition */
.fixed-item.fixed-lower .fixed-body .body-button-1 a {
-webkit-transition: background 0.5s ease, color 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease;
-ms-transition: background 0.5s ease, color 0.5s ease;
-o-transition: background 0.5s ease, color 0.5s ease;
transition: background 0.5s ease, color 0.5s ease;
}

/* transitions
--------------------------------------------------------------------*/

/* transition */
.fixed-item.fp-completely .fixed-cover-img {
-webkit-transition: opacity 1.0s ease, visibility 1.0s ease;
-moz-transition: opacity 1.0s ease, visibility 1.0s ease;
-ms-transition: opacity 1.0s ease, visibility 1.0s ease;
-o-transition: opacity 1.0s ease, visibility 1.0s ease;
transition: opacity 1.0s ease, visibility 1.0s ease;	
}
.fixed-item.fp-completely .fixed-mask { 
-webkit-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
-moz-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -moz-transform 0.5s ease 0s;
-ms-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -ms-transform 0.5s ease 0s;
-o-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -o-transform 0.5s ease 0s;
transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, transform 0.5s ease 0s;
}
.fixed-item.fp-completely .trans-item-1 {
-webkit-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -webkit-transform 1.0s ease 0.8s;
-moz-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -moz-transform 1.0s ease 0.8s;
-ms-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -ms-transform 1.0s ease 0.8s;
-o-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -o-transform 1.0s ease 0.8s;
transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, transform 1.0s ease 0.8s;	
}
.fixed-item.fp-completely .trans-item-2 {
-webkit-transition: opacity 1.0s ease 0.9s, visibility 1.0s ease 0.9s, -webkit-transform 1.0s ease 0.9s;
-moz-transition: opacity 1.0s ease 0.9s, visibility 1.0s ease 0.9s, -moz-transform 1.0s ease 0.9s;
-ms-transition: opacity 1.0s ease 0.9s, visibility 1.0s ease 0.9s, -ms-transform 1.0s ease 0.9s;
-o-transition: opacity 1.0s ease 0.9s, visibility 1.0s ease 0.9s, -o-transform 1.0s ease 0.9s;
transition: opacity 1.0s ease 0.9s, visibility 1.0s ease 0.9s, transform 1.0s ease 0.9s;	
}
.fixed-item.fp-completely .trans-item-3 {
-webkit-transition: opacity 1.0s ease 1.0s, visibility 1.0s ease 1.0s, -webkit-transform 1.0s ease 1.0s;
-moz-transition: opacity 1.0s ease 1.0s, visibility 1.0s ease 1.0s, -moz-transform 1.0s ease 1.0s;
-ms-transition: opacity 1.0s ease 1.0s, visibility 1.0s ease 1.0s, -ms-transform 1.0s ease 1.0s;
-o-transition: opacity 1.0s ease 1.0s, visibility 1.0s ease 1.0s, -o-transform 1.0s ease 1.0s;
transition: opacity 1.0s ease 1.0s, visibility 1.0s ease 1.0s, transform 1.0s ease 1.0s;	
}
.fixed-item.fp-completely  .trans-item-4 {
-webkit-transition: opacity 1.0s ease 1.1s, visibility 1.0s ease 1.1s, -webkit-transform 1.0s ease 1.1s;
-moz-transition: opacity 1.0s ease 1.1s, visibility 1.0s ease 1.1s, -moz-transform 1.0s ease 1.1s;
-ms-transition: opacity 1.0s ease 1.1s, visibility 1.0s ease 1.1s, -ms-transform 1.0s ease 1.1s;
-o-transition: opacity 1.0s ease 1.1s, visibility 1.0s ease 1.1s, -o-transform 1.0s ease 1.1s;
transition: opacity 1.0s ease 1.1s, visibility 1.0s ease 1.1s, transform 1.0s ease 1.1s;	
}
.fixed-item.fp-completely .trans-button-4 {
-webkit-transition: opacity 1.2s ease 1.8s, visibility 1.2s ease 1.8s, -webkit-transform 1.2s ease 1.8s;
-moz-transition: opacity 1.2s ease 1.8s, visibility 1.2s ease 1.8s, -moz-transform 1.2s ease 1.8s;
-ms-transition: opacity 1.2s ease 1.8s, visibility 1.2s ease 1.8s, -ms-transform 1.2s ease 1.8s;
-o-transition: opacity 1.2s ease 1.8s, visibility 1.2s ease 1.8s, -o-transform 1.2s ease 1.8s;
transition: opacity 1.2s ease 1.8s, visibility 1.2s ease 1.8s, transform 1.2s ease 1.8s;	
}

/* default */
.fixed-item .fixed-cover-img { opacity:0; visibility:hidden; }
.fixed-left .fixed-mask { opacity:0; visibility:hidden;
-moz-transform: translateX(-400px);
-webkit-transform: translateX(-400px);
-o-transform: translateX(-400px);
-ms-transform: translateX(-400px);
transform: translateX(-400px);
}
.fixed-left .fixed-box,
.fixed-left .trans-item-1,
.fixed-left .trans-item-2,
.fixed-left .trans-item-3,
.fixed-left .trans-item-4 { opacity:0; visibility:hidden;
-moz-transform: translateX(-50px);
-webkit-transform: translateX(-50px);
-o-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.fixed-right .fixed-mask { opacity:0; visibility:hidden;
-moz-transform: translateX(400px);
-webkit-transform: translateX(400px);
-o-transform: translateX(400px);
-ms-transform: translateX(400px);
transform: translateX(400px);
}
.fixed-right .fixed-box,
.fixed-right .trans-item-1,
.fixed-right .trans-item-2,
.fixed-right .trans-item-3,
.fixed-right .trans-item-4 { opacity:0; visibility:hidden;
-moz-transform: translateX(50px);
-webkit-transform: translateX(50px);
-o-transform: translateX(50px);
-ms-transform: translateX(50px);
transform: translateX(50px);
}
.fixed-item .trans-button-4 { opacity:0; visibility:hidden; }

/* fp-completely */
.fixed-item.fp-completely .fixed-cover-img { opacity:1; visibility:visible; }
.fixed-left.fp-completely .fixed-mask { opacity:1; visibility:visible;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.fixed-left.fp-completely .fixed-box,
.fixed-left.fp-completely .trans-item-1,
.fixed-left.fp-completely .trans-item-2,
.fixed-left.fp-completely .trans-item-3,
.fixed-left.fp-completely .trans-item-4 { opacity:1; visibility:visible;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.fixed-right.fp-completely .fixed-mask { opacity:1; visibility:visible;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.fixed-right.fp-completely .fixed-box,
.fixed-right.fp-completely .trans-item-1,
.fixed-right.fp-completely .trans-item-2,
.fixed-right.fp-completely .trans-item-3,
.fixed-right.fp-completely .trans-item-4 { opacity:1; visibility:visible;
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.fixed-item.fp-completely .trans-button-4 { opacity:1; visibility:visible; }

/* enter */
.fixed-item.enter .fixed-cover-img { position:absolute; }

/* leave */
.fixed-item.leave .fixed-cover-img { position:absolute; }

/* 前後の調整
--------------------------------------------------------------------*/

.fixed-cover-img.hide { display:none !important; }
.fixed-cover-img.view { opacity:1 !important; visibility:visible !important; position:fixed !important; }
.fixed-viewing .fixed-mask,
.fixed-viewing .fixed-box { position:fixed; }
.fixed-viewing .fixed-mask {
-webkit-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
-moz-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -moz-transform 0.5s ease 0s;
-ms-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -ms-transform 0.5s ease 0s;
-o-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -o-transform 0.5s ease 0s;
transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, transform 0.5s ease 0s; 
}
.fixed-viewing.leave .fixed-box { opacity:0; visibility:hidden;
-webkit-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -webkit-transform 0.5s ease 0s;
-moz-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -moz-transform 0.5s ease 0s;
-ms-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -ms-transform 0.5s ease 0s;
-o-transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, -o-transform 0.5s ease 0s;
transition: opacity 0.5s ease 0s, visibility 0.5s ease 0s, transform 0.5s ease 0s; 
}
.fixed-viewing.enter .fixed-box {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; 
}

/*********************************************************************

.fixed-item - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
.fixed-box > .inner { width:100%; padding:0 15px 0 15px; }
.fixed-box.bottom > .inner { height:52%; vertical-align:bottom; }
.fixed-content { display:block; }
.fixed-head { display:block; }
.fixed-head * { line-height:150%; }
.fixed-head .head-text-1 { font-size:18px; text-align:center; }
.fixed-head .head-text-2 { font-size:17px; margin:7px 0 0 0; text-align:center; }
.fixed-body { margin:10px 0 0 0; text-align:center; }
.fixed-body .body-text-1 { font-size:12px; line-height:160%; text-align:left; } 
.fixed-body .body-button-1 { margin:15px 0 0 0; text-align:center; }

/* right */
.fixed-item.fixed-right { text-align:left; }
.fixed-item.fixed-right .fixed-mask { left:0; right:auto; }
.fixed-item.fixed-right .fixed-content { text-align:left; }

/* lower-page
--------------------------------------------------------------------*/

.fixed-item.fixed-lower .fixed-mask { background-size:100% 100%; }
.fixed-item.fixed-lower .fixed-body { margin-top:10px; }
.fixed-item.fixed-lower .fixed-body .body-text-1 { font-size:12px; line-height:160%; }
.fixed-item.fixed-lower .fixed-body .body-button-1 { width:176px; margin:15px auto 0 auto; }
.fixed-item.fixed-lower .fixed-body .body-button-1 a { height:40px; line-height:38px; font-size:12px; border:#6c4f56 1px solid; }
.fixed-item.fixed-lower .fixed-body .body-button-1 a:hover { background-color:transparent; border-color:#6c4f56; color:#442e30; }

/* transitions
--------------------------------------------------------------------*/

/* default */
.fixed-left .fixed-mask {
-moz-transform: translateX(0px) translateY(200px);
-webkit-transform: translateX(0px) translateY(200px);
-o-transform: translateX(0px) translateY(200px);
-ms-transform: translateX(0px) translateY(200px);
transform: translateX(0px) translateY(200px);
}
.fixed-left .fixed-box,
.fixed-left .trans-item-1,
.fixed-left .trans-item-2,
.fixed-left .trans-item-3,
.fixed-left .trans-item-4 { 
-moz-transform: translateX(-20px) translateY(0px);
-webkit-transform: translateX(-20px) translateY(0px);
-o-transform: translateX(-20px) translateY(0px);
-ms-transform: translateX(-20px) translateY(0px);
transform: translateX(-20px) translateY(0px);
}
.fixed-right .fixed-mask { 
-moz-transform: translateX(0px) translateY(200px);
-webkit-transform: translateX(0px) translateY(200px);
-o-transform: translateX(0px) translateY(200px);
-ms-transform: translateX(0px) translateY(200px);
transform: translateX(0px) translateY(200px);
}
.fixed-right .fixed-box,
.fixed-right .trans-item-1,
.fixed-right .trans-item-2,
.fixed-right .trans-item-3,
.fixed-right .trans-item-4 { 
-moz-transform: translateX(-20px) translateY(0px);
-webkit-transform: translateX(-20px) translateY(0px);
-o-transform: translateX(-20px) translateY(0px);
-ms-transform: translateX(-20px) translateY(0px);
transform: translateX(-20px) translateY(0px);
}

/* fp-completely */
.fixed-left.fp-completely .fixed-mask { 
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.fixed-left.fp-completely .fixed-box,
.fixed-left.fp-completely .trans-item-1,
.fixed-left.fp-completely .trans-item-2,
.fixed-left.fp-completely .trans-item-3,
.fixed-left.fp-completely .trans-item-4 { 
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.fixed-right.fp-completely .fixed-mask { 
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.fixed-right.fp-completely .fixed-box,
.fixed-right.fp-completely .trans-item-1,
.fixed-right.fp-completely .trans-item-2,
.fixed-right.fp-completely .trans-item-3,
.fixed-right.fp-completely .trans-item-4 { 
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
.fixed-box.bottom > .inner { height:53%; }
.fixed-head .head-text-1 { font-size:16px; }
.fixed-head .head-text-2 { font-size:15px; margin:5px 0 0 0; }
.fixed-body { margin:7px 0 0 0; }
.fixed-body .body-text-1 { font-size:11px; } 
.fixed-body .body-button-1 { margin:12px 0 0 0; }

/* lower-page
--------------------------------------------------------------------*/

.fixed-item.fixed-lower .fixed-body { margin-top:8px; }
.fixed-item.fixed-lower .fixed-body .body-text-1 { font-size:11px; }
.fixed-item.fixed-lower .fixed-body .body-button-1 { width:158px; margin:13px auto 0 auto; }
.fixed-item.fixed-lower .fixed-body .body-button-1 a { height:35px; line-height:33px; font-size:11px; }
}

/*********************************************************************

.grad-btn - ※PC

*********************************************************************/

.grad-btn-1 { display:inline-block; vertical-align:top; }
.grad-btn-1 a { display:block; height:70px; line-height:68px; padding:0 30px; background-image:URL(../img/cmn/button-bg-1.png); background-repeat:no-repeat; background-position:center center; background-size:100% 100%; border:rgba(204,204,204,0.3) 1px solid; font-size:15px; color:#fff; text-align:center; position:relative; overflow:hidden; }
.grad-btn-1 a:before { content:''; width:800px; height:200px; position:absolute; top:50%; left:50%; margin:-100px 0 0 -400px; background:URL(../img/cmn/button-layer-1.png) no-repeat center center; background-size:100% 100%; z-index:0; }
.grad-btn-1 a span { position:relative; z-index:1; }

@media screen and (min-width:801px){ 
/* transition */
.grad-btn-1 a:before {
-webkit-transition: -webkit-transform 0.5s ease;
-moz-transition: -moz-transform 0.5s ease;
-ms-transition: -ms-transform 0.5s ease;
-o-transition: -o-transform 0.5s ease;
transition: transform 0.5s ease;
}
.grad-btn-1 a.mouseout:before {
-webkit-transition: -webkit-transform 0.5s ease !Important;
-moz-transition: -moz-transform 0.5s ease !Important;
-ms-transition: -ms-transform 0.5s ease !Important;
-o-transition: -o-transform 0.5s ease !Important;
transition: transform 0.5s ease !Important;
}

/* mouseout */
.grad-btn-1 a.mouseout:before {
-moz-transform: translateX(0px) translateY(0px) !Important;
-webkit-transform: translateX(0px) translateY(0px) !Important;
-o-transform: translateX(0px) translateY(0px) !Important;
-ms-transform: translateX(0px) translateY(0px) !Important;
transform: translateX(0px) translateY(0px) !Important;
}

/* animate */
.grad-btn-1 a:hover:before {
-webkit-animation:gradBtn-hover 1.0s ease 0s 1 forwards;
-moz-animation:gradBtn-hover 1.0s ease 0s 1 forwards;
animation:gradBtn-hover 1.0s ease 0s 1 forwards;
}

@-webkit-keyframes gradBtn-hover {
0% { -webkit-transform: translateX(0px) translateY(0px); }
50% { -webkit-transform: translateX(225px) translateY(62px); }
100% { -webkit-transform: translateX(-225px) translateY(-62px); }
}
@-moz-keyframes gradBtn-hover {
0% { -moz-transform: translateX(0px) translateY(0px); }
50% { -moz-transform: translateX(225px) translateY(62px); }
100% { -moz-transform: translateX(-225px) translateY(-62px); }
}
@keyframes gradBtn-hover {
0% { transform: translateX(0px) translateY(0px); }
50% { transform: translateX(225px) translateY(62px); }
100% { transform: translateX(-225px) translateY(-62px); }
}
}

/*********************************************************************

.grad-btn - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
.grad-btn-1 a { height:46px; line-height:43px; padding:0 15px; font-size:13px; }

/* animate */
.grad-btn-1 a:before {
-webkit-animation:gradBtn 2.0s ease 0s infinite normal;
-moz-animation:gradBtn 2.0s ease 0s infinite normal;
animation:gradBtn 2.0s ease 0s infinite normal;
}

@-webkit-keyframes gradBtn {
0% { -webkit-transform: translateX(0px) translateY(0px); opacity:1; }
34% { -webkit-transform: translateX(-225px) translateY(-62px); opacity:0; }
35% { -webkit-transform: translateX(225px) translateY(62px); opacity:0; }
70% { -webkit-transform: translateX(0px) translateY(0px); opacity:1; }
100% { -webkit-transform: translateX(0px) translateY(0px); opacity:1; }
}
@-moz-keyframes gradBtn {
0% { -moz-transform: translateX(0px) translateY(0px); opacity:1; }
34% { -moz-transform: translateX(-225px) translateY(-62px); opacity:0; }
35% { -moz-transform: translateX(225px) translateY(62px); opacity:0; }
70% { -moz-transform: translateX(0px) translateY(0px); opacity:1; }
100% { -moz-transform: translateX(0px) translateY(0px); opacity:1; }
}
@keyframes gradBtn {
0% { transform: translateX(0px) translateY(0px); opacity:1; }
34% { transform: translateX(-225px) translateY(-62px); opacity:0; }
35% { transform: translateX(225px) translateY(62px); opacity:0; }
70% { transform: translateX(0px) translateY(0px); opacity:1; }
100% { transform: translateX(0px) translateY(0px); opacity:1; }
}
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
.grad-btn-1 a { height:40px; line-height:38px; padding:0 13px; font-size:12px; }
}

/*********************************************************************

.item-wrap - ※PC

*********************************************************************/

.item-wrap { background:#dfdfdf; }
.item-img-1 { width:100%; height:100%; position:absolute; top:0; left:0; } 
.item-inner { position:relative; z-index:1; padding:70px 0; }
.item-inner > * { width:50%; float:right; font-size:0; }
.item-right { padding:0 0 0 194px; text-align:left; }
.item-left { padding:0 160px 0 0; text-align:right; }
.item-right *,
.item-left * { display:inline-block; vertical-align:top; }
.item-right-inner,
.item-left-inner { text-align:left; }
.item-right-inner > *,
.item-left-inner > * { display:block; font-size:15px; }
.item-img-1 { background-repeat:no-repeat; background-position:center center; -webkit-backface-visibility:hidden; backface-visibility:hidden; }
.item-title-1 { font-size:13px; line-height:155%; }
.item-title-2 { font-size:22px; line-height:110%; letter-spacing:0.04em; margin:22px 0 0 0; }
.item-text-2 { font-size:15px; line-height:200%; }
.item-button-1 { width:210px; margin:45px 0 0 0; }
.item-button-1 a { display:block; height:70px; line-height:68px; text-align:center; font-size:16px; letter-spacing:0.04em; border:#a7a9ac 1px solid; }
.item-bottom { clear:both; float:none; width:100%; }
.item-bottom-buttons { padding:120px 0 0 0; }
.item-bottom-buttons > * { width:50%; display:inline-block; vertical-align:top; }
.item-bottom-buttons > .left { text-align:right; padding:0 40px 0 0; }
.item-bottom-buttons > .right { text-align:left; padding:0 0 0 40px; }
.item-bottom-buttons a { display:inline-block; height:70px; border:#a7a9ac 1px solid; padding:0 55px; text-align:center; }
.item-bottom-buttons a:before,
.item-bottom-buttons a span { display:inline-block; vertical-align:middle; }
.item-bottom-buttons a:before { content:''; width:0; height:100%; }
.item-bottom-buttons a span { max-width:100%; }
.item-bottom-buttons .em-1 { font-size:18px; letter-spacing:0.04em; padding:0 0.4em 0 0; }
.item-bottom-buttons .em-2 { font-size:16px; letter-spacing:0.04em; }

/* clearfix element */
.item-inner:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html .item-inner { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html .item-inner { zoom:1; }

/* transition */
.item-button-1 a,
.item-bottom-buttons a {
-webkit-transition: background 0.5s ease, color 0.5s ease;
-moz-transition: background 0.5s ease, color 0.5s ease;
-ms-transition: background 0.5s ease, color 0.5s ease;
-o-transition: background 0.5s ease, color 0.5s ease;
transition: background 0.5s ease, color 0.5s ease;
}

/* hover */
.item-button-1 a:hover,
.item-bottom-buttons a:hover { background:#442e30; border-color:#442e30; color:#dfdfdf; }

/* transitions
--------------------------------------------------------------------*/

/* transition */
.item-wrap.fp-completely .item-img-1 { 
-webkit-transition: opacity 1.2s ease 0s, visibility 1.2s ease 0s, -webkit-transform 1.2s ease 0s;
-moz-transition: opacity 1.2s ease 0s, visibility 1.2s ease 0s, -moz-transform 1.2s ease 0s;
-ms-transition: opacity 1.2s ease 0s, visibility 1.2s ease 0s, -ms-transform 1.2s ease 0s;
-o-transition: opacity 1.2s ease 0s, visibility 1.2s ease 0s, -o-transform 1.2s ease 0s;
transition: opacity 1.2s ease 0s, visibility 1.2s ease 0s, transform 1.2s ease 0s;
}
.item-wrap.fp-completely .item-title-1,
.item-wrap.fp-completely .item-title-2 { 
-webkit-transition: opacity 1.0s ease 1.2s, visibility 1.0s ease 1.2s, -webkit-transform 1.0s ease 1.2s;
-moz-transition: opacity 1.0s ease 1.2s, visibility 1.0s ease 1.2s, -moz-transform 1.0s ease 1.2s;
-ms-transition: opacity 1.0s ease 1.2s, visibility 1.0s ease 1.2s, -ms-transform 1.0s ease 1.2s;
-o-transition: opacity 1.0s ease 1.2s, visibility 1.0s ease 1.2s, -o-transform 1.0s ease 1.2s;
transition: opacity 1.0s ease 1.2s, visibility 1.0s ease 1.2s, transform 1.0s ease 1.2s;
}
.item-wrap.fp-completely .item-text-2 {
-webkit-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -webkit-transform 1.0s ease 0.8s;
-moz-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -moz-transform 1.0s ease 0.8s;
-ms-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -ms-transform 1.0s ease 0.8s;
-o-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -o-transform 1.0s ease 0.8s;
transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, transform 1.0s ease 0.8s;
}
.item-wrap.fp-completely .item-button-1 {
-webkit-transition: opacity 1.2s ease 1.8s, visibility 1.2s ease 1.8s, -webkit-transform 1.2s ease 1.8s;
-moz-transition: opacity 1.2s ease 1.8s, visibility 1.2s ease 1.8s, -moz-transform 1.2s ease 1.8s;
-ms-transition: opacity 1.2s ease 1.8s, visibility 1.2s ease 1.8s, -ms-transform 1.2s ease 1.8s;
-o-transition: opacity 1.2s ease 1.8s, visibility 1.2s ease 1.8s, -o-transform 1.2s ease 1.8s;
transition: opacity 1.2s ease 1.8s, visibility 1.2s ease 1.8s, transform 1.2s ease 1.8s;	
}
.item-wrap.fp-completely .item-bottom-buttons > .left { 
-webkit-transition: opacity 1.2s ease 2.0s, visibility 1.2s ease 2.0s, -webkit-transform 1.2s ease 2.0s;
-moz-transition: opacity 1.2s ease 2.0s, visibility 1.2s ease 2.0s, -moz-transform 1.2s ease 2.0s;
-ms-transition: opacity 1.2s ease 2.0s, visibility 1.2s ease 2.0s, -ms-transform 1.2s ease 2.0s;
-o-transition: opacity 1.2s ease 2.0s, visibility 1.2s ease 2.0s, -o-transform 1.2s ease 2.0s;
transition: opacity 1.2s ease 2.0s, visibility 1.2s ease 2.0s, transform 1.2s ease 2.0s;
}
.item-wrap.fp-completely .item-bottom-buttons > .right { 
-webkit-transition: opacity 1.2s ease 2.2s, visibility 1.2s ease 2.2s, -webkit-transform 1.2s ease 2.2s;
-moz-transition: opacity 1.2s ease 2.2s, visibility 1.2s ease 2.2s, -moz-transform 1.2s ease 2.2s;
-ms-transition: opacity 1.2s ease 2.2s, visibility 1.2s ease 2.2s, -ms-transform 1.2s ease 2.2s;
-o-transition: opacity 1.2s ease 2.2s, visibility 1.2s ease 2.2s, -o-transform 1.2s ease 2.2s;
transition: opacity 1.2s ease 2.2s, visibility 1.2s ease 2.2s, transform 1.2s ease 2.2s; 
}

/* default */
.item-wrap .item-img-1 { opacity:0; visibility:hidden; }
.item-wrap .item-title-1,
.item-wrap .item-title-2,
.item-wrap .item-text-2 { opacity:0; visibility:hidden; 
-moz-transform: translateX(-50px);
-webkit-transform: translateX(-50px);
-o-transform: translateX(-50px);
-ms-transform: translateX(-50px);
transform: translateX(-50px);
}
.item-wrap .item-button-1,
.item-wrap .item-bottom-buttons > * { opacity:0; visibility:hidden; }

/* fp-completely */
.item-wrap.fp-completely .item-img-1 { opacity:1; visibility:visible; }
.item-wrap.fp-completely .item-title-1,
.item-wrap.fp-completely .item-title-2,
.item-wrap.fp-completely .item-text-2 { opacity:1; visibility:visible; 
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.item-wrap.fp-completely .item-button-1,
.item-wrap.fp-completely .item-bottom-buttons > * { opacity:1; visibility:visible; }

/*********************************************************************

.item-wrap - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 
.item-wrap .fp-tableCell { vertical-align:middle; }
.item-img-1 { height:180px; position:relative; top:0; left:0; }
.item-inner { padding:56px 0 20px 0; }
.item-inner > * { width:100%; float:none; }
.item-right,
.item-left { padding:0 15px; text-align:left; }
.item-right *,
.item-left * { display:block; }
.item-right-inner > *,
.item-left-inner > * { font-size:15px; }
.item-title-1 { font-size:11px; line-height:120%; }
.item-title-2 { font-size:15px; line-height:120%; letter-spacing:0em; margin:6px 0 0 0; border-bottom:#595959 1px solid; padding:0 0 9px 0; }
.item-title-1 br,
.item-title-2 br { display:none; }
.item-title-1 span,
.item-title-2 span { display:inline-block; vertical-align:top; max-width:100%; }
.item-text-2 { font-size:12px; line-height:140%; margin:10px 0 0 0; }
.item-text-2 br { display:none; }
.item-button-1 { width:160px; position:absolute; top:0; left:50%; margin:0 0 0 -80px; }
.item-button-1 a { height:38px; line-height:36px; font-size:12px; letter-spacing:0.04em; }
.item-bottom-buttons { padding:20px 10px 0 10px; text-align:center; }
.item-bottom-buttons > * { width:50%; }
.item-bottom-buttons > .left,
.item-bottom-buttons > .right { padding:0 5px; }
.item-bottom-buttons a { width:100%; max-width:160px; height:56px; padding:0 10px; }
.item-bottom-buttons .em-1 { font-size:14px; padding:0; line-height:130%; letter-spacing:0; }
.item-bottom-buttons .em-2 { font-size:12px; line-height:150%; letter-spacing:0; }

/* hover */
.item-button-1 a:hover,
.item-bottom-buttons a:hover { background:#dfdfdf; border-color:#a7a9ac; color:#442e30; }

/* transitions
--------------------------------------------------------------------*/

/* transition */
.item-wrap.fp-completely .item-title-1,
.item-wrap.fp-completely .item-title-2 { 
-webkit-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -webkit-transform 1.0s ease 0.8s;
-moz-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -moz-transform 1.0s ease 0.8s;
-ms-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -ms-transform 1.0s ease 0.8s;
-o-transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, -o-transform 1.0s ease 0.8s;
transition: opacity 1.0s ease 0.8s, visibility 1.0s ease 0.8s, transform 1.0s ease 0.8s;
}
.item-wrap.fp-completely .item-text-2 {
-webkit-transition: opacity 1.0s ease 1.0s, visibility 1.0s ease 1.0s, -webkit-transform 1.0s ease 1.0s;
-moz-transition: opacity 1.0s ease 1.0s, visibility 1.0s ease 1.0s, -moz-transform 1.0s ease 1.0s;
-ms-transition: opacity 1.0s ease 1.0s, visibility 1.0s ease 1.0s, -ms-transform 1.0s ease 1.0s;
-o-transition: opacity 1.0s ease 1.0s, visibility 1.0s ease 1.0s, -o-transform 1.0s ease 1.0s;
transition: opacity 1.0s ease 1.0s, visibility 1.0s ease 1.0s, transform 1.0s ease 1.0s;
}
.item-wrap.fp-completely .item-button-1 {
-webkit-transition: opacity 1.2s ease 0.4s, visibility 1.2s ease 0.4s, -webkit-transform 1.2s ease 0.4s;
-moz-transition: opacity 1.2s ease 0.4s, visibility 1.2s ease 0.4s, -moz-transform 1.2s ease 0.4s;
-ms-transition: opacity 1.2s ease 0.4s, visibility 1.2s ease 0.4s, -ms-transform 1.2s ease 0.4s;
-o-transition: opacity 1.2s ease 0.4s, visibility 1.2s ease 0.4s, -o-transform 1.2s ease 0.4s;
transition: opacity 1.2s ease 0.4s, visibility 1.2s ease 0.4s, transform 1.2s ease 0.4s;	
}
.item-wrap.fp-completely .item-bottom-buttons > .left { 
-webkit-transition: opacity 1.2s ease 1.4s, visibility 1.2s ease 1.4s, -webkit-transform 1.2s ease 1.4s;
-moz-transition: opacity 1.2s ease 1.4s, visibility 1.2s ease 1.4s, -moz-transform 1.2s ease 1.4s;
-ms-transition: opacity 1.2s ease 1.4s, visibility 1.2s ease 1.4s, -ms-transform 1.2s ease 1.4s;
-o-transition: opacity 1.2s ease 1.4s, visibility 1.2s ease 1.4s, -o-transform 1.2s ease 1.4s;
transition: opacity 1.2s ease 1.4s, visibility 1.2s ease 1.4s, transform 1.2s ease 1.4s;
}
.item-wrap.fp-completely .item-bottom-buttons > .right { 
-webkit-transition: opacity 1.2s ease 1.6s, visibility 1.2s ease 1.6s, -webkit-transform 1.2s ease 1.6s;
-moz-transition: opacity 1.2s ease 1.6s, visibility 1.2s ease 1.6s, -moz-transform 1.2s ease 1.6s;
-ms-transition: opacity 1.2s ease 1.6s, visibility 1.2s ease 1.6s, -ms-transform 1.2s ease 1.6s;
-o-transition: opacity 1.2s ease 1.6s, visibility 1.2s ease 1.6s, -o-transform 1.2s ease 1.6s;
transition: opacity 1.2s ease 1.6s, visibility 1.2s ease 1.6s, transform 1.2s ease 1.6s; 
}

/* default */
.item-wrap .item-img-1 { opacity:0; visibility:hidden; }
.item-wrap .item-title-1,
.item-wrap .item-title-2,
.item-wrap .item-text-2 { opacity:0; visibility:hidden; 
-moz-transform: translateX(-20px);
-webkit-transform: translateX(-20px);
-o-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px);
}
.item-wrap .item-button-1,
.item-wrap .item-bottom-buttons > * { opacity:0; visibility:hidden; }

/* fp-completely */
.item-wrap.fp-completely .item-img-1 { opacity:1; visibility:visible; }
.item-wrap.fp-completely .item-title-1,
.item-wrap.fp-completely .item-title-2,
.item-wrap.fp-completely .item-text-2 { opacity:1; visibility:visible; 
-moz-transform: translateX(0px);
-webkit-transform: translateX(0px);
-o-transform: translateX(0px);
-ms-transform: translateX(0px);
transform: translateX(0px);
}
.item-wrap.fp-completely .item-button-1,
.item-wrap.fp-completely .item-bottom-buttons > * { opacity:1; visibility:visible; }
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
.item-img-1 { height:144px; }
.item-inner { padding:47px 0 20px 0; }
.item-title-1 { font-size:10px; }
.item-title-2 { font-size:13px; margin:4px 0 0 0; padding:0 0 8px 0; }
.item-text-2 { font-size:11px; margin:8px 0 0 0; }
.item-button-1 { width:140px; margin:0 0 0 -70px; }
.item-button-1 a { height:34px; line-height:32px; font-size:11px; }

.item-bottom-buttons { padding:12px 11px 0 11px; }
.item-bottom-buttons > .left,
.item-bottom-buttons > .right { padding:0 4px; }
.item-bottom-buttons a { max-width:140px; height:45px; }
.item-bottom-buttons .em-1 { font-size:12px; line-height:110%; }
.item-bottom-buttons .em-2 { font-size:11px; line-height:140%; }
}

/*********************************************************************

.item-popup - ※PC

*********************************************************************/

.mfp-item-popup.mfp-bg { background:#dfdfdf; }
.mfp-item-popup.mfp-wrap .mfp-container { padding:0; }
.mfp-item-popup.mfp-wrap .mfp-content { width:100%; height:100%; padding:0; overflow:hidden; /*background:#dfdfdf;*/ background-color:transparent; }

/* transitions
--------------------------------------------------------------------*/

/* mfp-content */
.mfp-item-popup.mfp-wrap .mfp-content { opacity:0; visibility:hidden; 
-moz-transform: translateX(0px) translateY(200px);
-webkit-transform: translateX(0px) translateY(200px);
-o-transform: translateX(0px) translateY(200px);
-ms-transform: translateX(0px) translateY(200px);
transform: translateX(0px) translateY(200px);
-webkit-transition: opacity 0.6s ease, visibility 0.6s ease, -webkit-transform 0.6s ease;
-moz-transition: opacity 0.6s ease, visibility 0.6s ease, -moz-transform 0.6s ease;
-ms-transition: opacity 0.6s ease, visibility 0.6s ease, -ms-transform 0.6s ease;
-o-transition: opacity 0.6s ease, visibility 0.6s ease, -o-transform 0.6s ease;
transition: opacity 0.6s ease, visibility 0.6s ease, transform 0.6s ease;
}
.mfp-item-popup.mfp-wrap .mfp-content.view { opacity:1; visibility:visible;
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px); 
}

/* mfp-bg */
.mfp-item-popup.mfp-bg { opacity:0;
-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
-moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease;
-ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease;
-o-transition: opacity 0.4s ease, -o-transform 0.4s ease;
transition: opacity 0.4s ease, transform 0.4s ease;
}
.mfp-ready.mfp-bg { opacity:1;
-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
-moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease;
-ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease;
-o-transition: opacity 0.4s ease, -o-transform 0.4s ease;
transition: opacity 0.4s ease, transform 0.4s ease;
}
.mfp-removing.mfp-bg { opacity:0;
-webkit-transition: opacity 0.4s ease 0.6s, -webkit-transform 0.4s ease 0.6s;
-moz-transition: opacity 0.4s ease 0.6s, -moz-transform 0.4s ease 0.6s;
-ms-transition: opacity 0.4s ease 0.6s, -ms-transform 0.4s ease 0.6s;
-o-transition: opacity 0.4s ease 0.6s, -o-transform 0.4s ease 0.6s;
transition: opacity 0.4s ease 0.6s, transform 0.4s ease 0.6s; 
}

.item-popup { width:100%; height:100%; position:relative; }
.item-popup-slide-wrap,
.item-popup-slide { width:100%; height:100%; position:relative; overflow:hidden; }
.item-popup-slide { z-index:0; }
.item-popup-slide .slick-list,
.item-popup-slide .slick-track { height:100%; }
.item-popup-slide .item-slide-list { width:100%; height:100%; text-align:center; }
.item-popup-slide .item-slide-list:before,
.item-popup-slide .item-slide-list > .inner { display:inline-block; vertical-align:middle; }
.item-popup-slide .item-slide-list:before { content:''; width:0; height:100%; }
.item-popup-slide .item-slide-list > .inner { width:100%; padding:70px 0; text-align:left; }
.item-popup-slide .item-slide-inner { width:890px; height:500px; margin:0 auto; padding:40px 0 0 470px; position:relative; }
.item-popup-slide .item-slide-img { width:400px; height:400px; position:absolute; top:50%; left:10px; margin:-200px 0 0 0; }
.item-popup-slide .item-slide-section-1 { width:100%; display:table; table-layout:fixed; border-bottom:#595959 1px solid; padding:0 0 20px 0; }
.item-popup-slide .item-slide-section-1 > * { display:table-cell; vertical-align:bottom; }
.item-popup-slide .item-slide-section-1 * { letter-spacing:0.04em; line-height:150%; }
.item-popup-slide .item-slide-section-1 .sub-1 { font-size:22px; }
.item-popup-slide .item-slide-section-1 .sub-2 { width:110px; font-size:22px; text-align:right; }
.item-popup-slide .item-slide-section-1 .title-1 { font-size:28px; margin:-6px 0 0 0; }
.item-popup-slide .item-slide-section-2 { margin:24px 0 0 0; }
.item-popup-slide .item-slide-section-2 .title-1 { font-size:18px; line-height:135%; } 
.item-popup-slide .item-slide-section-2 .link-1 { font-size:18px; line-height:150%; letter-spacing:0.1em; margin:18px 0 0 0; }
.item-popup-slide .item-slide-section-2 .link-1 a { text-decoration:underline; }
.item-popup-slide .item-slide-section-2 .link-1 a:hover { text-decoration:none; }
.item-popup-slide .item-slide-section-3 { margin:24px 0 0 0; }
.item-popup-slide .item-slide-section-3 .title-1 { font-size:18px; line-height:150%; }
.item-popup-slide .item-slide-section-3 .text-1 { font-size:15px; line-height:185%; margin:16px 0 0 0; }
.item-popup-slide-dots { width:100%; height:18px; position:absolute; top:50%; left:0; z-index:1; margin:237px 0 0 0; }
.item-popup-slide-dots .slick-dots { height:18px; text-align:center; font-size:0; }
.item-popup-slide-dots .slick-dots li { width:18px; height:18px; display:inline-block; vertical-align:top; padding:5px 0 0 5px; cursor:pointer; overflow:hidden; }
.item-popup-slide-dots .slick-dots li button { display:block; width:8px; height:8px; background:#fff; border:0; text-indent:-9999px; margin:0; padding:0; outline:none; cursor:pointer;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; 
}
.item-popup-slide-dots .slick-dots li.slick-active button { background-color:#58333a; }
.item-popup-slide-arrow { width:100%; height:0; position:absolute; top:50%; left:0; }
.item-popup-slide-arrow .slick-arrow { width:22px; height:50px; position:absolute; top:-25px; cursor:pointer; background-repeat:no-repeat; background-position:center center; background-size:22px; z-index:1;
-webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
-moz-transition: opacity 0.5s ease, visibility 0.5s ease;
-ms-transition: opacity 0.5s ease, visibility 0.5s ease;
-o-transition: opacity 0.5s ease, visibility 0.5s ease;
transition: opacity 0.5s ease, visibility 0.5s ease; 
}
.item-popup-slide-arrow .slick-prev { left:50px; background-image:URL(../img/cmn/slide-arrow-prev.png); }
.item-popup-slide-arrow .slick-next { right:50px; background-image:URL(../img/cmn/slide-arrow-next.png); }
.item-popup-slide-arrow .slick-arrow.slick-disabled { opacity:0; visibility:hidden; }
.item-popup-close-wrap { width:100%; height:0; position:absolute; top:0; left:0; z-index:2; }
.item-popup-close { width:80px; height:80px; position:absolute; top:20px; right:20px; background:URL(../img/cmn/popup-close.png) no-repeat center center; background-size:21px; cursor:pointer; }

/*********************************************************************

.item-popup - ※SP

*********************************************************************/

@media screen and (max-width:800px){ 

/* transitions
--------------------------------------------------------------------*/

/* mfp-content */
.mfp-item-popup.mfp-wrap .mfp-content { 
-moz-transform: translateX(0px) translateY(100px);
-webkit-transform: translateX(0px) translateY(100px);
-o-transform: translateX(0px) translateY(100px);
-ms-transform: translateX(0px) translateY(100px);
transform: translateX(0px) translateY(100px);
}
.mfp-item-popup.mfp-wrap .mfp-content.view { 
-moz-transform: translateX(0px) translateY(0px);
-webkit-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px); 
}

.item-popup-slide .item-slide-list > .inner { padding:0 0 18px 0; }
.item-popup-slide .item-slide-inner { width:100%; height:auto; padding:0 15px; }
.item-popup-slide .item-slide-img { width:50%; max-width:280px; height:auto; position:relative; top:0; left:0; margin:14px auto 0 auto; }
.item-popup-slide .item-slide-section-1 { display:block; padding:0 0 12px 0; }
.item-popup-slide .item-slide-section-1 > * { display:block; vertical-align:baseline; }
.item-popup-slide .item-slide-section-1 * { letter-spacing:0.04em; line-height:150%; }
.item-popup-slide .item-slide-section-1 .sub-1 { font-size:15px; line-height:120%; text-align:center; }
.item-popup-slide .item-slide-section-1 .sub-2 { width:100%; font-size:13px; text-align:center; }
.item-popup-slide .item-slide-section-1 .title-1 { font-size:15px; margin:0 0 7px 0; line-height:125%; text-align:center; }
.item-popup-slide .item-slide-section-2 { height:50px; margin:11px 0 0 0; position:relative; }
.item-popup-slide .item-slide-section-2 .title-1 { font-size:13px; line-height:125%; }
.item-popup-slide .item-slide-section-2 .title-1 span { display:inline-block; vertical-align:top; max-width:100%; } 
.item-popup-slide .item-slide-section-2 .link-1 { font-size:13px; line-height:125%; letter-spacing:0em; margin:0; position:absolute; bottom:0; right:8px; }
.item-popup-slide .item-slide-section-2 .link-1 a:hover { text-decoration:underline; }
.item-popup-slide .item-slide-section-3 { margin:14px 0 0 0; }
.item-popup-slide .item-slide-section-3 .title-1 { font-size:12px; line-height:150%; text-align:center; }
.item-popup-slide .item-slide-section-3 .text-1 { font-size:11px; line-height:165%; margin:6px 0 0 0; }
.item-popup-slide-dots { top:auto; bottom:8px; margin:0; }
.item-popup-slide-dots .slick-dots li { padding:5px 0 0 5px; }
.item-popup-slide-arrow .slick-arrow { width:45px; height:50px; top:-25px; background-size:15px; }
.item-popup-slide-arrow .slick-prev { left:0; }
.item-popup-slide-arrow .slick-next { right:0; }
.item-popup-close { width:45px; height:45px; top:0; right:0; background-size:15px; }
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
.item-popup-slide .item-slide-list > .inner { padding:0 0 14px 0; }
.item-popup-slide .item-slide-img { margin:14px auto 0 auto; }
.item-popup-slide .item-slide-section-1 { padding:0 0 10px 0; }
.item-popup-slide .item-slide-section-1 .sub-1 { font-size:13px; }
.item-popup-slide .item-slide-section-1 .sub-2 { font-size:11px; }
.item-popup-slide .item-slide-section-1 .title-1 { font-size:13px; margin:0 0 6px 0; }
.item-popup-slide .item-slide-section-2 { height:42px; margin:9px 0 0 0; }
.item-popup-slide .item-slide-section-2 .title-1 { font-size:11px; }
.item-popup-slide .item-slide-section-2 .link-1 { font-size:11px; right:4px; }
.item-popup-slide .item-slide-section-3 { margin:12px 0 0 0; }
.item-popup-slide .item-slide-section-3 .title-1 { font-size:11px; }
.item-popup-slide .item-slide-section-3 .text-1 { font-size:10px; margin:7px 0 0 0; }


.item-popup-slide-dots { height:14px; bottom:6px; }
.item-popup-slide-dots .slick-dots { height:14px; }
.item-popup-slide-dots .slick-dots li { width:14px; height:14px; padding:4px 0 0 4px; }
.item-popup-slide-dots .slick-dots li button { width:6px; height:6px; }
.item-popup-slide-arrow .slick-arrow { width:40px; background-size:13px; }
.item-popup-close { width:40px; height:40px; background-size:13px; }
}

/*********************************************************************

.credit-wrap - ※PC

*********************************************************************/

.credit-wrap { background:#fff; }
.credit-box { padding:70px 0 100px 0; }
.credit-item { color:#000; width:812px; margin:0 auto;  text-align:center; position:relative; }
.credit-model { margin:50px 0 0 0; padding:60px 0 0 0; position:relative; }
.credit-model:before { content:''; width:680px; height:1px; position:absolute; top:0; left:50%; margin:0 0 0 -340px; background:#a7a9ac; }
.credit-model ul { text-align:center; font-size:0; }
.credit-model li { display:inline-block; vertical-align:top; padding:0 40px; }
.credit-model li a { display:block; width:200px; }
.credit-model li figure { width:200px; height:150px; position:relative; overflow:hidden; }
.credit-model li a figure:before { content:''; display:block; width:300px; height:300px; position:absolute; top:50%; left:50%; margin:-150px 0 0 -150px; background:rgba(88,51,58,0.5); 
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; 
}
.credit-model li h4 { font-size:14px; line-height:165%; margin:8px 0 0 0; }
.credit-text-1,
.credit-text-2 { font-size:14px; line-height:210%; }
.credit-text-2 { margin:60px 0 0 0; }

/* transitions
--------------------------------------------------------------------*/

/* transition */
.credit-wrap.fp-completely .credit-text-1 { 
-webkit-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s, -webkit-transform 1.0s ease 0s;
-moz-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s, -moz-transform 1.0s ease 0s;
-ms-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s, -ms-transform 1.0s ease 0s;
-o-transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s, -o-transform 1.0s ease 0s;
transition: opacity 1.0s ease 0s, visibility 1.0s ease 0s, transform 1.0s ease 0s;
}
.credit-wrap.fp-completely .credit-text-2 { 
-webkit-transition: opacity 1.0s ease 0.2s, visibility 1.0s ease 0.2s, -webkit-transform 1.0s ease 0.2s;
-moz-transition: opacity 1.0s ease 0.2s, visibility 1.0s ease 0.2s, -moz-transform 1.0s ease 0.2s;
-ms-transition: opacity 1.0s ease 0.2s, visibility 1.0s ease 0.2s, -ms-transform 1.0s ease 0.2s;
-o-transition: opacity 1.0s ease 0.2s, visibility 1.0s ease 0.2s, -o-transform 1.0s ease 0.2s;
transition: opacity 1.0s ease 0.2s, visibility 1.0s ease 0.2s, transform 1.0s ease 0.2s;
}
.credit-wrap.fp-completely .credit-model:before { 
-webkit-transition: width 0.4s ease 0.8s, margin 0.4s ease 0.8s;
-moz-transition: width 0.4s ease 0.8s, margin 0.4s ease 0.8s;
-ms-transition: width 0.4s ease 0.8s, margin 0.4s ease 0.8s;
-o-transition: width 0.4s ease 0.8s, margin 0.4s ease 0.8s;
transition: width 0.4s ease 0.8s, margin 0.4s ease 0.8s;
}
.credit-wrap.fp-completely .credit-model ul { 
-webkit-transition: opacity 1.2s ease 1.2s, visibility 1.2s ease 1.2s, -webkit-transform 1.2s ease 1.2s;
-moz-transition: opacity 1.2s ease 1.2s, visibility 1.2s ease 1.2s, -moz-transform 1.2s ease 1.2s;
-ms-transition: opacity 1.2s ease 1.2s, visibility 1.2s ease 1.2s, -ms-transform 1.2s ease 1.2s;
-o-transition: opacity 1.2s ease 1.2s, visibility 1.2s ease 1.2s, -o-transform 1.2s ease 1.2s;
transition: opacity 1.2s ease 1.2s, visibility 1.2s ease 1.2s, transform 1.2s ease 1.2s;
}

/* default */
.credit-wrap .credit-text-1,
.credit-wrap .credit-text-1,
.credit-wrap .credit-text-2,
.credit-wrap .credit-text-2 { opacity:0; visibility:hidden;
-moz-transform: translateY(30px);
-webkit-transform: translateY(30px);
-o-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px); 
}
.credit-wrap .credit-model:before { width:0; margin-left:0; opacity:0; visibility:hidden; }
.credit-wrap .credit-model ul { opacity:0; visibility:hidden; }

/* fp-completely */
.credit-wrap.fp-completely .credit-text-1,
.credit-wrap.fp-completely .credit-text-1,
.credit-wrap.fp-completely .credit-text-2,
.credit-wrap.fp-completely .credit-text-2 { opacity:1; visibility:visible; 
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.credit-wrap.fp-completely .credit-model:before { width:680px; margin-left:-340px; opacity:1; visibility:visible;  }
.credit-wrap.fp-completely .credit-model ul { opacity:1; visibility:visible; }

/*********************************************************************

.credit-wrap - ※SP

*********************************************************************/

@media screen and (max-width:800px){
.credit-box { padding:20px 0; }
.credit-item { width:100%; padding:0 15px; }
.credit-text-1,
.credit-text-2 { font-size:10px; line-height:165%; }
.credit-text-1 span { display:inline-block; vertical-align:top; }
.credit-text-2 { margin:15px 0 0 0; }

/* transitions
--------------------------------------------------------------------*/

/* default */
.credit-wrap .credit-text-1,
.credit-wrap .credit-text-1,
.credit-wrap .credit-text-2,
.credit-wrap .credit-text-2 { opacity:0; visibility:hidden;
-moz-transform: translateY(20px);
-webkit-transform: translateY(20px);
-o-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px); 
}

/* fp-completely */
.credit-wrap.fp-completely .credit-text-1,
.credit-wrap.fp-completely .credit-text-1,
.credit-wrap.fp-completely .credit-text-2,
.credit-wrap.fp-completely .credit-text-2 { opacity:1; visibility:visible; 
-moz-transform: translateY(0px);
-webkit-transform: translateY(0px);
-o-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
}

/* iPhone5 & iPhoneSE */
@media screen and (max-width:350px){ 
.credit-item { 
-moz-transform: scale(0.9);
-webkit-transform: scale(0.9);
-o-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9); 
}
}