@charset "UTF-8";

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/
body {
	width: 100%;
	height: auto;
	background-color:#FFFFFF;
	font:14px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333333;
	line-height: 1.6;
    letter-spacing: 0;
	-webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5 {
	padding: 0;
	margin: 0;
}


/* for modern browser */
.clearfix {
    display: inline-block;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */

.c-both {
	clear: both;
}

img {
	width: auto;
	height: auto;
}


/*--------------------------------------------------------
　ロールオーバー設定
--------------------------------------------------------*/
a:hover img.Aover{
    opacity:0.7;
    filter: alpha(opacity=70);
}

a:link,
a:visited {
	color: #333333;
	border: none;
	text-decoration: underline;
}

a:hover,
a:active {
	color: #F95158;
	border: none;
	text-decoration: none;
}


/*--------------------------------------------------------
　ヘッダー設定
--------------------------------------------------------*/
#headerWrap {
	width: 1000px;
	height: 116px;
	border-bottom: 4px solid #cf1414;
	margin: 0 auto;
}

#headerWrap .inner {
	position: relative;
	width: 1000px;
	height: 116px;
}

#headerWrap h1 {
	position: absolute;
	top: 16px;
	left: 0;
	padding: 0;
	margin: 0;
}

#headerWrap h2 {
	position: absolute;
	top: 5px;
	right: 0;
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	color: #808080;
	padding: 0;
	margin: 0;
}

#headerWrap .boxR {
	width: 550px;
	height: 60px;
	position: absolute;
	top: 24px;
	right: 0;
}

#headerWrap .boxR .tel {
	width: 280px;
	float: left;
}

#headerWrap .boxR .contact {
	width: 270px;
	float: right;
}

#headerWrap .boxR .skype {
	clear: both;
	font-size: 11px;
}

#headerWrap .boxR .skype img {
	vertical-align: middle;
	padding-right: 5px;
}

/*--------------------------------------------------------
　コンテンツ設定
--------------------------------------------------------*/
#content {
	width: 1000px;
	margin: 0 auto;
}

/* メインビジュアル */
.mainBox {
	text-align: center;
	padding:25px 0 50px;
}

.mainBox h1 {
	padding-bottom: 15px;
}

.mainBox h2 {
	padding-bottom: 15px;
}

/* ポイント */
.pointWrap h4 {
	padding-bottom: 10px;
}

.pointWrap .txt,
.pointWrap .txt01,
.pointWrap .txt02 {
	line-height: 2;
}

.pointWrap .red {
	color: #cc1414;
	font-weight: bold;
}

