@charset "utf-8";

:root {
	--main-color: #364468;
	--sub-color: #68A7E3;
	--sub-color__bg: #EFF7FF;
	--black: #121212;
	--gray: #A1A1A1;
	--weight__regular: 400;
	--weight__bold: 600;
}
.pc_display {
	display: none;
}
.contents__box {
	position: relative;
	z-index: 999;
}
.contents__wrap img {
	width: 100%;
	height: auto;
}
.contents__wrap a {
	transition: .3s all;
}
.contents__box * {
	font-family: "Noto Sans JP", sans-serif;
	font-weight: var(--weight__regular);
	line-height: 1.5;
	color: var(--black);
}
.contents__box span {
	transition: .3s all;
}
.btn {
	cursor: pointer;
}

/*===== icon svg =====*/
.icon__arrow {
	display: block;
	width: min(5.128vw, 15px);
	height: min(5.128vw, 15px);
	-webkit-mask-image: url(../img/icon__arrow.svg);
	-webkit-mask-size: cover;
	mask-image: url(../img/icon__arrow.svg);
	mask-size: contain;
}

.news__btn span {
	background: var(--main-color);
}
.white__icon {
	background: #FFF;
}
.black__icon {
	background: var(--black);
}
.blue__icon {
	background: #4492db;
}
.main-color__icon {
	background: var(--main-color);
}

.icon__help {
	display: block;
	width: min(5.128vw, 20px);
	height: min(5.128vw, 20px);
	-webkit-mask-image: url(../img/icon__help.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__help.svg);
	mask-size: contain;
}
.icon__add {
	display: block;
	width: min(5.128vw, 20px);
	height: min(5.128vw, 20px);
	-webkit-mask-image: url(../img/icon__add.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__add.svg);
	mask-size: contain;
}
.icon__del {
	display: block;
	width: min(5.128vw, 20px);
	height: min(5.128vw, 20px);
	-webkit-mask-image: url(../img/icon__del.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__del.svg);
	mask-size: contain;
}
.icon__down {
	display: block;
	width: min(5.128vw, 20px);
	height: min(5.128vw, 20px);
	-webkit-mask-image: url(../img/icon__down.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__down.svg);
	mask-size: contain;
}
.icon__open {
	display: block;
	width: min(5.128vw, 20px);
	height: min(5.128vw, 20px);
	-webkit-mask-image: url(../img/icon__open.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__open.svg);
	mask-size: contain;
}
.icon__close {
	display: block;
	width: min(5.128vw, 20px);
	height: min(5.128vw, 20px);
	-webkit-mask-image: url(../img/icon__close.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__close.svg);
	mask-size: contain;
}
.icon__camera {
	display: block;
	width: min(5.128vw, 20px);
	height: min(5.128vw, 20px);
	-webkit-mask-image: url(../img/icon__camera.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__camera.svg);
	mask-size: contain;
}
.icon__newpage {
	display: block;
	width: min(5.128vw, 20px);
	height: min(5.128vw, 20px);
	-webkit-mask-image: url(../img/icon__newpage.svg);
	-webkit-mask-size: cover;
	mask-image: url(../img/icon__newpage.svg);
	mask-size: contain;
}
.icon__firstpage {
	display: block;
	width: min(5.128vw, 20px);
	height: min(5.128vw, 20px);
	-webkit-mask-image: url(../img/icon__firstpage.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__firstpage.svg);
	mask-size: contain;
}
.icon__vote {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(../img/icon__vote.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__vote.svg);
	mask-size: contain;
}
.icon__person {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(../img/icon__person.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__person.svg);
	mask-size: contain;
}
.icon__home {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(../img/icon__home.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__home.svg);
	mask-size: contain;
}
.icon__arrow-down {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(../img/icon__arrow-down.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__arrow-down.svg);
	mask-size: contain;
}

.icon__renew {
	display: block;
	width: clamp(20px, 2.929vw, 25px);
	height: clamp(20px, 2.929vw, 25px);
	-webkit-mask-image: url(../img/icon__renew.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__renew.svg);
	mask-size: contain;
	background: #ff3743;
}

.icon__list {
	display: block;
	width: 20px;
	height: 20px;
	-webkit-mask-image: url(../img/icon__list.svg);
	-webkit-mask-size: contain;
	mask-image: url(../img/icon__list.svg);
	mask-size: contain;
}

/*===== top title =====*/
.top-title__wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 40px;
}

/*===== contents__title =====*/
.contents__title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.contents__title h2{
	font-size: min(6.153vw, 32px);
	font-weight: var(--weight__bold);
	position: relative;
	z-index: 998;
	padding-left: min(2.564vw, 10px); 
}
.contents__title h2::before {
	content: "";
    width: min(7.692vw, 35px);
    height: min(7.692vw, 35px);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.renew__btn {
	display: flex;
	align-items: center;
	gap:  5px;
	padding: 5px 10px;
	border: 2px solid #ff3743;
	border-radius: 5px;
	color: #ff3743;
	font-weight: var(--weight__bold);
	font-size: clamp(16px, 2.343vw, 20px);
	background: #ffe7e8;
	cursor: pointer;
	transition: .7s all;
}
.renew__btn .icon__renew {
	transition: .7s all;
} 

/*===== top-link__wrap =====*/
.top-link {
	display: flex;
	flex-direction: column;
	gap: 16px;
	position: relative;
	z-index: 998;
	margin: 30px auto 0;
}
.top-link li a {
	display: flex;
	flex-direction: column;
	border: 2px solid var(--main-color);
	padding: 10px 15px;
	border-radius: 10px;
	position: relative;
	transition: .3s all;
	gap: 4px;
}
.top-link li a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: min(0.7692vw ,6px);
	left: min(0.7692vw ,6px);
	border-radius: 10px;
	z-index: -1;
	transition: .3s all;
}
.top-link .group,
.top-link .group span {
	font-size: min(6.1538vw, 27px);
	font-weight: var(--weight__bold);
	color: var(--main-color);
}
.top-link .area {
	color: var(--main-color);
	font-weight: 500;
}
.top-link .group span {
	padding: 0 4px;
}
.top-link .icon__newpage {
	position: absolute;
	right: 15px;
	top: 10px;
}


