/* common系の設定を定義*/

.txspacing {
	letter-spacing: 0.125em;
		}


.tx_dropshadow {
	text-shadow: 1px 1px 3px #000;
}

.scalable {
	max-width: 100%;
}

bold {font-weight:900;}
strong {font-weight:900;}

.bodytxt {
	font-size: 13px;
}

.bodytxtb {
	font-size: 13px;
	font-weight: bold;
}

.bodytxtL {
	font-size: 15px;
}
.bodytxtLB {
	font-size: 15px;
	font-weight: bolder;
}

.titletxt {
	font-size: 16px;
}

.titletxtB {
	font-size: 16px;
	font-weight: bolder;
}

.titletxtL {
	font-size: 18px;
	color: #333333;
}

.titletxtLB {
	font-size: 18px;
	color: #333333;
	font-weight: bolder;	
}

.titletxtXL {
	font-size: 22px;
	color: #333333;
}

.titletxtXLB {
	font-size: 22px;
	font-weight: bolder;
}

.xstxt {
	font-size: 10px;
}

.sstxt {
	font-size: 11px;
}
.stxt {
	font-size: 12px;
}
.mtxt {
	font-size: 13px;
}


.sLtxt {
	font-size: 15px;
}
.Ltxt {
	font-size: 16px;
}
.LLtxt {
	font-size: 18px;
}

.XLtxt {
	font-size: 20px;
}
.XXLtxt {
	font-size: 22px;
}

.Herotxt {
	font-size: 24px;
}

.HeroLtxt {
	font-size: 26px;
}

.C95per {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.C90per {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.C85per {
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.C80per {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.C75per {
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.C65per {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.C50per {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.blockborder {
	border-width: 1px;
	padding: 10px;
	border-style: solid;
}

.LH185 {
	line-height: 185%;
}

.LH150 {
	line-height: 150%;
}

.LH140 {
	line-height: 145%;
}

.LH135 {
	line-height: 135%;
}

.LH130 {
	line-height: 130%;
}

.LH125 {
	line-height: 125%;
}

.LH120 {
	line-height: 120%;
}

.LH110 {
	line-height: 110%;
}

.LH100 {
	line-height: 100%;
}

.tabletxt {
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}
.tabletxtb {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
}

.tableborder {
	border: thin solid #666666;
}

#contents_mainarea HR {
	border: 0 dotted orange;
	height: 1px;
	background-color: #FF6600;
}

.L_line {
	padding-left: 10px;
	border-left: 4px solid;
	overflow: hidden;
	
	padding-top: 3px;
	padding-bottom: 1px;
}

.top2pxm {
	margin-top: 2px;
}

.nowrap {
	overflow: hidden;
}

/* 2014.06.16 #CBODY 内のH1〜H5までのフォントに関しての文字サイズ指定を検証  */
/* 2014.06.24 #CBODY 内のH1を22pxから24pxにH2を20pxから21pxに変更して検証 */

#contents_mainarea H1{
	font-size: 24px;
	font-weight: 900;
}
#contents_mainarea H2{
	font-size: 22px;
	font-weight: 900;
}
#contents_mainarea H3{
	font-size: 20px;
	font-weight: 900;
}
#contents_mainarea H4{
	font-size: 18px;
	font-weight: 900;
}
#contents_mainarea H5{
	font-size: 16px;
	font-weight: 900;
}

#contents_mainarea H6{
	font-size: 14px;
	font-weight: 900;
}

#contents_mainarea > P, H1, H2, H3, H4, H5, H6 {
	margin-top: 0px;
	margin-bottom: 15px;
}

#contents_mainarea > H1, H2, H3, H4, H5, H6 {
	line-height: 155%;
}

#contents_mainarea P {
	line-height: 180%;
}

#contents_mainarea blockquote {
	margin-left: 30px;
	margin-right: 10px;
 }


.clr_RFGreen {
	color: #00A498;
}
.clr_RFBlue {
	color: #2FA8C9;
}

.clr_RFYellow {
	color: #F9DE3D;
}
.clr_RFROrange {
	color: #F7931E;
}

.clr_RFOrange {
	color: #F6AB3A;
}

