/* ▼reset*/
@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: none;
font-style: normal;
text-align: left;
zoom: 1;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
table {
border-collapse: collapse;
font-family: inherit;
}

input,textarea,select {
font-family: inherit;
font-size: 16px;
}
input[type="button"],input[type="text"],input[type="submit"] {
 -webkit-appearance: none;
 border-radius: 0;
}
textarea {
resize: none;
-webkit-appearance: none;
border-radius: 0;
}
th,td {
border-collapse: collapse;
}
table th,table td {
white-space: nowrap;
}
ul,ol {
list-style-type: none;
}
img {
max-width: 100%;
height: auto;
width /***/:auto;
vertical-align: text-bottom;
vertical-align: -webkit-baseline-middle;
}

/* ▲reset */

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

html {
}



body{
width:100%;
height: 100%;
padding: 0px 0px 0px 0px;
margin: 0px;
font-family: sans-serif;
font-size: 12px;
background-color: #ffffff;
}
p{
padding: 0px 0px 0px 0px;
margin: 0px;
}
dl, ol, ul {
margin-top: 0em;
margin-bottom: 0em;
}
ul {
margin: 0px;
padding: 0px;
}

a:hover{
text-decoration-line: none;
opacity: .8;
}

.section-anchor{
display: block;
clear: both;
height: 0;
line-height: 0;
}

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

#menu-btn-check {
display: none;
}

.menu-btn {
position: fixed;
top: 5vw;
right: 5vw;
display: flex;
height: 7vw;
width: 9vw;
justify-content: center;
align-items: center;
z-index: 90;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
content: '';
display: block;
height: 0.5vw;
width: 7vw;
border-radius: 3px;
background-color: #08CDCD;
position: absolute;
}
.menu-btn span:before {
bottom: 2vw;
}
.menu-btn span:after {
top: 2vw;
}


#menu-btn-check:checked ~ .menu-content {
left: 36%;/*メニューを画面内へ*/
}
#menu-btn-check:checked ~ .menu-btn span {
content: '';
display: block;
height: 0.5vw;
width: 7vw;
border-radius: 3px;
background-color: #08cdcd00;
position: absolute;
}
#menu-btn-check:checked ~ .menu-btn span::before {
bottom: 0;
transform: rotate(45deg);
background-color: #ffffff;
content: '';
display: block;
height: 0.5vw;
width: 7vw;
border-radius: 3px;
position: absolute;
}
#menu-btn-check:checked ~ .menu-btn span::after {
top: 0;
transform: rotate(-45deg);
background-color: #ffffff;
content: '';
display: block;
height: 0.5vw;
width: 7vw;
border-radius: 3px;
position: absolute;
}

.menu-content {
width: 65%;
height: 100%;
position: fixed;
top: 0;
left: 100%;
z-index: 80;
background-color: #08cdcd;
transition: all 0.5s;
}
.menu-content ul {
padding-top: 13vh;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.menu-content ul li {
float: left;
width: 80%;
margin-top: 0px;
margin-left: 20%;
margin-right: 0px;
margin-bottom: 7vh;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
list-style: none;
}
.menu-content ul li a {
display: block;
width: 100%;
font-size: 5.4vw;
box-sizing: border-box;
color: #ffffff;
text-decoration: none;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
position: relative;
line-height: 100%;
}
.menu-content ul li a img{
width: 6vw;
}




.mobile-on{
display: block;
}

.pc-on{
display: none;
}

#yp-wrap-01{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-01{
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 4vw;
padding-left: 4.5vw;
padding-right: 1vw;
padding-bottom: 4vw;
}
#yp-area-01a{
float: left;
width: 32%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01b{
display: none;
float: right;
width: 2.3%;
margin-top: 1.9vw;
margin-left: 1.5%;
margin-right: 1.0%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01c{
display: none;
float: right;
width: 75%;
margin-top: 1.9vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01c ul{
width: 100%;
}
#yp-area-01c li{
float: right;
width: auto;
margin-top: 0px;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01c li a{
text-decoration: none;
color: #08cdcd;
font-size: 1.3vw;
font-family: sans-serif;
}


#yp-wrap-02{
position: relative;
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-02a{
float: left;
width: 100%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-02a img{
width: 100%;
}
#yp-area-02b{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-02b{
position: unset;
right: 0;
bottom: -6vw;
width: 100%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 7.5vw;
padding-left: 12vw;
padding-right: 12vw;
padding-bottom: 11.5vw;
background-color: #08CDCD;
}

#yp-area-02b-01{
float: left;
width: 40%;
margin-top: 0vw;
margin-left: 30%;
margin-right: 30%;
margin-bottom: 0px;
padding-top: 0vw;
padding-left: 0px;
padding-right: 0%;
padding-bottom: 0vw;
border-right: solid 0px #ffffff;
}
#yp-area-02b-01 img{
width: 100%;
}

