@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;
}
/*****

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

*****/














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




.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: 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: 20px solid rgba(0,0,0,0.0);
}

.top_box2_fr table td.table_fl{
	width: 25%;
	height: auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-size: 12px;
	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: 75%;
	height: auto;
	font-family: 'Noto Sans JP', sans-serif;
	font-style: normal;
	font-size: 12px;
	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);*/
}


.top_box2_fr table td.table_fr a{
	color: rgba(255,0,0,1.00);
	text-decoration: underline;
}
.top_box2_fr table td.table_fr a:hover{
	color: rgba(255,0,0,0.6);
	text-decoration: none;
}


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