section#mv_area {
    width: 100%;
    height: 984px;
    background-size: initial;
    background-image: url(../../common/images/aquashop/aqua_mainvis_bg.jpg);
    background-repeat: no-repeat;
}
section#top_area01 {
    width: 100%;
    height: 515px;
    background-size: initial;
    background-image: url(../../common/images/aquashop/aqua_area01_bg.jpg);
    background-repeat: no-repeat;
}

#top_area01_inner {
    width: 900px;
    margin: 0 auto;
    padding-top: 50px;
}
#news_list {
    width: 700px;
    margin: 0 auto 40px;
}
#top_area01_inner .ttl_area {
    margin-bottom: 45px;
}
#news_list li {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #666666;
}
#news_list li a {
    display: flex;
}
#news_list li .post_date {
    width: 100px;
}
#news_list li .post_icon {
    width: 80px;
}
#aqua_area01_btn {
    margin: 0 auto;
}

section#top_area02 {
    width: 100%;
    height: 524px;
    background-color: #fff;
}
#top_area02_inner {
    width: 964px;
    height: 362px;
    justify-content: space-between;
}
#top_area02_left {
    width: 420px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#top_area02_left h2 {
    margin-top: 15px;
}
#top_area02_left p {
    line-height: 24px;
}
#top_area02_left a {
    width: 246px;
    height: 66px;
    align-self: flex-end;
}
section#top_area03 {
    width: 100%;
    height: 2450px;
    background: linear-gradient(180deg,#e9f9fe 0%,#e9f9fe 1555px,#fff 1555px,#fff 100%);
}

#top_area03_inner {
    width: 1000px;
    height: 2296px;
}
#top_area03_inner > div + div {
    margin-top: 60px;
}
#top_area03_01 {
    width: 100%;
    height: 574px;
    background-color: #fff;
    border-radius: 20px;
}
#top_area03_01_ttl {
    height: 98px;
    padding-top: 50px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto 30px;
}
ul#top_area03_01_list {
    width: 942px;
    height: 380px;
    margin: 0 auto;
    justify-content: space-between;    
}
ul#top_area03_01_list li {
    width: 290px;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}
ul#top_area03_01_list li h3 img {
    margin: 0 10px;
}
ul#top_area03_01_list li p {
    line-height: 30px;
}
#top_area03_02 {
    width: 100%;
    height: 750px;
}

#top_area03_02_frame {
    width: 100%;
    height: 750px;
    background: linear-gradient(180deg,#062e65 0%,#062e65 230px,#fff 230px,#fff 100%);
    border-radius: 20px;
    margin: 16px auto 0;
}
#top_area03_02_ttl {
    width: 100%;
    height: 298px;
    margin: 0 auto;
    display: flex;
}
#top_area03_02_ttl > * {
    line-height: 1em;
}
#top_area03_02_ttl img {
    margin: -16px 27px 0;
}
#top_area03_02_ttl > div {
    height: 113px;
    margin: 50px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#top_area03_02_ttl > div h2 {
    line-height: 38px;
}
#top_area03_02_ttl > div h2 span {
    margin-right: 10px;
}

#top_area03_02_ttl > div h3 {
    align-self: flex-end;
}
#top_area03_02_contents {
    width: 900px;
    height: 401px;
    margin: 0 auto;
    justify-content: space-between;
}
#top_area03_02_contents_left {
    width: 310px;
    height: 314px;
    margin: 0 15px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}
#top_area03_02_contents_left h4 {
    line-height: 32px;
}
#top_area03_02_contents_left p {
    line-height: 24px;
}

