/*
 Theme Name: BusinessPress Child
 Template:businesspress
 Description: BusinessPress Child Theme
 Theme URI: https://businesspress.jp/theme/
 Author: BusinessPress
 Author URI: https://businesspress.jp/
 Version: 1.0.0
*/

/**************************/
/*サイト全体                    */
/**************************/
.site-content{
	max-width: 100%;
	padding: 0;
}

@media screen and (min-width: 576px) and (max-width: 720px) {
	/*.top-bar-content, .main-header-content, .home-header-content, .jumbotron-content, .featured-entry-content, .site-content, .footer-widget-content, .site-bottom-content {
		width: 350px;
	}*/
	.site-content{
		margin: 0 auto;
		padding:0;
	}
}

@media screen and (max-width: 576px) {
	/*.top-bar-content, .main-header-content, .home-header-content, .jumbotron-content, .featured-entry-content, .site-content, .footer-widget-content, .site-bottom-content {
		width: 350px;
	}*/
	.site-content{
		margin: 0 auto;
		padding:0;
	}
}


/**************************/
/*ヘッダー項目定義            */
/**************************/
.site-title a, .site-title a:hover{
	font-size: 36px;
	color:#0B346E;
}

.home-header .home-header-overlay .home-header-content{
	height: 300px;
	position: relative;
}

.home-header-title{
	position: absolute;
	bottom:40px;
}

@media screen and (min-width: 576px) and (max-width: 720px) {
	.site-title {
		font-size: 28px;
	}
	.home-header-title{
		font-size: 26px;
		letter-spacing: -0.08em;
	}
}

@media screen and (max-width: 576px) {
	.site-title {
		font-size: 28px;
	}
	.home-header-title{
		font-size: 26px;
		letter-spacing: -0.08em;
	}
}

/**************************/
/*ビジョン項目の編集           */
/**************************/

.wp-block-columns{
	margin-bottom: 100px;
}

.wp-block-columns .vision{
	max-width: 720px;
	margin: 0 auto;
}

.vision-title{
	margin-bottom:-20px;
	font-size: 36px;
	color:#0B346E;
}

.vision-sub-title{
	font-size: 18px;
}

