/********************************************************/
/* 共通設定 */
/********************************************************/
body, h1, h2, h3, h4, h5, h6, td, th, p, div, input, textarea, pre, ul, li, ol {
	font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","メイリオ","Meiryo";
}
/*　トップメニューのロゴ */
#menu-logo{
	height:40px;
	margin: 5px 5px 5px 20px;
}
/* メニューバーの領域 */
#privacy,#company{
	padding-top: 50px;
}
/*　背景グレー */
.gray{
	background-color: #fafafa;
}
/* フッター */
footer{
	background: #f8f8f8;
	border-color: #e7e7e7;
}
div.foot-nav-frame{
	text-align: center;
}
ul.foot-nav{
	list-style: none;
	margin: 35px 0;
}
.foot-nav li{
	display: inline-block;;
	padding: 0 10px;
}
.foot-nav li a,
.koken-description h2 + p,
.koken-description h3 + p,
.fueru-description p,
.point-back p,
.point-back ul,
.description-3 p{
	color:#666666;
}
.foot-nav li a:hover{
	color:#337ab7;
}
p.copyright{
	clear: both;
}


/* アイコンの背景 */
.circle{
	width: 110px;
	height: 110px;
	padding-top: 20px;
	-webkit-border-radius: 50%;/* width,heightの半分 */
	-moz-border-radius: 50%;
	border-radius: 50%;	
	color: #ffffff;
}
.circle-yellow{
	background-color: #def345;/* 円の色 */
}
.circle-pink{
	background-color: #f19fff;/* 円の色 */
}
.circle-blue{
	background-color: #45dded;/* 円の色 */
}
.circle-green{
	background-color: #43f0af;/* 円の色 */
}
/*　アイコン中央寄せのズレ修正 */
.fa-graduation-cap{
	padding-top: 22px !important;
}
.fa-plane{
	padding-top: 24px !important;
}
.fa-cc-mastercard{
	padding-top: 28px !important;
}
.fa-bank{
	padding-left:5px; 
}
.fa-heart{
	padding-top: 25px;
}
.fa-paper-plane{
	padding-right: 10px;
}

h2.subtitle{
	margin-top: 50px;
	margin-bottom: 30px;
}
.text-red{
	color: #ff8080;
}
.text-yellow{
	color:#f0f066;
}
/********************************************************/
/* トップページ */
/********************************************************/
.index-back{
	background:url(../img/test.jpg);
	background-position:left 50% top 0%;
	background-attachment: fixed;
	background-size:100%;
}
.rinen{
	margin-top: 20px;
	margin-bottom: 40px;
}
.rinen h2{
	font-size: 28px;
	margin-bottom: 30px;
}
.rinen p{
	font-size: 20px;
	line-height: 1.7em;
	margin-bottom: 0.7em;
}
img#main-logo{
	padding-top:200px;
	padding-bottom:200px; 
}
img.banner{
	margin-top: 30px;
	margin-bottom: 30px;
}
img.banner:hover{
	opacity: 0.65;
	transition: 0.5s;
}
.top-company h2{
	font-size: 20px;
	margin-top: 30px;
}
.tweet{
	margin-top: 30px;
}
/* 経営理念の改行対策 */
@media (min-width:300px) and (max-width: 340px){
			.rinen p{
				font-size: 17px;
			}
}

.infobox{
	height: 26em;
   overflow: scroll;
}
/********************************************************/
/* 貢献ページ */
/********************************************************/
.koken-back{
	background:url(../img/children.jpg);
	background-position:left 50% top 0%;
	background-attachment: fixed;
	background-size:100%;
}
.koken-back h1{
	margin-top: 200px;
	margin-bottom: 200px;
}
.koken-description h2{
	margin-top: 50px;
	margin-bottom: 20px;
}
.koken-description h2 + p{
	margin-bottom: 30px;
	font-size: 18px;
}
.koken-description h3{
	font-size: 20px;
	margin-bottom: 20px;
}
.koken-description h3 + p{
	font-size: 18px;
	line-height: 1.75em;
	margin-bottom: 30px;
}
.balloons-back{
	background:url(../img/balloons.jpg);
	background-position:left 50% top 0%;
	background-attachment: fixed;
	background-size:100%;
}
.balloons-back p{
	margin-top: 30px;
	font-size: 25px;
	line-height: 2em;
	color: #ffffff;
	margin-bottom: 250px;
}
.rinen-back{
	background:url(../img/rinen.jpg);
	background-position:left 50% top 0%;
	background-attachment: fixed;
	background-size:cover;
}
.rinen-contain {
	min-height: 400px;
}

