@charset "utf-8";
/* CSS Document */
/*********************************************/
/**** 基本 Sub Header ***/
/*********************************************/
.sub_header {
	width: 100%;
	height: 8vh;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	text-align: center;
	color: #FFF;
	background-image: url(../images/02.png);
}
.sub_header_title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 3em;
	letter-spacing: 0.1em;
	line-height: 1em;
	padding: 0 0 1rem 0;
	text-shadow: 3px 3px 3px rgb(0 0 0 / 100%);
}
.headblog:before {
	content: "";
	width: 80%;
	height: 100%;
	background-image: url("../images/top_img_sumple3.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: absolute;
	top: 0;
	z-index: -1;	
}
.headather:before {
	content: "";
	width: 80%;
	height: 100%;
	background-image: url("../images/top_img_sumple1.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: absolute;
	top: 0;
	z-index: -1;
}
.head404:before {
	content: "";
	width: 80%;
	height: 100%;
	background-image: url("../images/top_img_sumple2.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: absolute;
	top: 0;
	z-index: -1;
}
/******************* 基本各ページ ************************************/
#main_container {
	width: 96%;
	margin: 0 auto;
	min-height: 35vh;
	padding: 5vh 1rem 10vh 1rem;
	box-sizing: border-box;
}
.titlehead {
	text-align: center;
}
/********************************************************/
/*** ブログ共通 ***/
/********************************************************/
#news_container_s,
#blog_container_s {
	width: 96%;
	margin: 0 auto;
	padding: 5vh 0;
}
.news_container,
.blog_container {
	width: 100%;
	margin: 0;
}
/***Archive***/
#list_wrapper {
	display: flex;
	flex-wrap: wrap;
	min-height: 40vh;
	margin-bottom: 5vw;
}
#newslist_wrapper{	
	max-width: 600px;
	margin: 0 auto;
	min-height: 40vh;
	margin-bottom: 5vw;
}
.archive_title {
	font-size: 1.2rem;
	margin: 0 auto 1rem auto;
	text-align: center;
	color: #003e87;
}
/*記事1件*/
#list_wrapper .blog_post {
	width: 50%;
	display: block;
	box-sizing: border-box;
	margin-bottom: 2rem;
}
#list_wrapper .blog_post .img_area {
	display: block;
	width: 96%;
	height: 24vw;
	overflow: hidden;
	margin: 0 auto 0.5rem auto;
	object-position: center center;
	box-sizing: border-box;
}
#list_wrapper .blog_post .img_area img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: cover;
}
.blog_meta {
	display: flex;
	justify-content: space-between;
	width: 92%;
	margin: 0 auto;
}
.blog_meta .category_tag {
	display: flex;
}
.blog_meta .category_tag li a {
	display: inline-block;
	padding: 0.25em 0.5em;
	font-size: 10px;
	color: #FFF;
	line-height: 1em;
}
.blog_meta .date {	
	font-size: 0.65rem;
}
.post_docu {
	display: block;
	padding: 0.5rem 0 0 0;
	width: 92%;
	margin: 0 auto;
}
.post_docu .blogstitle {
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.25em;
	margin-bottom: 0.5em;
}
.post_docu .blogcontant {
	font-size: 0.76rem;
	line-height: 1.4em;
}
/*NEWS記事1件*/
#newslist_wrapper .news_post {
	display: block;
	padding-bottom: 0.5em;
	border-bottom: dotted 1px #eee;
	margin: 0 auto 1rem auto;
}
.news_meta {
	display: flex;
	margin-bottom: 14px;
}
.news_meta .terms {	
	display: inline-block;
	padding: 0.25em 0.5em;
	font-size: 10px;
	color: #FFF;
	line-height: 1em;
}
/***更新情報の色***/
.termid6 {
	background-color: #ff9292;
}
/***おしらせの色***/
.termid7 {
	background-color: #857ab1;
}
.news_meta .date {
	font-size: 0.68rem;
	margin-left: 1rem;
}
.newstitle {
	margin-left: 1rem;
	font-size: 1rem;
}
/**** Single *****/
#news_wrapper,
#blog_wrapper {	
	padding: 1rem;
	min-height: 40vh;
}
#blog_wraper .blog_post {
	
}
.blog_title {
	font-size: 1.5rem;
	margin: 1rem 0;
	line-height: 1.2em;
	padding-bottom: 0.25em;
	border-bottom: dotted 1px #ccc;
}
.content {	
	font-size: 1rem;
	line-height: 1.6em;
	padding: 0.5em;
}
/********************************/
.remove_wrapp {
	text-align: center;
	position: absolute;
	bottom: 20px;
}
.prev_next {
	width: 80%;
	display: flex;
	justify-content: space-between;
	margin: 10vh auto 40px auto;
	font-size: 0.8rem;
}
/********* side_bar ************/
.aside_container {
	width: 100%;
	max-width: 640px;
	padding: 2rem;
	box-sizing: border-box;
	margin: 0 auto;
}
.my_sidebar {
	margin-bottom: 2em;
}
.wp-block-group__inner-container h4{	
	font-size: 1em;
	margin-bottom: 0.5em;
	line-height: 1.5em;
	padding-bottom: 0.2em;
	border-bottom: dotted 1px #1a6935;
}
.wp-block-latest-posts li{
	clear: both;
	margin-bottom: 1em;
	height: 80px;
}
.wp-block-archives-list li,
.wp-block-categories li {	
	margin: 1em 0 1.5em 0.5em;
}
.wp-block-archives-list li a:hover,
.wp-block-categories li a:hover,
.wp-block-latest-posts li a:hover{
	color: #1a6935;
}
.wp-block-latest-posts__featured-image {
	float: left;
	margin-right: 0.5em;
}
.wp-block-latest-posts__post-title {
	font-size: 0.9em;
	line-height: 1.2em;
	padding-bottom: 0.5em;
	font-weight: 700;
}
.wp-block-latest-posts__post-author,
.wp-block-latest-posts__post-date{
	font-size: 0.7em;
	color: #444;
	display: block;
}

