/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.ir{background-color:transparent;border:0;overflow:hidden}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*{background:0 0!important;color:#000!important;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) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

html { font-size:14px; line-height:1.625rem; letter-spacing:0.0625px; font-weight:normal; font-family:arial, Garamond, 'Times New Roman', 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', sans-serif; }
img { border:none; max-width:100%; height:auto; }
a { text-decoration:none; transform:scale(1.0); transition:all .25s ease-in-out; }
a:hover { opacity:0.75; filter:alpha(opacity=75); -moz-opacity:0.75; }
html, a { color:#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; max-width:960px; }
.x .y .z .w { padding:0 0.5rem; }
.x .y .z .w .i {}

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

div.word,
span.word { display:inline-block; }

.table { display:table; }
.table > .tbody { display:table-row-group; }
.table > .tbody > .tr { display:table-row; }
.table > .tbody > .tr > .td { display:table-cell; }
.table,
.table > .tbody,
.table > .tbody > .tr,
.table > .tbody > .tr > .td { margin:0; padding:0; }
.table { border-collapse:collapse; margin:auto; vertical-align:middle; width:100%; }
.table,
.table > .tbody,
.table > .tbody > .tr,
.table > .tbody > .tr > .td { vertical-align:middle;  }
.table > .tbody > .tr > .td { padding:1rem; }

h1, h2, h3, h4, h5, h6 { font-size:14px; line-height:1.625rem; letter-spacing:0.0625px; font-weight:normal; }

.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;    } /* 領域をパターン画像で埋め尽くす。 */

/* outline */
.outline-black {
    filter:dropshadow(color=#4d4d4d,offX= 0,offY=-1) dropshadow(color=#4d4d4d,offX= 1,offY= 0) dropshadow(color=#4d4d4d,offX= 0,offY= 1) dropshadow(color=#4d4d4d,offX=-1,offY= 0);
    text-shadow: #4d4d4d 1px 1px 0px, #4d4d4d -1px 1px 0px, #4d4d4d 1px -1px 0px, #4d4d4d -1px -1px 0px;
    color:#ffffff;
}
.outline-white {
    filter:dropshadow(color=#ffffff,offX= 0,offY=-1) dropshadow(color=#ffffff,offX= 1,offY= 0) dropshadow(color=#ffffff,offX= 0,offY= 1) dropshadow(color=#ffffff,offX=-1,offY= 0);
    text-shadow:#ffffff 1px 1px 0px, #ffffff -1px 1px 0px, #ffffff 1px -1px 0px, #ffffff -1px -1px 0px;
    color:#4d4d4d;
}

/* form parts normalizer */

/* form parts normalizer (essential param) */
.form input[type=checkbox],
.form input[type=radio] { position:relative; top:/*-0.0625rem;*/ }
.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 select,
.form input[type=text],
.form textarea,
.form option { position:relative; margin:0; padding:0; padding-top:1px; margin-top:-1px; }
.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.125rem; }
    .form select { background-image:none; }
    *::-ms-backdrop,
    .form input[type=checkbox],
    .form input[type=radio] { margin-top:-0.125rem; }
    *::-ms-backdrop,
    .form select { background-image:none; }
}
@supports (-ms-accelerator:true) {
    .form input[type=checkbox],
    .form input[type=radio] { margin-top:-0.125rem; }
}
@supports (-ms-ime-align:auto) {
    .form input[type=checkbox],
    .form input[type=radio] { margin-top:-0.125rem; }
}

/* form parts normalizer (custom param 1) */
.form select,
.form input[type=text],
.form textarea { background-color:rgba(255,255,255,0.875); border:1px solid #d4d4d4; border-radius:0.25rem; font-size:1rem; line-height:1rem; padding:0.5rem 14px;/*「.fomr select」と「ie fixパート」のpadding-rightと連動して調整しなければならない。左右のpaddingはhtml要素に指定している master となる font-size。*/ }
.form select { background-position-x:100%; background-position:100% center; background-image:url(../img/vendor/asset-form-select-cursor.png); /*width:100%;/*幅100%ととするか、padding-rightを設定する。*/ padding-right:25px;/*46px;*//*「.fomr select」のpadding-rightと画像幅の和を設定する、*/ }
/* ie fix */
@media all and (-ms-high-contrast:none) {
    .form input[type=checkbox],
    .form input[type=radio] { position:relative; top:2px; }
    .form select { background-image:none; padding-right:14px;/*「.form select」のpadding-rightと同じ値を設定する。*/ }
    *::-ms-backdrop,
    .form input[type=checkbox],
    .form input[type=radio] { position:relative; top:2px; }
    *::-ms-backdrop,
    .form select { background-image:none; padding-right:14px;/*「.form select」のpadding-rightと同じ値を設定する。*/ }
}
@supports (-ms-accelerator:true) {
    .form input[type=checkbox],
    .form input[type=radio] { top:2px; }
    .form select { line-height:1.25rem; vertical-align:bottom; padding:0.5rem 26px 0.25rem 6px; top:0.375rem; }
}
@supports (-ms-ime-align:auto) {
    .form input[type=checkbox],
    .form input[type=radio] { top:2px; }
    .form select { line-height:1.25rem; vertical-align:bottom; padding:0.5rem 26px 0.25rem 6px; top:0.375rem; }
}
/* firefox fix*/
@-moz-document url-prefix() {
    .form select { padding:0.25rem 32px 0.25rem 6px; }
}

/* form parts normalizer (custom param 2) */
.form .checkbox-item-text,
.form .radio-item-text { display:inline-block; padding-left:0.25rem; }



#questionnaire .form { /*background-image:url(../img/vendor/asset-bg-paper-pattern.png);*/ text-shadow:1px 1px 0.5px rgba(0,0,0,0.0625); }
#questionnaire .x.form { background-color:#efefef; padding:4rem 0; }
#questionnaire .x.form .w { padding:0 0.25rem; }
#questionnaire .x.form .i { background-color:#fefefe; padding:1rem 0.75rem; box-shadow:2px 2px 2px 0px rgba(0,0,0,0.25); }
#questionnaire .form .form-qa-item-w {}
#questionnaire .form .form-qa-item-w .form-qa-item-i {}
#questionnaire .form .form-qa-item-w .form-qa-item-i .form-qa-item-q-w { background:#d4d4d4; position:relative; border-radius:0 0.25rem 0 0.25rem; }
#questionnaire .form .form-qa-item-w .form-qa-item-i .form-qa-item-q-w:before { content:''; position:absolute; top:0.75rem; left:0.75rem; display:block; width:0.75rem; height:0.75rem; background-color:#4d4d4d; box-shadow:2px 2px 0px 0px rgba(0,0,0,0.25); }
#questionnaire .form .form-qa-item-w .form-qa-item-i .form-qa-item-q-w.no-marker:before { content:none; }
#questionnaire .form .form-qa-item-w .form-qa-item-i .form-qa-item-q-w .form-qa-item-q-i { padding:0.25rem 0.875rem 0.25rem 1.875rem; text-shadow:1px 1px 0.5px rgba(0,0,0,0.125); color:#222222; }
#questionnaire .form .form-qa-item-w .form-qa-item-i .form-qa-item-q-w.no-marker .form-qa-item-q-i { padding:0.25rem 0.875rem 0.25rem 0.875rem; }
#questionnaire .form .form-qa-item-w .form-qa-item-i .form-qa-item-a-w {}
#questionnaire .form .form-qa-item-w .form-qa-item-i .form-qa-item-a-w .form-qa-item-a-i { padding:0.75rem 1.25rem 2.75rem 2.5rem; }
#questionnaire .form .form-qa-item-w .form-qa-item-i .form-qa-item-a-w .form-qa-item-a-i > div.word { padding:0.25rem 0; }
#questionnaire .form .form-qa-item-w .form-qa-item-i .form-qa-item-a-w .form-qa-item-a-i > div.word.group { margin-right:2rem; }
#questionnaire .form textarea { width:100%; height:6rem; }
#questionnaire .form .sep { border-top:1px dotted #4d4d4d; }
#questionnaire .form .apply { margin-top:2.75rem; }
#questionnaire .form .note { font-size:0.8125rem; line-height:1.25rem; padding:0.25rem 0 0.5rem 0; margin:auto; width:94%; text-align:center; }
#questionnaire .form #control { width:100%; text-align:center; padding:1rem 0 3rem 0; }
#questionnaire .form #control #send { display:inline-block; background-color:#4d4d4d; color:#ffffff; padding:0.875rem 2rem; font-size:1.125rem; border-radius:0.25rem; }
#questionnaire .form #control #sending { display:none; padding:1rem; background:#d4d4d4; border-radius:0.25rem; }
#questionnaire .form #control #sent { display:none; padding:1rem; background:#d4d4d4; border-radius:0.25rem; }


.x.header { /*padding-bottom:4rem;*/ }
.x.header .y { border-bottom:1px solid #4d4d4d; }
.x.header .y .z .w { padding:1rem; }
.x.header .y .z .w .i { text-align:center; }
.x.header .y .z .w .i .table { table-layout:fixed; }
.x.header .y .z .w .i .d2-1 { background-color:#4d4d4d; color:#ffffff; border-radius:0.25rem; }
@media (min-width: 961px) {
    .no-pc { display:none; }
    .x.header .y .z .w .i .d2-1 { font-size:28.8px; line-height:43.2px; padding-top:9.6px; padding-bottom:9.6px; }
}
@media (min-width: 481px) and (max-width: 960px) {
    .no-pc { display:none; }
    .x.header .y .z .w .i .d2-1 { font-size:3vw; line-height:4.5vw; padding-top:1vw; padding-bottom:1vw; }
    /*.x.header .y .z .w .i .d2-1 { font-size:14.43px; line-height:21.645px; padding-top:4.81px; padding-bottom:4.81px; }*/
}
@media (max-width: 480px) {
    .table,
    .table > .tbody,
    .table > .tbody > .tr,
    .table > .tbody > .tr > .td { display:block; }
}

.x.footer { /*padding-top:4rem;*/ }
.x.footer .y { border-top:1px solid #4d4d4d; }
.x.footer .y .z .w { padding:1rem; }
.x.footer .y .z .w .i { text-align:center; }