@charset "UTF-8";

.topicssingle {
	padding-top:180px;
}

.com_white_box {
	margin-top:30px;
}

@media screen and (max-width: 767px) {
	.topicssingle {
		padding-top:15vw;
	}

	.com_white_box {
		margin-top:5vw;
	}
}

/* ボタン */
.com_btn_b a {
	display:inline-block;
	color:#4a77e3;
	font-size:20px;
	letter-spacing:2px;
	border-radius:999px;
	border:2px solid #4a77e3;
	padding:1em 3em;
	font-weight:bold;
	background-color:#fff;
}

.com_btn_b a:hover {
	opacity:.7;
	transition:.3s;
}

@media screen and (max-width: 767px) {
	.com_btn_b a {
		font-size:4vw;
	}
}




#page .main_innr {
	max-width:1200px;
	margin:0 auto;
	text-align:left;
}


#page .contentswrap {
	text-align:left;
	margin-top:80px;
	padding-bottom:100px;
}

#page .contentswrap article,
#page .contentswrap.archive .box {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	padding-bottom:100px;
}

#page .contentswrap.archive .box {
	margin-top:0;
}

#page .contentswrap.archive .box h1 {
	font-size:24px;
	margin-bottom:2em;
	padding:5px 15px;
	letter-spacing:2px;
	color:#333;
	border-left:3px solid #00bb85;
}


#page .contentswrap aside {
	width:350px;
}

#page .contentswrap aside dl {
	margin:0;
	margin-bottom:20px;
	padding:0;
}

#page .contentswrap aside dl dt {
	font-size:16px;
	font-weight:bold;
	padding:15px 20px;
	letter-spacing:2px;
	background-color:#444;
	color:#fff;
}

#page .contentswrap aside dl dd {
	margin-top:10px;
	padding-bottom:20px;
}

#page .contentswrap aside dl dd ul li {
	padding:10px 0;
	list-style:none;
	border-bottom:1px solid #ccc;
	border-bottom-style:dotted;
	padding-left:2em;
	text-indent:-2em;
}

#page .contentswrap aside dl dd ul li a {
	font-size:15px;
	margin-left:10px;
}

#page .contentswrap aside dl dd ul li::before {
	font-family:FontAwesome;
	margin-left:10px;
	content:"\f105";
}

#page .contentswrap aside dl dd ul li:last-child {
	border-bottom:none;
}

#page .btn_wrap {
	text-align:center;
	margin-top:80px;
}

@media screen and (max-width: 767px) {
	#page .contentswrap {
		flex-direction:column;
		width:100%;
		margin:0 auto;
		padding-bottom:10vw;
		margin-top:10vw;
	}

	#page .contentswrap article,
	#page .contentswrap.archive .box {
		width:90%;
		margin-right:auto;
		margin-left:auto;
		padding-bottom:15vw;
	}

	#page .contentswrap.archive .box h1 {
		font-size:5vw;
		padding:2vw 4vw;
	}

	#page .contentswrap aside {
		width:90%;
		margin-top:10vw;
		margin-right:auto;
		margin-left:auto;
	}

	#page .contentswrap aside dl {
		margin-bottom:5vw;
	}

	#page .contentswrap aside dl dt {
		font-size:4vw;
	}

	#page .contentswrap aside dl dd ul li a {
		font-size:3.4vw;
	}

	#page .btn_wrap {
		margin-top:20vw;
	}
}




/* .listBox ---------------*/
.listbox {
	display:flex;
	flex-wrap:wrap;
	margin-top:40px;
	padding-bottom:30px;
}

.listbox .box {
	width:30%;
	margin-bottom:40px;
	margin-right:3%;
}

.listbox .box:nth-child(3n) {
	margin-right:0;
}


.listbox .box h2 {
	font-size:16px;
	margin-top:.5em;
}

.listbox .box span {
	font-size:12px;
	color:#666;
}

.listbox .box p {
	font-size:13px;
	line-height:1.7em;
	text-align:justify;
	text-justify:inter-ideograph;
	margin-top:1em;
}

.listbox .box .icatch img {
	font-family:"object-fit: cover;";
	width:100%;
	height:200px;
	object-fit:cover;
}

.listbox .box p a {
	text-decoration:none;
	color:#06b;
}

.listbox .box p a::after {
	content:"\f105";
	font-family:FontAwesome;
	margin-left:.5em;
}

@media screen and (max-width: 767px) {
	.listbox {
		width:100%;
		margin:0 auto;
		padding-bottom:5vw;
		margin-top:5vw;
	}

	.listbox .box {
		width:47%;
		margin-bottom:8vw;
		margin-right:6%;
		margin-bottom:6%;
	}

	.listbox .box:nth-child(3n) {
		margin-right:6%;
	}

	.listbox .box:nth-child(even) {
		margin-right:0;
	}

	.listbox .box h2 {
		font-size:3.4vw;
	}

	.listbox .box span {
		font-size:3vw;
	}

	.listbox .box .icatch img {
		height:25vw;
	}

	.listbox .box p {
		display:none;
	}
}

.catettl {
	font-size:30px;
	padding-bottom:.3em;
	padding-left:.4em;
	font-weight:bold;
}

.notfound {
	padding:100px 0;
	padding-top:300px;
	text-align:center;
}

.notfound p {
	margin-top:1em;
}

@media screen and (max-width: 767px) {
	.notfound {
		padding:10vw 7vw;
		padding-top:30vw;
		text-align:left;
	}

	.notfound h1 {
		font-size:5vw;
	}

	.notfound p {
		margin-top:1em;
		font-size:3.2vw;
	}
}

.newslist {
}

.newslist ul {
	list-style:none;
	border-top:solid 1px #ccc;
	text-align:left;
}

.newslist ul li {
	padding:1.3em 1em;
	font-size:22px;
	border-bottom:solid 1px #ccc;
}

.newslist ul li span {
	margin-right:1em;
}

.newslist ul li a {
	display:block;
	color:#333;
}

.newslist ul li a:hover {
	opacity:.7;
}


@media screen and (max-width: 767px) {
	.newslist {
	}

	.newslist ul li {
		font-size:4.2vw;
	}

	.newslist ul li span {
		display:block;
	}

	.newslist ul li a {
		margin-left:0;
	}
}

#textbody .blocks-gallery-grid,
#textbody .wp-block-gallery {
	padding-left:0;
}

#textbody .ggmap {
	position:relative;
	width:100%;
	height:0;
	padding-top:60%;
	margin-top:30px;
}

#textbody .ggmap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#textbody .txtbox {
	margin-top:50px;
	width:800px;
	margin-right:auto;
	margin-left:auto;
}

@media screen and (max-width: 767px) {
	#textbody .ggmap {
		padding-top:75%;
		margin-top:5vw;
	}

	#textbody .txtbox {
		margin-top:5vw;
		width:100%;
	}
}