/**************************************************************************/
/*　　　　　　　　　　　404                     */
/**************************************************************************/
.head404:before {
	content:"";
	position: absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height: 20vh;
	display: block;
	background-image: url(../images/sub_header_bg04.png);
	background-size:cover;
	background-position:center center;
}
.subead404 {
	width: 96%;
	margin: 10px auto;
	text-align: center;
}
.title404 {
	font-size: 0.9em;
	font-weight: 700;
	line-height: 1.2em;
}
.contents_title_info {
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.8em;
	color: #747474;
}
.found_wrap {
	width: 96%;
	margin: 40px auto;
	text-align: center;
}
.found_wrap p{	
	font-size: 0.8em;
	line-height: 1.8em;
}
.found_wrap .arrowbtn_t {
	margin-top: 2.5em;
	
}
/**********************会社概要***********************************/
.head_title_under {
	font-size: 0.9rem;
	line-height: 1.4em;
	margin-bottom:1rem;
	font-weight: 300;
}
.campany_table table{
	border-collapse: separate;
    border-spacing: 6px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	border: none;
}
.campany_table td {
	padding: 0.5em;
	border: none;
}
.campany_table tr>*:first-child{
	background-color: #ccc;
	width: 6rem;
	font-size: clamp(12px, 3vw, 14.5px);
	text-align: center;
}
.campany_table tr>*:last-child{
	background-color: #eee;
	font-size: clamp(12px, 3vw, 14.5px);
	text-align: left;
	line-height: 1.4rem;
	padding-left: 3%;
}
/******************************/
#access {	
	width: 96%;
	margin: 0 auto 100px auto;
}
/***** FOOTERRIGHT google_map_area *********/
.google {
	width: 100%;
	margin-top: 0.5em;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.add_box {
	width: 100%;
	max-width: 320px;
	margin-bottom: 1rem;
}
.googlemap {
	
	height: 25vmax;
}
.add_title {
	font-size: 1em;
	font-weight:900;
	line-height: 1.8em;
}
.add {
	font-size: 0.9em;
	line-height: 1.8em;
}
/***********相談支援事業所Select**********************************/
.select_wrapper {
	width: 96%;
	margin: 0 auto;
}
.select_title {
	padding: 0.5em;
	color: #091dab;
	background-image: url(../images/02.png);
}
.select_wrapper p {
	line-height: 1.8em;
	text-indent: 1em;
	padding: 0 1em;
}
.select_wrapper ol {
	list-style-type:decimal !important;
}
.select_wrapper ol li{
	line-height: 1.6em;
}

/***********************************タブレット*******************************************/
@media screen and (min-width: 480px) {
/****************************************************************************************/
	#list_wrapper .blog_post {
		width: 33%;
	}
	#list_wrapper .blog_post .img_area {
		height: 20vw;
	}
}