#yp-area-02b-02{
position: unset;
float: left;
width: 100%;
height: auto;
overflow: hidden;
margin-top: 5vw;
margin-left: 0%;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0%;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-02b-02 ul{
position: unset;
float: left;
width: 100%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
top: 50%;
left: 0%;
-webkit-transform: translate(-0%, 0%);
transform: translate(-0%, 0%);
}

#yp-area-02b-02 li{
float: left;
width: 100%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #ffffff;
}

.yp-area-02b-02a{
float: left;
width: auto;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 3.3vw;
color: #ffffff;
}
.yp-area-02b-02b{
float: left;
width: auto;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 3.8vw;
padding-right: 0px;
padding-bottom: 0px;
font-size: 3.3vw;
color: #ffffff;
}
.yp-area-02b-02b a:link {
  color: #ffffff;
}
.yp-area-02b-02b a:link:hover {
  color: #ffffff;
  opacity: .8;
}
.yp-area-02b-02b a:link:active {
  color: #ffffff;
}
.yp-area-02b-02b a:link:visited {
  color: #ffffff;
}
#yp-wrap-03{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-03{
width: 78%;
overflow: hidden;
margin-top: 10vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
#yp-area-03a{
float: left;
width: 64%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-03a img{
width: 100%;
}
#yp-area-03b{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 4.5vw;
color: #08cdcd;
}
#yp-area-03c{
float: left;
width: 100%;
margin-top: 2.8vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 3.8vw;
color: #999999;
}


#yp-wrap-04{
float: left;
width: 100%;
margin-top: 10vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #08cdcd;
}
#yp-head-04{
width: 100%;
overflow: hidden;
margin-top: 2vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
#yp-area-04a{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 5vw;
padding-left: 8vw;
padding-right: 8vw;
padding-bottom: 4vw;
background-color: #08cdcd;
}
#yp-area-04a-01{
float: left;
width: 50%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-04a-01 img{
width: 100%;
}
#yp-area-04a-02{
float: left;
width: 100%;
margin-top: 1.5vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 4.0vw;
color: #ffffff;
}

.yp-area-04b{
float: left;
width: 88%;
margin-top: 0px;
margin-left: 6%;
margin-right: 6%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #F5FCF4;
display: flex;
flex-direction: column;
}

.yp-area-04b-01{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 5vw;
padding-left: 5vw;
padding-right: 5vw;
padding-bottom: 11vw;
order: 2;
}

.yp-area-04b-01a{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 6vw;
padding-right: 6vw;
padding-bottom: 0px;
color: #08CDCD;
letter-spacing: 0.4vw;
font-size: 5vw;
order: 1;
}

