@charset "UTF-8";
.mod-enquete01 .tab-content { position: relative; }

.mod-enquete01 .tab-content input[type="radio"] { display: none; }

.mod-enquete01 .tab-content label { width: calc(25% - 0.75%); box-sizing: border-box; display: inline-block; text-align: center; background: #ffe2be; color: #ff8f00; letter-spacing: .6em; margin-right: 1%; font-size: 22px; font-size: 2.2rem; cursor: pointer; position: relative; padding: 12px 0; border-top-left-radius: 6px; border-top-right-radius: 6px; border: 1px solid #ffca0b; }

.mod-enquete01 .tab-content label:last-of-type { margin-right: 0; }

.mod-enquete01 .tab-content label:hover { opacity: 0.7; }

.mod-enquete01 .tab-content .tab-box > section { display: none; }

.mod-enquete01 .tab-content #tab1:checked ~ #tab1_btn, .mod-enquete01 .tab-content #tab2:checked ~ #tab2_btn, .mod-enquete01 .tab-content #tab3:checked ~ #tab3_btn, .mod-enquete01 .tab-content #tab4:checked ~ #tab4_btn { background: #fff; color: #333; border-bottom: 1px solid #fff; z-index: 100; }

.mod-enquete01 .tab-content #tab1:checked ~ .tab-box > #tabView1, .mod-enquete01 .tab-content #tab2:checked ~ .tab-box > #tabView2, .mod-enquete01 .tab-content #tab3:checked ~ .tab-box > #tabView3, .mod-enquete01 .tab-content #tab4:checked ~ .tab-box > #tabView4 { display: block; }

@media screen and (max-width: 736px) { .mod-enquete01 .tab-content label { font-size: 16px; font-size: 1.6rem; padding: 6px 0; letter-spacing: .1em; } }

.mod-enquete01 .tab-area-list { margin: 50px auto 55px; padding: 0; text-align: center; }

.mod-enquete01 .tab-area-list li { list-style-type: none; width: 130px; text-align: center; display: inline-block; }

.mod-enquete01 .tab-area-list li:last-child button { border-right: none; }

.mod-enquete01 .tab-area-list li button { width: 130px; background-color: transparent; border: none; padding: 0; margin: 0; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-right: 1px solid #ffca0d; color: #333333; text-decoration: none; font-size: 16px; font-size: 1.6rem; display: block; -webkit-transition-duration: .5s; transition-duration: 0.5s; }

.mod-enquete01 .tab-area-list li button:hover { opacity: 0.6; }

.mod-enquete01 .tab-area-list li button:before { content: "\f107"; color: #ff8f00; font-family: 'FontAwesome'; padding-right: 10px; }

@media screen and (max-width: 736px) { .mod-enquete01 .tab-area-list { margin: 25px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .mod-enquete01 .tab-area-list li { width: auto; }
  .mod-enquete01 .tab-area-list li:last-child button { border-right: none; }
  .mod-enquete01 .tab-area-list li button { width: auto; padding: 0 15px; font-size: 1.4rem; }
  .mod-enquete01 .tab-area-list li button:hover { opacity: 1; } }

.mod-enquete01 .js-enquete-content:not(.is-active) { display: none; }

.mod-enquete01__intro { margin-bottom: 70px; }

.mod-enquete01__intro h2 { margin-bottom: 21px; }

.mod-enquete01-list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px 0 0; }

@media screen and (max-width: 736px) { .mod-enquete01 { padding: 0 10px; }
  .mod-enquete01__intro { margin-bottom: 30px; }
  .mod-enquete01-list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 15px 0 0; }
  .mod-enquete01 h3 { margin-top: 0; margin-left: 0; margin-right: 0; } }

.mod-enquete01-item { box-sizing: border-box; border: 1px solid #FFDD7B; border-radius: 5px; padding: 30px; font-size: 1.4rem; width: calc(50% - 10px); /* ヘッダー部分（アイコンと属性） */ /* 気温データ部分（夏・冬の2カラム） */ /* アンケートQ&A部分 */ }

.mod-enquete01-item__head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 16px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 35px; }

.mod-enquete01-item__head-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px; }

.mod-enquete01-item__head-icon img { width: 60px; }

.mod-enquete01-item__head-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.mod-enquete01-item__head-name { font-size: 1.6rem; margin: 0 0 3px; }

.mod-enquete01-item__head-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ccc; padding: 4px 10px; border-radius: 100px; font-size: 1.4rem; gap: 7px; }

.mod-enquete01-item__head-pin { width: 10px; height: 14px; }

.mod-enquete01-item__head-badge { background-color: #FFDD7B; padding: 6px; min-width: 107px; text-align: center; border-radius: 100px; box-sizing: border-box; }

.mod-enquete01-item__weather { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; margin-bottom: 30px; }

.mod-enquete01-item__weather-box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-radius: 5px; padding: 10px 12px; }

.mod-enquete01-item__weather-box.is-summer { background-color: #FFE3BE; border: 1px solid #EED276; }

.mod-enquete01-item__weather-box.is-winter { background-color: #F3F7F8; border: 1px solid #ccc; }

.mod-enquete01-item__weather-title { font-weight: bold; margin-bottom: 16px; }

.mod-enquete01-item__weather-list { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 8px; }

.mod-enquete01-item__weather-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.mod-enquete01-item__weather-row.is-border { border-bottom: 1px solid #fff; padding-bottom: 7px; }

.mod-enquete01-item__weather-box.is-winter .mod-enquete01-item__weather-row.is-border { border-color: #ccc; }

.mod-enquete01-item__weather-list dt, .mod-enquete01-item__weather-list dd { margin: 0; }

.mod-enquete01-item__qa-set { margin-bottom: 26px; }

.mod-enquete01-item__qa-set:last-child { margin-bottom: 0; }

.mod-enquete01-item__qa-q { font-weight: bold; margin: 0 0 10px 0; line-height: 1.5; }

.mod-enquete01-item__qa-a { margin: 0; line-height: 1.5; }

@media screen and (max-width: 736px) { .mod-enquete01-item { width: 100%; padding: 25px 15px; font-size: 1.3rem; /* 気温データ部分（夏・冬の2カラム） */ /* アンケートQ&A部分 */ }
  .mod-enquete01-item__head { gap: 12px; margin-bottom: 20px; }
  .mod-enquete01-item__head-user { gap: 12px; }
  .mod-enquete01-item__head-icon img { width: 48px; }
  .mod-enquete01-item__head-name { font-size: 1.4rem; margin: 0 0 3px; }
  .mod-enquete01-item__head-area { font-size: 1.1rem; }
  .mod-enquete01-item__head-badge { min-width: 80px; padding: 4px 8px; font-size: 1.2rem; }
  .mod-enquete01-item__weather { margin-bottom: 20px; }
  .mod-enquete01-item__qa-set { margin-bottom: 15px; }
  .mod-enquete01-item__qa-q { margin: 0 0 5px 0; } }