h1{
font-size: 23px;
color: #fff;
padding-top: 60px;
}

h1 span:last-of-type {
    padding-left: 136px;
}

article{
	padding-top: 142px;
}

.cont_1100{
width: 1100px;
margin: 0 auto;
}
.cont_1000{
width: 1000px;
margin: 0 auto;
}

.block02{
margin-top: 56px;
margin-bottom: 82px;
}

.block02 .out_wrp:last-of-type{
margin-top: 25px;
}

.out_wrp div{
width: 237px;
float: left;
background-color: #ecf8f6;
text-align: center;
}

.out_wrp div:not(:first-of-type){
margin-left: 15px;
}

.out_wrp div p{
font-size: 15px;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
}

.out_wrp div a{
color: #009277;
font-size: 15px;
padding: 11px 24px;
background-color: #fff;
border: #009277 solid 1px;
display: inline-block;
margin-bottom: 20px;
}

.out_wrp div a:hover{
color: #fff;
background-color: #009277;
-webkit-transition: all 0.3s;
-webkit-font-smoothing: antialiased;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
}

h2{
height: 49px;
}

.box01 h2{
background-color: #00a184;
color: #fff;
font-size: 15px;
padding-top: 11px;
padding-bottom: 16px;
padding-left: 15px;
text-align: left;
}

.box01 h2::before{
#background-image: url("../img/shared/cont_logo.png");
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 21px;
margin-right: 9px;
vertical-align: bottom;
width: 53px;
}

.box01 img{
width: auto;
height: 218px;
display: block;
margin: 0 auto;
border: #bccfda solid 1px;
margin-top: 20px;
}

.box02 h2{
background-color: #00a184;
color: #fff;
font-size: 15px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
text-align: left;
background: rgb(209,86,65);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QxNTY0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NzQ4M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(209,86,65,1) 0%, rgba(151,72,58,1) 100%);
background: -webkit-linear-gradient(left, rgba(209,86,65,1) 0%,rgba(151,72,58,1) 100%);
background: linear-gradient(to right, rgba(209,86,65,1) 0%,rgba(151,72,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d15641', endColorstr='#97483a',GradientType=1 );
}

.box02 h2::before{
background-image: url("../img/shared/pict_hn.png");
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 33px;
margin-right: 9px;
vertical-align: middle;
width: 33px;
}

.box02 img{
width: auto;
height: 218px;
display: block;
margin: 0 auto;
border: #bccfda solid 1px;
margin-top: 20px;
}

.box03 h2{
background-color: #00a184;
color: #fff;
font-size: 15px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
text-align: left;
background: rgb(124,138,141);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjOGE4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTY5NjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(124,138,141,1) 0%, rgba(94,105,105,1) 100%);
background: -webkit-linear-gradient(left, rgba(124,138,141,1) 0%,rgba(94,105,105,1) 100%);
background: linear-gradient(to right, rgba(124,138,141,1) 0%,rgba(94,105,105,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c8a8d', endColorstr='#5e6969',GradientType=1 );
}

.box03 h2::before{
background-image: url("../img/shared/pict_bs.png");
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 33px;
margin-right: 9px;
vertical-align: middle;
width: 33px;
}

.box03 img{
width: auto;
height: 218px;
display: block;
margin: 0 auto;
border: #bccfda solid 1px;
margin-top: 20px;
}

.box04 h2{
background-color: #00a184;
color: #fff;
font-size: 15px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
text-align: left;
letter-spacing: -0.03em;
background: rgb(255,200,0);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYzgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZDkxMTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(255,200,0,1) 0%, rgba(221,145,16,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,200,0,1) 0%,rgba(221,145,16,1) 100%);
background: linear-gradient(to right, rgba(255,200,0,1) 0%,rgba(221,145,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc800', endColorstr='#dd9110',GradientType=1 );
}

.box04 h2::before{
background-image: url("../img/shared/pict_op.png");
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 33px;
margin-right: 9px;
vertical-align: middle;
width: 33px;
}

.box04 img{
width: auto;
height: 218px;
display: block;
margin: 0 auto;
border: #bccfda solid 1px;
margin-top: 20px;
}

.box05 h2{
background-color: #00a184;
color: #fff;
font-size: 15px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
text-align: left;
background: rgb(111,168,210);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZmYThkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDdhYjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(111,168,210,1) 0%, rgba(13,122,177,1) 100%);
background: -webkit-linear-gradient(left, rgba(111,168,210,1) 0%,rgba(13,122,177,1) 100%);
background: linear-gradient(to right, rgba(111,168,210,1) 0%,rgba(13,122,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fa8d2', endColorstr='#0d7ab1',GradientType=1 );}

.box05 h2::before{
background-image: url("../img/shared/pict_bw.png");
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 33px;
margin-right: 9px;
vertical-align: middle;
width: 33px;
}

.box05 img{
width: auto;
height: 218px;
display: block;
margin: 0 auto;
border: #bccfda solid 1px;
margin-top: 20px;
}

.box06 h2{
background-color: #00a184;
font-size: 15px;
padding-top: 16px;
padding-left: 21px;
text-align: left;
background-color: #dbdcdc;
}

.box06 img{
width: 155px;
height: 218px;
display: block;
margin: 0 auto;
border: #bccfda solid 1px;
margin-top: 20px;
}


.box07 h2{
background-color: #00a184;
color: #fff;
font-size: 15px;
padding-top: 7px;
padding-bottom: 7px;
padding-left: 10px;
text-align: left;
background: rgb(124,138,141);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdjOGE4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZTY5NjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(124,138,141,1) 0%, rgba(94,105,105,1) 100%);
background: -webkit-linear-gradient(left, rgba(124,138,141,1) 0%,rgba(94,105,105,1) 100%);
background: linear-gradient(to right, rgba(124,138,141,1) 0%,rgba(94,105,105,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c8a8d', endColorstr='#5e6969',GradientType=1 );
}

.box07 h2::before{
background-image: url("../img/shared/pict_bs.png");
background-position: right center;
background-repeat: no-repeat;
background-size: contain;
content: "";
display: inline-block;
height: 33px;
margin-right: 9px;
vertical-align: middle;
width: 33px;
}

.box07 img{
width: auto;
height: 218px;
display: block;
margin: 0 auto;
border: #bccfda solid 1px;
margin-top: 20px;
}

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

h1{
font-size: 21px;
padding-top: 30px;
}

h1 span:last-of-type {
    padding-left: 0px;
}

h1 {
    font-size: 16px;
    padding-top: 19px;
}

.out_wrp div {
    background-color: #ecf8f6;
    float: none;
    text-align: center;
    width: 100%;
}

.cont_1100 {
    margin: 0 auto;
    width: 90%;
}

.cont_1000 {
    margin: 0 auto;
    width: 100%;
}

.out_wrp div:not(:first-of-type) {
    margin-left:0px;
	margin-top: 50px;
}






















}