/*--------------------------------------------------------*/

/*  コンテンツ背景　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 800px){

.contentsBox{
	background-color:#282828;
	padding:100px 40px;
}

}

@media screen and (max-width: 800px){

.contentsBox{
	background-color:#282828;
	padding:60px 0;
}

}

/*--------------------------------------------------------*/

/*  メッセージ　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 800px){

.company_message{
}

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

.company_message .collabo_logo img{
	width:400px;
}

.company_message p.company_message_txt{
	margin-top:70px;
	text-align:center;
	font-size:14px;
	color:#8B8B8B;
	font-weight:500;
	line-height:2.4em;
	letter-spacing:0.15em;
	font-feature-settings : "palt";
}

}

@media screen and (max-width: 800px){

.company_message{
}

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

.company_message .collabo_logo img{
	width:280px;
}

.company_message p.company_message_txt{
	margin-top:50px;
	text-align:center;
	font-size:12px;
	color:#8B8B8B;
	font-weight:400;
	line-height:2.0em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
}

}

/*--------------------------------------------------------*/

/*  企業情報　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 800px){

.company{
	max-width:1400px;
	margin:0 auto;
	background-color:#F1F0ED;
}

#company01{
	margin-top:100px;
}

#company02{
	margin-top:60px;
}

.cross{
	margin-top:60px;
	text-align:center;
}

.company .company_inner{
	padding:5% 5%;
}

.company .company_inner .infoBox{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:80px;
}

.company .company_inner .infoBox .company_img01{
	width:50%;
	margin-right:5%;
}

.company .company_inner .infoBox .company_img02{
	width:50%;
	margin-left:5%;
}

.company .company_inner .infoBox .company_info{
	flex:1;
	padding:8px 15px 0;
}

.company .company_inner .infoBox .company_info h3.company_name{
	margin-bottom:45px;
}

.company .company_inner .infoBox .company_info h3.company_name img.company01{
	width:250px;
}

.company .company_inner .infoBox .company_info h3.company_name img.company02{
	width:210px;
}

.company .company_inner .infoBox .company_info p.company_txt{
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#222;
	font-weight:500;
	line-height:1.9em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	text-align: justify;
}

.company .company_inner .infoBox .company_info .danraku{
	margin-top:18px;
}

.company .company_inner .infoBox .company_info p.url_link{
	margin-top:32px;
	font-family: 'Marcellus', serif;
	font-size:14px;
	color:#222;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
}

.company .company_inner p.works_tit_eng{
	text-align:center;
	font-family: 'Marcellus', serif;
	font-size:26px;
	color:#8B8B8B;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
}

.company .company_inner h4.works_tit{
	margin-top:5px;
	text-align:center;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
	color:#222;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
}

.company .company_inner ul.works_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.company .company_inner ul.works_list li{
	width:30%;
	margin-top:50px;
}

.company .company_inner ul.works_list li .works_img{
}

.company .company_inner ul.works_list li p.works_name{
	margin-top:14px;
	text-align:center;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#222;
	font-weight:400;
	line-height:1.7em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
}

}

@media screen and (max-width: 800px){

.company{
	background-color:#F1F0ED;
}

#company01{
	margin-top:60px;
}

#company02{
	margin-top:30px;
}

.cross{
	margin-top:30px;
	text-align:center;
}

.cross img{
	width:40px;
}

.company .company_inner{
	padding:15px 15px 40px;
}

.company .company_inner .infoBox{
	display: flex;
	flex-wrap: wrap;
}

.company .company_inner .infoBox .company_img01{
	order:1;
}

.company .company_inner .infoBox .company_img02{
	order:1;
}

.company .company_inner .infoBox .company_img01 img,
.company .company_inner .infoBox .company_img02 img{
	width:100%;
}

.company .company_inner .infoBox .company_info{
	order:2;
	margin:40px 0 50px;
	padding:0 10px;
}

.company .company_inner .infoBox .company_info h3.company_name{
	text-align:center;
	margin-bottom:37px;
}

.company .company_inner .infoBox .company_info h3.company_name img.company01{
	width:160px;
}

.company .company_inner .infoBox .company_info h3.company_name img.company02{
	width:130px;
}

.company .company_inner .infoBox .company_info p.company_txt{
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	color:#222;
	font-weight:400;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	text-align: justify;
}

.company .company_inner .infoBox .company_info .danraku{
	margin-top:18px;
}

.company .company_inner .infoBox .company_info p.url_link{
	margin-top:23px;
	font-family: 'Marcellus', serif;
	font-size:12px;
	color:#222;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
}

.company .company_inner p.works_tit_eng{
	text-align:center;
	font-family: 'Marcellus', serif;
	font-size:18px;
	color:#8B8B8B;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
}

.company .company_inner h4.works_tit{
	margin-top:5px;
	text-align:center;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#222;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
}

.company .company_inner ul.works_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.company .company_inner ul.works_list li{
	width:48.2%;
	margin-top:35px;
}

.company .company_inner ul.works_list li .works_img{
}

.company .company_inner ul.works_list li p.works_name{
	margin-top:10px;
	text-align:center;
	font-family: "Noto Sans JP","游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:11px;
	color:#222;
	font-weight:400;
	line-height:1.7em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
}

}