@charset "UTF-8";
/* CSS Document */

body {
	margin: 15px 0 0 0;
}
/*ロゴ*/
.container .navbar-header .navbar-brand {
	margin-right: 230px;
	padding: 0;
	height: 58px;
}

.navbar-header .navbar-brand img {
	max-width: 230px;
}

/*ナビバー*/
.navbar {
  background-color: #FFFFFF;
	border: #FFFFFF;
	padding: 0;
}
.navbar.navbar-default {
	margin: 0;
}
.nav.navbar-nav li {
	font-size: 1em;
	padding:5px 0 0 0;
}
li .line strong {
	font-weight: 500;
}
li .line1 strong {
	font-weight: 500;
}
.nav.navbar-nav li a {
	display: block;
	margin: 0;
    text-align:center;
}

.nav.navbar-nav li a span {
	font-size: 0.9em;
	display: block;
	padding: 0;
}

/*ナビバー色変更とオンマウス*/
.nav.navbar-nav li .line {
	color:#565656;
	/*border-left: dotted thin #666666;*/
	height: 1.8em;
	padding: 0 1.3em 0 0em;
	margin:1em 0 1.2em 1.3em; 
	position: relative;/*下線設定*/
    display: inline-block;/*下線設定*/
    transition: .3s;/*下線設定*/
}
.nav.navbar-nav li .line1 {
	color:#565656;
	/*border-left: dotted thin #666666;*/
	height: 1.8em;
	padding: 0 1.3em 0 0em;
	margin:1em 0 1.2em 1.3em; 
	position: relative;/*下線設定*/
    display: inline-block;/*下線設定*/
    transition: .3s;/*下線設定*/
}
.nav.navbar-nav li .line::after {/*下線設定*/
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #2ecc71;
  transition: .3s;
}

.nav.navbar-nav li .line:hover {
	/*color:#2ecc71;*/
}
li .line .font2:hover {
	/*opacity: 0.6;*/
}
li .line .font3:hover {
	/*opacity: 0.6;*/
}
.nav.navbar-nav li .line:hover::after {/*下線設定*/
  width: 90%;
}

.line .font img {/*ナビ横画像・左*/
	width: 18px;
	padding-right: 2px;
	padding-bottom: 5px;
	/*opacity: 0.8;*/
}
.line .font2 img {/*ナビ横画像・中*/
	width: 18px;
	padding-right: 4px;
	padding-bottom: 5px;
	opacity: 0.8;
}
.line .font3 img {/*ナビ横画像・右*/
	width: 20px;
	padding-right: 4px;
	padding-bottom: 5px;
	opacity: 0.8;
}
.line1 .font img {/*ナビ横画像・左*/
	width: 18px;
	padding-right: 2px;
	padding-bottom: 5px;
}
.line1 .font2 img {/*ナビ横画像・中*/
	width: 18px;
	padding-right: 4px;
	padding-bottom: 5px;
}
.line1 .font3 img {/*ナビ横画像・右*/
	width: 20px;
	padding-right: 4px;
	padding-bottom: 5px;
}
/* カレント*/
.nav.navbar-nav li .font {
	color:#333333
}


/*最近の活動報告*/
.pc {
	display: block!important;
}
.sp {
	display: none!important;
}
.contents .pc {
	margin-bottom: 50px;
}
.container1 {
	margin: auto;
	margin-bottom: 30px;
	margin-top: 10px;
	max-width: 700px;
}
.container1 .row .col-xs-12.text-center {
	text-align: center;
}

.row .col-xs-12.text-center h1 {
	font-size: 1.6em;
	color: #993000;
	padding: 10px 0 10px 0;
	margin-bottom: 2em;
    position: relative;/*以下で線を表示*/
    display: inline-block;
}

/*以下で線を表示*/
.row .col-xs-12.text-center h1:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 45px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #993000;/*線の色*/
  border-radius: 2px;/*線の丸み*/
	/*下線のアニメーション*/
  /*transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;*/
}

