@charset "utf-8";
/*
Theme Name: BCソリューションLP
Author: Hiroshi Baba
Author URI: https:/bc-sol.jp
Version: 1.0
*/
body {
   width: 100%;
   font-size: 1.1rem;
   font-family: 'Noto Sans JP' , '游ゴシック', YuGothic, 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'MS Pゴシック', 'MS PGothic', sans-serif;
   color: #222;
   line-height: 1.8;
}
@media only screen and (max-width: 768px) {
body {
	font-size: 1.0rem;
	line-height: 1.7;
	}
}

h1 {
	font-size: 1.5rem;
	text-align: center;
	padding: 70px 0;
	margin-bottom: 50px;
	background: #f1f1f1;
}

h2 {
	font-size: 1.25em;
	padding: 15px 30px;
	margin-bottom: 25px;
	color: #fff;
	background: #2a2a51;
}

#contents {
	width: 100%;
	overflow: hidden;
}
#contents p {
	margin-bottom: 20px;
}
.container {
	width: 900px;
	clear: both;
	min-height: 1px;
	height: auto;
	margin: 0 auto;
	padding: 0;
	}
@media only screen and (max-width: 1024px) {
.container {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
	}
}

a:hover {
	color: #0000be;
	text-decoration: underline;
}

/* header */
header { width: 100%; }
#header .header_inner { width: 100%; height: 54px; padding: 0; margin: 0 auto; }
#header .header_inner img { width: 12%; height: auto; padding: 10px 0;}
@media only screen and (max-width: 767px) {
#header .header_inner { width: 100%; height: 40px; margin: 0 auto; }
#header .header_inner img { width: 40%; height: auto; padding: 3px 0 0 10px; }
}

.sp {
    display: none;
}
@media only screen and (max-width: 768px) {
.pc {
    display: none;
}
.sp {
	display: block;
}
}

#fm-keyvisual {
	width: 100%;
	margin-bottom: 20px;
	background: #222;
}
#fm-keyvisual p {
	color: #fff;
	font-size: 1.5rem;
	padding: 80px 0;
}
#fm-offer,#fm-bullet,#fm-present {
	padding: 50px 0;
}
#fm-form {
	padding: 50px 0 120px;
}
#fm-bullet {
	background: #f7f7f7;
}
#fm-present {
	border-bottom: solid 2px #f7f7f7;
}
#fm-bullet .ttl,#fm-present .ttl {
	font-size: 1.35rem;
	text-align: center;
}
#fm-bullet .box {
	border: solid #003A6F 1px;
    background: #fff;
    margin: 30px 0 40px;
    padding: 40px 50px;	
}
#fm-bullet .box .bullet {
	font-size: 1.1rem;
	padding: 10px 20px 10px 60px;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}
#fm-bullet .box .bullet::before {
	content: url(images/lp-blue-bullet.png);
    position: absolute;
    left: 5px;
    top: 0;
	transform: scale(0.6);
}
#fm-present .hd p {
	text-align: center;	
}
#fm-present .hd span {
	font-weight: 600;
}
#fm-present .box {
	width: 100%;
	padding: 25px 45px;
	margin-bottom: 30px;
	border: solid 3px #f1f1f1;
	box-sizing: border-box;
}
#fm-present .box .subttl {
	font-size: 1.2rem;
	font-weight: 600;
}
#fm-present ul li {
	list-style-position: inside;
	list-style-type: disc;
}

.mgz {
	margin-bottom: 350px;
}
.contact-simple {
	width: 100%;
	table-layout: fixed;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	margin-bottom: 20px;
}
.contact-simple p {
	margin-bottom: 0!important;
}
.contact-simple th {
	color: #fff;
	width: 40%;
	font-weight: 500;
	box-sizing: border-box;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
	background: #2a2a51;
}
.contact-simple td {
	width: 60%;
	box-sizing: border-box;
	border-right: solid 1px #aaa;
	border-bottom: solid 1px #aaa;
}
@media only screen and (max-width:768px) {
#fm-keyvisual p {
	font-size: 1.25rem;
	padding: 40px 0;
}
#fm-offer,#fm-bullet {
	padding: 30px 0;
}
#fm-bullet .ttl {
	font-size: 1.15rem;
}
#fm-bullet .box {
	padding: 25px 15px;
}
#fm-bullet .box .bullet {
	font-size: 1.05rem;
	padding: 10px 10px 10px 50px;
}
#fm-bullet .box .bullet::before {
    left: 3px;
	transform: scale(0.5);
}
#fm-present .box {
	padding: 25px;
}
.mgz {
	margin-bottom: 150px;
}
.contact-simple th,.contact-simple td {
	width: 100%;
	display: block;
}
}

