.section-wrap{
padding: 40px 20px;
}

.text-h1-wrap{
display: table;
margin: 0 auto;
margin-top: 40px;
}

.text-h1-wrap .item-img{
padding: 0 10px;
display: table-cell;
vertical-align: middle;
}

.sec-01 h1{
vertical-align: middle;
display: table-cell;
text-align: center;
font-size: 36px;
font-weight: bold;
color: #000;
line-height: 1.4;
}

.sec-01 h1 span{
font-size: 46px;
color: #f80d00;
}

.sec-02 {
background: #f5f5f5;
width: 100%;
margin-bottom: 30px;
}

.sec-02 h1{
text-align: center;
font-size: 36px;
font-weight: bold;
color: #000;
margin-bottom: 30px;
}

.sec-02 h1 span{
font-size: 50px;
color: #f80d00;
}

.section-wrap-lr{
display: table;
max-width: 1200px;
margin: 0 auto;

}

.wrap-left{
width: 50%;
padding-right: 30px;
display: table-cell;
vertical-align: middle;

}

.wrap-right{
width: 50%;
display: table-cell;
vertical-align: middle;
}

.sec-02 ul li{
font-size: 24px;
line-height: 1.8;
font-weight: bold;
color: #000;
}

.sec-02 ul{
margin-bottom: 30px;
}

.sec-02 h2{
font-size: 38px;
color: #ffb206;
background: #fff;
padding: 20px;
text-align: center;
border:  4px solid #262630;
}

.sec-03 {
}

.sec-03 h1{
text-align: center;
font-size: 38px;
font-weight: bold;
color: #000;
margin-bottom: 30px;
}

.sec-03 h1 span{
font-size: 54px;
color: #3eb3d4;
font-weight: bold;
}

.sec-04{
display: table;
width: 100%;
margin: 0 auto;
padding: 0 20px;
background: #f5f5f5;
margin-bottom: 30px;
}

.sec-04 h1{
}

.sec-04 h1 {
position: relative;
display: inline-block;
margin: 1.5em 15px 1.5em 0;
padding: 0 5px;
width: 200px;
height: 200px;
line-height: 200px;
text-align: center;
color: #FFF;
font-size: 24px;
font-weight: bold;
background: #003f98;
border-radius: 50%;
box-sizing: border-box;
}

.sec-04 h1:before {
content: "";
/*
position: absolute;
top: 50%;
right: -25px;
margin-top: -15px;
border: 15px solid transparent;
border-left: 15px solid #003f98;
z-index: 0;
*/
}

.sec-04 p{
text-align: center;
font-size: 24px;
font-weight: bold;
color: #000;
margin-top: 30px;
}

.sec-05{
border: 2px solid #002e6a;
display: table;
margin: 0 auto;
padding: 0 20px;
margin-bottom: 40px;
}

.sec-05 h1{
text-align: center;
font-size: 58px;
font-weight: bold;
color: #000;
margin-top: 10px;
margin-bottom: 20px;
}

.sec-05 p{
text-align: center;
font-size: 18px;
font-weight: bold;
color: #000;
margin-bottom: 20px;
}

.sec-06 {
background: #f5f5f5;
}

.sec-06 h1{
text-align: center;
font-size: 36px;
font-weight: bold;
color: #40bacf;
border: 2px solid #40bacf;
padding: 20px 40px;
display: table;
margin: 0 auto;
border-radius: 10px;
margin-bottom: 20px;
background: #fff;
}

.sec-06 p{
text-align: center;
font-size: 24px;
font-weight: bold;
color: #000;
margin-bottom: 20px;
}

.sec-06 ul{
display: table;
margin: 0 auto;
}

.sec-06 ul li{
display: table-cell;
width: 33.33333%;
padding: 0 10px;
}

.sec-07 {
}

.sec-07 h1{
color: #f80d00;
font-size: 40px;
margin-bottom: 10px;
}

.sec-07 h2{
font-size: 26px;
color: #000;
}

.sec-07 p{
color: #000;
font-size: 18px;
font-weight: bold;
}

