@charset "utf-8";

/*########## 汎用 ##########*/
/* タイトル */


@media screen and (min-width: 992px) { 	
h1.ttl00 {
	display: block;
	margin: 0 auto 1.25em auto;
	text-align: center;
	padding: 4px 20px 3px 20px;
	position: relative;
	border: solid #000000 2px;
	font-size: 16px;
	color: #000000;
	border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
	width: 200px;
}
}

@media screen and (max-width: 991px) { 	
h1.ttl00 {
	display: block;
	margin: .25em auto .75em auto;
	text-align: center;
	padding: 6px 20px 4px 20px;
	position: relative;
	border: solid #000000 4px;
	font-size: 2.25em;
	color: #000000;
	border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
	width: 45%;
}
}



.ttl01 {
	display: block;
	background-color: #000000;
	margin: 0;
	padding: 6px 12px;
	text-align: center;
	font-size: 1.5em;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	color: #fff;
	font-weight: bold;
}

.ttl01-sub {
	font-size: .75em;
	color: #000000;
}


@media screen and (max-width: 991px) {
.ttl01 {
	display: block;
	width: 90%;
	background-color: #000000;
	margin: 0 auto !important;
	padding: .35em .25em;
	font-size: 2.75em;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	color: #fff;
	font-weight: bold;
	line-height: 1.5em;
}



.ttl01-sub {
	font-size: .75em;
	color: #000000;
}

}

.ttl01_black {
	display: block;
	background-color: #000000;
	padding: 6px 12px;
	text-align: center;
	font-size: 1.5em;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	color: #fff;
	font-weight: bold;
}

@media screen and (min-width: 992px) {
.ttl01_black {
	margin: 0 0 .25em 0;
}
}


@media screen and (max-width: 991px) {
.ttl01_black {
	display: block;
	width: 90%;
	background-color: #000000;
	margin: 0 auto;
	padding: .5em;
	font-size: 2.75em;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	color: #fff;
	font-weight: bold;
}

}

.ttl02_write {
	display: block;
	background-color: #fff;
	margin: 1em auto 0em auto;
	padding: 8px 0px;
	text-align: left;
	font-size: 1.5em;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	color: #000000;
	font-weight: bold;
}


@media screen and (max-width: 991px) {
.ttl02_write {
	display: block;
	background-color: #fff;
	margin: .5em auto 0 auto;
	font-size: 1.5em;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	color: #000000;
	font-weight: bold;
}

}

.style1 {
	margin: 1.0em 0 .5em 0;
}

@media screen and (max-width: 991px) {
.style1 {
	margin: .5em 0 .5em 0;
}
}


ul.li_style1 li {
	margin: 1.25em 0 2.75em 0;
}



.ttl02 {
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 30px;
	font-size: 18px;
	position: relative;
	top: -10000px;
}


@media screen and (min-width: 992px) { 	
.column3_pagetitle {
	display: block;
	margin: 0 auto 1em auto;
	height: 42px;
}

.column3_pagetitle img {
	margin: 0 auto;	
	position: relative;
	left: 50%;
	transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
    -ms-transform: translateY(0) translateX(-50%);
}

.column3_pagetitle-sp {
	display: none;
}

h2.coursenumber span {
	font-size: nomal !important;
	
}	
}



h2.coursenumber {
	display: block;
	text-align: right;
	font-size: 1em;
	font-weight: bold;
	background-color: #fff;
	height: auto;
	padding: 5px;
	border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;

}




@media screen and (max-width: 991px) { 	
.column3_pagetitle-sp {
	margin: 1em 0 2em 0;
	height: 56px;
}

.column3_pagetitle-sp img {
	margin: auto 0;	
	position: relative;
	left: 50%;
	transform: translateY(0) translateX(-50%);
    -webkit-transform: translateY(0) translateX(-50%);
    -ms-transform: translateY(0) translateX(-50%);
}

.column3_pagetitle {
	display: none;
}

h2.coursenumber {
	margin: 0 40px;	
	font-size: 1.75em;
	margin-top: 20px
}


}


.ttl03 {
	margin: 0 0 10px 0;
	padding: 7px 10px 8px 28px;
	font-size: 14px;
}

.ttl04 {
	margin: 0 0 10px 0;
	padding: 0 0 0 16px;
	font-size: 14px;
	font-weight: bold;
}

.ttl05 {
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
}

/* 注意書き・補足など */
.caution { font-size: 10px;}
.caution span { color: #d25050;}


/* リスト */
.li_red {
	margin: 0;
	padding: 0;
}

.li_red li {
	padding: 0;
	list-style:none;
}

.t_red {
	font-weight: normal;
}

@media screen and (max-width: 991px) {
.li_red {
	margin: 0;
	padding: 0;
	font-size: 2em;
	line-height: 1.5em;
}

.contents_block ul.li_red li {
	font-size: 1.5em;
	line-height: 1.25em;
}

.t_red {
	font-size: 1.5em;
	line-height: 1.25em;
}

@media screen and (max-width: 991px) {
.page_txt {
	padding: 0px 10px;
}

}

}