@charset "utf-8";
/*　−−−−−−−−− 全体共通 −−−−−−−−− */
body {

font-family: 'Yu Gothic', 'Hiragino Mincho ProN', Georgia; 
/*serif, -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;*/

padding-top: 52px;
color: #5F5F5F;
font-size: 14px;
}

/* 文字 */
h1{font-size: 25px; font-weight: bold;}
h2{font-size: 20px; font-weight: bold;}
h3{font-size: 16px; font-weight: bold;}
h2, h3{padding: 0px; margin: 0px;}

a:link{color: #5F5F5F; text-decoration: none;}
a:visited{color: #5F5F5F;}
a:hover {opacity: 0.7;}

/*　−−−−−−−−− navbar −−−−−−−−− */
.navbar{border:none; background-color: rgba(255,255,255,0.75);}
.navbar-brand img  {
display: inline;
margin-top: -5px;
margin-right: 5px;
margin-left: 5px;
}
.navbar-header .navbar-brand {
/*font-family: serif;*/
font-weight: 900;
color: rgba(247,92,38,1);
font-size: 20px;
padding-left: 0px;
margin-top: -6px;    
}
.navbar-nav li a {
color: #000000;
}
.navbar-nav li a:hover {
color: #5F5F5F;
background-color: rgba(255,255,255,0);
}
.navbar-header a:hover {
color: rgba(247,92,38,0.75);
background-color: rgba(255,255,255,0);
}

/* ---toggle ---*/
.navbar-toggle {
border-color: #ddd;
background-color: #FFFFFF;	
}
.navbar-toggle:hover,
.navbar-toggle:focus {
background-color: #ddd;
}
.navbar-toggle .icon-bar {
background-color: #888;
height: 2px;
}


/* −−−−−−−− 共通部品 −−−−−−−−− */

/* ---col左右余白削除--- */
.row.header-contents .col-xs-12, .row.header-contents .col-sm-12, .row.main-contents .col-lg-12{
padding-left: 0px; padding-right: 0px;}

.row.main-contents .col-xs-12{
padding-left: 5px; padding-right: 5px;}

.row.main-contents .col-xs-12.indexleft {
padding-right: 30px;}
.row.main-contents .col-xs-12.indexright {
padding-left: 30px;}

/*　−−− catch -−− */
.catch{
color: #FFFFFF;
position: absolute;
bottom: 0px;
background-color: rgba(0,0,0,0.0);
width: 100%;
text-align: center;
}
.catch, .carousel-caption  h1 {font-size: 36px; font-weight: 600;}
.catch h2, .carousel-caption h2 {font-size: 30px;}


/* --- 空白・ライン・文字 --- */
.space1{height: 10px;}

.space5{height: 50px;}

.row.underline {border-bottom: 1px solid #F5F5F5;}

.infotitle{font-weight: bold; text-decoration: underline;}

.glyphicon.file{font-size: 17px; color: #28582E; padding-left: 5px;}

a.list-group-item{padding: 10px; border-width: 0px;} /*画面中央のパネル*/


/* −−− carousel −−− */
.carousel-control{width:70px; opacity: 0;}

.carousel-control:hover{opacity: 0.5;}

.carousel .glyphicon-chevron-left, .carousel .glyphicon-chevron-right{
font-size: 20px;color: #FFFFFF;}


/* --- 回り込み・写真 --- */
.floatleft {float: left; padding: 0px; margin-top: 0px; margin-right: 10px;}
.floatright {float: right; padding: 0px;margin-top: 0px; margin-left: 10px;}

/*--- text ---*/
.textcenter{text-align: center; word-break: break-all;}
.textleft{text-align: left; word-break: break-all;}
.textright{text-align: right; word-break: break-all;}

/*--- table ---*/
td {border-bottom: 1px #ffffff solid;}

td.last, th.last{border-bottom: 1px #DDDDDD solid;}

td.lasttop, th.lasttop{border-top: 1px #DDDDDD solid;}

td.date {width:125px; vertical-align: top;}


/*--- 箇条書き ---*/
ul,ol{padding-left: 17px;}

li.point {list-style-type: none;padding-bottom: 10px/* 行間サイズ */}

li.point:before {
	content: '';
	width: 3px;
	height: 3px;
	background: #5F5F5F;
	display: inline-block;
	border-radius: 100%;
	position: relative;
	margin-right: -8px;/*--- 二行目の開始位置との一致 ---*/
	left: -15px;
	top: -3px;
}

li.point.white:before {
	content: '';
	width: 3px;
	height: 3px;
	background: #FFFFFF;
	display: inline-block;
	border-radius: 100%;
	position: relative;
	margin-right: -8px;/*--- 二行目の開始位置との一致 ---*/
	left: -15px;
	top: -3px;
}

.indentyear{padding-left: 3.3em; text-indent: -3.3em;}

.indentyearicon{padding-left: 0em; text-indent: 0em;}



/* --- 組織---  */
.about p{
/*- display:inline-block;  
 vertical-align:middle;　画像の横に文字表示-*/
 margin-left: 10px; margin-bottom: 30px;}
 
.about img{width:120px; margin-bottom: 10px;}



/*　−−−−−−−−− footer −−−−−−−−−*/
/* PC用 */
.footer-contents{background-color: #f5f5f5;}
.footer-sitemap{padding-top: 15px;}
.footer-sitemap a{font-size: 12px;}
.footer-sitemap .title{font-size: 13px; font-weight: 600;}

/* mobile用 */
.footer-mobile .col-xs-12{padding: 0px; padding: 0px;}
.panel.list-group.footer{padding: 0px; margin: 0px;}
.footer-mobile a.list-group-item{font-size: 12px; background-color: #f5f5f5;}

/* copyright用 */
.footercopy {
background-color: #f5f5f5;
font-size: 10px;
margin: 0px; padding:0px; padding-top: 8px; padding-bottom: 5px;
text-align: left;	
}


/*-----------Media size-----------*/

/* --- 大画面サイズ以上は広げない --- */
@media (min-width: 1450px){
.container-fluid { width: 1450px;}
}

/*--- 1113px以上の画面向け　PC横 ---*/
@media (min-width: 1113px){
.catch, .carousel-caption {height: 380px;}
.catch.wide {height: 130px;}
}

/*--- 1112px以下の画面向け　ipad横 ---*/
@media (max-width: 1112px){
.catch, .carousel-caption {height: 280px;}
.catch.wide {height: 120px;}
.catch h2, .carousel-caption h2 {font-size: 25px;}
}

/*--- 834px以下の画面向け　ipad縦 ---*/
@media (max-width: 834px){
.catch, .carousel-caption {height: 230px;}
.catch.wide {height: 100px;}
.catch h2, .carousel-caption h2 {font-size: 20px;}

}

/*--- 667px以下の画面向け　iphone横 ---*/
@media (max-width: 667px){
.catch, .carousel-caption {height: 310px;}
.catch.wide{height: 190px;}
.catch h1 {font-size: 29px;}
.catch h2, .carousel-caption h2 {font-size: 17px;}

.row.main-contents .col-xs-12.indexleft {
padding-right: 0px;}
.row.main-contents .col-xs-12.indexright {
padding-left: 0px;}

}

/*--- 375px以下の画面向け iphone縦 ---*/
@media (max-width: 375px){

h1{font-size: 25px; font-weight: bold;}
h2{font-size: 20px; font-weight: bold;}
    
.navbar-header .navbar-brand {font-size: 15px;}
.catch, .carousel-caption {height: 180px;}
.catch.wide{height: 130px;}
.catch h1, .carousel-caption h1 {font-size: 18px;}
.catch h2, .carousel-caption h2 {font-size: 10px;}
.about{text-align: center; word-break: break-all;}

.row.main-contents .col-xs-12.indexleft {
padding-right: 0px;}
.row.main-contents .col-xs-12.indexright {
padding-left: 0px;}

}









/*　−−−−−−−−− index・iconcard −−−−−−−−−*/
.iconcard{
text-align: center;
}
.iconcard a{
outline: none;
display: block;
}
.iconcard span{
color: #EB1014;
font-size: 40px;
padding-top: 10px;
}
.iconcard a:hover {
opacity: 0.7;
}


/*　−−−−−−−−− acout −−−−−−−−−*/
.iconcard.about{
height: 300px;
}
.iconcard.about img{
width: 180px;
heigh: 180px;
}

/*　−−−−−−−−− topics −−−−−−−−−*/
.iconcard.topics{
height: 160px;
}
.iconcard.topics img{
width: 120px;
heigh: 120px;
}

figure.topics img {
width: 250px;
}

figure.topics2 img {
width: 500px;
}

figcaption {
margin-top: 5px;
font-size: x-small;
text-align: left;
}
.row.topics > .col-xs-12.col-sm-9.col-md-6.col-sm-pull-3,
.row.topics > .col-xs-12.col-sm-9.col-md-6{
margin-bottom: 50px;
}
p.topictitle{
text-align: right;
}
.topics.area{
margin-bottom: 50px;
padding-bottom: 20px;
}



body,html {
    height: 100%;
    margin: 0 auto;
}


/*https://saruwakakun.com/wp-content/uploads/2017/07/img.jpg*/
.parallax {
    position: relative;
    background-image: url('/images/top4.jpg'); 
    height: 100%; 
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

/*タイトル*/
.parallax h2 {
    color:#fff;
    font-size: 80px;
    text-align: center;
    position: fixed;
    width :100%;
    top: 20%;
}

/*スクロールするボックス*/
.contents {
    position: relative;
    z-index: 1;
    height:800px;
    background: #555;
    font-size:60px;
    background: #f89174;
    padding: 50px 20px;
    text-align :center;
    }