@media screen and (min-width: 576px) and (max-width: 720px) {
	.wp-block-columns .vision{
		width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.vision-title{
		font-size: 32px
	}
	.vision-sub-title{
		font-size: 16px;
	}
}

@media screen and (max-width: 576px) {
	.wp-block-columns .vision{
		width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.vision-title{
		font-size: 32px
	}
	.vision-sub-title{
		font-size: 16px;
	}
}

/*******************/
/*サービス項目の編集*/
/*******************/
:root .has-vivid-cyan-blue-background-color {
	background-color: #0B346E;
}

@media (min-width: 1160px){
	.no-sidebar .alignwide {
		width: 100%; 
		margin-left: 0;
	}
}

@media (min-width: 980px){
	.no-sidebar .alignwide {
		width: 100%; 
		margin-left: 0; 
	}
}

@media (min-width: 782px){
	.no-sidebar .alignwide {
		width: 100%; 
		margin-left: 0; 
	}
}

.service{
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 80px;
	margin-bottom: 20px;
}

.service-title{
	margin-top:40px;
	margin-bottom:30px;
	font-size: 36px
}

.vk_flow .vk_flow_frame_image{
	padding: 5px;
	margin: 0 auto;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}

.vk_flow_frame_text_title, .vk_flow_frame_text_content{
	font-family: vdl-v7mincho, sans-serif;
}

@media screen and (min-width: 576px) and (max-width: 720px) {
	.service{
		padding-left: 10px;
		padding-right: 10px;
	}
	.wp-block-columns .vision{
		max-width: 576px;
		margin: 0 auto;
	}
	.vservice-title{
		font-size: 32px
	}
	.vk_flow .vk_flow_frame {
		flex-flow: row wrap;
	}
	.vk_flow .vk_flow_frame .vk_flow_frame_text{
		order: 2;
		width: 100%;
	}
	.vk_flow .vk_flow_frame .vk_flow_frame_image{
		order: 1;
		max-width: 100%;
		width: 350px;
		height: 220px;
		margin: 0 auto;
	}
	.service-img-2 img{
		height: 200px;
		object-fit: cover;
	}
}
@media screen and (max-width: 576px) {
	.service{
		padding-left: 10px;
		padding-right: 10px;
	}
	.service-title{
		font-size: 32px
	}
	.vk_flow .vk_flow_frame {
		flex-flow: row wrap;
	}
	.vk_flow .vk_flow_frame .vk_flow_frame_text{
		order: 2;
		width: 100%;
	}
	.vk_flow .vk_flow_frame .vk_flow_frame_image{
		order: 1;
		max-width: 100%;
		width: 350px;
		height: 220px;
		margin: 0 auto;
	}
	.service-img-2 img{
		height: 200px;
		object-fit: cover;
	}
}

/*******************/
/*B to B 項目の編集 */
/*******************/
.wp-block-columns .btob{
	max-width: 860px;
	margin: 0 auto;
	top: 40px;
	padding-left: 100px;
	padding-right: 100px;
}

.wp-block-media-text__media, .wp-block-media-text__content{
	height: 100%;
}

.btob-title{
	margin-bottom: 30px;
	font-size: 36px;
	color:#0B346E;
}

.wp-block-column > *:first-child{
	margin-top: 40px;
}

.btob-sub-title-1, .btob-sub-title-2{
	margin-bottom: 10px;
	font-size: 22px;
}

.btob-line-1, .btob-line-2 {
	border: 0.5px #7D8A97 solid;
	margin: 0 0 10px 0;
}

.btob-txt-1, .btob-txt-2{
	font-size: 14px;
}

.btob-img-1 img,.btob-img-2 img{
	border: 10px #E4E4E4 solid;
}

.btob-img-1{
	margin-bottom: 0;
}

@media screen and (min-width: 576px) and (max-width: 720px) {
	.wp-block-columns .btob{
		width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.btob-title{
		font-size: 28px
	}
	.wp-block-column > *:first-child, .wp-block-media-text__content > *:first-child {
		margin-top: 20px;
	}
	.btob-img-1 img,.btob-img-2 img{
		border: 10px #E4E4E4 solid;
	}
	.no-sidebar .alignfull img, .no-sidebar .alignwide img {
		width: 95%;
	}
}

@media screen and (max-width: 576px) {
	.wp-block-columns .btob{
		width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
	.btob-title{
		font-size: 28px
	}
	.wp-block-column > *:first-child, .wp-block-media-text__content > *:first-child {
		margin-top: 20px;
	}
	.btob-img-1 img,.btob-img-2 img{
		border: 10px #E4E4E4 solid;
	}
	.no-sidebar .alignfull img, .no-sidebar .alignwide img {
		width: 95%;
	}
}

/**********************/
/*Company 項目の編集 */
/**********************/
:root .has-vivid-cyan-blue-background-color {
	background-color: #0B346E;
}

.company{
	padding-left: 100px;
	padding-right: 100px;
	padding-bottom: 140px;
	margin-bottom: 20px;
}

.company-title{
	margin-top: 40px;
	font-size: 36px
}

.has-text-align-left {
	text-align: left;
	width: 350px;
	margin: 0 auto;
}

@media screen and (min-width: 576px) and (max-width: 720px) {
	.company{
		padding-left: 10px;
		padding-right:10px;
	}
	.company-title{
		font-size: 32px
	}
	.has-text-align-left {
		width: 350px;
	}
}

@media screen and (max-width: 576px) {
	.company{
		padding-left: 10px;
		padding-right:10px;
	}
	.company-title{
		font-size: 32px
	}
	.has-text-align-left {
		width: 350px;
	}
}

/**********************/
/*Ccontact 項目の編集 */
/**********************/

.contact-title{
	margin-top: 50px;
	font-size: 36px;
	color:#0B346E;
}

.contact-area{
	text-align: left;
	width: 500px;
	margin: 0 auto;
}

@media screen and (min-width: 576px) and (max-width: 720px) {
	.contact-title{
		font-size: 32px;
	}
	.contact-area {
			width: 350px;
	}
}

@media screen and (max-width: 576px) {
	.contact-title{
		font-size: 32px;
	}
	.contact-area {
		width: 350px;
	}
}

/*************************************************************************************/

/**********************/
/*食育・農業・SDGs の編集 */
/**********************/
.service-page-1, .service-page-2, .service-page-3{
	max-width: 860px;
	padding-left: 100px;
	padding-right: 100px;
	margin: 0 auto;
}

.service-title-food, .service-title-agri, .service-title-sdgs{
	margin-bottom: 10px;
	font-size: 22px;
}

.service-line-1, .service-line-2, .service-line-3 {
	border: 0.5px #7D8A97 solid;
	margin: 0 0 10px 0;
}

.wp-block-media-text img{
	width: 300px;
	height: 200px;
	object-fit: cover;
	border: 10px #E4E4E4 solid;
}

.service-img-sdgs img{
	object-fit: contain;
}

@media screen and (min-width: 576px) and (max-width: 720px) {
	.service-page-1, .service-page-2, .service-page-3{
		padding-left: 20px;
		padding-right: 20px;
	}
	.wp-block-image img{
		width: 330px;
		height: 210px;
		object-fit: cover;
		text-align: center;
	}
	/*.service-title-food, .service-title-agri, .service-title-sdgs{
		margin-top: 0;
	}*/
}

@media screen and (max-width: 576px) {
	.service-page-1, .service-page-2, .service-page-3{
		padding-left: 20px;
		padding-right: 20px;
	}
	.wp-block-image img{
		margin: 0 auto;
		width: 330px;
		height: 210px;
		object-fit: cover;
		text-align: center;
	}
	/*.service-title-food, .service-title-agri, .service-title-sdgs{
		margin-top: 0;
	}*/
}