.sec-07 .wrap-left{
width: 30%;
padding-right: 30px;
display: table-cell;
vertical-align: middle;
}

.sec-07 .wrap-right{
width: 70%;
display: table-cell;
vertical-align: middle;
}

.sec-07 ul{
display: table;
margin: 0 auto;
margin-top: 40px;
}

.sec-07 ul li{
display: table-cell;
padding: 0 10px;
text-align: center;
font-size: 18px;
color: #000;
}

.sec-07 ul li img{
margin-bottom: 10px !important;
}

.sec-08 {
}

.sec-08 h1{
color: #f80d00;
font-size: 40px;
margin-bottom: 10px;
text-align: center;
}

.sec-08 p{
color: #000;
font-size: 26px;
text-align: center;
font-weight: bold;
margin-top: 30px;
margin-bottom: 10px;
font-weight: bold;
}

.sec-08 ul{
display: table;
margin: 0 auto;
margin-top: 40px;
}

.sec-08 ul li{
display: table-cell;
padding: 0 10px;
text-align: center;
font-size: 18px;
color: #000;
}

.sec-08 ul li img{
margin-bottom: 10px !important;
}

.sec-09 {
background: #f5f5f5;
}

.sec-09 h1{
text-align: center;
font-size: 36px;
font-weight: bold;
color: #40bacf;
border: 2px solid #40bacf;
padding: 20px 40px;
display: table;
margin: 0 auto;
border-radius: 10px;
margin-bottom: 30px;
background: #fff;
}

.sec-09 p{
text-align: center;
font-size: 24px;
font-weight: bold;
color: #000;
margin-top: 30px;
}

.sec-10 {
background: #f5f5f5;
}

.sec-10 h1{
text-align: center;
font-size: 36px;
font-weight: bold;
color: #40bacf;
border: 2px solid #40bacf;
padding: 20px 40px;
display: table;
margin: 0 auto;
border-radius: 10px;
margin-bottom: 30px;
background: #fff;
}

.sec-10 h2{
font-size: 30px;
margin-bottom: 10px;
color: #000;
}

.sec-10 p{
font-size: 18px;
font-weight: bold;
color: #000;
margin-bottom: 20px;
}

.sec-10 .section-wrap-lr{
display: table;
margin: 0 auto;
max-width: 1200px;
margin-bottom: 30px;
}

.sec-10 .wrap-left{
width: 25%;
display: table-cell;
vertical-align: middle;
}

.sec-10 .wrap-right{
width: 75%;
display: table-cell;
vertical-align: middle;
}

.sec-10 .wrap-right h2{
background: #fa9f46;
color: #fff;
padding: 10px 20px;
display: table;
}

.sec-10 .wrap-right p{
color: #fa9f46;
}

.sec-10 .wrap-left02{
width: 25%;
display: table-cell;
vertical-align: middle;
padding-right: 30px;
}

.sec-10 .wrap-right02{
width: 75%;
display: table-cell;
vertical-align: middle;
}

.sec-10 .wrap-right02 h2{
background: #7cbfec;
color: #fff;
padding: 10px 20px;
display: table;
}

.sec-10 .wrap-right02 p{
color: #7cbfec;
}

.sec-10 h3{
font-size: 30px;
margin-bottom: 20px;
color: #40bacf;
text-align: center;
margin-top: 30px;
}

.sec-10 h4{
font-size: 24px;
margin-bottom: 20px;
color: #000;
text-align: center;
margin-top: 30px;
}

.sec-11 h1{
text-align: left;
font-size: 42px;
font-weight: bold;
color: #000;
margin-bottom: 30px;
line-height: 1.4;
}

.sec-11 h1 span{
font-size: 54px;
color: #f80d00;
}

.sec-11 p{
font-size: 18px;
font-weight: bold;
color: #000;
text-align: left;
}

.text-wrap{
display: table;
margin: 0 auto;
}



@media screen and (min-width: 768px) {

.pc-none{
  display: none;

}


}


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