/*===== g-nav__wrap =====*/
.g-nav__wrap {
	margin-top: 10px;
	margin-bottom: 40px;
}
.g-nav__wrap .menu {
	display: flex;
	justify-content: center;
	margin-bottom: 20px;
}
.main-btn__wrap {
	display: flex;
	gap: 10px;
	justify-content: center;
	/* flex-wrap: wrap; */
	flex-direction: column;
	/* margin-top: 25px; */
	/* padding: 0 10px; */
}
.main-btn__wrap:not(.main-btn__wrap:last-child) {
	margin-bottom: 10px;
}
.main-btn__wrap .btn {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px;
	border: 2px solid var(--main-color);
	border-radius: 5px;
	font-weight: var(--weight__bold);
	font-size: min(4.105vw, 16px);
	letter-spacing: .5px;
	margin: 0 auto;
	justify-content: center;
	/* width: fit-content; */
	/* flex-direction: column; */
	color: var(--main-color);
}
.main-btn__wrap .btn.home-btn {
	border: none;
	justify-content: center;
	margin-top: 10px;
	margin: 5px auto 0;
	border: 1px solid #fff;
}
.g-nav__wrap dl {
	display: flex;
	flex-direction: column;
	/* padding: 0 10px; */
}
.g-nav__inner dt {
	display: flex;
	font-weight: var(--weight__bold);
	align-items: center;
	/* margin-bottom: min(2.564vw, 10px); */
	font-size: min(4.103vw, 18px);
	gap: 15px;
	position: relative;
	padding: min(2.564vw, 15px);
	border-bottom: 2px solid var(--main-color);
	letter-spacing: 1px;
}
.g-nav__inner .box .icon__arrow {
	background: var(--main-color);
}
.g-nav__inner dt span {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%) rotate(180deg);
}
.g-nav__inner dt.close span {
	transform: translateY(-50%) rotate(0deg);
}
.g-nav__inner .title div {
	position: relative;
	display: grid;
	place-items: center;
}
.g-nav__inner .title div::before {
	content: "";
	width: min(8.128vw, 35px);
	height: min(8.128vw, 35px);
	border-radius: 50%;
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -52%);
}
.g-nav__inner dt img {
	width: min(5.128vw, 20px);
	height: min(5.128vw, 20px);
	fill: var(--black);
}
.g-nav__inner dd {
	padding-bottom: 20px;
}
.g-nav__inner .box ul  {
	margin-top: 10px;
}
.g-nav__inner.long__nav .box ul {
	display: grid;
	grid-template-columns: 1fr 1fr;;
}
.g-nav__inner ul li a {
	display: flex;
	align-items: center;
	font-size: min(3.7179vw, 16px);
	padding: 5px 0;
	gap: 4px;
	letter-spacing: .8px;
}
.g-nav__inner ul li a span {
	transition: .3s all;
}
.g-nav__inner ul li a .sign {
	font-size: min(2.564vw, 14px);
	font-weight: var(--weight__bold);
	animation: show-off 2s steps(1, end) infinite;
}
@keyframes show-off {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}
.g-nav__inner ul li a .up {
	color: #4fc614;
}
.g-nav__inner ul li a .new {
	color: #f84f60;
}
.g-nav__inner ul li a .pay {
	display: block;
	width: min(3.5vw, 18px);
	height: min(3.5vw, 20px);
	background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><defs><style>.cls-1{fill:%233471d6;}</style></defs><path class="cls-1" d="M26.03,30.08H9.97c-1.59,0-2.89-1.3-2.89-2.89v-9.87c0-1.59,1.3-2.89,2.89-2.89H26.03c1.59,0,2.89,1.3,2.89,2.89v9.87c0,1.59-1.3,2.89-2.89,2.89ZM9.97,16.43c-.49,0-.89,.4-.89,.89v9.87c0,.49,.4,.89,.89,.89H26.03c.49,0,.89-.4,.89-.89v-9.87c0-.49-.4-.89-.89-.89H9.97Z"/><path class="cls-1" d="M25.87,15.13h-2.5v-1.33c0-2.97-2.42-5.39-5.39-5.39s-5.39,2.42-5.39,5.39v1.27h-2.5v-1.27c0-4.35,3.54-7.89,7.89-7.89s7.89,3.54,7.89,7.89v1.33Z"/><path class="cls-1" d="M18.99,23.05v2.48h-1.85v-2.48c-.75-.35-1.28-1.11-1.28-1.99,0-1.22,.99-2.2,2.2-2.2s2.2,.99,2.2,2.2c0,.89-.53,1.64-1.28,1.99Z"/></svg>');url(
	data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><defs><style>.cls-1{fill:%233471d6;}</style></defs><path class="cls-1" d="M26.03,30.08H9.97c-1.59,0-2.89-1.3-2.89-2.89v-9.87c0-1.59,1.3-2.89,2.89-2.89H26.03c1.59,0,2.89,1.3,2.89,2.89v9.87c0,1.59-1.3,2.89-2.89,2.89ZM9.97,16.43c-.49,0-.89,.4-.89,.89v9.87c0,.49,.4,.89,.89,.89H26.03c.49,0,.89-.4,.89-.89v-9.87c0-.49-.4-.89-.89-.89H9.97Z"/><path class="cls-1" d="M25.87,15.13h-2.5v-1.33c0-2.97-2.42-5.39-5.39-5.39s-5.39,2.42-5.39,5.39v1.27h-2.5v-1.27c0-4.35,3.54-7.89,7.89-7.89s7.89,3.54,7.89,7.89v1.33Z"/><path class="cls-1" d="M18.99,23.05v2.48h-1.85v-2.48c-.75-.35-1.28-1.11-1.28-1.99,0-1.22,.99-2.2,2.2-2.2s2.2,.99,2.2,2.2c0,.89-.53,1.64-1.28,1.99Z"/></svg>);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

