@charset "UTF-8";

body	{
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
    max-width: none;
}


/* Ａ: ナビゲーションバー */
.menu	{margin: 0} 

.menu .navbar-brand	{font-family: 'Francois One', sans-serif;}


/* Ｂ: 紹介記事その１～事業内容 *********************************/
.about-app	{padding: 120px 0 0 0;
	background-color: #dfe3e8;}

.about-app img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 100px auto 0 auto;
	vertical-align: bottom;}

.about-app h1	{margin: 0 0 20px 0;
	font-size: 60px;
	font-family: 'Francois One', sans-serif;
	line-height: 1.2;}

.about-app p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}


/* Ｂ: 紹介記事その2～法人概要 *********************************/
.about-us	{
    padding: 120px 0 0 0;
    background-color: #dfe3e8;
}

.about-us img {
    display: block;
    max-width: 50%;
    height: 50%;
    margin: 100px auto 0 auto;
    vertical-align: bottom;
    background-image: url(../img/about/about_us.jpg);
}

.about-us h1	{margin: 0 0 20px 0;
	font-size: 60px;
	font-family: 'Francois One', sans-serif;
	line-height: 1.2;}

.about-us p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}


/* C1: 紹介記事3～賛助会 *************************************/
.about-support	{
    padding: 120px 0 0 0;
    background-color: #dfe3e8;
}

.about-support img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 100px auto 0 auto;
    vertical-align: bottom;
    background-image: url(../img/about/about_us.jpg);
}

.about-support h1	{margin: 0 0 20px 0;
	font-size: 60px;
	font-family: 'Francois One', sans-serif;
	line-height: 1.2;}

.about-support p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}

/* C2: 紹介記事3～プライバシーポリシー *************************************/
.about-policy	{
    padding: 120px 0 0 0;
    background-color: #dfe3e8;
    background-image: url(../img/policy/privacy_mv.jpg);
}

.about-policy img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 100px auto 0 auto;
    vertical-align: bottom;
    background-image: url(../img/about/about_us.jpg);
}

.about-policy h1	{margin: 0 0 20px 0;
	font-size: 60px;
	font-family: 'Francois One', sans-serif;
	line-height: 1.2;}

.about-policy p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}


/* C3: 紹介記事3～バス *************************************/
.about-bus	{
    padding: 120px 0 0 0;
    background-color: #dfe3e8;
    background-image: url(../img/business/bus/bus_mv1.jpg);
}

.about-bus img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 100px auto 0 auto;
    vertical-align: bottom;
    background-image: url(../img/about/bus-mv1.jpg);
}

.about-bus h1	{margin: 0 0 20px 0;
	font-size: 60px;
	font-family: 'Francois One', sans-serif;
	line-height: 1.2;}

.about-bus p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}



/* D: 紹介記事4～SDG'S ***********************************/
.about-sdgs	{
    padding: 120px 0 0 0;
    background-color: #dfe3e8;
}

.about-sdgs img {
    display: block;
    max-width: 50%;
    height: 50%;
    margin: 100px auto 0 auto;
    vertical-align: bottom;
    background-image: url(../img/about/about_us.jpg);
}

.about-sdgs h1	{margin: 0 0 20px 0;
	font-size: 60px;
	font-family: 'Francois One', sans-serif;
	line-height: 1.2;}

.about-sdgs p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}


/* E: 紹介記事4～お問い合わせ ***********************************/
.about-contact	{
    padding: 120px 0 0 0;
    background-color: #dfe3e8;
    background-image: url(../img/contact/contact_bnr1.jpg);
}

.about-contact img {
    display: block;
    max-width: 50%;
    height: 50%;
    margin: 100px auto 0 auto;
    vertical-align: bottom;
    background-image: url("../img/contact/contact_bnr1.jpg");
}

.about-sdgs h1	{margin: 0 0 20px 0;
	font-size: 60px;
	font-family: 'Francois One', sans-serif;
	line-height: 1.2;}

.about-contact p	{margin: 0 0 20px 0;
	font-size: 20px;
	line-height: 1.6;}




/* 背景画像の設定～事業内容　************************************/
.about-app	{
    background-image: url(../img/business/photo01.jpg);
    background-position: 30% 50%;
    background-size: cover;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
}

.about-app .button	{text-shadow: none;}


