@charset "utf-8";

/* -------------------------------------------------------------------------------------

	メインビジュアル・ヘッダー

-------------------------------------------------------------------------------------- */

.first-catch {
    background: url(../img/first-catch.png) no-repeat -75px 110px/100% auto;
    margin: 45px 0;
    width: 100%;
    text-align: center;
}
.check{
	width:100%;
	margin:0px auto 35px;
	position:relative;
	padding-top:20px;
}

.position{
	position:absolute;
	top:110px;
	right:0;
}

.problem-bg{
	background:url(../img/problem-bg.jpg) repeat-x center 35px;
	padding-bottom:76px;
}

.base{
	width:100%;
	margin:0px auto;
}

.delta{
	text-align:center;
}

.map {
    background: url(../img/map.jpg) no-repeat right top /100% auto;
    min-height: 405px;
    padding: 90px 0 0 0px;
    width: 100%;
    margin: 0px auto 50px;
    font-size: 2vw;
}
.map p{
    padding-left: 5vw;
}

.map span {
    font-size: 3.5vw;
    font-weight: bold;
}

.menu{
	text-align:center;
	margin-bottom:50px;
}

.action{
	background:url(../img/action-bg.png) no-repeat center top #FFEDB9;
	width:100%;
	margin:0px auto 80px;
	padding:45px 0 40px;
	border-radius: 20px;		/* CSS3草案 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;	/* Firefox用 */
	box-shadow: 0px 9px 3px -3px rgba(235,197,95,1);
	-webkit-box-shadow: 0px 9px 3px -3px rgba(235,197,95,1);
	-moz-box-shadow: 0px 9px 3px -3px rgba(235,197,95,16);
}

.tel{
	font-size:300%;
	text-align:center;
	padding:10px 0 20px;
}

.act{
	width:576px;
	margin:0px auto 20px;
}

.act ul.icon li{
	list-style:none;
	float:left;
	text-align:center;
}

.act ul.icon li:first-child{
	margin:5px 11px 0 0;
}

.act ul.icon li:nth-child(2){
	margin:5px 30px 0 0;
}

.act ul.icon:after,
.icon-link:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .act ul.icon,
* html .icon-link { zoom:1; }
*:first-child+html .act ul.icon,
*:first-child+html .icon-link { zoom:1; }

.pv2{
	padding:0;
	margin:0 0 3px 0;
	line-height:1em;
	font-size:0;
}

.icon-link{
	width:86%;
	margin:0px auto;
}

.icon-link li{
	list-style:none;
}

.icon-link li a {
    display: block;
    background: #fff;
    text-align: center;
    font-size: 80%;
    padding: 5px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    font-size: 1.8vw;
}
.icon-link li:first-child {
    width: 28%;
    margin: 0 10px 0 0;
    float: left;
    font-size: 2.5vw;
}

.icon-link li:last-child {
    width: 70%;
    float: left;
    margin: 0;
    font-size: 2vw;
}

.campaign{
	width:100%;
	margin:0px auto 70px;
}

.campaign p{
	text-align:center;
}

.campaign ul{
	box-shadow: 0 0 0 10px #F3E9E2 inset;
	padding:30px;
}

.campaign ul li{
	list-style:none;
}

.how-bg{
	background:url(../img/how-bg.jpg) repeat;
	padding-bottom:50px;
	margin-bottom:50px;
}

.how{
	width:100%;
	text-align:center;
	color:#fff;
	background:#8E795E;
	font-size:4vw;
	padding:20px 0;
	margin-bottom:50px;
}

.how-bg ul{
	width:100%;
	margin:0px auto 20px;
}

.how-bg ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .how-bg ul { zoom:1; }
*:first-child+html .how-bg ul { zoom:1; }

.how-bg ul li{
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	font-size:0;
	line-height:1em;
}

.half{width:50%;}

.how-bg img{width:100%;}
.research{
	width:100%;
	margin:0px auto;
	text-align:right;
	font-size:80%;
	line-height:150%;
}

.boxs{
	box-shadow: 0 0 0 10px #F3E9E2 inset;
	padding:30px;
}

.boxs strong{
	color:#F88570;
}

.point{
	background:url(../img/first-bg.jpg) no-repeat center top;
	background-size:100% auto;
	margin:60px 0;
}

.point ul{
	width:100%;
	margin:50px auto 0;
}

.point li{
	padding:0 0 40px 106px;
	border-bottom:2px dotted #98856C;
	list-style:none;
	margin-bottom:50px;
}

.point01{
	background:url(../img/point01.png) no-repeat 20px top;
}

.point02{
	background:url(../img/point02.png) no-repeat 20px top;
}

.point03{
	background:url(../img/point03.png) no-repeat 20px top;
}

.profile{
	box-shadow: 0 0 0 5px #F3E9E2 inset;
	padding:1%;
	width:98%;
	margin:0 auto 0;
}

