@charset "UTF-8";
@import url("css-smacss/style-base.css");
@import url("css-smacss/style-layout.css");
@import url("css-smacss/style-module.css");
@import url("css-smacss/style-state.css");
@import url("css-smacss/style-theme.css");

@import url("css/style-single.css");
@import url("css/style-form.css");
@import url("css/style-top.css");
@import url("css/style-solution.css");
@import url("css/style-member.css");

@import url("css/style-iroiro.css");
@import url("css/style-about.css");
@import url("css/style-message.css");
@import url("css/style-contents.css");
@import url("css/style-service.css");
@import url("css/style-preject.css");
@import url("css/style-concept.css");
@import url("css/style-history.css");
@import url("css/style-sns.css");
@import url("css/style-ncf.css");
@import url("css/style-nff.css");
@import url("css/style-sustainability.css");
@import url("css/style-organization.css");
@import url("css/style-recruit.css");
@import url("css/style-governance.css");
@import url("css/style-nff.css");
@import url("css/style-contact.css");
@import url("css/style-lp.css");


/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/


/************************************
** 子テーマ用のスタイルを書く
************************************/

/*デフォルトCSSの上書き*/
.wrap{
	width: 100%!important;
}
.content-in{
}
.copyright{
	font-size: 9px;
}
.main{
	padding: 0px!important;
	border: none!important;
}
.content{
	margin-top: 0px;
}
/*768px以上*/
@media screen and (min-width: 768px) {
	.content-in{
		display: flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.main{
	padding: 0px!important;
	}
}
.footer-bottom	{
	margin: 0px!important;
	padding: 0px!important;
}

.text-center{
	text-align: center;
}

/* 記事作成：太字 */
.entry-content .bold {
	font-weight:bold;
	/*font-size: 1.1em;*/
	font-family: "ゴシックMB101 DB", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif!important;
}



/****************************************************
** レスポンシブデザイン用メディアクエリ（モバイルファースト
****************************************************/

/*768px以上*/
@media screen and (min-width: 768px) {
	/*タブレットのデザイン内容をここに*/
	
/* メールフォーム　*/
	.mwwpform-box {
		width:60%;
	}
/*  採用情報 */
	.recruit-text li {
		display:flex;
	}
	.recruit-text li b {
		margin: 5px 0 0 0;
		display:block;
	}
	.recruit-text li div:first-child {
		width: 150px;
	}
}