.row .col-xs-12.text-center h1:hover::before {/*下線のアニメーション*/
  /*transform: scale(1, 1);*/	
}

.row .col-xs-12.text-center .text3 {
	text-align:center;
	padding: 5px 0 5px 0;
	font-size: 4.3em;
	font-weight:900;
	color: #1A207F;
}
.row .col-xs-12.text-center .text4 {
	text-align: center;
	max-width: 680px;
	margin: auto;
	padding-right: 20px;
	font-size: 1.4em;
	font-weight:700;
	color: #1A207F;
}

/* footer*/
.footre-main {
	margin-bottom: 0px;
	padding: 30px 0 20px 0;
	display: block!important;
	background-color: #EEEEEE;
}
.text-left .container-6 {
	max-width:1000px;
	margin: auto;
}
.footre-main .container-7 {
	max-width:1000px;
	margin: auto;
}
.row .col-xs-4 .footer-nav {
	list-style: none;
}
.footer-nav li a {
	font-size: 0.8em;
	color:#565656;
	margin: 0 0 1px 2px;
	text-decoration: none;
}
.footer-nav li a:hover{
	opacity: 0.5;
}


li a span {
	font-size: 0.7em;
	padding: 0 0 0 2px;
}

.col-xs-4 .footer-company .footer-company2 {
	list-style: none;
	padding-left: 1em;
}
.footer-company .footer-company2 li {
	font-size: 0.9em;
	padding: 0 0 2px 0;
}
.footer-company2 li a {
	text-decoration: none;
	color:#565656;
}

.footer-company2 li a:hover {
	opacity: 0.5;
}
.text-center {
	margin-bottom: 0px;
}

li a strong {
	font-weight: 500;
}
.footer-company2 li strong {
	font-size: 0.95em;
	font-weight: 500;
}
.footer-company2 li .address {
	font-size: 1em;
	font-weight: 500;
}
.row .col-xs-4 .logo {
	padding: 0px 0 10px 0;
	margin-top: -10px;
}

li .address span {
	font-size: 0.9em;
	font-weight: 500;
}

.footer-color.text-center {
	background-image:url(../images/top/brand-dash-pc.png);
}	
.container .row .col-xs-12 {
	color: #FFFFFF;
	height: 50px;
	padding-top: 1em;
}


/*ふわっと表示*/
.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:2.0s;/*現れる時間*/
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}

/*数字以下pc*/
.container2 {
	margin: 50px 0 0 0;
	margin: auto;
	max-width: 800px;
}
.container2 .pc {
	display: block!important;
}
.container2 .sp {
	display: none!important;
}
.pc .col-xs-12.text-center h2 {
	font-size: 7em;
	font-weight: 900;
	letter-spacing: 3px;
	color: #1A207F;
}
.pc .col-xs-12.text-center .comment3 {
	font-size: 1.5em;
	letter-spacing: 3px;
	margin-top: 2em;
}
.pc .col-xs-12.text-center .comment4 {
	font-size: 1.3em;
	letter-spacing: 3px;
	margin-top: 1.5em;
}
.pc .col-xs-12.text-center .comment5 {
	font-size: 1em;
	letter-spacing: 3px;
	max-width: 450px;
	padding-top: 1.5em;
	margin: auto;
	text-align: left;
}

/*数字以下sp*/
.sp .col-xs-12.text-center h2 {
	font-size: 4em;
	font-weight: 900;
	letter-spacing: 3px;
	color: #1A207F;
}

.sp .col-xs-12.text-center .comment3 {
	font-size: 1.8em;
	letter-spacing: 3px;
	margin-top: 1.2em;
}
.sp .col-xs-12.text-center .comment4 {
	font-size: 1.1em;
	letter-spacing: 3px;
	margin-top: 1.2em;
}
.sp .col-xs-12.text-center .comment5 {
	font-size: 0.9em;
	letter-spacing: 3px;
	max-width: 400px;
	padding: 1.2em 20px 0 20px;
	margin: auto;
	text-align: left;
}






