@charset "UTF-8";
img[src$=".svg"] { width: 100%; }

a { color: inherit; }

#contents.contents_inner, #contents .contents_inner { padding: 0; }

#footer-newsshare, .footer_back, header #news-breadcrumb-wrap { padding: 0 15px; }

#contents.single p { margin: 0; }

.clearfix::after { display: block; content: ""; clear: both; }

.heading-page-main { border-bottom-color: transparent; margin: 0; padding: 0; }

#questionnaire_wrapper { color: #000; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "akzidenz-grotesk", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial, YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif; width: 100%; z-index: 1; line-height: 1; letter-spacing: 0; text-rendering: optimizeLegibility; }
#questionnaire_wrapper h1, #questionnaire_wrapper h2, #questionnaire_wrapper h3, #questionnaire_wrapper h4, #questionnaire_wrapper h5, #questionnaire_wrapper p, #questionnaire_wrapper ul, #questionnaire_wrapper li { line-height: inherit; letter-spacing: inherit; }
#questionnaire_wrapper .obj-fit { object-fit: cover; font-family: "object-fit: cover;"; }
#questionnaire_wrapper .smallsp { display: none; }
@media screen and (max-width: 374px) { #questionnaire_wrapper .smallsp { display: block; } }
#questionnaire_wrapper .largesp { display: block; }
@media screen and (max-width: 374px) { #questionnaire_wrapper .largesp { display: none; } }
#questionnaire_wrapper .link { text-align: right; font-size: 10px; text-decoration: underline; padding: 0 15px; margin: 0 0 50px; }
#questionnaire_wrapper .textarea { text-align: center; margin: 0 0 60px; }
#questionnaire_wrapper .textarea h2 { font-size: 16px; letter-spacing: .05em; line-height: 1.3; margin: 0 0 30px; }
#questionnaire_wrapper .textarea p { font-size: 13px; line-height: 1.38; margin: 0 0 1.38em; }
#questionnaire_wrapper .textarea p:last-child { margin: 0; }
#questionnaire_wrapper form .group { counter-increment: number; margin: 0 0 40px; }
#questionnaire_wrapper form .group .text { padding: 0 25px; }
#questionnaire_wrapper form .group .text .question { font-size: 13px; line-height: 1.38; letter-spacing: .05em; }
#questionnaire_wrapper form .group .text .question_small { font-size: 12px; line-height: 1.33; margin: 10px 0 0; }
#questionnaire_wrapper form .group .text .caption { font-size: 11px; line-height: 1.45; color: #ff3049; margin: 10px 0 0; }
#questionnaire_wrapper form .group .text::before { display: block; content: "Q" counter(number) "."; color: #595959; font-size: 13px; padding: 0 0 8px; border-bottom: solid 1px #b6b6b6; margin: 0 -8px 10px; }
#questionnaire_wrapper form .group .answer { margin: 15px 0 0; padding: 0 17px; }
#questionnaire_wrapper form .group .answer input, #questionnaire_wrapper form .group .answer textarea, #questionnaire_wrapper form .group .answer select { font-family: "akzidenz-grotesk", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial, YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif; }
#questionnaire_wrapper form .group .answer textarea { display: block; width: 100%; box-sizing: border-box; border: solid 1px #000; padding: 15px; font-size: 12px; line-height: 1.7; }
#questionnaire_wrapper form .group .answer.full { margin: 35px 0 0; padding: 25px 0 40px; background: #f4f4f4; }
#questionnaire_wrapper form .group .answer.full ul { display: flex; flex-wrap: wrap; justify-content: center; }
#questionnaire_wrapper form .group .answer.full ul li { width: 44px; height: 44px; font-size: 13px; text-align: center; line-height: 44px; margin: 0 5px; position: relative; }
#questionnaire_wrapper form .group .answer.full ul li::after { display: block; position: absolute; font-size: 11px; line-height: 1; color: #5b5b5b; top: 54px; white-space: nowrap; }
#questionnaire_wrapper form .group .answer.full ul li input { display: none; }
#questionnaire_wrapper form .group .answer.full ul li input:checked + span { color: #fff; background: #595959; border-color: #595959; }
#questionnaire_wrapper form .group .answer.full ul li span { display: flex; align-items: center; justify-content: center; background: #fff; border: solid 1px #e8e7e6; }
#questionnaire_wrapper form .group .answer.full ul li:first-child { margin-bottom: 50px; }
#questionnaire_wrapper form .group .answer.full ul li:first-child::after { content: "絶対にすすめたくない"; left: 0; }
#questionnaire_wrapper form .group .answer.full ul li:last-child::after { content: "強くすすめたい"; right: 0; }
#questionnaire_wrapper form .submit { padding: 0 17px; }
#questionnaire_wrapper form .submit input { display: block; width: 100%; padding: 15px 0 13px; text-align: center; background: #7a7a7a; color: #fff; font-size: 13px; letter-spacing: .05em; }
#questionnaire_wrapper form .submit input:disabled { opacity: .3; }
#questionnaire_wrapper.is-loaded { opacity: 1 !important; transition: opacity 2s ease 0s; }

@media screen and (max-width: 767px) { #questionnaire_wrapper .pc { display: none !important; } }
@media screen and (min-width: 768px) { a { -webkit-transition: opacity .3s; transition: opacity .3s; }
  .sp, .smallsp, .largesp { display: none !important; }
  .pc { display: block !important; }
  #questionnaire_wrapper .link { padding: 0; margin: 0 0 30px; }
  #questionnaire_wrapper .textarea { margin: 0 0 85px; }
  #questionnaire_wrapper form { widows: 800px; max-width: 95%; margin: 0 auto; }
  #questionnaire_wrapper form .group { margin: 0 0 50px; }
  #questionnaire_wrapper form .group .text { padding: 18px 0 18px 70px; background: #efefef; position: relative; }
  #questionnaire_wrapper form .group .text .question { line-height: 1.62; letter-spacing: 0; }
  #questionnaire_wrapper form .group .text .question_small { font-size: 13px; line-height: 1.62; margin: 0; }
  #questionnaire_wrapper form .group .text .caption { position: absolute; bottom: 0; left: 0; transform: translate(0, 100%) translate(0, 10px); line-height: 1.64; margin: 0; }
  #questionnaire_wrapper form .group .text::before { font-size: 20px; padding: 0; border-bottom: none; margin: 0; position: absolute; top: 50%; transform: translate(0, -50%); left: 16px; }
  #questionnaire_wrapper form .group .answer { margin: 30px 0 0; padding: 0; }
  #questionnaire_wrapper form .group .answer.full { margin: 70px 0 110px; padding: 0; background: none; text-align: center; }
  #questionnaire_wrapper form .group .answer.full .inner { display: inline-block; position: relative; }
  #questionnaire_wrapper form .group .answer.full .inner::after { display: block; content: ""; position: absolute; top: 55px; left: 10px; right: 10px; height: 10px; background: -moz-linear-gradient(left, #e8e7e6 0%, #e8e7e6 64.1%, #b7b7b7 64.2%, #b7b7b7 82.9%, #8e8e8e 83%, #8e8e8e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #e8e7e6 0%, #e8e7e6 64.1%, #b7b7b7 64.2%, #b7b7b7 82.9%, #8e8e8e 83%, #8e8e8e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #e8e7e6 0%, #e8e7e6 64.1%, #b7b7b7 64.2%, #b7b7b7 82.9%, #8e8e8e 83%, #8e8e8e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e7e6', endColorstr='#8e8e8e',GradientType=1 ); /* IE6-9 */ }
  #questionnaire_wrapper form .group .answer.full ul li { width: 34px; height: 34px; line-height: 34px; margin: 0 10px; }
  #questionnaire_wrapper form .group .answer.full ul li::after { top: 73px; }
  #questionnaire_wrapper form .group .answer.full ul li:first-child { margin-bottom: 0; }
  #questionnaire_wrapper form .group .answer.full ul li:nth-child(6)::after { content: "すすめたい"; left: 44px; transform: translate(-50%, 0); }
  #questionnaire_wrapper form .submit { padding: 0; }
  #questionnaire_wrapper form .submit input { width: 300px; margin: 0 auto; }
  #questionnaire_wrapper form .submit input:not(:disabled):hover { cursor: pointer; opacity: .6; } }