/* 背景画像の設定～法人概要 *************************************/
.about-us	{
    background-image: url(../img/about/about_us3.jpg);
    background-position: 30% 50%;
    background-size: cover;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    background-color: #FFFFFF;
}
.about-us .button	{text-shadow: none;}

/* 背景画像の設定～法人概要 ************************************/
.about-support	{
    background-image: url(../img/support/support_01.jpg);
    background-position: 30% 50%;
    background-size: cover;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    background-color: #FFFFFF;
}

.about-support .button	{text-shadow: none;}

/* 背景画像の設定～SDG's *************************************/
.about-sdgs	{
    background-image: url(../img/sdgs/sdgs_bnr2.png);
    background-position: 30% 50%;
    background-size: cover;
    color: #fff;
    text-shadow: 2px 2px 5px #000;
    background-color: #FFFFFF;
}

.about-sdgs .button	{text-shadow: none;}

/* ページ内リンク設定～bus *************************************/

.nav.nav-pills li  {
    color: #000000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-right: thin solid #CCCCCC;
}
.nav.nav-pills li a {
    color: #009999;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}
.nav.nav-pills li a:hover {
    color: #000000;
    border-radius: 0;
    background-color: #20B7B7;
}



/* メディアクエリの設定～事業内容 */
@media (max-width: 450px) {

	.about-app	{padding: 60px 0 0 0;}
	.about-app h1	{font-size: 46px;}
	.about-app p	{font-size: 14px;}

} /* @media */

/* メディアクエリの設定～法人概要 */
@media (max-width: 450px) {

	.about-us	{padding: 60px 0 0 0;}
	.about-us h1{font-size: 46px;}
	.about-us p	{font-size: 14px;}
	
} /* @media */


/* メディアクエリの設定～賛助会 */
@media (max-width: 450px) {

	.about-support	{padding: 60px 0 0 0;}
	.about-support h1 {font-size: 46px;}
	.about-support p {font-size: 14px;}
	
} /* @media */


/* メディアクエリの設定～プライバシーポリシー */
@media (max-width: 450px) {

	.about-policy	{padding: 60px 0 0 0;}
	.about-policy h1 {font-size: 46px;}
	.about-policy p {font-size: 14px;}
	
} /* @media */




/* メディアクエリの設定～SDG's */
@media (max-width: 450px) {

	.about-sdgs	{padding: 60px 0 0 0;}
	.about-sdgs h1 {font-size: 46px;}
	.about-sdgs p {font-size: 14px;}
	
} /* @media */



/* Ｃ: 紹介記事その２ */
.about-group2	{
    padding: 80px 0 80px 0;
    background-color: #ebe7e7;
}

.about-group2 img	{display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	vertical-align: bottom;}

.about-group2 h2	{
    margin: 0 0 20px 0;
    font-size: x-large;
    line-height: 1.2;
    font-weight: bold;
}

.about-group2 p	{margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.6;}



/* Ｄ: 紹介記事その３ */
.about-group1	{
    padding: 80px 0 80px 0;
    background-color: #FFFFFF;
    color: #fff;
}

.about-group1 img	{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto 30px auto;
    vertical-align: bottom;
}

.about-group1 h2	{
    margin: 0 0 20px 0;
    font-size: x-large;
    line-height: 1.2;
    color: #000000;
    max-width: none;
    font-weight: bold;
}
.policy   {
    text-align: left;
}


.about-group1 p	{
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.6;
    color: #000000;
}



/* Ｅ: 紹介記事その４ */
.about-more	{
    padding: 80px 0 80px 0;
    background-color: #fff;
    text-align: center;
}

.about-more img	{max-width: 100%;
	height: auto;
	margin: 20px auto 30px auto;
	vertical-align: bottom;}

.about-more h2	{margin: 0 0 20px 0;
	font-size: 28px;
	line-height: 1.2;}
.col-sm-12 #business title {
    font-weight: bold;
    font-size: x-large;
    text-align: center;
}


.about-more p	{
    margin: 0 0 20px 0;
    font-size: 16px;
    line-height: 1.6;
    text-align: left;
}
.row .col-sm-12 .center {
    text-align: center;
}


/* Ｆ: お問い合わせフォーム */



/* G: フッター */
.footer	{padding: 20px 0 20px 0;
	background-color: #000;
	color: #fff;}

.footer p	{margin: 0 0 3px 0;
	font-size: 12px;
	line-height: 1.4;}

.footer a	{color: #666;
	text-decoration: none;}