/*
 Theme Name:BusinessPress-child
 Theme URI:https://www.tabunka-kosumo.or.jp/
 Description:BusinessPress Child Theme
 Author:tabunka-kosumo
 Author URI:https://www.tabunka-kosumo.or.jp/
 Template: businesspress
 Version:1.0.0
*/


/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
@import url('https://use.fontawesome.com/releases/v5.6.3/css/all.css');

.site-credit{
	display: none;
}
@media (min-width: 767px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

.home-header-overlay {
	background-color: rgba( 0, 0, 0 , 0 );
}
.home-header-title {
	color: #006600;
	font-size: 2.0em;
	letter-spacing: 0.1em;
	margin-bottom: 0;
	margin-top: 0;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.0 );
}
.home-header-text {
	color: #006600;
	font-size: 105%;
	margin-top: 28px;
	text-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.0 );
}

.notice01 {
	color: #333;
	font-size: 110%;
	font-weight: bold;
}

.site-bottom {
	color: #fff;
	background: #006600!important;
}
.site-info {
	float: none;
	text-align: center;
}
.site-copyright a {
	color: #fff;
}

.jumbotron-content .subheader {
	display: none;
}

.jumbotron-content .jumbotron-title {
	color: #fff;
	font-size: 1.7rem;
	padding: 30px 0;
	text-shadow: 2px 2px 0 #5b8501,
		-2px 2px 0 #5b8501,
		2px -2px 0 #5b8501,
		-2px -2px 0 #5b8501;
	text-shadow: 2px 2px 2px #5b8501,
		-2px 2px 2px #5b8501,
		2px -2px 2px #5b8501,
		-2px -2px 2px #5b8501;
}
@media screen and (max-width: 767px) {
	.jumbotron-content .jumbotron-title {
		padding: 0px 0;
	}
}


hr {
	width: 100%;
	height: 1px;
	border: none;
	margin: 20px 0px;
	border-top: 1px solid #dfdfdf;
}

.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}

.site-copyright:before {
	content: '';
	display: block;
	width: 350px;
	height: 79px;
	margin: 0 auto 30px;
	background: url("https://www.tabunka-kosumo.or.jp/wp-content/uploads/2022/02/logo_footer.png") no-repeat center;
	background-size: contain;
}
@media screen and (max-width: 767px) {
	.site-copyright:before {
		width: 200px;
		height: 45px;
	}
}

.featured {
	display: none;
}

/* -----------------------------------------------------------
	hタグ
----------------------------------------------------------- */
h1 {
	padding: 0.5em;
	color: #006600;
	font-size: 1.5em;
	background: #ecffec;
	border-left: solid 5px #006600;
}
h2 {
	color: #006600;
}
h3 {
	font-size: 1.3em;
	padding: 0 5px;
	border-bottom: solid 3px #006600;
}
h4 {
	font-size: 1.1em;
	padding: 0.25em 0.7em;
	color: #353535;
	background: transparent;
	border-left: solid 5px #006600;
}
h5 {
	font-size: 1.3em;
	margin: 50px 0 30px;
	padding: 0 5px;
	background: linear-gradient(transparent 70%, #d9ffb1 70%);
}
h6 {
	font-size: 1.0em;
	position: relative;
	margin: 20px 0;
	padding-left: 1.4em;
	line-height: 1.4;
}
h6:before {
	font-family: "Font Awesome 5 Free";
	content: "\f058";
	position: absolute;
	font-size: 1em;
	left: 0;
	top: 0;
	color: #006600;
	font-weight: 900;
}

.hukidashi {
	position: relative;
	color: #fff;
	font-size: 1em;
	font-weight: 900;
	margin: 30px 0;
	padding: 10px 20px;
	background: #006600;
}

.hukidashi:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #006600;
	width: 0;
	height: 0;
}

@media screen and (max-width: 767px) {
	h1 {
		font-size: 1.2em;
	}
	h3 {
		font-size: 1.1em;
	}
	h5 {
		font-size: 1.1em;
	}
}


/* -----------------------------------------------------------
	pictogram
----------------------------------------------------------- */

