@charset "utf-8";





/* ------------------------------------------------
   左サイドエリアの範囲
------------------------------------------------ */

/****** メイン画像部分 ******/
.main-images {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

/****** メインエリア *****/
.main-area {
margin-top: 60px;
}

.site-heading {
padding: 50px 0px 50px 0px;
color: #FFF;
}
.main-heading {
font-size: 3.6rem;
}
.sub-heading {
font-size: 1.6rem;
}
/* iPads (縦-md-720px） ----------- */
@media (min-width: 768px) {
.site-heading {
padding: 100px 0px 100px 0px;
}
.main-heading {
font-size: 3.6rem;
}
.sub-heading {
font-size: 1.6rem;
}
}

/****** コンテンツエリアの範囲 *****/
.card {
background-color: transparent;
border: none;
}
.card-wrapper {
background-color: #F5F5F5;
}
.card-body {
    text-align: left;
}
.card-title {
    margin-bottom: .75rem;
    font-size: 1.8rem;
}
.boxA {
margin-bottom: 60px;
}




/* ------------------------------------------------
   右サイドエリアの範囲
------------------------------------------------ */

/***** 右サイドエリアの範囲 ******/
.side-area {
background-color: #CCC;
}





/* ------------------------------------------------
   フッターエリアの範囲
------------------------------------------------ */
.page-footer {
background-color: #F5F5F5;
}





/* ------------------------------------------------
   メディアクリエの範囲
------------------------------------------------ */

/* Smartphones (横-sm-540px) ----------- */
@media (min-width: 576px) {

}



/* iPads (縦-md-720px） ----------- */
@media (min-width: 768px) {

.main-images {
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

}



/* iPads (横-lg-960px）及びPC ----------- */
@media (min-width: 992px) {

.main-images div.container {
width: 1140px;
}	

}




/* PC（大画面-xl-1140px) ----------- */
@media (min-width: 1200px) {
}