@charset "UTF-8";

body	{font-family: 'Noto Sans JP', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;}





/* menu
--------------------------------------------------------------------*/
.menu	{margin:0;
	border: none;
	background-color: #fff;
}

.menu .collapse	{margin-top: 10px;
	font-size: 12px;}

.menu .navbar-toggle	{margin-top: 17px;}




/* global 
--------------------------------------------------------------------*/

.global	{padding: 0; 
	background-color: #fff;
}


@media (min-width: 768px) {

.global ul,
.global ol	{display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	list-style: none;}

.global li	{display: table-cell;
	text-align: center;
	*float: left;}

.global li a	{display: block;
	padding: 10px 5px 10px 5px;
	color: #000;
	text-decoration: none;}

.global li a:hover	{background-color: #eee;}

.global li span	{display: block;
	font-size: 10px;}


/* 横に並べたリンクを区切る罫線 */
.global li a	{padding: 5px 0;
	border-right: solid 1px #fff;}

.global li:first-child a	{border-left: solid 1px #fff;}


/* 罫線で区切る設定 */
.global	{padding: 0;
	border-bottom: solid 0px #fff;
	border-top: solid 0px #fff;}

/* ナビゲーションの線 */
.global li a:hover	{
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(91%,#fff), color-stop(92%,#d5142b), color-stop(100%,#d5142b));
	background-image: -webkit-linear-gradient(top,  #fff 0%,#fff 91%,#d5142b 92%,#d5142b 100%);
	background-image: linear-gradient(to bottom,  #fff 0%,#fff 91%,#d5142b 92%,#d5142b 100%);}


/* Bootstrapの設定を無効化 */
.global .navbar-nav,
.global .navbar-nav>li	{float: none;}

.global .navbar-collapse:before,
.global .navbar-collapse:after,
.global .nav:before,
.global .nav:after
	{display: none;}

} /* @media */



/* =========================================================================
   top design
   ========================================================================= */	
 a:link    { color: #d5142b; }    /* 未訪問リンク*/
  a:visited { color: #d5142b; }   /* 訪問済み*/

/* top 00
--------------------------------------------------------------------*/
.about-app00	{padding: 200px 0 100px 0;
	background-color: #dfe3e8;}

.about-app00 img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 200px 0 10px 0px;
	vertical-align: bottom;}

.about-app00 h1	{margin: 0 0 20px 0;
	font-size: 60px;
	line-height: 1.2;}

.about-app00 p	{margin: 10 0 40px 0;
	font-size: 20px;
	line-height: 1.6;}


.about-app00	{background-image: url("img/top/top-2025-09242.jpg");

	background-position: 80% 50%;
	background-size: cover;
	color: #fff;
	text-shadow: 2px 2px 5px #000;}

.about-app00 .button	{text-shadow: none;}


@media (max-width: 1200px) {

	.about-app00	{padding: 20px 0 20px 0;}
	.about-app00 h1	{font-size: 46px;}
	.about-app00 p	{font-size: 14px;}

} /* @media */



		
/* toparea
--------------------------------------------------------------------*/
.toparea	{margin: 0px 10px 0px 10px;
	padding: 0;
	text-align: center;}

	.toparea h1	{margin: 0px 0px 50px 0px;
	font-size: 50px;
	font-weight: 700;
	width: 100%;
		color: #d5142b;
}

.toparea img	{
	width: 100%;
	height: auto;
}


.toparea strong2 {
 background:linear-gradient(transparent 70%, #FFFF66 0%);
	}

.toparea p	{
	padding: 5px;
	margin: 5px;
	}


	
	@media only screen and (max-width:480px) {
	.toparea h1 {
		font-size: 30px;
	}	
	.toparea h2 {
		font-size: 14px;
	}
	}


/* toparea2
--------------------------------------------------------------------*/
.toparea2	{margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: center;}

.toparea2 h1	{margin: 0px 0px 20px 0px;
	font-size: 50px;
	font-weight: 700;
	width: 100%;
		color: #d5142b;
}


.toparea2 h2{
	font-size: 30px;
	margin: 0px;
}

.toparea2 p	{margin: 10px;
	font-size: 20px;
	line-height: 2;}

.toparea2 img	{
	width: 100%;
	height: auto;
	padding: auto;
	margin: auto;
}

	
	@media only screen and (max-width:480px) {
	.toparea2 h1 {
		font-size: 30px;
	}	
		
	.toparea2 h2 {
		font-size: 25px;
	}
.toparea2 p	{margin: 10px;
	font-size: 16px;
	line-height: 2;}



}

	
	
		
	
/* about-graph 
--------------------------------------------------------------------*/
.about-graph	{padding: 80px 0 80px 0;
	margin: 80px 0 0 0;
	background-color: #d5142b;
	color: #fff;}

.about-graph img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;
		border-radius: 10px;}

.about-graph h2	{margin: 0 0 20px 0;
	font-size: 45px;
	font-weight: 700;
	}

.about-graph p	{margin: 0 0 20px 0;
	font-size: 18px;
	line-height: 1.6;
	}
	
	
.about-graph a:hover img{
opacity:0.8;
}
	
		@media only screen and (max-width:480px) {
	.about-graph h2 {
		font-size: 25px;
	}	
	.about-graph p {
	font-size: 14px;
	}	
	}
	



/* about-graph2 
--------------------------------------------------------------------*/
.about-graph2	{padding: 0px 0 0px 0;
	margin: 0px 0 0px 0;
}

.about-graph2 img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;}



.about-graph2 h1 {  
	margin-left: auto;
  margin-right: auto;
	font-size: 50px;
	font-weight: 700;
	text-align: left;
	color: #0071BC;
	}

@media only screen and (max-width:480px) {
	.about-graph2 h1 {
		font-size: 25px;
	}	
	}
	
/* about-graph3 
--------------------------------------------------------------------*/
.about-graph3	{padding: 80px 0 80px 0;
	margin: 0px;
	background-color: #d5142b;
	color: #fff;}

.about-graph3 img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;}

.about-graph3 h1 {  
	margin-left: auto;
  margin-right: auto;
	font-size: 50px;
	font-weight: 700;
	text-align: left;
	}

	
@media only screen and (max-width:480px) {
	.about-graph3 h1 {
		font-size: 25px;
	}	
	}
	

/* top: スライド
--------------------------------------------------------------------*/
.carousel	{margin-bottom: 30px;}

.carousel-caption	{left: 20%;
	bottom: 0px;
	text-align: center;}

.carousel-caption h3	{font-size: 42px;}


.carousel-caption img	{max-width: 80%;
	height: auto;
	margin: 0 0 10px 0;
	vertical-align: bottom;}



@media (max-width: 680px) {
	.carousel-inner>.item>img	{min-width: 100%;}
	.carousel-control	{width: 20px;}
	.carousel-caption	{bottom: 0;}
	.carousel-indicators	{bottom: 0;}
	.carousel-caption h3	{font-size: 14px;}
	.carousel-caption p	{font-size: 8px;}
} /* @media */






/* 縦に並べたリンクを区切る罫線 */
.new li a	{border-bottom: solid 1px #aaa;}



/* 枠の設定 */
.new h2	{padding: 10px;
	background-color: #d5142b;
	color: #fff;}





/* 画像: エントリー 
--------------------------------------------------------------------*/
.entry	{margin-bottom: 40px;
	padding: 0;}

.entry img	{max-width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	vertical-align: bottom;
border-radius: 10px;}

.entry h2	{margin: 0;
	font-size: 20px;
	line-height: 1.2;}

.entry p	{margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.6;}


/* 枠の設定 */
.entry h2	{padding: 0px;
	background-color: #d5142b;
	color: #fff;}











	
/* =========================================================================
   TALK
   ========================================================================= */
.talk img	{
	margin: 0 0 10px 0;
	padding: 10px;

}
.talk h1	{
	position: relative;
	padding: 20px;
	background: #a5d4ad;
	border-radius: 4px;
	color:#ffffff;
	font-size: 24px;
	margin: 20px;
	text-align: center;
}
	
.talk h3{
	font-size: 20px;
}

.talk strong {
 background:linear-gradient(transparent 60%, #fff799 0%);
}
	
.talk p {
	position: relative;
	padding: .1em;
	margin: 20px;
	line-height: 2;
}



@media (max-width: 450px) {
	.talk h1	{font-size: 18px;}
	.talk h3	{font-size: 18px;}
} /* @media */




.color1 {
color: #F7931E;
}
.color2 {
color: #117cb7;
}
.color3 {
color: #FF0000;
}



	
/* =========================================================================
   desin
   ========================================================================= */
	
/* 線
--------------------------------------------------------------------*/
.hr08 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #ffffff;
	margin-top: 50px;
	margin-bottom: 50px;
}	
	
	

/* TOPへ戻る
--------------------------------------------------------------------*/
.button2	{display: inline-block;
	width: 100%;
	margin: 40px 0 0 0;
	padding: 10px 30px 10px 30px;
	background-color: #eeeeee;
	color: #fff;
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	box-sizing: border-box;
	box-sizing: border-box;
	box-sizing: border-box;}

.button2:hover, 
.button2:focus	{outline: none;
	background-color:  #d5142b;
	color: #fff;}

	
/* 画像hover
--------------------------------------------------------------------*/
.photo img	{max-width: 100%;
	height: auto;
	padding:  0px;
}

.entry a:hover img{
opacity:0.5;
}

.navbar-collapse img:hover{
opacity:0.5;
}

/*画像figure
--------------------------------------------------------------------*/
a:hover { text-decoration: underline; }

figure img{
	-webkit transform: scale(1);
	transform: scale(1);
	transition:.3s ease-in-out;
	}
figure:hover img{
		transfoem:scale(1);
		transform: scale(1.05)
	}




	
	/* =========================================================================
   profile
   ========================================================================= */		
	
	.profile  img	{max-width: 100%;
	height: auto;
	padding:  20px 0px;
}
	
	
/* =========================================================================
   report
   ========================================================================= */		
	
.report h1 {
  color: #000000;/*文字色*/
  padding: 0.5em 0.5em;/*上下の余白*/
  border-top: solid 10px #d5142b;/*上線*/
  border-bottom: solid 10px #d5142b;/*下線*/
}
	
.report p{
	font-size: 20px;
	line-height: 2em;
	}
	
	@media only screen and (max-width:480px) {
.report h2{
	font-size: 25px;
	}
.report p{
	font-size: 16px;
	line-height: 2em;
	}
.report img{
	width: 100%;
	height:auto;}
	}
	
	
	
/* =========================================================================
   footer
   ========================================================================= */	
.footer-info	{padding: 100px 0 100px 0;
	background-color: #d5142b;
	color: #fff;}

.footer-info > h1	{margin: 0 0 20px 0;
	font-size: 10px;
}

.footer-info a	{color: #fff;
	text-decoration: none;}

.footer	{padding: 20px 0 20px 0;
	background-color: #eee;
	color: #000;}

.footer p	{margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;}

.menu-pickup .desc	{color: #fff;
	font-size: 12px;}


ul.footer_list {
	padding:0.5em;
	list-style-type:none;
}
ul.footer_list li {
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
ul.footer_list li::before {
	position: absolute;
	content: '';
	display: block;
	top: 0.5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: rotate(-45deg);
}


/* ------------- スクロールフェードインDown用 ------------- */

.fadein {
    opacity : 0;
    transform : translate(0, 100px);
    transition:all 3.0s;
  display:block;
  margin:100px auto;
  text-align:center;
	opacity: 0.3;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
	

/* ------------- スクロールフェードインDown用 END ------------- */ 


.box p {
  text-align: right;
  -webkit-transition: all 3s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.box p.move {
  -webkit-transform: translate(10px, 0);
  opacity: 0;
}