@charset "UTF-8";


@media print, screen and (min-width: 801px) {
/***

worksページのみヘッダー色味途中から変更

***/
.headerColor-default{
	background:rgba(217,54,56,1.00);;
  /* （画像よりも下までスクロールした時に変えたい文字色） */
}

.headerColor-default .f-item a{
	width: auto;
	height: auto;
	font-family: 'Didact Gothic', sans-serif;
	font-family: 'Questrial', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 120%;
	color: #000;
	margin: 10px 10px 0 ;
	
	float: right;
}
.headerColor-default .f-item.off{
	width: auto;
	height: auto;
	font-family: 'Didact Gothic', sans-serif;
	font-family: 'Questrial', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 120%;
	color: #000;
	margin: 10px 10px 0 ;
	
	float: right;
	opacity: 0.5;
}
.headerColor-default .f-item2 a{
	width: 34px;
	height: auto;
	margin: 0 10px ;
	
	float: right;
}
.headerColor-default .f-item2 a img{
	width: 100%;
	height: auto;
}




}





.contents800{
	clear:both;
	width:80%;
	max-width: 800px;
	height:auto;
	margin:0 auto;
	position:relative;
}



.top_main1bg{
	clear: both;
	width: 100%;
	height: auto;
	
	background: rgba(224,61,64,1.00);
}
.top_main1bg img{
	width: 100%;
	height: auto;
}

.top_main1_txt1bg{
	clear: both;
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	
	z-index: 9;
	
	background:rgba(66,177,172,0.5);
}

.top_main1_txt1{
	clear: both;
	width: 90%;
	height: auto;
	background:rgba(168,148,38,0.6);
	
	margin:10% auto 2%;
	font-family: 'Questrial', sans-serif;
	font-style: normal;
	letter-spacing: 4px;
	font-size: 11vw;
	font-size: 162px;/*レイアウト時のみ*/
	line-height: 118%;
	text-align: left;
	color: #222;
}


.top_main1_ph1{
	width: 30%;
	height: auto;
	float: left;
	margin: 0 5% 0 0;
}
.top_main1_ph2{
	width: 30%;
	height: auto;
	float: right;
	margin: 10% 0 0;
}
.top_main1_ph3{
	width: 30%;
	height: auto;
	float: left;
	margin: 22% 0 0;
}

/***

NEWS/info

***/
.info_title1{
	clear: both;
	width: 100%;
	height: auto;
	margin:0 auto 40px;
	
	/*font-family: 'Questrial', sans-serif;*/
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-style: normal;
	letter-spacing: 4px;
	font-size: 14px;
	line-height: 105%;
	text-align: left;
	color: #222;
}




.info_day1{
	width: 23%;
	height: auto;

	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-style: normal;
	letter-spacing: 1px;
	font-size: 11px;
	line-height: 120%;
	text-align: left;
	color: #999;
	
	float: left;
	margin: 0 ;
	
	background: rgba(38,32,227,0.3);
}

.info_txt1{
	width: 76%;
	height: auto;

	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-style: normal;
	letter-spacing: 1px;
	font-size: 13px;
	line-height: 120%;
	text-align: left;
	color: #999;
	
	float: right;
	margin: 0 ;
	
	background: rgba(38,32,227,0.3);
}
@media print, screen and (min-width: 801px) {
.info_day1{
	width: 15%;
}
.info_txt1{
	width: 82%;
}
}



/***

項目3分割

***/
/*タイトル*/
.top_box1_title1{
	width: auto;
	height: auto;
	/*font-family: 'Didact Gothic', sans-serif;*/
	font-family: 'Questrial', sans-serif;
	font-style: normal;
	letter-spacing: 1px;
	font-size: 13.5vw;
	line-height: 101%;
	text-align: left;
	color: #fff;
	margin: 0 ;
	
	
	background: rgba(0,0,0,0.2);
	
}
@media print, screen and (min-width: 801px) {
/*タイトル*/
.top_box1_title1{
	font-size: 68px;
	position: relative;
	top: -6px;
}
}


/*タイトル*/
.top_box1_title2{
	width: auto;
	height: auto;
	/*font-family: 'Didact Gothic', sans-serif;*/
	font-family: 'Questrial', sans-serif;
	font-style: normal;
	letter-spacing: 1px;
	font-size: 13.5vw;
	line-height: 101%;
	text-align: left;
	color: #222;
	margin: 0 0 20px;
	
	
	background: rgba(0,0,0,0.2);
	
}
@media print, screen and (min-width: 801px) {
/*タイトル*/
.top_box1_title2{
	font-size: 68px;
	position: relative;
	top: -6px;
}
}



/*項目枠*/
.top_box1_ph1{
	width: 47.4%;
	height: auto;
	float: left;
	margin: 0 4% 40px 0;
	
	/*background: rgba(65,232,64,1.00);*/
}
.top_box1_ph1 img{
	width: 100%;
	height: auto;
}
@media print, screen and (max-width: 800px) {
.top_box1_ph1:nth-child(2n){
	float: right;
	margin: 0 0 40px 0;
}
}

