@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-corp.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-manual.css");
@import url("css/style-faq.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の上書き*/
.main {
	padding: 0px;
}
main.main, div.sidebar{
	padding: 0px;	
}
.wrap{
	width: 100%;
}
	.content {
	margin-top: 0px!important;
}
.copyright{
	font-size: 9px;
}
.logo-header {
	display: none;
}

#header-in .logo-header{
	display: none;
}

#container{
	overflow:hidden;
}

.video-container, .instagram-container, .facebook-container{
	max-width: none;
}


/* モバイル表示ファーストで記述。PC表示はメディアクエリで出しわけしてください */


.about-policy_title {
    font-size: 16px;
    margin:3rem 0 0;
}

.about-policy_p {
    font-size: 16px;
    padding: .5rem;
    margin:0;
}


.about-policy_list {
	padding: 0 3rem;
}
.about-policy_list li {
    list-style-type:decimal;
    font-size: 16px;
	padding: 1rem;
}


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

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