@charset "utf-8";

html { font-size: 62.5%; padding:0; margin:0;} 
/*------------------------------------------------------
		body		
------------------------------------------------------*/
body, pre{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
}
body{
	color:#3d3d3d;
	font-size: 1.4rem;
	font-size: 14px;
	width:100%;
	max-height: 999999px; /* android chome hack */
}
a{
	color:#666;
	text-decoration:underline;
}
a:hover{
	color:#999;
	text-decoration:none;
}

.left{
	float:left;
	display: block !important; /* tabのdisplay:none;回避用 */
}
.right{
	float:right;
	display: block !important; /* tabのdisplay:none;回避用 */
}
.alCenter{
	text-align:center !important;
	display: block !important; /* tabのdisplay:none;回避用 */
}
.alLeft{
	text-align:left !important;
}
.alRight{
	text-align:right !important;
}
.bold{
	font-weight:bold;
}
p{
	line-height:1.6;
}
li{
	list-style: none;
}
img{
	max-width: 100%;
	 height: auto; 
/*	transform: scale(1.15); */
	vertical-align:bottom;
	/*width:auto;*/
}

/* image hover */
a:hover img{
filter: alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
}
#wrapper a{
display:inline-block;
background:white;
}

/* sp android */
p{
	/*background:url(../img/common/sp.png);	*/
}

/*------------------------------------------------------
		header		
------------------------------------------------------*/
header{
	width:100%;
	min-width:1150px;
	margin:0;
	padding-bottom:0px;
	position:relative;
}
@media screen and (max-width:767px){
header{
	min-width:1150px;
}	
}
@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1) {
    header .inner{
	min-width:1000px;
	padding:0 75px;
}
} 
@media screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) {
    header .inner{
	min-width:1000px;
	padding:0 75px;
}
} 
h1#siteId{
	float:left;
	margin:10px 0 0px; 
}
/*tel 106*/
#headTel {
	width: 280px;
	height: 80px;
	float: right;
	text-align: center;
	margin: 0px 0px 27px;
	background: #fff000;
}

.headTel-inner {
	width: 280px;
	height: 80px;
	padding-top: 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-line-pack: justify;
	align-content: space-between;
}

.headTel-inner p {
	line-height: 32px
}

#headTel a {
	text-decoration: none;
	width: 280px;
	height: auto;
}

#headTel a:hover {
	opacity: 0.6;

}

.headTel-1,
.headTel-2,
.headTel-3 {
	font-weight: 600;
	font-family: "Arial Black","sans-serif";
}

.headTel-1,
.headTel-3 {
	color: #40210f;
}

.headTel-2 span {
	font-family: "sans-serif";
	font-size:17px;
}

.headTel-1 {
	font-size: 16px;
}

.headTel-2 {
	color: #e50012;
	font-size: 23px;
	letter-spacing: 1px;
	transform: scale(1,1.1)
}

.headTel-3 {
	font-size: 15px;
}


/* gNav */
nav{
	clear:both;
}
#gNav{
	width:1000px;
	margin:0;
	height:41px;
}
#gNav li{
float:left;
	position:relative;
/*
   display: inline-block;
    text-align: center;
*/
}
#gNav p{
position: absolute;
color: white;
top: 11px;
left: 0px;
width: 100%;
margin:0px;
padding:0px;
text-align:center;
}

#gNav ul {
	display:none;
	position:absolute;
	top:41px;
	left:0;
}
* html #gNav ul {
	line-height: 0;
}
#gNav ul li {
	float: none;
	background-color:#FFF000;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#nagNav ul {
	width:155px;
}
#gNav ul li a { 
	display: block;
	width: 155px;
	color: #40210F;
	text-decoration:none;
	font-size:12px;
	font-weight: bold;
}
#gNav ul li{
	border-bottom:1px solid #fff;	
	padding: 10px 10px;
}
#gNav ul li:last-child{
    border-bottom:none !important;
}
#gNav ul a.hover {
	text-decoration:underline;
