body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{
  margin:0; padding:0;
}
table{
  border-collapse:collapse; border-spacing:0;
}
fieldset, img{
  border:0;
}


address, caption, cite, code, dfn, em, strong, th, var{
  font-style:normal; font-weight:normal;
}
ol, ul{
  list-style:none;
}
caption, th{
  text-align:left;
}
h1, h2, h3, h4, h5, h6{
  font-size:100%; font-weight:normal;
}
q:before, q:after{
  content:”;
}
abbr, acronym{
  border:0;
}

html {
  scroll-behavior: smooth;
}

@charset "utf-8";
/* CSS Document */

/*clearfix------------------------------------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

*{font-family:'Noto Sans JP','Noto Serif JP', sans-serif,游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

body{
color:#222222;
font-size:14px;
line-height:20px;
font-weight: 400;
letter-spacing: 1px;
background-color: #ffffff;
}

img{
vertical-align:top;
margin: 0;
padding: 0;
isplay: block;
}

a{
color: #75f9f5;
}

a:hover{
color: #d228b9;
}

a:hover img {
opacity: 0.5;
}
img {
    -webkit-backface-visibility: hidden;
}

/*コンテンツ*/
@media screen and (min-width: 500px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 500px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}


img{
margin: 0;
padding: 0;
}



/*------------------------------------*/

header{
width:100%;
height: 85px;
display: flex;
justify-content: space-between;
position: relative;
}


.tel_cta{
display: flex;
justify-content: space-between;

}

.logo{
margin: 15px 0 0 20px;
}

.logo img{
width: 280px;
height: auto;
}

.logo p{
font-size: 11px;
}

.tel{
margin: 15px 20px 0 0;
}

.tel img{
width: 300px;
height: auto;
}

.tel p{
font-size: 11px;
}

.header_cta{
background: #cc000a;
color: #fff;
font-size: 14px;
line-height: 18px;
font-weight: 700;
text-align: center;
margin: 0;
padding:22px 15px;
text-decoration: none;
display: flex;
align-content: center;
}

.header_cta:hover{
background: #ff485a;
color: #fff;
font-size: 14px;
line-height: 18px;
font-weight: 700;
text-align: center;
margin: 0;
padding:22px 15px;
text-decoration: none;
display: flex;
align-content: center;
}


/*------------------------------------*/

.main{
width: 100%;
height: 420px;
background: url("img/main_bg.jpg");
background-repeat: no-repeat;
background-size: auto;
background-position: bottom center;

}

.main_area{
width: 800px;
height: 420px;
margin:  0 auto;
background: url("img/main_img.png");
background-repeat: no-repeat;
background-position: right bottom;
background-size: 500px 400px;
position: relative;
}

.main_area img{
width: 296px;
height: auto;
position: absolute;
top:30px;
left: 0;
}

.dis_box{
background: #fff;
opacity: 0.9;

border-radius: 5px;
box-shadow: 0px 0px 10px 0px #bababa;

width: 98%;
padding: 8px;

font-size: 14px;
line-height:18px;

position: absolute;
bottom: 10px;
}


/*------------CTA----------------*/


.cta{
background:url("img/cta_bg.png");
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}

.cta_area{
width: 800px;
height: auto;
margin: 0 auto;
text-align: center;
padding: 25px 0;
}

.cta_chara01{background:url("img/chara01.png");
background-repeat: no-repeat;
background-size: 140px;
background-position: bottom right;}

.cta_chara02{background:url("img/chara02.png");
background-repeat: no-repeat;
background-size: 140px;
background-position: bottom right;}

.cta_chara03{background:url("img/chara03.png");
background-repeat: no-repeat;
background-size: 140px;
background-position: bottom right;}



.cta_area p{
color: #fff;
font-size: 18px;
line-height: 26px;
font-weight: 700;
display: inline-block;
position: relative;
padding: 0 20px;
margin-bottom: 25px;
}


.cta_area p:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    transform: rotate(-25deg);
}
       
.cta p:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    transform: rotate(25deg);
}



