/*! 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; }
html, a { color:#4d4d4d; }

.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; }

@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
 * ******************************************************************************** */
.x.BL-C1-C100-R-000 {}
.x.BL-C1-C100-R-000 .y { background-color:transparent; }
.x.BL-C1-C100-R-000 .y .z { background-color:transparent; }
.x.BL-C1-C100-R-000 .y .z .w { padding:0 20px; }
.x.BL-C1-C100-R-000 .y .z .w .i { background-color:transparent; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1 { padding:12px 4px; border-top:1px #bdbdbd solid; border-bottom:1px #bdbdbd solid; margin-top:-1px; }/* form-item wrapper */
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 { border-collapse:collapse; width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1 { width:17rem; padding-right:1rem; }/* 項目名エリア */
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker { position:relative; padding-left:1rem; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker .marker { position:absolute; left:0; top:0; width:1rem; text-align:center; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker .marker::before { content:''; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker .marker.required::before { content:'※'; color:#C03; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1-1 .has-marker .marker.optional::before { content:'　'; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2 {}/* 入力欄エリア */
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-2 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-2-1 {}
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-2-1-1 {}
/* form parts normalizer (custom param) */
.x.BL-C1-C100-R-000 .form select,
.x.BL-C1-C100-R-000 .form input[type=text],
.x.BL-C1-C100-R-000 .form textarea { background-color:#e6eee2; border:1px solid #d6eeda/*#5d924c*/; border-radius:3px; font-size:1rem; padding:0.5rem 14px;/*「.fomr select」と「ie fixパート」のpadding-rightと連動して調整しなければならない。左右のpaddingはhtml要素に指定している master となる font-size。*/ }
.x.BL-C1-C100-R-000 .form select { background-position-x:100%; background-position:100% center; background-image:url(../img/delete-template-img-form-select-cursor-1.png?rev=1); /*width:100%;/*幅100%ととするか、padding-rightを設定する。*/ padding-right:46px;/*「.fomr select」のpadding-rightと画像幅の和を設定する、*/ }
.x.BL-C1-C100-R-000 .form option {}
.x.BL-C1-C100-R-000 .form input[type=text] { width:100%; }
.x.BL-C1-C100-R-000 .form textarea { width:100%; min-height:8rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#zip1 { width:5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#zip2 { width:7rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#name1 { width:8.5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#name2 { width:8.5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#kana1 { width:8.5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#kana2 { width:8.5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#tel1 { width:5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#tel2 { width:5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#tel3 { width:5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#fax1 { width:5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#fax2 { width:5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#fax3 { width:5rem; }
.x.BL-C1-C100-R-000 .form input[type=text]#year  { width:5rem; text-align:right; }
.x.BL-C1-C100-R-000 .form input[type=text]#month { width:5rem; text-align:right; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 { border-collapse:collapse; width:100%; max-width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td { padding:0; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#zip1-wrapper { width:42%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td.zip-hyphen-wrapper { width:2%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td.zip-hyphen-wrapper .hyphen { padding:0 4px; text-align:center; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#zip2-wrapper { width:56%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#zip1 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#zip2 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#name1-wrapper { width:49%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td.name-space-wrapper { width:2%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td.name-space-wrapper .space { padding:0 4px; text-align:center; visibility:hidden; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#name2-wrapper { width:49%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#name1 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#name2 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#kana1-wrapper { width:49%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td.kana-space-wrapper { width:2%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td.kana-space-wrapper .space { padding:0 4px; text-align:center; visibility:hidden; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#kana2-wrapper { width:49%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#kana1 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#kana2 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#tel1-wrapper { width:32%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td.tel-hyphen-wrapper { width:2%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td.tel-hyphen-wrapper .hyphen { padding:0 4px; text-align:center; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#tel2-wrapper { width:32%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#tel3-wrapper { width:32%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#tel1 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#tel2 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#tel3 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#fax1-wrapper { width:32%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td.fax-hyphen-wrapper { width:2%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td.fax-hyphen-wrapper .hyphen { padding:0 4px; text-align:center; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#fax2-wrapper { width:32%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 td#fax3-wrapper { width:32%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#fax1 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#fax2 { width:100%; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t2 input[type=text]#fax3 { width:100%; }
/* error message */
.x.BL-C1-C100-R-000 .form .d1-1-1.error { background-color:#fcecf2; }
.x.BL-C1-C100-R-000 .form .d1-1-1.error select,
.x.BL-C1-C100-R-000 .form .d1-1-1.error input[type=text],
.x.BL-C1-C100-R-000 .form .d1-1-1.error textarea { border-color:#C03; }
.x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 > tbody > tr.d1-1-1-1-2 { display:none;  color:#C03; }
/* ie fix */
@media all and (-ms-high-contrast:none) {
    .x.BL-C1-C100-R-000 .form input[type=checkbox],
    .x.BL-C1-C100-R-000 .form input[type=radio] { position:relative; top:2px; }
    .x.BL-C1-C100-R-000 .form select { background-image:none; padding-right:14px;/*「.fomr select」のpadding-rightと同じ値を設定する。*/ }
    *::-ms-backdrop,
    .x.BL-C1-C100-R-000 .form input[type=checkbox],
    .x.BL-C1-C100-R-000 .form input[type=radio] { position:relative; top:2px; }
    *::-ms-backdrop,
    .x.BL-C1-C100-R-000 .form select { background-image:none; padding-right:14px;/*「.fomr select」のpadding-rightと同じ値を設定する。*/ }
}
@supports (-ms-accelerator:true) {
    .x.BL-C1-C100-R-000 .form input[type=checkbox],
    .x.BL-C1-C100-R-000 .form input[type=radio] { top:2px; }
}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 { height:39px;/*It works min-height.*/ }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 .s { display:inline-block; width:1rem; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1.error .d1-1-1-1 .t1 > tbody > tr.d1-1-1-1-2 { display:table-row; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 { height:39px;/*It works min-height.*/ }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 .s { display:block; width:1rem; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1.error .d1-1-1-1 .t1 > tbody > tr.d1-1-1-1-2 { display:table-row; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.BL-C1-C100-R-000 .y .z .w .i { padding:10px 0; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-1,
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2 { width:auto; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 { height:auto; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1,
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 > tbody,
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 > tbody > tr,
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1 .t1 > tbody > tr > td { display:block; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1-1-1-2-1 .s { display:block; width:1rem; }
    .x.BL-C1-C100-R-000 .y .z .w .i .d1-1-1.error .d1-1-1-1 .t1 > tbody > tr.d1-1-1-1-2 { display:block; }
}

.x.BL-C1-C100-R-000 .marker { background:none; }

: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 */

.x.BL-C1-C100-R-000 .form .d1-1-2 { text-align:center; }
.x.BL-C1-C100-R-000 .form .d1-1-2-1 { display:inline-block; text-align:left; max-width:640px; padding:20px 14px; }
.x.BL-C1-C100-R-000 .form .d1-1-2-1 a { text-decoration:underline; }
.x.BL-C1-C100-R-000 .form .d1-1-2-2 a { display:inline-block; background-color:#224d2a; color:#fff; width:116px; line-height:50px; border-radius:8px; margin:10px; }











html, body { background-color:transparent; margin:0; padding:0; }
html { background-color:transparent; }

@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; }
}
@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; }

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; left:0; top:0; box-shadow:0 0 2px rgba(0,0,0,0.75); }
.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:#224d2a;/*#333;*/ border-bottom:1px solid #585858; 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:4px; }
.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:#5d924c;/*#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:17px 14px; }
.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:17px 14px; }
.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:17px 14px; }
.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:#fff; 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:#bbb; 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.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:#5d924c;/*#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:#5d924c;/*#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] */
}


/* ********************************************************************************
 * .x.header-000-000-pc
 * ******************************************************************************** */
.x.header-000-000-pc { position:absolute; /*がたつき防止*/ }
.x.header-000-000-pc .y .y-l a.logo { display:none;/*ちらつき防止* /}
body.header-000-000-pc-abs .x.header-000-000-pc { position:absolute; left:0; top:0px; /*top:120px;*//*set BASE-MENU-BAR-OFFSET-TOP (1 of 2)*/ }
.x.header-000-000-pc .y .y-r a.icon-01,
.x.header-000-000-pc .y .y-r a.icon-02,
.x.header-000-000-pc .y .y-r a.icon-03 { display:none; }
body.header-000-000-pc-abs .x.header-000-000-pc .y .y-l a.logo,
body.header-000-000-pc-abs .x.header-000-000-pc .y .y-r a.icon-01,
body.header-000-000-pc-abs .x.header-000-000-pc .y .y-r a.icon-02,
body.header-000-000-pc-abs .x.header-000-000-pc .y .y-r a.icon-03 { display:none; }
body.header-000-000-pc-fix1 .x.header-000-000-pc .y .y-l a.logo,
body.header-000-000-pc-fix2 .x.header-000-000-pc .y .y-l a.logo,
body.header-000-000-pc-fix3 .x.header-000-000-pc .y .y-l a.logo { display:inline-block; }
body.header-000-000-pc-fix1 .x.header-000-000-pc .y .y-r a.icon-01,
body.header-000-000-pc-fix2 .x.header-000-000-pc .y .y-r a.icon-01,
body.header-000-000-pc-fix3 .x.header-000-000-pc .y .y-r a.icon-01 { display:inline-block; }
body.header-000-000-pc-fix1 .x.header-000-000-pc .y .y-r a.icon-02,
body.header-000-000-pc-fix2 .x.header-000-000-pc .y .y-r a.icon-02,
body.header-000-000-pc-fix3 .x.header-000-000-pc .y .y-r a.icon-02 { display:inline-block; }
body.header-000-000-pc-fix1 .x.header-000-000-pc .y .y-r a.icon-03,
body.header-000-000-pc-fix2 .x.header-000-000-pc .y .y-r a.icon-03,
body.header-000-000-pc-fix3 .x.header-000-000-pc .y .y-r a.icon-03 { display:inline-block; }
body.header-000-000-pc-fix1 .x.header-000-000-pc { position:fixed; left:0; top:-60px;/*set BASE-MENU-BAR-HEIGHT (1 of 9)*/ margin-top:0px; transform:scale(1.0); transition:margin .25s ease-in-out; }
body.header-000-000-pc-fix2 .x.header-000-000-pc { position:fixed; left:0; top:-58px;/*set BASE-MENU-BAR-HEIGHT (2 of 9)*/ margin-top:58px;/*set BASE-MENU-BAR-HEIGHT (3 of 9)*/ transform:scale(1.0); transition:margin .25s ease-in-out; }
body.header-000-000-pc-fix3 .x.header-000-000-pc { position:fixed; left:0; top:-58px;/*set BASE-MENU-BAR-HEIGHT (4 of 9)*/ margin-top:58px;/*set BASE-MENU-BAR-HEIGHT (5 of 9)*/ }

.x.header-000-000-pc { background-color:#224d2a;/*#333;*/ z-index:97; box-shadow:0 1px 1px rgba(0,0,0,0.375);/*0 0 2px rgba(0,0,0,0.75);*/ overflow:visible;/*メニューバーの下に影を落とす場合に有効化*/ }
.x.header-000-000-pc .y { min-height:58px;/*set BASE-MENU-BAR-HEIGHT (6 of 9)*/ position:relative; }

/* Ver.1 */
/*
.x.header-000-000-pc .y .y-l { position:absolute; z-index:99; left:4px; top:16px; transition:all .25s ease-in-out; margin:0; }
.x.header-000-000-pc .y .y-r { position:absolute; z-index:99; right:0; top:0;     transition:all .25s ease-in-out; margin:0; }
body.header-000-000-pc-abs .x.header-000-000-pc .y .y-l { margin-left:-180px; }
body.header-000-000-pc-abs .x.header-000-000-pc .y .y-r { margin-right:-180px; }
*/
/* Ver.2 */
.x.header-000-000-pc .y .y-l { position:absolute; z-index:99; left :50%; top:16px; transition:all .25s ease-in-out; margin-left :-474px; margin-top:0px; }
.x.header-000-000-pc .y .y-r { position:absolute; z-index:99; right:50%; top:0;    transition:all .25s ease-in-out; margin-right:-480px; margin-top:0px;  }
body.header-000-000-pc-abs .x.header-000-000-pc .y .y-l { margin-left :-464px;/*-2560px;*/ margin-top:-58px; }
body.header-000-000-pc-abs .x.header-000-000-pc .y .y-r { margin-right:-470px;/*-2560px;*/ margin-top:-58px; }

.x.header-000-000-pc .y .y-l a { display:inline-block; float:left; }
.x.header-000-000-pc .y .y-r a { display:inline-block; float:left; }
/* アイコン角丸余白あり(ここから) */

.x.header-000-000-pc .y .y-r a { border-radius:6px; overflow:hidden; margin:10px 8px 0 0; }
/*.x.header-000-000-pc .y .y-r a img { width:32px; height:32px; }*/
.x.header-000-000-pc .y .y-r a { width:38px; height:38px; background-color:#5d924c; }
.x.header-000-000-pc .y .y-r a.icon-01 { background-image:url(../img/icon-01.png); background-size:17px 14px; background-position:center; background-repeat:no-repeat; }
.x.header-000-000-pc .y .y-r a.icon-02 { background-image:url(../img/icon-02.png); background-size:17px 14px; background-position:center; background-repeat:no-repeat; }
.x.header-000-000-pc .y .y-r a.icon-03 { background-image:url(../img/icon-03.png); background-size:17px 14px; background-position:center; background-repeat:no-repeat; }

/* アイコン角丸余白あり(ここまで) */
/*
.x.header-000-000-pc .y .y-l a.logo { background-color:#000; }
.x.header-000-000-pc .y .y-r a.icon-01 { background-color:#000; }
.x.header-000-000-pc .y .y-r a.icon-02 { background-color:#000; }
.x.header-000-000-pc .y .y-r a.icon-03 { background-color:#000; }
*/
.x.header-000-000-pc .y .y-l a.logo { background-color:#224d2a; }
.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 { box-shadow:0 0 2px rgba(0,0,0,0.75); position:relative; z-index:98; overflow:visible;/*メニューバーの下(サブメニュー)に影を落とす場合に有効化*/ }

@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 .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-1 { margin:0; padding:0; line-height:0; text-align:center; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul { list-style:none; display:inline-block; margin:0; padding:0; line-height:0; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li { display:inline-block; float:left; margin:0; padding:0; line-height:0; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li { /*width:100px;/*メニューアイテムの幅を指定(内容にあわせるのではなく固定割り振り)する場合*/ }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li { /*border-left:1px solid #999; border-right:1px solid #999; margin-left:-1px; /*高さいっぱいのセパレータ(線)を入れる*/ }
/* 高さほどほどのセパレータ(線)を入れる (ここから) */
.x.header-000-000-pc .y .z .w .i .d1-1 ul li { position:relative; margin-left:-1px;  }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li::before,
.x.header-000-000-pc .y .z .w .i .d1-1 ul li::after { content:''; display:block; width:1px; position:absolute; background-color:#224d2a;/*#BBB;*/ height:50%; top:25%;/*height + 2 * top = 100% とすること*/ }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li::before { left:0; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li::after { right:0; }
/* 高さほどほどのセパレータ(線)を入れる (ここまで) */
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div { display:inline-block; margin:0 7px;/*アイテム間の余白(非リンク領域)*/ padding:0; position:relative; transform:scale(1.0); transition:all .25s ease-in-out; }
/* マウスオーバー時にアイテム下に下線 (ここから) */
/*
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div::after { opacity:0; position:absolute; content:''; left:0; bottom:12.5%;/*マウスオーバー時に出現するアイテムの下線の位置* / display:block; width:100%; border:1px solid #fff; transform:scale(1.0); transition:all .25s ease-in-out; }
*/
/*メニューのアイテムが全て1行になる場合の推奨設定(ここから)*/
/*
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div::after { bottom:20.0%; }
*/
/*メニューのアイテムが全て1行になる場合の推奨設定(ここまで)*/
/*メニューのアイテムが全て2行になる場合の推奨設定(ここから)*/
/*
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody > tr > td { font-size:13.5px !important; line-height:18px !important; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div::after { bottom: 2.5%; }
*/
/*メニューのアイテムが全て2行になる場合の推奨設定(ここまで)*/
/* マウスオーバー時にアイテム下に下線 (ここまで) */
/* マウスオーバー時にアイテム下に三角 (ここから) */

.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div.type-list::after { opacity:0; position:absolute; content:''; width:0; height:0; left:50%; bottom:0%;/*マウスオーバー時に出現するアイテムの三角の位置*/ display:block; border-top:0 solid transparent; border-right:10px solid transparent; border-left:10px solid transparent; margin-left:-10px; border-bottom:10px solid #DDD; transform:scale(1.0); transition:all .25s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div.active::after { opacity:1 !important; }
.x.header-000-000-pc .y .z .w .i .d1 { box-shadow:none; }

/* マウスオーバー時にアイテム下に三角 (ここまで) */
.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::after { opacity:0.75; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a { text-decoration:none; display:inline-block; padding:0 4px;/*アイテム間の余白(リンク領域)*/ transition:all .25s ease-in-out; }
body.header-000-000-pc-abs .x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a { padding:0 21px;/*0 22px;*//*0 14px;*/ font-size:19px; letter-spacing:1px; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table { border-collapse:collapse; width:100%; height:58px;/*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:#FFF; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody > tr > td { font-size:14px; line-height:21px; letter-spacing:0; transition:all .25s ease-in-out; }
body.header-000-000-pc-abs .x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody > tr > td { font-size:16px; letter-spacing:2.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); }
/* 特殊効果(ここから) */
/*
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a { overflow:hidden; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a { position:relative; perspective:300px; padding:0;/*リンク領域の余白* / }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody > tr > td { padding:0 4px;/*リンク領域の余白* / }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table { z-index:1;  transform-style:preserve-3d; transform-origin:50% 0; transition:all .25s ease-in-out; position:relative; background-color:#222; transform:rotateX(0deg) translateY(0px) translateZ(0px); }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a::before { z-index:0;  transform-style:preserve-3d; transform-origin:50% 0; transition:all .25s ease-in-out; position:absolute; content:'selected'; line-height:44px; display:inline-block; top:0; left:0; width:100%; height:100%; background:#444; color:#fff; transform:rotateX(-90deg) translateY(0px) translateZ(44px); }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a:hover > table { z-index:0;  transform:rotateX(90deg) translateY(-44px) translateZ(0px); }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a:hover::before { z-index:1;  transform:rotateX(0deg) translateY(0px) translateZ(0px); }
*/
/* 特殊効果(ここまで) */
/* 特殊効果(ここから) */
/*
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a { overflow:hidden; }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a { position:relative; perspective:300px; padding:0;/*リンク領域の余白* / }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table > tbody > tr > td { padding:0 4px;/*リンク領域の余白* / }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a > table { z-index:1;  transform-style:preserve-3d; transform-origin:50% 0; transition:all .25s ease-in-out; position:relative; background-color:#222; transform:rotateX(0deg) translateY(0px) translateZ(0px); }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a::before { z-index:0;  transform-style:preserve-3d; transform-origin:50% 0; transition:all .25s ease-in-out; position:absolute; content:'selected'; line-height:44px; display:inline-block; top:0; left:0; width:100%; height:100%; background:#444; color:#fff; transform:rotateX(90deg) translateY(-44px) translateZ(0px); }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a:hover > table { z-index:0;  transform:rotateX(-90deg)translateY(0px) translateZ(44px); }
.x.header-000-000-pc .y .z .w .i .d1-1 ul li > div > a:hover::before { z-index:1;  transform:rotateX(0deg) translateY(0px) translateZ(0px); }
*/
/* 特殊効果(ここまで) */
.x.header-000-000-pc .y .z .w .i .d2 {}
.x.header-000-000-pc .y .z .w .i .d2-1 {}
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee { display:none; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee > table { border-collapse:collapse; width:100%; height:auto; line-height:0; max-width:960px; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee > table,
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee > table > tbody,
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee > table > tbody > tr,
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee > table > tbody > tr > td { margin:0; padding:0; line-height:0; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee > table { margin:auto; }
/* サブメニュー内 --- 無 (ここから) */
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-none { opacity:0; height:0; display:none !important; }
.x.header-000-000-pc .y .z .w .i .d2-1 .sub-menu-openee.type-none > table { display:none; }
/* サブメニュー内 --- 無 (ここまで) */
/* サブメニュー内 --- リスト (ここから) */
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-opener.type-list { position:relative; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list { position:absolute; top:58px; background-color:#DDD; box-shadow:0 0 2px rgba(0,0,0,0.75); padding:27px 0 13px 0; display:none; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td { text-align:center; padding:0; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul { list-style:none; margin:0; padding:0; display:block; width:100%; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li { list-style:none; margin:0; padding:0; display:block; width:100%; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { display:block; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table,
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody,
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr,
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td { margin:0; padding:0; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table { border-collapse:collapse; width:100%; height:auto; line-height:0; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td { text-align:center; color:#4d4d4d; font-size:13px; line-height:18px; padding:7px 0 5px 0; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a:hover { background-color:rgba(0,0,0,0.25); }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { border:1px dashed #CCC; border-right:none; border-left:none; margin-top:-1px; } /*セパレータの線を付ける場合*/
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li::before { content:none; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li::after  { content:none; }
/* 特殊効果(ここから) */
/*
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { position:relative; left:-30px; opacity:0; } /*横の動き* /
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li a { left:0; opacity:1; } /*横の動き* /
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { position:relative; top:-30px; opacity:0; } /*縦の動き* /
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li a { top:0; opacity:1; } /*縦の動き* /
/*.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(0) a { transition:all 0.0625s ease-in-out; }* /
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(1) a { transition:all 0.1250s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(2) a { transition:all 0.1875s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(3) a { transition:all 0.2500s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(4) a { transition:all 0.3125s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(5) a { transition:all 0.3750s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(6) a { transition:all 0.4375s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(7) a { transition:all 0.5000s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(8) a { transition:all 0.5625s ease-in-out; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(9) a { transition:all 0.6250s ease-in-out; }
*/
/* 特殊効果(ここまで) */
/* 特殊効果(ここから) */
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td { text-align:left; } /*アイコンを動かす場合は左寄せ推奨*/
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a       .iconw { width:32px; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a       .iconw .icon { transition:all .25s ease-in-out; display:inline-block; width:14px; height:14px; line-height:14px; text-align:center; border-radius:7px; box-shadow:0 0 4px 0 rgba(255,255,255,0.25); font-family:Arial, sans-serif; position:relative; transform:scale(1); left:4px; background-color:#EEE; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a:hover .iconw .icon { transform:scale(1.25); left:10px; background-color:/*#5d924c;*/#4d4d4d; color:/*#224d2a;*/#d4d4d4; }
/* 特殊効果(ここまで) */
/* 特殊効果(ここから) */
/*
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { overflow:hidden; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { position:relative; perspective:300px; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td {}
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table { z-index:0; transform-style:preserve-3d; transform-origin:50% 0; transition:all 1.25s ease-in-out; position:relative; transform:rotateX(90deg) translateY(-32px) translateZ(0px); }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a::before { z-index:1; transform-style:preserve-3d; transform-origin:50% 0; transition:all 1.25s ease-in-out; position:absolute; content:''; display:inline-block; top:0; left:0; width:100%; height:100%; background:#4692c3; transform:rotateX(0deg) translateY(0px) translateZ(0px); }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li a > table { z-index:1; transform:rotateX(0deg) translateY(0px) translateZ(-32px); /*32,50* / }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li a::before { z-index:0; transform:rotateX(-90deg)translateY(32px) translateZ(32px); }
*/
/* 特殊効果(ここまで) */
/* 特殊効果(ここから) */
@-moz-keyframes header-000-000-pc-ani-04 {
      0% { transform:rotateX(90deg) translateY(-32px) translateZ(0px); z-index:0; background:#eee; }
    100% { transform:rotateX(0deg) translateY(0px) translateZ(-32px); /*32,50*/ z-index:1; background:#eee; }
}
@-ms-keyframes header-000-000-pc-ani-04 {
      0% { transform:rotateX(90deg) translateY(-32px) translateZ(0px); z-index:0; background:#eee; }
    100% { transform:rotateX(0deg) translateY(0px) translateZ(-32px); /*32,50*/ z-index:1; background:#eee; }
}
@-o-keyframes header-000-000-pc-ani-04 {
      0% { transform:rotateX(90deg) translateY(-32px) translateZ(0px); z-index:0; background:#eee; }
    100% { transform:rotateX(0deg) translateY(0px) translateZ(-32px); /*32,50*/ z-index:1; background:#eee; }
}
@-webkit-keyframes header-000-000-pc-ani-04 {
      0% { transform:rotateX(90deg) translateY(-32px) translateZ(0px); z-index:0; background:#eee; }
    100% { transform:rotateX(0deg) translateY(0px) translateZ(-32px); /*32,50*/ z-index:1; background:#eee; }
}
@-moz-keyframes header-000-000-pc-ani-05 {
      0% { transform:rotateX(0deg) translateY(0px) translateZ(0px); z-index:1; background:#CCC;/*#4692c3;*/ }
     99% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:1; background:transparent; }
    100% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:0; background:transparent; }
}
@-ms-keyframes header-000-000-pc-ani-05 {
      0% { transform:rotateX(0deg) translateY(0px) translateZ(0px); z-index:1; background:#CCC;/*#4692c3;*/ }
     99% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:1; background:transparent; }
    100% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:0; background:transparent; }
}
@-o-keyframes header-000-000-pc-ani-05 {
      0% { transform:rotateX(0deg) translateY(0px) translateZ(0px); z-index:1; background:#CCC;/*#4692c3;*/ }
     99% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:1; background:transparent; }
    100% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:0; background:transparent; }
}
@-webkit-keyframes header-000-000-pc-ani-05 {
      0% { transform:rotateX(0deg) translateY(0px) translateZ(0px); z-index:1; background:#CCC;/*#4692c3;*/ }
     99% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:1; background:transparent; }
    100% { transform:rotateX(-90deg)translateY(32px) translateZ(32px); z-index:0; background:transparent; }
}
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { overflow:hidden; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a { position:relative; perspective:300px; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table > tbody > tr > td {}
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a > table { transition:all .25s ease-in-out; transform:rotateX(90deg) translateY(-32px) translateZ(0px); z-index:0; transform-style:preserve-3d; transform-origin:50% 0; position:relative; border-radius:2px; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list > table > tbody > tr > td ul li a::before { transition:all .25s ease-in-out; transform:rotateX(0deg) translateY(0px) translateZ(0px); z-index:1; transform-style:preserve-3d; transform-origin:50% 0; position:absolute; content:''; display:inline-block; top:0; left:0; width:100%; height:100%; background:#CCC;/*#4692c3;*/
}

.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(1) a > table { -moz-animation: header-000-000-pc-ani-04 .125s ease-out .0625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(1) a::before { -moz-animation: header-000-000-pc-ani-05 .125s ease-out .0625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(2) a > table { -moz-animation: header-000-000-pc-ani-04 .125s ease-out .1250s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(2) a::before { -moz-animation: header-000-000-pc-ani-05 .125s ease-out .1250s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(3) a > table { -moz-animation: header-000-000-pc-ani-04 .125s ease-out .1875s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(3) a::before { -moz-animation: header-000-000-pc-ani-05 .125s ease-out .1875s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(4) a > table { -moz-animation: header-000-000-pc-ani-04 .125s ease-out .2500s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(4) a::before { -moz-animation: header-000-000-pc-ani-05 .125s ease-out .2500s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(5) a > table { -moz-animation: header-000-000-pc-ani-04 .125s ease-out .3125s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(5) a::before { -moz-animation: header-000-000-pc-ani-05 .125s ease-out .3125s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(6) a > table { -moz-animation: header-000-000-pc-ani-04 .125s ease-out .3750s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(6) a::before { -moz-animation: header-000-000-pc-ani-05 .125s ease-out .3750s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(7) a > table { -moz-animation: header-000-000-pc-ani-04 .125s ease-out .4375s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(7) a::before { -moz-animation: header-000-000-pc-ani-05 .125s ease-out .4375s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(8) a > table { -moz-animation: header-000-000-pc-ani-04 .125s ease-out .5000s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(8) a::before { -moz-animation: header-000-000-pc-ani-05 .125s ease-out .5000s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(9) a > table { -moz-animation: header-000-000-pc-ani-04 .125s ease-out .5625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(9) a::before { -moz-animation: header-000-000-pc-ani-05 .125s ease-out .5625s 1 forwards; }

.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(1) a > table { -ms-animation: header-000-000-pc-ani-04 .125s ease-out .0625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(1) a::before { -ms-animation: header-000-000-pc-ani-05 .125s ease-out .0625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(2) a > table { -ms-animation: header-000-000-pc-ani-04 .125s ease-out .1250s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(2) a::before { -ms-animation: header-000-000-pc-ani-05 .125s ease-out .1250s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(3) a > table { -ms-animation: header-000-000-pc-ani-04 .125s ease-out .1875s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(3) a::before { -ms-animation: header-000-000-pc-ani-05 .125s ease-out .1875s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(4) a > table { -ms-animation: header-000-000-pc-ani-04 .125s ease-out .2500s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(4) a::before { -ms-animation: header-000-000-pc-ani-05 .125s ease-out .2500s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(5) a > table { -ms-animation: header-000-000-pc-ani-04 .125s ease-out .3125s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(5) a::before { -ms-animation: header-000-000-pc-ani-05 .125s ease-out .3125s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(6) a > table { -ms-animation: header-000-000-pc-ani-04 .125s ease-out .3750s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(6) a::before { -ms-animation: header-000-000-pc-ani-05 .125s ease-out .3750s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(7) a > table { -ms-animation: header-000-000-pc-ani-04 .125s ease-out .4375s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(7) a::before { -ms-animation: header-000-000-pc-ani-05 .125s ease-out .4375s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(8) a > table { -ms-animation: header-000-000-pc-ani-04 .125s ease-out .5000s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(8) a::before { -ms-animation: header-000-000-pc-ani-05 .125s ease-out .5000s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(9) a > table { -ms-animation: header-000-000-pc-ani-04 .125s ease-out .5625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(9) a::before { -ms-animation: header-000-000-pc-ani-05 .125s ease-out .5625s 1 forwards; }

.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(1) a > table { -o-animation: header-000-000-pc-ani-04 .125s ease-out .0625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(1) a::before { -o-animation: header-000-000-pc-ani-05 .125s ease-out .0625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(2) a > table { -o-animation: header-000-000-pc-ani-04 .125s ease-out .1250s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(2) a::before { -o-animation: header-000-000-pc-ani-05 .125s ease-out .1250s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(3) a > table { -o-animation: header-000-000-pc-ani-04 .125s ease-out .1875s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(3) a::before { -o-animation: header-000-000-pc-ani-05 .125s ease-out .1875s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(4) a > table { -o-animation: header-000-000-pc-ani-04 .125s ease-out .2500s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(4) a::before { -o-animation: header-000-000-pc-ani-05 .125s ease-out .2500s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(5) a > table { -o-animation: header-000-000-pc-ani-04 .125s ease-out .3125s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(5) a::before { -o-animation: header-000-000-pc-ani-05 .125s ease-out .3125s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(6) a > table { -o-animation: header-000-000-pc-ani-04 .125s ease-out .3750s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(6) a::before { -o-animation: header-000-000-pc-ani-05 .125s ease-out .3750s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(7) a > table { -o-animation: header-000-000-pc-ani-04 .125s ease-out .4375s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(7) a::before { -o-animation: header-000-000-pc-ani-05 .125s ease-out .4375s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(8) a > table { -o-animation: header-000-000-pc-ani-04 .125s ease-out .5000s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(8) a::before { -o-animation: header-000-000-pc-ani-05 .125s ease-out .5000s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(9) a > table { -o-animation: header-000-000-pc-ani-04 .125s ease-out .5625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(9) a::before { -o-animation: header-000-000-pc-ani-05 .125s ease-out .5625s 1 forwards; }

.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(1) a > table { -webkit-animation: header-000-000-pc-ani-04 .125s ease-out .0625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(1) a::before { -webkit-animation: header-000-000-pc-ani-05 .125s ease-out .0625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(2) a > table { -webkit-animation: header-000-000-pc-ani-04 .125s ease-out .1250s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(2) a::before { -webkit-animation: header-000-000-pc-ani-05 .125s ease-out .1250s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(3) a > table { -webkit-animation: header-000-000-pc-ani-04 .125s ease-out .1875s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(3) a::before { -webkit-animation: header-000-000-pc-ani-05 .125s ease-out .1875s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(4) a > table { -webkit-animation: header-000-000-pc-ani-04 .125s ease-out .2500s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(4) a::before { -webkit-animation: header-000-000-pc-ani-05 .125s ease-out .2500s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(5) a > table { -webkit-animation: header-000-000-pc-ani-04 .125s ease-out .3125s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(5) a::before { -webkit-animation: header-000-000-pc-ani-05 .125s ease-out .3125s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(6) a > table { -webkit-animation: header-000-000-pc-ani-04 .125s ease-out .3750s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(6) a::before { -webkit-animation: header-000-000-pc-ani-05 .125s ease-out .3750s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(7) a > table { -webkit-animation: header-000-000-pc-ani-04 .125s ease-out .4375s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(7) a::before { -webkit-animation: header-000-000-pc-ani-05 .125s ease-out .4375s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(8) a > table { -webkit-animation: header-000-000-pc-ani-04 .125s ease-out .5000s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(8) a::before { -webkit-animation: header-000-000-pc-ani-05 .125s ease-out .5000s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(9) a > table { -webkit-animation: header-000-000-pc-ani-04 .125s ease-out .5625s 1 forwards; }
.x.header-000-000-pc .y .z .w .i .d1-1 .sub-menu-openee.type-list.open > table > tbody > tr > td ul li:nth-child(9) a::before { -webkit-animation: header-000-000-pc-ani-05 .125s ease-out .5625s 1 forwards; }
/* 特殊効果(ここまで) */
/* サブメニュー内 --- リスト (ここまで) */
@media (min-width: 1920px) {
    .x.header-000-000-pc .y .y-l { left:50%; margin-left:-960px;/*@media (min-width: 1920px)の半分の値*/ }
    .x.header-000-000-pc .y .y-r { right:50%; margin-right:-960px;/*@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] */
}

/* ********************************************************************************
 * .x.header-000-000-pc-apdx
 * ******************************************************************************** */
.x.header-000-000-pc-apdx .y .z .w .i .d1{ display:none; }
#index .x.header-000-000-pc-apdx .y .z .w .i .d1 { display:block; }
.x.header-000-000-pc-apdx { background-color:#fdfdfd; /*box-shadow:0 0 10px 0 rgba(0,0,0,0.0625) inset;*/
    /*set BASE-MENU-BAR-HEIGHT (8 of 9)*/
    /*メニューがロゴ領域より上の場合はpadding-top、下の場合はpadding-botomを設定する*/
    /*padding-top:58px; padding-bottom:0px;*/
    /*padding-top:0px; padding-bottom:58px;*/
    padding-top:0; padding-bottom:0;
}
.x.header-000-000-pc-apdx .y {}
.x.header-000-000-pc-apdx .y .z { max-width:none; }
.x.header-000-000-pc-apdx .y .z .w {}
.x.header-000-000-pc-apdx .y .z .w .i {}
.x.header-000-000-pc-apdx .y .z .w .i .d1 { height:650px; }
.x.header-000-000-pc-apdx .y .z .w .i .d1-1 { height:100%; }
.x.header-000-000-pc-apdx .y .z .w .i .d2 { height:50px; background-color:#224d2a; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 { max-width:960px; margin:auto; height:100%; position:relative; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 table { border-collapse:collapse; height:30px; line-height:0; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 table,
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 table > tbody,
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 table > tbody > tr,
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 table > tbody > tr > td { text-align:center; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 table > tbody > tr > td,
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 table > tbody > tr > td img { vertical-align:middle; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 a { display:inline-block; height:30px; color:#fff; line-height:30px; font-size:10.5px; letter-spacing:1px; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1 a span { display:inline-block; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-1 { position:absolute; left:6px; top:10px; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-1 span:first-child { font-size:14px; position:relative; top:1px; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-2 { position:absolute; width:150px; background-color:#5d924c; border-radius:4px; text-align:center; right:324px; top:1px; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-3 { position:absolute; width:150px; background-color:#5d924c; border-radius:4px; text-align:center; right:165px; top:1px;  }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-4 { position:absolute; width:150px; background-color:#5d924c; border-radius:4px; text-align:center; right:  6px; top:1px;  }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-2 table,
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-3 table,
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-4 table { width:100%; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-2 table span,
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-3 table span,
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-4 table span { display:inline-block; position:relative; top:2px; }
.x.header-000-000-pc-apdx .y .z .w .i .d2-1-4 table span { letter-spacing:3.5px; } /* tel */
/*
.x.header-000-000-pc-apdx .y .z .w .i .d1-1 > table { border-collapse:collapse; width:100%; max-width:960px; height:700px;/*650+50*//*set LOGO-AREA-HEIGHT (1 of 2)* / line-height:0; }
.x.header-000-000-pc-apdx .y .z .w .i .d1-1 > table,
.x.header-000-000-pc-apdx .y .z .w .i .d1-1 > table > tbody,
.x.header-000-000-pc-apdx .y .z .w .i .d1-1 > table > tbody > tr,
.x.header-000-000-pc-apdx .y .z .w .i .d1-1 > table > tbody > tr > td { margin:0; padding:0; line-height:0; }
.x.header-000-000-pc-apdx .y .z .w .i .d1-1 > table > tbody > tr > td { text-align:center; }
.x.header-000-000-pc-apdx .y .z .w .i .d1-1 > table > tbody > tr > td,
.x.header-000-000-pc-apdx .y .z .w .i .d1-1 > table > tbody > tr > td img { vertical-align:middle; }
*/
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.header-000-000-pc-apdx { padding-top:44px; }
    .x.header-000-000-pc-apdx .y .z .w .i .d2 { display:none; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.header-000-000-pc-apdx { padding-top:44px; }
    .x.header-000-000-pc-apdx .y .z .w .i .d2 { display:none; }
}




.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;
}

.x.header-000-000-pc-apdx .y .z .w .i .d1-1-1 { display:block; width:100%; height:100%; margin:auto; }
.x.header-000-000-pc-apdx .y .z .w .i .d1-1-1 > div { width:100%; height:100%; background:transparent; padding:0; }
.x.header-000-000-pc-apdx .y .z .w .i .d1-1-1-1 { position:relative; max-width:960px; width:100%; height:100%; margin:auto; }
.x.header-000-000-pc-apdx .y .z .w .i .d1-1-1-1-1 { position:absolute; left:10px; top:26px; }
.x.header-000-000-pc-apdx .y .z .w .i .d1-1-1-1-2 { position:absolute; right:10px; top:70px; }
.x.header-000-000-pc-apdx .y .z .w .i .d1-1-1-1-3 { position:absolute; right:10px; bottom:26px; background-color:#fff; background-color:rgba(255,255,255,0.75); color:#4d4d4d; text-align:center; font-size:22px; line-height:32px; letter-spacing:4px; display:block; width:300px; padding:14px 0; border-radius:2px; }




.x.header-000-000-pc-apdx2 { padding-bottom:58px; }





#index .x.aaa { padding-top:64px; }
#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 .title { text-align:center; font-size:25px; line-height:37px; letter-spacing:3px; }
#index .x.aaa .y .z .w .i .d1 {}
#index .x.aaa .y .z .w .i .d1-1 {}
#index .x.aaa .y .z .w .i .d1-1-1 {}
#index .x.aaa .y .z .w .i .d1-1-1.item1 {}
#index .x.aaa .y .z .w .i .d1-1-1.item2 {}
#index .x.aaa .y .z .w .i .d1-1-1.item3 {}
#index .x.aaa .y .z .w .i .d1-1-1-1 { text-align:center; padding:40px 0 20px 0; font-size:16px; line-height:23px; font-weight:bold; letter-spacing:3px; }
#index .x.aaa .y .z .w .i .d1-1-1-2 { width:100%; height:310px; position:relative; overflow:hidden; }
#index .x.aaa .y .z .w .i .d1-1-1-2-1 { width:100%; height:100%; }
#index .x.aaa .y .z .w .i .d1-1-1-2-1:hover {}
#index .x.aaa .y .z .w .i .item1 .d1-1-1-2-1 { background-image:url(../img/index-01.png); background-position:center; background-size:cover; }
#index .x.aaa .y .z .w .i .item2 .d1-1-1-2-1 { background-image:url(../img/index-02.png); background-position:center; background-size:cover; }
#index .x.aaa .y .z .w .i .item3 .d1-1-1-2-1 { background-image:url(../img/index-03.png); background-position:center; background-size:cover; }
#index .x.aaa .y .z .w .i .d1-1-1-3 { padding:25px 0 20px 0;  margin:0 20%; border-bottom:1px solid #4d4d4d; letter-spacing:1.5px;}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.aaa .y .z .w .i .d1-1-1 { width:33.3%; float:left; }
    #index .x.aaa .y .z .w .i .d1-1-1.item2 { margin:0 0.05%; }
    #index .x.aaa .y .z .w .i .d1-1-1-2-1 {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    #index .x.aaa .y .z .w .i .d1-1-1-2-1:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.aaa .y .z .w .i .d1-1-1.item2 { padding-top:50px }
    #index .x.aaa .y .z .w .i .d1-1-1.item3 { padding-top:50px }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.aaa .y .z .w .i .d1-1-1.item2 { padding-top:50px }
    #index .x.aaa .y .z .w .i .d1-1-1.item3 { padding-top:50px }
}



.x.case { padding-top:64px; margin-top:64px; padding-bottom:64px; }
.x.case .y { }
.x.case .y .z {}
.x.case .y .z .w {}
.x.case .y .z .w .i {}
.x.case .y .z .w .i .title { text-align:center; font-size:25px; line-height:37px; letter-spacing:3px; }
.x.case .y .z .w .i .d1 {}
.x.case .y .z .w .i .d1-1 {}
.x.case .y .z .w .i .d1-1-1 {}
.x.case .y .z .w .i .d1-1-1.item1 {}
.x.case .y .z .w .i .d1-1-1.item2 {}
.x.case .y .z .w .i .d1-1-1.item3 {}
.x.case .y .z .w .i .d1-1-1.item4 {}
.x.case .y .z .w .i .d1-1-1-1 { text-align:center; padding:40px 0 20px 0; font-size:16px; line-height:23px; font-weight:bold; letter-spacing:3px; }
.x.case .y .z .w .i .d1-1-1-1 span { display:block; padding-top:10px; }
.x.case .y .z .w .i .d1-1-1-2 { width:83.33333333%; padding-top:54.16666666%; /*height:130px;*/ position:relative; overflow:hidden; margin:auto; border-radius:1px;/*10px;*/ }
.x.case .y .z .w .i .d1-1-1-2-1 { width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; }
.x.case .y .z .w .i .d1-1-1-2-1:hover {}
.x.case .y .z .w .i .item1 .d1-1-1-2-1 { background-image:url(../img/index-05.png); background-position:center; background-size:cover; }
.x.case .y .z .w .i .item2 .d1-1-1-2-1 { background-image:url(../img/index-06.png); background-position:center; background-size:cover; }
.x.case .y .z .w .i .item3 .d1-1-1-2-1 { background-image:url(../img/index-07.png); background-position:center; background-size:cover; }
.x.case .y .z .w .i .item4 .d1-1-1-2-1 { background-image:url(../img/index-08.png); background-position:center; background-size:cover; }
.x.case .y .z .w .i .d1-1-1-3 { padding:25px 0 20px 0;  margin:0 20%; border-bottom:1px solid #4d4d4d; letter-spacing:1.5px;}
.x.case .y .z .w .i .d1-1-1-3 { display:none; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.case .y .z .w .i .d1-1-1 { width:25%; float:left; }
    .x.case .y .z .w .i .d1-1-1-2-1 {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    .x.case .y .z .w .i .d1-1-1-2-1:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.case .y .z .w .i .d1-1-1.item2 { padding-top:50px }
    .x.case .y .z .w .i .d1-1-1.item3 { padding-top:50px }
    .x.case .y .z .w .i .d1-1-1.item4 { padding-top:50px }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.case .y .z .w .i .d1-1-1.item2 { padding-top:50px }
    .x.case .y .z .w .i .d1-1-1.item3 { padding-top:50px }
    .x.case .y .z .w .i .d1-1-1.item4 { padding-top:50px }
}



#index .x.case { background-image:url(../img/index-04.png); background-position:center; background-size:cover; }

#info-voice-index .x.case .y .z .w .i .title,
#info-voice-detail .x.case .y .z .w .i .title,
#case-general-index .x.case .y .z .w .i .title,
#case-general-detail .x.case .y .z .w .i .title,
#case-old-index .x.case .y .z .w .i .title,
#case-old-detail .x.case .y .z .w .i .title,
#case-renovation-index .x.case .y .z .w .i .title,
#case-renovation-detail .x.case .y .z .w .i .title,
#case-bungalow-index .x.case .y .z .w .i .title,
#case-bungalow-detail .x.case .y .z .w .i .title { display:none; }




.x.tri { /*padding-top:64px; margin-top:64px; padding-bottom:64px;*/ }
.x.tri .y { }
.x.tri .y .z {}
.x.tri .y .z .w {}
.x.tri .y .z .w .i {}
.x.tri .y .z .w .i .title { text-align:center; font-size:25px; line-height:37px; letter-spacing:3px; }
.x.tri .y .z .w .i .d1 {}
.x.tri .y .z .w .i .d1-1 {}
.x.tri .y .z .w .i .d1-1-1 { padding-top:40px; padding-bottom:20px; }
.x.tri .y .z .w .i .d1-1-1.item1 {}
.x.tri .y .z .w .i .d1-1-1.item2 {}
.x.tri .y .z .w .i .d1-1-1.item3 {}
.x.tri .y .z .w .i .d1-1-1-1 { width:83.33333333%; padding-top:54.16666666%; /*height:130px;*/ position:relative; overflow:hidden; margin:auto; border-radius:1px; }
.x.tri .y .z .w .i .d1-1-1-1-1 { width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; }
.x.tri .y .z .w .i .d1-1-1-1-1:hover {}
.x.tri .y .z .w .i .item1 .d1-1-1-1-1 { background-image:url(../img/no-image.png); background-position:center; background-size:cover; }
.x.tri .y .z .w .i .item2 .d1-1-1-1-1 { background-image:url(../img/no-image.png); background-position:center; background-size:cover; }
.x.tri .y .z .w .i .item3 .d1-1-1-1-1 { background-image:url(../img/no-image.png); background-position:center; background-size:cover; }
.x.tri .y .z .w .i .d1-1-1-2 { padding:12px 0 20px 0;  margin:0 10%; border-bottom:1px solid transparent; }
.x.tri .y .z .w .i .d1-1-1-2 {}
.x.tri .y .z .w .i .d1-1-1-2 .date     { font-size:14.5px; line-height:20px; padding-bottom: 3px; }
.x.tri .y .z .w .i .d1-1-1-2 .tag      { font-size:12.5px; line-height:16px; padding-bottom: 7px; }
.x.tri .y .z .w .i .d1-1-1-2 .customer { font-size:12.5px; line-height:16px; padding-bottom: 7px; }
.x.tri .y .z .w .i .d1-1-1-2 .title    { font-size:16.5px; line-height:23px; padding-bottom:12px; font-weight:bold; letter-spacing:1px; text-align:left; }
.x.tri .y .z .w .i .d1-1-1-2 .summay   { font-size:14.0px; line-height:20px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.tri .y .z .w .i .d1-1-1 { width:33.33333333%; float:left; }
    .x.tri .y .z .w .i .d1-1-1-1-1 {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    .x.tri .y .z .w .i .d1-1-1-1-1:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.tri .y .z .w .i .d1-1-1.item2 { padding-top:50px }
    .x.tri .y .z .w .i .d1-1-1.item3 { padding-top:50px }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.tri .y .z .w .i .d1-1-1.item2 { padding-top:50px }
    .x.tri .y .z .w .i .d1-1-1.item3 { padding-top:50px }
}




.pager { text-align:center; font-size:20px; line-height:30px; padding-top:80px; }
.pager a { display:inline-block; padding:0 8px; color:#449148; }
.pager .prev { margin-right:4px; }
.pager .next { margin-left:4px; }
.pager .num {}
.pager .num.current { color:#4d4d4d; }





.pager2 { text-align:center; font-size:14.5px; line-height:44px; padding-top:80px; }
.pager2 a { display:inline-block; width:160px; color:#fff; background-color:#224d2a; border-radius:4px; }
.pager2 .prev,
.pager2 .next,
.pager2 .list { margin:4px 14px; }
.pager2 .prev,
.pager2 .next,
.pager2 .list {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
}
@media (min-width: 650px) {
    /* for sp [650, inf] */
    .pager2 .prev,
    .pager2 .next,
    .pager2 .list { margin:4px 26px;/*40px;*/ }
}
@media (min-width: 570px) {
    /* for sp [570, inf] */
    .pager2 br { display:none; }
}




#case-general-index .x.apdx .y .z .w .i .d1,
#case-old-index .x.apdx .y .z .w .i .d1,
#case-renovation-index .x.apdx .y .z .w .i .d1,
#case-bungalow-index .x.apdx .y .z .w .i .d1 {}

#case-general-index .x.apdx .y .z .w .i .d1-1,
#case-old-index .x.apdx .y .z .w .i .d1-1,
#case-renovation-index .x.apdx .y .z .w .i .d1-1,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1 {}

#case-general-index .x.apdx .y .z .w .i .d1-1-1,
#case-old-index .x.apdx .y .z .w .i .d1-1-1,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-1,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 { background-size:cover; background-repeat:no-repeat; background-position:center; }
#case-general-index .x.apdx .y .z .w .i .d1-1-1 table,
#case-old-index .x.apdx .y .z .w .i .d1-1-1 table,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-1 table,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 table,
#case-general-index .x.apdx .y .z .w .i .d1-1-1 table > tbody,
#case-old-index .x.apdx .y .z .w .i .d1-1-1 table > tbody,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-1 table > tbody,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 table > tbody,
#case-general-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr,
#case-old-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr,
#case-general-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
#case-old-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; }
#case-general-index .x.apdx .y .z .w .i .d1-1-1 table,
#case-old-index .x.apdx .y .z .w .i .d1-1-1 table,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-1 table,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 table { border-collapse:collapse; width:100%; color:#fff; }
#case-general-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
#case-old-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td {}
#case-general-index .x.apdx .y .z .w .i .d1-1-1 { background-image:url(../img/case-general-01.jpg); }
#case-old-index .x.apdx .y .z .w .i .d1-1-1 { background-image:url(../img/case-old-01.jpg); }
#case-renovation-index .x.apdx .y .z .w .i .d1-1-1 { background-image:url(../img/case-renovation-01.jpg); }
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 { background-image:url(../img/case-bungalow-01.jpg); }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-1,
    #case-old-index .x.apdx .y .z .w .i .d1-1-1,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-1,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 { margin-top:120px; }
    #case-general-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
    #case-old-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td { font-size:60px; line-height:72px; padding:62px 0 62px 60px; letter-spacing:6px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-1,
    #case-old-index .x.apdx .y .z .w .i .d1-1-1,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-1,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 { margin-top:100px; }
    #case-general-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
    #case-old-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td { font-size:30px; line-height:36px; padding:31px 0 31px 30px; letter-spacing:3px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-1,
    #case-old-index .x.apdx .y .z .w .i .d1-1-1,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-1,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 { margin-top:80px; }
    #case-general-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
    #case-old-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-1 table > tbody > tr > td { font-size:20px; line-height:24px; padding:20px 0 20px 20px; letter-spacing:2px; }
}

#case-general-index .x.apdx .y .z .w .i .d1-1-2,
#case-old-index .x.apdx .y .z .w .i .d1-1-2,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-2,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-2 { padding:30px 0 44px; }
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-2,
    #case-old-index .x.apdx .y .z .w .i .d1-1-2,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-2,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-2 { padding-right:20px; padding-left:20px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-2,
    #case-old-index .x.apdx .y .z .w .i .d1-1-2,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-2,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-2 { padding-right:20px; padding-left:20px; }
}

#case-general-index .x.apdx .y .z .w .i .d1-1-3,
#case-old-index .x.apdx .y .z .w .i .d1-1-3,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-3,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-3 { border-top:4px solid #c59b6f; padding-top:24px; }
#case-old-index .x.apdx .y .z .w .i .d1-1-3 { border-color:#221815; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-3,
    #case-old-index .x.apdx .y .z .w .i .d1-1-3,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-3,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-3 { font-size:32px; line-height:40px; letter-spacing:4px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-3,
    #case-old-index .x.apdx .y .z .w .i .d1-1-3,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-3,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-3 { font-size:24px; line-height:30px; letter-spacing:3px; margin:0 10px; padding-left:10px; padding-right:10px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-3,
    #case-old-index .x.apdx .y .z .w .i .d1-1-3,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-3,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-3 { font-size:16px; line-height:20px; letter-spacing:2px; margin:0 10px; padding-left:10px; padding-right:10px; }
}

#case-general-index .x.apdx .y .z .w .i .d1-1-4,
#case-old-index .x.apdx .y .z .w .i .d1-1-4,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-4,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-4 { margin-top:20px; }

#case-general-index .x.apdx .y .z .w .i .d1-1-5,
#case-old-index .x.apdx .y .z .w .i .d1-1-5,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-5,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-5 { padding-top:20px; padding-bottom:40px;  }

#case-general-index .x.apdx .y .z .w .i .d1-1-5-1,
#case-old-index .x.apdx .y .z .w .i .d1-1-5-1,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1 {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-r,
    #case-old-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-r,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-r,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-r { float:right; width:50%; }
    #case-general-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-l,
    #case-old-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-l,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-l,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-l { float:left; width:50%; }
    #case-general-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-l .d1-1-5-1-1,
    #case-old-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-l .d1-1-5-1-1,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-l .d1-1-5-1-1,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-l .d1-1-5-1-1 { padding-right:20px; }
    #case-general-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-r .d1-1-5-1-1,
    #case-old-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-r .d1-1-5-1-1,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-r .d1-1-5-1-1,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1.apdx-r .d1-1-5-1-1 { padding-left:20px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-5-1 .d1-1-5-1-1,
    #case-old-index .x.apdx .y .z .w .i .d1-1-5-1 .d1-1-5-1-1,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1 .d1-1-5-1-1,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1 .d1-1-5-1-1 { margin-right:20px; margin-left:20px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #case-general-index .x.apdx .y .z .w .i .d1-1-5-1 .d1-1-5-1-1,
    #case-old-index .x.apdx .y .z .w .i .d1-1-5-1 .d1-1-5-1-1,
    #case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1 .d1-1-5-1-1,
    #case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1 .d1-1-5-1-1 { margin-right:20px; margin-left:20px; }
}

#case-general-index .x.apdx .y .z .w .i .d1-1-5-1-1,
#case-old-index .x.apdx .y .z .w .i .d1-1-5-1-1,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1-1,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1-1 { padding-bottom:20px; }

#case-general-index .x.apdx .y .z .w .i .d1-1-5-1-1 img,
#case-old-index .x.apdx .y .z .w .i .d1-1-5-1-1 img,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1-1 img,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1-1 img { width:100%; height:auto; }

#case-general-index .x.apdx .y .z .w .i .d1-1-5-1-1-1,
#case-old-index .x.apdx .y .z .w .i .d1-1-5-1-1-1,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1-1-1,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1-1-1 { position:relative; }

#case-general-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-1,
#case-old-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-1,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-1,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-1 { position:absolute; width:70px; height:70px; line-height:70px; text-align:center; color:#ffffff; background-color:#221815; font-size:28px; }

#case-general-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-2,
#case-old-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-2,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-2,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-2 { border-bottom:2px solid #221815; font-size:24px; line-height:36px; padding-top:4px; padding-left:80px; font-weight:bold; }

#case-general-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-3,
#case-old-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-3,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-3,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1-1-1-3 { font-size:17px; line-height:25px; padding-left:80px; padding-top:2px; }

#case-general-index .x.apdx .y .z .w .i .d1-1-5-1-1-2,
#case-old-index .x.apdx .y .z .w .i .d1-1-5-1-1-2,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1-1-2,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1-1-2 { padding-top:24px; }

#case-general-index .x.apdx .y .z .w .i .d1-1-5-1-1-3,
#case-old-index .x.apdx .y .z .w .i .d1-1-5-1-1-3,
#case-renovation-index .x.apdx .y .z .w .i .d1-1-5-1-1-3,
#case-bungalow-index .x.apdx .y .z .w .i .d1-1-5-1-1-3 { font-size:17px; line-height:25px; padding:6px 0 6px 12px; color:#ffffff; background-color:#221815; }




.x.ban { padding-top:24px; }
.x.ban .y { }
.x.ban .y .z {}
.x.ban .y .z .w {}
.x.ban .y .z .w .i { text-align:center; }
.x.ban .y .z .w .i a { display:inline-block; margin-top:46px; }




.x.list { /*padding-top:64px;*/ }
.x.list .y {}
.x.list .y .z {}
.x.list .y .z .w {}
.x.list .y .z .w .i {}
.x.list .y .z .w .i .title { text-align:center; font-size:25px; line-height:37px; letter-spacing:3px; }
.x.list .y .z .w .i .d1 { width:92%; margin:auto; }
.x.list .y .z .w .i .d1-1 { padding-top:40px; }
.x.list .y .z .w .i .d1-1 a { display:block; height:56px; border-bottom:1px solid #d4d4d4; }
.x.list .y .z .w .i .d1-1 a > table { border-collapse:collapse; width:100%; height:100%; line-height:0; }
.x.list .y .z .w .i .d1-1 a > table,
.x.list .y .z .w .i .d1-1 a > table > tbody,
.x.list .y .z .w .i .d1-1 a > table > tbody > tr,
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td { margin:0; padding:0; line-height:0; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td { line-height:23px; padding:0 10px; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.date    { width:108px; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat     { width:108px; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span { display:inline-block; width:86px; height:23px; line-height:23px; text-align:center; color:#fff; overflow:hidden; font-size:11px; position:relative; top:2px; border-radius:2px; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-01 { background-color:#224d2a; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-02 { background-color:#224d2a; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-03 { background-color:#224d2a; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-04 { background-color:#224d2a; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-05 { background-color:#224d2a; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-06 { background-color:#224d2a; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-07 { background-color:#224d2a; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-08 { background-color:#224d2a; }
.x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.summary {}
.x.list .y .z .w .i .d2 {}
.x.list .y .z .w .i .d2-1 { text-align:center; padding-top:60px; }
.x.list .y .z .w .i .d2-1 a { display:inline-block; width:139px; height:35px; line-height:35px; border-radius:4px; color:#fff; background-color:#224d2a; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.list .y .z .w .i .d1-1 a { height:auto; padding:10px 0; }
    .x.list .y .z .w .i .d1-1 a > table,
    .x.list .y .z .w .i .d1-1 a > table > tbody,
    .x.list .y .z .w .i .d1-1 a > table > tbody > tr,
    .x.list .y .z .w .i .d1-1 a > table > tbody > tr > td { display:block; }
    .x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.date,
    .x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat { display:inline-block; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.list .y .z .w .i .d1-1 a { height:auto; padding:10px 0; }
    .x.list .y .z .w .i .d1-1 a > table,
    .x.list .y .z .w .i .d1-1 a > table > tbody,
    .x.list .y .z .w .i .d1-1 a > table > tbody > tr,
    .x.list .y .z .w .i .d1-1 a > table > tbody > tr > td { display:block; }
    .x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.date,
    .x.list .y .z .w .i .d1-1 a > table > tbody > tr > td.cat { display:inline-block; }
}

#index .x.ccc { padding-top:64px; }
/*
#index .x.ccc { padding-top:64px; }
#index .x.ccc .y {}
#index .x.ccc .y .z {}
#index .x.ccc .y .z .w {}
#index .x.ccc .y .z .w .i {}
#index .x.ccc .y .z .w .i .title { text-align:center; font-size:25px; line-height:37px; letter-spacing:3px; }
#index .x.ccc .y .z .w .i .d1 { width:92%; margin:auto; }
#index .x.ccc .y .z .w .i .d1-1 { padding-top:40px; }
#index .x.ccc .y .z .w .i .d1-1 a { display:block; height:56px; border-bottom:1px solid #d4d4d4; }
#index .x.ccc .y .z .w .i .d1-1 a > table { border-collapse:collapse; width:100%; height:100%; line-height:0; }
#index .x.ccc .y .z .w .i .d1-1 a > table,
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody,
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr,
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td { margin:0; padding:0; line-height:0; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td { line-height:23px; padding:0 10px; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.date    { width:108px; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat     { width:108px; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span { display:inline-block; width:86px; height:23px; line-height:23px; text-align:center; color:#fff; overflow:hidden; font-size:11px; position:relative; top:2px; border-radius:2px; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-01 { background-color:#224d2a; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-02 { background-color:#224d2a; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-03 { background-color:#224d2a; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-04 { background-color:#224d2a; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-05 { background-color:#224d2a; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-06 { background-color:#224d2a; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-07 { background-color:#224d2a; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat span.cat-08 { background-color:#224d2a; }
#index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.summary {}
#index .x.ccc .y .z .w .i .d2 {}
#index .x.ccc .y .z .w .i .d2-1 { text-align:center; padding-top:60px; }
#index .x.ccc .y .z .w .i .d2-1 a { display:inline-block; width:139px; height:35px; line-height:35px; border-radius:4px; color:#fff; background-color:#224d2a; }
@media (min-width: 960px) {
    /* for pc [960, inf] * /
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] * /
    #index .x.ccc .y .z .w .i .d1-1 a { height:auto; padding:10px 0; }
    #index .x.ccc .y .z .w .i .d1-1 a > table,
    #index .x.ccc .y .z .w .i .d1-1 a > table > tbody,
    #index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr,
    #index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td { display:block; }
    #index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.date,
    #index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat { display:inline-block; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] * /
    #index .x.ccc .y .z .w .i .d1-1 a { height:auto; padding:10px 0; }
    #index .x.ccc .y .z .w .i .d1-1 a > table,
    #index .x.ccc .y .z .w .i .d1-1 a > table > tbody,
    #index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr,
    #index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td { display:block; }
    #index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.date,
    #index .x.ccc .y .z .w .i .d1-1 a > table > tbody > tr > td.cat { display:inline-block; }
}
*/




#index .x.dou { padding-top:64px; }
#index .x.dou .y {}
#index .x.dou .y .z {}
#index .x.dou .y .z .w {}
#index .x.dou .y .z .w .i {}
#index .x.dou .y .z .w .i a { display:block; background-color:#224d2a; padding:30px 0px; margin:auto; max-width:952px;}
#index .x.dou .y .z .w .i a > table { border-collapse:collapse; width:100%; height:100%; line-height:0; }
#index .x.dou .y .z .w .i a > table,
#index .x.dou .y .z .w .i a > table > tbody,
#index .x.dou .y .z .w .i a > table > tbody > tr,
#index .x.dou .y .z .w .i a > table > tbody > tr > td { margin:0; padding:0; line-height:0; }
#index .x.dou .y .z .w .i a > table > tbody > tr > td { line-height:22px; }
#index .x.dou .y .z .w .i a > table > tbody > tr > td.dou-l { transition:all .25s ease-in-out; padding:0 40px; }
#index .x.dou .y .z .w .i a > table > tbody > tr > td.dou-r { transition:all .25s ease-in-out; padding:0 40px; color:#fff; }
#index .x.dou .y .z .w .i a > table > tbody > tr > td.dou-r .d1-1 { font-size:19px; line-height:30px; padding-bottom:10px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #index .x.dou .y .z .w .i a > table > tbody > tr > td.dou-l { width:238px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #index .x.dou .y .z .w .i a > table > tbody > tr > td.dou-l { padding:0 10px 0 30px; }
    #index .x.dou .y .z .w .i a > table > tbody > tr > td.dou-r { padding:0 30px 0 10px; }
    #index .x.dou .y .z .w .i a > table > tbody > tr > td.dou-l { width:200px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #index .x.dou .y .z .w .i a > table,
    #index .x.dou .y .z .w .i a > table > tbody,
    #index .x.dou .y .z .w .i a > table > tbody > tr,
    #index .x.dou .y .z .w .i a > table > tbody > tr > td { display:block; }
    #index .x.dou .y .z .w .i a > table > tbody > tr > td.dou-l { padding:0 20px 0 20px; }
    #index .x.dou .y .z .w .i a > table > tbody > tr > td.dou-r { padding:0 20px 0 20px; }
    #index .x.dou .y .z .w .i a > table > tbody > tr > td.dou-l { width:238px; margin:auto; padding-bottom:20px; }
}




.x.title { padding-top:64px; padding-bottom:64px; }
.x.title .y {}
.x.title .y .z {}
.x.title .y .z .w {}
.x.title .y .z .w .i { text-align:center; font-size:23px; line-height:35px; letter-spacing:2px; }



/*
#case-general-index .x.title,
#case-general-detail .x.title,
#case-old-index .x.title,
#case-old-detail .title,
#case-renovation-index .x.title,
#case-renovation-detail .x.title,
#case-bungalow-index .x.title,
#case-bungalow-detail .x.title,
#info-news-index .x.title,
#info-news-detail .x.title,
#info-blog-index .x.title,
#info-blog-detail .x.title,
#info-event-index .x.title,
#info-event-detail .x.title,
#info-nairan-index .x.title,
#info-nairan-detail .x.title,
#info-voice-index .x.title,
#info-voice-detail .x.title,
#info-faq-index .x.title,
#info-faq-detail .x.title,
#info-aid-index .x.title,
#info-aid-detail .x.title,
#info-article-index .x.title,
#info-article-detail .x.title,
*/

#case-general-index .x.title,
#case-general-detail .x.title,
#case-old-index .x.title,
#case-old-detail .x.title,
#case-renovation-index .x.title,
#case-renovation-detail .x.title,
#case-bungalow-index .x.title,
#case-bungalow-detail .x.title,
#info-news-index .x.title,
#info-news-detail .x.title,
#info-blog-index .x.title,
#info-blog-detail .x.title,
#info-event-index .x.title,
#info-event-detail .x.title,
#info-nairan-index .x.title,
#info-nairan-detail .x.title,
#info-voice-index .x.title,
#info-voice-detail .x.title,
#info-faq-index .x.title,
#info-faq-detail .x.title,
#info-aid-index .x.title,
#info-aid-detail .x.title,
#info-article-index .x.title,
#info-article-detail .x.title { padding-bottom:0; }
#case-general-index .x.title .y .z .w .i,
#case-general-detail .x.title .y .z .w .i,
#case-old-index .x.title .y .z .w .i,
#case-old-detail .x.title .y .z .w .i,
#case-renovation-index .x.title .y .z .w .i,
#case-renovation-detail .x.title .y .z .w .i,
#case-bungalow-index .x.title .y .z .w .i,
#case-bungalow-detail .x.title .y .z .w .i,
#info-news-index .x.title .y .z .w .i,
#info-news-detail .x.title .y .z .w .i,
#info-blog-index .x.title .y .z .w .i,
#info-blog-detail .x.title .y .z .w .i,
#info-event-index .x.title .y .z .w .i,
#info-event-detail .x.title .y .z .w .i,
#info-nairan-index .x.title .y .z .w .i,
#info-nairan-detail .x.title .y .z .w .i,
#info-voice-index .x.title .y .z .w .i,
#info-voice-detail .x.title .y .z .w .i,
#info-faq-index .x.title .y .z .w .i,
#info-faq-detail .x.title .y .z .w .i,
#info-aid-index .x.title .y .z .w .i,
#info-aid-detail .x.title .y .z .w .i,
#info-article-index .x.title .y .z .w .i,
#info-article-detail .x.title .y .z .w .i { margin:0 20px; border-bottom:1px solid #999; padding-bottom:64px; }
@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] */
}

#case-general-index .x.title .y .z .w .i,
#case-general-detail .x.title .y .z .w .i,
#case-old-index .x.title .y .z .w .i,
#case-old-detail .x.title .y .z .w .i,
#case-renovation-index .x.title .y .z .w .i,
#case-renovation-detail .x.title .y .z .w .i,
#case-bungalow-index .x.title .y .z .w .i,
#case-bungalow-detail .x.title .y .z .w .i { padding-bottom:29px; }
#case-general-index .x.title .y .z .w .i span,
#case-general-detail .x.title .y .z .w .i span,
#case-old-index .x.title .y .z .w .i span,
#case-old-detail .x.title .y .z .w .i span,
#case-renovation-index .x.title .y .z .w .i span,
#case-renovation-detail .x.title .y .z .w .i span,
#case-bungalow-index .x.title .y .z .w .i span,
#case-bungalow-detail .x.title .y .z .w .i span { display:inline-block; width:90px; line-height:20px; /*background-color:#988676; color:#fff;*/ font-size:12px; }

.x.title2 .y .z .w .i { margin:0 20px; padding:13px 0; border-bottom:1px solid #999; min-height:54px; line-height:27px; }
.x.title2 .y .z .w .i table { height:54px; width:100%; }
.x.title2 .y .z .w .i table td:first-child { font-size:20px; letter-spacing:1px; }
.x.title2 .y .z .w .i table td:last-child  { font-size:13px; text-align:right; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.title2 .y .z .w .i table,
    .x.title2 .y .z .w .i table tbody,
    .x.title2 .y .z .w .i table tbody tr,
    .x.title2 .y .z .w .i table tbody tr td { height:auto; display:block; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.title2 .y .z .w .i table,
    .x.title2 .y .z .w .i table tbody,
    .x.title2 .y .z .w .i table tbody tr,
    .x.title2 .y .z .w .i table tbody tr td { height:auto; display:block; }
}



#case-general-index .x.prop,
#case-general-detail .x.prop,
#case-old-index .x.prop,
#case-old-detail .x.prop,
#case-renovation-index .x.prop,
#case-renovation-detail .x.prop,
#case-bungalow-index .x.prop,
#case-bungalow-detail .x.prop,
#info-news-index .x.prop,
#info-news-detail .x.prop,
#info-blog-index .x.prop,
#info-blog-detail .x.prop,
#info-event-index .x.prop,
#info-event-detail .x.prop,
#info-nairan-index .x.prop,
#info-nairan-detail .x.prop,
#info-voice-index .x.prop,
#info-voice-detail .x.prop,
#info-faq-index .x.prop,
#info-faq-detail .x.prop,
#info-aid-index .x.prop,
#info-aid-detail .x.prop,
#info-article-index .x.prop,
#info-article-detail .x.prop {}

#case-general-index .x.prop .y .z .w,
#case-general-detail .x.prop .y .z .w,
#case-old-index .x.prop .y .z .w,
#case-old-detail .x.prop .y .z .w,
#case-renovation-index .x.prop .y .z .w,
#case-renovation-detail .x.prop .y .z .w,
#case-bungalow-index .x.prop .y .z .w,
#case-bungalow-detail .x.prop .y .z .w,
#info-news-index .x.prop .y .z .w,
#info-news-detail .x.prop .y .z .w,
#info-blog-index .x.prop .y .z .w,
#info-blog-detail .x.prop .y .z .w,
#info-event-index .x.prop .y .z .w,
#info-event-detail .x.prop .y .z .w,
#info-nairan-index .x.prop .y .z .w,
#info-nairan-detail .x.prop .y .z .w,
#info-voice-index .x.prop .y .z .w,
#info-voice-detail .x.prop .y .z .w,
#info-faq-index .x.prop .y .z .w,
#info-faq-detail .x.prop .y .z .w,
#info-aid-index .x.prop .y .z .w,
#info-aid-detail .x.prop .y .z .w,
#info-article-index .x.prop .y .z .w,
#info-article-detail .x.prop .y .z .w { padding:12px 24px; }

#case-general-index .x.prop .y .z .w .i table,
#case-general-detail .x.prop .y .z .w .i table,
#case-old-index .x.prop .y .z .w .i table,
#case-old-detail .x.prop .y .z .w .i table,
#case-renovation-index .x.prop .y .z .w .i table,
#case-renovation-detail .x.prop .y .z .w .i table,
#case-bungalow-index .x.prop .y .z .w .i table,
#case-bungalow-detail .x.prop .y .z .w .i table,
#info-news-index .x.prop .y .z .w .i table,
#info-news-detail .x.prop .y .z .w .i table,
#info-blog-index .x.prop .y .z .w .i table,
#info-blog-detail .x.prop .y .z .w .i table,
#info-event-index .x.prop .y .z .w .i table,
#info-event-detail .x.prop .y .z .w .i table,
#info-nairan-index .x.prop .y .z .w .i table,
#info-nairan-detail .x.prop .y .z .w .i table,
#info-voice-index .x.prop .y .z .w .i table,
#info-voice-detail .x.prop .y .z .w .i table,
#info-faq-index .x.prop .y .z .w .i table,
#info-faq-detail .x.prop .y .z .w .i table,
#info-aid-index .x.prop .y .z .w .i table,
#info-aid-detail .x.prop .y .z .w .i table,
#info-article-index .x.prop .y .z .w .i table,
#info-article-detail .x.prop .y .z .w .i table { width:100%; }

#case-general-index .x.prop .y .z .w .i .t1,
#case-general-detail .x.prop .y .z .w .i .t1,
#case-old-index .x.prop .y .z .w .i .t1,
#case-old-detail .x.prop .y .z .w .i .t1,
#case-renovation-index .x.prop .y .z .w .i .t1,
#case-renovation-detail .x.prop .y .z .w .i .t1,
#case-bungalow-index .x.prop .y .z .w .i .t1,
#case-bungalow-detail .x.prop .y .z .w .i .t1,
#info-news-index .x.prop .y .z .w .i .t1,
#info-news-detail .x.prop .y .z .w .i .t1,
#info-blog-index .x.prop .y .z .w .i .t1,
#info-blog-detail .x.prop .y .z .w .i .t1,
#info-event-index .x.prop .y .z .w .i .t1,
#info-event-detail .x.prop .y .z .w .i .t1,
#info-nairan-index .x.prop .y .z .w .i .t1,
#info-nairan-detail .x.prop .y .z .w .i .t1,
#info-voice-index .x.prop .y .z .w .i .t1,
#info-voice-detail .x.prop .y .z .w .i .t1,
#info-faq-index .x.prop .y .z .w .i .t1,
#info-faq-detail .x.prop .y .z .w .i .t1,
#info-aid-index .x.prop .y .z .w .i .t1,
#info-aid-detail .x.prop .y .z .w .i .t1,
#info-article-index .x.prop .y .z .w .i .t1,
#info-article-detail .x.prop .y .z .w .i .t1 {}

#case-general-index .x.prop .y .z .w .i .t1 .publish,
#case-general-detail .x.prop .y .z .w .i .t1 .publish,
#case-old-index .x.prop .y .z .w .i .t1 .publish,
#case-old-detail .x.prop .y .z .w .i .t1 .publish,
#case-renovation-index .x.prop .y .z .w .i .t1 .publish,
#case-renovation-detail .x.prop .y .z .w .i .t1 .publish,
#case-bungalow-index .x.prop .y .z .w .i .t1 .publish,
#case-bungalow-detail .x.prop .y .z .w .i .t1 .publish,
#info-news-index .x.prop .y .z .w .i .t1 .publish,
#info-news-detail .x.prop .y .z .w .i .t1 .publish,
#info-blog-index .x.prop .y .z .w .i .t1 .publish,
#info-blog-detail .x.prop .y .z .w .i .t1 .publish,
#info-event-index .x.prop .y .z .w .i .t1 .publish,
#info-event-detail .x.prop .y .z .w .i .t1 .publish,
#info-nairan-index .x.prop .y .z .w .i .t1 .publish,
#info-nairan-detail .x.prop .y .z .w .i .t1 .publish,
#info-voice-index .x.prop .y .z .w .i .t1 .publish,
#info-voice-detail .x.prop .y .z .w .i .t1 .publish,
#info-faq-index .x.prop .y .z .w .i .t1 .publish,
#info-faq-detail .x.prop .y .z .w .i .t1 .publish,
#info-aid-index .x.prop .y .z .w .i .t1 .publish,
#info-aid-detail .x.prop .y .z .w .i .t1 .publish,
#info-article-index .x.prop .y .z .w .i .t1 .publish,
#info-article-detail .x.prop .y .z .w .i .t1 .publish { font-size:15px; vertical-align:top; width:112px; }

#case-general-index .x.prop .y .z .w .i .t1 .tag,
#case-general-detail .x.prop .y .z .w .i .t1 .tag,
#case-old-index .x.prop .y .z .w .i .t1 .tag,
#case-old-detail .x.prop .y .z .w .i .t1 .tag,
#case-renovation-index .x.prop .y .z .w .i .t1 .tag,
#case-renovation-detail .x.prop .y .z .w .i .t1 .tag,
#case-bungalow-index .x.prop .y .z .w .i .t1 .tag,
#case-bungalow-detail .x.prop .y .z .w .i .t1 .tag,
#info-news-index .x.prop .y .z .w .i .t1 .tag,
#info-news-detail .x.prop .y .z .w .i .t1 .tag,
#info-blog-index .x.prop .y .z .w .i .t1 .tag,
#info-blog-detail .x.prop .y .z .w .i .t1 .tag,
#info-event-index .x.prop .y .z .w .i .t1 .tag,
#info-event-detail .x.prop .y .z .w .i .t1 .tag,
#info-nairan-index .x.prop .y .z .w .i .t1 .tag,
#info-nairan-detail .x.prop .y .z .w .i .t1 .tag,
#info-voice-index .x.prop .y .z .w .i .t1 .tag,
#info-voice-detail .x.prop .y .z .w .i .t1 .tag,
#info-faq-index .x.prop .y .z .w .i .t1 .tag,
#info-faq-detail .x.prop .y .z .w .i .t1 .tag,
#info-aid-index .x.prop .y .z .w .i .t1 .tag,
#info-aid-detail .x.prop .y .z .w .i .t1 .tag,
#info-article-index .x.prop .y .z .w .i .t1 .tag,
#info-article-detail .x.prop .y .z .w .i .t1 .tag {}

#case-general-index .x.prop .y .z .w .i .t1 .tag a,
#case-general-detail .x.prop .y .z .w .i .t1 .tag a,
#case-old-index .x.prop .y .z .w .i .t1 .tag a,
#case-old-detail .x.prop .y .z .w .i .t1 .tag a,
#case-renovation-index .x.prop .y .z .w .i .t1 .tag a,
#case-renovation-detail .x.prop .y .z .w .i .t1 .tag a,
#case-bungalow-index .x.prop .y .z .w .i .t1 .tag a,
#case-bungalow-detail .x.prop .y .z .w .i .t1 .tag a,
#info-news-index .x.prop .y .z .w .i .t1 .tag a,
#info-news-detail .x.prop .y .z .w .i .t1 .tag a,
#info-blog-index .x.prop .y .z .w .i .t1 .tag a,
#info-blog-detail .x.prop .y .z .w .i .t1 .tag a,
#info-event-index .x.prop .y .z .w .i .t1 .tag a,
#info-event-detail .x.prop .y .z .w .i .t1 .tag a,
#info-nairan-index .x.prop .y .z .w .i .t1 .tag a,
#info-nairan-detail .x.prop .y .z .w .i .t1 .tag a,
#info-voice-index .x.prop .y .z .w .i .t1 .tag a,
#info-voice-detail .x.prop .y .z .w .i .t1 .tag a,
#info-faq-index .x.prop .y .z .w .i .t1 .tag a,
#info-faq-detail .x.prop .y .z .w .i .t1 .tag a,
#info-aid-index .x.prop .y .z .w .i .t1 .tag a,
#info-aid-detail .x.prop .y .z .w .i .t1 .tag a,
#info-article-index .x.prop .y .z .w .i .t1 .tag a,
#info-article-detail .x.prop .y .z .w .i .t1 .tag a { display:inline-block; margin-right:12.5px; color:#6d6d6d; font-size:12.5px; }

#case-general-index .x.prop .y .z .w .i .t1 .tag a.current,
#case-general-detail .x.prop .y .z .w .i .t1 .tag a.current,
#case-old-index .x.prop .y .z .w .i .t1 .tag a.current,
#case-old-detail .x.prop .y .z .w .i .t1 .tag a.current,
#case-renovation-index .x.prop .y .z .w .i .t1 .tag a.current,
#case-renovation-detail .x.prop .y .z .w .i .t1 .tag a.current,
#case-bungalow-index .x.prop .y .z .w .i .t1 .tag a.current,
#case-bungalow-detail .x.prop .y .z .w .i .t1 .tag a.current,
#info-news-index .x.prop .y .z .w .i .t1 .tag a.current,
#info-news-detail .x.prop .y .z .w .i .t1 .tag a.current,
#info-blog-index .x.prop .y .z .w .i .t1 .tag a.current,
#info-blog-detail .x.prop .y .z .w .i .t1 .tag a.current,
#info-event-index .x.prop .y .z .w .i .t1 .tag a.current,
#info-event-detail .x.prop .y .z .w .i .t1 .tag a.current,
#info-nairan-index .x.prop .y .z .w .i .t1 .tag a.current,
#info-nairan-detail .x.prop .y .z .w .i .t1 .tag a.current,
#info-voice-index .x.prop .y .z .w .i .t1 .tag a.current,
#info-voice-detail .x.prop .y .z .w .i .t1 .tag a.current,
#info-faq-index .x.prop .y .z .w .i .t1 .tag a.current,
#info-faq-detail .x.prop .y .z .w .i .t1 .tag a.current,
#info-aid-index .x.prop .y .z .w .i .t1 .tag a.current,
#info-aid-detail .x.prop .y .z .w .i .t1 .tag a.current,
#info-article-index .x.prop .y .z .w .i .t1 .tag a.current,
#info-article-detail .x.prop .y .z .w .i .t1 .tag a.current { font-weight:bold; color:#224d2a; }

#case-general-index .x.prop .y .z .w .i .area,
#case-general-detail .x.prop .y .z .w .i .area,
#case-old-index .x.prop .y .z .w .i .area,
#case-old-detail .x.prop .y .z .w .i .area,
#case-renovation-index .x.prop .y .z .w .i .area,
#case-renovation-detail .x.prop .y .z .w .i .area,
#case-bungalow-index .x.prop .y .z .w .i .area,
#case-bungalow-detail .x.prop .y .z .w .i .area,
#info-news-index .x.prop .y .z .w .i .area,
#info-news-detail .x.prop .y .z .w .i .area,
#info-blog-index .x.prop .y .z .w .i .area,
#info-blog-detail .x.prop .y .z .w .i .area,
#info-event-index .x.prop .y .z .w .i .area,
#info-event-detail .x.prop .y .z .w .i .area,
#info-nairan-index .x.prop .y .z .w .i .area,
#info-nairan-detail .x.prop .y .z .w .i .area,
#info-voice-index .x.prop .y .z .w .i .area,
#info-voice-detail .x.prop .y .z .w .i .area,
#info-faq-index .x.prop .y .z .w .i .area,
#info-faq-detail .x.prop .y .z .w .i .area,
#info-aid-index .x.prop .y .z .w .i .area,
#info-aid-detail .x.prop .y .z .w .i .area,
#info-article-index .x.prop .y .z .w .i .area,
#info-article-detail .x.prop .y .z .w .i .area { color:#224d2a; font-size:17px; padding-top:36px; }

#case-general-index .x.prop .y .z .w .i .date,
#case-general-detail .x.prop .y .z .w .i .date,
#case-old-index .x.prop .y .z .w .i .date,
#case-old-detail .x.prop .y .z .w .i .date,
#case-renovation-index .x.prop .y .z .w .i .date,
#case-renovation-detail .x.prop .y .z .w .i .date,
#case-bungalow-index .x.prop .y .z .w .i .date,
#case-bungalow-detail .x.prop .y .z .w .i .date,
#info-news-index .x.prop .y .z .w .i .date,
#info-news-detail .x.prop .y .z .w .i .date,
#info-blog-index .x.prop .y .z .w .i .date,
#info-blog-detail .x.prop .y .z .w .i .date,
#info-event-index .x.prop .y .z .w .i .date,
#info-event-detail .x.prop .y .z .w .i .date,
#info-nairan-index .x.prop .y .z .w .i .date,
#info-nairan-detail .x.prop .y .z .w .i .date,
#info-voice-index .x.prop .y .z .w .i .date,
#info-voice-detail .x.prop .y .z .w .i .date,
#info-faq-index .x.prop .y .z .w .i .date,
#info-faq-detail .x.prop .y .z .w .i .date,
#info-aid-index .x.prop .y .z .w .i .date,
#info-aid-detail .x.prop .y .z .w .i .date,
#info-article-index .x.prop .y .z .w .i .date,
#info-article-detail .x.prop .y .z .w .i .date { color:#224d2a; font-size:17px; padding-top:12px; }

#case-general-index .x.prop .y .z .w .i .area td:first-child,
#case-general-detail .x.prop .y .z .w .i .area td:first-child,
#case-old-index .x.prop .y .z .w .i .area td:first-child,
#case-old-detail .x.prop .y .z .w .i .area td:first-child,
#case-renovation-index .x.prop .y .z .w .i .area td:first-child,
#case-renovation-detail .x.prop .y .z .w .i .area td:first-child,
#case-bungalow-index .x.prop .y .z .w .i .area td:first-child,
#case-bungalow-detail .x.prop .y .z .w .i .area td:first-child,
#info-news-index .x.prop .y .z .w .i .area td:first-child,
#info-news-detail .x.prop .y .z .w .i .area td:first-child,
#info-blog-index .x.prop .y .z .w .i .area td:first-child,
#info-blog-detail .x.prop .y .z .w .i .area td:first-child,
#info-event-index .x.prop .y .z .w .i .area td:first-child,
#info-event-detail .x.prop .y .z .w .i .area td:first-child,
#info-nairan-index .x.prop .y .z .w .i .area td:first-child,
#info-nairan-detail .x.prop .y .z .w .i .area td:first-child,
#info-voice-index .x.prop .y .z .w .i .area td:first-child,
#info-voice-detail .x.prop .y .z .w .i .area td:first-child,
#info-faq-index .x.prop .y .z .w .i .area td:first-child,
#info-faq-detail .x.prop .y .z .w .i .area td:first-child,
#info-aid-index .x.prop .y .z .w .i .area td:first-child,
#info-aid-detail .x.prop .y .z .w .i .area td:first-child,
#info-article-index .x.prop .y .z .w .i .area td:first-child,
#info-article-detail .x.prop .y .z .w .i .area td:first-child { width:112px; vertical-align:top; }

#case-general-index .x.prop .y .z .w .i .date td:first-child,
#case-general-detail .x.prop .y .z .w .i .date td:first-child,
#case-old-index .x.prop .y .z .w .i .date td:first-child,
#case-old-detail .x.prop .y .z .w .i .date td:first-child,
#case-renovation-index .x.prop .y .z .w .i .date td:first-child,
#case-renovation-detail .x.prop .y .z .w .i .date td:first-child,
#case-bungalow-index .x.prop .y .z .w .i .date td:first-child,
#case-bungalow-detail .x.prop .y .z .w .i .date td:first-child,
#info-news-index .x.prop .y .z .w .i .date td:first-child,
#info-news-detail .x.prop .y .z .w .i .date td:first-child,
#info-blog-index .x.prop .y .z .w .i .date td:first-child,
#info-blog-detail .x.prop .y .z .w .i .date td:first-child,
#info-event-index .x.prop .y .z .w .i .date td:first-child,
#info-event-detail .x.prop .y .z .w .i .date td:first-child,
#info-nairan-index .x.prop .y .z .w .i .date td:first-child,
#info-nairan-detail .x.prop .y .z .w .i .date td:first-child,
#info-voice-index .x.prop .y .z .w .i .date td:first-child,
#info-voice-detail .x.prop .y .z .w .i .date td:first-child,
#info-faq-index .x.prop .y .z .w .i .date td:first-child,
#info-faq-detail .x.prop .y .z .w .i .date td:first-child,
#info-aid-index .x.prop .y .z .w .i .date td:first-child,
#info-aid-detail .x.prop .y .z .w .i .date td:first-child,
#info-article-index .x.prop .y .z .w .i .date td:first-child,
#info-article-detail .x.prop .y .z .w .i .date td:first-child { width:112px; vertical-align:top; }



#info-voice-detail .x.dou .y .z .w { padding:20px 10px; }
#info-voice-detail .x.dou .y .z .w .i {}
#info-voice-detail .x.dou .y .z .w .i .d1 {}
#info-voice-detail .x.dou .y .z .w .i .d1-1 {}
#info-voice-detail .x.dou .y .z .w .i .d1-1-l,
#info-voice-detail .x.dou .y .z .w .i .d1-1-r { font-size:16px; line-height:22px; }
#info-voice-detail .x.dou .y .z .w .i .d1-1-l-1 { padding:10px; }
#info-voice-detail .x.dou .y .z .w .i .d1-1-r-1 { padding:10px 20px; }
#info-voice-detail .x.dou .y .z .w .i .d1-1 .img { background-position:center; background-repeat:no-repeat; background-size:contain; width:100%; padding-top:66.66666667%; background-color:#f2f2f2; }
#info-voice-detail .x.dou .y .z .w .i .d1-1 .q { font-size:18px; padding-bottom:10px; padding-top:12px; color:#224d2a; }
#info-voice-detail .x.dou .y .z .w .i .d1-1 .a { font-size:15px; padding-bottom:20px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #info-voice-detail .x.dou .y .z .w .i .d1-1-l,
    #info-voice-detail .x.dou .y .z .w .i .d1-1-r { width:50%; }

    #info-voice-detail .x.dou.odd  .y .z .w .i .d1-1-l { float:left;  }
    #info-voice-detail .x.dou.odd  .y .z .w .i .d1-1-r { float:right; }
    #info-voice-detail .x.dou.even .y .z .w .i .d1-1-l { float:right; }
    #info-voice-detail .x.dou.even .y .z .w .i .d1-1-r { float:left;  }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
}



/* jssor slider arrow navigator skin 05 css */
/*
.jssora05l                  (normal)
.jssora05r                  (normal)
.jssora05l:hover            (normal mouseover)
.jssora05r:hover            (normal mouseover)
.jssora05l.jssora05ldn      (mousedown)
.jssora05r.jssora05rdn      (mousedown)
.jssora05l.jssora05lds      (disabled)
.jssora05r.jssora05rds      (disabled)
*/
.jssora05l, .jssora05r {
    display:block;
    position:absolute;
    /* size of arrow element */
    width:40px;
    height:40px;
    cursor:pointer;
    background:url('../img/vendor/jssor/a17.png') no-repeat;
    overflow:hidden;
}
.jssora05l { background-position:-10px -40px; }
.jssora05r { background-position:-70px -40px; }
.jssora05l:hover { background-position:-130px -40px; }
.jssora05r:hover { background-position:-190px -40px; }
.jssora05l.jssora05ldn { background-position:-250px -40px; }
.jssora05r.jssora05rdn { background-position:-310px -40px; }
.jssora05l.jssora05lds { background-position:-10px -40px; opacity:.3; pointer-events:none; }
.jssora05r.jssora05rds { background-position:-70px -40px; opacity:.3; pointer-events:none; }
/* jssor slider thumbnail navigator skin 01 css */
/*.jssort01-99-66 .p            (normal).jssort01-99-66 .p:hover      (normal mouseover).jssort01-99-66 .p.pav        (active).jssort01-99-66 .p.pdn        (mousedown)*/
.jssort01-99-66 .p { position:absolute; top:0; left:0; width:99px; height:66px; }
.jssort01-99-66 .t { position:absolute; top:0; left:0; width:100%; height:100%; border:none; }
.jssort01-99-66 .w { position:absolute; top:0px; left:0px; width:100%; height:100%; }
.jssort01-99-66 .c { position:absolute; top:0px; left:0px; width:95px; height:62px; border:transparent 2px solid; box-sizing:content-box; background:url('../img/vendor/jssor/t01.png') -800px -800px no-repeat; /*background:none;*/ }
.jssort01-99-66 .pav .c { top:/*2px;*/0px; left:/*2px;*/0px; width:95px; height:62px; border:/*transparent 0px solid;*/#fff 2px solid; background-position: 50% 50%; }
.jssort01-99-66 .p:hover .c { top:0px; left: 0px; width:97px; height:64px; border:#fff 1px solid; background-position:50% 50%; }
.jssort01-99-66 .p.pdn .c { background-position:50% 50%; width:95px; height:62px; border:transparent 2px solid; }
* html .jssort01-99-66 .c, * html .jssort01-99-66 .pdn .c, * html .jssort01-99-66 .pav .c { /* ie quirks mode adjust */ width:99px; height:66px; }

.jssort01-99-66 .p.pav .c { border:#224d2a 2px solid; }
.jssort01-99-66 .p:hover .c { border:#5d924c 1px solid; }
.jssort01-99-66 .p.pdn .c { width:95px; height:62px; border:#fff 2px solid; }

.ss-thumb { width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:contain; }
.ss-caption { z-index:1; position:absolute; bottom:0px; left:0px; background-color:rgba(60, 40, 32, 0.675); color:#fff; padding:5px 10px; width:660px; text-align:center; font-size:14px; line-height:18px; }

.x.ss .ww { padding:20px 14px 20px 26px; max-width:920px; margin:auto; }
#jssor_1 {}

.x.cms .w { padding:30px 24px 20px 24px; font-size:15px; }



/* wp style */
.cms strong { font-weight: bold; }
.cms em { font-style: italic; }
.cms blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; }
.cms .aligncenter { display: block; margin: 0 auto; }
.cms .alignright { float: right; }
.cms .alignleft { float: left; }
.cms a { color:#224d2a; text-decoration:underline; }
.cms a:hover { opacity:1; color:#5d924c; }
.cms p {
    -moz-margin-before: 0em;
    -moz-margin-after: 0em;
    -moz-margin-start: 0px;
    -moz-margin-end: 0px;
    -ms-margin-before: 0em;
    -ms-margin-after: 0em;
    -ms-margin-start: 0px;
    -ms-margin-end: 0px;
    -o-margin-before: 0em;
    -o-margin-after: 0em;
    -o-margin-start: 0px;
    -o-margin-end: 0px;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .cms figure { margin:1em 0 !important; width:auto !important; }
    .cms figure img { max-width:100% !important; }
    .cms img { max-width:100% !important; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .cms figure { margin:1em 0 !important; width:auto !important; }
    .cms figure img { max-width:100% !important; }
    .cms img { max-width:100% !important; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .cms figure { margin:1em 0 !important; width:auto !important; }
    .cms figure img { max-width:100% !important; width:100% !important }
    .cms img { max-width:100% !important; width:100% !important }
}


.cat-case-general    { background-color:#988676; color:#fff; }
.cat-case-old        { background-color:#a88666; color:#fff; }
.cat-case-renovation { background-color:#b88656; color:#fff; }
.cat-case-bungalow   { background-color:#c88646; color:#fff; }
.cat-info-news       { background-color:#224d2a; color:#fff; }
.cat-info-blog       { background-color:#226d4a; color:#fff; }
.cat-info-event      { background-color:#599572; color:#fff; }
.cat-info-nairan     { background-color:#99c562; color:#fff; }
.cat-info-voice      { background-color:#72cdaa; color:#fff; }
.cat-info-faq        { background-color:#229d9a; color:#fff; }
.cat-info-aid        { background-color:#226d6a; color:#fff; }
.cat-info-article    { background-color:#425d3a; color:#fff; }



span.marker {
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(250,238,96,0) 67%, rgba(250,238,96,0.91) 68%, rgba(250,238,96,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(250,238,96,0) 67%,rgba(250,238,96,0.91) 68%,rgba(250,238,96,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(250,238,96,0) 67%,rgba(250,238,96,0.91) 68%,rgba(250,238,96,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6faee60',GradientType=0 ); /* IE6-9 */
}


#case-bungalow-index .has-marker { position:relative; padding-left:1rem; }
#case-bungalow-index .has-marker .marker { position:absolute; left:0; top:0; width:1rem; text-align:center; color:#c69b6d; }




#company .word { display:inline-block; }

#company .x.aaa {}
#company .x.aaa .y { background-image:url(../img/company-01.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; }
#company .x.aaa .y .z {}
#company .x.aaa .y .z .w {}
#company .x.aaa .y .z .w .i {}
#company .x.aaa .y .z .w .i .d1 {}
#company .x.aaa .y .z .w .i .d1-1 {}
#company .x.aaa .y .z .w .i .d1-1 table { border-collapse:collapse; width:100%; height:100%; line-height:0; }
#company .x.aaa .y .z .w .i .d1-1 table,
#company .x.aaa .y .z .w .i .d1-1 table > tbody,
#company .x.aaa .y .z .w .i .d1-1 table > tbody > tr,
#company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; vertical-align:middle; }
#company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { text-align:center; color:#fff; }
#company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-1 {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #company .x.aaa .y .z .w .i .d1-1 { height:620px; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-1 { font-size:36px; line-height:65px; letter-spacing:4px; margin-bottom:36px; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:22px; line-height:65px; letter-spacing:3px; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td br.sp { display:none; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td br.tab { display:none; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #company .x.aaa .y .z .w .i .d1-1 { height:500px; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-1 { font-size:23px; line-height:45px; letter-spacing:2px; margin-bottom:18px; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:17px; line-height:45px; letter-spacing:2px; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td br.sp { display:none; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td br.tab { display:inline; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #company .x.aaa .y .z .w .i .d1-1 { height:340px; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-1 { font-size:17px; line-height:32px; letter-spacing:2px; margin-bottom:2px; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:14px; line-height:27px; letter-spacing:1px; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td br.tab { display:none; }
    #company .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td br.sp { display:inline; }
}




#company .x.bbb {}
#company .x.bbb .y { background-color:#d5e3d2; padding:60px 0; }
#company .x.bbb .y .z {}
#company .x.bbb .y .z .w {}
#company .x.bbb .y .z .w .i {}
#company .x.bbb .y .z .w .i .d1 {}
#company .x.bbb .y .z .w .i .d1-1 {}
#company .x.bbb .y .z .w .i .d1-1 table { border-collapse:separate; border-spacing:26px 18px; width:100%; height:100%; line-height:0; }
#company .x.bbb .y .z .w .i .d1-1 table,
#company .x.bbb .y .z .w .i .d1-1 table > tbody,
#company .x.bbb .y .z .w .i .d1-1 table > tbody > tr,
#company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > th,
#company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; vertical-align:top; }
#company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > th,
#company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td { font-size:16px; line-height:27px; letter-spacing:0.25px; }
#company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > th { font-size:17px; }
#company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > th { padding:8px 16px; background-color:#9dbe92; color:#fff; font-weight:normal; }
#company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td { padding:8px 16px; background-color:#fff; }
#company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td .has-year { position:relative; padding-left:64px; }
#company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td .has-year .year { position:absolute; left:0; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > th { width:30%; }
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td { width:70%; }
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td br.sp { display:none; }
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td br.tab { display:none; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > th { width:30%; }
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td { width:70%; }
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td .item { padding-bottom:8px; line-height:20px; }
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td br.sp { display:none; }
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td br.tab { display:inline; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #company .x.bbb .y .z .w .i .d1-1 table,
    #company .x.bbb .y .z .w .i .d1-1 table > tbody,
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr,
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > th,
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td { display:block; }
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > th { margin:18px 26px 9px 26px; }
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td { margin:9px 26px 18px 26px; }
    #company .x.bbb .y .z .w .i .d1-1 table > tbody > tr > td .item { padding-bottom:8px; line-height:20px; }
}




#company .x.bbb.e-white { margin-top:-30px; }
#company .x.bbb.e-white .y { background-color:#fff; padding-top:0; }
#company .x.bbb.e-white .y .z .w .i .d1-1 table > tbody > tr > td { background-color:#ebf2e8; }
#company .x.bbb.e-white .btn { display:inline-block; padding:0 24px; background-color:#224d29; color:#fff; text-align:center; border-radius:4px; }



.white-popup {
    position:relative;
    background-color:#fff;
    background-color:rgba(255,255,255,0.75);
    padding:20px;
    width:auto;
    max-width:640px;
    margin:20px auto;
}
#company div.mfp-i { width:100%; }
#company div.mfp-i table.mfp { border-collapse:separate; border-spacing:26px 18px; width:100%; height:100%; line-height:0; table-layout:fixed; }
#company div.mfp-i table.mfp,
#company div.mfp-i table.mfp > tbody,
#company div.mfp-i table.mfp > tbody > tr,
#company div.mfp-i table.mfp > tbody > tr > th,
#company div.mfp-i table.mfp > tbody > tr > td { margin:0; padding:0; line-height:0; vertical-align:top; }
#company div.mfp-i table.mfp > tbody > tr > td { font-size:13.5px; line-height:24px; letter-spacing:0.00px; }
#company div.mfp-i table.mfp .img { background-repeat:no-repeat; background-size:cover; background-position:center; width:100%; padding-top:83.333333%; }
@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] */
    #company div.mfp-i table.mfp
    #company div.mfp-i table.mfp > tbody
    #company div.mfp-i table.mfp > tbody > tr
    #company div.mfp-i table.mfp > tbody > tr > th,
    #company div.mfp-i table.mfp > tbody > tr > td { display:block; }
    #company div.mfp-i table.mfp > tbody > tr > td:last-child { margin-top:20px; }
}




#company .x.ccc {}
#company .x.ccc .y { background-image:url(../img/company-02.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; }
#company .x.ccc .y .z {}
#company .x.ccc .y .z .w {}
#company .x.ccc .y .z .w .i {}
#company .x.ccc .y .z .w .i .d1 {}
#company .x.ccc .y .z .w .i .d1-1 {}
#company .x.ccc .y .z .w .i .d1-1 table { border-collapse:collapse; width:100%; height:100%; line-height:0; }
#company .x.ccc .y .z .w .i .d1-1 table,
#company .x.ccc .y .z .w .i .d1-1 table > tbody,
#company .x.ccc .y .z .w .i .d1-1 table > tbody > tr,
#company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; vertical-align:middle; }
#company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td { padding:36px 26px; background-color:#fff; background-color:rgba(255,255,255,0.75); }
#company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-1 { text-align:center; }
#company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-2 {}
#company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-3 {}
#company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-4 { text-align:right; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #company .x.ccc .y .z .w .i .d1-1 { padding:100px 34px; padding-left:34%; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td { font-size:15.0px; line-height:28px; letter-spacing:0.50px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-1 { font-size:26px; line-height:39px; letter-spacing:4px; padding-bottom:39px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-2 { font-size:20px; line-height:30px; letter-spacing:1px; padding-bottom:20px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-3 {                                                       padding-bottom:36px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-4 { font-size:18px; line-height:27px; letter-spacing:1px; padding-bottom: 0px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #company .x.ccc .y .z .w .i .d1-1 { padding:80px 30px; padding-left:30px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td { font-size:14.5px; line-height:26px; letter-spacing:0.25px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-1 { font-size:26px; line-height:39px; letter-spacing:4px; padding-bottom:39px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-2 { font-size:20px; line-height:30px; letter-spacing:1px; padding-bottom:20px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-3 {                                                       padding-bottom:36px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-4 { font-size:18px; line-height:27px; letter-spacing:1px; padding-bottom: 0px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #company .x.ccc .y .z .w .i .d1-1 { padding:60px 26px; padding-left:26px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td { font-size:14px; line-height:24px; letter-spacing:0.00px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-1 { font-size:26px; line-height:39px; letter-spacing:4px; padding-bottom:39px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-2 { font-size:20px; line-height:30px; letter-spacing:1px; padding-bottom:20px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-3 {                                                       padding-bottom:36px; }
    #company .x.ccc .y .z .w .i .d1-1 table > tbody > tr > td .d1-1-4 { font-size:18px; line-height:27px; letter-spacing:1px; padding-bottom: 0px; }
}




#company .x.ddd {}
#company .x.ddd .y {}
#company .x.ddd .y .z {}
#company .x.ddd .y .z .w {}
#company .x.ddd .y .z .w .i {}
#company .x.ddd .y .z .w .i .d1 {}
#company .x.ddd .y .z .w .i .d1-1 {}
#company .x.ddd .y .z .w .i .d1-1-1 { text-align:center; }
#company .x.ddd .y .z .w .i .d1-1-1 .youtube { position:relative; width:100%; padding-top:56.25%; margin-bottom:60px; }
#company .x.ddd .y .z .w .i .d1-1-1 .youtube iframe { position:absolute; top:0; right:0; width:100% !important; height:100% !important; }
#company .x.ddd .y .z .w .i .d1-1-1 .btn { display:inline-block; width:260px; background-color:#224d29; color:#fff; text-align:center; font-size:18px; line-height:72px; border-radius:6px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #company .x.ddd .y .z .w .i .d1-1-1 { padding:60px 5.41666%; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #company .x.ddd .y .z .w .i .d1-1-1 { padding:60px 5.41666%; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #company .x.ddd .y .z .w .i .d1-1-1 { padding:60px 26px; }
}


#company .x.eee {}
#company .x.eee .y {}
#company .x.eee .y .z {}
#company .x.eee .y .z .w { padding:0; }
#company .x.eee .y .z .w .i {}
#company .x.eee .y .z .w .i .d1 { position:relative; height:0; overflow:hidden; padding-top:56.25%; }
/*#company .x.eee .y .z .w .i iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; }*/
#company .x.eee .y .z .w .i iframe { position:absolute; top:-50%; left:0; width:100% !important; height:200% !important; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #company .x.eee .y .z .w .i { padding:60px 5.41666%; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #company .x.eee .y .z .w .i { padding:60px 5.41666%; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #company .x.eee .y .z .w .i { padding:60px 26px; }
}




#sincerely .x.aaa {}
#sincerely .x.aaa .y { background-image:url(../img/sincerely-01.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; }
#sincerely .x.aaa .y .z {}
#sincerely .x.aaa .y .z .w {}
#sincerely .x.aaa .y .z .w .i {}
#sincerely .x.aaa .y .z .w .i .d1 {}
#sincerely .x.aaa .y .z .w .i .d1-1 {}
#sincerely .x.aaa .y .z .w .i .d1-1 table { border-collapse:collapse; width:100%; height:100%; line-height:0; }
#sincerely .x.aaa .y .z .w .i .d1-1 table,
#sincerely .x.aaa .y .z .w .i .d1-1 table > tbody,
#sincerely .x.aaa .y .z .w .i .d1-1 table > tbody > tr,
#sincerely .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; vertical-align:middle; }
#sincerely .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { text-align:center; color:#fff; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #sincerely .x.aaa .y .z .w .i .d1-1 { height:620px; }
    #sincerely .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td span { font-size:36px; line-height:65px; letter-spacing:3px; }
    #sincerely .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:24px; line-height:52px; letter-spacing:2px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #sincerely .x.aaa .y .z .w .i .d1-1 { height:500px; }
    #sincerely .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td span { font-size:19px;/*22px;*/ line-height:45px; letter-spacing:2px; }
    #sincerely .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:14px;/*18px;*/ line-height:36px; letter-spacing:1px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #sincerely .x.aaa .y .z .w .i .d1-1 { height:340px; }
    #sincerely .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td span { font-size:13px;/*15px;*/ line-height:32px; letter-spacing:1px; }
    #sincerely .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:10px;/*14px;*/ line-height:24px; letter-spacing:0px; }
}




#sincerely .x.bbb {}
#sincerely .x.bbb .y {}
#sincerely .x.bbb .y .z {}
#sincerely .x.bbb .y .z .w { padding:0 4%; padding-top:40px; }
#sincerely .x.bbb .y .z .w .i {}
#sincerely .x.bbb .y .z .w .i .d1 { border-bottom:1px solid #5d924c; }
#sincerely .x.bbb .y .z .w .i .d1-1 { padding:1em; font-size:26px; line-height:32px; color:#5d924c; letter-spacing:4px; }
#sincerely .x.bbb .y .z .w .i .d1-1 span { font-size:16px; letter-spacing:2px; display:inline-block; }
#sincerely .x.bbb .y .z .w .i .d2 {}
#sincerely .x.bbb .y .z .w .i .d2-1 { padding:30px 0 30px 0; }
#sincerely .x.bbb .y .z .w .i .d2-1-l { padding:10px 2%; font-size:16.5px; line-height:27px; }
#sincerely .x.bbb .y .z .w .i .d2-1-r { padding:10px 2%; font-size:16.5px; line-height:27px; }
#sincerely .x.bbb .y .z .w .i .d2-1-l img { max-width:100%; height:auto; }
#sincerely .x.bbb .y .z .w .i .d2-1-r img { max-width:100%; height:auto; }
#sincerely .x.bbb .y .z .w .i .d2-1 .g { color:#5d924c; }
#sincerely .x.bbb.bbb-exception1 .y .z .w .i .d2-1 { padding:20px 0 0 0; }
#sincerely .x.bbb.bbb-exception1 .y .z .w .i .d2-1 { text-align:center; }
#sincerely .x.bbb.bbb-exception1 .y .z .w .i .d2-1 a { max-width:408px; width:100%; height:80px; line-height:80px; font-size:19.5px;/*24px;*/ text-align:center; color:#fff; background-color:#224d2a; display:inline-block; margin-top:40px; }
#sincerely .x.bbb .y .z .w .i .d2-1 a.a { color:#5d924c; text-decoration:underline; }
#sincerely .x.bbb .y .z .w .i .d2-1 a.b { max-width:408px; width:100%; height:80px; line-height:80px; font-size:19.5px;/*24px;*/ text-align:center; color:#fff; background-color:#224d2a; display:inline-block; }
#sincerely .x.bbb .y .z .w .i .d2-1 .bw { text-align:center; }
#sincerely .x.bbb .y .z .w .i .d2-1 .exception2 { text-align:center; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #sincerely .x.bbb .y .z .w .i .d2-1-l { float:left;  width:46%; }
    #sincerely .x.bbb .y .z .w .i .d2-1-r { float:right; width:46%; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
}




#particular .x.aaa {}
#particular .x.aaa .y {}
#particular .x.aaa .y .z { max-width:none; }
#particular .x.aaa .y .z .w { padding-top:40px; padding-bottom:30px; }
#particular .x.aaa .y .z .w .i {}
#particular .x.aaa .y .z .w .i .d1 {}
#particular .x.aaa .y .z .w .i .d1-1 { background-size:cover; background-position:center; background-repeat:no-repeat; }
#particular .x.aaa .y .z .w .i .d2 { max-width:960px; margin:auto; }
#particular .x.aaa .y .z .w .i .d2-1 { text-align:center; margin:0 4%; padding-top:30px; padding-bottom:30px; border-bottom:1px solid #5d924c; }
#particular .x.aaa .y .z .w .i .d2-1 .num { padding:0 1em; font-size:60px; line-height:90px; color:#5d924c; letter-spacing:6px; }
#particular .x.aaa .y .z .w .i .d2-1 .txt { padding:0 0.125em; font-size:21px; line-height:42px; color:#5d924c; letter-spacing:3px; }
#particular .x.aaa .y .z .w .i .d3 { max-width:960px; margin:auto;/*margin:0 4%;*/ padding-bottom:30px; }
#particular .x.aaa .y .z .w .i .d3-1 { padding:30px 5.92%;/*2%;*/ font-size:16.5px; line-height:27px; }
#particular .x.aaa .y .z .w .i .d3-1 img { max-width:100%; height:auto; }
#particular .x.aaa .y .z .w .i .d3-1 .g { color:#5d924c; }
#particular .x.aaa .y .z .w .i .d3-1 a.a { color:#5d924c; text-decoration:underline; }
#particular .x.aaa .y .z .w .i .d3-1 a.b { max-width:408px; width:100%; height:80px; line-height:80px; font-size:19.5px;/*24px;*/ text-align:center; color:#fff; background-color:#224d2a; display:inline-block; }
#particular .x.aaa .y .z .w .i .d3-1 .bw { text-align:center; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #particular .x.aaa .y .z .w .i .d1-1 { height:500px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #particular .x.aaa .y .z .w .i .d1-1 { height:400px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #particular .x.aaa .y .z .w .i .d1-1 { height:300px; }
}




#promise .x.aaa {}
#promise .x.aaa .y { background-image:url(../img/promise-01.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; }
#promise .x.aaa .y .z {}
#promise .x.aaa .y .z .w {}
#promise .x.aaa .y .z .w .i {}
#promise .x.aaa .y .z .w .i .d1 {}
#promise .x.aaa .y .z .w .i .d1-1 {}
#promise .x.aaa .y .z .w .i .d1-1 table { border-collapse:collapse; width:100%; height:100%; line-height:0; }
#promise .x.aaa .y .z .w .i .d1-1 table,
#promise .x.aaa .y .z .w .i .d1-1 table > tbody,
#promise .x.aaa .y .z .w .i .d1-1 table > tbody > tr,
#promise .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; vertical-align:middle; }
#promise .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { text-align:center; color:#fff; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #promise .x.aaa .y .z .w .i .d1-1 { height:620px; }
    #promise .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:30px; line-height:65px; letter-spacing:3px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #promise .x.aaa .y .z .w .i .d1-1 { height:500px; }
    #promise .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:22px; line-height:45px; letter-spacing:2px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #promise .x.aaa .y .z .w .i .d1-1 { height:340px; }
    #promise .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:15px; line-height:32px; letter-spacing:1px; }
}



#promise .x.bbb {}
#promise .x.bbb .y {}
#promise .x.bbb .y .z {}
#promise .x.bbb .y .z .w { padding:0 4%; }
#promise .x.bbb .y .z .w .i {}
#promise .x.bbb .y .z .w .i .d1 {}
#promise .x.bbb .y .z .w .i .d1-1 {}
#promise .x.bbb .y .z .w .i .d1-1-l { padding:80px 2% 80px 2%; }
#promise .x.bbb .y .z .w .i .d1-1-r { padding:80px 2% 80px 2%; }
#promise .x.bbb .y .z .w .i .d1-1-l img { max-width:100%; height:auto; }
#promise .x.bbb .y .z .w .i .d1-1-r img { max-width:100%; height:auto; }
#promise .x.bbb .y .z .w .i .d1-1-1 {}
#promise .x.bbb .y .z .w .i .d1-1-2 { font-size:26px; line-height:32px; color:#5d924c; padding:15px 0 25px 0; letter-spacing:4px; }
#promise .x.bbb .y .z .w .i .d1-1-3 { font-size:16.5px; line-height:27px; }
#promise .x.bbb .y .z .w .i .d1-1-3 a { color:#224d2a; text-decoration:underline; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #promise .x.bbb .y .z .w .i .d1-1-r { float:right; width:46%; }
    #promise .x.bbb .y .z .w .i .d1-1-l { float:left;  width:46%; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
}

@media (min-width: 960px) {
    /* for pc [960, inf] */
    #promise .x.bbb-exception1 { background-color:#dee9da; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #promise .x.bbb .y .z .w { padding:0; }
    #promise .x.bbb .y .z .w .i .d1-1-l { padding:60px 7%; background-color:#dee9da; }
    #promise .x.bbb .y .z .w .i .d1-1-r { padding:60px 7%; }
    #promise .bbb-exception2 { text-align:center; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #promise .x.bbb .y .z .w { padding:0; }
    #promise .x.bbb .y .z .w .i .d1-1-l { padding:40px 5%; background-color:#dee9da; }
    #promise .x.bbb .y .z .w .i .d1-1-r { padding:40px 5%; }
    #promise .bbb-exception2 { text-align:center; }
}




#specialty .x.aaa {}
#specialty .x.aaa .y {}
#specialty .x.aaa .y .z {}
#specialty .x.aaa .y .z .w { padding:0 4%; }
#specialty .x.aaa .y .z .w .i {}
#specialty .x.aaa .y .z .w .i .d1 { border-bottom:1px solid #5d924c; }
#specialty .x.aaa .y .z .w .i .d1-1 { padding:1em; font-size:26px; line-height:32px; color:#5d924c; letter-spacing:4px; }
#specialty .x.aaa .y .z .w .i .d2 {}
#specialty .x.aaa .y .z .w .i .d2-1 { padding:40px 0 100px 0; }
#specialty .x.aaa .y .z .w .i .d2-1-r { padding:20px 2%; text-align:center; }
#specialty .x.aaa .y .z .w .i .d2-1-r img { max-width:100%; height:auto; }
#specialty .x.aaa .y .z .w .i .d2-1-l { padding:20px 2%; font-size:16.5px; line-height:27px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #specialty .x.aaa .y .z .w .i .d2-1-r { float:right; width:54%; }
    #specialty .x.aaa .y .z .w .i .d2-1-l { float:left;  width:38%; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
}




#flow .x.aaa {}
#flow .x.aaa .y {}
#flow .x.aaa .y .z {}
#flow .x.aaa .y .z .w { padding:0 4%; }
#flow .x.aaa .y .z .w .i {}
#flow .x.aaa .y .z .w .i .d1 {}
#flow .x.aaa .y .z .w .i .d1-1 { padding:20px 0 40px 0;/*40px 0 100px 0;*/ }
#flow .x.aaa .y .z .w .i .d1-1-r { padding:10px 2%;/*20px 2%;*/ text-align:center; }
#flow .x.aaa .y .z .w .i .d1-1-r img { max-width:100%; height:auto; }
#flow .x.aaa .y .z .w .i .d1-1-l { padding:10px 2%;/*20px 2%;*/ font-size:16.5px; line-height:27px; }
#flow .x.aaa .y .z .w .i .d1-1-l-1 {}
#flow .x.aaa .y .z .w .i .d1-1-l-1 table { border-collapse:collapse; width:100%; height:100%; line-height:0; }
#flow .x.aaa .y .z .w .i .d1-1-l-1 table,
#flow .x.aaa .y .z .w .i .d1-1-l-1 table > tbody,
#flow .x.aaa .y .z .w .i .d1-1-l-1 table > tbody > tr,
#flow .x.aaa .y .z .w .i .d1-1-l-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; vertical-align:middle; }
#flow .x.aaa .y .z .w .i .d1-1-l-1 table > tbody > tr > td { font-size:22px; line-height:30px; letter-spacing:3px; color:#5b9349; }
#flow .x.aaa .y .z .w .i .d1-1-l-1 table > tbody > tr > td .num { display:inline-block; padding-left:2px; width:58px; height:60px; line-height:60px; font-size:28px; letter-spacing:2px; color:#fff; background-color:#5b9349; text-align:center; margin-right:16px; } { margin:0; padding:0; line-height:0; vertical-align:middle; }
#flow .x.aaa .y .z .w .i .d1-1-l-1 table > tbody > tr > td:first-child { width:76px; }
#flow .x.aaa .y .z .w .i .d1-1-l-1 table > tbody > tr > td:last-child { text-align:left; }
#flow .x.aaa .y .z .w .i .d1-1-l-2 { padding-top:24px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #flow .x.aaa .y .z .w .i .d1-1-r { float:right; width:50%; }
    #flow .x.aaa .y .z .w .i .d1-1-l { float:left;  width:42%; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
}




#flow .x.bbb {}
#flow .x.bbb .y {}
#flow .x.bbb .y .z {}
#flow .x.bbb .y .z .w { padding:0 6%; }
#flow .x.bbb .y .z .w .i {}
#flow .x.bbb .y .z .w .i .d1 {}
#flow .x.bbb .y .z .w .i .d1-1 { line-height:32px; letter-spacing:1px; }
#flow .x.bbb .y .z .w .i .d1-1-1 { font-size:16.5px; background-color:#dfe9db; color:#224d2a; }
#flow .x.bbb .y .z .w .i .d1-1-2 { font-size:16px; }
#flow .x.bbb .y .z .w .i .d1-1-3 { position:relative; min-height:20px; text-align:center; }
#flow .x.bbb .y .z .w .i .d1-1-3 img {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #flow .x.bbb .y .z .w .i .d1-1-1 { padding:40px 60px; }
    #flow .x.bbb .y .z .w .i .d1-1-2 { padding:20px 60px; }
    #flow .x.bbb .y .z .w .i .d1-1-3 img { position:absolute; right:30px; bottom:0; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #flow .x.bbb .y .z .w .i .d1-1-1 { padding:30px 45px; }
    #flow .x.bbb .y .z .w .i .d1-1-2 { padding:20px 45px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #flow .x.bbb .y .z .w .i .d1-1-1 { padding:20px 30px; }
    #flow .x.bbb .y .z .w .i .d1-1-2 { padding:20px 30px; }
}











.filter { line-height:41px; padding-top:32px; text-align:center; }
.select-wrapper { display:inline-block; position:relative; }
.select-wrapper:before { content:'▼'; display:inline-block; position:absolute; z-index:1; right:0; top:1px; text-align:center; font-size:inherit; line-height:inherit; letter-spacing:inherit; font-family:inherit; color:inherit; }
.select-wrapper > select { background:none transparent; z-index:2; }
select::-ms-expand { display:none; }
select {
    top:-1px; /*border分*/
    border:1px solid #4d4d4d;
    border-radius:8px;/*0.5rem;*/
    padding-left:0.5rem; padding-right:0.5rem;
    /*width:80px;*/

    border:1px solid transparent;
    background:transparent;
}
.select-wrapper:before { width:1rem; padding-right:0.5rem; }
.select-wrapper > select { padding-right:1.5rem; }
.select-wrapper > select {
    background:#e6e6e6;
    /*box-shadow:0px 1px 1px 1px rgba(0,0,0,0.375);*/
}
.select-wrapper {
    border-radius:6px;/*0.5rem;*/
    background-color:#ffffff;/*#efefef;*/
    box-shadow:0 0 0 1px #224d2a inset;/*0px 1px 1px 1px rgba(0,0,0,0.375) inset;*/

    margin-top:1px;
    margin-bottom:16px;
    margin-left:8px; margin-right:8px;
}
.select-wrapper > select {
    background:transparent;
    top:0px;
    margin-top:0;
    padding-right:3rem;
    padding-bottom:1px;
    color:#5d924c;
    width:214px;
}
.select-wrapper:before {
    top:2px;
    border-left:1px solid transparent;/*#ddd;*/
    padding-left:0.5rem;
    padding-right:0.75rem;
    /*content:url(../img/index_nav_select_arrow.png?v=1);*/
    color:#5d924c;
}


.filter a.btn {
    display: inline-block;
    width: 214px;
    line-height: 39px;
    letter-spacing: 3px;
    border-radius: 6px;
    border: 1px solid #5d924c;
    color: #fff;
    background-color:#5d924c;
    position: relative;
    /*top: 1px;*/
    margin-bottom:16px;
    margin-left:8px; margin-right:8px;
}









#after .x.aaa {}
#after .x.aaa .y { background-image:url(../img/after-01.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; }
#after .x.aaa .y .z {}
#after .x.aaa .y .z .w {}
#after .x.aaa .y .z .w .i {}
#after .x.aaa .y .z .w .i .d1 {}
#after .x.aaa .y .z .w .i .d1-1 {}
#after .x.aaa .y .z .w .i .d1-1 table { border-collapse:collapse; width:100%; height:100%; line-height:0; }
#after .x.aaa .y .z .w .i .d1-1 table,
#after .x.aaa .y .z .w .i .d1-1 table > tbody,
#after .x.aaa .y .z .w .i .d1-1 table > tbody > tr,
#after .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; vertical-align:middle; }
#after .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { text-align:center; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #after .x.aaa .y .z .w .i .d1-1 { height:620px; }
    #after .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:30px; line-height:65px; letter-spacing:3px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #after .x.aaa .y .z .w .i .d1-1 { height:500px; }
    #after .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:22px; line-height:45px; letter-spacing:2px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #after .x.aaa .y .z .w .i .d1-1 { height:340px; }
    #after .x.aaa .y .z .w .i .d1-1 table > tbody > tr > td { font-size:15px; line-height:32px; letter-spacing:1px; }
}




#after .x.bbb {}
#after .x.bbb .y { background-color:#f1e6db; padding:60px 0; }
#after .x.bbb .y .z {}
#after .x.bbb .y .z .w {}
#after .x.bbb .y .z .w .i {}
#after .x.bbb .y .z .w .i .d1 {}
#after .x.bbb .y .z .w .i .d1-1 {}
#after .x.bbb .y .z .w .i .d1-1-l {}
#after .x.bbb .y .z .w .i .d1-1-r {}
@media (min-width: 960px) {
    /* for pc [960, inf] */
    #after .x.bbb .y .z .w .i .d1-1-l { float: left; width:41%; padding:0 3.5% 0 5.5%; font-size:15.5px; line-height:28px; }
    #after .x.bbb .y .z .w .i .d1-1-r { float:right; width:41%; padding:0 5.5% 0 3.5%; font-size:15.5px; line-height:28px; }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    #after .x.bbb .y .z .w .i .d1-1-l,
    #after .x.bbb .y .z .w .i .d1-1-r { padding:0 8%; }
    #after .x.bbb .y .z .w .i .d1-1-r { padding-top:22px; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    #after .x.bbb .y .z .w .i .d1-1-l,
    #after .x.bbb .y .z .w .i .d1-1-r { padding:0 5%; }
    #after .x.bbb .y .z .w .i .d1-1-r { padding-top:22px; }
}




.x.footer1 { padding-top:64px; }
.x.footer1 .y {}
.x.footer1 .y .z { max-width:none; }
.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 {}
.x.footer1 .y .z .w .i .d1-1-1 {}
.x.footer1 .y .z .w .i .d1-1-1.item1 {}
.x.footer1 .y .z .w .i .d1-1-1.item2 {}
.x.footer1 .y .z .w .i .d1-1-1.item3 {}
.x.footer1 .y .z .w .i .d1-1-1-2 { width:100%; height:310px; position:relative; overflow:hidden; }
.x.footer1 .y .z .w .i .d1-1-1-2-1 { width:100%; height:100%; }
.x.footer1 .y .z .w .i .d1-1-1-2-1 table { border-collapse:collapse; width:100%; height:100%; line-height:0; }
.x.footer1 .y .z .w .i .d1-1-1-2-1 table,
.x.footer1 .y .z .w .i .d1-1-1-2-1 table > tbody,
.x.footer1 .y .z .w .i .d1-1-1-2-1 table > tbody > tr,
.x.footer1 .y .z .w .i .d1-1-1-2-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; }
.x.footer1 .y .z .w .i .d1-1-1-2-1 table > tbody > tr > td { text-align:center; line-height:22px; }
.x.footer1 .y .z .w .i .item1 .d1-1-1-2-1 table > tbody > tr > td { color:#fff; }
.x.footer1 .y .z .w .i .item2 .d1-1-1-2-1 table > tbody > tr > td { color:#fff; }
.x.footer1 .y .z .w .i .item3 .d1-1-1-2-1 table > tbody > tr > td {}
.x.footer1 .y .z .w .i .d1-1-1-2-1 table > tbody > tr > td,
.x.footer1 .y .z .w .i .d1-1-1-2-1 table > tbody > tr > td img { vertical-align:middle; }
.x.footer1 .y .z .w .i .d1-1-1-2-1-1 { font-size:23.5px; line-height:36px; padding-bottom:20px; letter-spacing:6px; }
.x.footer1 .y .z .w .i .d1-1-1-2-1-2 {  padding:0 14%; text-align:left; letter-spacing:2.5px; font-size:14.5px; line-height:26px; }
.x.footer1 .y .z .w .i .d1-1-1-2-1:hover {}
.x.footer1 .y .z .w .i .item1 .d1-1-1-2-1 { background-image:url(../img/banner-04.jpg); background-position:center; background-size:cover; }
.x.footer1 .y .z .w .i .item2 .d1-1-1-2-1 { background-image:url(../img/banner-05.jpg); background-position:center; background-size:cover; }
.x.footer1 .y .z .w .i .item3 .d1-1-1-2-1 { background-image:url(../img/banner-06.jpg); background-position:center; background-size:cover; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.footer1 .y .z .w .i .d1-1-1 { width:32.5%; float:left; }
    .x.footer1 .y .z .w .i .d1-1-1.item2 { margin:0 1.25%; }
    .x.footer1 .y .z .w .i .d1-1-1-2-1 {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all .25s ease-in-out;
        transition: all .25s ease-in-out;
    }
    .x.footer1 .y .z .w .i .d1-1-1-2-1:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.footer1 .y .z .w .i .d1-1-1.item2 { padding-top:50px }
    .x.footer1 .y .z .w .i .d1-1-1.item3 { padding-top:50px }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.footer1 .y .z .w .i .d1-1-1.item2 { padding-top:50px }
    .x.footer1 .y .z .w .i .d1-1-1.item3 { padding-top:50px }
}

.x.footer2 { padding-top:24px; background-image:url(../img/footer_01.jpg); background-position:center; background-size:cover; margin-top:64px; padding-bottom:64px; }
.x.footer2 .y { }
.x.footer2 .y .z {}
.x.footer2 .y .z .w {}
.x.footer2 .y .z .w .i {}
.x.footer2 .y .z .w .i .d1 {}
.x.footer2 .y .z .w .i .d1-1 {}
.x.footer2 .y .z .w .i .d1-1-1 {}
.x.footer2 .y .z .w .i .d1-1-1.item1 {}
.x.footer2 .y .z .w .i .d1-1-1.item2 {}
.x.footer2 .y .z .w .i .d1-1-1.item3 {}
.x.footer2 .y .z .w .i .d1-1-1-1 { text-align:center; padding:40px 0 7px 0; font-size:17px; line-height:23px; letter-spacing:1px; }
.x.footer2 .y .z .w .i .d1-1-1-1 span { display:block; padding-top:20px; color:#fff; }
.x.footer2 .y .z .w .i .d1-1-1-2 { text-align:center; color:#fff; font-size:14px; }
.x.footer2 .y .z .w .i .d1-1-1-3 { text-align:center; padding-top:14px; }
.x.footer2 .y .z .w .i .d1-1-1-3 a { display:inline-block; width:206px; height:49px; line-height:49px; border-radius:10px; color:#fff; border:1px solid #fff; font-size:17px }
.x.footer2 .y .z .w .i .d1-1-1-4 { text-align:center; padding:40px 0 2px 0; font-size:17px; line-height:23px; letter-spacing:1px; }
.x.footer2 .y .z .w .i .d1-1-1-4 span { display:block; padding-top:20px; color:#fff; }
.x.footer2 .y .z .w .i .d1-1-1-5 { text-align:center; }
.x.footer2 .y .z .w .i .d1-1-1-5 a { display:inline-block; font-size:24px; line-height:33px; color:#fff; letter-spacing:6px; }
.x.footer2 .y .z .w .i .d1-1-1-6 { text-align:center; color:#fff; font-size:14px; line-height:30px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.footer2 .y .z .w .i .d1-1-1 { width:33.3%; float:left; }
    .x.footer2 .y .z .w .i .d1-1-1.item2 { margin:0 0.05%;}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.footer2 .y .z .w .i .d1-1-1.item2 { padding-top:50px }
    .x.footer2 .y .z .w .i .d1-1-1.item3 { padding-top:50px }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.footer2 .y .z .w .i .d1-1-1.item2 { padding-top:50px }
    .x.footer2 .y .z .w .i .d1-1-1.item3 { padding-top:50px }
}

.x.footer3 { padding-top:4px; margin-top:64px; position:relative; }
.x.footer3 .ornament { position:absolute; bottom:0; left:50%; margin-left:-680px; }
.x.footer3 .y { }
.x.footer3 .y .z {}
.x.footer3 .y .z .w {}
.x.footer3 .y .z .w .i {}
.x.footer3 .y .z .w .i .d1 {}
.x.footer3 .y .z .w .i .d1-1 {}
.x.footer3 .y .z .w .i .d1-1-1 { letter-spacing:1px; position:relative; z-index:2; }
.x.footer3 .y .z .w .i .d1-1-1.item1 {}
.x.footer3 .y .z .w .i .d1-1-1.item2 {}
.x.footer3 .y .z .w .i .d1-1-1.item3 { padding-top:27px; }
.x.footer3 .y .z .w .i .d1-1-1-1 { padding-top:27px; }
.x.footer3 .y .z .w .i .d1-1-1-2 { padding-top:5px; padding-left:13.5px; }
.x.footer3 .y .z .w .i .df-1 { min-width:180px; max-width:500px; min-height:70px;/* You can't modify those parameters. It's based on facebook specification. */ margin:auto; overflow:hidden; }
.x.footer3 .y .d2 { padding-top:40px; }
.x.footer3 .y .d2-1 { border-bottom:3px solid #224d2a; }
.x.footer3 .y .d2-1 a { display:block; height:44px; line-height:44px; font-size:16px; text-align:center; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
    .x.footer3 .y .z .w .i .d1-1-1 { width:28%; margin:0 3%; float:left; }
    .x.footer3 .y .z .w .i .d1-1-1.item2 { margin:0 2%;}
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */

    .x.footer3 .y .z .w .i .d1-1-1 { max-width:180px; margin:auto; }
    .x.footer3 .y .z .w .i .d1-1-1.item3 { max-width:280px; padding-top:50px }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.footer3 .y .z .w .i .d1-1-1 { max-width:180px; margin:auto; }
    .x.footer3 .y .z .w .i .d1-1-1.item3 { max-width:280px; padding-top:50px }
}



.x.footer4 {}
.x.footer4 .y { }
.x.footer4 .y .z {}
.x.footer4 .y .z .w {}
.x.footer4 .y .z .w .i {}
.x.footer4 .y .z .w .i .d1 {}
.x.footer4 .y .z .w .i .d1-1 { min-height:100px; padding:15px 0; }
.x.footer4 .y .z .w .i .d1-1 table { border-collapse:collapse; width:100%; height:100px; line-height:0; }
.x.footer4 .y .z .w .i .d1-1 table,
.x.footer4 .y .z .w .i .d1-1 table > tbody,
.x.footer4 .y .z .w .i .d1-1 table > tbody > tr,
.x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td { margin:0; padding:0; line-height:0; }
.x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td { line-height:22px; padding:0 15px; }
.x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td:first-child { text-align:left; }
.x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td:last-child  { text-align:right; }
.x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td span { display:inline-block; padding:5px 5px 0 5px; }
@media (min-width: 960px) {
    /* for pc [960, inf] */
}
@media (min-width: 481px) and (max-width: 959px) {
    /* for tab [481, 959] */
    .x.footer4 .y .z .w .i .d1-1 table,
    .x.footer4 .y .z .w .i .d1-1 table > tbody,
    .x.footer4 .y .z .w .i .d1-1 table > tbody > tr,
    .x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td { display:block; padding:0; height:auto; }
    .x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td:first-child,
    .x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td:last-child  { text-align:center; }
}
@media (max-width: 480px) {
    /* for sp [0, 480] */
    .x.footer4 .y .z .w .i .d1-1 table,
    .x.footer4 .y .z .w .i .d1-1 table > tbody,
    .x.footer4 .y .z .w .i .d1-1 table > tbody > tr,
    .x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td { display:block; padding:0; height:auto; }
    .x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td:first-child,
    .x.footer4 .y .z .w .i .d1-1 table > tbody > tr > td:last-child  { text-align:center; }
}



.x.footer5 { background-color:#224d2a; text-align:center; padding:9px 0; font-size:11.5px; line-height:18px; letter-spacing:1px; }
.x.footer5 span { display:inline-block; color:#fff; }








.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;
    }
}