/*	background-color:#40210F;*/
}


/*------------------------------------------------------
		main2
------------------------------------------------------*/
#main2{
	width:100%;
	margin:0 auto;
	background:url(../img/common/bg03.jpg) ;
}

/* top */
.h30{
height:18px;
color: #fff;
padding-top: 3px;
font-size: 15px;
font-weight: bold;
}

/*add to class*/
.main2__inner{
	width: 1000px;
	margin: 0 auto;
}
/*------------------------------------------------------
		main
------------------------------------------------------*/

/*mainimgの切り替え 263*/
#main {
	width: 100%;
	min-width: 1150px;
	margin: 0;
	text-align: center;
/* 	background: url(../img/common/bg02_spring.jpg); */
}

.main_bg10, .main_bg11{
	background:#f7c7cb;
}
.main_bg20, .main_bg21{
	background:#afd25e;
}
.main_bg30, .main_bg31{
	background:#f18e38;
}
.main_bg40, .main_bg41{
	background:#1b1464;
}

/* top */
.h468{
	height:468px;
}
/* page */
.h160_01,
.h160_02{
	text-align:center;
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
	background:url(../img/common/bgH2.png) no-repeat  center;
	color:#fff;
}
.h160_01{padding-top:65px;height:95px;} /* タイトル1行 */
.h160_02{padding-top:43px;height:117px; line-height:1.3;} /* タイトル2行 */

/*------------------------------------------------------
		main3
------------------------------------------------------*/

#main3{
	width:100%;
	min-width:1150px;
	margin:0;
	text-align:center;
	background:url(../img/common/bg04.jpg) ;
}
@media screen and (max-width:767px){

}

/* top */
.h468{
	height:468px;
}
/* page */
.h160_01,
.h160_02{
	text-align:center;
	font-size:32px;
	font-size:3.2rem;
	font-weight:bold;
	background:url(../img/common/bgH2.png) no-repeat  center;
	color:#fff;
}
.h160_01{padding-top:65px;height:95px;} /* タイトル1行 */
.h160_02{padding-top:43px;height:117px; line-height:1.3;} /* タイトル2行 */

/*------------------------------------------------------
		layout
------------------------------------------------------*/
#wrapper{
	min-width:1150px;
	width:100%;
	padding:27px 0 80px;
	/*	background:url(../img/common/bg.jpg) ;*/ 
