@charset "UTF-8";

.fixed-header{padding-top:75px;}

@media screen and (max-width:991px){
	.fixed-header{padding-top:60px;}
}
.lower-title{background:#f9f9f9; position:relative; overflow:hidden; width:100%; z-index:800;}
.lower-title h1{padding:40px 0 20px 0; position:relative; z-index:8000; margin:0;}
.lower-title p{position:relative; z-index:8000; margin:0; padding:0 0 40px 0}
.lower-title.only-headline h1{padding:30px 0; font-size:32px;}
.lower-title.only-headline{background:#edf3e1;}
@media screen and (max-width:767px){
	.lower-title .lead{font-size:16px;}
	.lower-title h1 img{width:300px;}
	.lower-title.only-headline h1{font-size:27px;}
}
@media screen and (max-width:575px){
	.lower-title h1 img{width:200px;}
	.lower-title .lead{font-size:14px;}
	.lower-title.only-headline h1{font-size:25px;}
}

/* pankuzu */
.breadcrumbs{border-bottom:1px solid #ccc; position:relative; background:#eee;}
.breadcrumbs.transparent{background:rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.3);}
.breadcrumbs.transparent a{color:#fff;}
.breadcrumbs.light-gray{background:#f9f9f9; border-bottom:1px solid #eee; border-top:1px solid #eee;}
.breadcrumbs ol{list-style:none; margin:0; padding:8px 0; font-size:14px;}
.breadcrumbs ol li{display:inline-block; margin-right:5px; padding:0;}
.breadcrumbs ol li:after{content:">"; margin-left:3px;}
.breadcrumbs ol li:last-child:after{content:""; margin:0;}
.breadcrumbs ol li a{display:inline-block; padding:0;}

.service-menu{padding:10px 0;}
.service-menu p{margin:0; padding:10px 0;}
.service-menu a{color:#fff; text-align:center; display:block; white-space: initial;}
.service-menu.baka{background: #2c3a77;
background: -moz-linear-gradient(top, #2c3a77 0%, #202556 100%);
background: -webkit-linear-gradient(top, #2c3a77 0%,#202556 100%);
background: linear-gradient(to bottom, #2c3a77 0%,#202556 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c3a77', endColorstr='#202556',GradientType=0 );}

a.btn-menu{background-color:rgba(255,255,255,0.15); font-size:16px; line-height:22px;}
.btn-menu.active,
.btn-menu:hover{background-color:rgba(255,255,255,0.35);}
.btn-menu.active:before,
.btn-menu:hover:before{content:"\f111"; font-family:"Font Awesome 5 Free"; margin-right:5px;}

#baka-outline{background:linear-gradient(135deg, rgba(255,255,255,0.23) 0%,rgba(0,0,0,0.23) 100%),url(../img/message-bg.png);}
.outline-outer{background:#fff;box-shadow:10px 10px 30px rgba(0,0,0,0.3);max-width:1400px;margin:auto;padding:6px;position:relative;}
.outline-inner{border:1px solid #dbdbdb;box-shadow:1px 1px 0px #ececec inset,-1px -1px 0px #ececec inset; padding:0 30px 30px 30px;color:#222;}
@media screen and (max-width:575px){
	.outline-inner{padding:0 15px 15px 15px;}
}

#baka-achievement,
#baka-principle,
#baka-movie,
#baka-fee{background:url("../img/baka/bg-gray.jpg");}

#baka-achievement{padding-bottom:100px;}
#baka-achievement .common-h2.title{margin-top:100px;}
@media screen and (max-width:767px){
	#baka-achievement{padding-bottom:40px;}
	#baka-achievement .common-h2.title{margin-top:40px;}
}

/* 外注コツ */
#baka-movie .common-layout h3{max-width:800px;}

/* 料金 */
.price-box{background:#fff; border:1px solid #eee; margin:0;}
.price-box .heading{font-weight:bold; font-size:25px; color:#fff; line-height:34px; padding:18px 15px; text-align:center; margin:0; border-top:6px solid rgba(0,0,0,0.2); border-bottom:none;}
.price-box.theme-green .heading{background:#93be39;}
.price-box.theme-orange .heading{background:#e56100;}
.price-box.theme-blue .heading{background:#009ce5;}
.price-box .price{font-size:40px; text-align:center; margin:0; color:#fff; font-weight:bold;}
.price-box.theme-green .price{background:#aad354;}
.price-box.theme-orange .price{background:#f5812b;}
.price-box.theme-blue .price{background:#26b0f1;}
.price-box .exp{text-align:left; margin:0; padding:15px; margin:0;}
.price-box.theme-green .exp{background:#f4ffdc;}
.price-box.theme-orange .exp{background:#ffe9d9;}
.price-box.theme-blue .exp{background:#e1f5ff;}
.price-box .headline:before{content:"\f111"; font-family:"Font Awesome 5 Free"; margin-right:6px;}
.price-box .headline{border:none; color:#fff; padding:10px; margin:0;}
.price-box.theme-green .headline{background:#93be39;}
.price-box.theme-orange .headline{background:#e56100;}
.price-box.theme-blue .headline{background:#009ce5;}
.price-box .service-content{margin:0;}
.price-box .service-content li{border-bottom:1px solid #ddd; padding:8px;}
.price-box .footer{background:#ddd; padding:15px; margin:0;}
.price-box.theme-green .btn-base.inquiry{background:#93be39;}
.price-box.theme-orange .btn-base.inquiry{background:#e56100;}
.price-box.theme-blue .btn-base.inquiry{background:#009ce5;}
@media screen and (max-width:991px){
	.price-box{margin:30px 0 0 0;}
}
@media screen and (max-width:767px){
	.price-box .heading{font-size:21px;}
	.price-box .price{font-size:35px;}
}
@media screen and (max-width:575px){
	.price-box .btn-base.inquiry{max-width:100%; width:100%;}
}