#top_area03_03 {
    width: 100%;
    height: 846px;
} 
#top_area03_03_arrow {
    margin: 0 auto;
    width: 121px;
    height: 76px;
    display: flex;
    justify-content: center;
    padding-top: 17px;
    background-image: url(../../common/images/aquashop/aqua_area03_03_arrow_img.png);
    background-size: initial;
    background-repeat: no-repeat;
}
#top_area03_03 h2 {
    text-align: center;
    margin: 20px auto 66px;
}
ul#top_area03_03_list {
    width: 1000px;
    margin: 0 auto;
    justify-content: space-between;
}
ul#top_area03_03_list > li {
    width: 304px;
    height: 640px;
    background: linear-gradient(180deg,#f66a2d 0%,#f66a2d 60px,#fff 60px,#fff 100%);
    border: solid 2px #f66a2d;
    border-radius: 20px;
}
ul#top_area03_03_list li h3 {
    height: 60px;
}
ul#top_area03_03_list li ul {
    width: 260px;
    margin: 35px 0 0 36px;
}
ul#top_area03_03_list > li li {
    list-style: url(../../common/images/aquashop/aqua_area03_03_1_icon01.png);
    list-style-position: inside;
    text-indent: -2.2em;
    padding-left: 2.2em;
}
ul#top_area03_03_list > li li span {
    color: #f66a2d;
}
ul#top_area03_03_list > li > ul > li + li {
    margin-top: 24px;
}
section#top_area04 {
    width: 100%;
    padding-bottom: 1px;
    /*height: 2300px;*/
    background-color: #e9f9fe;
}
#top_area04 h3 {
    width: 100%;
    height: 50px;
    background-color: #12a6e4;
    border-radius: 25px;
    margin-bottom: 30px;
}
#top_area04_inner {
    width: 1000px;
    margin: 0 auto;
    padding-top: 80px;
}
#top_area04_01 {
    width: 100%;
    margin: 40px auto 0;
}
ul#top_area04_01_list {
    width: 100%;
    height: 860px;
    flex-wrap: wrap;
    align-content: space-between;
    justify-content: space-between;
}
ul#top_area04_01_list li {
    width: 492px;
    height: 422px;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;    
}
.top_area04_01_list_inner {
    width: 430px;
    height: 342px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_area04_01_list_img {
    width: 188px;
    height: 342px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
div.top_area04_01_desc * {
    line-height: 1em;
}
div.top_area04_01_desc {
    width: 215px;
    height: 300px;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.top_area04_01_desc_ttl {
    height: 54px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.top_area04_01_desc p {
    line-height: 24px;
}
div.top_area04_01_desc dl {
    height: 126px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
div.top_area04_01_desc dl > dt:first-of-type {
    margin-bottom: 23px;
}
div.top_area04_01_desc dl > div:first-of-type {
    margin-bottom: 12px;
}
div.top_area04_01_desc dl > dt:last-of-type {
    margin-bottom: 17px;
}
div.top_area04_01_desc dl div,
div.top_area04_03_desc dl div {
    display: flex;
    align-items: center;
}
div.top_area04_01_desc dl div > dt,
div.top_area04_03_desc dl div > dt {
    padding: 5px 10px;
    border-radius: 15px;
    margin-right: 15px;
}
div.top_area04_01_desc dl div > dd,
div.top_area04_03_desc dl div > dd {
    font-weight: bold;
}
div.top_area04_01_desc dl div:first-of-type > dt,
div.top_area04_03_desc dl div:first-of-type > dt {
    background-color: #12a6e4;
}
div.top_area04_01_desc dl div:last-of-type > dt,
div.top_area04_03_desc dl div:last-of-type > dt  {
    background-color: #666666;

}
#top_area04_02_join {
    width: 0;
    height: 0;
    margin: 10px auto 0;
    border-style: solid;
    border-width: 0 16.5px 50px 16.5px;
    border-color: transparent transparent #ffffff transparent;
}
#top_area04_02 {
    width: 100%;
    height: 470px;
    background-color: #fff;
    border-radius: 20px;
    margin-bottom: 35px;
}
#top_area04_02_inner {
    width: 890px;
    height: 360px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#top_area04_02_inner h4 {
    font-weight: bold;
    text-align: center;
}
#top_area04_02_inner > p {
    width: 696px;
    line-height: 24px;
    margin: 0 auto;
}
ul#top_area04_02_list {
    width: 100%;
    height: 208px;
}
ul#top_area04_02_list li {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;

}
ul#top_area04_02_list li:not(ul#top_area04_02_list li:nth-of-type(3)) > p {
    width: 82%;
}
ul#top_area04_02_list li > * + * {
    margin-top: 23px;
}