.yp-area-04b-01a-sub01{
float: left;
width: 100%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 6vw;
padding-right: 6vw;
padding-bottom: 0px;
color: #08CDCD;
letter-spacing: 0.0vw;
font-size: 4.5vw;
}
.yp-area-04b-01a-01{
letter-spacing: 0.0vw;
}
.yp-area-04b-01b{
float: left;
width: 100%;
margin-top: 2vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 6vw;
padding-right: 6vw;
padding-bottom: 0px;
color: #999999;
font-size: 3.3vw;
line-height: 180%;
}
.yp-area-04b-01b-sub01{
float: left;
width: 100%;
margin-top: 3vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 6vw;
padding-right: 6vw;
padding-bottom: 0px;
color: #999999;
font-size: 3.3vw;
line-height: 180%;
}
.yp-area-04b-01c{
float: left;
width: 100%;
margin-top: 6.5vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-01c-sub01{
float: left;
width: 100%;
margin-top: 9.5vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-01c-01{
float: right;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-01c-01 img{
width: 100%;
}

.yp-area-04b-02{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-02 img{
width: 100%;
}
.yp-area-04c{
float: left;
width: 76%;
height: 4vw;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #08cdcd;
}

#yp-wrap-05{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-05{
position: relative;
width: 100%;
height: auto;
overflow: hidden;
margin-top: 7vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-05a{
position: unset;
top: 0;
right: 0;
width: 94%;
float: right;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 6vw;
padding-left: 8vw;
padding-right: 0vw;
padding-bottom: 6vw;
background-color: #08cdcd;
}
#yp-area-05a-01{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-05a-01a{
float: left;
width: 51%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-05a-01 img{
width: 100%;
}

#yp-area-05a-02{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #ffffff;
font-size: 4.0vw;
}

#yp-area-05a-03{
float: left;
width: 100%;
margin-top: 6vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 10vw;
padding-bottom: 0px;
font-size: 3.5vw;
color: #ffffff;
line-height: 180%;

}

#yp-area-05a-04{
position: unset;
bottom: 4vw;
right: 7vw;
width: 100%;
float: left;
margin-top: 7vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-05a-04 img{
width: 100%;
}

#yp-area-05b{
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 88vw;
height: 35vw;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 3px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 4px;
background-color: #F5FCF4;
z-index: 88;
}


#yp-wrap-06{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-06{
width: 94%;
overflow: hidden;
margin-top: 19vw;
margin-left: 6%;
margin-right: 0%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06a{
float: left;
width: 57%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-06a-01{
float: left;
width: 90%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06a img{
width: 100%;
}
#yp-area-06b{
float: right;
width: 43%;
overflow: hidden;
margin-top: 6.5vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06b ul{
width: 100%;
}
#yp-area-06b li{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 1.1vw;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06b li a{
text-decoration: none;
color: #08cdcd;
font-size: 5vw;
font-family: sans-serif;
}

#yp-area-06b li img{
width: 13%;
}
#yp-area-06c{
float: left;
width: 94%;
overflow: hidden;
margin-top: 21vw;
margin-left: 0%;
margin-right: 6%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06c-01{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 4.1vw;
color: #999999;
line-height: 200%;
text-align: center;
}

#yp-area-06c-02{
float: left;
width: 100%;
overflow: hidden;
margin-top: 1.1vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
text-align: center;
}
#yp-area-06c-02 a{
text-decoration: none;
color: #08cdcd;
font-size: 4.1vw;
font-family: sans-serif;
}
#yp-area-06d{
float: left;
width: 94%;
overflow: hidden;
margin-top: 7vw;
margin-left: 0px;
margin-right: 6%;
margin-bottom: 7vw;
padding-top: 0px;
padding-left: 0%;
padding-right: 0%;
padding-bottom: 0px;
text-decoration: none;
color: #08cdcd;
font-size: 4.1vw;
font-family: sans-serif;
text-align: center;
}

#yp-area-07{
position: absolute;
top: 6.5vw;
right: 5vw;
width: 7vw;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
z-index: 99;
}

#yp-wrap-07{
float: left;
width: 100%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #F5FCF4;
}
#yp-head-07{
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 12vw;
padding-left: 10.5vw;
padding-right: 10.5vw;
padding-bottom: 43vw;
}
#yp-area-07a{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #08cdcd;
font-size: 5.0vw;
font-weight: bold;
text-align: center;
}
#yp-area-07b{
float: left;
width: 100%;
overflow: hidden;
margin-top: 7vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #999999;
font-size: 2.8vw;
line-height: 160%;
}

}