.pictogram_container {
	display: flex;
	flex-flow: row wrap;
	margin: 0px -10px;
}
.pictogram_column {
	flex-basis: 30%;
	margin: 15px 0 0;
	padding: 0 10px 0;
	text-align: center;
}
.pictogram_container p {
	color: #3479d0;
	text-align: center;
	margin-top: 0px;
}
.pictogram_container span {
	display:inline-block;
	color: #3479d0;
	font-size: 90%;
	margin: 10px 0 0;
}

@media screen and (max-width: 767px) {
	.pictogram_column {
		flex-basis: 40%;
	}
}

.pictogram_btn {
	display:inline-block;
	color:#fff!important;
	padding: 15px 20px 10px;
	border: 2px solid #3479d0;
	border-radius: 5px;
	transition:all .3s;
	background-color: #4693f5;
}

.pictogram_btn:hover {
	background-color: #1c7af2;
}

.pictogram_btn_gr {
	display:inline-block;
	color:#fff!important;
	padding: 15px 20px 10px;
	border: 2px solid #86ab1f;
	border-radius: 5px;
	transition:all .3s;
	background-color: #a6c14a;
}

.pictogram_btn_gr:hover {
	background-color: #8ca82b;
}


/* -----------------------------------------------------------
	pictogram_page
----------------------------------------------------------- */

.pictogram_center {
	display: flex;
	justify-content: center;
}
.pictogram_center img {
	width: 150px;
}
.lang {
	font-weight: bold;
}

.link_container {
	width: 100%;
	margin: 50px 0 0;
}
@media screen and (max-width: 767px) {
	.link_container {
		width: 90%;
	}
}

hr.link_line {
	width: 100%;
	height: 1px;
	margin: 15px 0 25px;
	background-color: #fff;
	border-top: 1px dotted #4693f5;
}

.link_btn {
	position:relative;
	outline:none;
	display:inline-block;
	width: 90%;
	color:#fff!important;
	margin: 0px 0px 0 0;
	padding: 10px 50px 10px 20px;
	border: 2px solid #3479d0;
	border-radius: 5px;
	transition:all .3s;
	background-color: #4693f5;
	text-decoration: none!important;
}
.link_btn:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f35d";
	font-weight: 900;
	position:absolute;
	top:0;
	right:1.5em;
	bottom:0;
	transition:all .3s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.link_btn:hover {
	background-color: #1c7af2;
}

.link_btn_sm {
	position:relative;
	outline:none;
	display:inline-block;
	width: 45%;
	color:#fff!important;
	margin: 0px 0px 0 0;
	padding: 10px 50px 10px 20px;
	border: 2px solid #3479d0;
	border-radius: 5px;
	transition:all .3s;
	background-color: #4693f5;
	text-decoration: none!important;
}
.link_btn_sm:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f35d";
	font-weight: 900;
	position:absolute;
	top:0;
	right:1.5em;
	bottom:0;
	transition:all .3s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.link_btn_sm:hover {
	background-color: #1c7af2;
}
@media screen and (max-width: 767px) {
	.link_btn_sm {
		width: 90%;
	}
}