.clr_RFLOrange {
	color: #F2C63D;
}

.clr_RFBrown {
	color: #998675;
}
.clr_RFDLGreen {
	color: #80A198;
}
.clr_RFDBGreen {
	color: #5CA297;
}

.clr_RFGray {
	color: #545454;
}

.clr_SDGreen {
	color: #00341C;
}
.clr_SGreen {
	color: #3A6357;
}
.clr_SBGLGreen {
	color: #83B69F;
}
.bg_SBGLGreen {
	background-color: #83B69F;
}
.clr_SLGreen {
	color: #80A198;
}

.clr_SSGreen {
	color: #568275;
}

.clr_SDBlue {
	color: #16313B;
}
.clr_SDBrown {
	color: #736357;
}
.clr_SGBrown {
	color: #C7B299;
}
.bg_SGBrown {
	background-color: #C7B299;
}

.clr_SLBrown {
	color: #998675;
}

.clr_SSBrown {
	color: #8F745E;
}




.clr_ORANGE {
	color: #FF6600;
}
.clr_LIGHTORANGE {
	color: #FF9900;
}
.clr_YELLOW {
	color: #FFFF00;
}
.clr_BK {
	color: #000000;
}
.clr_GRAY {
	color: #333333;
}
.clr_LIGHTGRAY {
	color: #666666;
}
.clr_RED {
	color: #FF0000;
}
.clr_DARKRED {
	color: #990000;
}
.clr_BLUE {
	color: #3300FF;
}
.clr_BLUEPUPLR {
	color: #6666FF;
}
.clr_DARKGREEN {
	color: #003300;
}
.clr_GREEN {
	color: #006600;
}
.clr_PUPLR {
	color: #9900FF;
}
.clr_PINK {
	color: #FF99CC;
}
.clr_BROWN {
	color: #660200;
}
.clr_LIGHTBLUE {
	color: #0066FF;
}
.clr_SKYBLUE {
	color: #33CCFF;
}

.bg_RFGreen {
	background-color: #00A498;
}

.clr_WH {
	color: #FFFFFF;
}
.clr_ROSE {
	color: #330000;
}



.Rimg {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	vertical-align: text-top;
}

.Limg {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	vertical-align: text-top;
}

.RimgS {
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	vertical-align: text-top;
}

.LimgS {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	vertical-align: text-top;
}

.round_padding {
	padding:10px;
}

.side_padding {
	padding-right: 10px;
	padding-left: 10px;
}

.bottom_padding {
	padding-bottom: 10px;
}

.top_padding {
	padding-top: 10px;
}

.round_doublepadding {
	padding:20px;
}

.side_doublepadding {
	padding-right: 20px;
	padding-left: 20px;
}

.bottom_doublepadding {
	padding-bottom: 20px;
}

.top_doublepadding {
	padding-top: 20px;
}


.round_margin {
	margin:	10px;
}

.side_margin {
	margin-right: 10px;
	margin-left: 10px;
}

.round_doublemargin {
	margin:	20px;
}

.Lmargin {
	margin-left:	10px;
}

.Rmargin {
	margin-right:	10px;
}

.topmargin {
	margin-top:	10px;
}

.bottommargin {
	margin-bottom:	10px;
}

.margin {
	margin-top:	10px;
	margin-bottom:	10px;
}

.no_topmargin {
	margin-top:	0px;
}

.no_bottommargin {
	margin-bottom:	0px;
}

.no_margin {
	margin-top:	0px;
	margin-bottom:	0px;
}

.double_topmargin {
	margin-top:	20px;
}

.double_bottommargin {
	margin-bottom:	20px;
}


.double_margin {
	margin-top:	20px;
	margin-bottom:	20px;
}

.line_double_under {
	width: auto;
	border-bottom: 3px double;
}

.line_double_upper {
	width: auto;
	border-top: 3px double;
}

.line_single_under {
	width: auto;
	border-bottom: 1px solid;
}
.line_single_upper {
	width: auto;
	border-top: 1px solid;
}

.line_dot_under {
	width: auto;
	border-bottom: 1px dotted;
}
.line_dot_upper {
	width: auto;
	border-top: 1px dotted;
}