/*.box {
	display: none;
}*/
@media(min-width: 768px) {
	.box {
		display: block;
	}
}

/*===== sokuho-table =====*/
.sokuho-table {
	margin-bottom: 60px;
}

.sokuho-table__wrap {
	display: flex;
	flex-direction: column;
	border: 2px solid var(--main-color);
	margin-top: 30px;
	border-radius: 10px;
}
.sokuho-table__inner {
	display: flex;
}
.sokuho-table__inner:not(.sokuho-table__inner:last-child) {
	border-bottom: 1px solid var(--main-color);
}
.sokuho-table__inner dt {
	flex: .2;
	border-right: 1px solid var(--main-color);
	background: #eee;
}
.sokuho-table__inner:first-child dt {
	border-radius: 10px 0 0 0;
}
.sokuho-table__inner:last-child dt {
	border-radius: 0 0 0 10px;
}
.sokuho-table__inner dt a {
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
}
.sokuho-table__inner dd {
	flex: 1;
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.mark__flex {
	display: flex;
	align-items: center;
	padding-bottom: 5px;
}
.sokuho-table .mark {
	position: relative;
	width: 2.5em;
	height: 1.5em;
}
.sokuho-table .help__wrap {
	padding-top: min(2.564vw, 20px);
}
.sokuho-table .mark::before,
.sokuho-table .mark::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.sokuho-table .mark::before {
	color: #fff;
	font-weight: 600;
	font-size: 1em;
	z-index: 999;
	width: 100%;
	text-align: center;
}
.sokuho-table .mark::after {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.sokuho-table .mark__01::before {
	content: "当";
}
.sokuho-table .mark__01::after,
.sokuho-table .mark__02::after {
	background: #ff3743;
}
.sokuho-table .mark__02::before {
	content: "確";
}
.sokuho-table .mark__03::before {
	content: "比";
}
.sokuho-table .mark__04::before {
	content: "比確";
}
.sokuho-table .mark__05::before {
	content: "ど";
}

.sokuho-table .mark__03::after,
.sokuho-table .mark__04::after {
	background: #ffd11a;
}
.sokuho-table .mark__05::after {
	background: #FFA5B5;
}
.sokuho-table .text {
	padding-left: .5em;
}
.sokuho-table dt,
.sokuho-table .text {
	font-size: min(4.102vw, 18px);
}

/*===== main-contents =====*/
.main-contents__wrap {
	margin-bottom: 64px;
}
.wrapper {
	margin-bottom: min(25.641vw, 100px);
}
.main-contents__box {
	border: 2px solid var(--main-color);
	border-radius: 30px; 
	padding: min(7.692vw, 40px) min(5.128vw, 30px); 
	margin-top: 30px;
	margin-bottom: 64px;
}

/*========== tab__nav ==========*/
.tab__nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	gap: min(2.564vw, 10px);
}
.tab__nav li,
.tab__nav li a {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	border-radius: 30px;
	gap: min(2.564vw, 10px);
	font-weight: var(--weight__bold);
	letter-spacing: .5px;
}
.tab__nav .current {
	background: var(--main-color);
	padding: 10px 10px 10px 20px;
}
.tab__nav li a {
	background: var(--gray);
	padding: min(2.564vw, 10px) min(5.128vw, 20px);
}

/*========== region__title ==========*/
.region__title {
	display: grid;
	place-items: center;
	width: min(85%, 450px);
	margin: 30px auto;
}
.region__title .group {
	font-size: min(9.230vw, 45px);
	font-weight: var(--weight__bold);
	letter-spacing: 1px;
	color: var(--main-color);
	position: relative;
}
.region__title .group:before {
	content: "";
	width: 180%;
	height: 2px;
	background: var(--main-color);
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
}
.region__title .area {
	padding-top: 10px;
	font-size: min(4.615vw, 20px);
	text-align: center;
    white-space: pre-wrap;
    word-break: keep-all;
}


/*===== contents-nav__box =====*/
.contents-nav__box {
	display: grid;
	flex-wrap: wrap;
	gap: min(1.282vw, 10px);
	justify-content: center;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.contents-nav__box li a {
	display: flex;
	align-items: center;
	padding: 5px;
	border: 2px solid var(--main-color);
	border-radius: 20px;
	justify-content: center;
	color: var(--main-color);
	font-weight: var(--weight__bold);
	font-size: min(3.5897vw, 16px);
}
.contents-nav__box li.current a {
	color: var(--main-color);
	color: #fff;);
	background: var(--main-color);
}
.top-page {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
	padding: 15px 5px 0;
	letter-spacing: .5px;
	color: var(--main-color);
	font-weight: var(--weight__bold);
}
.top-page span {
	transition: .3s all;
}
.contents-nav__wrap .title {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--main-color);
	border-radius: 10px;
	}
.contents-nav__wrap .title p {
	padding: 10px;
	font-weight: var(--weight__bold);
	letter-spacing: .5px;
	width: 90%;
	text-align: center;
}
.contents-nav__wrap .title div {
	padding: 10px;
}
.contents-nav__wrap .title.close .icon__arrow-down {
	transform: rotate(180deg);
}
.contents-nav__wrap .contents-nav__box li a {
	border: none;
}
.contents-nav__wrap .contents-nav__box li.current a {
	color: var(--main-color);
	text-decoration: underline;
	background: #fff;
}
.contents-nav__wrap .contents-nav__box {
	padding-top: 15px;
}

@media (min-width: 768px){
	.contents-nav__wrap .title {
		display: none;
	}
	.contents-nav__wrap .contents-nav__box li a {
		border: 1px solid var(--main-color);
	}
	.contents-nav__wrap .contents-nav__box li.current a {
		color: var(--main-color);
		text-decoration: none;
	}
}

/*===== contents__inner__head =====*/
.contents__inner__head {
	margin-bottom: min(7.692vw, 35px);
	margin-top: 20px;
}
.contents__inner__head .link-to-kouho {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 5px;
	font-size: min(3.333vw, 15px);
	color: var(--main-color);
	font-weight: var(--weight__bold);
}
.contents__inner__head .link-to-kouho span {
		transition: .3s all;
		background-color: var(--main-color);
}
.contents__inner__head div {
	display: flex;
	justify-content: flex-end;
	gap: 10px;
	margin-bottom: 10px;
}
.contents__inner__head p {
	padding: 5px 10px;
	border-radius: 5px;
	font-size: min(3.333vw, 15px);
	border: 1px solid var(--gray);
}

.contents__inner__head .situation {
	background: #EAEAEA;
}

/*========== list_wrap ==========*/
.list_wrap {
	display: flex;
	flex-direction: column;
	gap: 15px;
}
.list_wrap .double {
	position: relative;
}
.list_wrap .double::before {
	content: "";
	width: 100%;
	height: 1px;
	background: var(--black);
	position: absolute;
	top: 1.5em;
	left: 0;
}

/*========== kaihyo__list ==========*/
.kaihyo__list * {
	line-height: 1.5;
}
.kaihyo__list li {
	position: relative;
	border: 2px solid var(--main-color);
	border-radius: 10px;
}
.kaihyo__list dt {
	padding: 20px;
	border-bottom: 1px dashed var(--black);
	display: flex;
}
.kaihyo__list .face-img {
	width: 15vw;
	margin-right: 3.846vw;
}
.information_wrap {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.information_wrap .detail {
	display: flex;
	gap: 10px;
}
.kaihyo__list .kanji {
	font-size: 5.384vw;
	font-weight: var(--weight__bold);
}
.kaihyo__list .rubi {
	font-size: 3.076vw;
}
.kaihyo__list .party,
.kaihyo__list .double {
	font-size: 4.102vw;
}
.kaihyo__list dd {
	padding: 15px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.kaihyo__list .number {
	font-size: 5.384vw;
	font-weight: var(--weight__bold);
	letter-spacing: 1px;
}
.kaihyo__list .number span {
	font-size: 3.846vw;
	font-weight: var(--weight__bold);
	margin-left: 5px;
}
.vote-bar {
	width: 25.641vw;
	height: 15px;
	-webkit-appearance: none;
	-moz-appearance: none;
}
::-webkit-progress-value {
	background: var(--main-color);
}
::-webkit-progress-bar {
	background: #eee;
}
::-moz-progress-bar {
	background: var(--main-color);
}
.kaihyo__list .result__mark {
	width: 10.256vw;
	height: 10.256vw;
	border-radius: 50%;
	position: absolute;
	top: 15px;
	right: 15px;
}
.kaihyo__list .result__mark::before {
	color: #FFF;
	font-weight: var(--weight__bold);
	font-size: 5vw;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	display: grid;
	place-items: center;
	transform: translate(-50%, -50%);
}
.kaihyo__list .mark__01 .result__mark {
	background: #FF3743;
}
.kaihyo__list .mark__01 .result__mark::before {
	content:"当";
}
.kaihyo__list .mark__02 .result__mark {
	background: #FF3743;
}
.kaihyo__list .mark__02 .result__mark::before {
	content:"確";
}
.kaihyo__list .mark__03 .result__mark {
	background: #FFD11A;
}
.kaihyo__list .mark__03 .result__mark::before {
	content:"比";
}
.kaihyo__list .mark__04 .result__mark {
	background: #FFD11A;
}
.kaihyo__list .mark__04 .result__mark::before {
	content:"比確";
	font-size: 3.589vw;
}
.kaihyo__list .mark__05 .result__mark {
	background: #FFA5B5;
}
.kaihyo__list .mark__05 .result__mark::before {
	content:"ど";
}

/*========== kohuo__list ==========*/
.kouho__list li {
	border: 2px solid var(--main-color);
	border-radius: 10px;
}
.kouho__list dt {
	padding: 20px 20px 15px 20px;
	display: flex;
	gap: 5.128vw;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px dashed var(--black);
}
.kouho__list .profile {
	display: flex;
	flex-direction: column;
	gap: 5px;
	width: 100%;
}
.kouho__list .face-img {
	width: 17.948vw;
}
.kouho__list .kanji {
	font-size: 5.128vw;
	font-weight: var(--weight__bold);
}
.kouho__list .rubi {
	font-size: 3.589vw;
}
.kouho__list .detail {
	display: flex;
	flex-wrap: wrap;
}
.kouho__list .detail p:not(.kouho__list .detail p:last-child) {
	margin-right: 5px;
}
.kouho__list .party,
.kouho__list .double,
.kouho__list .reco {
	font-size: 3.32vw;
}
.kouho__list .text {
	padding: 15px 20px 20px 20px;
	font-size: 3.846vw;
	line-height: 1.7;
	text-align: justify;
}

/*========= help__wrap ==========*/
.contents__box .help__wrap {
	padding: 20px;
	background: #fff;
	margin-top: 30px;
	border-radius: 10px;
}
.help-title {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: min(4.615vw, 21px);
	font-weight: var(--weight__bold);
	color: var(--main-color);
	position: relative;
	cursor: pointer;
}
.contents__box .help__wrap {
	border: 2px solid var(--main-color);
	background: #f5f5f5;
}
.help__wrap ul li {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.7;
}
.help__wrap ul li:not(.help__wrap ul li:last-child) {
	margin-bottom: 10px;
}
.help-box {
	display: none;
	padding-top: min(2.564vw, 20px);
}

.help-title .icon__arrow-down {
	position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
}

.help-title.close .icon__arrow-down {
	transform: translateY(-50%) rotate(180deg);
}
/*===== news__wrap =====*/
#news ul {
	margin: 15px 0 30px;
}
.news__btn {
	display: flex;
	align-items: center;
	gap: 10px;
	justify-content: center;
	padding: 10px 15px;
	border: 2px solid var(--main-color);
	border-radius: 5px;
	width: fit-content;
	margin: 0 auto;
	font-size: min(4.102vw, 16px);
	color: var(--main-color);
	font-weight: var(--weight__bold);
}

/*===== enquete =====*/
.announce__header {
	margin-top: 64px;
	margin-bottom: 40px;
}
.article__title {
	position: relative;
	margin-bottom: min(16.41vw, 80px);
}
.article__title h2 {
	font-size: min(8.205vw, 36px);
	font-weight: 700;
	text-align: center;
}
.article__title p {
	position: absolute;
	top: calc(1em + min(12.307vw, 56px));
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	gap: 8px;
}
.article__title span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--main-color);
}
.read__text {
	line-height: 1.7;
}
.announce__header a {
	display: block;
	line-height: 1.7;
	font-weight: 700;
	text-decoration: underline;
	text-align: right;
	color: var(--main-color);
	margin-top: 12px;
}
.announce {
	font-weight: 700;
	text-align: center;
	padding: 32px 0;
}
.enquete__list .title {
	text-align: center;
	color: var(--main-color);
	font-weight: 700;
	margin-bottom: 8px;
}
.enquete__list ul {
	border: 2px solid var(--main-color);
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: min(100%, 500px);
	margin: 0 auto;
	padding: .5rem;
}
.enquete__list ul li {
	padding: min(4.1025vw, 24px);
	display: grid;
	place-items: center;
	gap: 8px;
}
.enquete__list ul li img {
	width: min(15.384vw, 72px);
}
.enquete__wrap .name__box {
	width: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 8px;
}
.enquete__wrap .name {
	font-size: min(4.105vw, 18px);
	font-weight: var(--weight__bold);
}
.enquete__wrap .party {
	font-size: min(3.589vw, 15px);
}
.enquete__wrap .honorific  {
	font-size: min(2.777vw, 14px);
	font-weight: var(--weight__bold);
}
.accordion-area .accordion-box {
	display: none;
}
.question__wrap {
	margin: 64px auto;
}
.question__wrap .answer__wrap .question__sec {
	margin-bottom: min(14.358vw, 72px);
}
.question__wrap .big-question {
	display: flex;
	gap: min(3.077vw, 20px);
	border-bottom: 2px solid var(--main-color);
}