.link_btn_child {
	position:relative;
	outline:none;
	display:inline-block;
	color:#fff!important;
	margin: 0px 0px;
	padding: 10px 60px 10px 40px;
	border: 2px solid #3479d0;
	border-radius: 5px;
	transition:all .3s;
	background-color: #4693f5;
	text-decoration: none!important;
}
.link_btn_child:after {
	font-family: 'Font Awesome 5 Free';
	content: "\f35d";
	font-weight: 900;
	position:absolute;
	top:0;
	right:1.5em;
	bottom:0;
	transition:all .3s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.link_btn_child:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f068";
	font-weight: 900;
	position:absolute;
	top:0;
	left:0.9em;
	bottom:0;
	transition:all .3s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.link_btn_child:hover {
	background-color: #1c7af2;
}

/* -----------------------------------------------------------
	pictogram_side
----------------------------------------------------------- */

.ttl_side {
	font-size: 0.9em;
	line-height: 1.5;
	padding: 0 0 5px 2px;
	border-bottom: solid 1px #4693f5;
}
.ttl_side_gr {
	font-size: 0.9em;
	padding: 0 0 5px 2px;
	border-bottom: solid 1px #a6c14a;
}

.pictogram_side {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	line-height: 1.5;
	margin: 15px 0px;
	padding: 0 0 15px;
	border-bottom: 1px dotted #666;
}
.bn {
	border-bottom: 0px dotted #666;
}
.pictogram_side_img {
	flex: 1;
	margin: 0 15px 0 0;
}
.pictogram_side_txt {
	flex: 3;
	margin: 0;
}
.pictogram_side_txt a {
	color: #3479d0;
	text-decoration: none;
}
.pictogram_side_txt a:hover {
	color: #1c7af2;
	text-decoration: underline;
}

.pictogram_side_btn {
	display:inline-block;
	color:#fff!important;
	padding: 7px 5px 7px;
	border: 2px solid #3479d0;
	border-radius: 5px;
	transition:all .3s;
	background-color: #4693f5;
}

.pictogram_side_btn:hover {
	background-color: #1c7af2;
}

.pictogram_side_btn_gr {
	display:inline-block;
	color:#fff!important;
	padding: 7px 5px 7px;
	border: 2px solid #86ab1f;
	border-radius: 5px;
	transition:all .3s;
	background-color: #a6c14a;
}

.pictogram_side_btn_gr:hover {
	background-color: #8ca82b;
}


/* -----------------------------------------------------------
	widget
----------------------------------------------------------- */

h2.widget-title {
	margin: 0 0 30px;
    padding: 10px 15px;
    border: 1px solid #63a222;
    color: #006600;
	font-weight: 700;
    background: #ecffec;
	background: linear-gradient(#fff, #ecffec);
}

.widget_pages h2 {
	color: #333;
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 30px;
	padding: 0px;
    border: 0px solid #63a222;
	background: #fff;
}

/* -----------------------------------------------------------
	btn
----------------------------------------------------------- */

.btn {
	position:relative;
	outline:none;
	display:inline-block;
	color:#fff!important;
	font-size: 1.2em;
	font-weight: 700;
	margin: 10px 0px;
	padding: 0.5em 2.0em 0.5em 3.0em;
	border: 2px solid #3479d0;
	border-radius: 5px;
	transition:all .3s;
	background-color: #4693f5;
	text-decoration: none!important;
}
.btn:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0da";
	font-weight: 900;
	position:absolute;
	top:0;
	left:1.5em;
	bottom:0;
	margin:auto;
	transition:all .3s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.btn:hover {
	background-color: #1c7af2;
}

.btn01 {
	position:relative;
	outline:none;
	display:inline-block;
	color:#fff!important;
	font-size: 1.2em;
	font-weight: 700;
	margin: 10px 0px;
	padding: 0.5em 2.0em 0.5em 3.0em;
	border: 2px solid #3479d0;
	border-radius: 5px;
	transition:all .3s;
	background-color: #4693f5;
	text-decoration: none!important;
}
.btn01:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f2a0";
	font-weight: 900;
	position:absolute;
	top:0;
	left:1.5em;
	bottom:0;
	margin:auto;
	transition:all .3s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.btn01:hover {
	background-color: #1c7af2;
}

.btn02 {
	position:relative;
	outline:none;
	display:inline-block;
	color:#fff!important;
	font-size: 1.2em;
	font-weight: 700;
	margin: 10px 0px;
	padding: 0.5em 2.0em 0.5em 3.0em;
	border: 2px solid #3479d0;
	border-radius: 5px;
	transition:all .3s;
	background-color: #4693f5;
	text-decoration: none!important;
}
.btn02:before {
	font-family: 'Font Awesome 5 Free';
	content: "\f0e0";
	font-weight: 900;
	position:absolute;
	top:0;
	left:1.5em;
	bottom:0;
	margin:auto;
	transition:all .3s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.btn02:hover {
	background-color: #1c7af2;
}

.btnFb {
	display:block;
	color:#fff!important;
	width: 90%;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: none!important;
	padding: 10px 15px;
	border:2px solid #334e84;
	border-radius: 5px;
	background-color:#4466ac;
	transition:background-color 0.3s,border-color 0.3s;
}

.btnFb:hover {
	background-color:#334e84;
	border-color:#334e84;
	color:#fff
}

.btnTw {
	display:block;
	color:#fff!important;
	width: 90%;
	font-size: 1.2em;
	font-weight: 700;
	text-decoration: none!important;
	padding: 10px 15px;
	border:2px solid #1585ca;
	border-radius: 5px;
	background-color:#1da1f2;
	transition:background-color 0.3s,border-color 0.3s;
}

.btnTw:hover {
	background-color:#1585ca;
	border-color:#1585ca;
	color:#fff
}

@media screen and (max-width: 767px) {
	.btnFb {
		margin: 0 auto;
	}
	.btnTw {
		margin: 0 auto;
	}
}


/* -----------------------------------------------------------
	top
----------------------------------------------------------- */

.top_comment {
	font-size: 1.6rem!important;
}



.top_list_thumbnail img {
	width: 250px!important;
	height: auto!important;
	margin-right: 20px!important;
}

.top_list_title a {
	color: #006600!important;
	font-size: 1.5rem!important;
	padding: 10px 0!important;
}

@media screen and (max-width: 767px) {
	.top_list_thumbnail img {
		width: 100%!important;
		margin-right: 0px!important;
	}
	.top_list_title a {
		clear: both!important;
	}
}

.top_list_excerpt {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; /* 行数 */
	overflow: hidden;
}

/* -----------------------------------------------------------
	page
----------------------------------------------------------- */

.jumbotron-overlay {
	background-color: rgba( 0, 0, 0 , 0.0 );
}
.subheader {
	color: #fff!important;
	font-size: 1.25rem;
	font-weight: 700;
	margin-bottom: 0.6em;
	margin-top: 0;
	text-transform: uppercase;
}

.conts_container {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	gap: 50px;
	margin: 50px 0 0;
}
.conts_txt {
	flex: 1;
}
.conts_img {
	flex: 1;
}
@media screen and (max-width: 767px) {
	.conts_container {
		flex-flow: column;
		margin: 30px 0 0;
	}
}

/* --------------------------------------------------------
	form
-------------------------------------------------------- */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #4693f5;
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 100%;
	line-height: 1;
	padding: 1.0em 1.5em;
	text-transform: uppercase;
	transition: .3s ease-in-out;
}
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: #1c7af2;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border: solid 1px #e6e6e6;
	color: #404040;
	margin-top: 0.6em;
	padding: 0.6em;
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #404040;
	outline: none;
}

.table_form {
	width: 100%;
	margin: 30px 0px;
}
.table_form tr {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.table_form th {
	width: 50%;
	padding: 20px;
	border-right: 0px solid #ddd;
	border-left: 0px solid #ddd;
	background-color: #fff;
}
.table_form td {
	padding: 20px;
	border: 0px solid #ddd;
}

@media only screen and (max-width:767px) {
	.table_form th {
		width: auto;
		display: block;
		padding: 20px 5px 10px;
		border-bottom: 0px solid #ddd;
	}
	.table_form td {
		width: auto;
		display: block;
		padding: 0 0px 20px;
	}
}

input::-webkit-input-placeholder { color: #888; opacity: 1; }
input::-moz-placeholder { color: #888; opacity: 1; }
input:focus, select:focus, textarea:focus {	background: #f3f8ff; }

.form_iconH {
	color: #fff;
	font-size: 12px;
	margin: 0 10px;
	padding: 5px 8px;
	border-radius: 5px;
	background: #ec3636;
	float: right;
}
.form_iconA {
	color: #fff;
	font-size: 12px;
	margin: 0 10px;
	padding: 5px 8px;
	border-radius: 5px;
	background: #a7a7a7;
	float: right;
}

.form_text {
	width: 100%;
	border: 1px solid #c3c3c3!important;
	border-radius: 5px;
	padding: 10px;
	background: #f5f5f5;
}

.form_submit {
	color:#fff;
	font-size: 1.1em;
	letter-spacing: 0.2em;
	margin: 0 auto 50px;
	padding: 10px 50px;
	background: #4693f5;
	border:1px solid #4693f5;
	border-radius: 5px;
	cursor: pointer;
	transition: .2s linear;
}

.form_submit:hover {
	background: #1c7af2;
	transition: .2s linear;
}

.submit_center {
	display: flex;
	justify-content: center;
	margin-left: 50px;
}

.grecaptcha-badge {
	bottom: 80px!important;
	visibility: hidden;
}
.page-id-24 .grecaptcha-badge {
	visibility: visible;
}