@charset "UTF-8";
.font-en { font-family: 'Roboto', sans-serif; }

.font-mp { font-family: 'M PLUS 1p', sans-serif; }

.font-min { font-family: 'Zen Kurenaido', sans-serif; }

.main { padding-top: 0; }

th.only-pc, td.only-pc { display: table-cell; }
@media screen and (max-width: 960px) { th.only-pc, td.only-pc { display: none; } }
th.only-sp, td.only-sp { display: none; }
@media screen and (max-width: 960px) { th.only-sp, td.only-sp { display: block; } }

.ico-link::before { width: 15px; height: 15px; background: url("../img/living/common/ico_link.svg"); }

.cate-toyohashi { background-color: #ec6c2b; }

.cate-toyokawa { background-color: #b13631; }

.cate-gamagori { background-color: #2ab6e4; }

.cate-shinshiro { background-color: #175d3a; }

.cate-tahara { background-color: #c6cd1e; }

.cate-shitara { background-color: #18aa56; }

.cate-toyone { background-color: #d07bc2; }

.cate-toei { background-color: #2caaaa; }

/* ==================================================================================================== ページナビ
==================================================================================================== */
.living-pagenav-wrap { position: relative; margin-bottom: 70px; }
@media screen and (max-width: 640px) { .living-pagenav-wrap { margin-bottom: 60px; } }

.living-pagenav { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f5f7fe; }
@media screen and (max-width: 960px) { .living-pagenav { display: flex; align-items: center; height: 96px; } }
.living-pagenav .living-pagenav-in { display: flex; }
@media screen and (max-width: 960px) { .living-pagenav .living-pagenav-in { position: relative; display: block; } }
.living-pagenav .living-nav-close-t { display: none; }
.living-pagenav .living-menu { position: relative; display: flex; align-items: center; justify-content: center; width: 12.25%; }
@media screen and (max-width: 960px) { .living-pagenav .living-menu { cursor: pointer; } }
.living-pagenav .living-menu::before { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 80px; margin-top: -40px; background-color: #969696; }
@media screen and (max-width: 960px) { .living-pagenav .living-menu::before { width: 20px; height: 13px; margin-top: -6px; margin-right: -30px; background: url("../img/common/ico_arrow_g04.png") no-repeat right center; } }
.living-pagenav .living-menu p { position: relative; width: 50px; height: 26px; margin-bottom: 10px; }
.living-pagenav .living-menu span { position: absolute; left: 0; display: block; width: 100%; height: 4px; background-color: #46b46b; transition: all .4s; border-radius: 2px; }
.living-pagenav .living-menu span:nth-of-type(1) { top: 0; }
.living-pagenav .living-menu span:nth-of-type(2) { top: 50%; margin-top: -2px; }
.living-pagenav .living-menu span:nth-of-type(3) { bottom: 0; }
.living-pagenav .living-menu .txt { line-height: 1; }
.living-pagenav .living-menu .txt:before { content: 'MENU'; font-size: 1.125rem; font-weight: 700; color: #505050; }
@media screen and (max-width: 640px) { .living-pagenav .living-menu .txt:before { font-size: 1rem; } }
.living-pagenav .living-nav { display: flex; width: 87.75%; }
@media screen and (max-width: 960px) { .living-pagenav .living-nav { display: none; } }
.living-pagenav .living-nav li { position: relative; width: calc(100% / 6); }
.living-pagenav .living-nav li::before { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 80px; margin-top: -40px; background-color: #969696; }
.living-pagenav .living-nav li a { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; text-decoration: none; padding: 10px 0 15px; }
.living-pagenav .living-nav li a .is-on { display: none; }
.living-pagenav .living-nav li a:hover, .living-pagenav .living-nav li a.active { background-color: #46b46b; }
.living-pagenav .living-nav li a:hover p, .living-pagenav .living-nav li a.active p { color: #fff; }
.living-pagenav .living-nav li a:hover .is-off, .living-pagenav .living-nav li a.active .is-off { display: none; }
.living-pagenav .living-nav li a:hover .is-on, .living-pagenav .living-nav li a.active .is-on { display: inline; }
.living-pagenav .living-nav li figure { text-align: center; margin: 13px auto 0; }
.living-pagenav .living-nav li p { font-size: 1.125rem; font-weight: 700; color: #46b46b; text-align: center; line-height: 1.2; }
.living-pagenav .living-nav li:nth-child(1) figure { width: 51px; margin-top: 0; margin-bottom: 15px; }
.living-pagenav .living-nav li:nth-child(2) figure { width: 30px; margin-bottom: 20px; }
.living-pagenav .living-nav li:nth-child(3) figure { width: 39px; margin-bottom: 19px; }
.living-pagenav .living-nav li:nth-child(4) figure { width: 26px; margin-bottom: 30px; }
.living-pagenav .living-nav li:nth-child(5) figure { width: 50px; margin-bottom: 24px; }
.living-pagenav .living-nav li:nth-child(6)::before { display: none; }
.living-pagenav .living-nav li:nth-child(6) figure { width: 30px; margin-bottom: 5px; }

/* ==================================================================================================== SPメニュー
==================================================================================================== */
.living-nav-menu { z-index: 99999; display: none; position: absolute; width: 100%; background-color: #f5f7fe; border-top: 4px solid #46b46b; }
.living-nav-menu .nav-menu-content2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow-y: auto; }
.living-nav-menu ul li { border-bottom: 1px solid #969696; }
.living-nav-menu ul li:last-child { border-bottom: none; }
.living-nav-menu ul li a { display: flex; align-items: center; text-decoration: none; padding: 4.6875% 5.46875%; font-size: 2.25rem; color: #46b46b; font-weight: bold; }
@media screen and (max-width: 640px) { .living-nav-menu ul li a { font-size: 1.125rem; } }
.living-nav-menu ul li p { flex: 1; }
.living-nav-menu ul li .ico { width: 5em; }
.living-nav-menu ul li .ico::before { vertical-align: middle; }
.living-nav-menu ul li .ico-nav01::before { width: 4.5625rem; height: 4.125rem; margin-left: 15px; background-image: url("../img/living/common/pagenav_i001.svg"); }
@media screen and (max-width: 640px) { .living-nav-menu ul li .ico-nav01::before { width: 2.6875rem; height: 2.25rem; } }
.living-nav-menu ul li .ico-nav02::before { width: 3.75rem; height: 3.75rem; margin-left: 25px; background-image: url("../img/living/common/pagenav_i002.svg"); }
@media screen and (max-width: 640px) { .living-nav-menu ul li .ico-nav02::before { width: 1.875rem; height: 1.875rem; } }
.living-nav-menu ul li .ico-nav03::before { width: 4.8125rem; height: 4rem; margin-left: 15px; background-image: url("../img/living/common/pagenav_i003.svg"); }
@media screen and (max-width: 640px) { .living-nav-menu ul li .ico-nav03::before { width: 2.9375rem; height: 2.125rem; } }
.living-nav-menu ul li .ico-nav04::before { width: 3.25rem; height: 3.1875rem; margin-left: 25px; background-image: url("../img/living/common/pagenav_i004.svg"); }
@media screen and (max-width: 640px) { .living-nav-menu ul li .ico-nav04::before { width: 2rem; height: 1.9375rem; } }
.living-nav-menu ul li .ico-nav05::before { width: 6.125rem; height: 3rem; background-image: url("../img/living/common/pagenav_i005.svg"); }
@media screen and (max-width: 640px) { .living-nav-menu ul li .ico-nav05::before { width: 4.875rem; height: 1.75rem; } }
.living-nav-menu ul li .ico-nav06::before { width: 3.6875rem; height: 3.625rem; margin-left: 25px; background-image: url("../img/living/common/pagenav_i006.svg"); }
@media screen and (max-width: 640px) { .living-nav-menu ul li .ico-nav06::before { width: 1.8125rem; height: 1.75rem; } }

.living-nav-close { padding: 7.8125% 0; background-color: #46b46b; text-align: center; }

.living-close-btn { display: inline-flex; justify-content: center; align-items: center; width: 7.5em; padding: 15px 0; background-color: #fff; font-size: 1.75rem; color: #505050; line-height: 1; border-radius: 2em; text-align: center; }
@media screen and (max-width: 640px) { .living-close-btn { font-size: 1.125rem; } }
.living-close-btn .ico-close::before { vertical-align: middle; width: 34px; height: 34px; margin-right: 0.5em; margin-left: 0; background-image: url("../img/common/ico_close04.svg"); }
@media screen and (max-width: 640px) { .living-close-btn .ico-close::before { width: 24px; height: 24px; } }

.js-livingmenuopen .living-nav-close-t { display: block; position: absolute; top: 0; right: 0; background: none; padding: 0; }
.js-livingmenuopen .living-nav-close-t .living-close-btn { padding: 10px 0; }
.js-livingmenuopen .living-pagenav .living-menu::before { display: none; }
.js-livingmenuopen .living-nav-menu { display: block; }

/* ==================================================================================================== 共通
==================================================================================================== */
.living-ttl { position: relative; margin-bottom: 100px; font-size: 2.75rem; font-weight: 700; color: #46b46b; text-align: center; }
@media screen and (max-width: 640px) { .living-ttl { font-size: 2rem; } }
.living-ttl::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 82px; height: 3px; margin-left: -41px; margin-bottom: -45px; background-color: #46b46b; }

@media screen and (max-width: 640px) { .story-photo { display: flex; flex-direction: column-reverse; } }
.story-photo .slide-btn { position: relative; z-index: 999; margin-bottom: 30px; }
@media screen and (max-width: 640px) { .story-photo .slide-btn { margin-top: 30px; margin-bottom: 0; } }
.story-photo .slide-btn ul { display: flex; align-items: center; justify-content: flex-end; }
@media screen and (max-width: 640px) { .story-photo .slide-btn ul { justify-content: space-between; } }
.story-photo .slide-btn ul li { width: 64px; margin-left: 25px; cursor: pointer; }
@media screen and (max-width: 640px) { .story-photo .slide-btn ul li { width: 44px; margin-left: 0; } }
.story-photo .slick-slide { margin: 0 20px; }
.story-photo .story-slider li { position: relative; border-radius: 10px; overflow: hidden; }
.story-photo .story-slider li::before { content: ''; position: absolute; bottom: 0; right: 0; width: 59px; height: 59px; background: url("../img/living/story/ico_arrow_nav.svg") no-repeat right bottom; }
.story-photo .story-slider li .story-title { position: absolute; top: 0; right: 0; margin-top: 30px; margin-right: 30px; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; writing-mode: vertical-rl; font-size: 1.375rem; line-height: 1; }
.story-photo .story-slider li .story-title span { padding: 20px 5px; background-color: #f2f4fb; }
.story-photo .story-slider li .story-name, .story-photo .story-slider li .story-comment { display: none; }
.story-photo .slick-dotted.slick-slider { margin-bottom: 0; }
.story-photo .slick-dots { bottom: -60px; }
.story-photo .slick-dots li { width: 14px; height: 14px; margin: 0 7px; }
.story-photo .slick-dots li button { width: 14px; height: 14px; padding: 0; }
.story-photo .slick-dots li button:before { width: 14px; height: 14px; content: ''; opacity: 1; background-color: #cecece; border-radius: 50%; }
.story-photo .slick-dots li.slick-active button:before { opacity: 1; background-color: #46b46b; }

.voice-list { display: flex; flex-wrap: wrap; }
.voice-list li { position: relative; width: 29.1666666667%; margin-right: 6.25%; margin-bottom: 5.4166666667%; }
@media screen and (max-width: 640px) { .voice-list li { width: 46.4705882353%; margin-right: 7.0588235294%; margin-bottom: 7.3529411765%; }
  .voice-list li:nth-child(2n) { margin-right: 0; }
  .voice-list li:nth-child(3), .voice-list li:nth-child(9) { margin-right: 7.0588235294% !important; } }
.voice-list li:nth-child(3n) { margin-right: 0; }
.voice-list li:last-child { margin-right: 0; }
.voice-list li a { text-decoration: none; }
.voice-list li figure { margin-bottom: 30px; border-radius: 20px; overflow: hidden; }
@media screen and (max-width: 640px) { .voice-list li figure { margin-bottom: 10px; } }
.voice-list li figure .fig { padding-top: 66.66%; }
.voice-list li .voice-list-case { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 68px; height: 81px; margin-top: -6px; margin-right: -10px; background-color: #46b46b; color: #fff; text-align: center; font-size: 1.125rem; }
@media screen and (max-width: 960px) { .voice-list li .voice-list-case { width: 48px; height: 61px; font-size: 1rem; line-height: 1.2; } }
@media screen and (max-width: 640px) { .voice-list li .voice-list-case { width: 48px; height: 61px; font-size: 0.75rem; } }
.voice-list li .voice-list-case span { font-size: 1.75rem; }
@media screen and (max-width: 960px) { .voice-list li .voice-list-case span { font-size: 1.5rem; } }
@media screen and (max-width: 640px) { .voice-list li .voice-list-case span { font-size: 1.25rem; } }
.voice-list li .voice-list-cate { margin-bottom: 20px; }
@media screen and (max-width: 640px) { .voice-list li .voice-list-cate { margin-bottom: 10px; } }
.voice-list li .voice-list-cate span { padding: 5px 15px; font-size: 1.0625rem; color: #fff; line-height: 1; }
@media screen and (max-width: 640px) { .voice-list li .voice-list-cate span { font-size: 0.9375rem; } }
.voice-list li .voice-list-txt { font-size: 1.0625rem; }
@media screen and (max-width: 640px) { .voice-list li .voice-list-txt { font-size: 0.9375rem; } }

/* ==================================================================================================== TOP
==================================================================================================== */
@media screen and (max-width: 640px) { .idx .inner { padding: 0 6.25%; } }
.idx .home-heading { font-size: 3.75rem; font-weight: 400; }
@media screen and (max-width: 640px) { .idx .home-heading { font-size: 2.5rem; } }
.idx .home-heading span { background: linear-gradient(transparent 70%, #fff052 70%); }
.idx .data-sec { padding-bottom: 70px; }
.idx .data-sec .data-in { position: relative; }
.idx .data-sec .data-heading { margin-bottom: 50px; font-size: 1.875rem; color: #46b46b; font-weight: bold; letter-spacing: 15px; }
@media screen and (max-width: 640px) { .idx .data-sec .data-heading { font-size: 1.5rem; } }
.idx .data-sec .home-heading { margin-bottom: 40px; }
@media screen and (max-width: 960px) { .idx .data-sec .home-heading { text-align: center; } }
.idx .data-sec figure { position: absolute; right: 0; top: 0; width: 62%; margin-right: -7.5%; }
@media screen and (max-width: 1420px) { .idx .data-sec figure { top: initial; bottom: 0; width: 53.6666666667%; margin-right: 0; } }
@media screen and (max-width: 960px) { .idx .data-sec figure { position: static; width: 100%; margin: 0 auto 50px; } }
.idx .data-sec .data-lead { margin-bottom: 40px; font-size: 1.0625rem; }
@media screen and (max-width: 960px) { .idx .data-sec .data-lead { text-align: center; } }
.idx .data-sec .data-lead span { color: #46b46b; font-weight: 700; }
.idx .data-sec .data-lead .data-txtline { padding-bottom: 5px; border-bottom: 1px solid #505050; }
.idx .data-sec .data-lead .data-num { font-size: 3.75rem; }
.idx .data-sec .data-lead .data-txt { font-size: 2.25rem; }
.idx .data-sec .data-btn li { max-width: 300px; margin-bottom: 30px; }
@media screen and (max-width: 960px) { .idx .data-sec .data-btn li { margin: 0 auto 30px; } }
.idx .data-sec .data-btn li:last-child { margin-bottom: 0; }
.idx .data-sec .data-btn li a { display: block; text-decoration: none; padding: 20px 15px; background: #46b46b url("../img/common/ico_arrow_w02.png") no-repeat right 15px center; font-size: 1.125rem; font-weight: bold; text-align: center; color: #fff; line-height: 1; border-radius: 2em; }
.idx .story-sec { padding: 80px 0; background-color: #f5f7fe; }
.idx .story-sec .home-heading { margin-bottom: 35px; font-size: 4.375rem; }
@media screen and (max-width: 640px) { .idx .story-sec .home-heading { margin-bottom: 10px; font-size: 2.5rem; text-align: center; } }
.idx .story-sec .story-txt { margin-bottom: 30px; font-size: 1.0625rem; }
@media screen and (max-width: 640px) { .idx .story-sec .story-txt { text-align: center; } }
.idx .story-sec .story-lead { margin-bottom: 60px; font-size: 1.0625rem; }
.idx .story-sec .story-btn p { max-width: 270px; margin: 75px auto 0; }
.idx .story-sec .story-btn p a { display: block; text-decoration: none; padding: 20px 15px; background: #46b46b url("../img/common/ico_arrow_w02.png") no-repeat right 15px center; font-size: 1.125rem; font-weight: bold; text-align: center; color: #fff; line-height: 1; border-radius: 2em; }
.idx .voice-sec { padding-bottom: 105px; }
.idx .voice-sec .voice-top { position: relative; margin-bottom: 60px; }
.idx .voice-sec .voice-top .voice-top-ttl { position: absolute; top: 0; left: 50%; display: flex; justify-content: center; align-items: center; width: 100%; max-width: 350px; margin-top: 5.9895833333%; margin-left: -175px; background-color: #fff; text-align: center; line-height: 1; }
@media screen and (max-width: 1500px) { .idx .voice-sec .voice-top .voice-top-ttl { margin-top: 2.0833333333%; } }
@media screen and (max-width: 640px) { .idx .voice-sec .voice-top .voice-top-ttl { width: 54.6875%; max-width: 100%; margin-top: 14.0625%; margin-left: -27.34375%; } }
.idx .voice-sec .voice-top .voice-top-ttl .voice-top-ttl-in { position: relative; }
.idx .voice-sec .voice-top .voice-top-ttl .voice-top-ttl-in::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 70px; height: 46px; margin-left: -45px; margin-bottom: -46px; background: url("../img/living/idx/voice_i001.png") no-repeat left bottom; background-size: 100% auto; }
@media screen and (max-width: 960px) { .idx .voice-sec .voice-top .voice-top-ttl .voice-top-ttl-in::before { width: 60px; height: 36px; margin-bottom: -35px; } }
.idx .voice-sec .voice-top .voice-top-ttl .voice-top-ttl-con { padding: 45px 5px 50px; }
@media screen and (max-width: 1200px) { .idx .voice-sec .voice-top .voice-top-ttl .voice-top-ttl-con { padding: 20px 5px; } }
@media screen and (max-width: 960px) { .idx .voice-sec .voice-top .voice-top-ttl .voice-top-ttl-con { padding: 10px 5px; } }
@media screen and (max-width: 640px) { .idx .voice-sec .voice-top .voice-top-ttl .voice-top-ttl-con { padding: 25px 5px 30px; } }
.idx .voice-sec .voice-top .voice-top-ttl .home-heading { margin-bottom: 30px; }
@media screen and (max-width: 960px) { .idx .voice-sec .voice-top .voice-top-ttl .home-heading { font-size: 3.125rem; margin-bottom: 10px; } }
@media screen and (max-width: 640px) { .idx .voice-sec .voice-top .voice-top-ttl .home-heading { font-size: 2.5rem; margin-bottom: 30px; } }
.idx .voice-sec .voice-top .voice-top-ttl .voice-txt { font-size: 1.0625rem; }
.idx .voice-sec .voice-con .voice-lead { margin-bottom: 50px; font-size: 1.0625rem; text-align: center; }
.idx .voice-sec .voice-con .voice-btn { max-width: 270px; margin: 50px auto 0; }
.idx .voice-sec .voice-con .voice-btn a { display: block; text-decoration: none; padding: 20px 15px; background: #46b46b url("../img/common/ico_arrow_w02.png") no-repeat right 15px center; font-size: 1.125rem; font-weight: bold; text-align: center; color: #fff; line-height: 1; border-radius: 2em; }
.idx .flow-sec { padding: 70px 0 50px; background-color: #f5f7fe; }
.idx .flow-sec .flow-in { position: relative; }
.idx .flow-sec .flow-txt { margin-bottom: 30px; font-size: 1.5rem; }
@media screen and (max-width: 960px) { .idx .flow-sec .flow-txt { margin-bottom: 10px; text-align: center; } }
.idx .flow-sec .home-heading { margin-bottom: 40px; font-size: 3.4375rem; }
@media screen and (max-width: 960px) { .idx .flow-sec .home-heading { text-align: center; } }
@media screen and (max-width: 640px) { .idx .flow-sec .home-heading { font-size: 2.5rem; } }
.idx .flow-sec figure { position: absolute; right: 0; top: 0; width: 47.25%; }
@media screen and (max-width: 1200px) { .idx .flow-sec figure { top: initial; bottom: 0; width: 38.9166666667%; margin-right: 0; } }
@media screen and (max-width: 960px) { .idx .flow-sec figure { position: static; width: 100%; margin: 0 auto 50px; } }
.idx .flow-sec .flow-lead { margin-bottom: 45px; font-size: 1.0625rem; }
.idx .flow-sec .flow-btn { max-width: 270px; }
@media screen and (max-width: 960px) { .idx .flow-sec .flow-btn { margin: 0 auto; } }
.idx .flow-sec .flow-btn a { display: block; text-decoration: none; padding: 20px 15px; background: #46b46b url("../img/common/ico_arrow_w02.png") no-repeat right 15px center; font-size: 1.125rem; font-weight: bold; text-align: center; color: #fff; line-height: 1; border-radius: 2em; }
.idx .info-sec { padding: 90px 0 275px; }
@media screen and (max-width: 960px) { .idx .info-sec { padding: 90px 0; } }
.idx .info-sec .info-heading { margin-bottom: 10px; font-size: 3.125rem; color: #46b46b; text-align: center; font-weight: 700; }
.idx .info-sec .info-heading span { position: relative; }
.idx .info-sec .info-heading span::before, .idx .info-sec .info-heading span::after { content: ''; position: absolute; }
@media screen and (max-width: 960px) { .idx .info-sec .info-heading span::before, .idx .info-sec .info-heading span::after { display: none; } }
.idx .info-sec .info-heading span::before { top: 0; left: 0; width: 183px; height: 75px; margin-left: -300px; background: url("../img/living/idx/info_i001.png"); }
.idx .info-sec .info-heading span::after { top: 0; right: 0; width: 209px; height: 172px; margin-top: -50px; margin-right: -330px; background: url("../img/living/idx/info_i002.png"); }
.idx .info-sec .info-txt { font-size: 1.0625rem; text-align: center; }
.idx .info-sec .info-con { padding-top: 105px; background: url("../img/living/idx/info_bg001.png") no-repeat right -60px top; background-size: 91.5104166667% auto; }
@media screen and (max-width: 640px) { .idx .info-sec .info-con { background: url("../img/living/idx/info_bg001_sp.png") no-repeat right 0 top; background-size: contain; } }
.idx .info-sec .info-con .info-con-in { position: relative; }
.idx .info-sec .info-con .info-icon { position: absolute; top: 0; left: 0; width: 22.5%; margin-top: -80px; margin-left: 15px; }
@media screen and (max-width: 640px) { .idx .info-sec .info-con .info-icon { width: 46.5517241379%; } }
.idx .info-sec .info-con .info-fig { width: 56.3333333333%; margin: 0 auto; }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-fig { width: 100%; margin-bottom: 60px; } }
.idx .info-sec .info-con .info-area { position: absolute; width: 26.6666666667%; background-color: #f5f7fe; }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-area { position: static; width: 100%; margin-bottom: 30px !important; } }
.idx .info-sec .info-con .info-area a { text-decoration: none; position: relative; display: flex; justify-content: space-between; padding: 20px 15px; }
@media screen and (max-width: 1200px) { .idx .info-sec .info-con .info-area a { padding: 5px; } }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-area a { padding: 20px 15px; } }
.idx .info-sec .info-con .info-area a::before { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 28px 28px; }
.idx .info-sec .info-con .info-area a figure { width: 34.4827586207%; margin-right: 6.8965517241%; }
.idx .info-sec .info-con .info-area a dl { width: 58.6206896552%; }
.idx .info-sec .info-con .info-area a dl dt { margin-bottom: 10px; font-size: 1.5rem; line-height: 1; }
@media screen and (max-width: 1200px) { .idx .info-sec .info-con .info-area a dl dt { margin-bottom: 5px; font-size: 0.9375rem; } }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-area a dl dt { margin-bottom: 20px; font-size: 1.5rem; } }
.idx .info-sec .info-con .info-area a dl dd { font-size: 0.875rem; line-height: 1.4; }
@media screen and (max-width: 1200px) { .idx .info-sec .info-con .info-area a dl dd { font-size: 0.75rem; line-height: 1.2; } }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-area a dl dd { font-size: 1.0625rem; line-height: 2; } }
@media screen and (max-width: 640px) { .idx .info-sec .info-con .info-area a dl dd { line-height: 1.4; } }
.idx .info-sec .info-con .info-toyohashi { bottom: 0; right: 0; border: 1px solid #ec6c2b; margin-bottom: -7.5%; }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-toyohashi { margin-bottom: 0; } }
.idx .info-sec .info-con .info-toyohashi a::before { border-color: transparent transparent #ec6c2b transparent; }
.idx .info-sec .info-con .info-toyokawa { bottom: 0; right: 0; border: 1px solid #b13631; margin-bottom: 6.6666666667%; }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-toyokawa { margin-bottom: 0; } }
.idx .info-sec .info-con .info-toyokawa a::before { border-color: transparent transparent #b13631 transparent; }
.idx .info-sec .info-con .info-gamagori { bottom: 0; left: 0; border: 1px solid #2ab6e4; margin-bottom: 2.5%; }
@media screen and (max-width: 1200px) { .idx .info-sec .info-con .info-gamagori { margin-bottom: 4.1666666667%; } }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-gamagori { margin-bottom: 0; } }
.idx .info-sec .info-con .info-gamagori a::before { border-color: transparent transparent #2ab6e4 transparent; }
.idx .info-sec .info-con .info-shinshiro { top: 0; left: 0; border: 1px solid #175d3a; margin-top: 10.8333333333%; }
@media screen and (max-width: 1200px) { .idx .info-sec .info-con .info-shinshiro { margin-top: 11.6666666667%; } }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-shinshiro { margin-top: 0; } }
.idx .info-sec .info-con .info-shinshiro a::before { border-color: transparent transparent #175d3a transparent; }
.idx .info-sec .info-con .info-shitara { top: 0; left: 0; border: 1px solid #18aa56; margin-top: -6.6666666667%; }
@media screen and (max-width: 1200px) { .idx .info-sec .info-con .info-shitara { margin-top: -3.3333333333%; } }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-shitara { margin-top: 0; } }
.idx .info-sec .info-con .info-shitara a::before { border-color: transparent transparent #18aa56 transparent; }
.idx .info-sec .info-con .info-tahara { bottom: 0; left: 0; border: 1px solid #c6cd1e; margin-bottom: -15%; }
@media screen and (max-width: 1200px) { .idx .info-sec .info-con .info-tahara { margin-bottom: -9.1666666667%; } }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-tahara { margin-bottom: 0; } }
.idx .info-sec .info-con .info-tahara a::before { border-color: transparent transparent #c6cd1e transparent; }
.idx .info-sec .info-con .info-toei { top: 0; right: 0; border: 1px solid #2caaaa; margin-top: 8.3333333333%; }
@media screen and (max-width: 1200px) { .idx .info-sec .info-con .info-toei { margin-top: 9.1666666667%; } }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-toei { margin-top: 0; } }
.idx .info-sec .info-con .info-toei a::before { border-color: transparent transparent #2caaaa transparent; }
.idx .info-sec .info-con .info-toyone { top: 0; right: 0; border: 1px solid #d07bc2; margin-top: -5.8333333333%; }
@media screen and (max-width: 1200px) { .idx .info-sec .info-con .info-toyone { margin-top: -4.1666666667%; } }
@media screen and (max-width: 960px) { .idx .info-sec .info-con .info-toyone { margin-top: 0; } }
.idx .info-sec .info-con .info-toyone a::before { border-color: transparent transparent #d07bc2 transparent; }
.idx .pamphlet-sec { padding: 90px 0; background-color: #f5f7fe; }
.idx .pamphlet-sec .pamphlet-heading { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 2px solid #46b46b; font-size: 2rem; font-weight: bold; text-align: center; }
@media screen and (max-width: 640px) { .idx .pamphlet-sec .pamphlet-heading { margin-bottom: 30px; padding-bottom: 30px; font-size: 1.375rem; } }
.idx .pamphlet-sec .pamphlet-list { display: flex; justify-content: space-between; flex-wrap: wrap; }
@media screen and (max-width: 640px) { .idx .pamphlet-sec .pamphlet-list { display: block; } }
.idx .pamphlet-sec .pamphlet-list li { width: 48%; margin-bottom: 2.25%; background-color: #fff; box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.2); border-radius: 10px; }
@media screen and (max-width: 640px) { .idx .pamphlet-sec .pamphlet-list li { width: 100%; margin-bottom: 25px; } }
.idx .pamphlet-sec .pamphlet-list li a { display: flex; text-decoration: none; padding: 50px 25px; align-items: center;  justify-content: space-around; }
@media screen and (max-width: 640px) { .idx .pamphlet-sec .pamphlet-list li a { justify-content: space-between; padding: 6.8965517241% 4.3103448276%; } }
.idx .pamphlet-sec .pamphlet-list li figure { text-align: center; }
@media screen and (max-width: 640px) { .idx .pamphlet-sec .pamphlet-list li figure { width: 26.1904761905%; margin-right: 3.1746031746%; } }
@media screen and (max-width: 640px) { .idx .pamphlet-sec .pamphlet-list li .pamphlet-box { width: 65.0793650794%; } }
.idx .pamphlet-sec .pamphlet-list li .pamphlet-box dl { margin-bottom: 10px; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #46b46b; line-height: 2; }
@media screen and (max-width: 640px) { .idx .pamphlet-sec .pamphlet-list li .pamphlet-box dl { text-align: left; } }
.idx .pamphlet-sec .pamphlet-list li .pamphlet-box dl dt { font-size: 1.125rem; }
@media screen and (max-width: 640px) { .idx .pamphlet-sec .pamphlet-list li .pamphlet-box dl dt { font-size: 0.8125rem; } }
.idx .pamphlet-sec .pamphlet-list li .pamphlet-box dl dd { font-size: 0.875rem; }
@media screen and (max-width: 640px) { .idx .pamphlet-sec .pamphlet-list li .pamphlet-box dl dd { font-size: 0.75rem; } }
.idx .pamphlet-sec .pamphlet-list li .pamphlet-box p { text-align: center; }
@media screen and (max-width: 640px) { .idx .pamphlet-sec .pamphlet-list li .pamphlet-box p { font-size: 0.8125rem; text-align: left; } }

/* ==================================================================================================== 数字で見る東三河
==================================================================================================== */
.data .data-top { margin-bottom: 120px; }
.data .data-top .data-nav { display: flex; flex-wrap: wrap; justify-content: space-around; }
@media screen and (max-width: 640px) { .data .data-top .data-nav { justify-content: space-between; } }
.data .data-top .data-nav dl:last-child { margin-right: 0; }
.data .data-top .data-nav dl dt { margin-bottom: 20px; font-size: 1.375rem; font-weight: bold; text-align: center; }
@media screen and (max-width: 640px) { .data .data-top .data-nav dl dt { font-size: 0.875rem; } }
.data .data-top .data-nav dl dt img { margin: 0 auto 25px; }
.data .data-top .data-nav dl dd ul li { margin-bottom: 10px; padding-left: 30px; }
@media screen and (max-width: 640px) { .data .data-top .data-nav dl dd ul li { font-size: 0.875rem; } }
.data .data-top .data-nav dl dd ul li:last-child { margin-bottom: 0; }
.data .data-top .data-nav dl dd ul li a { text-decoration: none; }
.data .data-top .data-nav dl dd ul li a:hover { text-decoration: underline; }
.data .data-top .data-nav .nav-nature { width: 20.4166666667%; }
@media screen and (max-width: 640px) { .data .data-top .data-nav .nav-nature { width: 48%; margin-right: 4%; margin-bottom: 8%; } }
.data .data-top .data-nav .nav-nature dt { color: #1d9c94; }
.data .data-top .data-nav .nav-nature dt img { width: 80px; }
.data .data-top .data-nav .nav-nature dd ul li { background: url("../img/living/data/ico_arrow01.svg") no-repeat left 5px top 0.5em; background-size: 12px auto; }
.data .data-top .data-nav .nav-environment { width: 15%; }
@media screen and (max-width: 640px) { .data .data-top .data-nav .nav-environment { width: 48%; margin-bottom: 8%; } }
.data .data-top .data-nav .nav-environment dt { color: #d75b8c; }
.data .data-top .data-nav .nav-environment dt img { width: 83px; }
.data .data-top .data-nav .nav-environment dd ul li { background: url("../img/living/data/ico_arrow02.svg") no-repeat left 5px top 0.5em; background-size: 12px auto; }
.data .data-top .data-nav .nav-industry { width: 22.0833333333%; }
@media screen and (max-width: 640px) { .data .data-top .data-nav .nav-industry { width: 48%; margin-right: 2%; } }
.data .data-top .data-nav .nav-industry dt { color: #3c91e6; }
.data .data-top .data-nav .nav-industry dt img { width: 130px; }
.data .data-top .data-nav .nav-industry dd ul li { background: url("../img/living/data/ico_arrow03.svg") no-repeat left 5px top 0.5em; background-size: 12px auto; }
.data .data-top .data-nav .nav-higashimikawa { width: 24.1666666667%; }
@media screen and (max-width: 640px) { .data .data-top .data-nav .nav-higashimikawa { width: 48%; } }
.data .data-top .data-nav .nav-higashimikawa dt { color: #796a56; }
.data .data-top .data-nav .nav-higashimikawa dt img { width: 61px; margin: 10px auto 25px; }
.data .data-top .data-nav .nav-higashimikawa dd ul li { background: url("../img/living/data/ico_arrow04.svg") no-repeat left 5px top 0.5em; background-size: 12px auto; }
.data .data-con { padding: 100px 0 150px; background-color: #f5f7fe; }
.data .data-box { margin-bottom: 100px; }
.data .data-box .data-heading { position: relative; margin-bottom: 80px; font-size: 3.125rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 640px) { .data .data-box .data-heading { font-size: 1.75rem; } }
.data .data-box .data-heading::before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; margin-bottom: -30px; background-color: #000; }
.data .data-box .data-box-flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
@media screen and (max-width: 640px) { .data .data-box .data-box-flex { display: block; } }
.data .data-box .data-box-flex .data-item { width: 48.3333333333%; margin-right: 3.3333333333%; margin-bottom: 3.3333333333%; }
@media screen and (max-width: 640px) { .data .data-box .data-box-flex .data-item { width: 100%; margin-right: 0; } }
.data .data-box .data-box-flex .data-item:nth-child(2n) { margin-right: 0; }
.data .data-box .data-box-flex .data-item:last-child { margin-right: 0; }
.data .data-box .data-item { padding: 20px; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.2); }
.data .data-box .data-item .data-subheading { display: flex; align-items: center; margin-bottom: 15px; font-size: 1.3125rem; font-weight: 400; line-height: 1; }
.data .data-box .data-item .data-subheading span { flex: 1; margin-left: 0.5em; }
.data .data-box .data-item .data-item-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .data .data-box .data-item .data-item-con { display: block; } }
.data .data-box .data-item .data-item-con .data-item-fig { width: 41.0344827586%; }
@media screen and (max-width: 640px) { .data .data-box .data-item .data-item-con .data-item-fig { width: 100%; margin-bottom: 15px; } }
.data .data-box .data-item .data-item-con .data-item-box { position: relative; width: 54.3103448276%; }
@media screen and (max-width: 640px) { .data .data-box .data-item .data-item-con .data-item-box { width: 100%; } }
.data .data-box .data-item .data-item-fig { text-align: center; }
@media screen and (max-width: 640px) { .data .data-box .data-item .data-item-fig img { width: 100%; } }
.data .data-box .data-item .data-item-txt { margin-top: 15px; font-size: 0.875rem; }
.data .data-box .data-item .data-item-txt-num { margin: 0 5px; font-size: 4.125rem; font-weight: bold; line-height: 1; }
.data .data-box .data-item .data-item-txt-rank { font-size: 1.25rem; line-height: 1; }
.data .data-box .data-item .data-item-notes { margin-top: 15px; font-size: 0.8125rem; }
.data .data-nature .data-item-txt-color { color: #1d9c94; }
.data .data-nature .data-heading { color: #1d9c94; }
.data .data-nature .data-heading::before { background: rgba(29, 156, 148, 0.2); }
.data .data-nature .ico-nature01::before { width: 31px; height: 39px; background: url("../img/living/data/ico_nature01.svg"); }
.data .data-nature .ico-nature02::before { width: 34px; height: 39px; background: url("../img/living/data/ico_nature02.svg"); }
.data .data-nature .ico-nature03::before { width: 41px; height: 41px; background: url("../img/living/data/ico_nature03.svg"); }
.data .data-nature.data-nature01 .data-item-con { margin-bottom: 30px; }
@media screen and (max-width: 640px) { .data .data-nature.data-nature01 .data-item-con { display: flex; } }
.data .data-nature.data-nature01 .data-item-con .data-item-fig { width: 73.7037037037%; }
.data .data-nature.data-nature01 .data-item-con .data-item-box { flex: 1; width: 14.8148148148%; margin: 0 20px; }
@media screen and (max-width: 960px) { .data .data-nature.data-nature01 .data-item-con .data-item-box { margin: 0 5px; } }
.data .data-nature.data-nature01 .data-item-con .data-item-box p { font-size: 0.9375rem; text-align: center; color: #1d9c94; line-height: 1; }
.data .data-nature.data-nature01 .data-item-con .data-item-box p span { font-size: 4.125rem; font-weight: bold; }
@media screen and (max-width: 960px) { .data .data-nature.data-nature01 .data-item-con .data-item-box p span { font-size: 2.25rem; } }
.data .data-nature.data-nature01 .data-item-con .data-item-box figure { margin: 20px 0; text-align: center; }
.data .data-nature.data-nature03 .data-item-con .data-item-box .data-item-txt2 { padding-left: 6em; }
@media screen and (max-width: 640px) { .data .data-nature.data-nature03 .data-item-con .data-item-box .data-item-txt2 { padding-left: 0; text-align: center; } }
.data .data-environment .data-item-txt-color { color: #d75b8c; }
.data .data-environment .data-heading { color: #d75b8c; }
.data .data-environment .data-heading::before { background: rgba(215, 91, 140, 0.2); }
.data .data-environment .ico-environment01::before { width: 37px; height: 30px; background: url("../img/living/data/ico_environment01.svg"); }
.data .data-environment .ico-environment02::before { width: 38px; height: 33px; background: url("../img/living/data/ico_environment02.svg"); }
.data .data-environment .ico-environment03::before { width: 39px; height: 35px; background: url("../img/living/data/ico_environment03.svg"); }
.data .data-environment .ico-environment04::before { width: 43px; height: 32px; background: url("../img/living/data/ico_environment04.svg"); }
.data .data-environment .data-item-txt2 { margin-top: 30px; font-size: 0.9375rem; }
.data .data-industry .data-item-txt-color { color: #3c91e6; }
.data .data-industry .data-heading { color: #3c91e6; }
.data .data-industry .data-heading::before { background: rgba(60, 145, 230, 0.2); }
.data .data-industry .ico-industry01::before { width: 43px; height: 36px; background: url("../img/living/data/ico_industry01.svg"); }
.data .data-industry .ico-industry02::before { width: 38px; height: 38px; background: url("../img/living/data/ico_industry02.svg"); }
.data .data-industry .ico-industry03::before { width: 38px; height: 27px; background: url("../img/living/data/ico_industry03.svg"); }
.data .data-industry .ico-industry04::before { width: 33px; height: 42px; background: url("../img/living/data/ico_industry04.svg"); }
.data .data-industry .ico-industry05::before { width: 33px; height: 33px; background: url("../img/living/data/ico_industry05.svg"); }
.data .data-industry .data-item-txt2 { margin-top: 30px; font-size: 0.9375rem; }
.data .data-industry .data-item-txt3 { margin-top: 20px; font-size: 2.5rem; line-height: 1.2; }
@media screen and (max-width: 640px) { .data .data-industry .data-item-txt3 { font-size: 1.875rem; } }
.data .data-industry.data-industry05 .data-item-box { background: url("../img/living/data/ico_industry06.png") no-repeat right 70px bottom 10px; background-size: 14.2857142857% auto; }
@media screen and (max-width: 960px) { .data .data-industry.data-industry05 .data-item-box { padding-bottom: 80px; background-position: right 0 bottom 0; } }
@media screen and (max-width: 640px) { .data .data-industry.data-industry05 .data-item-box { background-size: 18.5185185185% auto; } }
.data .data-higashimikawa .data-item-txt-color { color: #796a56; }
.data .data-higashimikawa .data-icon { width: 90px; margin: 0 auto 40px; }
.data .data-higashimikawa .data-heading { margin-bottom: 35px; color: #796a56; }
.data .data-higashimikawa .data-heading::before { display: none; }
.data .data-higashimikawa .data-txt { margin-bottom: 50px; font-size: 1.125rem; text-align: center; }
.data .data-higashimikawa .ico-higashimikawa01::before { width: 41px; height: 20px; background: url("../img/living/data/ico_higashimikawa01.svg"); }
.data .data-higashimikawa .ico-higashimikawa02::before { width: 33px; height: 34px; background: url("../img/living/data/ico_higashimikawa02.svg"); }
.data .data-higashimikawa .ico-higashimikawa03::before { width: 38px; height: 27px; background: url("../img/living/data/ico_higashimikawa03.svg"); }
.data .data-higashimikawa .ico-higashimikawa04::before { width: 34px; height: 30px; background: url("../img/living/data/ico_higashimikawa04.svg"); }
.data .data-higashimikawa .ico-higashimikawa05::before { width: 27px; height: 33px; background: url("../img/living/data/ico_higashimikawa05.svg"); }
.data .data-higashimikawa .data-item { margin-bottom: 30px; }
.data .data-higashimikawa .data-item-txt { margin-top: 0; margin-bottom: 15px; }
.data .data-higashimikawa .data-item-con { margin-bottom: 30px; flex-direction: row-reverse; }
.data .data-higashimikawa .data-item-con .data-item-fig { width: 41.3793103448%; }
@media screen and (max-width: 640px) { .data .data-higashimikawa .data-item-con .data-item-fig { width: 100%; margin-bottom: 15px; } }
.data .data-higashimikawa .data-item-con .data-item-box { width: 48.275862069%; }
@media screen and (max-width: 640px) { .data .data-higashimikawa .data-item-con .data-item-box { width: 100%; } }
.data .data-higashimikawa .data-voice { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .data .data-higashimikawa .data-voice { display: block; } }
.data .data-higashimikawa .data-voice .data-voice-item { position: relative; width: 47.4137931034%; padding: 30px; background-color: #f5f0e8; cursor: pointer; }
@media screen and (max-width: 640px) { .data .data-higashimikawa .data-voice .data-voice-item { width: 100%; margin-right: 0; margin-bottom: 20px; padding: 20px; } }
.data .data-higashimikawa .data-voice .data-voice-item::before { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; margin-right: 10px; margin-bottom: 10px; border-style: solid; border-width: 0 0 13px 13px; border-color: transparent transparent #dd5c4c transparent; }
.data .data-higashimikawa .data-voice .data-voice-item:nth-child(even) { margin-right: 0; }
.data .data-higashimikawa .data-voice .data-voice-overview { display: flex; justify-content: space-between; }
@media screen and (max-width: 960px) { .data .data-higashimikawa .data-voice .data-voice-overview { display: block; } }
.data .data-higashimikawa .data-voice .data-voice-overview figure { width: 40.8163265306%; margin-right: 4.0816326531%; }
@media screen and (max-width: 960px) { .data .data-higashimikawa .data-voice .data-voice-overview figure { width: 100%; margin-right: 0; margin-bottom: 20px; } }
.data .data-higashimikawa .data-voice .data-voice-overview .data-voice-con { width: 55.1020408163%; }
@media screen and (max-width: 960px) { .data .data-higashimikawa .data-voice .data-voice-overview .data-voice-con { width: 100%; } }
.data .data-higashimikawa .data-voice .data-voice-overview p { margin-bottom: 15px; line-height: 1.6; }
.data .data-higashimikawa .data-voice .data-voice-more { color: #dc5c4c; font-weight: bold; text-decoration: none; letter-spacing: 5px; }
.data .data-higashimikawa .data-voice .data-voice-message { display: none; }
.data .data-higashimikawa.data-higashimikawa03 .data-item-event { display: flex; justify-content: space-between; }
@media screen and (max-width: 960px) { .data .data-higashimikawa.data-higashimikawa03 .data-item-event { display: block; } }
.data .data-higashimikawa.data-higashimikawa03 .data-item-event dt { display: flex; align-items: center; justify-content: center; width: 32.1428571429%; margin-right: 3.5714285714%; background-color: #92c8d1; font-size: 1.1875rem; color: #fff; text-align: center; }
@media screen and (max-width: 960px) { .data .data-higashimikawa.data-higashimikawa03 .data-item-event dt { width: 100%; margin-bottom: 15px; } }
@media screen and (max-width: 640px) { .data .data-higashimikawa.data-higashimikawa03 .data-item-event dt { font-size: 1rem; } }
.data .data-higashimikawa.data-higashimikawa03 .data-item-event dd { flex: 1; font-size: 1.0625rem; }
@media screen and (max-width: 640px) { .data .data-higashimikawa.data-higashimikawa03 .data-item-event dd { font-size: 0.9375rem; } }
.data .data-higashimikawa.data-higashimikawa05 { padding-bottom: 50px; }
.data .data-higashimikawa.data-higashimikawa05 .data-btn { max-width: 235px; margin: 50px auto 0; }
.data .data-higashimikawa.data-higashimikawa05 .data-btn a { display: block; text-decoration: none; padding: 15px; background: #46b46b url("../img/common/ico_arrow_w02.png") no-repeat right 15px center; font-size: 1rem; font-weight: bold; text-align: center; color: #fff; line-height: 1; border-radius: 2em; }

.data-voice-area { display: flex; margin-bottom: 10px; }
.data-voice-area span { display: block; min-width: 65px; padding: 2px 10px; text-align: center; }
.data-voice-area span:first-child { font-size: 0.8125rem; color: #fff; }
.data-voice-area span:last-child { font-size: 0.75rem; font-style: italic; }
@media screen and (max-width: 640px) { .data-voice-area span:last-child { padding: 0 5px 0 3px; } }
.data-voice-area.is-toyohashi span { border: 1px solid #ec6c2b; }
.data-voice-area.is-toyohashi span:first-child { background-color: #ec6c2b; }
.data-voice-area.is-toyohashi span:last-child { color: #ec6c2b; }
.data-voice-area.is-toyokawa span { border: 1px solid #b13631; }
.data-voice-area.is-toyokawa span:first-child { background-color: #b13631; }
.data-voice-area.is-toyokawa span:last-child { color: #b13631; }
.data-voice-area.is-gamagori span { border: 1px solid #2ab6e4; }
.data-voice-area.is-gamagori span:first-child { background-color: #2ab6e4; }
.data-voice-area.is-gamagori span:last-child { color: #2ab6e4; }
.data-voice-area.is-shinshiro span { border: 1px solid #175d3a; }
.data-voice-area.is-shinshiro span:first-child { background-color: #175d3a; }
.data-voice-area.is-shinshiro span:last-child { color: #175d3a; }
.data-voice-area.is-tahara span { border: 1px solid #c6cd1e; }
.data-voice-area.is-tahara span:first-child { background-color: #c6cd1e; }
.data-voice-area.is-tahara span:last-child { color: #c6cd1e; }
.data-voice-area.is-shitara span { border: 1px solid #18aa56; }
.data-voice-area.is-shitara span:first-child { background-color: #18aa56; }
.data-voice-area.is-shitara span:last-child { color: #18aa56; }
.data-voice-area.is-toei span { border: 1px solid #2caaaa; }
.data-voice-area.is-toei span:first-child { background-color: #2caaaa; }
.data-voice-area.is-toei span:last-child { color: #2caaaa; }
.data-voice-area.is-toyone span { border: 1px solid #d07bc2; }
.data-voice-area.is-toyone span:first-child { background-color: #d07bc2; }
.data-voice-area.is-toyone span:last-child { color: #d07bc2; }

.data-voice-name { margin-bottom: 20px; line-height: 1.6; }
.data-voice-name dt { margin-bottom: 10px; font-size: 1.25rem; font-weight: bold; }
.data-voice-name dd { font-size: 0.9375rem; }

.data-modal { display: none; position: fixed; top: 0; left: 0; z-index: 100000; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); }
.data-modal .data-modal-bg { box-sizing: border-box; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px 0; overflow-y: auto; }
.data-modal .data-modal-nav { box-sizing: border-box; position: relative; width: 100%; max-width: 1280px; margin: auto; padding: 0 40px; }
.data-modal .data-modal-in { box-sizing: border-box; position: relative; margin: 0 auto; border: 1px solid #d5d4d2; background-color: #fff; }
.data-modal .data-modal-con { padding: 30px; }
.data-modal .data-modal-con .data-voice-in { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .data-modal .data-modal-con .data-voice-in { flex-direction: column; } }
.data-modal .data-modal-con .data-voice-overview { width: 200px; margin-right: 25px; }
@media screen and (max-width: 640px) { .data-modal .data-modal-con .data-voice-overview { width: 100%; margin-bottom: 20px; text-align: center; }
  .data-modal .data-modal-con .data-voice-overview .data-voice-area { justify-content: center; } }
.data-modal .data-modal-con .data-voice-con { padding: 15px 0 0 5px; }
.data-modal .data-modal-con .data-voice-con p { display: none; }
.data-modal .data-modal-con .data-voice-more { display: none; }
.data-modal .data-modal-con .data-voice-message { flex: 1; }
.data-modal .data-modal-con .data-voice-message dt { margin-bottom: 10px; font-size: 112.5%; font-weight: bold; }
.data-modal .data-modal-con .data-voice-message dd { font-size: 87.5%; line-height: 1.8; }
.data-modal .data-modal-con .data-voice-message dd p { margin-bottom: 20px; }
.data-modal .data-modal-con .data-voice-message dd p:last-child { margin-bottom: 0; }
.data-modal .data-modal-close { z-index: 999999; position: absolute; top: -1px; right: -1px; cursor: pointer; width: 50px; height: 50px; }
@media screen and (max-width: 640px) { .data-modal .data-modal-close { width: 25px; height: 25px; } }
.data-modal .data-modal-arrow { z-index: 999999; position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -30px; cursor: pointer; }
.data-modal .data-modal-arrow.data-modal-prev { left: 0; }
.data-modal .data-modal-arrow.data-modal-next { right: 0; }

.js-modalopen { overflow: hidden; }
.js-modalopen .data .data-modal { display: block; }

/* ==================================================================================================== 十人十色の素敵ストーリー
==================================================================================================== */
.story .story-top { margin-bottom: 60px; }
.story .story-top .living-ttl { margin-bottom: 80px; font-size: 3.125rem; font-weight: 700; line-height: 1; }
@media screen and (max-width: 640px) { .story .story-top .living-ttl { font-size: 2rem; } }
.story .story-top .living-ttl::before { margin-bottom: -30px; }
.story .story-top .living-ttl span { font-size: 1.25rem; color: #262626; }
@media screen and (max-width: 640px) { .story .story-top .living-ttl span { font-size: 1rem; } }
.story .story-top .story-txt { font-size: 1.0625rem; text-align: center; }
.story .story-top .story-txt span { font-size: 1.25rem; }
.story .story-box { padding-top: 75px; margin-bottom: 170px; }
@media screen and (max-width: 960px) { .story .story-box { padding-top: 0; } }
.story .story-box .story-bg { display: none; }
@media screen and (max-width: 960px) { .story .story-box .story-bg { position: relative; display: block; padding-left: 20px; margin-bottom: 40px; } }
@media screen and (max-width: 960px) { .story .story-box .inner .story-heading { display: none; } }
.story .story-box .story-heading { margin-bottom: 3.3333333333%; font-size: 1.8125rem; color: #fff; font-weight: 400; line-height: 1; }
@media screen and (max-width: 960px) { .story .story-box .story-heading { position: absolute; top: 50%; left: 0; margin-top: -1.4em; margin-left: 20px; } }
.story .story-box .story-heading span { margin-right: 0.5em; font-size: 4.375rem; }
.story .story-box .story-heading .ico-story { margin-right: 0.5em; vertical-align: middle; }
.story .story-box .story-heading .ico-story::before { width: 73px; height: 61px; background: url("../img/living/story/ico_story.svg"); }
.story .story-box .story-box-txt { margin-bottom: 4.1666666667%; font-weight: 300; line-height: 2.2; }
@media screen and (max-width: 960px) { .story .story-box .story-box-txt { line-height: 2; } }
.story .story-box .story-box-txt span { background-color: #fff; padding: 2px 15px; }
@media screen and (max-width: 960px) { .story .story-box .story-box-txt span { background: none; padding: 0; } }
.story .story-box .story-movie { position: relative; width: 33.5833333333%; margin-bottom: 10px; }
@media screen and (max-width: 960px) { .story .story-box .story-movie { width: 50%; margin: 0 auto; } }
@media screen and (max-width: 640px) { .story .story-box .story-movie { width: 100%; } }
.story .story-box .story-movie .story-movie-fig { cursor: pointer; }
.story .story-box .story-movie .story-movie-txt { position: absolute; top: 0; right: 0; margin-top: 1em; margin-right: -3.5em; font-size: 2.75rem; color: #fff; }
@media screen and (max-width: 960px) { .story .story-box .story-movie .story-movie-txt { color: #333; } }
@media screen and (max-width: 640px) { .story .story-box .story-movie .story-movie-txt { position: relative; margin-top: 0; margin-right: 0; text-align: center; } }
.story .story-life { background: url("../img/living/story/box01_bg001.png") no-repeat right top; }
@media screen and (max-width: 960px) { .story .story-life { background: none; } }
.story .story-play { background: url("../img/living/story/box02_bg001.png") no-repeat right top; }
@media screen and (max-width: 960px) { .story .story-play { background: none; } }
.story .story-work { background: url("../img/living/story/box03_bg001.png") no-repeat right top; }
@media screen and (max-width: 960px) { .story .story-work { background: none; } }

/* ==================================================================================================== 移住者の声
==================================================================================================== */
.voice .voice-top { margin-bottom: 60px; }
.voice .voice-top .living-ttl { margin-bottom: 80px; font-size: 3.125rem; font-weight: 700; line-height: 1; }
@media screen and (max-width: 640px) { .voice .voice-top .living-ttl { font-size: 2rem; } }
.voice .voice-top .living-ttl::before { margin-bottom: -30px; }
.voice .voice-top .living-ttl span { font-size: 1.25rem; color: #262626; }
@media screen and (max-width: 640px) { .voice .voice-top .living-ttl span { font-size: 1rem; } }
.voice .voice-top .voice-txt { font-size: 1.0625rem; text-align: center; }
.voice .voice-con .voice-sort { margin-bottom: 95px; padding-bottom: 15px; border-bottom: 2px solid #46b46b; }
.voice .voice-con .voice-sort dl { display: flex; align-items: center; justify-content: flex-end; }
.voice .voice-con .voice-sort dl dt { font-size: 1.0625rem; }
.voice .voice-con .voice-sort dl dd { display: flex; }
.voice .voice-con .voice-sort dl dd p { margin: 0 5px; }
.voice .voice-con .voice-sort dl dd a { color: #46b46b; }
.voice .voice-att { margin-bottom: 30px; text-align: center; }
.voice .voice-pager { padding: 40px 0; background-color: #f5f7fe; }
.voice .voice-pager .voice-pager-con { display: flex; align-items: center; justify-content: center; }
.voice .voice-pager .voice-pager-con p { width: 56px; }
.voice .voice-pager .voice-pager-con ol { display: flex; align-items: center; justify-content: center; margin: 0 20px; }
.voice .voice-pager .voice-pager-con ol li { position: relative; padding: 10px; }
.voice .voice-pager .voice-pager-con ol li::before { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 20px; margin-top: -10px; background-color: #ddd; }
.voice .voice-pager .voice-pager-con ol li:last-child::before { display: none; }
.voice .voice-pager .voice-pager-con ol li a { text-decoration: none; display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; font-size: 1.125rem; line-height: 1; }
.voice .voice-pager .voice-pager-con ol li a:hover, .voice .voice-pager .voice-pager-con ol li a.active { background-color: #262626; color: #fff; border-radius: 5px; }

.v_detail .v_detail-back { max-width: 150px; }
.v_detail .v_detail-back a { display: block; text-decoration: none; padding: 10px 5px 13px; background-color: #f5f7fe; font-size: 1.0625rem; text-align: center; line-height: 1; border-radius: 2em; }
.v_detail .v_detail-back .ico-back::before { width: 12px; height: 18px; background: url("../img/living/common/ico_back.svg"); }
.v_detail .v_detail-ttl { margin-bottom: 70px; }
.v_detail .v_detail-ttl .inner { position: relative; }
.v_detail .v_detail-ttl .v_detail-back { position: absolute; top: 0; right: 20px; z-index: 1; }
@media screen and (max-width: 640px) { .v_detail .v_detail-ttl .v_detail-back { position: static; margin-left: auto; margin-bottom: 1em; } }
.v_detail .v_detail-ttl .v_detail-ttl-con { position: relative; display: flex; align-items: center; justify-content: center; color: #46b46b; }
.v_detail .v_detail-ttl .v_detail-ttl-con::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 344px; height: 1px; margin-bottom: -30px; margin-left: -172px; background-color: #46b46b; }
.v_detail .v_detail-ttl .v_detail-ttl-en { font-size: 1.4375rem; font-weight: bold; }
.v_detail .v_detail-ttl .v_detail-ttl-txt { font-weight: bold; }
.v_detail .v_detail-ttl .v_detail-ttl-case { display: flex; align-items: center; justify-content: center; width: 125px; height: 125px; margin: 0 20px; border: 1px solid #46b46b; font-size: 1.25rem; text-align: center; font-weight: bold; line-height: 1.2; border-radius: 50%; }
.v_detail .v_detail-ttl .v_detail-ttl-case span { font-size: 3.125rem; }
.v_detail .v_detail-top { padding-bottom: 30px; background: linear-gradient(180deg, #fff 0%, #fff 50%, #f5f7fe 50%, #f5f7fe 100%); }
@media screen and (max-width: 960px) { .v_detail .v_detail-top { background: linear-gradient(180deg, #fff 0%, #fff 73%, #f5f7fe 73%, #f5f7fe 100%); } }
@media screen and (max-width: 640px) { .v_detail .v_detail-top { background: linear-gradient(180deg, #fff 0%, #fff 67%, #f5f7fe 67%, #f5f7fe 100%); } }
.v_detail .v_detail-top .v_detail-top-in { display: flex; justify-content: space-between; flex-direction: row-reverse; }
@media screen and (max-width: 960px) { .v_detail .v_detail-top .v_detail-top-in { display: block; } }
.v_detail .v_detail-top .v_detail-top-in figure { width: 46.6666666667%; }
@media screen and (max-width: 960px) { .v_detail .v_detail-top .v_detail-top-in figure { width: 100%; margin: 0 auto 30px; } }
.v_detail .v_detail-top .v_detail-top-in .v_detail-top-box { width: 44.1666666667%; }
@media screen and (max-width: 960px) { .v_detail .v_detail-top .v_detail-top-in .v_detail-top-box { width: 100%; } }
.v_detail .v_detail-top .v_detail-top-in .v_detail-top-box .v_detail-top-cate { margin-bottom: 40px; }
.v_detail .v_detail-top .v_detail-top-in .v_detail-top-box .v_detail-top-cate span { padding: 5px 15px; font-size: 1.0625rem; color: #fff; line-height: 1; }
.v_detail .v_detail-top .v_detail-top-in .v_detail-top-box .v_detail-top-heading { margin-bottom: 85px; font-size: 1.75rem; }
@media screen and (max-width: 640px) { .v_detail .v_detail-top .v_detail-top-in .v_detail-top-box .v_detail-top-heading { margin-bottom: 40px; font-size: 1.375rem; } }
.v_detail .v_detail-top .v_detail-top-in .v_detail-top-box dl dt { margin-bottom: 25px; font-size: 1.9375rem; }
@media screen and (max-width: 640px) { .v_detail .v_detail-top .v_detail-top-in .v_detail-top-box dl dt { font-size: 1.5rem; } }
.v_detail .v_detail-top .v_detail-top-in .v_detail-top-box dl dd { font-size: 1.0625rem; }
.v_detail .v_detail-con { padding: 35px 0 50px; background-color: #f5f7fe; }
.v_detail .v_detail-con .v_detail-con-in { margin-bottom: 50px; padding: 80px 0 60px; background-color: #fff; }
@media screen and (max-width: 640px) { .v_detail .v_detail-con .v_detail-con-in { padding: 40px 0; } }
.v_detail .v_detail-con .v_detail-box { margin-bottom: 40px; padding: 0 100px; }
@media screen and (max-width: 640px) { .v_detail .v_detail-con .v_detail-box { padding: 0 20px; } }
.v_detail .v_detail-con .v_detail-heading { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid #46b46b; font-size: 1.75rem; font-weight: bold; color: #46b46b; }
@media screen and (max-width: 640px) { .v_detail .v_detail-con .v_detail-heading { font-size: 1.5rem; } }
.v_detail .v_detail-con .v_detail-txt { margin-bottom: 30px; line-height: 2; }
.v_detail .v_detail-con .v_detail-txt_list li { margin-bottom: 10px; }
.v_detail .v_detail-con .v_detail-txt_list li:last-child { margin-bottom: 0; }
.v_detail .v_detail-con .v_detail-fig-txt { display: flex; justify-content: space-between; max-width: 1120px; padding-right: 20px; margin-bottom: 70px; }
@media screen and (max-width: 640px) { .v_detail .v_detail-con .v_detail-fig-txt { display: block; padding: 0 20px; margin-bottom: 60px; } }
.v_detail .v_detail-con .v_detail-fig-txt.reverse { flex-direction: row-reverse; margin: 0 0 70px auto; padding-right: 0; padding-left: 20px; }
@media screen and (max-width: 640px) { .v_detail .v_detail-con .v_detail-fig-txt.reverse { margin-bottom: 60px; padding: 0 20px; } }
.v_detail .v_detail-con .v_detail-fig-txt figure { width: 40%; }
@media screen and (max-width: 640px) { .v_detail .v_detail-con .v_detail-fig-txt figure { width: 100%; margin-bottom: 30px; } }
.v_detail .v_detail-con .v_detail-fig-txt .v_detail-fig-txt-lead { width: 54.5454545455%; }
@media screen and (max-width: 640px) { .v_detail .v_detail-con .v_detail-fig-txt .v_detail-fig-txt-lead { width: 100%; } }
.v_detail .v_detail-con .v_detail-back { margin: 0 100px; }
@media screen and (max-width: 640px) { .v_detail .v_detail-con .v_detail-back { margin: 0 20px; } }
.v_detail .v_detail-con .voice-att { text-align: center; }
.v_detail .v_detail-article { padding-top: 70px; }
.v_detail .v_detail-article .article-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; padding-bottom: 30px; border-bottom: 2px solid #46b46b; }
@media screen and (max-width: 640px) { .v_detail .v_detail-article .article-top { display: block; } }
.v_detail .v_detail-article .article-top .article-heading { font-size: 2rem; font-weight: 700; }
@media screen and (max-width: 640px) { .v_detail .v_detail-article .article-top .article-heading { margin-bottom: 10px; } }
.v_detail .v_detail-article .article-top .slide-btn { display: flex; align-items: center; justify-content: flex-end; }
.v_detail .v_detail-article .article-top .slide-btn li { width: 64px; margin-left: 25px; cursor: pointer; }
@media screen and (max-width: 640px) { .v_detail .v_detail-article .article-top .slide-btn li { width: 44px; } }
.v_detail .v_detail-article .slick-slide { margin: 0 37px; }
.v_detail .v_detail-article .article-slider li { position: relative; padding-top: 6px; }
@media screen and (max-width: 640px) { .v_detail .v_detail-article .article-slider li { width: 100%; } }
.v_detail .v_detail-article .article-slider li a { text-decoration: none; }
.v_detail .v_detail-article .article-slider li figure { margin-bottom: 30px; border-radius: 20px; overflow: hidden; }
.v_detail .v_detail-article .article-slider li figure .fig { padding-top: 66.66%; }
.v_detail .v_detail-article .article-slider li .voice-list-case { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 68px; height: 81px; margin-right: -10px; background-color: #46b46b; color: #fff; text-align: center; font-size: 1.125rem; }
@media screen and (max-width: 960px) { .v_detail .v_detail-article .article-slider li .voice-list-case { width: 48px; height: 61px; font-size: 1rem; line-height: 1.2; } }
@media screen and (max-width: 640px) { .v_detail .v_detail-article .article-slider li .voice-list-case { width: 68px; height: 81px; font-size: 1.125rem; } }
.v_detail .v_detail-article .article-slider li .voice-list-case span { font-size: 1.75rem; }
@media screen and (max-width: 960px) { .v_detail .v_detail-article .article-slider li .voice-list-case span { font-size: 1.5rem; } }
@media screen and (max-width: 640px) { .v_detail .v_detail-article .article-slider li .voice-list-case span { font-size: 1.75rem; } }
.v_detail .v_detail-article .article-slider li .voice-list-cate { margin-bottom: 20px; }
.v_detail .v_detail-article .article-slider li .voice-list-cate span { padding: 5px 15px; font-size: 1.0625rem; color: #fff; line-height: 1; }
.v_detail .v_detail-article .article-slider li .voice-list-txt { font-size: 1.0625rem; }

/* ==================================================================================================== 東三河移住への流れ
==================================================================================================== */
.flow .share.share_main { margin-top: 450px; }
@media screen and (max-width: 640px) { .flow .share.share_main { margin-top: 60px; } }
.flow .flow-top { margin-bottom: 75px; }
.flow .flow-top .flow-top-txt { margin-bottom: 50px; font-size: 1.0625rem; text-align: center; }
.flow .flow-top .step-nav { display: flex; justify-content: center; flex-wrap: wrap; }
.flow .flow-top .step-nav li { width: 14.4166666667%; margin-right: 2.3333333333%; }
@media screen and (max-width: 960px) { .flow .flow-top .step-nav li { width: 32%; margin-right: 2%; margin-bottom: 2%; }
  .flow .flow-top .step-nav li:nth-child(3n) { margin-right: 0; } }
.flow .flow-top .step-nav li:last-child { margin-right: 0; }
.flow .flow-con { padding: 80px 0 120px; background-color: #f5f7fe; }
@media screen and (max-width: 640px) { .flow .flow-con { padding: 60px 0; } }
.flow .flow-con .inner { position: relative; }
.flow .flow-fig { position: absolute; bottom: 0; left: 50%; width: 60.8333333333%; margin-bottom: -35%; margin-left: -30.4166666667%; text-align: center; }
@media screen and (max-width: 960px) { .flow .flow-fig { left: 0; width: 100%; margin-left: 0; padding: 0 20px; margin-bottom: -51.6666666667%; } }
@media screen and (max-width: 640px) { .flow .flow-fig { position: static; left: 0; width: 100%; margin-left: 0; padding: 0; margin-bottom: 0; } }
.flow .flow-fig dd { margin-top: 50px; font-size: 1.875rem; font-weight: bold; text-align: center; color: #46b46b; }
@media screen and (max-width: 640px) { .flow .flow-fig dd { font-size: 1.5rem; } }
.flow .step-box { position: relative; display: flex; padding: 50px 30px 60px 30px; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.2); }
@media screen and (max-width: 960px) { .flow .step-box { display: block; padding-top: 80px; } }
.flow .step-box .step-icon { position: absolute; top: 0; left: 0; width: 14.6666666667%; margin-top: 4.1666666667%; }
@media screen and (max-width: 960px) { .flow .step-box .step-icon { width: 23%; margin-top: 1.6666666667%; } }
@media screen and (max-width: 640px) { .flow .step-box .step-icon { width: 47.5862068966%; margin-top: 3.4482758621%; } }
.flow .step-box .step-box-l { width: 61.6071428571%; }
@media screen and (max-width: 960px) { .flow .step-box .step-box-l { width: 100%; margin-bottom: 40px; } }
.flow .step-box .step-box-l .step-heading { padding-bottom: 40px; padding-left: 24.6376811594%; background-color: #fff; font-size: 1.8125rem; font-weight: 700; }
@media screen and (max-width: 960px) { .flow .step-box .step-box-l .step-heading { padding-left: 0; } }
@media screen and (max-width: 640px) { .flow .step-box .step-box-l .step-heading { font-size: 1.25rem; } }
.flow .step-box .step-box-l .step-txt { padding-bottom: 30px; font-size: 0.9375rem; background-color: #fff; }
.flow .step-box .step-box-l dl { padding: 20px 10px 45px; }
.flow .step-box .step-box-l dl dt { margin-bottom: 20px; font-size: 1.1875rem; }
.flow .step-box .step-box-l dl dt .ico-point { vertical-align: middle; }
.flow .step-box .step-box-l dl dt .ico-point::before { width: 29px; height: 29px; }
.flow .step-box .step-box-l dl dd ul li { margin-bottom: 15px; padding-left: 40px; background: url("../img/living/flow/ico_check.svg") no-repeat left 15px top 0.2em; background-size: 15px auto; font-size: 0.9375rem; }
@media screen and (max-width: 640px) { .flow .step-box .step-box-l dl dd ul li { background-position: left 15px top 0.5em; } }
.flow .step-box .step-box-l dl dd ul li:last-child { margin-bottom: 0; }
.flow .step-box .step-box-r { width: 44.1964285714%; }
@media screen and (max-width: 960px) { .flow .step-box .step-box-r { width: 100%; } }
.flow .step-box .step-box-r .step-box-r-in { width: 84.6315789474%; margin: 0 0 0 auto; }
@media screen and (max-width: 960px) { .flow .step-box .step-box-r .step-box-r-in { width: 100%; } }
.flow .step-box .step-box-r figure { margin-bottom: 30px; }
@media screen and (max-width: 960px) { .flow .step-box .step-box-r figure { text-align: center; } }
@media screen and (max-width: 640px) { .flow .step-box .step-box-r figure img { width: 100%; } }
.flow .step-box .step-box-r dl dt { margin-bottom: 20px; padding-bottom: 10px; font-size: 1.1875rem; }
.flow .step-box .step-box-r dl dt .ico-star { vertical-align: middle; }
.flow .step-box .step-box-r dl dt .ico-star::before { width: 22px; height: 22px; }
.flow .step-box .step-box-r dl dd ul li { margin-bottom: 15px; padding-left: 1.5em; text-indent: -1.5em; font-size: 0.9375rem; }
.flow .step-box .step-box-r dl dd ul li:last-child { margin-bottom: 0; }
.flow .step-box .step-box-r dl dd ul li::before { content: '▶'; display: inline; margin-right: 0.5em; }
.flow .step-box01 .step-box-l { background: rgba(236, 193, 48, 0.1); }
.flow .step-box01 .step-box-l dl dt .ico-point01::before { background: url("../img/living/flow/ico_point01.svg"); }
.flow .step-box01 .step-box-r dl dt { border-bottom: 2px solid #ecc130; }
.flow .step-box01 .step-box-r dl dt .ico-star01::before { background: url("../img/living/flow/ico_star01.svg"); }
.flow .step-box01 .step-box-r dl dd ul li::before { color: #ecc130; }
.flow .step-box02 .step-box-l { background: rgba(235, 166, 31, 0.1); }
.flow .step-box02 .step-box-l dl dt .ico-point02::before { background: url("../img/living/flow/ico_point02.svg"); }
.flow .step-box02 .step-box-r dl dt { border-bottom: 2px solid #eba61f; }
.flow .step-box02 .step-box-r dl dt .ico-star02::before { background: url("../img/living/flow/ico_star02.svg"); }
.flow .step-box02 .step-box-r dl dd ul li::before { color: #eba61f; }
.flow .step-box03 .step-box-l { background: rgba(166, 192, 68, 0.1); }
.flow .step-box03 .step-box-l dl dt .ico-point03::before { background: url("../img/living/flow/ico_point03.svg"); }
.flow .step-box03 .step-box-r dl dt { border-bottom: 2px solid #a6c044; }
.flow .step-box03 .step-box-r dl dt .ico-star03::before { background: url("../img/living/flow/ico_star03.svg"); }
.flow .step-box03 .step-box-r dl dd ul li::before { color: #a6c044; }
.flow .step-box04 .step-box-l { background: rgba(75, 194, 134, 0.1); }
.flow .step-box04 .step-box-l dl dt .ico-point04::before { background: url("../img/living/flow/ico_point04.svg"); }
.flow .step-box04 .step-box-r dl dt { border-bottom: 2px solid #4bc286; }
.flow .step-box04 .step-box-r dl dt .ico-star04::before { background: url("../img/living/flow/ico_star04.svg"); }
.flow .step-box04 .step-box-r dl dd ul li::before { color: #4bc286; }
.flow .step-box05 .step-box-l { background: rgba(70, 192, 194, 0.1); }
.flow .step-box05 .step-box-l dl dt .ico-point05::before { background: url("../img/living/flow/ico_point05.svg"); }
.flow .step-box05 .step-box-r dl dt { border-bottom: 2px solid #46c0c2; }
.flow .step-box05 .step-box-r dl dt .ico-star05::before { background: url("../img/living/flow/ico_star05.svg"); }
.flow .step-box05 .step-box-r dl dd ul li::before { color: #46c0c2; }
.flow .step-box06 .step-box-l { background: rgba(6, 172, 74, 0.1); }
.flow .step-box06 .step-box-l dl dt .ico-point06::before { background: url("../img/living/flow/ico_point06.svg"); }
.flow .step-box06 .step-box-r dl dt { border-bottom: 2px solid #06ac4a; }
.flow .step-box06 .step-box-r dl dt .ico-star06::before { background: url("../img/living/flow/ico_star06.svg"); }
.flow .step-box06 .step-box-r dl dd ul li::before { color: #06ac4a; }
.flow .step-arrow { width: 4.6666666667%; margin: 35px auto; }

/* ==================================================================================================== 移住お役立ち情報
==================================================================================================== */
.info .info-top { background: url("../img/living/info/main_bg001.png") no-repeat center top 40px; }
.info .info-pagenav { margin-bottom: 90px; }
.info .info-pagenav ul { display: flex; justify-content: center; flex-wrap: wrap; }
.info .info-pagenav ul li { width: 11.3333333333%; margin-right: 1.3333333333%; }
@media screen and (max-width: 960px) { .info .info-pagenav ul li { width: 23.5%; margin-right: 2%; margin-bottom: 2%; }
  .info .info-pagenav ul li:nth-child(4n) { margin-right: 0; } }
.info .info-pagenav ul li:last-child { margin-right: 0; }
.info .info-pagenav ul li a { position: relative; text-decoration: none; display: flex; align-items: center; justify-content: center; padding: 35px 5px; background-color: #f5f7fe; text-align: center; line-height: 1; }
@media screen and (max-width: 640px) { .info .info-pagenav ul li a { padding: 25px 5px; } }
.info .info-pagenav ul li a::before { content: ''; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 20px 20px; }
.info .info-pagenav ul li a:hover, .info .info-pagenav ul li a.active { color: #fff; }
.info .info-pagenav ul li a:hover dd, .info .info-pagenav ul li a.active dd { color: #fff !important; }
.info .info-pagenav ul li a dl dt { margin-bottom: 10px; font-size: 1.125rem; }
@media screen and (max-width: 960px) { .info .info-pagenav ul li a dl dt { font-size: 1rem; } }
.info .info-pagenav ul li a dl dd { font-size: 0.75rem; letter-spacing: 2px; }
@media screen and (max-width: 960px) { .info .info-pagenav ul li a dl dd { font-size: 0.625rem; } }
.info .info-pagenav ul .info-toyohashi a { border: 1px solid #ec6c2b; }
.info .info-pagenav ul .info-toyohashi a::before { border-color: transparent transparent #ec6c2b transparent; }
.info .info-pagenav ul .info-toyohashi a:hover, .info .info-pagenav ul .info-toyohashi a.active { background-color: #ec6c2b; }
.info .info-pagenav ul .info-toyohashi a dl dd { color: #ec6c2b; }
.info .info-pagenav ul .info-gamagori a { border: 1px solid #2ab6e4; }
.info .info-pagenav ul .info-gamagori a::before { border-color: transparent transparent #2ab6e4 transparent; }
.info .info-pagenav ul .info-gamagori a:hover, .info .info-pagenav ul .info-gamagori a.active { background-color: #2ab6e4; }
.info .info-pagenav ul .info-gamagori a dl dd { color: #2ab6e4; }
.info .info-pagenav ul .info-toyokawa a { border: 1px solid #b13631; }
.info .info-pagenav ul .info-toyokawa a::before { border-color: transparent transparent #b13631 transparent; }
.info .info-pagenav ul .info-toyokawa a:hover, .info .info-pagenav ul .info-toyokawa a.active { background-color: #b13631; }
.info .info-pagenav ul .info-toyokawa a dl dd { color: #b13631; }
.info .info-pagenav ul .info-shinshiro a { border: 1px solid #175d3a; }
.info .info-pagenav ul .info-shinshiro a::before { border-color: transparent transparent #175d3a transparent; }
.info .info-pagenav ul .info-shinshiro a:hover, .info .info-pagenav ul .info-shinshiro a.active { background-color: #175d3a; }
.info .info-pagenav ul .info-shinshiro a dl dd { color: #175d3a; }
.info .info-pagenav ul .info-tahara a { border: 1px solid #c6cd1e; }
.info .info-pagenav ul .info-tahara a::before { border-color: transparent transparent #c6cd1e transparent; }
.info .info-pagenav ul .info-tahara a:hover, .info .info-pagenav ul .info-tahara a.active { background-color: #c6cd1e; }
.info .info-pagenav ul .info-tahara a dl dd { color: #c6cd1e; }
.info .info-pagenav ul .info-shitara a { border: 1px solid #18aa56; }
.info .info-pagenav ul .info-shitara a::before { border-color: transparent transparent #18aa56 transparent; }
.info .info-pagenav ul .info-shitara a:hover, .info .info-pagenav ul .info-shitara a.active { background-color: #18aa56; }
.info .info-pagenav ul .info-shitara a dl dd { color: #18aa56; }
.info .info-pagenav ul .info-toei a { border: 1px solid #2caaaa; }
.info .info-pagenav ul .info-toei a::before { border-color: transparent transparent #2caaaa transparent; }
.info .info-pagenav ul .info-toei a:hover, .info .info-pagenav ul .info-toei a.active { background-color: #2caaaa; }
.info .info-pagenav ul .info-toei a dl dd { color: #2caaaa; }
.info .info-pagenav ul .info-toyone a { border: 1px solid #d07bc2; }
.info .info-pagenav ul .info-toyone a::before { border-color: transparent transparent #d07bc2 transparent; }
.info .info-pagenav ul .info-toyone a:hover, .info .info-pagenav ul .info-toyone a.active { background-color: #d07bc2; }
.info .info-pagenav ul .info-toyone a dl dd { color: #d07bc2; }
.info .info-ttl { position: relative; margin-bottom: 90px; padding-bottom: 40px; }
@media screen and (max-width: 640px) { .info .info-ttl { margin-bottom: 50px; padding-bottom: 20px; } }
.info .info-ttl .area-heading { font-size: 4.375rem; font-weight: 300; text-align: center; line-height: 0.7; }
@media screen and (max-width: 960px) { .info .info-ttl .area-heading { font-size: 3.75rem; } }
@media screen and (max-width: 640px) { .info .info-ttl .area-heading { font-size: 2.5rem; } }
.info .info-ttl .area-heading span { font-size: 1.5625rem; font-weight: 400; letter-spacing: 2px; }
@media screen and (max-width: 640px) { .info .info-ttl .area-heading span { font-size: 1.25rem; } }
.info .info-ttl .area-map { position: absolute; top: 0; right: 0; width: 40.6666666667%; margin-top: -4.1666666667%; }
@media screen and (max-width: 960px) { .info .info-ttl .area-map { margin-top: 3.3333333333%; } }
@media screen and (max-width: 640px) { .info .info-ttl .area-map { width: 32.4137931034%; margin-top: 6.8965517241%; } }
.info .info-lnav { display: flex; justify-content: space-between; max-width: 820px; margin: 0 auto 90px; padding: 40px 65px 30px; background-color: #f5f7fe; border-radius: 10px; }
@media screen and (max-width: 640px) { .info .info-lnav { display: block; margin-bottom: 50px; padding: 40px 20px; } }
.info .info-lnav ul { display: flex; flex-wrap: wrap; }
.info .info-lnav ul li { width: 50%; margin-bottom: 20px; padding-left: 25px; background: url("../img/common/ico_arrow_g03.png") no-repeat left center; }
@media screen and (max-width: 640px) { .info .info-lnav ul li { width: 100%; margin-bottom: 10px; } }
.info .info-lnav ul li a { display: block; text-decoration: none; font-size: 1.125rem; }
.info .info-lnav ul li a:hover { text-decoration: underline; }
.info .info-con { padding: 60px 0 100px; background-color: #f5f7fe; }
@media screen and (max-width: 640px) { .info .info-con { padding: 60px 0; } }
.info .info-box { margin-bottom: 90px; }
.info .info-box .info-heading { position: relative; margin-bottom: 85px; font-size: 1.875rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 640px) { .info .info-box .info-heading { font-size: 1.5rem; } }
.info .info-box .info-heading::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 54px; height: 3px; margin-left: -27px; margin-bottom: -20px; background-color: #46b46b; }
.info .info-box .info-table { width: 100%; }
.info .info-box .info-table.info-table02 tr td { width: 34.1666666667%; }
@media screen and (max-width: 960px) { .info .info-box .info-table.info-table02 tr td { width: 100%; } }
.info .info-box .info-table tr th { width: 15.8333333333%; padding: 20px 15px; border: 1px solid #ebeae6; border-right: none; background-color: #39b08a; color: #fff; font-weight: 700; text-align: left; vertical-align: top; }
@media screen and (max-width: 960px) { .info .info-box .info-table tr th { display: block; width: 100%; }
  .info .info-box .info-table tr th.only-pc { display: none; } }
.info .info-box .info-table tr th a { color: #fff; }
.info .info-box .info-table tr td { padding: 20px 15px; border: 1px solid #ebeae6; background-color: #fff; text-align: left; }
@media screen and (max-width: 960px) { .info .info-box .info-table tr td { display: block; width: 100%; }
  .info .info-box .info-table tr td.only-pc { display: none; } }
.info .info-box .info-table tr td a { color: #578dfc; }
.info .info-box .info-txt { font-size: 0.8125rem; }
.info .info-box .info-item { display: flex; justify-content: space-between; margin-top: 60px; }
@media screen and (max-width: 640px) { .info .info-box .info-item { display: block; } }
.info .info-box .info-item p { width: 31.6666666667%; }
@media screen and (max-width: 640px) { .info .info-box .info-item p { width: 100%; margin-bottom: 20px; } }
.info .info-box .info-item dl { width: 65.8333333333%; }
@media screen and (max-width: 640px) { .info .info-box .info-item dl { width: 100%; } }
.info .info-box .info-item dl dt { margin-bottom: 20px; font-size: 1.5rem; color: #46b46b; font-weight: 500; }
.info .info-box .info-item dl dt a { color: #46b46b !important; }
.info .info-box .info-item dl dd { font-size: 0.9375rem; }
.info .info-box .info-item-list { margin-top: 60px; }
.info .info-box .info-item-list ul { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 640px) { .info .info-box .info-item-list ul { display: block; } }
.info .info-box .info-item-list ul li { width: 31.6666666667%; margin-right: 2.5%; margin-bottom: 2.5%; }
@media screen and (max-width: 640px) { .info .info-box .info-item-list ul li { width: 100%; margin-bottom: 30px; } }
.info .info-box .info-item-list ul li:nth-child(3n) { margin-right: 0; }
.info .info-box .info-item-list ul li:last-child { margin: 0; }
.info .info-box .info-item-list ul li a { color: #46b46b; transition: all .6s; }
.info .info-box .info-item-list ul li a:hover { opacity: 0.7; }
.info .info-box .info-item-list ul li p { margin-bottom: 20px; }
.info .info-box .info-item-list ul li dl dt { margin-bottom: 20px; font-size: 1.5rem; color: #46b46b; font-weight: 500; }
.info .info-box .info-item-list ul li dl dd { font-size: 0.9375rem; }
.info.toyohashi .area-heading span { color: #ec6c2b; }
.info.toyohashi .info-ttl { border-bottom: 4px solid #ec6c2b; }
.info.toyokawa .area-heading span { color: #b13631; }
.info.toyokawa .info-ttl { border-bottom: 4px solid #b13631; }
.info.gamagori .area-heading span { color: #2ab6e4; }
.info.gamagori .info-ttl { border-bottom: 4px solid #2ab6e4; }
.info.shinshiro .area-heading span { color: #175d3a; }
.info.shinshiro .info-ttl { border-bottom: 4px solid #175d3a; }
.info.shitara .area-heading span { color: #18aa56; }
.info.shitara .info-ttl { border-bottom: 4px solid #18aa56; }
.info.toei .area-heading span { color: #2caaaa; }
.info.toei .info-ttl { border-bottom: 4px solid #2caaaa; }
.info.toyone .area-heading span { color: #d07bc2; }
.info.toyone .info-ttl { border-bottom: 4px solid #d07bc2; }
.info.tahara .area-heading span { color: #c6cd1e; }
.info.tahara .info-ttl { border-bottom: 4px solid #c6cd1e; }
.info.tahara .info-overview .info-item-list ul li:nth-child(2) { width: 65.8333333333%; margin-right: 0; }
@media screen and (max-width: 640px) { .info.tahara .info-overview .info-item-list ul li:nth-child(2) { width: 100%; } }
.info.tahara .info-overview .info-item-list ul li:nth-child(2) .info-item-list-flex { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .info.tahara .info-overview .info-item-list ul li:nth-child(2) .info-item-list-flex { display: block; } }
.info.tahara .info-overview .info-item-list ul li:nth-child(2) .info-item-list-flex div { width: 48.1012658228%; margin-right: 3.7974683544%; }
@media screen and (max-width: 640px) { .info.tahara .info-overview .info-item-list ul li:nth-child(2) .info-item-list-flex div { width: 100%; margin-bottom: 30px; } }
.info.tahara .info-overview .info-item-list ul li:nth-child(2) .info-item-list-flex div:last-child { margin-right: 0; }
.info.tahara .info-support .info-item-list ul li { width: 65.8333333333%; margin-right: 0; }
@media screen and (max-width: 640px) { .info.tahara .info-support .info-item-list ul li { width: 100%; } }
.info.tahara .info-support .info-item-list ul li .info-item-list-flex { display: flex; justify-content: space-between; }
@media screen and (max-width: 640px) { .info.tahara .info-support .info-item-list ul li .info-item-list-flex { display: block; } }
.info.tahara .info-support .info-item-list ul li .info-item-list-flex div { width: 48.1012658228%; margin-right: 3.7974683544%; }
@media screen and (max-width: 640px) { .info.tahara .info-support .info-item-list ul li .info-item-list-flex div { width: 100%; margin-bottom: 30px; } }
.info.tahara .info-support .info-item-list ul li .info-item-list-flex div:last-child { margin-right: 0; }

.modal2-sec .modal-con { max-width: 1320px; }
.modal2-sec .modal-story { width: 75.7575757576%; margin: 0 auto; padding: 40px 100px; background-color: #fff; border-radius: 10px; }
@media screen and (max-width: 960px) { .modal2-sec .modal-story { padding: 40px; } }
@media screen and (max-width: 640px) { .modal2-sec .modal-story { padding: 20px; } }
.modal2-sec .modal-story figure { width: 85%; margin: 0 auto; }
.modal2-sec .modal-story .modal-story-top { display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; margin-top: 55px; margin-bottom: 50px; }
@media screen and (max-width: 960px) { .modal2-sec .modal-story .modal-story-top { display: block; margin: 20px 0; } }
.modal2-sec .modal-story dl { display: flex; align-items: center; margin-right: 2em; }
@media screen and (max-width: 960px) { .modal2-sec .modal-story dl { display: block; margin-right: 0; } }
.modal2-sec .modal-story dl dt { margin-right: 1em; font-size: 2rem; font-weight: bold; }
@media screen and (max-width: 960px) { .modal2-sec .modal-story dl dt { margin-right: 0; margin-bottom: 20px; font-size: 1.5rem; } }
.modal2-sec .modal-story dl dd { font-size: 1.0625rem; }
.modal2-sec .modal-story .modal-pager { font-size: 1.0625rem; }
@media screen and (max-width: 960px) { .modal2-sec .modal-story .modal-pager { margin-bottom: 20x; text-align: right; } }
.modal2-sec .modal-story .modal-comment { margin-bottom: 40px; line-height: 2; }
@media screen and (max-width: 960px) { .modal2-sec .modal-story .modal-comment { font-size: 0.9375rem; line-height: 1.6; } }

/*# sourceMappingURL=living.css.map */