.accordion-title {
	position: relative;
	padding-block: min(4.102vw, 20px);
	padding-inline: 8px min(9.23076vw, 48px);
	cursor: pointer;
}
.accordion-title::before {
	content: "";
	width: min(5.384vw, 32px);
	height: min(5.384vw, 32px);
	background: url(../img/icon__main-color-arrow.svg);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	transition: .5s all;
}
.accordion-title.close::before {
	transform: translateY(-50%) rotate(180deg);
} 
.accordion-title,
.enquete__wrap .big-question span {
	font-size: min(5.384vw, 27px);
	font-weight: 700;
	color: var(--main-color);
}
.enquete__wrap .medium-question span {
	font-size: min(5.384vw, 27px);
	font-weight: 700;
	color: var(--main-color);
}
.enquete__wrap .medium-question {
	background: var(--main-color);
	padding: min(2.051vw, 16px);
	margin-bottom: min(6.153vw, 32px);
}
.enquete__wrap .medium-question,
.enquete__wrap .medium-question span {
	font-size: min(4.615vw, 20px);
	font-weight: var(--weight__bold);
	color: #fff;
}
.enquete__wrap .small-question {
	margin-bottom: min(6.153vw, 24px);
}
.enquete__wrap .small-question,
.enquete__wrap .small-question span {
	font-size: min(4.102vw, 18px);
	font-weight: var(--weight__bold);
	color: var(--main-color);
}
.question__wrap .option__list {
	margin-bottom: min(4.102vw, 24px);
}
.question__wrap .option__list p {
	padding-left: 10px;
	border-left: 4px solid var(--main-color);
	font-size: min(4.102vw, 16px);
	color: var(--main-color);
	font-weight: 700;
	margin-bottom: min(2.564vw, 12px);
}
.question__wrap .option__list ul {
	display: flex;
	flex-wrap: wrap;
	gap: min(1.538vw, 8px);
}
.question__wrap .option__list ul li {
	font-size: min(3.589vw, 15px);
	font-weight: 500;
	padding: 8px;
	background: #F8F8F8;
}
.question__wrap .answer__inner .main__box {
	display: flex;
} 
.question__wrap .answer__box .answer__inner {
	border-bottom: 1px solid #D9D9D9;
}
.question__wrap .answer__inner .main__box:has(.grade__head) {
	padding-top: calc(1em + min(6.153vw, 24px));
}
.question__wrap .answer__box .enquete__info {
	width: 40.5%;
}
.question__wrap .answer__box .enquete__answer {
	width: 59.5%;
}
.question__wrap .answer__box .enquete__info,
.question__wrap .answer__box .enquete__answer {
	padding: min(4.102vw, 24px) min(2.051vw, 16px);
}
.question__wrap .answer__box .enquete__info dl {
	display: flex;
	flex-direction: column;
	gap: min(2.051vw, 16px);
}
.question__wrap .enquete__info img {
	display: none;
}

