@charset "UTF-8";


/*****

フォーマットコピー　ここから

*****/
@media print, screen and (min-width: 801px) {
/* グローバルナビ スマホ */
.header_bg{
	background:rgba(255,255,255,0.90);
	background: none;
	
}
}

/***

トップ以外で使用

***/
.f-item a{
	color: #000;	
}
.f-item.off{
	color: #000;
	opacity: 0.5;
}
/*****

フォーマットコピー　ここまで

*****/


.cpu_btn_box01{
	display: block;
	clear: both;
	width: 70%;
	width: calc( 100% - 12% );
	height: auto;
/*	max-width: 600px;*/
	margin: 0 auto;
	padding: 6%;
	
/*
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
*/
	
	position: fixed;
	bottom: 0;
	left: 0;
	background: #000;
	z-index: 999999;
}
.cpu_btn_box01-2{
	display: block;
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.cpu_btn_box02{
	clear: both;
	width: 50%;
	height: auto;
	margin: 0;
	padding: 0;
}
.cpu_btn_box02 img{
	width: 100%;
	height: auto;
}


@media print, screen and (min-width: 801px) {
.cpu_btn_box01{
	clear: both;
	width: 70%;
	width: 92%;
	height: auto;
	max-width: 400px;
	margin: 0 auto;
	padding: 10px;
	
/*
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
*/
	
	position: fixed;
	bottom: 0;
	left: 0;
	background: #000;
	
}
}

.souritu_txt1{
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 0 0 14px;
	
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-style: bold;
	letter-spacing: 1px;
	
	font-size: 1.2em;
	font-size: 15px;
	font-size: 3vw;
	line-height: 125%;
	text-align: center;
	color: #fff;
}
@media print, screen and (min-width:801px) { 
.souritu_txt1{
	
	font-size: 16px;
	line-height: 125%;
}
}
.startupClose3{
	width:23px;
	height:auto;
/*
	text-align:right;
	margin-bottom:5px;
*/
	cursor:pointer;
/*	float: right;*/
	margin: 0;
	padding: 0;
	position: absolute;
	top: 3px;
	right: 3px;
}
.startupClose3 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);
	background: none;
}
.top_main1bg img{
	width: 100%;
	height: auto;
}




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

.top_main1_txt1{
	clear: both;
	width: 90%;
	height: auto;
	margin:10% auto 2%;
	position: relative;
}
.mov_top01_txt1bg{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}



.top_main1_bg1{
	width: 100%;
	height: auto;
	position: relative;
}
.top_main1_bg2{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}


@media print, screen and (max-width: 800px) {
.top_main1_ph-img1{
	width: 110%;
	height: auto;
	margin: 0;
	position:absolute;
	top: 0;
	left: -5%;;
	z-index: 0;
}
}
@media print, screen and (min-width: 801px) {
.top_main1_ph-img1{
	width: 100%;
	height: auto;
	margin: 0;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
}
.top_main1_ph-img1{
	top: -100px;
}

.top_main1_ph-img1.m01{
	top: -50px;
}

/***

SP

***/
@media print, screen and (max-width: 800px) {
.top_main1_ph1_2{
	width: 37%;
	height: auto;
	margin: 0;
	position:absolute;
	top:0;
	left: 0;
}
.top_main1_ph1{
	width: 100%;
	height: auto;
	margin: 0;
	position: relative;
	overflow: hidden;
	z-index: 5;
}
.top_main1_ph2_2{
	width: 37%;
	height: auto;
	margin: 0;
	position:absolute;
	top:60px;
	right: 0;
}
.top_main1_ph2{
	width: 100%;
	height: auto;
	margin: 0;
	position: relative;
	overflow: hidden;
	z-index: 4;
}
.top_main1_ph3_2{
	width: 38%;
	height: auto;
	margin: 0;
	position:absolute;
	top:170px;
	right: 18%;
}
.top_main1_ph3{
	width: 100%;
	height: auto;
	margin: 0;
	position: relative;
	overflow: hidden;
	z-index: 5;
}
.top_main1_ph1 img , .top_main1_ph2 img , .top_main1_ph3 img{
	position: relative;
	z-index: 1;
}

}
/***

SP

***/


/***

PC

***/
@media print, screen and (min-width: 801px) {
.top_main1_ph1{
	width: 30%;
	height: auto;
	float: left;
	margin: 0 5% 0 0;
	margin: 0 5% 0 0;
	position: relative;
	overflow: hidden;
	box-shadow: inset 0 0 25px rgba(0, 0, 0, 1);
	/*opacity: 0;*/
}
.top_main1_ph2{
	width: 30%;
	height: auto;
	float: right;
	margin: 10% 0 0;
	margin: 0;
	position: relative;
	top: 130px;
	overflow: hidden;
	/*opacity: 0;*/
	
}
.top_main1_ph3{
	width: 30%;
	height: auto;
	float: left;
	margin: 22% 0 0;
	margin: 0;
	position: relative;
	top: 350px;
	overflow: hidden;
	/*opacity: 0;*/
	
}
.top_main1_ph1 img , .top_main1_ph2 img , .top_main1_ph3 img{
	position: relative;
	z-index: 1;
}
}
/***

PC

***/








.top_about_ph1{
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}








/***

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;
	/*color: rgba(180,0,0,1.00);*/
}


.text_color-firsta a:first-child{
	color: rgba(180,0,0,1.00);
	text-decoration: none;
}
.text_color-first a{
	color: #999;
	text-decoration: none;
}


.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;*/
	text-decoration: none;
	
	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;*/
	text-decoration: none;
	
	float: right;
	margin: 0 ;
	
	/*background: rgba(38,32,227,0.3);*/
}



/*
a .info_txt1:first-child , a .info_day1:first-child{
	color: rgba(180,0,0,1.00);
}
*/