.cta_btn a {
    background: #ffe000;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 460px;
    padding: 20px 25px;
    color: #cc000a;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    text-decoration: none;
    font-weight: 700;
    font-size: 24px;
}
.cta_btn a:hover {
    background: #ffffff;
    color: #cc000a;
}
.cta_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #cc000a;
    border-right: 3px solid #cc000a;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.cta_btn a:hover:after {
    border-color: #cc000a;
}


/*------------COMIC----------------*/
.comic{
width: 700px;
margin: 50px auto 20px auto;
}

.comic h3 img{
width: 700px;
height: auto;
margin-bottom: 15px;
}

.comic_img{
width: 700px;
margin: 0;
}


/*------------ARROW----------------*/
.arrow{
width:740px;
height: auto;
background: url("img/arrow_bg.png");
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
margin: 0 auto;
padding: 15px 0 35px 0;
}

.arrow p{
text-align: center;
font-size: 24px;
line-height: 36px;
font-weight: 400;
}

.em_red{
font-size: 28px;
font-weight: 900;
color: #cc000a;
}

.em_black{
font-size: 28px;
font-weight: 900;
}

/*------------INFO----------------*/

.info{
width: 100%;
}

.info_area{
width: 740px;
height: auto;
margin: 0 auto;
background: #fff;
border-radius: 10px;
box-shadow: 0px 0px 10px 0px #bababa;
}

.info_area h4{
background: #cc000a;
border-radius: 10px 10px 0 0;
color: #fff;
font-size: 22px;
font-weight: 700;
text-align: center;
padding: 18px 0
}

.info_content{
width: 640px;
margin: 30px auto 50px auto;
padding-bottom: 30px;

}


/*------------INFO1----------------*/

.info1_box{

}


.info1_box h5{
display: flex;
justify-content: flex-start;
margin-bottom: 20px;

}

.info1_num1,
.info1_num2,
.info1_num3{
font-family:'Roboto';
font-size: 64px;
font-weight: 900;
padding-top: 18px;
}

.info1_text1,
.info1_text2,
.info1_text3{
font-size: 22px;
line-height: 28px;
font-weight: 900;
}