.question__wrap .enquete__info .name__box {
	justify-content: flex-start;
}
.question__wrap .answer__box .enquete__answer p {
	font-size:min(3.846vw, 16px);
	line-height: 1.7;
}
.question__wrap .answer__box .enquete__answer.no__answer p {
	font-size: min(4.6153vw, 28px);
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.question__wrap .answer__box .enquete__answer .score {
	font-size: min(8.205vw, 40px);
	font-weight: var(--weight__bold);
}
.question__wrap .answer__box .enquete__answer .score span {
	font-size: min(5.128vw, 24px);
	font-weight: var(--weight__bold);
	padding-left: min(1.025vw, 8px);
}
.question__wrap .answer__inner .sub__box {
	padding: 0 min(2.051vw, 16px) min(4.102vw, 24px);
}
.question__wrap .answer__inner .sub__box p {
	font-size: min(3.846vw, 16px);
	line-height: 1.7;
}
.question__wrap .grade__option {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: min(1.0256vw, 8px);
}
.question__wrap .grade__option li {
	font-size: min(3.333vw, 14px);
	font-weight: var(--weight__bold);
}
.question__wrap .answer__box .enquete__answer.grade__answer {
	position: relative;
}
.question__wrap .grade__head.pc_display {
	display: none;
}
.question__wrap .grade__answer .grade__head {
	position: absolute;
	width: 100%;
	top: -1em;
	left: 0;
	padding: 0 min(2.051vw, 16px);
}
.question__wrap .grade__answer ul {
	display: flex;
	justify-content: space-between;
}
.question__wrap .grade__answer ul li {
	text-align: center;
	font-size: min(3.589vw, 14px);
	font-weight: var(--weight__bold);
	width:  calc(100% / 5);
}
.question__wrap .grade__answer .grade__btn  {
	align-items: center;
	height: 100%;
	position: relative;
}
.question__wrap .grade__answer .grade__btn::before {
	content: "";
	width: 75%;
	height: 2px;
	background: var(--main-color);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.question__wrap .grade__answer .grade__btn li {
	position: relative;
}
.question__wrap .grade__answer .grade__btn li::after {
	content: "";
	width: min(5.128vw, 48px);
	height: min(5.128vw, 48px);
	background: #fff;
	border: 2px solid var(--main-color);
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}
.question__wrap .grade__answer .grade__btn li.selected::before {
	content: "";
	width: min(2.564vw, 24px);
	height: min(2.564vw, 24px);
	border-radius: 50%;
	background: var(--main-color);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.enquete__info .read__text {
	font-size: min(4.106vw, 16px);
	margin-bottom: 40px;
}
.enquete__info__inner .title {
	font-size: min(4.6153vw, 18px);
	color: var(--main-color);
	font-weight: var(--weight__bold);
	background: #C0D2FF;
	display: inline-block;
	padding: 8px 16px;
	border-radius: 4px;
	margin-bottom: min(2.0512vw, 8px);
}
.enquete__info__inner .info__box li {
	padding: min(2.0512vw, 16px) 8px;
	border-bottom: 1px solid #D9D9D9;
	font-size: min(4.106vw, 16px);
	display: flex;
	align-items: flex-start;
	gap: min(2.0512vw, 16px);
}
.enquete__info__inner .info__box li span {
	font-weight: var(--weight__bold);
}

/*========== hyogokengi ===========*/
#hyogokengi .accordion-title {
	font-size: min(6.923vw, 32px);
	padding: min(4.102vw, 18px) min(5.384vw, 32px) min(4.102vw, 18px) min(2.564vw, 10px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid var(--main-color);
}
#hyogokengi .accordion-title span {
	color: #fff;
	font-weight: var(--weight__bold);
	font-size: min(4.102vw, 20px);
	margin-right: min(2.051vw, 16px);
	background: var(--main-color);
	padding: 4px 8px;
	border-radius: 4px;
	}
.accordion-area .result__wrap {
	padding-top: min(10.256vw, 56px);
}

/*========== research ===========*/
#senkyo__research .question__wrap {
	margin: 40px 0 60px;
}
#senkyo__research .enquete__answer {
	display: flex;
    justify-content: center;
    align-items: center;
}
#senkyo__research .enquete__answer div {
	width: 100%;
}
.vote-bar__research {
	width: 100%;
	height: min(8.2051vw, 54px);
	-webkit-appearance: none;
	-moz-appearance: none;
}
.vote-bar__research::-webkit-progress-value {
	  background-image: linear-gradient(90deg, var(--main-color) 85%, rgb(255 255 255));
}
.vote-bar__research::-webkit-progress-bar {
	background: #fff;
}
.vote-bar__research::-moz-progress-bar {
	  background-image: linear-gradient(90deg, var(--main-color)  85%, rgb(255 255 255));
}

