section#fh5co-school {
    margin-top: 2em;
}

#fh5co-home {
    background:#ddd url(../images/DSC_01392.jpg) no-repeat center center;
}
#fh5co-home span {
    font-size: 24px;
    border-bottom: 1px solid #f5f5f5;
}
/* Bootstrapのコンテナが中央寄せを失っている場合に適用 */
header.site-header div.container {
    width: 90%; /* 必要に応じて最大幅を調整 */
    margin-left: auto !important;
    margin-right: auto !important;
}
header#site-header {
    position: absolute;
    z-index: 100;
    width: 100%; /* ヘッダーが画面全体に広がるように幅を指定 */
}
div.container nav.navbar.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin-top: 1rem;
}
div.container .navbar-default .navbar-brand {
    color: #fff;
    font-weight: 700;
}
div.container .navbar-default .navbar-nav > li > a {
    color: #fff;
}

/*-----------------------------------------------------	*/
/*	for - 1024px	  iphonX 横				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1024px) {
    #fh5co-home {
        background:#ddd url(../images/DSC_01392-01.jpg) no-repeat center center;
        background-size: auto 1250px;
    }
}
/*-----------------------------------------------------	*/
/*	for - 639px	  iphon横678				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 667px) {
    #fh5co-home {
        background:#ddd url(../images/DSC_01392-small.jpg) no-repeat center center;
        background-size: auto 1098px;
    }
    #fh5co-home .text-inner h1 {
        font-size: 32px;
    }
}
/*-----------------------------------------------------	*/
/*	for - 639px	  iphon678				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {
    #fh5co-home {
        background:#ddd url(../images/DSC_01392-small.jpg) no-repeat center center;
        background-size: auto 940px;
    }
    #fh5co-home .text-inner h1 {
        font-size: 32px;
    }
}
/*-----------------------------------------------------	*/
/*	for - 375px	  iphon6 SE				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 375px) {
    #fh5co-home {
        background:#ddd url(../images/DSC_01392-small2.jpg) no-repeat center center;
        background-size: auto 777px;
    }
}


#fh5co-intro div.fh5co-text p.introp {
    width: 290px;       /* 幅を調整するため */
    margin: 0 auto 1.5em auto;
}
/*-----------------------------------------------------	*/
/*	for - 639px	  iphon横678				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 667px) {
    #fh5co-intro div.fh5co-text p.introp {
        width: 240px;       /* 幅を調整するため */
    }
}



.church {
    margin: 0 auto;
}
.church .section-heading {
    margin-bottom: 0px;
}
.church .marginauto {
    margin: 0 auto;
    text-align: center;
}
h2.churchh2 {
    font-size: 26px;
    font-weight: 500;
    padding-top: 5em;
}
/*-----------------------------------------------------	*/
/*	for - 639px	  iphon横678				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 667px) {
    .church p {
        font-size: 16px;
        text-align: left;
    }
}

/* YouTube対応のcss */
@media screen and (min-width: 980px) { 
  .dogaframe {
	  width: 80%;
	  margin: 0px auto;
  }
}@media screen and (max-width: 979px) { 
  .dogaframe {
	  width: 100%;
	  margin: 0px auto;
  }
}
.doga {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 10em;
}

.doga iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.xmasconcert {
    padding: 1em;
    border: 1px solid;
    border-color: #eb87e6;
}

.xmasconcert h2 {
    font-size: 32px;
    color: #eb87e6;
    font-weight: 600;
    text-align: center;
}
.xmasconcert p {
    text-align: left;
    color: #111;
}
.xmasconcert li {
    text-align: left;
    font-weight: 600;
    color: #111;
}

#fh5co-services {
    background:#ddd url(../images/DSC_00852.jpg) no-repeat center center;
    background-size: auto 1200px;
    padding: 2em 0  4em 0;
}
#fh5co-services .section-heading {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
#fh5co-services .icon {
    margin-bottom: 12px;
}
#fh5co-services .section-heading h2 {
    margin: 0 0 11px 0;
    padding-bottom: 7px;
}
#fh5co-services .icon {
    font-size: 70px;
    margin-bottom: 20px;
}
#fh5co-services h3 {
    margin-bottom: .5em;
}
#fh5co-services p {
    font-size: 18px;
}