.line_dot_under_triple {
	width: auto;
	border-bottom: 3px dotted;
	padding-bottom: 5px;
}
.line_dot_upper_triple {
	width: auto;
	border-top: 3px dotted;
	padding-top: 5px;
}

.line_ORANGE_upper {
	width: auto;
	border-top: 1px solid #F60;
}


.tx_left {
	text-align: left;
}

.tx_right {
	text-align: right;
}

.tx_center {
	text-align: center;
}


.align_left {
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
}

.align_right {
	float: right;
	padding-left: 5px;
	padding-bottom: 5px;
}
#contents_mainarea ol, ul {
	margin-left: 20px;
	margin-top: 1em;
	margin-bottom: 1em;
}
#contents_mainarea li {
	margin-left: 20px;
}
#c_title A,
#c_title A:visited,
#c_title A:hover,
#c_title A:active {
	color: #FFFFFF;
}
#longword {
	display: inline;
}


@media only screen and (max-width: 480px) {

#contents_mainarea blockquote {
	margin-left: 10px;
	margin-right: 5px;
 }
#contents_mainarea ol, ul {
	margin-left: 10px;
}
#contents_mainarea li {
	margin-left: 10px;
}
#longword {
	display: none;
}
/*スマートフォンでのフォントサイズ調整を追記*/
#contents_mainarea H1{
	font-size: 20px;
	margin-bottom:	10px;
}
#contents_mainarea H2{
	font-size: 18px;
	margin-bottom:	10px;
}
#contents_mainarea H3{
	font-size: 16px;
/*	line-height: 28px;*/
	margin-bottom:	10px;
}
#contents_mainarea H4{
	font-size: 15px;
/*	line-height: 26px;*/
	margin-bottom:	10px;
}

.Ltxt {
	font-size: 15px;
}
.LLtxt {
	font-size: 16px;
}

.XLtxt {
	font-size: 17px;
}
.XXLtxt {
	font-size: 18px;
}

.Herotxt {
	font-size: 20px;
}

.HeroLtxt {
	font-size: 22px;
}


.C95per, .C90per {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

.C85per, .C80per, .C75per, .C65per, .C50per  {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}

}


@media only screen and (max-width: 375px) {

.Rimg {
	float: none;
	display: block;
	margin: 0px auto 10px auto;
	clear: both;
}

.Limg {
	float: none;
	display: block;
	margin: 0px auto 10px auto;
	clear: both;
}

}

@media only screen and (max-width: 320px) {


#contents_mainarea blockquote {
	margin-left: 5px;
	margin-right: 0px;
 }
#contents_mainarea ol, ul {
	margin-left: 5px;
}
#contents_mainarea li {
	margin-left: 5px;
}

}

/*svgimgのサイズ定義*/
.studentvoice {
	width: 202px;
	height: 20px;
}

.examsvg {
	width: 150px;
	height: 150px;

}




/*Magnific Pop-up*/
#open-popup {padding:20px}
.white-popup {
  position: relative;
  background: #FFF;
  padding: 40px;
  width: auto;
  max-width: 200px;
  margin: 20px auto;
  text-align: center;
}


/*Simplelightbox*/
.gallery {
	color:	#fff;
}

.gallery img {
  border: 0 none;
  border-radius: 3px;
  display: inline-block;
  position: relative;
}


 /* accordion panel */
button.accordion {
    /*background-color: #eee;*/
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

button.accordion.active, button.accordion:hover {
    /*background-color: #ddd;*/
}

div.panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 500px; 
}

button.accordion:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}


/* Spacements */
/* spacement top & bottom */
.m-none {
	margin: 0 !important;
}

.m-auto {
	margin: 0 auto !important;
}

.m-xs {
	margin: 5px !important;
}

.m-sm {
	margin: 10px !important;
}

.m-md {
	margin: 15px !important;
}

.m-lg {
	margin: 20px !important;
}

.m-xl {
	margin: 25px !important;
}

.m-xlg {
	margin: 30px !important;
}

/* spacement top	*/
.mt-none {
	margin-top: 0 !important;
}

.mt-xs {
	margin-top: 5px !important;
}

