article {
margin: 0 auto;
width: 100%;
}

.mt5{
	margin-top: 5px;
}

.main_title_wrp{
background: rgb(1,161,133);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxYTE4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ4JSIgc3RvcC1jb2xvcj0iIzAxYTE4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwYTdkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGE3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(1,161,133,1) 0%, rgba(1,161,133,1) 48%, rgba(0,167,220,1) 51%, rgba(0,167,220,1) 100%);
background: -webkit-linear-gradient(left, rgba(1,161,133,1) 0%,rgba(1,161,133,1) 48%,rgba(0,167,220,1) 51%,rgba(0,167,220,1) 100%);
background: linear-gradient(to right, rgba(1,161,133,1) 0%,rgba(1,161,133,1) 48%,rgba(0,167,220,1) 51%,rgba(0,167,220,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01a185', endColorstr='#00a7dc',GradientType=1 );
}

h1{
background-image: url(../img/application/title_bk.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 1140px;
height: 142px;
margin: 0 auto;
padding-top: 55px;
padding-bottom: 60px;
padding-left: 53px;
}

h1 div{
display: table;
}

h1 img{
width: 66px;
height: auto;
box-sizing: content-box;
display: table-cell;
vertical-align: baseline;
padding-right: 18px;
}

h1 span{
display: table-cell;
vertical-align: baseline;
font-size: 23px;
color: #fff;
letter-spacing: 0.15em;
}

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


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

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

article{
width: 100%;
padding-top: 85px;
}

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

/*パンくず*/
ol {
width: 100%;
margin-left: 15px;
}

.main_title_wrp {
    background: none;
}

h1{
width: 100%;
margin: 0 auto;
background-image: url("../img/application/sp_title_bk.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 84px;
padding-bottom: 15px;
padding-left: 5%;
padding-top: 15px;
}

h1 img {
    box-sizing: content-box;
    display: inline-block;
    height: 18px;
    padding-right: 10px;
    vertical-align: baseline;
    width: auto;
}

h1 span {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    letter-spacing: 0.04em;
    vertical-align: baseline;
}

h1 span:last-of-type{
padding-left: 0;
display: block;
margin-top: 15px;
font-size: 17px;
}


}