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

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.img-responsive{
	max-width: 100%;
height: auto;
}

body{
	-webkit-text-size-adjust: 100%;
}
.titleWrap {
    background: none;
    padding: 0;
}
body#foggy main {
    padding-top: 80px;
}

/* 導入 */
.intro{
	text-align:center;
	padding:70px 15px 0;
}

.intro dt{
	font-size:34px;
	color:#bdb3de;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:5px;
	line-height:1.6em;
	margin-bottom:20px;
}

.intro dd{
	font-size:19px;
	color:#595757;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:2px;
	line-height:2em;
}

.styleBase.base01{
	background: url(../img/foggy/bg01.png) no-repeat right center;
	background-size: 1400px;
	padding: 180px 0;
	margin-bottom: -150px;
}
.styleBase.base02{
	background: url(../img/foggy/bg02.png) no-repeat left center;
	background-size: 1400px;
	padding: 180px 0;
	margin-bottom: -150px;
}
.styleBase.base03{
	background: url(../img/foggy/bg01.png) no-repeat right center;
	background-size: 1400px;
	padding: 180px 0;
}
.styleBase .inner{
	max-width: 1000px;
	margin: 0 auto;
}
.styleBase .ti{
	margin-bottom: 50px;
	padding-bottom: 40px;
	background: url(../img/foggy/line.png) repeat-x left bottom;
	background-size: 18px;
}
.styleBase .box{
	width: 100%;
	overflow: hidden;
}
.styleBase .box .pic{
	float: left;
	width: 51%;
	margin-right: 4%;
	
	box-sizing: border-box;
}
.styleBase .box .pic img{
	padding: 15px;
	background: #dfc4bb;
}
.styleBase .box div{
	float: left;
	width: 45%;
}
.styleBase .box div dl{
	margin-bottom: 40px;
}
.styleBase .box div dl dt{
	font-size:42px;
	color:#40210f;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:1px;
	margin-bottom: 20px;
	line-height: 1.3em;
}
.styleBase .box div dl dd{
	font-size: 14px;
	color: #40210f;
	line-height: 1.8em;
}
.styleBase .box div .menu{
	font-size:25px;
	color:#40210f;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing:1px;
	margin-bottom: 20px;
	line-height: 1.3em;
}
.styleBase .box div .cap{
	font-size: 14px;
	color: #40210f;
	line-height: 1.8em;
	margin-bottom: 40px;
}
.styleBase .box div ul{
	overflow: hidden;
}
.styleBase .box div ul li{
	float: left;
	width: 48%;
}
.styleBase .box div ul li:first-child{
	margin-right: 4%;
}


#contents{
	margin-top: 0 !important;
}

@media screen and (max-width: 1079px) {
	body#foggy main {
    padding-top: 50px;
}
}

@media screen and (max-width: 1000px) {
	.styleBase .inner{
	padding: 0 15px;
}
}

@media screen and (min-width: 750px) {
	.pc_display{
		display: block !important;
	}
	.sp_display{
		display: none !important;
	}
}

@media screen and (max-width: 749px) {
	.pc_display{
		display: none !important;
	}
	.sp_display{
		display: block !important;
	}
	
	/* 導入 */
	.intro{
	margin-bottom:50px;
	padding:50px 15px 0;
}

.intro dt{
	font-size:24px;
	letter-spacing:3px;
	text-align: left;
}

.intro dd{
	font-size:16px;
	letter-spacing:1px;
	text-align: left;
}
	
	.styleBase.base01{
	background: url(../img/foggy/bg01.png) no-repeat right center;
	background-size: 1400px;
	padding: 40px 0 80px;
	margin-bottom: -150px;
}
.styleBase.base02{
	background: url(../img/foggy/bg02.png) no-repeat left center;
	background-size: 1400px;
	padding: 180px 0 80px;
	margin-bottom: -150px;
}
.styleBase.base03{
	background: url(../img/foggy/bg01.png) no-repeat right center;
	background-size: 1400px;
	padding: 180px 0 80px;
}
.styleBase .ti{
	margin-bottom: 30px;
	padding-bottom: 20px;
	background: url(../img/foggy/line.png) repeat-x left bottom;
	background-size: 9px;
}
.styleBase .box{
	width: 100%;
	overflow: hidden;
}
.styleBase .box .pic{
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}
.styleBase .box .pic img{
	padding: 10px;
}
.styleBase .box div{
	float: none;
	width: 100%;
}
.styleBase .box div dl{
	margin-bottom: 20px;
}
.styleBase .box div dl dt{
	font-size:24px;
	margin-bottom: 10px;
}
.styleBase .box div .menu{
	font-size:18px;
}
.styleBase .box div .cap{
	margin-bottom: 20px;
}
	
}