/*
Theme Name:SAITAMA-SHIKAISHI-HOKEN
*/
html {
	font-size: 62.5%;
	scroll-behavior: smooth;
}
html.parent {
overflow:hidden;
}
:root {
	--color-indigo:#3783a7;
	--color-aqua:#e3f6ff;
	--color-blue:#1e9ad5;
	--color-darkblue:#0071bc;
	--color-green:#4db922;
	--color-white:#ffffff;
	--color-gray: #f3f3f3;
	--color-line: #dddddd;
	--color-black: #222222;
	--color-red:#db046e;
	--font-sp-xxx-large:clamp(3.0rem, 8vw, 4.0rem);
	--font-sp-xx-large:clamp(2.2rem, 6vw, 3.0rem);
	--font-sp-x-large:clamp(1.6rem, 5.3vw, 2.0rem);
	--font-sp-large:clamp(1.4rem, 4.8vw, 1.8rem);
	--font-sp-small:clamp(1.2rem, 3.2vw, 1.4rem);
	--font-sp-x-small:clamp(1.1rem, 2.8vw, 1.3rem);
	--font-pc-xxx-large:3.6rem;
	--font-pc-xx-large:3.0rem;
	--font-pc-x-large:2.4rem;
	--font-pc-large:1.8rem;
	--font-pc-small:1.4rem;
	--font-pc-x-small:1.2rem;
}
body {
	position: relative;
	z-index: 1;
	background-color:#ffffff;
}
html,body{
	height: 100%;
}
body.drawer-body-on {
	overflow: hidden;
}
body.drawer-body-on:before {
	content:"";
	position: fixed;
	top:0px;
	right:0px;
	z-index: 500;
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100vh;
	height:100dvh;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
}
body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label {
	font-family:'Zen Maru Gothic','Noto Sans JP','Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
	color:var(--color-black);
}
h1,h2,h3,h4,h5,h6,th,dt,strong,.bold {
	font-weight:700;
}
hr {
	border: none;
	border-bottom:1px solid var(--color-line);
	margin-top:1em;
	margin-bottom:1em;
}
@media (width < 767px) {
	body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label,button {
		font-size:clamp(1.3rem, 3.73vw, 1.6rem);
	}
	input[type=text],input[type=tel],input[type=email] ,textarea,select {
		font-size: 1.6rem;
	}
	input {
		appearance: none;
		-webkit-appearance: none;
	}
	p {
		line-height:175%;
	}
}
@media (768px <= width) {
	body,th,td,li,dt,dd,input,select,a,p,div,span,textarea,h1,h2,h3,h4,h5,h6,label,button {
		font-size: 1.6rem;
	}
	p {
		line-height:200%;
	}
}
a {
	outline: none;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?cdnx9o');
  src:  url('fonts/icomoon.eot?cdnx9o#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?cdnx9o') format('truetype'),
    url('fonts/icomoon.woff?cdnx9o') format('woff'),
    url('fonts/icomoon.svg?cdnx9o#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.icon-icon-downloa-od:before {
  content: "\e900";
  color: #666;
}
.icon-back-o:before {
  content: "\e90a";
}
.icon-arrow-o:before {
  content: "\e90b";
}
.icon-exclamation-circle:before {
  content: "\f06a";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-comment:before {
  content: "\f075";
}
.icon-angle-right:before {
  content: "\f105";
}
/*-----------------------------------------
wordpress-editor-settings
------------------------------------------*/
.editor p {
	display: block;
	margin: 1em 0;
}
.editor em {font-style: italic;}
.editor blockquote {
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 32px;
	-webkit-margin-end: 32px;
}
/* img */
.aligncenter {display: block;margin: 0 auto;}
.alignright {float: right;}
.alignleft {float: left;}
 
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
/*-----------------------------------------
master-layout-control
------------------------------------------*/
.container,
.container-middle {
	margin-right: auto;
	margin-left: auto;
}
@media (width < 767px) {
	.container {
	padding-right: 5vw;
	padding-left: 5vw;
	}
	.sp-only {display:block !important;}
	.pc-only {display:none !important;}
}
@media (768px <= width) {
	.container {
		max-width:1000px;
		padding-left:20px;
		padding-right:20px;
	}
	.container-middle {
		max-width:720px;
	}
	.sp-only {display:none !important;}
	.pc-only {display:block !important;}
}
.text-center {
	text-align: center;
}
/*-----------------------------------------
header
------------------------------------------*/
header {
	background:rgba(255,255,255,0.8);
	position: fixed;
	z-index: 98;
	top:0;
}
.header-logo {
	display:block;
	color:var(--color-indigo);
}
@media (width < 767px) {
	header {
		width:100vw;
		height:15vw;
	}
	.header-inner {
		display: flex;
		height:15vw;
		align-items: center;
	}
	.header-logo {
		font-size:var(--font-sp-large);
		font-weight: 700;
	}
	.pc-menu {
		display:none;
	}
}
@media (768px <= width) {
	header {
		width:100%;
		height:120px;
	}
	.header-inner {
		display: flex;
		height:80px;
		align-items: center;
		justify-content: space-between;
	}
	.header-logo {
		font-size:var(--font-pc-x-large);
		font-weight: 700;
	}
	.header-inner .tel {
		text-align: right;
	}
	.header-inner .tel a {
		display:block;
		position: relative;
		z-index: 1;
		font-size:var(--font-pc-x-large);
		font-weight: 700;
		padding-left:56px;
		letter-spacing: 0.1em;
	}
	.header-inner .tel a:before {
		content:"";
		background-image:url(images/icon/tel.svg);
		background-repeat: no-repeat;
		background-size:contain;
		width:40px;
		height:40px;
		position: absolute;
		top:0;
		left:0;
	}
	.header-inner .tel span {
		display: block;
		padding-top:4px;
		color:var(--color-black);
		font-weight: 700;
	}
	.pc-menu ul {
		display: flex;
		justify-content: center;
	}
	.pc-menu li {
		flex:1;
		text-align: center;
	}
	.pc-menu li a {
		display: flex;
		justify-content: center;
		align-items: center;
		height:40px;
		position: relative;
		z-index: 1;
		border-bottom:3px solid rgba(255,255,255,0);
	}
	.pc-menu li a:hover {
		color:var(--color-blue);
		border-bottom:3px solid rgba(30,154,213,1);
	}
}
/*-----------------------------------------
drawr SP-mode-menu
------------------------------------------*/
@media (width < 767px) {
	.drawer-btn {
		position: fixed;
		z-index: 1001;
		width:15vw;
		height:15vw;
		top:0;
		right:0;
		background-image:url(images/burger.svg);
		background-size:5vw auto;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.drawer-btn.drawer-btn-peke {
		background-color:transparent;
		background-image:url(images/close.svg);
	}
	.drawer {
		display: none;
		background:var(--color-blue);
		position: fixed;
		top:0px;
		right:0;
		width:90vw;
		height:100dvh;
		overflow-y:auto;
		overflow-x:hidden;
		z-index: 1000;
		padding-top:12vw;
	}
	.drawer * {
		color:var(--color-white);
	}
	.drawer ul {
		width:80vw;
		margin-left:auto;
		margin-right: auto;
		margin-bottom:8vw;
	}
	.drawer li {
		border-bottom:1px solid var(--color-white);
	}
	.drawer ul.sub-menu {
		display:grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 5vw;
		margin-bottom:0;
	}
	.drawer ul.sub-menu li {
		border-bottom:none;
	}
	.drawer li span {
		font-weight: 400;
		opacity: 0.5;
	}
	.drawer li a,
	.drawer li span {
		display:block;
		padding:2.5vw 0;
		line-height: 150%;
	}
}
@media (768px <= width) {
	.drawer-btn,
	.drawer {
		display: none;
	}
}
/*-----------------------------------------
mainvisual
------------------------------------------*/

.mainvisual {
	position: relative;
	background-color:#e0eff6;
	background-repeat: no-repeat;
	z-index: 1;
}
.mainvisual-title {
	position: absolute;
	z-index: 3;
}
.mainvisual-title h1 {
	display:inline;
	color:var(--color-black);
	font-weight:700;
	background:linear-gradient(transparent 50%, rgba(186,243,164,1) 50%);
	background-repeat: no-repeat;
	transition:background-size 1s;
	background-size: 0% 100%;
	font-feature-settings:"palt";
	line-height:150%;
	word-break: auto-phrase;
}
.mainvisual-title.putactionon h1 {
	background-size: 100% 100%;
}
.mainvisual-single-title {
	position: relative;
	z-index: 3;
	margin-left:auto;
	margin-right:auto;
}
.mainvisual-single-title h1 {
	font-weight: 400;
	line-height:150%;
}
.mainvisual-single-title span {
	display: block;
	text-align: center;
	position: absolute;
	bottom:1em;
	left:50%;
	transform: translateX(-50%);
}
@media (width < 767px) {
	.mainvisual {
		height:56.25vw;
		background-position: center top;
		background-size:cover;
	}
	.mainvisual-single {
		min-height:56.25vw;
	}
	.mainvisual-title {
		width:80vw;
		min-height:6vw;
		top:calc(50% + 0.5em);
		transform: translateY(-50%);
		left:10vw;
		text-align: center;
	}
	.mainvisual-title h1 {
		font-size:var(--font-sp-xx-large);
	}
	.mainvisual-single-title {
		width:80vw;
		min-height:56.25vw;
		padding-top:12vw;
	}
	.mainvisual-single-title h1 {
		display: flex;
		align-items: center;
		height:38vw;
		font-size:var(--font-sp-x-large);
	}
}
@media (768px <= width) {
	.mainvisual {
		height:360px;
	}
	.mainvisual-single {
		min-height:360px;
	}
	.mainvisual:before {
		content:"";
		background: linear-gradient(90deg,rgba(224, 239, 246, 1) 0%, rgba(224, 239, 246, 1) 80%, rgba(224, 239, 246, 0.01) 100%);
		position: absolute;
		top:0;
		left:0;
		height:360px;
		z-index: 1;
	}
	.mainvisual-title {
		width:80%;
		min-height:30px;
		top:calc(50% + 51px);
		transform: translateY(-50%);
		left:10%;
	}
	.mainvisual-title h1 {
		font-size:var(--font-pc-xxx-large);
	}
	.mainvisual-single-title {
		max-width:720px;
		height:360px;
		padding-top:140px;
	}
	.mainvisual-single-title h1 {
		display: flex;
		align-items: center;
		justify-content:center;
		height:160px;
		font-size:var(--font-pc-xx-large);
		text-align:center;
	}
}
@media (768px <= width < 1099px) {
	.mainvisual {
		background-position: right center;
		background-size:90% auto;
	}
	.mainvisual:before {
		width:25%;
	}
}
@media (1100px <= width) {
	.mainvisual {
		background-position: right center;
		background-size:60% auto;
	}
	.mainvisual:before {
		width:55%;
	}
}
/*-----------------------------------------
maincontents
------------------------------------------*/
.maincontents:has(+.mainui) {
	padding-bottom:0;
}
.maincontents h2 {
	color:var(--color-white);
	background-color:var(--color-blue);
	line-height:150%;
	position: relative;
	z-index: 2;
}
.maincontents h2:before {
	content:"";
	position: absolute;
	z-index: 2;
	background-image:url(images/icon/guide.svg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
}
.maincontents h2:has(+h3) {
	margin-bottom:1em;
}
.maincontents h3 {
	color:var(--color-blue);
	font-weight: 700;
	line-height:150%;
	padding-top:1.5em;
	padding-bottom:1.5em;
}
.maincontents h3:has(+p),
.maincontents h3:has(+ol),
.maincontents h3:has(+ul) {
	padding-bottom: 0.25em;
}
.maincontents ol,
.maincontents ul {
	margin:1em auto;
}
.maincontents ol>li>ol,
.maincontents ul>li>ul,
.maincontents ul>li>ol,
.maincontents ol>li>ul {
	counter-reset: childnum;
	margin:0.5em auto 0 1.5em;
}
.maincontents ol {
	counter-reset: parentnum;
}
.maincontents ol li {
	padding-left:2em;
}
.maincontents ul li {
	padding-left:0.5em;
}
.maincontents ol li,
.maincontents ul li {
	position: relative;
	line-height:150%;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.maincontents ol li:before {
	counter-increment: parentnum;
	content: counter(parentnum);
	display: flex;
	position:absolute;
	top:0.75em;
	left:0;
	justify-content: center;
	background-color: var(--color-blue);
	color: var(--color-white);
	border-radius: 100%;
	font-weight: 700;
}
.maincontents>ol>li>ol>li:before,
.maincontents ul>li>ol>li:before,
.maincontents ol>li>ul>li:before {
	counter-increment: childnum;
	content: counter(childnum);
}
.maincontents ul li {
	list-style-type: disc;
	margin-left:1.5em;
}
.maincontents>ul>li>ol>li {
	list-style-type: none;
	margin-left:0;
}
.maincontents ul li::marker {
	color: var(--color-blue);
}
.maincontents table {
	width:100%;
	border-top:1px solid #959c95;
	border-left:1px solid #959c95;
}
.maincontents table th,
.maincontents table td {
	border-right:1px solid #959c95;
	border-bottom:1px solid #959c95;
}
.maincontents table thead tr {
	background:#c6dce7;
}
.maincontents table tbody tr:nth-child(even) {
	background-color: var(--color-gray);
}
.maincontents table tbody tr:nth-child(even) td:first-child {
	color:var(--color-white);
	background-color: var(--color-darkblue);
}
.maincontents table tbody tr:nth-child(odd) td:first-child {
	color:var(--color-white);
	background-color: var(--color-blue);
}
.maincontents table tbody tr td:first-child * {
	color:var(--color-white);
}
.maincontents b,
.maincontents strong {
	color:var(--color-red);
}
.maincontents p a {
	color:var(--color-green);
	text-decoration: underline;
}
.maincontents p a:hover {
	color:var(--color-red);
}
@media (width < 767px) {
	.maincontents {
		padding-top:4vw;
		padding-bottom:8vw;
	}
	.maincontents h2 {
		font-size:var(--font-sp-large);
		padding:2vw 1em 2vw 16vw;
		border-radius:3vw;
		margin-top:5vw;
		margin-bottom:5vw;
	}
	.maincontents h2:before {
		width:12vw;
		height:12vw;
		top:-2vw;
		left:2vw;
	}
	.maincontents h3 {
		font-size:var(--font-sp-large);
	}
	.maincontents ol li:before {
		font-size:var(--font-sp-small);
		width: 4vw;
		height: 4vw;
		line-height: 3.8vw;
	}
	.maincontents table {
		margin:8vw auto;
	}
	.maincontents table th,
	.maincontents table td {
		line-height:150%;
		padding:0.5em 1em;
	}
}
@media (768px <= width) {
	.maincontents {
		padding-top:20px;
		padding-bottom:50px;
	}
	.maincontents h2 {
		font-size:var(--font-pc-x-large);
		border-radius:10px;
		margin-top:2em;
		margin-bottom:2em;
		padding:0.5em 1em 0.5em 90px;
	}
	.maincontents h2:before {
		width:60px;
		height:60px;
		top:-10px;
		left:20px;
	}
	.maincontents h3 {
		font-size:var(--font-pc-large);
	}
	.maincontents ol li:before {
		font-size:var(--font-pc-small);
		width: 20px;
		height: 20px;
		line-height: 18px;
	}
	.maincontents table {
		margin:1em auto;
	}
	.maincontents table th,
	.maincontents table td {
		line-height:150%;
		padding:0.5em 1em;
	}
}
/*-----------------------------------------
box
------------------------------------------*/
.box-shorui {
	position: relative;
	background-color:var(--color-aqua);
	overflow: hidden;
}
.box-tenpu {
	position: relative;
	background-color:#e3ffe5;
	overflow: hidden;
}
.box-shorui:before {
	content:"\7533\8ACB\66F8";
	position: absolute;
	color:var(--color-white);
	background-color:var(--color-blue);
	z-index: 2;
	height:100%;
	top:0;
	left:0;
}
.box-shorui:after {
	content:"";
	position: absolute;
	background-image:url(images/icon/kyufu.svg);
	background-repeat: no-repeat;
	background-size:contain;
	z-index: 3;
}
.box-tenpu:before {
	content:"\6DFB\4ED8\66F8\985E";
	position: absolute;
	color:var(--color-white);
	background-color:var(--color-green);
	z-index: 2;
	height:100%;
	top:0;
	left:0;
}
.box-tenpu:after {
	content:"";
	position: absolute;
	background-image:url(images/icon/tenpu.svg);
	background-repeat: no-repeat;
	background-size:contain;
	z-index: 3;
}
.box-tenpu ol,
.box-tenpu ul {
	margin-top:0;
	margin-bottom: 0;
}
.box-caution {
	position: relative;
	background-color:#f6e7e0;
}
.box-caution:before {
	font-family: 'icomoon';
	content: "\f06a";
	position: absolute;
	color:#ff6600;
}
.box-comment {
	position: relative;
	background-color:#f4eed4;
}
.box-comment:before {
	font-family: 'icomoon';
	content: "\f075";
	position: absolute;
	color:#d8ca8d;
}
.box-normal {
	background-color:#eaf2f5;
}
.box-normal h3 {
	padding-top:0;
}
.box-balloon {
	position: relative;
	margin: 1.5em 0 2.5em 0;
	padding: 1em;
	background: #eaf2f5;
	border: 1px solid var(--color-blue);
	border-radius:10px;
}
.box-balloon:before {
	content: "";
	position: absolute;
	bottom: -42px;
	left: 50%;
	transform: translateX(-50%);
	border: 19px solid transparent;
	border-top: 23px solid #eaf2f5;
	z-index: 2;
}
.box-balloon:after {
	content: "";
	position: absolute;
	bottom: -44px;
	left: 50%;
	transform: translateX(-50%);
	border: 20px solid transparent;
	border-top: 24px solid var(--color-blue);
	z-index: 1;
}
.maincontents .box-balloon h3 {
	padding-top:0;
	padding-bottom:0.5em;
	border-bottom:1px solid var(--color-blue);
	margin-bottom:1em;
}
.box-balloon h4 {
	color:var(--color-indigo);
	margin:1em 0;
}
.box-balloon:last-child:before,
.box-balloon:last-child:after {
	display:none;
}
.box-balloon a,
.box-caution a,
.box-comment a,
.box-caution a,
.box-normal a,
.box-tenpu a,
.box-shorui a {
	color:var(--color-green);
}
@media (width < 767px) {
	.box-shorui,
	.box-tenpu {
		grid-template-rows: 10vw 1fr;
		border-radius:3vw;
		line-height: 150%;
		margin:24px auto;
		padding:3vw 3vw 3vw 32vw;
		font-size:4vw;
	}
	.box-shorui:before,
	.box-tenpu:before {
		top:0;
		left:0;
		width:30vw;
		height:100%;
		padding:3vw 3vw 3vw 10vw;
	}
	.box-shorui:after {
		top:3vw;
		left:2.7vw;
		width:6vw;
		height:6vw;
	}
	.box-tenpu:after {
		top:3vw;
		left:2.7vw;
		width:6vw;
		height:6vw;
	}
	.box-shorui-content,
	.box-tenpu-content {
		padding:2vw 3vw;
		line-height: 150%;
	}
	.box-caution,
	.box-comment {
		border-radius:3vw;
		padding:2vw 3vw 2vw 11vw;
		line-height: 150%;
		margin:24px auto;
	}
	.box-caution:before {
		top:3vw;
		left:3vw;
		width:4vw;
		height:4vw;
		font-size:6vw;
	}
	.box-comment:before {
		top:1.6vw;
		left:3vw;
		width:4vw;
		height:4vw;
		font-size:5vw;
	}
	.box-normal {
		border-radius:3vw;
		padding:2vw 3vw;
		line-height: 150%;
		margin:24px auto;
	}
}
@media (768px <= width) {
	.box-shorui,
	.box-tenpu {
		border-radius:10px;
		line-height: 150%;
		margin:24px auto;
		padding:16px 16px 16px 180px;
	}
	.box-shorui:before,
	.box-tenpu:before {
		width:160px;
		padding:16px 16px 16px 60px;
		font-size:var(--font-pc-normal);
	}
	.box-shorui:after {
		top:6px;
		left:12px;
		width:40px;
		height:40px;
	}
	.box-tenpu:after {
		top:7px;
		left:10px;
		width:36px;
		height:36px;
	}
	.box-caution,
	.box-comment {
		border-radius:10px;
		padding:16px 16px 16px 56px;
		line-height: 150%;
		margin:24px auto;
	}
	.box-caution:before,
	.box-comment:before {
		top:16px;
		left:16px;
		width:24px;
		height:24px;
		font-size:24px;
	}
	.box-normal {
		border-radius:10px;
		padding:16px;
		line-height: 150%;
		margin:24px auto;
	}
}
/*-----------------------------------------
btn
------------------------------------------*/
.btn {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}
.out-btn {
	text-align:center;
}
.out-btn a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
	padding-left:1em;
	padding-right:1em;
}
.btn-normal,
.out-btn a {
	color:var(--color-white);
}
.btn-normal:before {
	color:var(--color-white);
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	font-family: 'icomoon';
	font-weight: 400;
}
.btn-reverse {
	color:var(--color-black);
}
.btn-reverse:before {
	color:var(--color-black);
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	font-family: 'icomoon';
	font-weight: 400;
}
.btn-reverse:hover {
	background-color:var(--color-gray);
}
.btn-center,
.out-btn a {
	margin-left:auto;
	margin-right:auto;
}
.btn-blue {
	background-color:var(--color-blue);
}
.btn-green,
.out-btn a {
	background-color:var(--color-green);
}
.btn-gray {
	background-color:var(--color-gray);
}
.btn-blue:hover {
	background-color:var(--color-black);
	box-shadow: 0 0 8px 3px var(--color-blue);
}
.btn-green:hover,
.out-btn a:hover {
	background-color:var(--color-black);
	box-shadow: 0 0 8px 3px var(--color-green);
}
.btn-reverse.btn-gray:hover {
	color:var(--color-white);
	background-color:var(--color-black);
}
.btn-dl:before {
	content: "\e900";
}
.btn-normal.btn-backtop {
	transform: translateY(-50%);
}
.btn-backtop:before {
	content: "\e90a";
	transform: translateY(-50%) rotate(90deg);
}
.btn-next:before {
	content: "\e90b";
}
.btn-back:before {
	content: "\e90b";
	transform: translateY(-50%) rotate(180deg);
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.btn-back:hover:before {
	color:var(--color-white);
}
@media (width < 767px) {
	.btn-normal,
	.btn-reverse {
		width:100%;
		max-width:80vw;
		height:10vw;
		border-radius:10vw;
	}
	.out-btn a {
		width:100%;
		max-width:80vw;
		height:10vw;
		border-radius:10vw;
	}
	.btn-normal:before,
	.btn-reverse:before {
		left:5vw;
		width:5vw;
		height:5vw;
		font-size:5vw;
	}
	.out-btn {
		margin-top:4vw;
		margin-bottom:4vw;
	}
	.btn-back {
		margin-top:8vw;
		margin-bottom:8vw;
	}
}
@media (768px <= width) {
	.btn-normal,
	.btn-reverse {
		width:300px;
		height:48px;
		border-radius:48px;
	}
	.out-btn a {
		height:48px;
		border-radius:48px;
	}
	.btn-normal:before,
	.btn-reverse:before {
		left:20px;
		width:20px;
		height:20px;
		font-size:20px;
	}
	.out-btn {
		margin-top:30px;
		margin-bottom:30px;
	}
	.btn-back {
		margin-top:60px;
		margin-bottom:60px;
	}
}
/*-----------------------------------------
newslist,single
------------------------------------------*/
.newslist li {
	border-bottom:1px solid var(--color-line);
}
.newslist li:last-child {
	border-bottom:none;
}
.newslist li span {
	color:var(--color-white);
	background-color:var(--color-blue);
	display: inline-block;
	text-align: center;
}
.newslist li a {
	color:var(--color-black);
	font-weight: 700;
}
.wp-pagenavi {
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wp-pagenavi span.current {
	color:var(--color-white);
}
.wp-pagenavi a {
	background-color:var(--color-aqua);
}
.wp-pagenavi span.current {
	display:block;
	background-color:var(--color-blue);
}
.single-content {
	padding-top:1em;
}
@media (width < 767px) {
	.newslist li {
		padding:4vw 0;
	}
	.newslist li span {
		width:20vw;
		height:5vw;
		line-height:5vw;
		border-radius:5vw;
		font-size:3vw;
		display: block;
		margin-bottom:1vw;
	}
	.newslist li a {
		line-height: 150%;
	}
	.archive-block {
		padding-top:8vw;
	}
	.wp-pagenavi {
		margin:8vw auto;
		column-gap: 3vw;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		height:10vw;
		min-width:10vw;
		line-height:10vw;
		border-radius:5vw;
	}
}
@media (768px <= width) {
	.newslist li {
		display: grid;
		align-items: center;
		grid-template-columns: 100px 1fr;
		grid-column-gap: 24px;
		padding:24px 0;
	}
	.newslist li span {
		width:100px;
		height:30px;
		line-height:30px;
		border-radius:30px;
	}
	.newslist li a {
		line-height: 150%;
	}
	.archive-block {
		padding-top:48px;
	}
	.wp-pagenavi {
		margin:48px auto 0px auto;
		column-gap: 16px;
	}
	.wp-pagenavi a,
	.wp-pagenavi span {
		height:40px;
		min-width:40px;
		line-height:40px;
		border-radius:20px;
	}
}
/*-----------------------------------------
youshiki
------------------------------------------*/
.youshiki a {
	position: relative;
	display: flex;
	width:stretch;
	align-items: center;
	text-align: left;
	color:var(--color-white);
	background-color:var(--color-blue);
	margin-left:auto;
	margin-right:auto;
	padding:0.5em 1em;
}
.youshiki a:hover {
	background-color:var(--color-indigo);
}
@media (width < 767px) {
	.youshiki {
		display:grid;
		grid-template-columns: 1fr;
		grid-row-gap: 6vw;
		margin:8vw auto;
	}
	.youshiki a {
		min-height:40px;
		border-radius:20px;
	}
}
@media (768px <= width) {
	.youshiki {
		display:grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap:40px;
		grid-row-gap: 20px;
		max-width:740px;
		margin:48px auto;
	}
	.youshiki a {
		min-height:40px;
		border-radius:20px;
	}
}
/*-----------------------------------------
btngroup
------------------------------------------*/
.mainui a {
	color:var(--color-black);
	background-color:var(--color-aqua);
	background-repeat: no-repeat;
	display: block;
	position: relative;
	z-index: 2;
	text-align: center;
	font-weight: 700;
}
.mainui a:hover {
	color:var(--color-white);
	background-color:var(--color-blue);
}
.ui-kanyu {
	background-image:url(images/icon/kanyu.svg);
}
.ui-hokenryo {
	background-image:url(images/icon/hokenryo.svg);
}
.ui-kyufu {
	background-image:url(images/icon/kyufu.svg);
}
.ui-hiyou {
	background-image:url(images/icon/ryoyohi.svg);
}
.ui-kougaku {
	background-image:url(images/icon/kougaku.svg);
}
.ui-birth {
	background-image:url(images/icon/shussan.svg);
}
.ui-syobyo {
	background-image:url(images/icon/shobyo.svg);
}
.ui-daisansha {
	background-image:url(images/icon/daisansha.svg);
}
.ui-kenshin {
	background-image:url(images/icon/tokutei.svg);
}
.ui-kenshin {
	background-image:url(images/icon/tokutei.svg);
}
.ui-dock {
	background-image:url(images/icon/doc.svg);
}
.ui-cancer {
	background-image:url(images/icon/gan.svg);
}
.ui-selfmedi {
	background-image:url(images/icon/selfmedi.svg);
}
.ui-vaccine {
	background-image:url(images/icon/vaccine.svg);
}
.ui-other {
	background-image:url(images/icon/other.svg);
}
.ui-dl {
	background-image:url(images/icon/jigyo.svg);
}
.ui-guide {
	background-image:url(images/icon/guide.svg);
}
@media (width < 767px) {
	.mainui ul {
		display:grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 5vw;
		grid-row-gap: 5vw;
		margin:0 auto;
		padding:8vw 0;
	}
	.mainui a {
		width:100%;
		height:24vw;
		border-radius: 4vw;
		font-size:var(--font-sp-small);
		padding:15vw 3vw 3vw 3vw;
		line-height: 125%;
		background-position: center 2.5vw;
		background-size:12vw 12vw;
	}
}
@media (768px <= width) {
	.mainui ul {
		display:grid;
		grid-column-gap: 26px;
		grid-row-gap: 26px;
		margin:0 auto;
		padding:70px 0;
	}
	.mainui a {
		max-width:220px;
		height:120px;
		border-radius: 10px;
		font-size:var(--font-pc-small);
		padding-top:90px;
		background-position: center 10px;
		background-size:64px 64px;
	}
}
@media (768px <= width < 959px) {
	.mainui ul {
		grid-template-columns: 1fr 1fr 1fr;
	}
}
@media (960px <= width) {
	.mainui ul {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}
/*-----------------------------------------
footer
------------------------------------------*/
footer {
	position: relative;
	z-index: 2;
	color:var(--color-white);
	background-color:var(--color-blue);
	text-align: center;
}
footer * {
	color:var(--color-white);
}
.footer-link a {
	position: relative;
	z-index: 1;
}
@media (width < 767px) {
	footer h2 {
		font-size:var(--font-sp-x-large);
		padding:4vw 0;
	}
	.footer-address {
		line-height:175%;
	}
	.footer-link {
		padding:8vw 0;
	}
	.footer-link a {
		display: block;
		padding:2vw 0;
		font-size:var(--font-sp-small);
	}
}
@media (768px <= width) {
	footer h2 {
		font-size:var(--font-pc-x-large);
		padding:60px 0 30px 0;
	}
	.footer-address {
		line-height:200%;
	}
	.footer-link {
		padding:40px 0;
	}
	.footer-link a {
		display:inline-block;
		font-size:var(--font-pc-small);
	}
	.footer-link a:after {
		content:"|";
		position: relative;
		display:inline-block;
		padding:0 0.5em;
	}
	.footer-link a:last-child:after {
		display:none;
	}
}
/*-----------------------------------------
table������
------------------------------------------*/
@media (768px <= width) {
	.tablepress-id-2 tbody tr td:first-child {
		width:90px;
	}
	.tablepress-id-3 tbody tr td:first-child,
	.tablepress-id-4 tbody tr td:first-child,
	.tablepress-id-5 tbody tr td:first-child {
		width:190px;
	}
	.tablepress-id-7 tbody tr td:first-child {
		width:300px;
	}
}