.sp-none{
  display: none;

}


.section-wrap{
padding: 30px 20px;
}

.sec-01 h1{
font-size: 20px;
}

.sec-01 h1 span{
font-size: 30px;
}


.text-h1-wrap .item-img img{
  max-width: 50px;

}



.sec-02 h1{

font-size: 21px;

}

.sec-02 h1 span{
font-size: 35px;

}

.text-h1-wrap .item-img{
padding: 0 0px;

}

.section-wrap-lr{


display: block;

}

.wrap-left{
  display: block;
width: 100%;
padding-right: 0px;


}

.wrap-right{
  display: block;
width: 100%;

}

.sec-02 ul li{
font-size: 16px;

}


.sec-02 h2{
  margin-bottom: 20px;
font-size: 28px;

padding: 10px;

}

.sec-03 {
}

.sec-03 h1{

font-size: 28px;

}

.sec-03 h1 span{
font-size: 34px;

}

.sec-04{


display: block;

}

.sec-04 h1{
}

.sec-04 h1 {
position: relative;
display: inline-block;
margin: 1.5em 15px 1.5em 0;
padding: 0 5px;
width: 160px;
height: 160px;
line-height: 160px;
text-align: center;
color: #FFF;
font-size: 20px;
font-weight: bold;
background: #003f98;
border-radius: 50%;
box-sizing: border-box;

display: table;
margin: 0 auto;
margin-bottom: 30px;
}

.sec-04 h1:before {

}



.sec-04 h1:before {
  content: none;
}









.sec-04 p{
font-size: 18px;
}



.sec-05{

padding: 0 10px;
width: 90%;

}

.sec-05 h1{

font-size: 38px;
}

.sec-05 p{
font-size: 15px;
}




.sec-06 h1{
font-size: 26px;
padding: 10px 20px;

}

.sec-06 p{
font-size: 18px;
}


.sec-06 ul li{
padding: 0 5px;
}

.sec-07 {
}

.sec-07 h1{

font-size: 30px;
line-height: 1.2;
text-align: center;

}

.sec-07 h2{
font-size: 20px;
text-align: center;
}

.sec-07 p{
font-size: 15px;
text-align: center;
}


.sec-07 .wrap-left{
width: 100%;
padding-right: 0px;
display: block;
margin-bottom: 20px;
}

.sec-07 .wrap-right{
width: 100%;
display: block;
}

.sec-07 ul{
margin-top: 30px;
}

.sec-07 ul li{
padding: 0 5px;
font-size: 15px;

}



.sec-08 h1{

font-size: 30px;
line-height: 1.2;

}

.sec-08 p{
font-size: 20px;

}


.sec-08 ul li{

font-size: 15px;

}



.sec-09 h1{
font-size: 26px;
padding: 10px 20px;
}

.sec-09 p{
font-size: 18px;

}



.sec-10 h1{

font-size: 26px;

padding: 10px 20px;

}

.sec-10 h2{
font-size: 24px;
}

.sec-10 p{
font-size: 15px;

}

.sec-10 .section-wrap-lr{
display: table;
margin: 0 auto;
max-width: 1200px;
margin-bottom: 30px;

display: block;
}

.sec-10 .wrap-left{
width: 100%;
display: block;

}

.sec-10 .wrap-right{
width: 100%;
display: block;
}

.sec-10 .wrap-right h2{

padding: 10px 10px;

display: block;
width: 100%;
text-align: center;
}


.sec-10 .wrap-left02{
width: 100%;

padding-right: 0px;
display: block;
}

.sec-10 .wrap-right02{
width: 100%;
display: block;
}

.sec-10 .wrap-right02 h2{
padding: 10px 10px;
display: block;
width: 100%;
text-align: center;
}


.sec-10 h3{
font-size: 22px;
}

.sec-10 h4{
font-size: 18px;

margin-top: 30px;
}

.sec-11 h1{

font-size: 22px;

}

.sec-11 h1 span{
font-size: 34px;

}

.sec-11 p{
font-size: 15px;

}

}