/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */




/* **************************************************************************
   common
   ************************************************************************** */
/* golden ratio 1:1.618 */
html { font-size:13.5px; line-height:22px; letter-spacing:0.5px; font-family:arial, Garamond, 'Times New Roman', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif; }
img { border:none; max-width:100%; height:auto; }
a { text-decoration:none; transform:scale(1.0); transition:all .25s ease-in-out; }
a:hover { opacity:0.75; filter: alpha(opacity=75); -moz-opacity:0.75; }
html, a { color:#080808; }

.gothic { font-family:arial, Garamond, 'Times New Roman', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif; }
.mincho { font-family:arial, Garamond, 'Times New Roman', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; }

.x { width:100%; overflow:hidden; }
.x .y { width:100%; position:relative; }
.x .y .z { width:100%; margin:auto; position:relative; }

span.word { display:inline-block; }

@media screen and (max-device-width: 480px) {
    body { -webkit-text-size-adjust: none; }
}

.bgi.small { background-size:contain; background-position:center; background-repeat:no-repeat; } /* 領域内におさまる最大サイズで画像を表示。領域内に余白が生じる。画像は見切れない。 */
.bgi.large { background-size:cover;   background-position:center; background-repeat:no-repeat; } /* 領域一杯に画像を表示。領域の全てが画像で覆われる。画像は見切れる。 */
.bgi.tiles { background-size:auto;    background-position:center; background-repeat:repeat;    } /* 領域をパターン画像で埋め尽くす。 */

/* jQuery mobile */
div.ui-loader { display:none; }

/* outline */
.outline {
    filter:dropshadow(color=#000000,offX= 0,offY=-1)
    dropshadow(color=#000000,offX= 1,offY= 0)
    dropshadow(color=#000000,offX= 0,offY= 1)
    dropshadow(color=#000000,offX=-1,offY= 0);

    /*
    -webkit-text-stroke-color: #000;
    -webkit-text-stroke-width: 1px;
    */

    text-shadow: black 1px 1px 0px, black -1px 1px 0px,
                 black 1px -1px 0px, black -1px -1px 0px;

    color:#fff;
}

/* form parts normalizer */

/* form parts normalizer (essential param) */
.form input[type=checkbox],
.form input[type=radio] { position:relative; top:-0.125rem; }
.form select,
.form input[type=text],
.form textarea { -o-appearance:none; -ms-appearance:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; box-sizing:border-box; color:inherit; display:inline-block; font-family:inherit; font-size:inherit; letter-spacing:inherit; line-height:normal; margin:0; max-width:100%; text-transform:none; -o-transition:box-shadow 0.45s, border-color 0.45s ease-in-out; -ms-transition:box-shadow 0.45s, border-color 0.45s ease-in-out; -moz-transition:box-shadow 0.45s, border-color 0.45s ease-in-out; -webkit-transition:box-shadow 0.45s, border-color 0.45s ease-in-out; transition:box-shadow 0.45s, border-color 0.45s ease-in-out; vertical-align:middle; }
.form select { background-repeat:no-repeat; background-position-x:97%; background-position-y:center; background-position:97% center; background-size:contain; background-image:url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iM3B4IiB2aWV3Qm94PSIwIDAgNiAzIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA2IDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwb2x5Z29uIHBvaW50cz0iNS45OTIsMCAyLjk5MiwzIC0wLjAwOCwwICIvPjwvc3ZnPg==");
}
.form option { display:block; white-space:pre; padding:0px 2px 1px; }
.form textarea { overflow:auto; }
@media all and (-ms-high-contrast:none) {
    .form input[type=checkbox],
    .form input[type=radio] { margin-top:-0.25rem; }
    .form select { background-image:none; }
    *::-ms-backdrop,
    .form input[type=checkbox],
    .form input[type=radio] { margin-top:-0.25rem; }
    *::-ms-backdrop,
    .form select { background-image:none; }
}
@supports (-ms-accelerator:true) {
    .form input[type=checkbox],
    .form input[type=radio] { margin-top:-0.25rem; }
}

/* button */
.btn { text-decoration:none; text-align:center; }
.btn table { border-collapse:collapse; margin:auto; font-size:1rem; line-height:1.375rem; height:3.25rem; }
.btn table td { padding:0; }

/* button --- display */
.btn.disp {}
.btn.disp.b03k { display:block; margin-bottom:0.5rem; }
.btn.disp.i10k { display:inline-block; width:120px; max-width:120px; }

/* button --- border */
.btn.bdr { border:1px solid transparent; }
.btn.bdr.rnd { border-radius:0.25rem; }

/* button --- bg */
.btn.bg { background-color:transparent; color:#4d4d4d; }

/* button --- animation */
.btn.ani { position:relative; overflow:hidden; }
/* button --- animation --- circle wave */
.btn.ani.cw {}
.btn.ani.cw:before { content:''; position:absolute; left:50%; top:50%; width:125%; padding-top:125%; border-radius:62.5%; margin-left:-62.5%; margin-top:-62.5%; transition:all .25s ease-in-out; transform:scale(0, 0); z-index:-1; }
.btn.ani.cw:hover:before { transform:scale(1.0, 1.0); }
/* button --- animation --- marker bounce */
.btn.ani .btn-m-wrapper { position:relative; display:inline-block; padding-right:4px; }
.btn.ani.mb:hover .marker { position:relative; display:inline-block;
    -moz-animation-name: marker-bounce-1;
    -moz-animation-duration: 5s;
    -moz-animation-timing-function: ease;
    -moz-animation-iteration-count: infinite;

    -ms-animation-name: marker-bounce-1;
    -ms-animation-duration: 5s;
    -ms-animation-timing-function: ease;
    -ms-animation-iteration-count: infinite;

    -o-animation-name: marker-bounce-1;
    -o-animation-duration: 5s;
    -o-animation-timing-function: ease;
    -o-animation-iteration-count: infinite;

    -webkit-animation-name: marker-bounce-1;
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes marker-bounce-1 {
    0% { -moz-transform:translate3d(0px,0,0); }
    20% { -moz-transform:translate3d(3px,0,0); }
    80% { -moz-transform:translate3d(-1px,0,0); }
    100% { -moz-transform:translate3d(0px,0,0); }
}
@-ms-keyframes marker-bounce-1 {
    0% { -ms-transform:translate3d(0px,0,0); }
    20% { -ms-transform:translate3d(3px,0,0); }
    80% { -ms-transform:translate3d(-1px,0,0); }
    100% { -ms-transform:translate3d(0px,0,0); }
}
@-o-keyframes marker-bounce-1 {
    0% { -o-transform:translate3d(0px,0,0); }
    20% { -o-transform:translate3d(3px,0,0); }
    80% { -o-transform:translate3d(-1px,0,0); }
    100% { -o-transform:translate3d(0px,0,0); }
}
@-webkit-keyframes marker-bounce-1 {
    0% { -webkit-transform:translate3d(0px,0,0); }
    20% { -webkit-transform:translate3d(3px,0,0); }
    80% { -webkit-transform:translate3d(-1px,0,0); }
    100% { -webkit-transform:translate3d(0px,0,0); }
}

/* button --- type (00) ... サイズ感 */
.btn.typ-00 table { font-size:1rem; line-height:1.375rem; height:3.25rem;/*custom val (set btn min-height. recommended value: td's padding-top + padding-bottom + 2 * line-height or more)*/ }
.btn.typ-00 table td { padding:0.25rem 0; }
.btn.typ-00.disp.b03k { margin-bottom:0.5rem; }
.btn.typ-00.disp.i10k { width:120px; max-width:120px;/*custom val (set btn max-width. recommended value: 280px or less)*/ }
.btn.typ-00.bdr.rnd { border-radius:0.25rem; }

/* button --- border --- color scheme (00) ... 色合い */
.btn.bdr.clr-00a,
.btn.bdr.clr-00b,
.btn.bdr.clr-00c,
.btn.bdr.clr-00d { border:1px solid #1e8a46;/*濃色1*/ }
/* button --- bg --- color scheme (00) */
.btn.bg.clr-00a,
.btn.bg.clr-00b { background-color:#1e8a46;/*濃色1*/ color:#ffffff; }
.btn.bg.clr-00c,
.btn.bg.clr-00d { background-color:#c7e2d1;/*薄色1=白*75%+濃色1*25%*/ color:#4d4d4d; }
/* button --- animation --- change (color, background-color, border-color) color scheme (00) */
.btn.ani.cc.clr-00a:hover,
.btn.ani.cc.clr-00b:hover { background-color:rgba(199,226,209,0.25);/*薄色B*/ border-color:#8a461e;/*濃色B*/ color:#4d4d4d; }
.btn.ani.cc.clr-00c:hover,
.btn.ani.cc.clr-00d:hover { background-color:rgba(56,29,46,0.75);/*濃色B*/ border-color:#8a461e;/*薄色B*/ color:#ffffff; }
/* button --- animation --- circle wave --- color scheme (00) */
.btn.ani.cw.clr-00a::before,
.btn.ani.cw.clr-00c::before { background-color:#c7e2d1;/*薄色1*/ background-color:rgba(30,138,70,0.25);/*濃色1の透過25%*/ }
.btn.ani.cw.clr-00b::before,
.btn.ani.cw.clr-00d::before { background-color:#c7e2d1;/*薄色1*/ background-color:rgba(30,138,70,0.25);/*濃色1の透過25%*/
    background:-webkit-gradient(radial, center center, 0, center center, 100, from(rgba(30,138,70,0.25)), to(rgba(30,138,70,0)));
    background:-webkit-radial-gradient(center, circle cover, rgba(30,138,70,0.25) 0%, rgba(30,138,70,0) 100%);
    background:-moz-radial-gradient(center, circle cover, rgba(30,138,70,0.25) 0, rgba(30,138,70,0) 100%);
    background:-o-radial-gradient(center, circle cover, rgba(30,138,70,0.25) 0, rgba(30,138,70,0) 100%);
    background:radial-gradient(rgba(30,138,70,0.25) 0, rgba(30,138,70,0) 100%);
}




/* ********************************************************************************
 * .x.BL-C1-C100-R-000 (form)
 * ******************************************************************************** */
:placeholder-shown { color:#ccc; }
::-webkit-input-placeholder { color:#ccc; }
:-moz-placeholder { color:#ccc; opacity:1; }
::-moz-placeholder { color:#ccc; opacity:1; }
:-ms-input-placeholder { color:#ccc; } /* for IE10 only */
:-ms-input-placeholder { color:#ccc !important; } /* for IE10-11 */
::-ms-input-placeholder { color:#ccc; } /* Edge */
::placeholder { color:#ccc;} /* CSS Working Draft */










html, body { background-color:transparent; margin:0; padding:0; }
html { background-color:transparent; }
body { background-color:#CCCCCC; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .device-is-pc .no-pc { display:none; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .device-is-pc .no-tab { display:none; }
/*
    .device-is-pc .x.header-000-000-sp-tab { display:block; }
    .device-is-pc .x.header-000-000-pc { display:none; }
*/
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .device-is-pc .no-sp { display:none; }
}
.device-is-tab .no-tab { display:none; }
.device-is-sp .no-sp { display:none; }

@media screen and (max-width:1024px) {
    ::-webkit-scrollbar { width:0px; }
}

.x { min-width:0px; }
.x .y .z { width:auto; max-width:960px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x { width:980px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
}

a, img { -webkit-user-select:none; -webkit-touch-callout:none; }













/* ********************************************************************************
 * .x.header-000-000-sp-tab
 * ******************************************************************************** */
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    html.device-is-pc body.header-000-000-sp-tab-blur .x { transition:.25s; }
    body.header-000-000-sp-tab-blur .x { filter:blur(2px) grayscale(20%); }
    body.header-000-000-sp-tab-blur .x.header-000-000-sp-tab { filter:none; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    html.device-is-pc body.header-000-000-sp-tab-blur .x { transition:.25s; }
    body.header-000-000-sp-tab-blur .x { filter:blur(2px) grayscale(20%); }
    body.header-000-000-sp-tab-blur .x.header-000-000-sp-tab { filter:none; }
}
.x.header-000-000-sp-tab { background-color:transparent; transition:height 0s, background-color 0.25s; }
body.header-000-000-sp-tab-blur .x.header-000-000-sp-tab { background-color:#000;/*fallback rgba(0,0,0,0.75);*/ background-color:rgba(0,0,0,0.75); }

.x.header-000-000-sp-tab { /*z-index:97; position:fixed;*/ position: absolute; left:0; top:0; box-shadow:0 0 4px rgba(0,0,0,1); }
.x.header-000-000-sp-tab .y { max-height:260px;/*fallback 100vh (1 of 2)*/ max-height:100vh; }
.x.header-000-000-sp-tab .y { min-height:44px;/*set BASE-MENU-BAR-HEIGHT (1 of 3)*/ }
.x.header-000-000-sp-tab .y .z { max-width:none; }
.x.header-000-000-sp-tab .y .z .w {}
.x.header-000-000-sp-tab .y .z .w .i {}
/*--------bar--------*/
.x.header-000-000-sp-tab .y .z .w .i .d1 { background-color: rgba(0,0,0,0.75); border-bottom:1px solid rgba(0,0,0,0.75); height:44px;/*set BASE-MENU-BAR-HEIGHT (2 of 3)*/ position:absolute; left:0; top:0; z-index:99; width:100%; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);/*prevent flicker*/ box-shadow:0 0 2px rgba(0,0,0,0.75); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 { border-collapse:collapse; width:100%; height:100%; line-height:0; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 .d1-1 { padding:0; padding-left:6px; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 .d1-1-1 {}
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 .d1-1-1-1 { text-align:left; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 .d1-1-1-1 img { max-width:100%; height:auto; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 .d1-3 { padding:0; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 .d1-3-1 {}
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 .d1-3-1-1 { text-align:right; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 .d1-3-1-1 img { max-width:100%; height:auto; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 .d1-3-1-1 a { float:right; }
/* アイコン角角で余白なし(ここから) */
/*
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn { background-color:#000; display:inline-block; width:44px; height:44px; background-position:center; background-repeat:no-repeat; background-size:44px 44px; margin-left:0px; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.facebook        { background-size:44px 44px; background-image:url(../img/icon-img-facebook.png); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.twitter         { background-size:44px 44px; background-image:url(../img/icon-img-twitter.png); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.line            { background-size:44px 44px; background-image:url(../img/icon-img-line.png); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.blog            { background-size:44px 44px; background-image:url(../img/icon-img-blog.png); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hatena-blog     { background-size:44px 44px; background-image:url(../img/icon-img-hatena-blog.png); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hatena-bookmark { background-size:44px 44px; background-image:url(../img/icon-img-hatena-bookmark.png); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.instagram       { background-size:44px 44px; background-image:url(../img/icon-img-instagram.png); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.github          { background-size:44px 44px; background-image:url(../img/icon-img-github.png); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger { background-size:44px 44px; /*background-image:url(../img/header-img-hamburger.png);* / position:relative; background-color:#fff; }
*/
/* アイコン角角で余白なし(ここまで) */
/* アイコン角丸で余白あり(ここから) */
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn { background-color:transparent;/*#000;*/ display:inline-block; width:32px; height:32px; background-position:center; background-repeat:no-repeat; background-size:32px 32px; margin-left:0px; border-radius:6px; overflow:hidden; margin:6px 6px 0 0; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.icon-03 { background-image:url(../img/icon-03.png); background-size:32px 32px; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.icon-02 { background-image:url(../img/icon-02.png); background-size:32px 32px; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.icon-01 { background-image:url(../img/icon-01.png); background-size:32px 32px; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger { width:44px; height:44px; background-size:44px 44px; /*background-image:url(../img/header-img-hamburger.png);*/ position:relative; background-color:/*#c59b6f;*/#ededed; border-radius:0; margin:0; }
/* アイコン角丸で余白あり(ここまで) */
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger .hamburger1,
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger .hamburger2,
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger .hamburger3 { position:absolute; width:44%; height:4.5%; border-radius:0px; background-color:#4d4d4d; line-height:0; transition:all .25s ease-in-out; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger.opener .hamburger1 { left:28%; top:36%; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger.opener .hamburger2 { left:28%; top:50%; }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger.opener .hamburger3 { left:28%; top:64%; }
/* × ※a.btn.hamburger は正方形、または縦長の長方形でなければならない。 */
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger.closer .hamburger1 { left:28%; top:50%; -webkit-transform:rotate( 225deg) scale(1.0, 1.0); transform:rotate( 225deg) scale(1.0, 1.0); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger.closer .hamburger2 { left:28%; top:50%; -webkit-transform:rotate(  90deg) scale(0.0, 0.0); transform:rotate(  90deg) scale(0.0, 0.0); }
.x.header-000-000-sp-tab .y .z .w .i .d1 .t1 a.btn.hamburger.closer .hamburger3 { left:28%; top:50%; -webkit-transform:rotate(-225deg) scale(1.0, 1.0); transform:rotate(-225deg) scale(1.0, 1.0); }
/*--------search--------*/
.x.header-000-000-sp-tab .y .z .w .i .d2-1-1 { background-color:#fff; padding:0px 20px; padding-top:44px !important;/*set BASE-MENU-BAR-HEIGHT (3 of 3)*/ }
.x.header-000-000-sp-tab .y .z .w .i .d2-1-1 .d2-1-1-1 { text-align:center; color:#4d4d4d; font-weight:bold; font-size:0.875rem; line-height:1.5rem; padding-top:10px; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1-1 .d2-1-1-2 { padding:1px 0 10px 0; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1-1 .d2-1-1-2 table { border-collapse:collapse; width:100%; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1-1 .d2-1-1-2 table tbody {}
.x.header-000-000-sp-tab .y .z .w .i .d2-1-1 .d2-1-1-2 table tbody tr {}
.x.header-000-000-sp-tab .y .z .w .i .d2-1-1 .d2-1-1-2 table tbody tr td.t2-1-1-2-1 { padding-right:4px; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1-1 .d2-1-1-2 table tbody tr td.t2-1-1-2-1 input { background-color:#f6f6f6; border:1px solid #ededed; border-radius:3px; font-size:1rem; padding:0.5rem 14px;/*set master font-size*/ width:100%; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1-1 .d2-1-1-2 table tbody tr td.t2-1-1-2-2 { width:52px; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1-1 .d2-1-1-2 table tbody tr td.t2-1-1-2-2 a { width:100%; height:31.5px; line-height:31.5px; color:#fff; background-color:#e40e22; font-weight:normal; border-radius:3px; display:inline-block; text-align:center; font-size:12px }
/*--------list--------*/
.x.header-000-000-sp-tab .y .z .w .i .d2 { position:relative; left:0; top:0px; z-index:98; max-height:260px;/*fallback 100vh (1 of 2)*/ max-height:100vh; overflow:auto; -webkit-overflow-scrolling:touch; }
/*
@media all and (orientation: portrait) {
    .x.header-000-000-sp-tab .y .z .w .i .d2 { max-height:calc(100vh - 70px); }
}
@media all and (orientation: landscape) {
    .x.header-000-000-sp-tab .y .z .w .i .d2 { max-height:calc(100vh - 89px); }
}
*/
.x.header-000-000-sp-tab .y .z .w .i .d2-1 { -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0);/*prevent flicker*/ }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul { background-color:#000; line-height:18px; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul { list-style:none; margin:0; padding:0; display:block; width:100%; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li { border-top:1px solid #585858; display:block; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li table { height:44px;/*set BASE-MENU-ITEM-HEIGHT (1 of 1)*/ border-collapse:collapse; width:100%; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li table td { padding:0; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.fc {}
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.fc a { display:block; height:100%; font-weight:bold; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.fc a td { padding:0.3rem 1.5rem 0.2rem 1.5rem; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.fc a td span.en { display:block; font-size:10px; padding-left:1px;/*8px;*/ font-weight:normal; line-height:10px; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc { width:44px; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table { height:100%; line-height:0; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator { display:inline-block; width:44px; height:44px; position:relative; background-position:center; background-repeat:no-repeat; background-size:44px 44px; line-height:0px; padding-left:0; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator .operator2 { position:absolute; width:44%; height:4%; border-radius:0px; line-height:0; transition:all .25s ease-in-out; }
/*
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator.opener { /*background-image:url(../img/header-img-opener.png);* / }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator.opener .operator1 { left:28%; top:50%; -webkit-transform:rotate( 45deg) translate(-4px,-4px) scale(0.5, 0.5); transform:rotate( 45deg) translate(-4px,-4px) scale(0.5, 0.5); height:8%; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator.opener .operator2 { left:28%; top:50%; -webkit-transform:rotate(-45deg) translate(-1px, 1px) scale(0.5, 0.5); transform:rotate(-45deg) translate(-1px, 1px) scale(0.5, 0.5); height:8%; }
*/
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator.opener { /*background-image:url(../img/header-img-opener.png);*/ }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator.opener .operator1 { left:28%; top:50%; -webkit-transform:rotate(  0deg) translate( 0px, 0px) scale(1.0, 1.0); transform:rotate(  0deg) translate( 0px, 0px) scale(1.0, 1.0); }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator.opener .operator2 { left:28%; top:50%; -webkit-transform:rotate(-90deg) translate( 0px, 0px) scale(1.0, 1.0); transform:rotate(-90deg) translate( 0px, 0px) scale(1.0, 1.0); }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator.closer { /*background-image:url(../img/header-img-closer.png);*/ }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator.closer .operator1 { left:28%; top:50%; -webkit-transform:rotate(-135deg) translate(1px, 1px) scale(1.0, 1.0);  transform:rotate(-135deg) translate(1px, 1px) scale(1.0, 1.0); }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator.closer .operator2 { left:28%; top:50%; -webkit-transform:rotate( 315deg) translate(1px,-1px) scale(1.0, 1.0); transform:rotate( 315deg) translate(1px,-1px) scale(1.0, 1.0); }
.x.header-000-000-sp-tab .y .z .w .i .d2-1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li.has-operator > ul { display:none; overflow:hidden; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li td.fc a,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li td.lc a { transition:all .25s ease-in-out; }

.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li > table > tbody > tr > td.fc a { background-color:#FFF; color:#4d4d4d; padding-left:0rem; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li ul li > table > tbody > tr > td.fc a { background-color:#EEE; color:#4d4d4d; padding-left:1rem; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li ul li ul li > table > tbody > tr > td.fc a { background-color:#DDD; color:#4d4d4d; padding-left:2rem; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li ul li ul li ul li > table > tbody > tr > td.fc a { background-color:#CCC; color:#4d4d4d; padding-left:3rem; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li ul li ul li ul li ul li > table > tbody > tr > td.fc a { background-color:#BBB; color:#4d4d4d; padding-left:4rem; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li ul li ul li ul li ul li ul li > table > tbody > tr > td.fc a { background-color:#AAA; color:#4d4d4d; padding-left:5rem; }

.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator { background-color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li > table > tbody > tr > td.lc > table a.operator { background-color:#EEE; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li > table > tbody > tr > td.lc > table a.operator { background-color:#DDD; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li > table > tbody > tr > td.lc > table a.operator { background-color:#CCC; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li > table > tbody > tr > td.lc > table a.operator { background-color:#BBB; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li ul li > table > tbody > tr > td.lc > table a.operator { background-color:#AAA; }

.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#4d4d4d; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#4d4d4d; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#4d4d4d; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#4d4d4d; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#4d4d4d; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li ul li > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li ul li > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#4d4d4d; }

.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li.state-open > table > tbody > tr > td.fc a { background-color:#c59b6f;/*#4692c3;*/ color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li ul li.state-open > table > tbody > tr > td.fc a { background-color:#3682c3; color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li ul li ul li.state-open > table > tbody > tr > td.fc a { background-color:#2672c3; color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li ul li ul li ul li.state-open > table > tbody > tr > td.fc a { background-color:#1662c3; color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li ul li ul li ul li ul li.state-open > table > tbody > tr > td.fc a { background-color:#0652c3; color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li ul li ul li ul li ul li ul li.state-open > table > tbody > tr > td.fc a { background-color:#0642c3; color:#FFF; }

.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li.state-open > table > tbody > tr > td.lc > table a.operator { background-color:#c59b6f;/*#4692c3;*/ }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator { background-color:#3682c3; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator { background-color:#2672c3; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator { background-color:#1662c3; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator { background-color:#0652c3; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator { background-color:#0642c3; }

.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#FFF; }
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator1,
.x.header-000-000-sp-tab .y .z .w .i .d2-1 ul li ul li ul li ul li ul li ul li.state-open > table > tbody > tr > td.lc > table a.operator .operator2 { background-color:#FFF; }

.x.header-000-000-sp-tab .y .z .w .i .d2-1 > ul li i.fa { font-size:24px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
}


@keyframes fadein {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
/* ********************************************************************************
 * .x.header-000-000-pc
 * ******************************************************************************** */
.x.header-000-000-pc { z-index:97; overflow:visible; position: absolute; top: 0; left: 0; }
.x.header-000-000-pc .y {}
.x.header-000-000-pc .y .z { max-width:none; }
.x.header-000-000-pc .y .z .w {}
.x.header-000-000-pc .y .z .w .i {}

.x.header-000-000-pc .y .z .w .i .d1 {
    transform:scale(1.0); transition:all .5s ease-in-out;
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}
.x.header-000-000-pc .y .z .w .i .d1 { background-color: rgba(0,0,0,0.75); }
.x.header-000-000-pc .y .z .w .i .d1 { position:relative; z-index:98; overflow:visible;/*メニューバーの下(サブメニュー)に影を落とす場合に有効化*/ }
.x.header-000-000-pc .y .z .w .i .d1 {  padding:15px 0 20px; }
.x.header-000-000-pc .y .z .w .i .d1-1 { max-width:960px; margin:0 auto; padding:0; line-height:0; text-align:center; padding-left:0px; padding-top:0px; }
.x.header-000-000-pc .y .z .w .i .d1-1-l { float:left; }
.x.header-000-000-pc .y .z .w .i .d1-1-l-1 { padding-top:10px; }
.x.header-000-000-pc .y .z .w .i .d1-1-l-1 a { display:block; }
.x.header-000-000-pc .y .z .w .i .d1-1-r { float:right; max-width:492px;/*420px;*/ }
.x.header-000-000-pc .y .z .w .i .d1-1 ul { list-style:none; display:inline-block; margin:0; padding:0; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li { display:inline-block; float:left; margin:0; padding:0; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li { width:80px;/*メニューアイテムの幅を指定(内容にあわせるのではなく固定割り振り)する場合*/ }

/* 高さほどほどのセパレータ(線)を入れる (ここまで) */
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div { display:block; margin:0 2px 0 2px;/*アイテム間の余白(非リンク領域)*/ padding:0; position:relative; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li:last-child > div { margin:0 6px; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div:hover::after { opacity:0.75; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div.active { border-bottom: 1px solid #ffffff; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div.active::after { opacity:0.75; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a { text-decoration:none; display:block; padding:0;/*アイテム間の余白(リンク領域)*/ transition:all .25s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table { border-collapse:collapse; width:100%; height:25px;/*set BASE-MENU-BAR-HEIGHT (7 of 9)*/ line-height:0; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody,
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody > tr,
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody > tr > td { margin:0; padding:0; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody > tr > td { font-size:14px; line-height:14px; color:#ffffff; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody > tr > td { font-size:13.5px; line-height:16px; letter-spacing:1.5px; transition:all .25s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody > tr > td .en { font-size:10px; letter-spacing:0.5px; }

.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a:hover { background-color:rgba(255,255,255,0.25); }

@media (min-width: 1920px) {
}
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
}



.camera_wrap { margin-bottom:0 !important; }
.camera_pag { margin-top:-62px; }
.camera_wrap .camera_pag .camera_pag_ul li > span {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    height: 16px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 16px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
    background:#dcdcdc;
    -webkit-transition:all .25s ease-in-out;
    -moz-transition:all .25s ease-in-out;
    transition:all .25s ease-in-out;
    margin:20px 5px;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background:#224d2a;
}









/* ********************************************************************************
 * index
 * ******************************************************************************** */
#index .x.aaa { position:relative; }
#index .x.aaa .y {}
#index .x.aaa .y .z { max-width:none; }
#index .x.aaa .y .z .w {}
#index .x.aaa .y .z .w .i {}
#index .x.aaa .y .z .w .i .d1 {}
#index .x.aaa .y .z .w .i .d1-1 { background-image:url(../img/index-01.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; padding-top: 46.6666666667%; }
#index .x.aaa .y .z .w .i .d1-1-1 { width: 100%; text-align:center; position: absolute; bottom: 6%; color:#ffffff; line-height: 1; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.aaa .y .z .w .i .d1-1-1 { font-size: 48px; letter-spacing: 4px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.aaa .y .z .w .i .d1-1-1 { font-size: 48px; letter-spacing: 4px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.aaa .y { padding-top:44px; }

    #index .x.aaa .y .z .w .i .d1-1-1 { font-size:18px; }
}





/* ********************************************************************************
 * about
 * ******************************************************************************** */
#about .x.aaa { position:relative; }
#about .x.aaa .y {}
#about .x.aaa .y .z { max-width:none; background-image:url(../img/about-bg.png); background-size:cover; background-repeat:no-repeat; background-position:center; }
#about .x.aaa .y .z .w {}
#about .x.aaa .y .z .w .i {}
#about .x.aaa .y .z .w .i .d1 {}
#about .x.aaa .y .z .w .i .d1-1 {}
#about .x.aaa .y .z .w .i .d1-1-1 { background-color:rgba(0,0,0,0.4); color:#ffffff; box-sizing: border-box; }
#about .x.aaa .y .z .w .i .d1-1-2 { color:#ffffff; box-sizing: border-box; text-align:right; }
@media (min-width: 1500px) {
    #about .x.aaa .y .z { background-size:contain; background-repeat:repeat-x; }
    #about .x.aaa .y .z { min-height:700px; }

    #about .x.aaa .y .z .w .i .d1-1 { width:1500px; min-height:700px; margin:0 auto; position:relative; }
    #about .x.aaa .y .z .w .i .d1-1-1 { max-width: 540px; padding: 25px 25px 12px; font-size: 13.5px; }
    #about .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 14%; left: 32%; }
    #about .x.aaa .y .z .w .i .d1-1-2 { font-size: 13.5px; }
    #about .x.aaa .y .z .w .i .d1-1-2 { position: absolute; bottom: 2%; right: 50%; margin-right: -270px; }
}
@media (min-width: 960px) and (max-width: 1499px) {
    /* for pc [960, inf] */
    #about .x.aaa .y .z { min-height:700px; }

    #about .x.aaa .y .z .w .i .d1-1-1 { max-width: 540px; padding: 25px 25px 12px; font-size: 13.5px; }
    #about .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 14%; left: 50%; margin-left: -270px; }
    #about .x.aaa .y .z .w .i .d1-1-2 { font-size: 13.5px; }
    #about .x.aaa .y .z .w .i .d1-1-2 { position: absolute; bottom: 2%; right: 50%; margin-right: -270px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #about .x.aaa .y .z { min-height:700px; }

    #about .x.aaa .y .z .w .i .d1-1-1 { max-width: 540px; padding: 25px 25px 12px; font-size: 13.5px; }
    #about .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 14%; left: 50%; margin-left: -270px; }
    #about .x.aaa .y .z .w .i .d1-1-2 { font-size: 13.5px; }
    #about .x.aaa .y .z .w .i .d1-1-2 { position: absolute; bottom: 2%; right: 50%; margin-right: -270px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #about .x.aaa .y { padding-top:44px; }
    #about .x.aaa .y .z { min-height:375px; }

    #about .x.aaa .y .z .w .i .d1-1-1 { max-width: 78%; min-width: 290px; padding: 10px 10px 8px; font-size: 8px; letter-spacing: 0; line-height: 1.5; }
    #about .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 14%; left: 50%; margin-left: -147px; }
    #about .x.aaa .y .z .w .i .d1-1-2 { font-size: 8px; line-height: 1.5; }
    #about .x.aaa .y .z .w .i .d1-1-2 { position: absolute; bottom: 1.6%; right: 50%; margin-right: -147px; }
}




/* ********************************************************************************
 * contents
 * ******************************************************************************** */
#contents .x.aaa { position:relative; }
#contents .x.aaa .y {}
#contents .x.aaa .y .z { max-width:none; background-image:url(../img/contents-bg.png?20171228a); background-size:cover; background-repeat:no-repeat; background-position:center; }
#contents .x.aaa .y .z .w {}
#contents .x.aaa .y .z .w .i {}
#contents .x.aaa .y .z .w .i .d1 {}
#contents .x.aaa .y .z .w .i .d1-1 {}
#contents .x.aaa .y .z .w .i .d1-1 a { display:block; }
#contents .x.aaa .y .z .w .i .d1-1-1 {}
#contents .x.aaa .y .z .w .i .d1-1-1 .note { color:#ffffff; text-align:center; }
#contents .x.aaa .y .z .w .i .d1-1-1 .note span { display:inline-block; }
#contents .x.aaa .y .z .w .i .d1-1-2 {}
#contents .x.aaa .y .z .w .i .d1-1-2 .note { color:#ffffff; text-align:center; }
#contents .x.aaa .y .z .w .i .d1-1-2 .note span { display:inline-block; }
@media (min-width: 1500px) {
    #contents .x.aaa .y .z { background-size:contain; background-repeat:repeat-x; }
    #contents .x.aaa .y .z { min-height:575px; }

    #contents .x.aaa .y .z .w .i .d1-1 { width:1500px; min-height:575px; margin:0 auto; position:relative; }
    #contents .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 29%; left: 50%; margin-left: -353px; }
    #contents .x.aaa .y .z .w .i .d1-1-1 .note { padding-top: 10px; }

    #contents .x.aaa .y .z .w .i .d1-1-2 { position: absolute; top: 29%; right: 50%; margin-right: -361px; }
    #contents .x.aaa .y .z .w .i .d1-1-2 .note { padding-top: 10px; }
}
@media (min-width: 960px) and (max-width: 1499px) {
    /* for pc [960, inf] */
    #contents .x.aaa .y .z { min-height:575px; }

    #contents .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 29%; left: 50%; margin-left: -353px; }
    #contents .x.aaa .y .z .w .i .d1-1-1 .note { padding-top: 10px; }

    #contents .x.aaa .y .z .w .i .d1-1-2 { position: absolute; top: 29%; right: 50%; margin-right: -361px; }
    #contents .x.aaa .y .z .w .i .d1-1-2 .note { padding-top: 10px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #contents .x.aaa .y .z { min-height:575px; }

    #contents .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 29%; left: 50%; margin-left: -353px; }
    #contents .x.aaa .y .z .w .i .d1-1-1 .note { padding-top: 10px; }

    #contents .x.aaa .y .z .w .i .d1-1-2 { position: absolute; top: 29%; right: 50%; margin-right: -361px; }
    #contents .x.aaa .y .z .w .i .d1-1-2 .note { padding-top: 10px; }
}
@media (min-width: 321px) and (max-width: 480px) {
    /* for tab [481, 959] */
    #contents .x.aaa .y .z { min-height:575px; }

    #contents .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 29%; left: 50%; margin-left: -353px; }
    #contents .x.aaa .y .z .w .i .d1-1-1 .note { padding-top: 10px; }

    #contents .x.aaa .y .z .w .i .d1-1-2 { position: absolute; top: 29%; right: 50%; margin-right: -361px; }
    #contents .x.aaa .y .z .w .i .d1-1-2 .note { padding-top: 10px; }
}
@media (max-width: 320px) {
    /* for sp [0, 480] */
    #contents .x.aaa .y { padding-top:44px; }
    #contents .x.aaa .y .z { padding-top:60%; }
    #contents .x.aaa .y .z .w { padding:0 20px; }

    #contents .x.aaa .y .z .w .i .d1-1 {}
    #contents .x.aaa .y .z .w .i .d1-1 a { width: 75px; margin: 0 auto; }
    #contents .x.aaa .y .z .w .i .d1-1-1 { /*width: 30%;*/ position: absolute; top: 29.5%; left: 50%; margin-left: -38.75%; }
    #contents .x.aaa .y .z .w .i .d1-1-1 .note { padding-top: 5px; font-size: 11px; letter-spacing: 0; line-height: 1.2; }

    #contents .x.aaa .y .z .w .i .d1-1-2 { /*width: 30%;*/ position: absolute; top: 29.5%; right: 50%; margin-right: -41.25%; }
    #contents .x.aaa .y .z .w .i .d1-1-2 .note { padding-top: 5px; font-size: 11px; letter-spacing: 0; line-height: 1.2; }
}




/* ********************************************************************************
 * office
 * ******************************************************************************** */
#office .x.aaa { position:relative; }
#office .x.aaa .y {}
#office .x.aaa .y .z { max-width:none; background-image:url(../img/office-bg.png); background-size:cover; background-repeat:no-repeat; background-position:center; }
#office .x.aaa .y .z .w {}
#office .x.aaa .y .z .w .i {}
#office .x.aaa .y .z .w .i .d1 {}
#office .x.aaa .y .z .w .i .d1-1 {}
#office .x.aaa .y .z .w .i .d1-1-1 { background-image:url(../img/office-01.png); background-size:cover; background-repeat:no-repeat; background-position:center; }
#office .x.aaa .y .z .w .i .d1-1-1 table { color:#ffffff; }
#office .x.aaa .y .z .w .i .d1-1-1 table td { vertical-align: top; }
@media (min-width: 1520px) {
    #office .x.aaa .y { padding-top:73px; }
    #office .x.aaa .y .z { background-size:contain; background-repeat:repeat-x; }
    #office .x.aaa .y .z { min-height:630px; }

    #office .x.aaa .y .z .w .i .d1-1 { width:1500px; min-height:630px; margin:0 auto; position:relative; }
    #office .x.aaa .y .z .w .i .d1-1-1 { width: 855px; min-height:630px; font-size: 13.5px; }
    #office .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 0; left: 50%; margin-left: -427.5px; }
    #office .x.aaa .y .z .w .i .d1-1-1 table { position: absolute; top: 28.5%; left: 50%; margin-left: -212px; }
}
@media (min-width: 1500px) and (max-width: 1519px) {
    #office .x.aaa .y { padding-top:73px; }
    #office .x.aaa .y .z { background-repeat:repeat-x; }
    #office .x.aaa .y .z { min-height:630px; }

    #office .x.aaa .y .z .w .i .d1-1 { width:1500px; min-height:630px; margin:0 auto; position:relative; }
    #office .x.aaa .y .z .w .i .d1-1-1 { width: 855px; min-height:630px; font-size: 13.5px; }
    #office .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 0; left: 50%; margin-left: -427.5px; }
    #office .x.aaa .y .z .w .i .d1-1-1 table { position: absolute; top: 28.5%; left: 50%; margin-left: -212px; }
}
@media (min-width: 960px) and (max-width: 1499px) {
    /* for pc [960, inf] */
    #office .x.aaa .y { padding-top:73px; }
    #office .x.aaa .y .z { min-height:630px; }

    #office .x.aaa .y .z .w .i .d1-1-1 { width: 855px;  min-height:630px; font-size: 13.5px; }
    #office .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 0; left: 50%; margin-left: -427.5px; }
    #office .x.aaa .y .z .w .i .d1-1-1 table { position: absolute; top: 28.5%; left: 50%; margin-left: -212px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #office .x.aaa .y { padding-top:73px; }
    #office .x.aaa .y .z { min-height:630px; }

    #office .x.aaa .y .z .w .i .d1-1-1 { width: 855px;  min-height:630px; font-size: 13.5px; }
    #office .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 0; left: 50%; margin-left: -427.5px; }
    #office .x.aaa .y .z .w .i .d1-1-1 table { position: absolute; top: 28.5%; left: 50%; margin-left: -212px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #office .x.aaa .y { padding-top:44px; }
    #office .x.aaa .y .z { min-height:260px; margin-left: -20px; }

    #office .x.aaa .y .z .w .i .d1-1-1 { width: 100%; height: 260px; font-size: 8px; letter-spacing: 0; line-height: 1.5; }
    #office .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 0; left: 50%; margin-left: -158px; }
    #office .x.aaa .y .z .w .i .d1-1-1 table { position: absolute; top: 22.5%; left: 50%; margin-left: -92px; }
}


#office .x.bbb { background-color:#ffffff; }
#office .x.bbb .y { padding:50px 0; }
#office .x.bbb .y .z {}
#office .x.bbb .y .z .w {}
#office .x.bbb .y .z .w .i {}
#office .x.bbb .y .z .w .i .d1 {}
#office .x.bbb .y .z .w .i .d1-1 {}
#office .x.bbb .y .z .w .i .d1-1-1 {}
#office .x.bbb .y .z .w .i .d2 {}
#office .x.bbb .y .z .w .i .d2-1 {}
#office .x.bbb .y .z .w .i .d2-1-l {}
#office .x.bbb .y .z .w .i .d2-1-r { position:relative; height:0; overflow:hidden; /*padding-top:56.25%;*/ }
#office .x.bbb .y .z .w .i .d2-1-r iframe { position:absolute; top:-50%; left:0; width:100% !important; height:200% !important; }
@media (min-width: 960px) {
    /* for pc [960, inf] */

    #office .x.bbb .y .z .w .i .d1-1-1 { font-size: 30px; letter-spacing: 1px; }

    #office .x.bbb .y .z .w .i .d2-1 { padding-top:40px; }
    #office .x.bbb .y .z .w .i .d2-1-l { float:left; width: 346px; }
    #office .x.bbb .y .z .w .i .d2-1-r { float:right; width: 600px; padding-top:35.9375%; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #office .x.bbb .y .z .w .i .d1-1-1 { font-size: 30px; letter-spacing: 1px; }

    #office .x.bbb .y .z .w .i .d2-1 { padding-top:40px; }
    #office .x.bbb .y .z .w .i .d2-1-l { float:left; width: 346px; }
    #office .x.bbb .y .z .w .i .d2-1-r { float:right; width: 600px; padding-top:35.9375%; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #office .x.bbb .y .z .w { padding:0 20px; }

    #office .x.bbb .y .z .w .i .d1-1-1 { font-size: 24px; letter-spacing: 1px; }

    #office .x.bbb .y .z .w .i .d2-1-l { padding:20px 0; }
    #office .x.bbb .y .z .w .i .d2-1-r { padding-top:85.7142857143%; }
}




/* ********************************************************************************
 * contact
 * ******************************************************************************** */
#contact .x.aaa { position:relative; }
#contact .x.aaa .y {}
#contact .x.aaa .y .z { max-width:none; background-image:url(../img/contact-bg.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; }
#contact .x.aaa .y .z .w {}
#contact .x.aaa .y .z .w .i {}
#contact .x.aaa .y .z .w .i .d1 {}
#contact .x.aaa .y .z .w .i .d1-1 {}
#contact .x.aaa .y .z .w .i .d1-1-1 { background-color: rgba(0,0,0,0.60); padding:30px 15px; color:#ffffff; width:280px; box-sizing: border-box; }
#contact .x.aaa .y .z .w .i .d1-1-1 .company { font-size: 26px; line-height: 1; border-bottom: 1px solid #ffffff; padding-bottom: 12px; text-align: center; }
#contact .x.aaa .y .z .w .i .d1-1-1 .info { padding-top: 12px; font-size: 13px; }
#contact .x.aaa .y .z .w .i .d1-1-1 .info a { color:#ffffff; }
#contact .x.aaa .y .z .w .i .d1-1-1 .zip {}
#contact .x.aaa .y .z .w .i .d1-1-1 .addr { letter-spacing: 2px; }
#contact .x.aaa .y .z .w .i .d1-1-2 {}
#contact .x.aaa .y .z .w .i .d1-1-2 .msg { color:#ffffff; text-shadow: 1px 1px 10px #000; }
#contact .x.aaa .y .z .w .i .d1-1-2 .msg a { color:#ffffff; text-decoration: underline; }
#contact .x.aaa .y .z .w .i .d1-1-2-1 { width:280px; box-sizing: border-box; }
#contact .x.aaa .y .z .w .i .form input[type=text],
#contact .x.aaa .y .z .w .i .form textarea { background-color:rgba(255,255,255,0.90); border:1px solid #EBEBEB; /*border-radius:3px;*/ font-size:1rem; padding:0.8rem 8px;/*「.fomr select」と「ie fixパート」のpadding-rightと連動して調整しなければならない。左右のpaddingはhtml要素に指定している master となる font-size。*/ }
#contact .x.aaa .y .z .w .i .form input[type=text] { width:100%; margin: 4px 0; }
#contact .x.aaa .y .z .w .i .form input[type=text].error,
#contact .x.aaa .y .z .w .i .form textarea.error { border:1px solid #ff0000; }
#contact .x.aaa .y .z .w .i .form textarea { width:100%; min-height:13rem; margin: 4px 0; }
#contact .x.aaa .y .z .w .i .form .btn { padding-top:10px; text-align: center; }
#contact .x.aaa .y .z .w .i .form .btn a { padding: 10px 30px; color:#ffffff; background-color: rgba(0,0,0,0.60); letter-spacing: 1.5px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #contact .x.aaa .y .z { min-height:655px; }

    #contact .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 25%; left: 25%; }
    #contact .x.aaa .y .z .w .i .d1-1-2 { position: absolute; top: 55%; left: 25%; }
    #contact .x.aaa .y .z .w .i .d1-1-2-1 { float: left; margin: 0 30px 0 0; }

    #contact .x.aaa .y .z .w .i .form .btn { text-align: right; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #contact .x.aaa .y .z { min-height:655px; }

    #contact .x.aaa .y .z .w .i .d1-1-1 { position: absolute; top: 25%; left: 25%; }
    #contact .x.aaa .y .z .w .i .d1-1-2 { position: absolute; top: 55%; left: 25%; }
    #contact .x.aaa .y .z .w .i .d1-1-2-1 { float: left; margin: 0 30px 0 0; }

    #contact .x.aaa .y .z .w .i .form .btn { text-align: right; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #contact .x.aaa .y { padding-top:44px; }
    #contact .x.aaa .y .z .w { padding:0 20px; }

    #contact .x.aaa .y .z .w .i .d1-1 { padding: 50px 0; }
    #contact .x.aaa .y .z .w .i .d1-1-1 { margin: 0 auto; }
    #contact .x.aaa .y .z .w .i .d1-1-2 { padding-top:40px; }
    #contact .x.aaa .y .z .w .i .d1-1-2 .msg { width:280px; margin: 0 auto; }
    #contact .x.aaa .y .z .w .i .d1-1-2-1 { margin: 0 auto; }
}




/* ********************************************************************************
 * site-policy
 * ******************************************************************************** */
#site-policy .x.aaa { background-color:#ffffff; }
#site-policy .x.aaa .y {}
#site-policy .x.aaa .y .z {}
#site-policy .x.aaa .y .z .w {}
#site-policy .x.aaa .y .z .w .i {}
#site-policy .x.aaa .y .z .w .i .d1 {}
#site-policy .x.aaa .y .z .w .i .d1-1 { padding: 50px 0; color:#848079; }
#site-policy .x.aaa .y .z .w .i .d1-1 .title { font-size: 16px; text-align: center; }
#site-policy .x.aaa .y .z .w .i .d1-1-1 { padding-top: 30px; font-size: 13.5px; letter-spacing: 0.5px; }
#site-policy .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 15px; padding-bottom: 1em; }
#site-policy .x.aaa .y .z .w .i .d1-1-1 ul { list-style: none; margin:0; padding:0; }
#site-policy .x.aaa .y .z .w .i .d1-1-1 ul li { position: relative; padding-left: 1em; }
#site-policy .x.aaa .y .z .w .i .d1-1-1 ul li:before { content:'・'; position: absolute; left: 0; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #site-policy .x.aaa .y { padding-top:73px; }

    #site-policy .x.aaa .y .z .w .i .d1-1-1 { font-size: 13.5px; }
    #site-policy .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 15px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #site-policy .x.aaa .y { padding-top:73px; }

    #site-policy .x.aaa .y .z .w .i .d1-1-1 { font-size: 13.5px; }
    #site-policy .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 15px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #site-policy .x.aaa .y { padding-top:44px; }
    #site-policy .x.aaa .y .z .w { padding:0 20px; }

    #site-policy .x.aaa .y .z .w .i .d1-1-1 { font-size: 11.5px; }
    #site-policy .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 13px; }
}




/* ********************************************************************************
 * privacy-policy
 * ******************************************************************************** */
#privacy-policy .x.aaa { background-color:#ffffff; }
#privacy-policy .x.aaa .y {}
#privacy-policy .x.aaa .y .z {}
#privacy-policy .x.aaa .y .z .w {}
#privacy-policy .x.aaa .y .z .w .i {}
#privacy-policy .x.aaa .y .z .w .i .d1 {}
#privacy-policy .x.aaa .y .z .w .i .d1-1 { padding: 50px 0; color:#848079; }
#privacy-policy .x.aaa .y .z .w .i .d1-1 .title { font-size: 16px; text-align: center; }
#privacy-policy .x.aaa .y .z .w .i .d1-1-1 { padding-top: 30px; font-size: 13.5px; letter-spacing: 0.5px; }
#privacy-policy .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 15px; padding-bottom: 1em; }
#privacy-policy .x.aaa .y .z .w .i .d1-1-1 ul { list-style: none; margin:0; padding:0; }
#privacy-policy .x.aaa .y .z .w .i .d1-1-1 ul li { position: relative; padding-left: 1em; }
#privacy-policy .x.aaa .y .z .w .i .d1-1-1 ul li:before { content:'・'; position: absolute; left: 0; }
#privacy-policy .x.aaa .y .z .w .i .d1-1-1 a { color:#848079; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #privacy-policy .x.aaa .y { padding-top:73px; }

    #privacy-policy .x.aaa .y .z .w .i .d1-1-1 { font-size: 13.5px; }
    #privacy-policy .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 15px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #privacy-policy .x.aaa .y { padding-top:73px; }

    #privacy-policy .x.aaa .y .z .w .i .d1-1-1 { font-size: 13.5px; }
    #privacy-policy .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 15px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #privacy-policy .x.aaa .y { padding-top:44px; }
    #privacy-policy .x.aaa .y .z .w { padding:0 20px; }

    #privacy-policy .x.aaa .y .z .w .i .d1-1-1 { font-size: 11.5px; }
    #privacy-policy .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 13px; }
}




/* ********************************************************************************
 * terms-of-use
 * ******************************************************************************** */
#terms-of-use .x.aaa { background-color:#ffffff; }
#terms-of-use .x.aaa .y {}
#terms-of-use .x.aaa .y .z {}
#terms-of-use .x.aaa .y .z .w {}
#terms-of-use .x.aaa .y .z .w .i {}
#terms-of-use .x.aaa .y .z .w .i .d1 {}
#terms-of-use .x.aaa .y .z .w .i .d1-1 { padding: 50px 0; color:#848079; }
#terms-of-use .x.aaa .y .z .w .i .d1-1 .title { font-size: 16px; text-align: center; }
#terms-of-use .x.aaa .y .z .w .i .d1-1-1 { padding-top: 30px; font-size: 13.5px; letter-spacing: 0.5px; }
#terms-of-use .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 15px; padding-bottom: 1em; }
#terms-of-use .x.aaa .y .z .w .i .d1-1-1 ul { list-style: none; margin:0; padding:0; }
#terms-of-use .x.aaa .y .z .w .i .d1-1-1 ul li { position: relative; padding-left: 1em; }
#terms-of-use .x.aaa .y .z .w .i .d1-1-1 ul li:before { content:'・'; position: absolute; left: 0; }
#terms-of-use .x.aaa .y .z .w .i .d1-1-1 a { color:#848079; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #terms-of-use .x.aaa .y { padding-top:73px; }

    #terms-of-use .x.aaa .y .z .w .i .d1-1-1 { font-size: 13.5px; }
    #terms-of-use .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 15px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #terms-of-use .x.aaa .y { padding-top:73px; }

    #terms-of-use .x.aaa .y .z .w .i .d1-1-1 { font-size: 13.5px; }
    #terms-of-use .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 15px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #terms-of-use .x.aaa .y { padding-top:44px; }
    #terms-of-use .x.aaa .y .z .w { padding:0 20px; }

    #terms-of-use .x.aaa .y .z .w .i .d1-1-1 { font-size: 11.5px; }
    #terms-of-use .x.aaa .y .z .w .i .d1-1-1 .subject { font-size: 13px; }
}




/* ********************************************************************************
 * link-site
 * ******************************************************************************** */
#link-site .x.aaa { background-color:#ffffff; }
#link-site .x.aaa .y {}
#link-site .x.aaa .y .z {}
#link-site .x.aaa .y .z .w {}
#link-site .x.aaa .y .z .w .i {}
#link-site .x.aaa .y .z .w .i .d1 {}
#link-site .x.aaa .y .z .w .i .d1-1 { padding: 50px 0; color:#848079; text-align:center; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #link-site .x.aaa .y { padding-top:73px; }

    #link-site .x.aaa .y .z .w .i .d1-1 .under-construction { display: inline-block; padding: 180px 0; text-align: left; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #link-site .x.aaa .y { padding-top:73px; }

    #link-site .x.aaa .y .z .w .i .d1-1 .under-construction { display: inline-block; padding: 180px 0; text-align: left; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #link-site .x.aaa .y { padding-top:44px; }
    #link-site .x.aaa .y .z .w { padding:0 20px; }

    #link-site .x.aaa .y .z .w .i .d1-1 .under-construction { display: inline-block; padding: 80px 0; text-align: left; font-size: 12px; }
}




/* ********************************************************************************
 * under-construction
 * ******************************************************************************** */
#under-construction .x.aaa { background-color:#ffffff; }
#under-construction .x.aaa .y {}
#under-construction .x.aaa .y .z {}
#under-construction .x.aaa .y .z .w {}
#under-construction .x.aaa .y .z .w .i {}
#under-construction .x.aaa .y .z .w .i .d1 {}
#under-construction .x.aaa .y .z .w .i .d1-1 { padding: 50px 0; color:#848079; text-align:center; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #under-construction .x.aaa .y { padding-top:73px; }

    #under-construction .x.aaa .y .z .w .i .d1-1 .under-construction { display: inline-block; padding: 180px 0; text-align: left; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #under-construction .x.aaa .y { padding-top:73px; }

    #under-construction .x.aaa .y .z .w .i .d1-1 .under-construction { display: inline-block; padding: 180px 0; text-align: left; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #under-construction .x.aaa .y { padding-top:44px; }
    #under-construction .x.aaa .y .z .w { padding:0 20px; }

    #under-construction .x.aaa .y .z .w .i .d1-1 .under-construction { display: inline-block; padding: 80px 0; text-align: left; font-size: 12px; }
}




/* ********************************************************************************
 * footer
 * ******************************************************************************** */
.x.footer1 { position:relative; }
.x.footer1 .y { background-color:#CCCCCC; }
.x.footer1 .y .z {}
.x.footer1 .y .z .w {}
.x.footer1 .y .z .w .i {}
.x.footer1 .y .z .w .i .d1 {}
.x.footer1 .y .z .w .i .d1-1 { text-align: center; }
.x.footer1 .y .z .w .i .d1-1 ul { list-style: none; margin: 0; padding: 0; display: inline-block; }
.x.footer1 .y .z .w .i .d1-1 ul li { width: 140px; box-sizing: border-box; }
.x.footer1 .y .z .w .i .d1-1 ul li a { display: block; text-align: center; padding: 5px 0; font-size: 15px; }
.x.footer1 .y .z .w .i .d1-1 ul li a:hover { background-color:rgba(0,0,0,0.25); }
.x.footer1 .y .z .w .i .d2 {}
.x.footer1 .y .z .w .i .d2-1 { line-height: 0; text-align: center; }
.x.footer1 .y .z .w .i .d2-1 a { display: inline-block; width:50px; height:50px; background-color:transparent; text-indent:-9999px; overflow: hidden; }
.x.footer1 .y .z .w .i .d2-1 a.icon-01 { background-image:url(../img/icon-01.png); background-size:50px 50px; background-position:center; background-repeat:no-repeat; }
.x.footer1 .y .z .w .i .d2-1 a.icon-02 { background-image:url(../img/icon-02.png); background-size:50px 50px; background-position:center; background-repeat:no-repeat; }
.x.footer1 .y .z .w .i .d2-1 a.icon-03 { background-image:url(../img/icon-03.png); background-size:50px 50px; background-position:center; background-repeat:no-repeat; }
.x.footer1 .y .z .w .i .d2-1 div.icon-00 { display: inline-block; width:50px; height:50px; background-color:transparent; text-indent:-9999px; overflow: hidden; }
.x.footer1 .y .z .w .i .d2-1 div.icon-00 { background-image:url(../img/logo-02.png); background-size:50px 50px; background-position:center; background-repeat:no-repeat; }
.x.footer1 .y .z .w .i .d3 {}
.x.footer1 .y .z .w .i .d3-1 { text-align:center; padding:9px 0; font-size:11.5px; line-height:18px; letter-spacing:1px; }
.x.footer1 .y .z .w .i .d3-1 span { display:inline-block; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.footer1 .y .z .w .i .d1-1 { padding:40px 0; }
    .x.footer1 .y .z .w .i .d1-1 ul { max-width:840px;/*700px;*/ margin:0 auto; }
    .x.footer1 .y .z .w .i .d1-1 ul li { float: left; padding: 0 10px 30px; }

    .x.footer1 .y .z .w .i .d2 { display: inline-block; position: absolute; right: 0; bottom: 10px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.footer1 .y .z .w .i .d1-1 { padding:40px 0; }
    .x.footer1 .y .z .w .i .d1-1 ul { max-width:840px;/*700px;*/ margin:0 auto; }
    .x.footer1 .y .z .w .i .d1-1 ul li { float: left; padding: 0 10px 30px; }

    .x.footer1 .y .z .w .i .d2 { display: inline-block; position: absolute; right: 0; bottom: 10px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
/*
    .x.footer1 .y .z .w { margin:0 20px; }
*/

    .x.footer1 .y .z .w .i .d1-1 { padding-top:20px; }
    .x.footer1 .y .z .w .i .d2-1 { padding-top:20px; }
    .x.footer1 .y .z .w .i .d3-1 { padding-top:20px; }
    .x.footer1 .y .z .w .i .d1-1 ul { vertical-align:top; }
}








.wow { visibility:hidden; }








/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}