.mt-sm {
	margin-top: 10px !important;
}

.mt-md {
	margin-top: 15px !important;
}

.mt-lg {
	margin-top: 20px !important;
}

.mt-xl {
	margin-top: 25px !important;
}

.mt-xlg {
	margin-top: 30px !important;
}

/* spacement bottom	*/
.mb-none {
	margin-bottom: 0 !important;
}

.mb-xs {
	margin-bottom: 5px !important;
}

.mb-sm {
	margin-bottom: 10px !important;
}

.mb-md {
	margin-bottom: 15px !important;
}

.mb-lg {
	margin-bottom: 20px !important;
}

.mb-xl {
	margin-bottom: 25px !important;
}

.mb-xlg {
	margin-bottom: 30px !important;
}

/* spacement left	*/
.ml-none {
	margin-left: 0 !important;
}

.ml-xs {
	margin-left: 5px !important;
}

.ml-sm {
	margin-left: 10px !important;
}

.ml-md {
	margin-left: 15px !important;
}

.ml-lg {
	margin-left: 20px !important;
}

.ml-xl {
	margin-left: 25px !important;
}

.ml-xlg {
	margin-left: 30px !important;
}

/* spacement right	*/
.mr-none {
	margin-right: 0 !important;
}

.mr-xs {
	margin-right: 5px !important;
}

.mr-sm {
	margin-right: 10px !important;
}

.mr-md {
	margin-right: 15px !important;
}

.mr-lg {
	margin-right: 20px !important;
}

.mr-xl {
	margin-right: 25px !important;
}

.mr-xlg {
	margin-right: 30px !important;
}

/* Spacement Padding */
.p-none {
	padding: 0 !important;
}

.p-xs {
	padding: 5px !important;
}

.p-sm {
	padding: 10px !important;
}

.p-md {
	padding: 15px !important;
}

.p-lg {
	padding: 20px !important;
}

.p-xl {
	padding: 25px !important;
}

.p-xlg {
	padding: 30px !important;
}

/* spacement top	*/
.pt-none {
	padding-top: 0 !important;
}

.pt-xs {
	padding-top: 5px !important;
}

.pt-sm {
	padding-top: 10px !important;
}

.pt-md {
	padding-top: 15px !important;
}

.pt-lg {
	padding-top: 20px !important;
}

.pt-xl {
	padding-top: 25px !important;
}

.pt-xlg {
	padding-top: 30px !important;
}

/* spacement bottom	*/
.pb-none {
	padding-bottom: 0 !important;
}

.pb-xs {
	padding-bottom: 5px !important;
}

.pb-sm {
	padding-bottom: 10px !important;
}

.pb-md {
	padding-bottom: 15px !important;
}

.pb-lg {
	padding-bottom: 20px !important;
}

.pb-xl {
	padding-bottom: 25px !important;
}

.pb-xlg {
	padding-bottom: 30px !important;
}

/* spacement left	*/
.pl-none {
	padding-left: 0 !important;
}

.pl-xs {
	padding-left: 5px !important;
}

.pl-sm {
	padding-left: 10px !important;
}

.pl-md {
	padding-left: 15px !important;
}

.pl-lg {
	padding-left: 20px !important;
}

.pl-xl {
	padding-left: 25px !important;
}

.pl-xlg {
	padding-left: 30px !important;
}

/* spacement right	*/
.pr-none {
	padding-right: 0 !important;
}

.pr-xs {
	padding-right: 5px !important;
}

.pr-sm {
	padding-right: 10px !important;
}

.pr-md {
	padding-right: 15px !important;
}

.pr-lg {
	padding-right: 20px !important;
}

.pr-xl {
	padding-right: 25px !important;
}

.pr-xlg {
	padding-right: 30px !important;
}




/* Dividers */
hr {
	background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
	background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
	border: 0;
	height: 1px;
	margin: 22px 0;
}

hr.short {
	margin: 11px 0;
}

hr.tall {
	margin: 33px 0;
}

hr.taller {
	margin: 66px 0;
}

hr.solid {
	background: #DBDBDB;
}

hr.light {
	background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.15), transparent);
	background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.15), transparent);
}

hr.invisible {
	background: none;
}