@media print, screen and (min-width: 801px) {
.info_day1{
	width: 15%;
}
.info_txt1{
	width: 82%;
}
}



/***

項目3分割

***/
/*タイトル*/
.top_box1_title1{
	width: 60%;
	max-width: 310px;
	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 0 30px;
	padding: 0;
	display: block;
	
	
	/*background: rgba(0,0,0,0.2);*/
	
}


.top_box1_title2{
	width: 60%;
	max-width: 310px;
	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 0 50px; 
	padding: 0;
	display: block;
	
	
	/*background: rgba(0,0,0,0.2);*/
	
}
@media print, screen and (min-width: 801px) {
.top_box1_title2{
	width: 100%;	
}
.top_box1_title2.m01{
	margin: 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: 14px;
	line-height: 120%;
	text-align: right;
	color: #666;
	
	margin: 0 ;
	
}

.top_box1_more2 a{
	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: #666;
	
	margin: 0 ;
	float: right;
	
}
.top_box1_more2 span{
	width: 10%;
	height: 1px;
	border-top:1px solid #666;
	margin: 7px 5px 0;
	float: right;
	
}






.top_box1_cpulogo1{
	width: 40%;
	max-width: 249px;
	height: auto;
	margin: 40% auto 0;	
}
@media print, screen and (min-width: 801px) {
.top_box1_cpulogo1{
	width: 40%;
	max-width: 249px;
	height: auto;
	margin: 16% auto 0;
}
}





/***

ABOUT OUTLINE

***/
/*左*/
.top_box2_fl{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

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

/*右*/
.top_box2_fr{
	clear: none;
	width: 63.7%;
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
	
}

}



.top_box2_txt1{
	width: auto;
	height: auto;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	letter-spacing: 1px;
	font-size: 3vw;
	line-height: 150%;
	text-align: left;
	color: #999;
	margin: 0 0 25px;

}
@media print, screen and (min-width: 801px) {
.top_box2_txt1{
	height: 48px;
	font-size: 14px;
	margin: 0;
}
}


/*テキスト2*/
.top_box2_txt2{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0 0 14px;
	
	
	
	/*background:rgba(216,202,43,0.7);*/
}


/*テキスト2fl*/
.top_box2_txt2fl{
	width: 63%;
	height: auto;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-size: 5.6vw;
	line-height: 104%;
	text-align: left;
	color: #666;
	
	margin: 0;
	padding: 0;
	/*float: left;*/
	display:inline-block;
	vertical-align:bottom;
	
	/*background: rgba(220,65,211,0.5);*/

}
@media print, screen and (min-width: 801px) {
.top_box2_txt2fl{
	width: 53%;
	font-size: 28px;
	display:inline-block;
}
}


/*テキスト2fr*/
.top_box2_txt2fr{
	width: 36%;
	height: auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	letter-spacing: 1px;
	font-size: 3vw;
	line-height: 104%;
	text-align: left;
	color: #666;
	
	margin: 0 0 3px;
	padding: 0;
	/*float: right;*/
	display:inline-block;
	vertical-align:bottom;
	
	/*background: rgba(220,200,211,0.5);*/

}
@media print, screen and (min-width: 801px) {
.top_box2_txt2fr{
	width: 45%;
	font-size: 14px;
	display:inline-block;
	vertical-align:bottom;
}
}



/*テキスト3*/
.top_box2_txt3{
	width: auto;
	height: auto;
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: bold;
	letter-spacing: 1px;
	font-size: 5.6vw;
	line-height: 105%;
	text-align: left;
	color: #222;
	margin: 0 0 20px;
	
	/*background: rgba(47,158,55,1.00);*/

}
@media print, screen and (min-width: 801px) {
.top_box2_txt3{
	
	font-size: 28px;
	
}
}




/*テキスト4*/
.top_box2_txt4{
	clear: both;
	width: 100%;
	height: auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	letter-spacing: 0;
	font-size: 3vw;
	line-height: 220%;
	
	color: #222;
	text-align: justify;
	
	
	/*background: rgba(220,200,211,0.5);*/

}
@media print, screen and (min-width: 801px) {
.top_box2_txt4{
	font-size: 13px;
}
}




/*テキスト5fl*/
.top_box2_fr table{
	clear: both;
	width: 100%;
	height: auto;
	border: none;
	border-collapse:collapse;
}

.top_box2_fr table tr{
	clear: both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0 ;
	border-bottom: 10px solid #fff;
}

.top_box2_fr table td.table_fl{
	width: 20%;
	height: auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-size: 11px;
	line-height: 200%;
	text-align: left;
	color: #666;
	
	margin: 0;
	padding: 0;
	vertical-align:top;
	border: none;
	
	position: relative;
	top: -5px;
	
	/*background: rgba(220,65,211,0.5);*/

}

.top_box2_fr table td.table_fr{
	width: 80%;
	height: auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-size: 11px;
	line-height: 200%;
	text-align: left;
	color: #666;
	
	margin: 0;
	padding: 0;
	vertical-align:top;
	border: none;
	
	position: relative;
	top: -5px;
	
	/*background: rgba(120,65,111,0.5);*/

}

.smart_on_inline{
	display: inline-block;
}
@media print, screen and (min-width: 801px) {
.smart_on_inline{
	display: none;
}
}



/***

エフェクト用　画像100%

***/
.effect-img100{
	width: 100%;
	height: auto;
	margin: 0;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/***

エフェクト用　画像100%

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












.pri_txt1{
	font-size: 20px;
	font-weight: bold;
}
.pri_txt2{
	font-size: 15px;
	font-weight: 500;
}
.border100{
	width: 100%;
	height: 1px;
	border-top: 1px solid #000;
}



.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 ;
}
}