.info1_num1{color: #cc000a}
.info1_text1 span{color: #cc000a}
.info1_num2{color: #ff8600}
.info1_text2 span{color: #ff8600}
.info1_num3{color: #7cb900}
.info1_text3 span{color: #7cb900}



.info1_box p{
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
}

.info1_text1_box{
display: inline-block;
background: #cc000a;
color:#fff;
padding: 3px 8px;
font-weight: 700;
border-radius: 3px;
}

.info1_text1_dis{
font-size: 12px;
}

.info1_text2_box{
display: inline-block;
background: #ff8600;
color:#fff;
padding: 3px 8px;
font-weight: 700;
border-radius: 3px;
}

.info1_box img {
float: right;
width: 67px;
height: auto;
margin-left: 10px;
}

.info1_text3_dis{
font-size: 12px;
color: #222222;
font-weight: 400;
}


.info1_box ul{
list-style: none;
}

.info1_box ul li{
	padding-left: 24px;
	line-height: 24px;;
	background:url("img/icon_check.png") left 0px top 3px no-repeat;
	background-size: 19px auto;
    font-size: 16px;
    margin-bottom: 4px;
}

.info1_box ul li span{
color: #7cb900
}

/*------------INFO2----------------*/

.info2_box{
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
margin-bottom: 30px;
}

.info2_box:last-child{
padding-bottom: 0;
border-bottom:none;
margin-bottom: 0;
}

.info2_box strong{
font-weight: 700;
}


.info2_box p{
font-size: 14px;
line-height: 20px;
margin-bottom:;
}

.info1_box p.dis,
.info2_box p.dis,
.info2_box span.dis{
display: block;
font-size: 10px;
line-height: 14px;
margin-top: 15px;
margin-bottom:;
}

.info2_box p.em{
font-weight: 700;
}

.info2_box p.box{
background: #ece0b3;
text-align: center;
padding: 10px;
font-weight: 700;
margin-top: 15px;
border-radius: 5px;
margin-bottom: 30px;
}

.info2_box img {
float: right;
width: 67px;
height: auto;
margin-left: 10px;
}


.info2_box_title01,
.info2_box_title02,
.info2_box_title03,
.info2_box_title04,
.info2_box_title05{
margin-bottom: 20px;
}


.info2_box_title01{border-bottom: 4px solid #ff8600 ; background: url("img/info2tit_img01.png") no-repeat right bottom ; background-size:280px;}
.info2_box_title02{border-bottom: 4px solid #0043a1 ; background:  url("img/info2tit_img02.png") no-repeat right bottom ; background-size:280px;}
.info2_box_title03{border-bottom: 4px solid #7cb900 ; background:  url("img/info2tit_img03.png") no-repeat right bottom ; background-size:280px;}
.info2_box_title04{border-bottom: 4px solid #bf9500 ; background:  url("img/info2tit_img04.png") no-repeat right bottom ; background-size:280px;}
.info2_box_title05{border-bottom: 4px solid #bf9500 ; background:  none;}

.info2_box_title01 .read,
.info2_box_title02 .read,
.info2_box_title03 .read,
.info2_box_title04 .read,
.info2_box_title05 .read{
display: block;
font-size: 20px;
line-height: 26px;
font-weight: 700;
margin-bottom: 10px;
padding-top: 20px;

}

.info2_box_title01 .sub,
.info2_box_title02 .sub,
.info2_box_title03 .sub,
.info2_box_title04 .sub,
.info2_box_title05 .sub{
display: block;
font-size: 14px;
font-weight: 400;
margin-bottom: 0px;
}

.info2_box_title01 h5,
.info2_box_title02 h5,
.info2_box_title03 h5,
.info2_box_title04 h5,
.info2_box_title05 h5{
display: block;
font-size: 38px;
line-height: 38px;
font-weight: 900;
margin-bottom: 20px;
}

.info2_box_title01 h5{color: #ff8600}
.info2_box_title02 h5{color: #0043a1}
.info2_box_title03 h5{color: #7cb900}
.info2_box_title04 h5{color: #bf9500}
.info2_box_title05 h5{color: #bf9500}

.infobox3_content{
display: flex;
justify-content: flex-start;
align-content: flex-start;
margin-bottom: 15px;
}

.infobox3_title{

width: 130px;
margin-right: 15px;
text-align: center;
}

.infobox3_title p{
color: #fff;
font-weight: 700;
font-size: 14px;
padding: 15px 0px;
background:#7cb900;
border-radius: 5px;

}

.infobox3_text{
width: 600px;
}


/*------------INFO2TABLE----------------*/

.info_table{
padding-top: 
20px;
}

.info_content table{
width: 100%;
height: auto;
margin-top: 30px;
}


.info_content table th.tb_title1{
background: #cc000a;
color: #fff;
font-weight: 700;
font-size: 18px;
text-align: center;
vertical-align:middle;
padding: 30px 5px;
}

.info_content table td.tb_title2{
background: #ccc;
color: #222;
font-weight: 700;
font-size: 14px;
text-align: center;
vertical-align:middle;
padding: 10px 5px;
}

.info_content table td.tb_l{
width: 120px;
height: auto;
text-align: center;
vertical-align:middle;
font-weight: 700;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}



.info_content table td.tb_r{
width: 190px;
height: auto;
text-align: center;
vertical-align:middle;
font-weight: 200;
font-size: 38px;
line-height: 38px;
color: #7cb900;
border-bottom: 1px solid #ccc;
}




.info_content table td.tb_r span{
color: #cc000a;
}


.info_content table td.tb_c{
text-align: left;
vertical-align:middle;
padding: 20px 10px;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}



.tb_c_icon{
text-align: center;
vertical-align:middle;
font-weight: 200;
font-size: 38px;
line-height: 38px;
margin-right: 10px;
color: #cc000a;
}

.info_content table td.tb_end{
border-bottom: 1px solid #fff;
}


/*------------CONTENTEND----------------*/

.content_end{
width: 100%;
background: #ffb0a2;
text-align: center;
position: relative;
}

.content_end p{
font-size: 28px;
line-height: 36px;
font-weight: 900;
color: #cc000a;
padding: 50px 0;
}

.content_end:before{
content: "";
position: absolute;
right: 0;
top: 0;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #fff transparent transparent transparent;
border-width: 20px 20px 0 20px;
}


/*footer*/
footer{
width: 100%;
background: #444444;
}

.footer_area{
width: 740px;
height: auto;
margin: 0 auto;
color: #fff;
padding: 30px 0;
}

.fot_copy{
font-size: 12px;
text-align: center;
margin-bottom: 30px;
}

.fot_dis{
font-size: 9px;
line-height: 14px;
text-align: left;
margin-bottom: 20px;
}


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



header{
width:100%;
height: 130px;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
}


.tel_cta{
display: flex;
justify-content: space-between;

}

.logo{
margin: 10px auto;
text-align: center;
}

.logo img{
width: 220px;
height: auto;
}

.logo p{
font-size: 8px;
}

.tel{
margin: 0 0 0 5px;
}

.tel img{
width: 250px;
height: auto;
}

.tel p{
font-size: 8px;
}

.header_cta{
background: #cc000a;
color: #fff;
font-size: 11px;
line-height: 14px;
font-weight: 700;
text-align: center;
margin: 0;
padding:15px 7px;
text-decoration: none;
display: flex;
align-content: center;
}

.header_cta:hover{
background: #ff485a;
color: #fff;
font-size: 11px;
line-height: 14px;
font-weight: 700;
text-align: center;
margin: 0;
padding:15px 7px;
text-decoration: none;
display: flex;
align-content: center;
}


/*------------------------------------*/

.main{
width: 100%;
height: 500px;
background: url("img/main_bg.jpg");
background-repeat: no-repeat;
background-size: auto;
background-position: bottom center;

}

.main_area{
width: 100%;
height: 500px;
margin:  0 auto;
background: url("img/main_img.png");
background-repeat: no-repeat;
background-position: center bottom -20px ;
background-size: 70%;
position: relative;
}

.main_area img{
width: 65%;
height: auto;
position: absolute;
top:15px;
left: 17.5%;
}

.dis_box{
background: #fff;
opacity: 0.9;

border-radius: 5px;
box-shadow: 0px 0px 10px 0px #bababa;

width: 90%;
padding: 8px;

font-size: 9px;
line-height:12px;

position: absolute;
bottom: 10px;
left: 2.5%;

}


/*------------CTA----------------*/


.cta{
background:url("img/cta_bg.png");
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
}

.cta_area{
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
padding: 25px 0;
}

.cta_chara01{background:none}

.cta_chara02{background:none;}

.cta_chara03{background:none;}



.cta_area p{
color: #fff;
font-size: 14px;
line-height: 20px;
font-weight: 700;
display: inline-block;
position: relative;
padding: 0 20px;
margin-bottom: 25px;
}


.cta_area p:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    transform: rotate(-25deg);
}
       
.cta p:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 2px;
    height: 100%;
    background: #fff;
    border-radius: 3px;
    transform: rotate(25deg);
}



.cta_btn a {
    background: #ffe000;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 80%;
    padding: 10px 12px;
    color: #cc000a;
    transition: 0.3s ease-in-out;
    font-weight: 500;
    text-decoration: none;
    font-weight: 700;
    font-size: 20px;
}
.cta_btn a:hover {
    background: #ffffff;
    color: #cc000a;
}
.cta_btn a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #cc000a;
    border-right: 3px solid #cc000a;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.cta_btn a:hover:after {
    border-color: #cc000a;
}


/*------------COMIC----------------*/
.comic{
width: 100%;
margin: 20px auto 20px auto;
}

.comic h3 img{
width: 96%;
height: auto;

margin-left: 2%;
margin-bottom: 15px;
}

.comic_img{
width: 100%;
margin: 0;
}


/*------------ARROW----------------*/
.arrow{
width:100%;
height: auto;
background: url("img/arrow_bg.png");
background-repeat: no-repeat;
background-size: cover;
background-position: bottom center;
margin: 0 auto;
padding: 15px 0 35px 0;
}

.arrow p{
text-align: center;
font-size: 16px;
line-height: 26px;
font-weight: 400;
}

.em_red{
font-size: 20px;
font-weight: 900;
color: #cc000a;
}

.em_black{
font-size: 20px;
font-weight: 900;
}

/*------------INFO----------------*/

.info{
width: 100%;
}

.info_area{
width: 96%;
height: auto;
margin: 0 auto;
background: #fff;
border-radius: 10px;
box-shadow: 0px 0px 10px 0px #bababa;
}

.info_area h4{
background: #cc000a;
border-radius: 10px 10px 0 0;
color: #fff;
font-size: 16px;
font-weight: 700;
text-align: center;
padding: 18px 0
}

.info_content{
width: 90%;
margin: 15px auto 30px auto;
padding-bottom: 15px;

}


/*------------INFO1----------------*/

.info1_box{

}


.info1_box h5{
display: flex;
justify-content: flex-start;
margin-bottom: 20px;

}

.info1_num1,
.info1_num2,
.info1_num3{
font-family:'Roboto';
font-size: 40px;
font-weight: 900;
padding-top: 18px;
margin-right: 10px;
}

.info1_text1,
.info1_text2,
.info1_text3{
font-size: 16px;
line-height: 20px;
font-weight: 900;
}

.info1_num1{color: #cc000a}
.info1_text1 span{color: #cc000a}
.info1_num2{color: #ff8600}
.info1_text2 span{color: #ff8600}
.info1_num3{color: #7cb900}
.info1_text3 span{color: #7cb900}



.info1_box p{
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
font-size: 14px;
line-height: 20px;
font-weight: 400;
}

.info1_text1_box{
display: inline-block;
background: #cc000a;
color:#fff;
padding: 3px 8px;
font-weight: 700;
border-radius: 3px;
}

.info1_text1_dis{
font-size: 12px;
}

.info1_text2_box{
display: inline-block;
background: #ff8600;
color:#fff;
padding: 3px 8px;
font-weight: 700;
border-radius: 3px;
}

.info1_box img {
float: right;
width: 67px;
height: auto;
margin-left: 10px;
}

.info1_text3_dis{
font-size: 10px;
color: #222222;
font-weight: 400;
line-height: 14px;
}


.info1_box ul{
list-style: none;
}

.info1_box ul li{
	padding-left: 24px;
	line-height: 24px;;
	background:url("img/icon_check.png") left 0px top 3px no-repeat;
	background-size: 19px auto;
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 18px;
}

.info1_box ul li span{
color: #7cb900
}

/*------------INFO2----------------*/

.info2_box{
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
margin-bottom: 15px;
}

.info2_box:last-child{
padding-bottom: 0;
border-bottom:none;
margin-bottom: 0;
}

.info2_box strong{
font-weight: 700;
}


.info2_box p{
font-size: 14px;
line-height: 20px;
margin-bottom:;
}

.info1_box p.dis,
.info2_box p.dis,
.info2_box span.dis{
display: block;
font-size: 10px;
line-height: 14px;
margin-top: 15px;
margin-bottom:;
}

.info2_box p.em{
font-weight: 700;
}

.info2_box p.box{
background: #ece0b3;
text-align: center;
padding: 10px;
font-weight: 700;
margin-top: 15px;
border-radius: 5px;
margin-bottom: 30px;
}

.info2_box img {
float: right;
width: 67px;
height: auto;
margin-left: 10px;
}


.info2_box_title01,
.info2_box_title02,
.info2_box_title03,
.info2_box_title04,
.info2_box_title05{
margin-bottom: 10px;
}


.info2_box_title01{border-bottom: 4px solid #ff8600 ; background: url("img/info2tit_img01.png") no-repeat right bottom ; background-size:130px;}
.info2_box_title02{border-bottom: 4px solid #0043a1 ; background:  url("img/info2tit_img02.png") no-repeat right bottom ; background-size:130px;}
.info2_box_title03{border-bottom: 4px solid #7cb900 ; background:  url("img/info2tit_img03.png") no-repeat right bottom ; background-size:130px;}
.info2_box_title04{border-bottom: 4px solid #bf9500 ; background:  url("img/info2tit_img04.png") no-repeat right bottom ; background-size:130px;}
.info2_box_title05{border-bottom: 4px solid #bf9500 ; background:  none;}


.info2_box_title01 .read,
.info2_box_title02 .read,
.info2_box_title03 .read,
.info2_box_title04 .read,
.info2_box_title05 .read{
display: block;
font-size: 14px;
line-height: 18px;
font-weight: 700;
margin-bottom: 5px;
padding-top: 10px;

}

.info2_box_title01 .sub,
.info2_box_title02 .sub,
.info2_box_title03 .sub,
.info2_box_title04 .sub,
.info2_box_title05 .sub{
display: block;
font-size: 12px;
font-weight: 400;
margin-bottom: 0px;
}

.info2_box_title01 h5,
.info2_box_title02 h5,
.info2_box_title03 h5,
.info2_box_title04 h5,
.info2_box_title05 h5{
display: block;
font-size: 22px;
line-height: 22px;
font-weight: 900;
margin-bottom: 10px;
}

.info2_box_title01 h5{color: #ff8600}
.info2_box_title02 h5{color: #0043a1}
.info2_box_title03 h5{color: #7cb900}
.info2_box_title04 h5{color: #bf9500}
.info2_box_title05 h5{color: #bf9500}

.infobox3_content{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-content: flex-start;
margin-bottom: 15px;
}

.infobox3_title{

width: 100%;
margin-right: 0;
text-align: center;
margin-bottom: 5px;
}

.infobox3_title p{
color: #fff;
font-weight: 700;
font-size: 14px;
padding: 5px 0px;
background:#7cb900;
border-radius: 5px;

}

.infobox3_text{
width: 100%;
}


/*------------INFO2TABLE----------------*/

.info_table{
padding-top: 
10px;
}

.info_content table{
width: 100%;
height: auto;
margin-top: 10px;
}


.info_content table th.tb_title1{
background: #cc000a;
color: #fff;
font-weight: 700;
font-size: 12px;
text-align: center;
vertical-align:middle;
padding: 15px 5px;
}

.info_content table td.tb_title2{
background: #ccc;
color: #222;
font-weight: 700;
font-size: 12px;
text-align: center;
vertical-align:middle;
padding: 10px 5px;
}

.info_content table td.tb_l{
width:25%;
height: auto;
text-align: center;
vertical-align:middle;
font-weight: 700;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}



.info_content table td.tb_r{
width:20%;
height: auto;
text-align: center;
vertical-align:middle;
font-weight: 200;
font-size: 24px;
line-height: 26px;
color: #7cb900;
border-bottom: 1px solid #ccc;
}




.info_content table td.tb_r span{
color: #cc000a;
}


.info_content table td.tb_c{
text-align: left;
vertical-align:middle;
padding: 10px 5px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.tb_c_text{
font-size:12px;
line-height: 16px;
}

.tb_c_icon{
text-align: center;
vertical-align:middle;
font-weight: 200;
font-size: 38px;
line-height: 38px;
margin-right: 10px;
color: #cc000a;
}

.info_content table td.tb_end{
border-bottom: 1px solid #fff;
}


/*------------CONTENTEND----------------*/

.content_end{
width: 100%;
background: #ffb0a2;
text-align: center;
position: relative;
}

.content_end p{
font-size: 16px;
line-height: 22px;
font-weight: 900;
color: #cc000a;
padding: 20px 0;
}

.content_end:before{
content: "";
position: absolute;
right: 0;
top: 0;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #fff transparent transparent transparent;
border-width: 20px 20px 0 20px;
}


/*footer*/
footer{
width: 100%;
background: #444444;
}

.footer_area{
width: 98%;
height: auto;
margin: 0 auto;
color: #fff;
padding: 30px 0;
}

.fot_copy{
font-size: 12px;
text-align: center;
margin-bottom: 30px;
}

.fot_dis{
font-size: 8px;
line-height: 14px;
text-align: left;
margin-bottom: 20px;
}



}