html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;}body {  margin: 0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}audio:not([controls]) {  display: none;  height: 0;}[hidden],template {  display: none;}a {  background-color: transparent;}a:active,a:hover {  outline: 0;}abbr[title] {  border-bottom: 1px dotted;}b,strong {  font-weight: bold;}dfn {  font-style: italic;}h1 {  font-size: 2em;  margin: 0.67em 0;}mark {  background: #ff0;  color: #000;}small {  font-size: 80%;}sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}sup {  top: -0.5em;}sub {  bottom: -0.25em;}img {  border: 0;}svg:not(:root) {  overflow: hidden;}figure {  margin: 1em 40px;}hr {  -moz-box-sizing: content-box;  box-sizing: content-box;  height: 0;}pre {  overflow: auto;}code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;}button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;}button {  overflow: visible;}button,select {  text-transform: none;}button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;}button[disabled],html input[disabled] {  cursor: default;}button::-moz-focus-inner,input::-moz-focus-inner {  border: 0;  padding: 0;}input {  line-height: normal;}input[type="checkbox"],input[type="radio"] {  box-sizing: border-box;  padding: 0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {  height: auto;}input[type="search"] {  -webkit-appearance: textfield;  -moz-box-sizing: content-box;  -webkit-box-sizing: content-box;  box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}legend {  border: 0;  padding: 0;}textarea {  overflow: auto;}optgroup {  font-weight: bold;}table {  border-collapse: collapse;  border-spacing: 0;}td,th {  padding: 0;}
@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: local('☺'), url('../fonts/MyriadPro-Regular.woff') format('woff'), url('../fonts/MyriadPro-Regular.ttf') format('truetype'), url('../fonts/MyriadPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Panton-Regular';
    src: url('../fonts/Panton-Regular.eot');
    src: local('☺'), url('../fonts/Panton-Regular.woff') format('woff'), url('../fonts/Panton-Regular.ttf') format('truetype'), url('../fonts/Panton-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Panton-Bold';
    src: url('../fonts/Panton-Bold.eot');
    src: local('☺'), url('../fonts/Panton-Bold.woff') format('woff'), url('../fonts/Panton-Bold.ttf') format('truetype'), url('../fonts/Panton-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    background: url("images/background_body.jpg");
    font: 16px/100% 'Panton-Regular';
}
.wrapper {
    max-width: 1460px;
    margin: 0 auto;
}
header {
    text-align: center;
    padding-top: 104px;
    padding-bottom: 21px;
}
.main_place h1 {
    text-align: center;
    font-size: 72px;
    color: #016938;
    line-height: 1em;
    margin-bottom: 66px;
    font-family: 'Panton-Bold';
    letter-spacing: 0.02em;
}
.main_place_wrapper {
    overflow: hidden;
}
.main_place_wrapper_item {
    width: 33.333333%;
    float: left;
}
.main_place_wrapper_item p {
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #FFF;
    font-family: 'MyriadPro-Regular';
    font-size: 35px;
    font-weight: 400;
    line-height: 42px;
    padding-left: 20px;
    letter-spacing: 0.02em;
    position: relative;
}
.wrapper_item01 img {
    margin: 24px 0 0 7px;
}
.wrapper_item02 img {
    margin: 49px 0 0 137px;
}
.wrapper_item03 img {
    float: right;
    margin: 58px 4px 0 0px;
}
.main_place_wrapper_item p:before {
    content: '';
    width: 2px;
    height: 49px;
    background-color: #016839;
    position: absolute;
}
.wrapper_item01 p:before {top: -79px;left: 142px;}
.wrapper_item02 p:before {bottom: -84px;left: 92px;}
.wrapper_item03 p:before {top: -69px;left: 86px;}
.wrapper_item01 p {
    background-image: url("images/bg_text01.png");
    width:314px;
    height:178px;
    margin-top: 100px;
    margin-left: 13px;
    padding-top: 3px;
}
.wrapper_item02 p {
    background-image: url("images/bg_text02.png");
    width:249px;
    height:173px;
    margin-right: 58px;
    float: right;
    padding-top: 4px;
    padding-left: 15px;
}
.wrapper_item03 p {
    background-image: url("images/bg_text03.png");
    width:217px;
    height:169px;
    padding-top: 17px;
    float: right;
    margin: 86px -10px 0 0;
    padding-left: 15px;
}
footer {
    text-align: center;
    padding-bottom: 50px;
}
footer p,
footer p a {
    font-size: 15px;
    line-height: 22px;
    color: #016938;
    margin: 0;
    text-decoration: none;
}
footer p:first-child {
    font-size: 24px;
    font-family: 'Panton-Bold';
    margin-bottom: 14px;
}
footer p:last-child {
    margin-bottom: 0;
}
@media screen and (max-width: 1500px){
    .wrapper {
        padding: 0 15px;
    }
}
@media screen and (max-width: 1340px){
    .wrapper_item02 p {
        margin-right: 0px;
    }
}
@media screen and (max-width: 991px){
    .main_place {
        margin-bottom: 50px;
    }
    .main_place_wrapper_item {
        width: 50%;
    }
    .wrapper_item03 {
        width: 100%;
        float: none;
        overflow: hidden;
        text-align: center;
    }
    .wrapper_item03 p {
        float: none;
        margin: 86px auto 0 auto;
        text-align: left;
    }
    .wrapper_item03 img {
        float: none;
    }

}
@media screen and (max-width: 767px){
    header {
        padding-top: 50px;
    }
    .logo img {
        max-width: 100%;
    }
    .main_place h1 {
        font-size: 42px;
    }
    .main_place_wrapper_item {
        width: 100%;
        float: none;
        text-align: center;
    }
    .main_place_wrapper img {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        float: none;
    }
    .main_place_wrapper p {
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .wrapper_item02 p {
        float: none;
    }
    .main_place {
        margin-bottom: 50px;
    }
}