@media screen and (min-width:630px) and ( max-width:1199px) {

.mobile-on{
display: none;
}

.pc-on{
display: block;
}

#yp-wrap-01{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-01{
width: 100%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 1vw;
padding-left: 1.5vw;
padding-right: 1vw;
padding-bottom: 1vw;
}
#yp-area-01a{
float: left;
width: 18%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01b{
float: right;
width: 2.3%;
margin-top: 1.6vw;
margin-left: 1.5%;
margin-right: 1.0%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01c{
float: right;
width: 75%;
margin-top: 1.9vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01c ul{
width: 100%;
}
#yp-area-01c li{
float: right;
width: auto;
margin-top: 0px;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01c li a{
text-decoration: none;
color: #08cdcd;
font-size: 1.3vw;
font-family: sans-serif;
}


#yp-wrap-02{
position: relative;
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-02a{
float: left;
width: 100%;
margin-top: 1vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-02a img{
width: 100%;
}
#yp-area-02b{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-02b{
position: absolute;
right: 0;
bottom: -6vw;
width: 75%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 2.5vw;
padding-left: 5vw;
padding-right: 5vw;
padding-bottom: 2.5vw;
background-color: #08CDCD;
}

#yp-area-02b-01{
float: left;
width: 30%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0%;
margin-bottom: 0px;
padding-top: 1.5vw;
padding-left: 0px;
padding-right: 4%;
padding-bottom: 1.5vw;
border-right: solid 1px #ffffff;
}
#yp-area-02b-01 img{
width: 100%;
}

#yp-area-02b-02{
position: relative;
float: left;
width: 66%;
height: 8vw;
margin-top: 0vw;
margin-left: 4%;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0%;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-02b-02 ul{
position: absolute;
float: left;
width: 100%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
top: 50%;
left: 0%;
-webkit-transform: translate(-0%, -50%);
transform: translate(-0%, -50%);
}

#yp-area-02b-02 li{
float: left;
width: 100%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #ffffff;
}

.yp-area-02b-02a{
float: left;
width: auto;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.5vw;
color: #ffffff;
}
.yp-area-02b-02b{
float: left;
width: auto;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 1.8vw;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.5vw;
color: #ffffff;
}
.yp-area-02b-02b a:link {
  color: #ffffff;
}
.yp-area-02b-02b a:link:hover {
  color: #ffffff;
  opacity: .8;
}
.yp-area-02b-02b a:link:active {
  color: #ffffff;
}
.yp-area-02b-02b a:link:visited {
  color: #ffffff;
}

#yp-wrap-03{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-03{
width: 82%;
overflow: hidden;
margin-top: 13vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
#yp-area-03a{
float: left;
width: 75%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-03a img{
width: 100%;
}
#yp-area-03b{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.6vw;
color: #08cdcd;
}
#yp-area-03c{
float: left;
width: 100%;
margin-top: 2.8vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.5vw;
color: #999999;
}


#yp-wrap-04{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-04{
width: 100%;
overflow: hidden;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
#yp-area-04a{
float: left;
width: 76%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 5vw;
padding-left: 8vw;
padding-right: 8vw;
padding-bottom: 4vw;
background-color: #08cdcd;
}
#yp-area-04a-01{
float: left;
width: 36%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-04a-01 img{
width: 100%;
}
#yp-area-04a-02{
float: left;
width: 100%;
margin-top: 1vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.5vw;
color: #ffffff;
}

.yp-area-04b{
float: left;
width: 94%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #F5FCF4;
}

.yp-area-04b-01{
float: left;
width: 50%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 4vw;
padding-left: 8vw;
padding-right: 2vw;
padding-bottom: 2vw;
}

.yp-area-04b-01a{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #08CDCD;
letter-spacing: 0.4vw;
font-size: 2.7vw;
}