.profile:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .profile { zoom:1; }
*:first-child+html .profile { zoom:1; }


.profile .fl {

    width: 18%;
    float: left;
    margin: 0 30px 0 0;

}

.profile dl {
    width: 76%;
    float: right;
    padding-top: 1%;
}

.profile dt{
	margin-bottom:20px;
	line-height:150%;
}

.profile dt span{
	font-size:280%;
	font-weight:bold;
	line-height:150%;
}

.profile dd{
	font-size:80%;
}

.care {
	width:100%;
	margin:0 auto 0;
}

.care ul{
	padding:0;
	margin:0 0 40px;
}

.care ul:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .care ul { zoom:1; }
*:first-child+html .care ul { zoom:1; }

.care li{
	list-style:none;
}

.care li.fl-photo {
    width: 38%;
    float: left;
    margin: 0 2vw 0 0;
}

.care li.fr-txt{
	width:60%;
	float:right;
	margin:0 0 0;
}

.care li.fr-photo{
	width:38%;
	float:right;
	margin:0 0 0 0;
}

.care li.fl-txt{
	width:60%;
	float:left;
    margin: 0 2vw 0 0;
}

.care li strong{
	font-weight:bold;
	color:#F98770;
}

.menutit{
	width:100%;
	text-align:center;
	color:#fff;
	background:#92D5B8;
	font-size:200%;
	padding:20px 0;
	margin-bottom:50px;
}

.menu-bg{
	background:url(../img/first-bg.jpg) no-repeat center top;
	background-size:100% auto;
	padding:0 0 60px;
}

.menu-bg2{
	background:#fff;
	background-size:100% auto;
	padding:60px 0;
}

.menu-bg3{
	background-size:100% auto;
	padding:60px 0;
}


.menu-01{
	width:100%;
	margin:0px auto 30px;
}

.course:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .course { zoom:1; }
*:first-child+html .course { zoom:1; }

.course p.cous-name {
    float: left;
    width: 60%;
    font-size: 3.5vw;
    line-height: 150%;
    margin-top: 20px;
}

.course p.charge {
    width: 30%;
    background: #FFEDB9;
    padding: 3%;
    text-align: center;
    float: right;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    font-size: 2.5vw;
}

.course p.charge-red{
	width:30%;
	background:#FEC6BA;
    padding: 3%;
	text-align:center;
	float:right;
	border-radius: 20px;		/* CSS3草案 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;	/* Firefox用 */
    font-size: 2.5vw;
}

.course p.charge-blue{
	width:30%;
	background:#B9F1FF;
    padding: 3%;
	text-align:center;
	float:right;
	border-radius: 20px;		/* CSS3草案 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;	/* Firefox用 */
    font-size: 2.5vw;
}

.course p.charge span,
.course p.charge-red span,
.course p.charge-blue span{
    font-size: 3.5vw;
}

.couse-info{
	margin-bottom:30px;
	width:800px;}

.m-bg{
	background:url(../img/senior-01.png) no-repeat right top;
	width:100%;
	margin:0px auto;
}

.m-bg2{
	background:url(../img/senior-02.jpg) no-repeat right top;
	width:100%;
	margin:0px auto;
}

.m-bg3{
	background:url(../img/senior-03.jpg) no-repeat right top;
	width:100%;
	margin:0px auto;
}

.m-bg4{
	width:100%;
	margin:0px auto;
}


.option {
    background: url(../img/option.jpg) no-repeat left center;
    padding: 0 0 0 159px;
    width: 73%;
    margin: 0px auto;
    min-height: 35px;
    font-size: 2.5vw;
}

.custom{
	margin:20px 0 ;
}

.custom:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .custom { zoom:1; }
*:first-child+html .custom { zoom:1; }

.custom ul{
	margin:0 0 0 22px;}

.custom li{
	list-style:disc;
}

.custom .fl {
    width: 44%;
    float: left;
    box-shadow: 0 0 0 5px #F3E9E2 inset;
    padding: 3%;
}

.custom p.big{
	font-size:3vw;
	font-weight:bold;
	margin-bottom:15px;
}

.custom .fr{
    width: 44%;
	float:right;
	box-shadow: 0 0 0 5px #F3E9E2 inset;
    padding: 3%;
}

.media{
	background:url(../img/media-g.jpg) repeat-x center 35px;
}

.mediatit{
	margin:0px auto;
	width:100%;}

.medi_box {
    width: 100%;
    margin: 0 auto;
    display: block;
}

.media-illu {
    width: 47%;
    margin: 5% auto 50px;
    padding: 0 1% 0;
    text-align: center;
    float: left;
}

.exa{
	width:100%;
	margin:0px auto 70px;
}

.exa .real{
	font-size:2.5vw;
	line-height:150%;
	text-align:center;
	margin-bottom:30px;
}

.exa .movie{
	text-align:center;
	margin:0px auto;
}

