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


.navbar-brand{
	margin-right: -10px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
@media screen and (min-width: 1300px){
.pc { display: block !important; }
.ipad { display: none !important; }
.sp { display: none !important; }
}
/*.ipadで見たときは"ipad"のclassがついた画像が表示される */
@media only screen and (max-width: 1300px) {
.pc { display: none; }
.ipad { display: block!important; }
.sp { display: none!important; }
}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 768px) {
.pc { display: none !important; }
.ipad { display: none !important; }
.sp { display: block !important; }
}




/* トップ画像のテスト */
.cover-img {
	height: 750px;
	display: table;
	width: 100%;
	background-size: cover;
	background-position: center
	
}

/* ワイドスクリーン用のCSS */
@media only screen and (min-width: 768px) {
	.cover-img {
		height: 100hv;
	}
}

/* タブレット用のCSS */
@media only screen and (min-width : 768px) and (max-width : 1200px) {
	.cover-img {
    height: 100hv;
	}
}
/* スマホ用のCSS */
@media only screen and (max-width : 768px){
	.cover-img {
		height: 100hv;
	}
}

.cover-text {
	display: table-cell;
	vertical-align: middle;
  text-align: center;
}


/* パソコンで見たときは"pctop"の部分が表示される */
@media screen and (min-width: 768px){
.pctop { display: block !important; }
.sptop { display: none !important; }
}
/* スマートフォンで見たときは"sptop"の部分が表示される */
@media only screen and (max-width: 768px) {
.pctop { display: none !important; }
.sptop { display: block !important; }
}
/* トップ画像のテストここまで */

.container{
	margin-top: 70px;
}


h1{
	font-size: 30px;
}

h2{
	font-size: 17px;

}

.daimei2{
	margin-top: 0px;
    animation-name: fadein;
    animation-duration: 2s;

}
.daimei{

    animation-name: fadein;
    animation-duration: 2s;


}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}


.p{
	font-size: 30px;
}

.rowg{
	margin-top: -50px;
}

h4{
	font-size: 25px;
}

.card{
	margin-top: 20px;
}
.row {
	text-align: left;
}
.rowgg{
	margin-top: 70px;
}
h3{
	font-weight: bold;
}
h4{
	font-weight: bolder;
}
.top{
	margin-top: -25px;
}
h1{
	font-weight: bold;
}
.navbar_ba{
    border-bottom: 1px double #FFFFFF;
    background-color: #e58011;
}
.navbar-brand{
    color: #FFFFFF !important;
    font-size: 0.7em;
}