@media print, screen and (min-width: 801px) {
.top_box1_ph1{
	width: 30%;
	height: auto;
	float: left;
	margin: 0 5% 40px 0;
	
	/*background: rgba(65,232,64,1.00);*/
}
.top_box1_ph1 img{
	width: 100%;
	height: auto;
}

.top_box1_ph1:nth-child(3n){
	margin: 0 0 40px 0;
	
}
}


.top_box1_info_title1{
	width: 100%;
	height: 16px;
	overflow: hidden;

	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-style: normal;
	letter-spacing: 1px;
	font-size: 16px;
	font-size: 2.8vw;
	line-height: 120%;
	text-align: left;
	color: #fff;
	margin: 12px 0 5px;
	
	/*background:rgba(122,52,53,1.00);*/
}
@media print, screen and (min-width: 801px) {
.top_box1_info_title1{
	height: 18px;

	font-size: 16px;

}
}

.top_box1_info_day1{
	width: 100%;
	height: auto;

	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-style: normal;
	letter-spacing: 1px;
	font-size: 11px;
	line-height: 120%;
	text-align: left;
	color: #fff;
	
	/*background:rgba(122,52,53,1.00);*/
}





/***

MORE1

***/
.top_box1_more{
	width: 100%;
	height: auto;
	/*font-family: 'Didact Gothic', sans-serif;*/
	font-family: 'Questrial', sans-serif;
	font-style: normal;
	letter-spacing: 3px;
	font-size: 14px;
	line-height: 120%;
	text-align: right;
	color: #fff;
	
	margin: 0 ;
	position: relative;
	z-index: 99;
	
}

.top_box1_more a{
	width: auto;
	height: auto;
	/*font-family: 'Didact Gothic', sans-serif;*/
	font-family: 'Questrial', sans-serif;
	font-style: normal;
	letter-spacing: 3px;
	font-size: 14px;
	line-height: 120%;
	text-align: right;
	color: #fff;
	
	margin: 0 ;
	float: right;
	
	
}
.top_box1_more span{
	width: 10%;
	height: 1px;
	border-top:1px solid #ccc;
	margin: 7px 5px 0;
	float: right;
	position: relative;
	z-index: 99;
	
}




/***

MORE2

***/
.top_box1_more2{
	width: 100%;
	height: auto;
	/*font-family: 'Didact Gothic', sans-serif;*/
	font-family: 'Questrial', sans-serif;
	font-style: normal;
	letter-spacing: 3px;
	font-size: 25px;
	line-height: 120%;
	text-align: center;
	color: #fff;
	
	margin: 0 ;
	position: relative;
	z-index: 99;
	
	
}

.top_box1_more2 a{
	width: 100%;
	height: auto;
	/*font-family: 'Didact Gothic', sans-serif;*/
	font-family: 'Questrial', sans-serif;
	font-style: normal;
	letter-spacing: 3px;
	font-size: 25px;
	line-height: 120%;
	text-align: center;
	color: #fff;
	
	margin: 0 ;
	
	
	
}






.top_box1_cpulogo1{
	width: 40%;
	max-width: 249px;
	height: auto;
	margin: 16% auto 0;
	
}






/***

BOX2

***/
/*左*/
.box2_fl{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
/*右*/
.box2_fr{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;	
}
@media print, screen and (min-width: 801px) {
/*左*/
.box2_fl{
	clear: none;
	width: 45%;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;	
}
/*右*/
.box2_fr{
	clear: none;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}
}


.box2_fr table{
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	/*background: rgba(220,200,211,0.5);*/
}

.box2_fr table tr{
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
}
.box2_fr table td{
	width: 100%;
	height: auto;
	border: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-collapse: collapse;

	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	letter-spacing: 1px;
	font-size: 3vw;
	font-size: 20px;
	line-height: 104%;
	text-align: left;
	color: #000;
	
	margin: 0;
	padding: 20px 0 18px;
}



.box2_title1{
	width: 100%;
	max-width: 400px;
	height: auto;
}
.box2_txt1{
	width: 95%;
	height: auto;

	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	letter-spacing: 1px;
	font-size: 3vw;
	font-size: 17px;
	line-height: 200%;
	text-align: left;
	color: #000;
	
	margin: 0;
	padding: 20px 0 18px;
}


/***

エフェクト用　画像100%

***/
.effect-img100.m01{
	top: -100px;
}
@media print, screen and (min-width: 801px) {
.effect-img100.m01{
	top: -100px;
}
}

/***

エフェクト用　画像150%

***/
.effect-img150.m01{
	top: -200px;
}



.works_partners_text{
	clear: both;
	width: 162px;
	height: auto;
	margin: 0 auto 30px;
}
@media print, screen and (max-width: 800px) {
.bnr_btn1{
	width: 48%;
	height: auto;
	margin: 0 0 30px ;
	float: left;
}
.bnr_btn1:nth-child(2n){
	float: right;
}
}
@media print, screen and (min-width: 801px) {
.bnr_btn1{
	width: 23.5%;
	height: auto;
	margin: 0 2% 0 0 ;
	float: left;
}
.bnr_btn1:nth-child(4){
	margin: 0 ;
}
}





/***

ページネーション css

***/
.pagination .prev,
.pagination .next{
	color:#fff;
}
.pagination .prev:hover,
.pagination .next:hover{
	color:#ccc;
}