/*----------基本設定----------*/
html,body {
margin: 0;
padding: 0;
height:100%;
}

body {
margin: 0;
padding: 0;
color: #333;
background: #fff;
font-family: "游ゴシック", YuGothic ,'Yu Gothic',sans-serif;
font-weight: 500;
font-size: 14pt;
text-justify: auto;
}

img {margin: 0 auto!important; padding: 0;}

/*----------画像センタリング----------*/
.img-center {display: block; margin: 10px auto;}

/*----------見出し----------*/
h1,h2,h3,h4,h5 {
  line-height: 1.1;
  margin: 0;
  padding: 0;
}

[class*="subhead-"] {
border-top: 2px solid #a9a169;
margin: 0;
padding: 20px 0;
clear: both;
}

.subhead-red {background: #c60000;}
.subhead-blue {background: #0075a9;}
.subhead-green {background: #3a8702;}
.subhead-orange {background: #fd7201;}

.sh {
text-align: center;
font-size: 120%;
font-weight: bold;
margin: 30px auto;
padding: 50px 0;
max-width: 880px;
color: #c60000;
}

/*----------背景色指定（h1、見出し背景など）----------*/
.bg-red {background: #c60000;} /*--赤--*/
.bg-blue {background: #0075a9;} /*--青--*/
.bg-dblue {background: #085070;} /*--青--*/
.bg-green {background: #638c0b;} /*--緑--*/
.bg-dgreen {background: #486704;} /*--緑--*/
.bg-orange {background: #fe7816;} /*--オレンジ--*/
.bg-gold {background: #807109;} /*--ゴールド--*/
.bg-black {background: #222;} /*--黒--*/

/*----------ヘッダー----------*/
.head {
margin: 0 auto;
padding: 0 0 140px;
background: #fff;
border-bottom: 90px solid #fff;
}

.logo {
background: #fdfdfc;
padding: 10px 2%;
border-bottom: 1px solid #e9e5dc;
}

.copy {
max-width: 970px;
margin: -205px auto 0;
text-align: center;
}

.copy img {
float: none;
margin: 0 auto;
}

.copy img:first-child {
padding: 0 0 10px;}

.sp {display: block;}
.pc {display: none;}

@media screen and (min-width: 768px) {
.head {
margin: 0 auto;
padding: 0 0 210px;
background: #fff;
border-bottom: 145px solid #0075a9;
}

.logo {
background: #fdfdfc;
padding: 10px 0;
border-bottom: 1px solid #e9e5dc;
}

.copy {
max-width: 970px;
height: 560px;
margin: -330px auto 0;
}

.copy img {float: left;}

.copy img:first-child {
padding: 0 10px 0 0 ;}

.sp {display: none;}
.pc {display: block;}
}

/*----------コンテンツ----------*/
.content {
  max-width: 940px;
  clear: both;
  padding: 30px 0 !important;
  margin: 0 auto !important;
}

p {
max-width: 700px;
line-height: 1.75;
margin-top: 0;
margin-right: auto;
margin-bottom: 2em;
margin-left: auto;
text-justify:auto;
}

.w860 {
max-width: 860px;
margin: 0 auto;
text-align: left;
}

/*----------吹き出し----------*/
.fukidashi {
max-width:940px;
min-height: 430px;
margin: 0 auto 30px;
padding: 70px 60px 0;
background: url(https://cdn.kabunogakkou.com/ld/meigara/img/fukidashi.png) no-repeat;
}

.fukidashi p.b {font-size: 180%;}
.fukidashi p {font-size: 140%;}

/*----------ボックス----------*/
.box {
max-width: 800px;
margin: 10px auto;
padding: 20px;
text-align: left;
border:5px solid;
font-size: 90%;
border-radius: 10px;
}

/*----------お客様の声----------*/
.voice {
max-width: 800px;
margin: 30px auto;
padding: 3px;
text-align: left;
background: #e9e5dc;
border-radius: 15px;
}

.vinner {
border-radius: 12px;
margin: 0;
border: 2px solid #fff;
padding: 20px 25px;
}

.vinner p {
margin: 0 auto 10px;
}

.vheader {
text-align: center;
font-size: 130%;
font-weight: bold;
margin: 0 auto;
padding: 20px 0;
max-width: 880px;
color: #c60000;
font-size: 120%;
}

.prof p {
font-size: 90%;
}

/*----------見出しスタイル----------*/
.check {
background: url(https://cdn.kabunogakkou.com/ld/meigara/img/check.png) no-repeat left;
padding: 10px 0 10px 45px;
line-height: 1.25;
}	/*-----チェック見出し-----*/

.square {
	margin: 30px 0;
	padding: 0 0 0 15px;
	font-size: 2em;
	line-height: 50px;
	height: 50px;
	border-left: 50px solid 
}	/*-----スクエア見出し-----*/

/*----------見出し共通----------*/
[class*="header-"] {
  margin: 30px auto;
  max-width: 680px;
  padding: 10px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}	/*-----白抜き見出し-----*/

/*----------見出し背景----------*/
.header-red {background: #c60000;}
.header-blue {background: #00468b;}
.header-dblue {background: #085070;}
.header-green {background: #638c0b;} /*--緑--*/
.header-dgreen {background: #486704;} /*--緑--*/
.header-orange {background: #fe7816;}
.header-gold {background: #807109;}

/*----------フッター----------*/
#footer {
text-align: center;
padding: 50px 0;
margin: 0 auto;
color: #666;
font-size: 80%;
}

#footer a {color: #666;}
.copyright {margin: 10px auto;}

/*----------テキスト装飾----------*/
.white {color: #fff;}	/*-----白文字-----*/
.red {color: #c60000;}	/*-----赤文字-----*/
.blue {color: #00468b;}	/*-----青文字-----*/
.green {color: #00782d;}/*-----緑文字-----*/
.orange {color: #fe7816;}/*-----オレンジ文字-----*/
.gold {color: #807109;}	/*-----ゴールド文字-----*/

.b {
	font-weight: bold;
}	/*-----太字-----*/

.bb {
	font-weight: bold;
	font-size: 1.8em;
}	/*-----太字（大）-----*/

.small, p.small {font-size: 80%;}	/*-----小文字-----*/
.line {background: #fce89a;}	/*-----マーカー-----*/
.u {border-bottom: 1px solid;}	/*-----下線-----*/

/*----------コンテンツ枠線共通----------*/
[class*="border-"] {
max-width: 800px;
padding: 0 10px;
margin: 50px auto;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*----------コンテンツ枠線スタイル----------*/
.border-blue {border: 5px solid #0075a9;} /*--青--*/
.border-dblue {border: 5px solid #085070;} /*--青--*/
.border-green {border: 5px solid #3a8702;} /*--緑--*/
.border-pink {border: 5px solid #ffb0b3;} /*--ピンク--*/
.border-yellow {border: 5px solid #ffcc00;} /*--黄--*/
.border-bage {border: 5px solid #ad9d6d;} /*--ベージュ--*/
.border-orange {border: 5px solid #fe7816;}
.border-red {border: 5px solid #c60000;}

/*----------コンテンツ枠 破線スタイル----------*/
.border-blue-dot {border: 5px dotted #d9e7f1;} /*--青--*/
.border-green-dot {border: 5px dotted #a6e9bf;} /*--緑--*/
.border-pink-dot {border: 5px dotted #ffb0b3;} /*--ピンク--*/
.border-yellow-dot {border: 5px dotted #ffcc00;} /*--黄--*/
.border-bage-dot {border: 5px dotted #faebd7;} /*--ベージュ--*/

.bullet {
max-width: 800px;
margin: 0 auto 50px;
padding: 0;
}

.bullet img {
padding: 30px 0;
}

/*----------コンテンツ枠シャドウスタイル----------*/
.shadow
{
padding: 10px 40px;
margin-bottom: 30px;
background: #fff;
-webkit-box-shadow: 0 0 30px 0 #eee;
box-shadow: 0 0 30px 0 #eee;
}

/*----------左寄せ、右寄せ----------*/
.pull-left {margin-right: 15px; margin-bottom: 15px;}
.pull-right {margin-left: 15px; margin-bottom: 15px;}

/*----------hr余白----------*/
hr {
border: none;
clear: both;
margin: 0;
padding: 0;
height: 30px;
display: block;
background: none;
}

/*----------フォーム----------*/
form {
text-align: center;
margin:0 auto;
padding: 30px 0 0;
}

form p {text-align: left;}

form.form-title {
text-align: center;
padding: 5px 0;
color: #fff;
clear: both;
}

.fbody {
max-width: 840px;
padding: 10px 10px 20px;
margin: 0 auto 20px;
border-radius: 30px;
text-align: center;
}

.flabel {color: #fff}
.mtitle {
padding: 10px;
border-radius: 45px;
max-width: 880px;
margin: 0 auto 15px;
}

.ftitle {
max-width: 820px;
margin: 0 auto;
}
.ftitle img {float:none;margin: 10px auto;}
.middle {display: none;}

/*----------ボタン----------*/
.gtb {
width: 70%;
background: #f8b551;
color: #362e2b;
-webkit-border-radius: 30px;
border-radius: 30px;
border: 2px solid #fff;
padding: 10px;
margin: 30px auto 0;
}

a.gtb-big {
display: block;
margin: 0px 2%;
padding: 15px;
font-size: 100%;
max-width: 600px;
background: #f8b551;
color: #362e2b;
-webkit-border-radius: 45px;
border-radius: 45px;
border: 2px solid #fff;
text-align: center;
}

a.gtb-big:hover {
background: #ff9900;
color: #fff;
text-decoration: none;
}

.spcontainer {margin: 0 2%;}

@media screen and (min-width: 640px) {
.ftitle img {float:left;}
.middle {padding-top: 100px;display: block;}

a.gtb-big {
display: block;
margin: 20px auto;
padding: 30px;
font-size: 110%;
max-width: 800px;
background: #f8b551;
color: #362e2b;
-webkit-border-radius: 60px;
border-radius: 60px;
border: 2px solid #fff;
text-align: center;
}
}

table {
font-size: 80%;
margin: 0px auto;
max-width: 800px !important;
color: #666;
}

td {vertical-align:middle !important;}

hr.h100 {
    height: 100px;
}

hr.h10 {
height: 10px;
}

.pd30 {padding: 30px 10px;}
.pdb30 {padding-bottom: 30px;}
.mgb20 {margin-bottom: 20px;}

#name-label,
#name-element,
#email1-label,
#email1-element {
float: none;
}

form p {
margin: 0;
padding: 0;
}

#name-element input {
width: 90% !important;
}

#email1-element input {
width: 90% !important;
}

label {
font-weight: normal !important;
color: #fff;
width: 90%;
padding: 3px 0;
background: #638c0b;
}

input#buttons1-confirm,input#buttons1-submit {
background: url(https://cdn.kabunogakkou.com/ld/meigara/img/btn_s01.png) no-repeat left bottom !important;
width: 0;
height: 0;
margin: 0 auto !important;
text-indent: -9999px;
padding: 50px 140px;
display: block;
clear: both;
overflow:auto!important;
overflow /**/: hidden;
}

.description {
max-width: 94%;
font-size: 80%;
text-align: right;
margin: 0;
padding: 0;
color: #fff;
}

.errors {
list-style: none;
font-size: 90%;
padding-top: 5px;
background: #c60000;
width: 90%;
color: #fff;
padding: 0;
margin: 0 auto;
}

.errors li {
text-indent: none;
padding: 0;
margin: 0;
}

.errors li:before {
content: "※";
}

#form-error {
font-size: 90% !important;
padding: 10px 10px;
background: #c60000;
color: #fff !important;
border-radius: 30px;
border: 2px solid #fff;
}

@media screen and (min-width: 768px) {

form {
max-width: 700px;
margin: 0 auto;
}

#name-label,
#name-element,
#email1-label,
#email1-element {
float: left;
}

#name-element input {
width: 150px !important;
}

#email1-element input {
width: 250px !important;
}

label {
font-weight: normal !important;
color: #fff;
background: none;
width: 100%;
}

.description {
font-size: 80%;
}

#name-label,
#email1-label {
padding: 0 5px;
margin: 0 0 0 10px;
font-size: 80%;
}

input#buttons1-confirm,input#buttons1-submit {
background: url(https://cdn.kabunogakkou.com/ld/meigara/img/btn.png) no-repeat left bottom !important;
width: 0;
height: 0;
margin: 0 auto !important;
text-indent: -9999px;
padding: 50px 300px;
display: block;
clear: both;
overflow:auto!important;
overflow /**/: hidden;
}

input#buttons1-submit:hover{
background: url(https://cdn.kabunogakkou.com/ld/meigara/img/btnh.png) no-repeat left bottom !important;
overflow:auto!important;
overflow /**/: hidden;
}


.errors {
list-style: none;
font-size: 90%;
padding-top: 5px;
background: #c60000;
color: #fff;
padding: 0;
margin: 0;
width: 100%;
}

.errors li {
text-indent: none;
padding: 0;
margin: 0;
}

.errors li:before {
content: "※";
}

#form-error {
font-size: 120% !important;
padding: 10px 50px;
background: #c60000;
color: #fff !important;
border-radius: 30px;
border: 2px solid #fff;
}
}

iframe.fb_iframe_widget_lift {
    width: 700px !important;
    margin: auto !important;
    display: block;
}

.fb-comments.fb_iframe_widget.fb_iframe_widget_fluid_desktop {
    max-width: 700px;
}