.yp-area-04b-01a-sub01{
float: left;
width: 100%;
margin-top: 6vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #08CDCD;
letter-spacing: 0.0vw;
font-size: 2.7vw;
}
.yp-area-04b-01a-01{
letter-spacing: 0.0vw;
}
.yp-area-04b-01b{
float: left;
width: 100%;
margin-top: 2vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #999999;
font-size: 1.1vw;
line-height: 200%;
}
.yp-area-04b-01b-sub01{
float: left;
width: 100%;
margin-top: 3vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #999999;
font-size: 1.1vw;
line-height: 200%;
}
.yp-area-04b-01c{
float: left;
width: 100%;
margin-top: 6.5vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-01c-sub01{
float: left;
width: 100%;
margin-top: 1.5vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-01c-01{
float: right;
width: 43%;
margin-top: 0px;
margin-left: 0px;
margin-right: 10%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-01c-01 img{
width: 100%;
}

.yp-area-04b-02{
float: left;
width: 50%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-02 img{
width: 100%;
}
.yp-area-04c{
float: left;
width: 76%;
height: 4vw;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #08cdcd;
}

#yp-wrap-05{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-05{
position: relative;
width: 100%;
height: 75vw;
overflow: hidden;
margin-top: 16vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-05a{
position: absolute;
top: 0;
right: 0;
width: 88%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 5vw;
padding-left: 8vw;
padding-right: 1vw;
padding-bottom: 6vw;
background-color: #08cdcd;
z-index: 99;
}
#yp-area-05a-01{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-05a-01a{
float: left;
width: 32%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-05a-01 img{
width: 100%;
}

#yp-area-05a-02{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #ffffff;
font-size: 1.6vw;
}

#yp-area-05a-03{
float: left;
width: 100%;
margin-top: 4vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.1vw;
color: #ffffff;
line-height: 200%;
}

#yp-area-05a-04{
position: absolute;
bottom: 4vw;
right: 7vw;
width: 30%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-05a-04 img{
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-05b{
position: absolute;
bottom: 0;
left: 0;
width: 88vw;
height: 35vw;
display: block;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 3px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 4px;
background-color: #F5FCF4;
z-index: 88;
}


#yp-wrap-06{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-06{
width: 78%;
overflow: hidden;
margin-top: 6vw;
margin-left: 11%;
margin-right: 11%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06a{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-06a-01{
float: left;
width: 39%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06a img{
width: 100%;
}
#yp-area-06b{
float: right;
width: 21%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06b ul{
width: 100%;
}
#yp-area-06b li{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0.7vw;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06b li a{
text-decoration: none;
color: #08cdcd;
font-size: 1.3vw;
font-family: sans-serif;
}

#yp-area-06b li img{
width: 13%;
}
#yp-area-06c{
float: left;
width: 63%;
overflow: hidden;
margin-top: 2vw;
margin-left: 16%;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06c-01{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.1vw;
color: #999999;
line-height: 200%;
}

#yp-area-06c-02{
float: left;
width: 100%;
overflow: hidden;
margin-top: 1.1vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06c-02 a{
text-decoration: none;
color: #08cdcd;
font-size: 1.2vw;
font-family: sans-serif;
}
#yp-area-06d{
float: left;
width: 100%;
overflow: hidden;
margin-top: 7vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
text-decoration: none;
color: #08cdcd;
font-size: 1.1vw;
font-family: sans-serif;
text-align: center;
}

#yp-wrap-07{
float: left;
width: 100%;
margin-top: 1.5vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #F5FCF4;
}
#yp-head-07{
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 7vw;
padding-left: 13vw;
padding-right: 13vw;
padding-bottom: 19vw;
}
#yp-area-07a{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #08cdcd;
font-size: 2.8vw;
font-weight: bold;
}
#yp-area-07b{
float: left;
width: 100%;
overflow: hidden;
margin-top: 4vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #999999;
font-size: 1.1vw;
line-height: 200%;
}


}


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

.mobile-on{
display: none;
}

.pc-on{
display: block;
}