/*=============================
min-width: 768px
==============================*/
@media (min-width: 768px) {
	.sp_display {
		display: none;
	}
	.pc_display {
		display: block;
	}
	.icon__arrow {
		width: min(2.343vw, 20px);
		height: min(2.343vw, 20px);
	}
	
	/*== top-title__wrap ==*/
	.top-title__wrap {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.top-title__wrap h1 {
		width: min(66%, 700px);
	}
	.top-link li a {
		flex-direction: row;
		align-items: center;
		padding: 20px;
	}
	.top-link .group {
		flex: .18;
	}
	.top-link .group,
	.top-link .group span {
		font-size: min(2.734vw, 27px);
	}
	.top-link .area {
		font-size: min(1.822vw, 16px);
		flex: .75;
	}
	.top-link .icon__newpage {
		top: 50%;
		transform: translateY(-50%);
	}
	
	/*== g-nav__wrap ==*/
	.g-nav__wrap {
		display: flex;
		gap: 25px;
		margin-top: 30px;
		margin-bottom: 64px;
	}
	.main-btn__wrap {
		flex-direction: row;
		gap: 10px;
		margin-top: 0;
		padding: 0;
		width: 50%;
		justify-content: end;
	}
	.main-btn__wrap .btn {
		flex-direction: row;
		padding: 10px 10px;
		gap: 10px;
		font-size: min(1.8229vw, 16px);
	}
	.g-nav__wrap .btn {
		font-size: min(1.693vw, 16px);
		padding: 10px min(1.302vw, 20px);
	}
	.g-nav__wrap .btn.home-btn {
		justify-content: flex-start;
		margin: 10px auto 0;
		
	}
	.g-nav__wrap dl {
		flex-direction: row;
		gap: 30px;
		width: 100%;
	}
	.g-nav__inner.long__nav {
		width: 100%;
	}
	.g-nav__inner.short__nav {
		width: 25%;
	}
	.g-nav__inner dt {
		padding: 10px;
	}
	.g-nav__inner dt span {
		display: none;
	}
	.g-nav__inner.long__nav .box ul {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.g-nav__inner dt,
	.g-nav__inner ul li a {
		font-size: min(1.693vw, 17px);
	}
	.g-nav__inner dt img {
		width: min(2.343vw, 20px);
		height: min(2.343vw, 20px);
	}
	.g-nav__inner dd {
		padding-bottom: 0;
	}
	.g-nav__inner ul li a .sign {
		font-size: min(1.30208vw, 13px);
	}
	
	/*== sokuho-table ==*/
	.sokuho-table__wrap {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(calc(100% / 3), 1fr));
	}
	.sokuho-table dt {
		border-left: 1px solid var(--main-color);
	}
	.sokuho-table dt.no-border__left {
		border-left: none;
	}
	.sokuho-table__inner:not(.sokuho-table__inner:last-child) {
		border-bottom: none;
	}
	.sokuho-table dt,
	.sokuho-table dd {
		border-bottom: 1px solid var(--main-color);
	}
	.sokuho-table .no-border__bottom dt,
	.sokuho-table .no-border__bottom dd {
		border-bottom: none;
	}
	.sokuho-table dt,
	.sokuho-table .text  {
		font-size: min(1.7vw, 16px);
	}
	.sokuho-table .help__inner {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(calc(100% / 2), 1fr));
	}
	.sokuho-table__inner:last-child dt {
		border-radius: 0;
	}
	.sokuho-table__inner:nth-child(10) dt {
		border-radius: 0 0 0 10px;
	}
	
	/*== main-contents ==*/
	.main-contents__box {
		border-radius: 40px; 
		padding: 40px 30px; 
		margin-top: 0;
	}
	.wrapper {
		margin-top: 64px;
	}
	
	/*== tab__nav ==*/
	.tab__nav {
		 width: min(78%, 800px);
	}
	#hyogokengi .tab__nav {
		width: min(90%, 860px);
		gap: min(0.5208vw, 8px);
	}
	.tab__nav li,
	.tab__nav li a {
		border-radius: 15px 15px 0 0;
		flex: 1;
		font-size: min(2.083vw, 21px);
	} 
	#hyogokengi .tab__nav li,
	#hyogokengi .tab__nav li a {
		font-size: min(1.6927vw, 16px);
	}
	.tab__nav .current,
	.tab__nav li a {
		padding: 10px;
	}
	
	/*== contents-nav__box ==*/
	.contents-nav__box {
		grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
	}
	
	/*== region__title ==*/
	.region__title {
		margin: 40px auto;
	}
	.region__title .group:before {
		width: min(270%, 450px);
	}
	
	/*== contents__inner__head ==*/
	.contents__inner__head {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.contents__inner__head div {
		margin-bottom: 0;
	}
	
	/*== kaihyo__list ==*/
	.kaihyo__list dl {
		display: flex;
	}
	.kaihyo__list dt {
		align-items: center;
		border-bottom: none;
		border-right: 1px dashed var(--main-color);
		padding: 15px 25px;
		width: 74.6%;
	}
	.kaihyo__list dd {
		padding: 15px 25px;
		width: 25.4%;
		flex-direction: column;
		align-items: end;
		justify-content: center;
		gap: 10px;
	}
	.kaihyo__list .result__mark {
		position: relative;
		top: 0;
		left: 0;
		width: min(6.119vw, 55px);
		height: min(6.119vw, 55px);
	}
	.information_wrap {
		flex-direction: row;
		width: inherit;
	}
	.information_wrap .detail {
		justify-content: flex-end;
	}
	.kaihyo__list .face-img {
		width: min(4.557vw, 50px);
		margin: 0 min(1.302vw, 20px);
}
	.kaihyo__list .kanji {
		font-size: min(2.343vw, 24px);
	}
	.kaihyo__list .rubi{
		font-size: 14px;
	}
	.kaihyo__list .party,
	.kaihyo__list .double {
		font-size: min(2.343vw, 16px);
	}
	.kaihyo__list .result__mark::before {
		font-size: min(3.125vw, 24px);
	}
	.kaihyo__list .mark__04 .result__mark::before {
		font-size: min(2.734vw, 21px);
	}
	.kaihyo__list .number {
		font-size: min(2.343vw, 24px);
	}
	.kaihyo__list .number span{
		font-size: min(1.822vw, 16px);
	}
	.vote-bar {
		width: 100%;
	}
	
	/*=== kouho__list ===*/
	.kouho__list li dl {
		display: flex;
	}
	.kaihyo__list li:not(.kaihyo__list li:last-child) {
		margin-bottom: 0;
	}
	.kouho__list dt {
		gap: min(1.302vw, 20px);
		border-bottom: 0;
		border-right: 1px dashed var(--main-color);
		padding: min(1.953vw, 15px);
		flex: 1;
	}
	.kouho__list .detail p:not(.kouho__list .detail p:last-child) {
		margin-right: 10px;
	}
	.kouho__list .face-img {
		width: min(7.161vw, 70px);
	}
	.kouho__list .kanji {
		font-size: min(2.083vw, 21px);
	}
	.kouho__list .rubi {
		font-size: min(1.562vw, 14px);
	}
	.kouho__list .party,
	.kouho__list .double,
	.kouho__list .reco {
		font-size: min(1.822vw, 16px);
	}
	.kouho__list .text{
		font-size: min(1.822vw, 16px);
		padding: min(1.302vw, 15px);
		flex: 1;
	}
	
	/*== question__wrap  ==*/
	.question__wrap .medium-question,
	.question__wrap .option__list {
		margin-bottom: 33px;
	}
	.question__wrap .option__list p {
		margin-bottom: 12px;
	}
	.question__wrap .option__list ul {
		gap: 8px;
	}
	.question__wrap .option__list ul li {
		padding: 10px;
		font-size: 15px;
	}
	.question__wrap .enquete__info {
		display: flex;
		gap: 16px;
		align-items: center;
	}
	.question__wrap .answer__inner .main__box:has(.grade__head) {
		padding-top: calc(2.5em + min(6.153vw, 24px));
	}
	.question__wrap .answer__box .enquete__info {
		width: 34%;
	}
	.question__wrap .answer__box .enquete__answer {
		width: 66%;
	}
	.question__wrap .enquete__info img {
		display: block;
		width: 22.69%;
	}
	.question__wrap .grade__option {
		display: none;
	}
	.question__wrap .grade__answer .grade__head {
		top: -2.5em;
	}
	.question__wrap .grade__head.sp_display {
		display: none;
	}
	.question__wrap .grade__head.pc_display {
		display: flex;
	}
	.question__wrap .grade__head.pc_display li {
		font-size: min(1.5625vw, 14px);
		font-weight: var(--weight__bold);
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}


/*=============================
hover-animation
==============================*/
.contents__wrap a:hover {
	opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
	.news__btn:hover,
	.contents-nav__box li a:hover,
	.main-btn__wrap .btn:hover {
		color: #fff;
		background: var(--main-color);
	}
	.news__btn:hover span,
	.main-btn__wrap .btn:hover .main-color__icon {
		background: #fff;
	}
	.top-page:hover span {
		transform: translateY(-4px);
	}	
	.g-nav__inner ul li a:hover .icon__arrow {
		transform: translateX(4px);
	}
	.tab__nav li a:hover {
		background: var(--main-color);
	}
	.top-link li a:hover::before {
		top: 0;
		left: 0;
	}
	.sokuho-table__inner dt a:hover {
		text-decoration: underline;
	}
	.contents__inner__head .link-to-kouho:hover span {
		transform: translateY(4px);
	}	
	.renew__btn:hover {
		color: #ffe7e8;
		background: #ff3743;
	}
	.renew__btn:hover .icon__renew {
		transform: rotate(360deg);
		background: #ffe7e8;
	}
}