@charset "utf-8";
/* CSS Document */

/* 共通CSS re-setting -------------------- { */
.enquete_contents .hdg-a { font-size: 3.4rem; }
@media only screen and (max-width: 768px) {
  .sp { display: block!important; }
  .pc { display: none!important; }
}
/* -------------------- } 共通CSS re-setting*/
/* h1 -------------------- { */
.section.cover { background: #fffef6; }
.enquete_contents h1 > img { max-height: 280px!important; width: auto; }
/* -------------------- } h1 */
/* h2 -------------------- { */
.enquete_contents h2 {position: relative;padding: .3em 0 .2em 1em;border-bottom: 3px solid #005243;font-size: 3.0rem;margin: 52px 0 26px;}
.enquete_contents h2::before {position: absolute;top: 0;left: .3em;transform: rotate(55deg);height: 11px;width: 12px;background: #005243;content: '';}
.enquete_contents h2::after {position: absolute;transform: rotate(15deg);top: .6em;left: 0;height: 8px;width: 8px;background: #005243;content: '';}
/* -------------------- } h2 */
/* アンケート（list-enquete） -------------------- { */
.list-enquete>dt {position: relative;display: flex;margin-bottom: 32px;padding-left: 50px;font-weight: 700;font-size: 2rem;line-height: 1.4;}
.qa-num {min-width: 50px;width: 50px;height: 50px;margin: 0 20px 3px -50px;font-weight: 400;font-size: 2rem;color: #fff;vertical-align: middle;text-align: center;line-height: 1.5;background: #005243;content: "";}
.qa-num-cnt>p { margin-top: 0!important;}
.list-enquete>dd {position: relative; padding-bottom: 36px; }
.list-enquete>dd+dt {padding-top: 36px;border-top: 1px solid #c6c6c0;}
.list-enquete>dd textarea { width: 100%;padding: 8px 10px;border: 1px solid #005243;border-radius: 3px;background: #f0f5f4;line-height: 1.5;font-size: 1em;font-family: Arial, Verdana, Lucida Grande, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;}
.list-enquete>dd textarea::placeholder {color: #999;}
/* 10段階評価見出し（PC用）*/
.guideline { display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex; justify-content: space-between; font-weight: 700; margin-bottom: 16px; }
.guideline > div { background: #cccccc; padding: 3px 8px; }
.guideline .low span {display: inline-block;vertical-align: middle;color: #000000;line-height: 1;position: relative;width: 1em;height: 0.1em;background: currentColor;margin-left: 0.5em;}
.guideline .low span::after {content: '';width: 0.65em;height: 0.65em;border: 0.1em solid currentColor;border-right: 0;border-bottom: 0;transform: rotate(-45deg);transform-origin: top left;position: absolute;top: 50%;left: -0.05em;box-sizing: border-box;}
.guideline .high span {display: inline-block;vertical-align: middle;color: #000000;line-height: 1;position: relative;width: 1em;height: 0.1em;background: currentColor;margin-right: 0.5em;}
.guideline .high span::before {content: '';width: 0.65em;height: 0.65em;border: 0.1em solid currentColor;border-left: 0;border-bottom: 0;transform: rotate(45deg);transform-origin: top right;position: absolute;top: 50%;right: -0.05em;box-sizing: border-box;}
/* 10段階評価見出し（タブレット・スマホ用）*/
.radio_df_btn,.radio_df_list_none .low,.radio_df_btn,.radio_df_list_none .high  { background: #cccccc; padding: 3px 8px; margin-bottom:8px; font-weight: 700; }
.radio_df_btn,.radio_df_list_none .low span {display: inline-block;vertical-align: middle;color: #000000;line-height: 1;position: relative;width: .1em;height: 1em;background: currentColor;margin-left: 1em;}
.radio_df_btn,.radio_df_list_none .low span::before {content: '';width: 0.65em;height: 0.65em;border: 0.1em solid currentColor;border-left: 0;border-bottom: 0;transform: rotate(-45deg);transform-origin: top right;position: absolute;top: -0.05em;right: 50%;box-sizing: border-box;}
.radio_df_btn,.radio_df_list_none .high span {display: inline-block;vertical-align: middle;color: #000000;line-height: 1;position: relative;width: .1em;height: 1em;background: currentColor;margin-left: 1em;}
.radio_df_btn,.radio_df_list_none .high span::before {content: '';width: 0.65em;height: 0.65em;border: 0.1em solid currentColor;border-right: 0;border-top: 0;transform: rotate(-45deg);transform-origin: bottom left;position: absolute;left: 50%;bottom: -0.05em;box-sizing: border-box;}
/* ボタン型ラジオボタン*/
/*.radio_df_btn li label {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;gap: 0 .5em;position: relative;cursor: pointer;}
.radio_df_btn li label::before,.radio_df_btn li label:has(:checked)::after {border-radius: 50%;content: '';}
.radio_df_btn li label::before {width: 18px;height: 18px;background-color: #e0eae8;}
.radio_df_btn li label:has(:checked)::after { position: absolute;top: 50%;left: 9px;transform: translate(-50%, -50%);width: 10px;height: 10px;background-color: #005243;animation: anim-radio-001 .3s linear;}
@keyframes anim-radio-001 {
	0% {box-shadow: 0 0 0 1px transparent;}
	50% {box-shadow: 0 0 0 10px #00524333;}
	100% {box-shadow: 0 0 0 10px transparent;}
}*/
.diff-flex	{ display: -webkit-flex;display: -moz-flex;	display: -ms-flex;display: -o-flex;	display: flex; align-items: stretch;}
.radio_df_list_none.diff-flex > li	{ display: flex; }
.radio_df_btn,.radio_df_list_none li input[type=radio] {display: none;}
.radio_btn_type { box-sizing: border-box; cursor: pointer; display: inline-block; padding: 5px 30px; position: relative; width: auto;}
.radio_btn_type::before { background: #fff; border: 1px solid #005243; border-radius: 50%; content: ''; display: block; height: 16px; left: 5px; margin-top: -8px; position: absolute; top: 50%; width: 16px;}
.radio_btn_type::after { background: #005243; border-radius: 50%; content: ''; display: block; height: 10px; left: 9px; margin-top: -4px; opacity: 0; position: absolute; top: 50%; width: 10px;}
input[type=radio]:checked + .radio_btn_type::after { opacity: 1;}

/* リスト型ラジオボタン */
.radio_df_list label {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;gap: 0 .5em;position: relative;margin-bottom: .4em;padding: .5em .7em;border: 1px solid #005243;border-radius: 3px;background-color: #00524326;cursor: pointer;}
.radio_df_list label:has(:checked) { background-color: #005243;color: #ffffff;}
.radio_df_list label::before,.radio_df_list label:has(:checked)::after {border-radius: 50%;content: '';}
.radio_df_list label::before { min-width: 14px; width: 14px;height: 14px;background-color: #ffffff;}
.radio_df_list label:has(:checked)::after {position: absolute;top: 50%;left: calc(7px + .7em);transform: translate(-50%, -50%);width: 7px;height: 7px;background-color: #005243;}
.radio_df_list input {display: none;}
/* リスト型ラジオボタン（ラジオボタンなし）*/
.radio_df_list_none li {width: 100%;padding: 0px 5px;}
.radio_df_list_none label {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center;gap: 0 .5em;position: relative;margin-bottom: .4em;padding: .5em .7em;border: 1px solid #005243;border-radius: 3px;background-color: #00524326;cursor: pointer;}
.radio_df_list_none.diff-flex label {display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;align-items: center; flex: 1; flex-direction: column; gap: 0 .5em;position: relative;margin-bottom: .4em;padding: .5em .7em;border: 1px solid #005243;border-radius: 3px;background-color: #00524326;cursor: pointer;}
.radio_df_list_none label:has(:checked) { background-color: #005243;color: #ffffff;}
.radio_df_list_none input[type="radio"] {display: none;}
.radio_df_list_none textarea{ width: 100%; min-width: 0; padding: 0.5em 0.6em; border: 1px solid #005243; border-radius: 0 0 4px 4px!important; background-color: #fff; box-sizing: border-box; font-size: 1.6rem; resize: none; overflow: hidden; height: 2.2em; line-height: 1.4; opacity: 0.5; pointer-events: none; transition: opacity 0.2s, background-color 0.2s, border-color 0.2s; }
.radio_df_list_none textarea:enabled:focus { outline: none; border-color: #007f67; box-shadow: 0 0 0 2px rgba(0,127,103,0.2); }
	/* 「その他」が選択された時 */
	.radio_df_list_none label:has(input[type="radio"]:checked) + textarea { opacity: 1; pointer-events: auto; background-color: #f0faf8; }
	.radio_df_list_none li:has(> textarea) { display: flex; flex-direction: column; }
	.radio_df_list_none li:has(> textarea) label { margin-bottom: 0; border-bottom: none; border-radius: 4px 4px 0 0; }
/* チェックボックス */
.checkbox_df input[type=checkbox] {display: none;}
.checkbox_type { box-sizing: border-box; cursor: pointer; display: inline-block; padding: 5px 30px; position: relative; width: auto;}
.checkbox_type::before { background: #fff; border: 1px solid #005243; content: ''; display: block; height: 16px; left: 5px; margin-top: -8px; position: absolute; top: 50%; width: 16px;}
.checkbox_type::after { border-right: 3px solid #005243; border-bottom: 3px solid #005243; content: ''; display: block; height: 9px; left: 10px; margin-top: -7px; opacity: 0; position: absolute; top: 50%; transform: rotate(45deg); width: 5px;}
input[type=checkbox]:checked + .checkbox_type::after { opacity: 1;}
/* 注意枠内 */
.caution-tit {display: flex;align-items: center;gap: 0 7px;font-size: 2.2rem; font-weight: 700; margin-bottom: 16px;}
.caution-tit::before {width: 29px;height: 29px;background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23005243%22%20d%3D%22M12%2C1.5c-6.6%2C0-12%2C4.4-12%2C9.8c0%2C2.3%2C1%2C4.5%2C2.7%2C6.1c-0.6%2C2.4-2.5%2C4.5-2.6%2C4.5C0%2C22%2C0%2C22.1%2C0%2C22.3s0.2%2C0.2%2C0.4%2C0.2%20c3.1%2C0%2C5.4-1.5%2C6.6-2.4c1.5%2C0.6%2C3.2%2C0.9%2C5%2C0.9c6.6%2C0%2C12-4.4%2C12-9.8S18.6%2C1.5%2C12%2C1.5z%22%2F%3E%3C%2Fsvg%3E');content: '';}
.caution-tit+p { margin-top: 0!important;}
/* 送信ボタン */
.enq_button {margin-top: 34px;text-align: center;}
.enq_button .btn_decoration input[type="button"],.enq_button .btn_decoration_reverse input[type="button"]{background: transparent;color: #ffffff;font-size:2.0rem;outline:none;border:none;margin:0 auto;}
.enq_button .btn_decoration input[type="button"]{padding: 22px 80px 16px 48px;}
.enq_button .btn_decoration_reverse input[type="button"]{padding: 22px 48px 16px 80px;}
.enq_button .btn_decoration input[type="button"]:hover,.enq_button .btn_decoration_reverse input[type="button"]:hover{transform:none;}
.enq_button .btn_decoration,.enq_button .btn_decoration_reverse{background: #005243;border-radius: 5px;box-shadow: 3px 3px 3px #c0c7d9;border-bottom: solid 5px #002213;display:inline-block;position:relative;transition:all 0.3s;}
.enq_button .btn_decoration:after{display: inline-block;line-height: 1;position: absolute;right: 15%;top: 50%;transition: all 0.3s;transform: rotate(45deg); width: 5px;height: 5px;margin-left: 10px; border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;content: '';}
.enq_button .btn_decoration_reverse:after{display: inline-block;line-height: 1;position: absolute;left: 15%;top: 50%;transition: all 0.3s;transform: rotate(-135deg); width: 5px;height: 5px;margin-right: 10px; border-top: 2px solid #ffffff;border-right: 2px solid #ffffff;content: '';}
.enq_button .btn_decoration:hover,.enq_button .btn_decoration_reverse:hover{transform: translateY(3px);border-bottom-width: 2px;padding-top: 1px;padding-bottom: 2px;}
.enq_button .btn_decoration:hover::after{right:10%;}
.enq_button .btn_decoration_reverse:hover::after{left:10%;}
@media only screen and (max-width: 767px){
	.list-enquete>dt {margin-bottom: 24px;padding-left: 45px;font-size: 1.8rem;}
	.diff-flex	{ display: block!important;}
}
@media only screen and (max-width: 527px){
	.enq_button > div:not(:first-child) { margin-top: 8px; }
}

/* -------------------- } アンケート（list-enquete） */
/* 送信完了（enq-thanks） -------------------- { */
.enq-thanks { text-align:center; }
.enq-thanks-msg { margin: 0 16px; font-size: 2.4rem; }
.enq-thanks-img { margin: 34px 16px 0; }
.enq-thanks-img img { max-height: 400px;}
/* -------------------- } 送信完了（enq-thanks） */
/* FMVサポートトップへ（go_top） -------------------- { */
.go_top { margin-top: 34px; text-align:center; }
.go_top a { display: flex;justify-content: center;align-items: center;margin:0 auto;max-width: 566px;padding: 22px 80px 16px 48px;border: none;border-bottom: solid 5px #002213;border-radius: 5px; background-color: #005243; color: #ffffff;font-weight: 600;font-size: 2.0rem;transition: .5s ease;text-decoration: none;}
.go_top a::after { transform: rotate(45deg); width: 5px; height: 5px; margin-left: 10px; border-top: 2px solid #ffffff; border-right: 2px solid #ffffff; content: '';}
.go_top a:hover { transform: translateY(3px); border-bottom-width: 2px;}
/* -------------------- } FMVサポートトップへ（go_top） */