@media (max-width:768px){
	.rinen-contain {
		min-height: 250px;
	}
}

/********************************************************/
/* 増える */
/********************************************************/
.fueru-back{
	background:url(../img/anshin-back.jpg);
	background-position:left 50% top 0%;
	background-attachment: fixed;
	background-size:100%;
	padding-top: 100px;
}
.fueru-back h1{
	margin-top: 10px;
	margin-bottom: 50px;
	line-height: 1.7em;
	color: #ffffff;
}
.fueru-description{
	margin-top: 50px;
}
.fueru-description p{
	font-size: 18px;
	line-height: 1.7em;
	margin-top: 30px;
	margin-bottom: 50px;
}
#fueru h2{
	font-size: 25px;
}
.point-back p,.point-back ul{
	font-size: 18px;
}
.point-back{
	padding-bottom: 50px;
}
.row-red{
	background-color: #ff8080;
	color: #ffffff;
	font-size: 20px;
	padding-top: 10px;
}
@media (max-width:768px){
		.fueru-back h1{
			font-size: 25px;
	}
		.fueru-back h1{
			margin-top: 50px;
			margin-bottom: 250px;
	}

}


/********************************************************/
/*　福利厚生 */
/********************************************************/
.news-back{
	background:url(../img/fukuri-back.jpg);
	background-position:left 70% top 0%;
	background-attachment: fixed;
	background-size:125%;
	background-repeat: no-repeat;
	padding-top: 50px;
}
.news-back h1{
	margin-top: 70px;
	margin-bottom: 300px;
	line-height: 70px;
	color: #ffffff;
}
.fukuri-description{
	margin-top: 50px;
}
.fukuri-description h2{
	font-size: 25px;
	margin-bottom: 30px;
}
.fukuri-description h3{
	font-size: 22px;
}
.fukuri-description h3 + p{
	padding-left: 1em;
}
.fukuri-description p{
	font-size: 18px;
	color: #7c7c7c
}
.fukuri-description h3 + p + h3 + p,.fukuri-description h2 + p + p + p + p + p {
	margin-bottom: 50px;
}
.image-area p{
	font-size: 28px;
}
.image-area p.left-caption{
	margin-top: 25px;
	margin-bottom: 300px;
}
.image-area p.right-caption{
	text-align: right;
	margin-bottom: 25px;
}
.anshin-back{
	background:url(../img/anshin_bg.jpg);
	background-position:left 150% top 0%;
	background-attachment: fixed;
	background-size:100%;
	background-repeat: no-repeat;
	padding-top: 50px;
}

/*　背景を使っての説明 */
.travel{
	background:url(../img/travel.jpg);
	background-position:left 50% top 40%;
	background-attachment: scroll;
	background-size:100%;
	color: #ffffff;
}
.fitness{
	background:url(../img/jim.jpg);
	background-position:left 50% top 0%;
	background-attachment: scroll;
	background-size:100%;
	color: #ffffff;
}
.cafe{
	background:url(../img/juice.jpg);
	background-position:left 50% top 0%;
	background-attachment: scroll;
	background-size:100%;
	color: #ffffff;
}
.live{
	background:url(../img/live.jpg);
	background-position:left 50% top 0%;
	background-attachment: scroll;
	background-size:100%;
	color: #ffffff;
}
.skillup{
	background:url(../img/macbook.jpg);
	background-position:left 50% top 0%;
	background-attachment: scroll;
	background-size:100%;
	color: #ffffff;
}
@media (max-width:768px){
		.news-back{
			background-position:left 90% top 0%;
	}

		h1#hukuri-headline{
			font-size: 25px;
	}
}
/********************************************************/
/* アプリページ */
/********************************************************/
h1 + p,h1 + p + p{
	color: #E7E7E7;
}
.telephone{
	margin: 40px auto;
}
.headline-back{
	background:url(../img/phone-back.png);
	background-position:left 50% top 0%;
	background-attachment: fixed;
	background-size:100%;
	color: #fff;
	padding-top: 50px;
}
.headline-image{
	padding: 20px 10px 20px 0;
	margin: 20px 0;
	max-height: 350px;
	float: right;
}
#headline{
	margin-top: 40px;
	font-size: 4.5em;
}
.headline-back p{
	font-size: 1.2em;
}
.description{
	padding:50px 0;
}
.description-3{
	padding:50px 0;
}
.description-3 h3{
	margin:1.5em 0;
}
.description-3 p{
	font-size: 1.1em;
	line-height: 1.7em;
}
h2.detail{
	line-height: 2em;
	margin-bottom: 1em;
}
p.detail{
	font-size: 1.1em;
}
span.attention{
	font-size: 2em;
}
.phone-dial{
	max-height: 311px;
	display: block;
	margin: 20px auto;
}
.app-image{
	margin-top:35px;
}