@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-25px); }/*現れる位置*/
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*ふわっと表示(トップのスローガン)*/
.fuwat2Anime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.5s;
 -ms-animation-duration:1.0s;/*現れる時間*/
 animation-duration:0.5s;
 -webkit-animation-name: fuwat2Anime;
 -ms-animation-name: fuwat2Anime;
 animation-name: fuwat2Anime;
 visibility: visible !important;
}

/*トップ写真*/
.head-img .pc .img-responsive {
	margin: auto;
	margin-top: -20px;
}
/*写真上段*/
.pc .fuwat .top-comment {
	margin: 5em 0 10px 0; 
}
.sp .fuwat .top-comment {
	margin: 1.5em 0 1.5em 0; 
}
/*写真下段*/
.pc .fuwat .top-comment2 {
	margin: 10em 0 0 0; 
}
.sp .fuwat .top-comment2 {
	margin: 2em 0 0 0; 
}

/*斜め背景pc*/
.pc .col-xs-12.text-center .contents {
  position: relative;
  overflow: hidden;
  margin: 50px 0 0 0;/*margin上下調整*/
  padding: 80px 0;
}

.pc .col-xs-12.text-center .contents:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 35%;/*高さ調整*/
  margin: 2% -10% 0;
  background:#00C8FF;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
  opacity: 0.1;
}

.pc .col-xs-12.text-center .contents_inner {
  box-sizing: boder-box;
  width: 100%;
  max-width: 640px;
  height: 100%;
  margin: 0 auto;
  padding: 10px 10px 10px;
  color: #fff;
  text-align: center;
}
/*斜め背景sp*/
.sp .col-xs-12.text-center .contents {
  position: relative;
  overflow: hidden;
  margin: 60px 0 0px 0;/*margin上下調整*/
  padding: 50px 0 50px 0;/*高さ空間の調整*/
}

.sp .col-xs-12.text-center .contents:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 30%;/*高さのうち、どの程度着色するか調整*/
  margin: 2% -10% 0;
  background: #00C8FF;
  -webkit-transform-origin: right center;
  -ms-transform-origin: right center;
  transform-origin: right center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
  opacity: 0.1;	
}

.sp .col-xs-12.text-center .contents_inner {
  box-sizing: boder-box;
  width: 100%;
  max-width: 640px;
  height: 100%;
  margin: 0 auto;
  padding: 10px 10px 10px;
  color: #fff;
  text-align: center;
}













@-webkit-keyframes fuwat2Anime {
 0% { opacity: 0; -webkit-transform: translateY(-25px); }/*現れる位置*/
 100% { opacity: 1; -webkit-transform: translateY(0); }
}

@keyframes fuwat2Anime {
 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}




@media (max-width: 760px) {/* 700px以下の中画面文字サイズ　変更　*/
body {
	margin: 0;
	}


/* logo　*/		
.container .navbar-header .navbar-brand {
	margin-right:0px;
	height:0px;
}	

/* navi　*/	
.nav.navbar-nav li .line {
	margin:0.3em 0 0.3em 1.3em; 
}
.nav.navbar-nav li .line1 {
	margin:0.3em 0 0.3em 1.3em; 
}	

/* top画像　*/
.pc {
	display: none!important;
}

.sp {
	display: block!important;
}
/* スローガン　*/	
.row .col-xs-12.text-center .text3 {
	padding: 5px 0 5px 0;
	font-size: 2.2em;
	font-weight:900;
}
.row .col-xs-12.text-center .text4 {
	max-width: 680px;
	padding:0 20px 0 20px;
	font-size: 1.1em;
	font-weight:700;
	margin-bottom: 3em;
}

.container1 {
	margin-bottom: 0px;
	margin-top: 0px;
}


.container2 .pc {
	display: none!important;
}
.container2 .sp {
	display: block!important;
}	
/*所属委員会内容*/
.container4 {
	margin-bottom: 6em;
}
/* copyright　*/
.row .col-xs-12 .copyright {
	font-size: 0.8em;
}	
/*下線設定*/	
.nav.navbar-nav li .line:hover::after {/*下線設定*/
  width: 0%;
}		
}