.movie {
	margin-bottom: 100px;
}
.wp-video {
	width: 100%!important;
}


footer {
   clear: both;
   width: 100%;
   min-height: 1px;
   height: auto;
   }
.footer {
	padding: 20px 0 0;
	background: #333;
	overflow: hidden;
	box-sizing: border-box;
}
.footer .container {
	width: 500px;
}
.footer p {
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}
.footer .footer_menu {
	margin-bottom: 20px;
}
.footer .footer_menu ul {
	width: 100%;
	content: "";
	display: table;
	clear: both;
}
.footer .footer_menu ul li {
	float: left;
	width: 50%;
	text-align: center;
	border-right: solid 1px #fff;
	box-sizing: border-box;
}
.footer .footer_menu ul li:last-child {
	border-right: none;	
}
.footer .footer_menu ul li a {
	color: #fff;
	font-size: 0.9rem;
}
.footer .footer_menu ul li a:hover {
	text-decoration: none;
}
@media only screen and (max-width:768px) {
.footer {
	padding: 20px 10px 0;
}
.footer .container {
	width: 100%;
}
.footer .footer_menu ul li {
	float: none;
	width: 100%;
	border-right: none;
}
}

.y-marker {
	display: inline;
   background: linear-gradient(transparent 70%, #ffff80 70%);
}

#privacy {
	padding: 40px 0 0;
}


#tokutei,#privacy-policy {
	padding: 60px 0 250px;
}
#tokutei h2 {
	margin-bottom: 30px;
}
#tokutei table {
	width: 100%;
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	box-sizing: border-box;
}
#tokutei table th {
	width: 30%;
	font-weight: 500;
	padding: 10px 20px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	background: #f7f7f7;
}
#tokutei table td {
	width: 70%;
	padding: 10px 20px;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
@media only screen and (max-width:768px) {
#tokutei,#privacy-policy {
	padding: 40px 0 100px;
}
}

/* --- お問い合わせフォーム --- */
.wpcf7 { padding:0px; margin:0; }
.wpcf7 .contact { width:100%; padding:30px; margin:50px 0 0; box-sizing: border-box; }
.wpcf7 .contact th { width:30%; font-weight: normal; background-color:#0000ff; padding:5px 0 5px 10px; border:1px solid #ddd; background-color:#f1f1f1; vertical-align: top; box-sizing: border-box; }
.wpcf7 .contact td { width:70%; padding:5px 0 5px 20px; border:1px solid #ddd; box-sizing: border-box; }
.wpcf7 p { padding:10px; margin:0; }
.wpcf7 .wpcf7-list-item { margin-left: 0!important; }
.wpcf7 input { border:1px solid #ccc; padding:8px; }
.wpcf7 textarea { width:500px; height:200px; border:1px solid #ccc; padding:8px; }
.wpcf7 input.wpcf7-submit {
	font-family: 'Noto Sans JP' , 'MS Pゴシック', 'MS PGothic', sans-serif;font-size:100%;cursor:pointer; color:#fff; width:300px; height:60px; margin:0 auto; display:block;
	-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	background:#e01f1f; border:3px solid #ddd;appearance: none; -webkit-appearance: none;
} 
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7 input[name="your-name"] { width:100%; }
.wpcf7 input[name="your-email"] { width:100%; }

/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}

@media only screen and (max-width:767px) {
.wpcf7 .contact {
   width: 95%;
   margin: 30px auto 0;
   }
.wpcf7 .contact th {
   width: 25%;
   padding: 5px;
   }
.wpcf7 .contact td {
   width: 75%;
   padding:5px;
   } 
.wpcf7 input {
	font-size: 14px;
}
.wpcf7 input.wpcf7-submit {
   margin: 30px auto 0;
   }
.free-form { 
	width: 100%;
}
}