#yp-wrap-01{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-01{
width: 100%;
margin-top: 0px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 1vw;
padding-left: 1.5vw;
padding-right: 1vw;
padding-bottom: 1vw;
}
#yp-area-01a{
float: left;
width: 18%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01b{
float: right;
width: 2.3%;
margin-top: 1.9vw;
margin-left: 1.5%;
margin-right: 1.0%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01c{
float: right;
width: 75%;
margin-top: 1.9vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01c ul{
width: 100%;
}
#yp-area-01c li{
float: right;
width: auto;
margin-top: 0px;
margin-left: 1.5%;
margin-right: 1.5%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-01c li a{
text-decoration: none;
color: #08cdcd;
font-size: 1.3vw;
font-family: sans-serif;
}


#yp-wrap-02{
position: relative;
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-02a{
float: left;
width: 100%;
margin-top: 1vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-02a img{
width: 100%;
}
#yp-area-02b{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-02b{
position: absolute;
right: 0;
bottom: -6vw;
width: 75%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 2.5vw;
padding-left: 5vw;
padding-right: 5vw;
padding-bottom: 2.5vw;
background-color: #08CDCD;
}

#yp-area-02b-01{
float: left;
width: 30%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0%;
margin-bottom: 0px;
padding-top: 1.5vw;
padding-left: 0px;
padding-right: 4%;
padding-bottom: 1.5vw;
border-right: solid 1px #ffffff;
}
#yp-area-02b-01 img{
width: 100%;
}

#yp-area-02b-02{
position: relative;
float: left;
width: 66%;
height: 8vw;
margin-top: 0vw;
margin-left: 4%;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0%;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-02b-02 ul{
position: absolute;
float: left;
width: 100%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
top: 50%;
left: 0%;
-webkit-transform: translate(-0%, -50%);
transform: translate(-0%, -50%);
}

#yp-area-02b-02 li{
float: left;
width: 100%;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #ffffff;
}

.yp-area-02b-02a{
float: left;
width: auto;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.5vw;
color: #ffffff;
}
.yp-area-02b-02b{
float: left;
width: auto;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 1.8vw;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.5vw;
color: #ffffff;
}
.yp-area-02b-02b a {
  color: #ffffff;
  text-decoration: none;
}
.yp-area-02b-02b a:hover {
  color: #ffffff;
  opacity: .8;
}
.yp-area-02b-02b a:active {
  color: #ffffff;
}
.yp-area-02b-02b a:visited {
  color: #ffffff;
}

#yp-wrap-03{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-03{
width: 82%;
overflow: hidden;
margin-top: 13vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
#yp-area-03a{
float: left;
width: 75%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-03a img{
width: 100%;
}
#yp-area-03b{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.6vw;
color: #08cdcd;
}
#yp-area-03c{
float: left;
width: 100%;
margin-top: 2.8vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.5vw;
color: #999999;
}


#yp-wrap-04{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-04{
width: 100%;
overflow: hidden;
margin-top: 8vw;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding-top: 0vw;
padding-left: 0vw;
padding-right: 0vw;
padding-bottom: 0vw;
}
#yp-area-04a{
float: left;
width: 76%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 5vw;
padding-left: 8vw;
padding-right: 8vw;
padding-bottom: 4vw;
background-color: #08cdcd;
}
#yp-area-04a-01{
float: left;
width: 36%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-04a-01 img{
width: 100%;
}
#yp-area-04a-02{
float: left;
width: 100%;
margin-top: 1vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.5vw;
color: #ffffff;
}

.yp-area-04b{
float: left;
width: 94%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #F5FCF4;
}

.yp-area-04b-01{
float: left;
width: 50%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 4vw;
padding-left: 8vw;
padding-right: 2vw;
padding-bottom: 2vw;
}

.yp-area-04b-01a{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #08CDCD;
letter-spacing: 0.4vw;
font-size: 2.7vw;
}

