@charset "UTF-8";

/* ================================================================

制作コンテンツ

info:
- レスポンシブの場合は、ブレイクポイント 768px で記述してください。
- SP用CSSを先に記述する方法を推奨します。下記の記述は例です。
- PCのみの場合は、記述を削除してください。

================================================================ */

/* SP用CSSの記述 */


/* PC、Tablet用CSSの記述 */
@media (min-width:768px){
}

h1 {
    position: absolute;
    top: -1000px;
}

.free_area_content {
    width: 100%;
    max-width: 1600px;
    margin: auto;
}

.free_area_content a {
    display: block;
    transition: 0.3s ease-in-out;
  }
  
.free_area_content a:hover {
    opacity: 0.7;
}
  
.free_area_content .wrap_content {
    width: 100%;
    margin: auto;
}
  
.free_area_content .wrap_content .content {
    width: 990px;
    margin: auto;
    height: 100%;
    position: relative;
}
  
.free_area_content .wrap_content .content .item {
    position: absolute;
    top: 0;
}
  



.free_area_content .wrap_content.title_area {
    width: 100%;
    height: 900px;
    margin: auto;
    background: url(../images/bg/title__bg.png) no-repeat top center;
}
  
.free_area_content .wrap_content#content_01 {
    width: 100%;
    height: 755px;
    margin: auto;
    background: url(../images/bg/content__bg01.png) no-repeat top center;
}
  
.free_area_content .wrap_content#content_02 {
    width: 100%;
    height: 650px;
    margin: auto;
    background: url(../images/bg/content__bg02.png) no-repeat top center;
}

.free_area_content .wrap_content#content_03 {
    width: 100%;
    height: 870px;
    margin: auto;
    background: url(../images/bg/content__bg03.png) no-repeat top center;
}

.free_area_content .wrap_content#content_04 {
    width: 100%;
    height: 1245px;
    margin: auto;
    background: url(../images/bg/content__bg04.png) no-repeat top center;
}

.free_area_content .wrap_content#content_05 {
    width: 100%;
    height: 1060px;
    margin: auto;
    background: url(../images/bg/content__bg05.png) no-repeat top center;
}

.free_area_content .wrap_content#content_06 {
    width: 100%;
    height: 380px;
    margin: auto;
    background: url(../images/bg/content__bg06.png) no-repeat top center;
}

.free_area_content .wrap_content .content .item01 {
    top: 312px;
    left: 86px;
}

.free_area_content .wrap_content .content .item02 {
    top: 312px;
    left: 235px;    
}

.free_area_content .wrap_content .content .item03 {
    top: 846px;
    left: 681px;
}

.free_area_content .wrap_content .content .item03 a:hover {
    opacity: 1;
    filter: invert(100%);
}
.free_area_content .wrap_content .content .item03 a:hover img {
    filter: contrast(300%);
}

.free_area_content .wrap_content .content .item04 {
    top: 399px;
    left: 25px;   
}

.free_area_content .wrap_content .content .item05 {
    top: 399px;
    left: 360px;
}

.free_area_content .wrap_content .content .item06 {
    top: 399px;
    left: 693px;
}

.free_area_content .wrap_content .content .item07 {
    top:202px;
    left: 26px;
}

.free_area_content .wrap_content .content .item08 {
    top:202px;
    left: 270px;
}

.free_area_content .wrap_content .content .item09 {
    top:202px;
    left: 511px;
}

.free_area_content .wrap_content .content .item10 {
    top:199px;
    left: 754px;
}

.free_area_content .wrap_content .content .item11 {
    top: 543px;
    left: 26px;
}

.free_area_content .wrap_content .content .item12 {
    top: 543px;
    left: 270px;
}

.free_area_content .wrap_content .content .item13 {
    top: 543px;
    left: 511px;
}

.free_area_content .wrap_content .content .item14 {
    top: 540px;
    left: 754px;
}

.free_area_content .wrap_content .content .item03-2 {
    top: 363px;
    left: 726px;
}

.free_area_content .wrap_content .content .item03-2 a:hover {
    opacity: 1;
    filter: invert(100%);
}
.free_area_content .wrap_content .content .item03-2 a:hover img {
    filter: contrast(300%);
}

.free_area_content .wrap_content .content .item15 {
    top: 398px;
    left: -12px;
}

.free_area_content .wrap_content .content .item16 {
    top: 450px;
    left: 473px;
    z-index: 5;
}

.free_area_content .wrap_content .content .item17 {
    top: 886px;
    left: -8px;
}

.free_area_content .wrap_content .content .item18 {
    top: 31px;
    left: 30px;
}


.free_area_content .wrap_content .content .item19 {
    top: 10px;
    left: 518px;
}

.free_area_content .wrap_content .content .item20 {
    top: 503px;
    left: 61px;
}

.free_area_content .wrap_content .content .item21 {
    top: 758px;
    left: 60px;
}

.free_area_content .wrap_content .content .item22 {
    top: 13px;
    left: 26px;
}

.free_area_content .wrap_content .content .item23 {
    top: 116px;
    left: 26px;
}

.free_area_content .wrap_content .content .item24 {
    top: 231px;
    left: 26px;
}

.free_area_content .wrap_content .content .item25 {
    top: 231px;
    left: 501px;
}

.free_area_content .wrap_content .content .item26 {
    top: 450px;
    left: 473px;
    z-index: 5;
}