background: repeating-linear-gradient(135deg, #f7f102 0, #f7f102 8px, #fdeeb1 8px, #fdeeb1 16px);
background: -moz-repeating-linear-gradient(135deg, #f7f102 0, #f7f102 8px, #fdeeb1 8px, #fdeeb1 16px);
background: -webkit-repeating-linear-gradient(135deg, #f7f102 0, #f7f102 8px, #fdeeb1 8px, #fdeeb1 16px);
background: -ms-repeating-linear-gradient(135deg, #f7f102 0, #f7f102 8px, #fdeeb1 8px, #fdeeb1 16px);
}
#contents{
	width:920px;
	min-width:920px;
	background-color:#fff;
	padding:35px 40px;
	display:block;
	margin:0 auto;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

.inner{
	width:1000px;
	min-width:1000px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	position:relative;
}

/* ttl */
h2,h3,h4{
	display:block;
}
.ttl{
	color:#40210F;
	font-size:22px;
	font-size:2.2rem;
	font-weight:bold;	
	padding-left:30px;
	background:url(../img/common/arw01.jpg) no-repeat left top;
	margin-bottom:22px;
}
.sttl{
	color:#00943E;
	font-size:18px;
	font-size:1.8rem;
	clear:both;
	font-weight:bold;
	margin-bottom: 15px;
	line-height:1.5;
}
.ssttl{
	color:#7a5e4b;
	font-size:16px;
	font-size:1.6rem;
	clear:both;
	font-weight:bold;
	margin-bottom: 5px;
	line-height:1.5;
}
.sssttl{
	color:#666;
	font-size:15px;
	font-size:1.5rem;
	clear:both;
	font-weight:bold;
	margin-bottom: 5px;
	line-height:1.5;
}

/* sec */
.sec{
	clear:both;
	margin:20px 0 30px;
}


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

}

/* pagetop */
#pagetop{
	bottom: 150px;
    position: fixed;
    right: 30px;
}

/*------------------------------------------------------
		footer	
------------------------------------------------------*/
footer{
	width:100%;
	min-width:1150px;
	background-color:#40210F;
	padding:29px 0 19px;
}
footer a{
	color:#fff !important;
	text-decoration:none !important;
}
footer .txt12 a:hover{
/*
	color:#40210F !important;
	text-decoration:underline !important;
*/	
/*	border: solid 2px #6a3906;
 * 	background-color: #fbff00;
	color: #40210f !important;
 * */
	background-color: #40210F;
	color: #fbff00 !important;
}

/* sitemap */
#sitemap{
	width:100%;
	margin-bottom:32px;
	clear:both;
}
#sitemap ul{
	width:300px;
	float:left;
}
#sitemap ul li{
	display:block;
	padding-left:15px;
	margin-bottom:1px;
	background:url(../img/common/arw_foot.jpg) no-repeat left 3px;
	line-height:1.5;
}
#sitemap ul li ul li{
	background:none !important;
	padding-left:22px;
}
/*link運営会社*/
.linkCorp{
	background: none !important;
    padding-left: 0 !important;
}
.linkCorp a{
	display:block;
	padding: 7px 10px;
	text-align: center;
	width: 240px;
	border: solid 3px #fbfbfb;
	color: #fbfbfb !important;
	font-weight: bold;
	background-color: #7e6b5a;
	border-radius: 6px;
	-webkit-border-radius: 0px;
	margin-top: 15px;
	line-height: 1.2;
	box-sizing: border-box;
}
.linkCorp a:hover{
	border: solid 2px #6a3906;
	background-color: #fbff00;
	color: #40210f !important;
}

/* adress */
#adress{
	display:block;
	background-color:#fff;
	padding:30px;
}
#adress .footeraMap{
	width:480px;
	float:left;
	margin-right:40px;	
}
#adress p{line-height:1.7;}

#copyright{
	width:100%;
	text-align:center;
	color:#fff;
	padding-top:20px;
	margin-top:20px;
	border-top:solid 1px #fff;
}
@media only screen and (max-width: 767px){
	#copyright .txt13{
		font-size:80%;
	}
}


