/*  logo
/--------------------------------- */
.logo{ /* センタリング */
    width:960px;
    margin-left: auto;
    margin-right: auto;
}




.mem_logo a {
    display: inline-block;
    width: 152px;
    height: 73px;
    background: url(/img/nnn_logo_s.png) no-repeat;
    text-indent: -9999px;
} 

.blue_line {
    margin: 0;
    padding: 0;
    height: 10px;
    border: none;
    border-top: 1px solid #243d77;
    border-bottom: 1px solid #243d77;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #243d77;
    color: #fff;
}

.jumbotron {
  background-image: url("../images/photo.jpg");
  background-size: cover;
  background-position: center 60%;
  padding-top: 5rem;
}

.outline {
  display     : inline-block;
  font-weight : bold;
  color       : #ffffff;
  text-shadow:  2px  2px 10px #777 ,
               -2px  2px 10px #777 ,
                2px -2px 10px #777 ,
               -2px -2px 10px #777;
}

body {
  padding-top: 3rem;
}

.midashi{
  background-color:#063;
  color:#FFF;
  margin-bottom:20px;
}

.toimidashi{
  background-color:#390;
/*  background-color:#243d77; */
  color:#FFF;
  margin-bottom:20px;
}

/*  nav
/*--------------------------------- */

@media (max-width:920px) {
.logo {
	width:100%;
}
.mem_footer_menus {
	width:100%;
}
	
}

@media (min-width: 920px){ /* xsサイズでの崩れ防止 */
.container {
	max-width:920px;
}
}









/* ------------------------------------- /
/   content
/* ------------------------------------- */

#content {
	background-color:#fff;
	font-size:100%;
	line-height:160%;
}


@media (min-width: 768px){
	.read_text {
		position:relative;
		top:-335px;
		padding:14px;
		margin-bottom:-335px;
		color:#009944;
		background-color:#eee;
		background: rgba(214,248,215,0.7);
	}
}


@media (max-width: 768px){
	.read_text {
		position:relative;
		font-weight:bold;
		margin-top:-200px;
		color:#009944;
		margin-bottom:-200px;
		background: rgba(214,248,215,0.5);
	}
}

@media (min-width: 768px){
	.card-columns {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1;
	}
}


@media (max-width: 768px){
	.card-columns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1;
	}
}


.title{
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}
 
.text-box{
    padding:20px;
    font-size:1.3em;
}
 
/*  panel-box
/*--------------------------------- */
.panel {
    margin-bottom: 20px;
/*
    border: none;
    background-color: #D1D1D1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
*/
}
 
.panel-body {
    font-size: 18px;
}
 
.panel-footer {
    padding: 18px 15px;
    background-color: #7E7E7E;
    border-top: none;
    color: #fff;
    font-weight: bold;
}
 

.subtitle {
	margin-top:40px;
}

.tokushu {
	font-size:1.2em;
	
}
.tokushu_honbun {
	font-size:1.2em;
}







/*  copy
/*--------------------------------- */
.copyright {
    margin: 0.7em 0 0.5em;
    border-top: 1px solid #848484;
    font-size: 90%;
    line-height: 1.7;
}

.copy{
    padding: 0px 0px 1px 0px;
    border: none;
    text-shadow: 1px 1px 2px #fff;
}


 

/* 画面サイズによりタイトル画像出しわけ */
.pcv { display: block !important; }
.spv { display: none !important; }
@media only screen and (max-width: 750px) {
.pcv { display: none !important; }
.spv { display: block !important; }
}



.back_to_top {
    position: absolute;
    top: -20px;
    overflow: hidden;
    float:right;
    padding-top: 8px;
    width: 140px;
    height: 20px;
    background: #CDDEF3;
    text-align: center;
    font-size: 12px;
    line-height: 1;
}


.form-group {
	margin-top:20px;
	margin-left:10px;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}