.pointWrap .btn {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* ポイント1 */
.pointWrap .pointBox01 {
	position: relative;
	padding-top: 30px;
	height: 376px;
}

.pointWrap .pointBox01 .txt {
	padding-right: 460px;
}

.pointWrap .pointBox01 .img {
	position: absolute;
	top: 20px;
	right: 0;
}

/* ポイント2 */
.pointWrap .pointBox02 {
	position: relative;
	padding-top: 60px;
	height: 465px;
}

.pointWrap .pointBox02 .txt01 {
	padding-left: 340px;
}

.pointWrap .pointBox02 .img01 {
	position: absolute;
	top: 50px;
	left: 0;
}

.pointWrap .pointBox02 .inner {
	padding-top: 25px;
}

.pointWrap .pointBox02 .txt02 {
	width: 500px;
	float: left;
}

.pointWrap .pointBox02 .img02 {
	width: 470px;
	float: right;
}

/* ポイント3 */
.pointWrap .pointBox03 {
	position: relative;
	padding-top: 60px;
	height: 460px;
}

.pointWrap .pointBox03 .txt01 {
	padding-right: 340px;
}

.pointWrap .pointBox03 .img01 {
	position: absolute;
	top: 50px;
	right: 0;
}

.pointWrap .pointBox03 .inner {
	padding-top: 30px;
}

.pointWrap .pointBox03 .txt02 {
	width: 500px;
	float: right;
}

.pointWrap .pointBox03 .img02 {
	width: 470px;
	float: left;
}

/* ポイント4 */
.pointWrap .pointBox04 {
	position: relative;
	padding-top: 60px;
	height: 440px;
}

.pointWrap .pointBox04 .txt01 {
	padding-left: 340px;
}

.pointWrap .pointBox04 .img01 {
	position: absolute;
	top: 40px;
	left: 0;
}

.pointWrap .pointBox04 .inner {
	padding-top: 30px;
}

.pointWrap .pointBox04 .txt02 {
	width: 420px;
	float: left;
}

.pointWrap .pointBox04 .img02 {
	width: 560px;
	float: right;
}

/* ポイント5 */
.pointWrap .pointBox05 {
	padding-top: 60px;
}

.pointWrap .pointBox05 .txt {
	font-weight: bold;
}

.pointBox05 .experienceWrap {
	padding-top: 30px;
}

.pointBox05 .box {
	background: #ececec;
	width: 480px;
	height: 370px;
	padding: 5px;
	margin-bottom: 20px;
	position: relative;
	-webkit-box-shadow: #AAA 0px 0px 5px;
	-moz-box-shadow: #AAA 0px 0px 5px;
	box-shadow: #AAA 0px 0px 5px;
}

.pointBox05 .innerBox {
	background: url(../images/lp/ryugaku-hiyo/bg_expention.png) repeat;
	width: 480px;
	height: 370px;
}

.pointBox05 .box .photo {
	position: absolute;
	top: 20px;
	left: 20px;
}

.pointBox05 .box .photo img {
	line-height: 0;
	-webkit-box-shadow: #999 0px 0px 3px;
	-moz-box-shadow: #999 0px 0px 3px;
	box-shadow: #999 0px 0px 3px;
}

.pointBox05 .box h2 {
	position: absolute;
	top: 20px;
	left: 177px;
}

.pointBox05 .box .txt {
	position: absolute;
	top: 214px;
	left: 20px;
	width: 440px;
	line-height: 1.7;
	font-weight: normal;
}

.pointBox05 .box .pinL {
	position: absolute;
	top: -15px;
	left: 10px;
}

.pointBox05 .box .pinR {
	position: absolute;
	top: -15px;
	right: 5px;
}

.pointBox05 .experience01 {
	float: left;
}

.pointBox05 .experience02 {
	float: right;
}

.pointBox05 .experience03 {
	float: left;
	width: 310px;
	height: 270px;
	margin-right: 20px;
}

.pointBox05 .experience04 {
	float: left;
	width: 310px;
	height: 270px;
}

.pointBox05 .experience05 {
	float: right;
	width: 310px;
	height: 270px;
}

.pointBox05 .experience03 .innerBox,
.pointBox05 .experience04 .innerBox,
.pointBox05 .experience05 .innerBox {
	height: 270px;
	width: 310px;
}

.pointBox05 .experience03 h2,
.pointBox05 .experience04 h2,
.pointBox05 .experience05 h2 {
	left: 138px;
}

.pointBox05 .experience03 .txt,
.pointBox05 .experience04 .txt,
.pointBox05 .experience05 .txt {
	top: 160px;
	width:280px;
	line-height: 1.6;
}

.pointBox05 .experience03 .pinL,
.pointBox05 .experience04 .pinL,
.pointBox05 .experience05 .pinL {
	left: 50%;
	top: -20px;
}

.pointBox05 .btn {
	position: static;
	text-align: right;
}

/* お問い合わせ */
.contactWrap {
	padding:  60px 0;
}

.contactWrap h1 {
	padding: 0 0 30px;
}

.contactBox dl {
	width: 700px;
	margin: 40px auto;
}

.contactBox dl dt {
	border-left: 3px solid #cc0000;
	padding-left: 10px;
	margin: 20px auto 10px;
	font-weight: bold;
}

.contactBox dl dd {
	border-bottom: 1px dotted #666;
	padding: 0 0 20px 0;
	margin: 0;
}

.contactBox .must {
	color: #ff0000;
}

.contactBox dd .txt {
	padding-right: 10px;
}

.contactBox dd .caption {
	color: #999999;
	font-size: 85.7%;
}


.contactBox dd input {
	margin-right: 10px;
}

.contactBox dd.no-bd {
	border: none;
	padding-bottom: 10px;
}

.contactBox dd .wid30 {
	width: 30%;
}

.contactBox dd.wid50 {
	width: 50%;
}

.contactBox dd .wid80 {
	width: 80%;
}

.contactBox dd .wid100 {
	width: 100%;
}

.contactWrap .caption {
	width: 700px;
	margin: 0 auto 40px;
}

.contactWrap .btnBox {
	width: 490px;
	margin: 0 auto;
}

.contactWrap .telContact {
	text-align: center;
	font-size: 128.6%;
	color: #cf1414;
	font-weight: bold;
	padding: 30px 0;
}

.contactWrap .cautionBox {
	border: solid 1px #a7a7a7;
	padding: 20px;
	width: 660px;
	margin: 0 auto;
	font-size: 85.7%;
}

.contactWrap .cautionBox ul {
	padding: 0;
	margin: 0;
}

.contactWrap .cautionBox ul li {
	list-style: inside disc;
	padding-bottom: 10px;
}

.contactWrap .cautionBox p {
	padding-bottom: 0;
	margin-bottom: 0;
}


/*--------------------------------------------------------
　サンクスページ
--------------------------------------------------------*/
.thanks {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	font-size: 114.3%;
	padding: 100px 0;
}

.thanks h3 {
	padding-bottom: 10px;
}