/*-----------------------------------------------------	*/
/*	for - 1024px	  iphonX 横				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 1024px) {
    #fh5co-services {
        background:#ddd url(../images/DSC_00852.jpg) no-repeat center center;
        background-size: auto 1350px;
    }
}
/*-----------------------------------------------------	*/
/*	for - 639px	  iphon横678				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 667px) {
    #fh5co-services {
        background:#ddd url(../images/DSC_00852.jpg) no-repeat center center;
        background-size: auto 1098px;
    }
    #fh5co-services .text-inner h1 {
        font-size: 32px;
    }
   #fh5co-services .col-md-6.col-sm-6 {
        width: 50%;
        padding: 10px;
        float: left;
    }
    #fh5co-services .fh5co-service {
        padding-right: 10px;
    }
}
/*-----------------------------------------------------	*/
/*	for - 639px	  iphon678				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {
    #fh5co-services {
        background:#ddd url(../images/DSC_00852.jpg) no-repeat center center;
        background-size: auto 940px;
    }
    #fh5co-services .text-inner h1 {
        font-size: 32px;
    }
}




/*-----------------------------------------------------	*/
/*	for - 375px	  iphon6 SE				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 375px) {
    #fh5co-services {
        background:#ddd url(../images/DSC_00852.jpg) no-repeat center center;
        background-size: auto 900px;
    }
}




#fh5co-school h3 {
    text-align: center;
    border-bottom: 1px solid #52aad3;
}
#fh5co-school h3,
#fh5co-school .icon {
    text-align: center;
}
#fh5co-school .icon {
    font-size: 70px;
    margin-bottom: 20px;
    color: #52aad3;
}
#fh5co-school .col-md-6 img {
    max-width: 100%;
}



.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 20px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ggmapp {
  padding-top: 10px;
}
#fh5co-about p span {
    font-size: 14px;
    color: #11308e;
}



p.to-animate-2pb {
  font-weight: 700;
  margin-bottom: .5em;
}
p.to-animate-2pp {
  font-size: 16px;
}



.col-md-4.col-sm-6.col-xxs-12 {
    margin-bottom: 3em;
}


#fh5co-work {
    background:#ddd url(../images/DSC_0121-02.jpg) no-repeat center center;
}

#fh5co-work a {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: underline;
    position: initial;
}

#fh5co-work .fh5co-project-item {
    background: #523504;
}

#fh5co-work .section-heading h3 {
    font-size: 97%;
    margin-bottom: .5em;
}
p.newmessage {
    font-size: 110%;
    font-weight: 600;
    color: #fff;
}

.fh5co-text_mes {
    position: absolute;
    z-index: 10;
    top: 10px;
    left: 30px;
}

#fh5co-work img.img-responsive {
    border-radius: 7px;
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    -ms-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    background-color: #EEE;
}


div.fh5co-text_mes h2 {
    font-size: 20px;
    color: #fff;
    margin: 0 0 0 0;
}
#fh5co-work h2 span {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}


@media screen and (max-width: 1024px) {
    #fh5co-work {
        background:#ddd url(../images/DSC_0121-02.jpg) no-repeat;
        background-size: auto 1200px;
    }
}
@media screen and (max-width: 770px) {
    .section-heading {
        margin-bottom: 0px;
    }
    #fh5co-work {
        background:#ddd url(../images/DSC_0121-02.jpg) no-repeat center center;
    }
    #fh5co-work .fh5co-project-item {
        width: 60%;
        margin: .3em auto;
    }
}

/*-----------------------------------------------------	*/
/*	for - 639px	  iphon横678				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 667px) {
    #fh5co-work {
        background:#ddd url(../images/DSC_0121-02.jpg) no-repeat center center;
    }
    #fh5co-work .col-xxs-12 {
        float: left;
        width: 50%;
        padding: 0 5px;
    }
    #fh5co-work .fh5co-project-item {
        width: 70%;
        margin: .3em auto;
    }
}
/*-----------------------------------------------------	*/
/*	for - 639px	  iphon678				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 639px) {
    #fh5co-work {
        background:#ddd url(../images/DSC_0121-small.jpg) no-repeat center center;
        background-size: auto 1200px;
    }
    #fh5co-work .fh5co-project-item {
        width: 75%;
        margin: .3em auto;
    }
}
/*-----------------------------------------------------	*/
/*	for - 375px	  iphon6 SE				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 375px) {
    #fh5co-work {
        background:#ddd url(../images/DSC_0121-small.jpg) no-repeat center center;
        background-size: auto 777px;
    }
}



footer {
    background:#ddd url(../images/DSC_01353.jpg) no-repeat center center;
}

footer li {
    list-style: none;
    padding-bottom: .5em;
    font-size: 16px;
}
footer li span {
    padding-left: .5em;
}
footer li a {
    color: #fff;
}
.row.text-center.footcode {
  margin-top: 12em;
}
p.footadress {
  font-size: 14px;
  line-height: 1.2em;
  padding-top: .9em;
}

@media screen and (max-width: 770px) {
    footer {
        background:#ddd url(../images/DSC_0135-small.jpg) no-repeat center center;
    }
}

/*-----------------------------------------------------	*/
/*	for - 639px	  iphon横678				*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 667px) {
}


.pc_only {
		display: none;
}
.sp_only {
		display: block;
}
.mtop {
    margin-top: 5em;
}