@charset "utf-8";

/* ----------------------------------���ʐݒ�----------------------------------*/
.header-container:after, .inst-user-area:after, .mod-seminar-area:after, .content-direct-inner:after, .content-main:after, .content-main_w1000:after, .box2:after  
{
	content: "";
	display: block;
	clear: both; 
}

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

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

/* -----------------------------------main-2nd----------------------------------*/
.section-main{
	width: 1000px;
    margin: 0 auto;
    padding:50px 0;
}
.section-title{
    display: block;
	width: 1000px;
    margin: 0 auto 30px;
    padding: 20px 0;
	color: #fff;
	background-color: #333;
    text-align: center;
}
/* -----------------------------------abstract----------------------------------*/
.content-abs {
    width: 100%;
    padding-bottom: 50px;
    font-weight: 500;
    font-size: 28px;
}
.abs-title {
    margin-bottom: 20px;
    text-align: center;
    font-weight: 500;
    font-size: 36px;
}
.abs-stc {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
}

/* -----------------------------------main content----------------------------------*/
.content-main{
	width: 840px;
	margin: 0 auto;
	padding:0 0 50px;
}
.content-main_w1000{
	width: 1000px;
	margin: 0 auto;
	padding:0 0 50px;
}
.content-main_form{
	width: 680px;
	margin: 0 auto;
	padding: 0 0 20px;
}
.main-title {
    display: block;
    width: 100%;
    margin: 0 auto 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
    font-weight: 500;
    font-size: 32px;
    text-align: center;
}
.main-subtitle {
    display: block;
    width: 100%;
    margin: 0 auto 30px;
    font-weight: 500;
    font-size: 24px;
    text-align: center;
    padding: 0;
}
.box{
	width: 100%;
	margin: 0 0 30px;
    font-size: 16px;
}
.box-mdl{
	width: 100%;
    margin: 10px auto 30px;
}
.box-mdl a:hover{
	text-decoration: underline;
}
.box-mdl-title{
    margin: 10px auto;
    font-weight: bold;
}
.box-border {
	width: 840px;
    border: 1px solid #dcdcdc;
    margin: 30px 0;
    padding: 20px;
}
.box2{
	width: 100%;
	margin: 0 0 30px;
    font-size: 16px;
}
.box2-stc{
	width: 460px;
	float: left;
    font-size: 16px;
}
.box2-stc_p-mark{
	width: 560px;
	float: left;
    font-size: 14px;
}
.box2-stc_200{
	width: 200px;
	float: left;
    font-size: 14px;
}
.stc-mg{
	margin-bottom: 10px;
}
.box2-img{
	float: right;	
}
.box2-img img{
	border-radius: 5px;
}
.box2-mdl{
	width: 40%;
	float: left;
    padding:0 5%;
}
.box2-mdl-title{
    text-align: center;
    margin: 10px auto;
}
.box2-mdl-img{
    text-align: center;
}
.box2-mdl-img img{
    border-radius: 50px;
}
.box3{
	width: 100%;
	margin: 0 0 30px;
    font-size: 16px;
}
.box3-mdl{
	width: 29%;
	float: left;
    padding: 0 2%;
}
.box3-mdl-title{
    margin: 10px auto;
    text-align: center;
}
.box3-mdl-img{
    margin:0 auto;
    text-align: center;
}
.note{
    font-size: 12px;
    padding: 20px;
    text-align: left;
}
.detail-btn a {
    display: block;
    font-size: 12px;
    font-weight: 500;
    padding: 5px;
    background-color: #008b8b;
    text-align: center;
    color: #fff;
    border-bottom: 3px solid #006666;
    border-right: 3px solid #006666;
    width: 120px;
    margin: 10px auto;
}

.detail-btn a:hover{
    background: #87cefa;
    color: #fff;
    border-bottom: 3px solid #87cefa;
    border-right: 3px solid #87cefa;
}


.info-tr{
    height: 80px;
}

/* -----------------------------------faq----------------------------------*/
.faq-ques {
    margin-bottom: 5px;
	font-size: 20px;
}
.faq-ans {
    margin-bottom: 30px;
}


/*�⍇���t�H�[��
----------------------------------------------------*/


