@charset "UTF-8";

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

制作コンテンツ

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

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

/* SP用CSSの記述 */


/* 基本情報 */
.free_conten_area h1 {
    position: absolute;
    top: -1000px;
}

.free_conten_area {width: 100%; max-width: 1600px; margin: auto;}
.free_conten_area .content {width: 990px; margin: auto; height: 100%; position: relative;}
.free_conten_area .content .area {position: absolute; top: 0; left: 0; z-index: 3;}
.free_conten_area .content .area a {display: block;	-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.free_conten_area .content .area a:hover {opacity: .7;}
.free_conten_area .content .area a .off {display: block; opacity: 1; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.free_conten_area .content .area a .on {display: none; opacity: 0; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.free_conten_area .content .area a:hover .on {display: block; opacity: 1;}
.free_conten_area .content .area a:hover .off {display: none; opacity: 0;}
.free_conten_area .content .area.ichi {z-index: 6;}

.free_conten_area .title {background: url(../images/title_bg.png) no-repeat top center; height: 785px; width: 100%;}
.free_conten_area .content_area {background: url(../images/content_bg.png) no-repeat top center; height: 2715px; width: 100%;}






.free_conten_area .content .area.link01 {
	top: 578px;
    left: 785px;
}
.free_conten_area .content .area.link02 {
	top: 561px;
    left: 508px;
}
.free_conten_area .content .area.link03 {
	top: 584px;
    left: 635px;
}
.free_conten_area .content .area.link04 {
	top: 619px;
    left: 760px;
}

.free_conten_area .content .area01 {
    top: -16px;
    left: 120px;
}

.free_conten_area .content .area02 {
	top: 352px;
    left: 128px;
}
.free_conten_area .content .area03 {
	top: 383px;
    left: 485px;
}
.free_conten_area .content .area04 {
	top: 715px;
    left: -4px;
}
.free_conten_area .content .area05 {
    top: 1283px;
    left: 111px;
}
.free_conten_area .content .area06 {
    top: 1765px;
    left: -5px;
}
.free_conten_area .content .area07 {
    top: 2255px;
    left: 45px;
}
.free_conten_area .content .area08 {
	top: 2253px;
    left: 446px;
}
.free_conten_area .content .area09 {
    top: 2475px;
    left: 30px;
}
.free_conten_area .content .area10 {
    top: 2593px;
    left: 29px;
}
.free_conten_area .content .area11 {
	top: 2593px;
    left: 503px;
}

.free_conten_area .content .area10 a:hover,
.free_conten_area .content .area11 a:hover {opacity: 1;}

.free_conten_area .content .bx-controls-direction {
	display: none;
}
.free_conten_area .content .bx-default-pager .bx-pager-item .bx-pager-link {
	background: #5a5a5a;
    text-indent: -9999px;
    display: block;
    width: 7px;
    height: 7px;
    margin: 0 5px;
    outline: 0;
    border-radius: 50%;
}
.free_conten_area .content .bx-viewport {pointer-events: none;}


.free_conten_area .content .area.btn01 {
    top: 322px;
    left: 35px;
}
.free_conten_area .content .area.btn02 {
    top: 322px;
    left: 175px;
}
.free_conten_area .content .area.ichi01 {
	z-index: 999;
	top: -26px;
    left: 274px;
    pointer-events: none;
}
.free_conten_area .content .area.ichi02 {
	z-index: 999;
	top: -88px;
    left: 446px;
    pointer-events: none;
}
.free_conten_area .content .area.ichi03 {
	z-index: 999;
    pointer-events: none;
    top: -67px;
    left: 258px;
}
.free_conten_area .content .area.area13 {
	z-index: 999;
    top: 370px;
    left: 97px;
    pointer-events: none;
}


.area_link01 {
	position: fixed;
    top: 30px;
    right: 20px;
    z-index: 999;
}


.free_conten_area .content .area01 .slidearea {
    position: absolute;
    top: 6px;
    left: 40px;
    width: 477px;
}
.free_conten_area .content .area01 .slidearea .bx-default-pager {
	position: absolute;
	bottom: 0px;
    left: -28px;
    z-index: 9999;
}
.free_conten_area .content .area01 .slidearea .bx-default-pager .bx-pager-item {
    margin-top: 12px;
}
.free_conten_area .content .area01 .slidearea .bx-default-pager .bx-pager-item .bx-pager-link.active {
    background: #698da9;
}






.free_conten_area .content .area04 .slidearea {
    position: absolute;
    left: 355px;
    top: 89px;
    width: 477px;
}
.free_conten_area .content .area04 .slidearea .bx-default-pager {
	position: absolute;
	bottom: 0px;
    right: -28px;
    z-index: 9999;
}
.free_conten_area .content .area04 .slidearea .bx-default-pager .bx-pager-item {
    margin-top: 12px;
}
.free_conten_area .content .area04 .slidearea .bx-default-pager .bx-pager-item .bx-pager-link.active {
    background: #88a18b;
}






.free_conten_area .content .area05 .slidearea {
    position: absolute;
    top: 47px;
    left: 50px;
    width: 477px;
}
.free_conten_area .content .area05 .slidearea .bx-default-pager {
	position: absolute;
	bottom: 0px;
    left: -28px;
    z-index: 9999;
}
.free_conten_area .content .area05 .slidearea .bx-default-pager .bx-pager-item {
    margin-top: 12px;
}
.free_conten_area .content .area05 .slidearea .bx-default-pager .bx-pager-item .bx-pager-link.active {
    background: #d6909d;
}







.free_conten_area .content .area06 .slidearea {
    position: absolute;
    left: 375px;
    top: 71px;
    width: 462px;
}
.free_conten_area .content .area06 .slidearea .bx-default-pager {
	position: absolute;
	bottom: 0px;
    right: -28px;
    z-index: 9999;
}
.free_conten_area .content .area06 .slidearea .bx-default-pager .bx-pager-item {
    margin-top: 12px;
}
.free_conten_area .content .area06 .slidearea .bx-default-pager .bx-pager-item .bx-pager-link.active {
    background: #9d8eac;
}





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