.const_deli {
    width: 320px;
    height: 90px;
    margin: 0 auto 75px;
    border: solid 1px #f66a2d;
    box-sizing: border-box;
    border-radius: 20px;
    background: linear-gradient(180deg,#f66a2d 0%,#f66a2d 54px,#fff 54px,#fff 100%);
    filter: drop-shadow(7px 7px 0px rgba(0,0,0,0.1));
    -webkit-filter: drop-shadow(7px 7px 0px rgba(0,0,0,0.1));
    -moz-filter: drop-shadow(7px 7px 0px rgba(0,0,0,0.1));
}
.const_deli dl {
    width: 100%;
}

#top_area04_03 {
    width: 100%;
    margin-bottom: 35px;
    /*height: 504px;*/
}
#top_area04_03 p {
    width: 608px;
    line-height: 24px;
    margin: 0 auto 35px;
    text-align: center;
}
ul#top_area04_03_list {
    width: 100%;
    height: 322px;
    margin-bottom: 15px;
    justify-content: space-between;
}
ul#top_area04_03_list li {
    width: 488px;
    height: 322px;
    background-color: #fff;
    border-radius: 20px;
}
.top_area04_03_list_inner {
    width: 412px;
    height: 204px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top_area04_03_img {
    width: 134px;
    height: 190px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.top_area04_03_desc {
    width: 212px;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.top_area04_03_desc_ttl {
}
div.top_area04_03_desc dl * {
    line-height: 1em;
}
div.top_area04_03_desc dl {
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
div.top_area04_03_desc dl > div:first-of-type {
    margin-bottom: 15px;
} 
div.top_area04_03_desc dl > dt {
    margin-bottom: 27px;
}
#top_area04_03 > div {
    width: 500px;
    margin: 0 auto;
    text-align: center;
}
section#top_area05 {
    width: 100%;
    height: 796px;
    background-color: #fff;
}
#top_area05_inner {
    width: 820px;
    height: 545px;
    margin: 0 auto;
}
#top_area05_01 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 20px auto 80px;
}
#top_area05_01 img {
    margin: 0 auto 15px;
}
#top_area05_01 ul {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#top_area05_01 ul li {
    text-align: center;
}
#top_area05_01 ul li:nth-of-type(1) {
    width: 142px;
}
#top_area05_01 ul li:nth-of-type(2) {
    width: 160px;
}
#top_area05_01 ul li:nth-of-type(3) {
    width: 220px;
}
div#top_area05_02 {
    width: 700px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
div#top_area05_02 > dl:nth-of-type(1) {
    width: 234px;
}
div#top_area05_02 > dl:nth-of-type(2) {
    width: 157px;
}
div#top_area05_02 > dl:not(div#top_area05_02 > dl:nth-of-type(3)) > dt {
    text-align: center;
    margin-bottom: 20px;
} 
div#top_area05_02 > dl:nth-of-type(3) {
    width: 234px;
    height: 90px;
    border: solid 1px #12a6e4;
    box-sizing: border-box;
    border-radius: 20px;
    background: linear-gradient(180deg,#12a6e4 0%,#12a6e4 54px,#fff 54px,#fff 100%);  
}
.const_deli dt,
div#top_area05_02 > dl:nth-of-type(3) dt {
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.const_deli dd,
div#top_area05_02 > dl:nth-of-type(3) dd {
    width: 100%;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.const_deli dd a,
div#top_area05_02 > dl:nth-of-type(3) dd a {
    display: block;
    width: 100%;
    padding: 5px 0;
    text-align: center;
}
section#top_area06 {
    width: 100%;
    height: 800px;
    background-color: #e9f9fe;
}
#top_area06_inner {
    width: 960px;
    height: 690px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
#top_area06_top {
    width: 850px;
    height: 323px;
    margin: 0 auto;
    background-image: url(../../common/images/aquashop/aqua_area06_frame.png);
    flex-direction: column;
}


#top_area06_top_inner {
    width: 712px;
    height: 180px;
    display: flex;
    flex-direction: column;
}
#top_area06_top_inner div:first-of-type {
    width: 494px;
    height: 140px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
}
#top_area06_top_inner div:first-of-type p {
    line-height: 24px;
    width: 440px;
}

#top_area06_top_inner div:last-of-type {
    width: 210px;
    height: 34px;
    text-align: center;
    align-self: flex-end;
}


ul#top_area06_bottom {
    width: 100%;
    height: 345px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


ul#top_area06_bottom li {
    width: 460px;
    height: 345px;
}