.clip{
	width:100%;
	margin:0px auto 40px;
}

.c-top{
	padding:0;
	margin:0;
	font-size:0;
	line-height:1em;
}

.clip-in{
	background:url(../img/clip-in.jpg) repeat-y center top/100% auto;
    padding: 10px 2%;
    width: 96%;
}

.clip-in table{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:30px 0 20px;
}

.clip-in table td,
.clip-in table th{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	padding:10px;
	font-size:2.5vw;
}

.clip-in table th{
	background:#FFEDB9;
}

.clip-in table td.color{
	background:#FFA5C3;
}

.clip-in table td.left{
	text-align:left !important;
	width:53%;
}

.result{
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin:30px auto 50px;
	width:100%;
}

.result td,
.result th{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
	vertical-align:middle;
	padding:10px;
}

.result th{
	background:#FFEDB9;
}
.result td.left{
	text-align:left !important;
}

.tens{
	width:14%;
}

.c-name{
	text-align:center;
	font-size:250%;
	font-weight:bold;
	margin-bottom:20px;
}

.cp-bg{
	width:100%;
	background:url(../img/cp-bg.jpg) repeat center top;
	background-size:100% auto;
}

.cp-bg .caparea{
	width:100%;
	margin:0px auto;
	background:url(../img/un-delat.png) no-repeat center top;
	padding:60px 0;
}

.cmda{
	font-size:170%;
	font-weight:bold;
}

.data{
	width:100%;
	margin:0px auto;
	background:url(../img/f-map.png) no-repeat 70% bottom/90% auto;
	padding-bottom:330px;
}
.data:after,
.sub-list:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .data,
* html .sub-list { zoom:1; }
*:first-child+html .data,
*:first-child+html .sub-list { zoom:1; }

.data table{
	width:660px;
	margin:0 40px 0 0;
	float:left;
}

.data table th,
.data table td{
	padding:15px 5px;
	text-align:left;
}

.data table th{
	width:150px;}

.data table tr{
	border-bottom:1px solid #ccc;
}

.data .comapny-photo{
	width:340px;
	float:right;
	text-align:right;
}

.sub-list li{
	width:31.6%;
	float:left;
	margin:0px 2.6% 0 0;
	font-size:76%;
	line-height:150%;
	list-style:none;
}

.sub-list li:last-child{
	margin:0;
}

.sub-list li dd{
	margin-bottom:20px;
}



/* DIV#INQUIRY
====================================== */
div#inquiry {
	background: url(../img/bg_inquiry.png) repeat-x top #fff;
	margin: 0;
	padding: 0;
}

.inqbox{
	margin:0px auto;
	width:100%;
}

div#inquiry h2 {
	margin-bottom: 30px;
}
div#inquiry div.inquiryDial {
	text-align: center;
	position: relative;
}
div#inquiry div.inquiryDial div.navi_box_right {
    font-size: 6vw;
    font-weight: bold;
    letter-spacing: -0.06em;
    left: 36vw;
    line-height: 45px;
    position: absolute;
    top: 45px;
}
div#inquiry div.formWrap {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #e7ecef;
	margin-top: 40px;
	padding: 40px 0 50px;
//	font-size: 125%;
}
div#inquiry div.formWrap dl {
	border-bottom: 1px solid #c7d3da;
	width: 940px;
	margin: 0 auto;
	padding: 20px 0;
}
div#inquiry div.formWrap dl dt {
	width: 210px;
	display: inline;
	float: left;
	padding-left: 10px;
}
div#inquiry div.formWrap dl dt.required { background:url("../img/inquiry_icon_required.png") no-repeat right; }
div#inquiry div.formWrap dl dd {
	width: 660px;
	display: inline;
	float: right;
	padding-right: 10px;
}
div#inquiry dl dd input.required,
div#inquiry dl dd textarea,
div#inquiry dl dd select {
	font-size: 100%;
    padding: 5px;
	-webkit-appearance: none;
	border: 1px solid #dce0e3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}



address {
	font-style: normal;
	text-align: center;
	margin: 30px 0;
	font-size: 87%;
}

.tec{text-align:center; width:100%}
.tec img{width:100%;}
.submit{
	margin:20px auto;
	width:349px;
	height:59px;
	font-size:0px;
	text-indent:-9999px;
	background:url(../img/inquiry_btn_confirm.png) no-repeat left top;
}

.submit2{
	margin:0;
	width:349px;
	height:59px;
	text-indent:-9999px;
	background:url(../img/inquiry_btn_confirm2.png) no-repeat left top;
}

.reset{
	margin:0;
	width:349px;
	height:59px;
}

.ERR{color:#cc0000;}

.sb{
	margin:20px auto;
}

.mrb10{margin-bottom:10px;}

.w100{width:100%;}
.w50{width:50%;}

.pc_none{
}

.pd_none{display:none;}

.sp_none{}