@media (max-width:768px){
	#headline{
		font-size: 2.5em;
		margin-top: 0.7em;
	}
	.headline-back p{
		font-size: 1em;
	}
	.foot-nav li{
		clear: both;
		margin: 20px;
		margin-bottom: 10px;
	}
	ul.foot-nav{
		width: 100%;
	}
}
@media (min-width:560px) and (max-width: 767px){
	#headline{
		font-size: 4em;
		margin-top: 0.7em;
	}
	.headline-back p{
		font-size: 1em;
	}
}

/********************************************************/
/* 会社概要 */
/********************************************************/
#company h1{
	margin-top: 30px;
	margin-bottom: 30px;
}
/********************************************************/
/*  プライバシー */
/********************************************************/
#privacy,#company{
	margin-bottom: 30px;
}
#privacy h1,#company h1{
	font-size: 25px;
}
#privacy h2{
	font-size: 20px;
}
#privacy p{
	color: #969696;
}
#privacy ul{
	color: #969696;
}

/********************************************************/
/*  スマホ用背景画像 */
/********************************************************/
@media (max-width:768px){
			.news-back h1,.fueru-back h1{
				line-height: 30px;
				font-size: 17px;
			}
			.image-area p{
				color: #ffffff;
			}

			.index-back{
				background:url(../img/test.jpg);
				background-position:left 50% top 0%;
				background-attachment: scroll;
				background-size:cover;
			}

			.koken-back{
				background:url(../img/s/children-s.jpg);
				background-position:left 50% top 0%;
				background-attachment: scroll;
				background-size:cover;
			}
			.balloons-back{
				background:url(../img/balloons.jpg);
				background-position:left 50% top 0%;
				background-attachment: scroll;
				background-size:cover;
			}
			.fueru-back{
				background:url(../img/anshin-back.jpg);
				background-position:left 50% top 0%;
				background-attachment: scroll;
				background-size:cover;
			}
			.news-back{
				background:url(../img/s/fukuri-back-s.jpg);
				background-position:left 50% top 0%;
				background-attachment: scroll;
				background-size:cover;
			}
			.travel{
				background:url(../img/s/travel-s.jpg);
				background-position:left 50% top 0%;
				background-attachment: scroll;
				background-size:cover;
			}
			.fitness{
				background:url(../img/s/jim-s.jpg);
				background-position:left 50% top 0%;
				background-attachment: scroll;
				background-size:cover;
			}
			.cafe{
				background:url(../img/s/juice-s.jpg);
				background-position:left 50% top 0%;
				background-attachment: scroll;
				background-size:cover;
			}
			.live{
				background:url(../img/s/live-s.jpg);
				background-position:left 50% top 0%;
				background-attachment: scroll;
				background-size:cover;
			}
			.skillup{
				background:url(../img/s/macbook-s.jpg);
				background-position:left 50% top 0%;
				background-attachment: scroll;
				background-size:cover;
			}
			.headline-back{
				background:url(../img/s/phone-back-s.png);
				background-position:left 50% top 100%;
				background-attachment: scroll;
				background-size:cover;
				color: #fff;
			}
}


.contBox100 {
	margin-top: 60px;
}

img#menu-logo {
	width: auto;
}