input[type=submit]:hover {
    background: #87cefa;
    color: #fff;
    border-bottom: 5px solid #87cefa;
    border-right: 5px solid #87cefa;
    border-top: 2px solid #87cefa;
    border-left: 2px solid #87cefa;
}
 input[type=submit] {
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background: #ffa500;
    border-bottom: 5px solid #d2691e;
    border-right: 5px solid #d2691e;
    border-top: 2px solid #ddd;
    border-left: 2px solid #ddd;
    padding: 7px 30px;
    outline: 0;
	font-size:16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.form-t {
    margin: 0 auto 10px;
}

.form-t th {
    background: #f5f5f5;
    padding: 15px;
    text-align: left;
    width: 200px;
	font-size: 14px;
	font-weight:500;
}

.form-t th span{
    display: inline-block;
	font-size: 12px;
	width:30px;
	color: #ffffff;
    padding: 2px 10px;
    margin-left:20px;
    background: #036eb8;
	font-weight:normal;
}
.form-t td {
    background: #ffffff;
    padding:15px 20px;
}
.form-t .radio-button {
	font-size: 8px;
}

.form-que {
    margin:10px 0;
}

.form-que th {
    background: #e6f3ff;
    padding: 5px 15px;
    text-align: left;
    width: 300px;
	font-size: 12px;
	font-weight:bold;
	color: #036eb8;
}

.red-font{
	color: #ff0000;
	font-weight:normal;
}

.form-que th .j-font{
	color: #000000;
	font-weight:normal;
	font-size: 10px;
}

.form-que td {
    background: #ffffff;
    padding:15px 20px;
}

input.text.err {
  background-color: #fff8f8;
  border: 1px solid #aa6666;
}

.err span {
  color: #aa6666;
	font-size:12px;
	margin-left:15px;
}

input.text.err {
  background-color: #fff8f8;
  border: 1px solid #aa6666;
}
.send{
		display:block;
		margin: 30px auto 15px;
		width:215px;		
}
.notice{
		text-align: center;
}
.p-mark{
		text-align: center;
}

.form-s {
    margin: 0 auto 10px;
}

.form-s th {
    padding: 10px 0px 10px 30px;
    text-align: left;
    width: 200px;
	font-size: 14px;
	font-weight:bold;
}

.form-s th span{
    display: inline-block;
	font-size: 12px;
	width:30px;
	color: #ffffff;
    padding: 2px 10px;
    margin-left:20px;
    background: #036eb8;
	font-weight:normal;
}


.form-s td {
    padding:10px 20px;
}
.form-s .radio-button {
	font-size: 8px;
}

/* -----------------------------------price----------------------------------*/

.matrix-plan {
    border-collapse: collapse;
    margin: 0 auto;
    width: 100%;
    text-align: left;
}
.matrix-header-per{
	color: #333;
    padding: 10px 0;
    text-align: center;
	font-size: 14px;
	font-weight: 300;
}
.matrix-header-cell{
    border: 1px solid #cfcfcf;
    width: 209px;
    vertical-align: baseline;
    padding: 20px;
}
.matrix-header-title{
	color: #2080c0;
    padding: 10px 0;
    text-align: center;
	font-size: 22px;
}
.matrix-header-stc{
    margin: 10px 0;
    text-align: left;
}
.matrix-header-note{
    margin: 10px 0;
    text-align: center;
	font-size: 12px;
}
.matrix-header-price{
    margin: 10px 0;
    text-align: center;
	font-size: 32px;
}
.matrix-header-inq a{
    display: block;
    border: 1px solid #cfcfcf;
    padding: 10px;
    width: 160px;
    text-align: center;
    margin: 10px auto;
    background: url("../img/arrow-inq-off.png") no-repeat 5% 50%;
}
.matrix-header-inq a:hover{
    border: 1px solid #dc143c;
    color: #dc143c;
    background: url("../img/arrow-inq-on.png") no-repeat 5% 50%;
}
.matrix-body-cell{
    border: 1px solid #cfcfcf;
    height: 50px;
    text-align: center;
}

/* -----------------------------------step1----------------------------------*/
.step {
    list-style: none;
    overflow: hidden;
    width: 640px;
    background: #fff;
    border: 1px solid #2673bf;
    display: table;
    margin: 0 auto;
}
.step li {
    display: table-cell;
}
.step li {
    color: #2673bf;
    text-decoration: none;
    text-align: center;
    padding: 10px 0;
    width: 50%;
    background: #fff;
    position: relative;
    float: left;
    vertical-align: middle;
}
.step .target {
    color: #fff;
    background: #2673bf;
    font-size: 18px;
    font-weight: bold;
}
.step li:after {
    content: " ";
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #2673bf;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    left: 100%;
    z-index: 2;
}
.step li:before {
    content: " ";
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 30px solid #2673bf;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    margin-left: 1px;
    left: 100%;
    z-index: 1;
}
.listdecimal li{
		margin-top:20px;
		margin-left:20px;
		list-style:decimal;
				}
.listdisc li{
		margin-top:0px;
		margin-left:20px;
		list-style: disc;
				}
.listdecimalin li{
		margin-top:0px;
		margin-left:20px;
		list-style:decimal;
				}
.listdecimalin2 li{
		margin-top:0px;
		margin-left:20px;
		list-style:decimal;
				}
.listdiscin li{
		margin-top:0px;
		margin-left:20px;
		list-style: disc;
				}
.listdiscin2 li{
		margin-top:0px;
		margin-left:20px;
		list-style: disc;
				}