.yp-area-04b-01a-sub01{
float: left;
width: 100%;
margin-top: 6vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #08CDCD;
letter-spacing: 0.0vw;
font-size: 2.7vw;
}
.yp-area-04b-01a-01{
letter-spacing: 0.0vw;
}
.yp-area-04b-01b{
float: left;
width: 100%;
margin-top: 2vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #999999;
font-size: 1.1vw;
line-height: 200%;
}
.yp-area-04b-01b-sub01{
float: left;
width: 100%;
margin-top: 3vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #999999;
font-size: 1.1vw;
line-height: 200%;
}
.yp-area-04b-01c{
float: left;
width: 100%;
margin-top: 6.5vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-01c-sub01{
float: left;
width: 100%;
margin-top: 1.5vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-01c-01{
float: right;
width: 43%;
margin-top: 0px;
margin-left: 0px;
margin-right: 10%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-01c-01 img{
width: 100%;
}

.yp-area-04b-02{
float: left;
width: 50%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-04b-02 img{
width: 100%;
}
.yp-area-04c{
float: left;
width: 76%;
height: 4vw;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #08cdcd;
}

#yp-wrap-05{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-05{
position: relative;
width: 100%;
height: 75vw;
overflow: hidden;
margin-top: 16vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-05a{
position: absolute;
top: 0;
right: 0;
width: 88%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 5vw;
padding-left: 8vw;
padding-right: 1vw;
padding-bottom: 6vw;
background-color: #08cdcd;
z-index: 99;
}
#yp-area-05a-01{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-05a-01a{
float: left;
width: 32%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-05a-01 img{
width: 100%;
}

#yp-area-05a-02{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #ffffff;
font-size: 1.6vw;
}

#yp-area-05a-03{
float: left;
width: 100%;
margin-top: 4vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.1vw;
color: #ffffff;
line-height: 200%;
}

#yp-area-05a-04{
position: absolute;
bottom: 4vw;
right: 7vw;
width: 30%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-05a-04 img{
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

#yp-area-05b{
position: absolute;
bottom: 0;
left: 0;
width: 88vw;
height: 35vw;
display: block;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 3px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 4px;
background-color: #F5FCF4;
z-index: 88;
}


#yp-wrap-06{
float: left;
width: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-head-06{
width: 78%;
overflow: hidden;
margin-top: 6vw;
margin-left: 11%;
margin-right: 11%;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06a{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
.yp-area-06a-01{
float: left;
width: 39%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06a img{
width: 100%;
}
#yp-area-06b{
float: right;
width: 21%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06b ul{
width: 100%;
}
#yp-area-06b li{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0.7vw;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06b li a{
text-decoration: none;
color: #08cdcd;
font-size: 1.3vw;
font-family: sans-serif;
}

#yp-area-06b li img{
width: 13%;
}
#yp-area-06c{
float: left;
width: 63%;
overflow: hidden;
margin-top: 2vw;
margin-left: 16%;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06c-01{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
font-size: 1.1vw;
color: #999999;
line-height: 200%;
}

#yp-area-06c-02{
float: left;
width: 100%;
overflow: hidden;
margin-top: 1.1vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}
#yp-area-06c-02 a{
text-decoration: none;
color: #08cdcd;
font-size: 1.2vw;
font-family: sans-serif;
}
#yp-area-06d{
float: left;
width: 100%;
overflow: hidden;
margin-top: 7vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
text-decoration: none;
color: #08cdcd;
font-size: 1.1vw;
font-family: sans-serif;
text-align: center;
}

#yp-wrap-07{
float: left;
width: 100%;
margin-top: 1.5vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
background-color: #F5FCF4;
}
#yp-head-07{
width: 100%;
overflow: hidden;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 7vw;
padding-left: 13vw;
padding-right: 13vw;
padding-bottom: 19vw;
}
#yp-area-07a{
float: left;
width: 100%;
overflow: hidden;
margin-top: 0vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #08cdcd;
font-size: 2.8vw;
font-weight: bold;
}
#yp-area-07b{
float: left;
width: 100%;
overflow: hidden;
margin-top: 4vw;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
color: #999999;
font-size: 1.1vw;
line-height: 200%;
}


}