/*------------------------------------------------------
		clearfix
------------------------------------------------------*/
.cf:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.cf{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .cf{
	height: 1%;
}
.cf{
	display:block;
}
/* End Hack */

/*------------------------------------------------------
	table
------------------------------------------------------*/
/* type01 */
.type01{
	width:100%;
	line-height:1.6;
	border-collapse: separate;
	border-top:1px solid #d0c397;
	border-left:1px solid #d0c397;
}
.type01 th,.type01 td{
	padding:18px 15px;
	text-align:left;
	border-right:1px solid #d0c397;
	border-bottom:1px solid #d0c397;
	font-weight:normal;
}
.type01 th{
	color:#7e6b5a;
	white-space:bold;
	background-color:#f5f2e7;
	vertical-align:top;
}

/* type02 */
.type02{
	width:100%;
	line-height:1.6;
	border-collapse: separate;
	border-top:dotted 1px #bbb;
}
.type02 th,.type02 td{
	text-align:left;
	vertical-align:middle;
	border-bottom:dotted 1px #bbb;
}
.type02 th{
	white-space:nowrap;
	color:#00943E;
	font-size:16px;
	font-size:1.6rem;
	vertical-align:middle;
	padding:15px 20px 15px 1px;
}
.type02 td{
	padding:15px 1px;
}

/* type03 */
.type03{
	width:100%;
	line-height:1.6;
	border-collapse: separate;
	border-top:1px solid #d0c397;
	border-left:1px solid #d0c397;
}
.type03 th,.type03 td{
	padding:12px 15px;
	border-right:1px solid #d0c397;
	border-bottom:1px solid #d0c397;
	font-weight:normal;
}
.type03 thead th{
	text-align:center;
	color:#444444;
	font-weight:bold;
	background-color:#fefdf9;
}
.type03 th{
	color:#7e6b5a;
	white-space:bold;
	background-color:#f5f2e7;
	vertical-align:top;
	text-align:left;
}
.type03 td{
	text-align:center;
}

/* type_s */
.type_s{
	line-height:1.6;
	border-collapse: separate;
	border-top:1px solid #d0c397;
	border-left:1px solid #d0c397;
}
.type_s th,.type_s td{
	padding:18px 15px;
	text-align:left;
	border-right:1px solid #d0c397;
	border-bottom:1px solid #d0c397;
	font-weight:normal;
}
.type_s th{
	color:#7e6b5a;
	white-space:bold;
	background-color:#f5f2e7;
	vertical-align:top;
}


/*------------------------------------------------------
	form
------------------------------------------------------*/
.feeld_auto{width:90%;}
.feeld30{width:30px; margin-right:5px;}
.feeld50{width:50px; margin-right:5px;}
.feeld80{width:80px; margin-right:5px;}
.feeld100{width:100px; margin-right:5px;}
.feeld200{width:200px; margin-right:5px;}
.feeld300{width:300px; margin-right:5px;}
.feeld400{width: 400px;}
.feeld500{width: 500px;}
.feeld600{width: 600px;}
.feeld500h100{width:500px;height:100px;margin:0;}
label{margin: 0 1em 0 0;}
select {
}
.must{font-size:13px;color:#DC0003;padding-left:5px;}

/* bottun
-------------------------------------------------- */
.btnArea{
	padding:20px;
	text-align:center;
}

/* privacypolicy
-------------------------------------------------- */
.ppArea{
	background-color:#f7f5ef;
	height:150px;
	padding:15px;
	overflow:auto;
	display:block;
	margin:20px auto;
	font-size:13px;
}


/* mg 
-------------------------------------------------- */
/*bottom*/
.mg_b-5{margin-bottom:-5px !important;}
.mg_b5{margin-bottom:5px !important;}
.mg_b10{margin-bottom:10px !important;}
.mg_b15{margin-bottom:15px !important;}
.mg_b20{margin-bottom:20px !important;}
.mg_b25{margin-bottom:25px !important;}
.mg_b30{margin-bottom:30px !important;}
.mg_b35{margin-bottom:35px !important;}
.mg_b40{margin-bottom:15px !important;}
.mg_b45{margin-bottom:45px !important;}
.mg_b50{margin-bottom:50px !important;}


/* 全体の枠（親要素） */
[class^="image-text"] {
    position: relative;
}
 
/* 重ねる文字（子要素） */
.text1 {
	position: absolute;
	top: 250px;
	right: -37px;
	width: 96%;
	color: white;
	background-color: rgba(33, 39, 98, -0.5);
	padding: 19px;
	font-size: 23px;
	line-height: 61%;
}
.text2 {
	position: absolute;
	top: 22px;
	right: -16px;
	width: 96%;
	color: white;
	background-color: rgba(33, 39, 98, -0.5);
	padding: 19px;
	font-size: 26px;
	line-height: 61%;
}

.text3 {
	position: absolute;
	font-weight: bold;
	top: 22px;
	right: -75px;
	width: 69%;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 19px;
	font-size: 25px;
	line-height: 61%;
}


.text4 {
	position: absolute;
	font-weight: bold;
	top: 134px;
	right: -18px;
	width: 96%;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 19px;
	font-size: 42px;
	line-height: 22%;
}

.text5 {
	position: absolute;
	font-weight: bolder;
	overflow-wrap: normal;
	word-wrap: normal;
	top: 125px;
	right: 585px;
	width: 126px;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 13px;
	font-size: 21px;
	line-height: 123%;
}

.text6 {
	position: absolute;
	font-weight: bolder;
	overflow-wrap: normal;
	word-wrap: normal;
	top: 126px;
	right: 403px;
	width: 126px;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 13px;
	font-size: 21px;
	line-height: 123%;
}
.text7 {
	position: absolute;
	font-weight: bolder;
	overflow-wrap: normal;
	word-wrap: normal;
	top: 126px;
	right: 215px;
	width: 126px;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 13px;
	font-size: 21px;
	line-height: 123%;
}
.text8 {
	position: absolute;
	font-weight: bolder;
	overflow-wrap: normal;
	word-wrap: normal;
	top: 145px;
	right: 5px;
	width: 126px;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 13px;
	font-size: 32px;
	line-height: 123%;
}
 
/* 重ねる文字（子要素） */

.text10 {
	position: absolute;
	font-weight: bolder;
	overflow-wrap: normal;
	word-wrap: normal;
	top: 12px;
	right: -74px;
	width: 355px;
	color: #f5f2e7;
	background-color: rgba(33, 39, 98, -0.5);
	padding: 13px;
	font-size: 15px;
	line-height: 123%;
}

.text10.horizon {
	top: 105px;
	left: 210px;
}

/* 重ねる文字（子要素） */
.text1_guide {
	position: absolute;
	top: 231px;
	right: -37px;
	width: 96%;
	color: white;
	background-color: rgba(33, 39, 98, -0.5);
	padding: 19px;
	font-size: 22px;
	line-height: 60%;
}
.text2_guide {
	position: absolute;
	top: 18px;
	right: -16px;
	width: 96%;
	color: white;
	background-color: rgba(33, 39, 98, -0.5);
	padding: 19px;
	font-size: 26px;
	line-height: 61%;
}

.text3_guide {
	position: absolute;
	font-weight: bold;
	top: 19px;
	right: -75px;
	width: 69%;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 19px;
	font-size: 23px;
	line-height: 61%;
}


.text4_guide {
	position: absolute;
	font-weight: bold;
	top: 121px;
	right: -6px;
	width: 96%;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 19px;
	font-size: 42px;
	line-height: 22%;
}

.text5_guide {
	position: absolute;
	font-weight: bolder;
	overflow-wrap: normal;
	word-wrap: normal;
	top: 119px;
	right: 535px;
	width: 126px;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 13px;
	font-size: 21px;
	line-height: 123%;
}

.text6_guide {
	position: absolute;
	font-weight: bolder;
	overflow-wrap: normal;
	word-wrap: normal;
	top: 117px;
	right: 367px;
	width: 123px;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 13px;
	font-size: 21px;
	line-height: 123%;
}

.text7_guide {
	position: absolute;
	font-weight: bolder;
	overflow-wrap: normal;
	word-wrap: normal;
	top: 119px;
	right: 193px;
	width: 126px;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 13px;
	font-size: 21px;
	line-height: 123%;
}

.text8_guide {
	position: absolute;
	font-weight: bolder;
	overflow-wrap: normal;
	word-wrap: normal;
	top: 130px;
	right: -4px;
	width: 126px;
	color: rgb(106,58,5);
	background-color: rgba(33, 39, 98, -0.5);
	padding: 13px;
	font-size: 33px;
	line-height: 123%;
}


/*right*/
.mg_r5{margin-right:5px !important;}
.mg_r10{margin-right:10px !important;}
.mg_r15{margin-right:15px !important;}
.mg_r20{margin-right:20px !important;}
.mg_r25{margin-right:25px !important;}
.mg_r30{margin-right:30px !important;}
.mg_r35{margin-right:35px !important;}
.mg_r40{margin-right:40px !important;}
.mg_r45{margin-right:45px !important;}
/*left*/
.mg_l5{margin-left:5px !important;}
.mg_l10{margin-left:10px !important;}
.mg_l15{margin-left:15px !important;}
.mg_l20{margin-left:20px !important;}
.mg_l25{margin-left:25px !important;}
.mg_l30{margin-left:30px !important;}
.mg_l35{margin-left:35px !important;}
.mg_l40{margin-left:40px !important;}
.mg_l45{margin-left:45px !important;}
.txtTypeLine{text-decoration:underline !important;}



/* pd
-------------------------------------------------- */
/*top*/
.pd_t5{padding-top:5px !important;}
.pd_t10{padding-top:10px !important;}
.pd_t15{padding-top:15px !important;}
.pd_t20{padding-top:20px !important;}
.pd_t25{padding-top:25px !important;}
.pd_t30{padding-top:30px !important;}
.pd_t35{padding-top:35px !important;}
.pd_t40{padding-top:40px !important;}
.pd_t45{padding-top:45px !important;}
.pd_t50{padding-top:50px !important;}
/*bottom*/
.pd_b5{padding-bottom:5px;}
.pd_b10{padding-bottom:10px;}
.pd_b15{padding-bottom:15px;}
.pd_b20{padding-bottom:20px;}
.pd_b25{padding-bottom:25px;}
.pd_b30{padding-bottom:30px;}
.pd_b35{padding-bottom:35px;}
.pd_b40{padding-bottom:40px;}
.pd_b45{padding-bottom:45px;}
.pd_b50{padding-bottom:50px;}
/*left*/
.pd_l5{padding-left:5px;}
.pd_l10{padding-left:10px;}
.pd_l15{padding-left:15px;}
.pd_l20{padding-left:20px;}
.pd_l25{padding-left:25px;}
.pd_l30{padding-left:30px;}
.pd_l35{padding-left:35px;}
.pd_l40{padding-left:40px;}
.pd_l45{padding-left:45px;}
.pd_l50{padding-left:50px;}
/*right*/
.pd_r5{padding-right:5px;}
.pd_r10{padding-right:10px;}
.pd_r15{padding-right:15px;}
.pd_r20{padding-right:20px;}
.pd_r25{padding-right:25px;}
.pd_r30{padding-right:30px;}
.pd_r35{padding-right:35px;}
.pd_r40{padding-right:40px;}
.pd_r45{padding-right:45px;}
.pd_r50{padding-right:50px;}


/* font-size */
.txt10 {font-size: 10px; font-size: 1.0rem;} /* for setting 10px */
.txt11 {font-size: 11px; font-size: 1.1rem;} /* for setting 11px */
.txt12 {font-size: 12px; font-size: 1.2rem;} /* for setting 12px */
.txt13 {font-size: 13px; font-size: 1.3rem;} /* for setting 13px */
.txt14 {font-size: 14px; font-size: 1.4rem;} /* for setting 14px */
.txt15 {font-size: 15px; font-size: 1.5rem;} /* for setting 15px */
.txt16 {font-size: 16px; font-size: 1.6rem;} /* for setting 16px */
.txt17 {font-size: 17px; font-size: 1.7rem;} /* for setting 17px */
.txt18 {font-size: 18px; font-size: 1.8rem;} /* for setting 18px */
.txt19 {font-size: 19px; font-size: 1.9rem;} /* for setting 19px */
.txt20 {font-size: 20px; font-size: 2.0rem;} /* for setting 20px */
.txt21 {font-size: 21px; font-size: 2.1rem;} /* for setting 21px */
.txt22 {font-size: 22px; font-size: 2.2rem;} /* for setting 22px */
.txt23 {font-size: 23px; font-size: 2.3rem;} /* for setting 23px */
.txt24 {font-size: 24px; font-size: 2.4rem;} /* for setting 24px */

/* color */
.red{color:#DC0003;}