@charset 'UTF-8';

.top-tree{
	position: absolute;
	top: 0;
	right: 69px;
}

.bottom-tree{
	position: absolute;
	bottom: 0;
	left: 66px;
	z-index: 1;
}
.top-tree .btn_omnibus,
.top-tree .btn_part02{
	position: absolute;
	right: 40px;
	background: url(/part02/assets/img/story/btn_bg.png) repeat;
	border-radius: 0 0 8px 8px;
	text-align: center;
	overflow: hidden;
	z-index: 100;
}
.top-tree .btn_part02{
	right: 175px;
}
.top-tree .btn_omnibus a,
.top-tree .btn_part02 a{
	display: inline-block;
	padding: 15px 10px;
	font-size: 18px;
	color: #fff;
}
.sp_top-tree{
	display: none;
}

.sp_bottom-tree{
	display: none;
}
.sp_top-tree .btn_part02,
.sp_top-tree .btn_omnibus{
	position: absolute;
	right: 0;
	background: url(/part02/assets/img/story/btn_bg.png) repeat;
	border-radius: 8px 0 0 8px;
	text-align: center;
	overflow: hidden;
	z-index: 100;
}
.sp_top-tree .btn_omnibus{
	top: 80px;
}
.sp_top-tree .btn_part02 a,
.sp_top-tree .btn_omnibus a{
	display: inline-block;
	width: 80px;
	padding: 15px 10px;
	font-size: 20px;
	color: #fff;
}
.sp_nav{
	display: none;
}

/*--------------
	wrapper
--------------*/

.wrapper{
	width: 800px;
	margin: 0 auto;
	position: relative;
}


/*--------------
	header
--------------*/

#header{
	width: 800px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	zoom: 1;
	height: 125px;
	z-index: 2;
}

#header .common-logo{
	float: left;
	width: 153px;
	margin-right: 15px;
}

#header .heading{
	float: left;
	font-size: 32px;
	padding-top: 35px;
}

/*--------------
	navi
--------------*/

.gnav{
	background: url(/part01/assets/img/common/gnav_bg.png) repeat-x center top;
	height: 100px;
	position: relative;
	z-index: 2;
}

.gnav.index{
	margin-top: -20px;
}

.gnav ul{
	width: 800px;
	margin: 0 auto;
	padding: 10px;
}

.gnav ul li{
	float: left;
	margin-right: 42px;
}

.gnav ul li:last-child{
	margin-right: 0;
}



/*--------------
	footer
--------------*/

#footer{
	background: url(/part01/assets/img/common/footer_bg.png) center top;
	margin: 40px 0 0;
	position: relative;
	z-index: 2;
	line-height: 1;
}

.top-page #footer{
	margin: 0;
}

#footer .footer-nav{
	padding: 15px 0 30px;
	text-align: center;
}

#footer .footer-nav ul{
	text-align: center;
}

#footer .footer-nav ul li{
	display: inline-block;
	font-size: 16px;
	padding-left: 20px;
	background: url(/part01/assets/img/common/footrer_icon.png) no-repeat 5px center;
}
#footer .footer-nav ul .link_part02{
	padding-left: 20px;
	background: none;
	text-decoration: underline;
}

#footer .footer-nav ul li:last-child{
	margin-right: 0;
}



/*--------------
	TOP
--------------*/

.index-logo{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -107px;
	z-index: 2;
}

.sp_index-logo{
	display: none;
}

.index-heading{
	font-size: 32px;
	text-align: center;
	padding: 150px 0 0;
	z-index: 2;
	position: relative;
}

.index-heading span{
	display: inline;
}

.index-content{
	background: url(/part01/assets/img/index/index_bg_01.png) no-repeat left center;
	width: 569px;
	height: 434px;
	position: relative;
	z-index: 2;
}

.index-content .heading{
	font-size: 30px;
	padding: 60px 0 0 60px;
}

.index-content .text{
	padding: 10px 60px 0 60px;
	line-height: 1.7em;
	font-size: 16px;
	letter-spacing: -0.1em;
}

.index-content .text strong{
	font-size: 18px;
}

.index-content .text .yellow{
	background: #f7f2c2;
}

.index-content .text .pink{
	background: #ebd0d6;
}

.index-content .text .blue{
	background: #cce0e9;
}

.index-content .more-link{
	position: absolute;
    top: 310px;
    left: 440px;
}

.index-content .image-01{
	position: absolute;
    top: 70px;
    left: 575px;
}

.index-content .sp_image-01{
	display: none;
}


/*--------------
	Other page
--------------*/


.ttl-area{
	height: 41px;
	padding: 30px 0 30px 170px;
	margin: 15px 0 30px;
	font-size: 32px;
	position: relative;
	z-index: 2;
}

.ttl-area.concept{
	background: url(/part01/assets/img/concept/heading_bg_01.png) no-repeat 23px center;
}

.ttl-area.story{
	background: url(/part01/assets/img/story/heading_bg_01.png) no-repeat 23px center;
	height: 108px;
}

.ttl-area.care{
	background: url(/part01/assets/img/care/heading_bg_01.png) no-repeat 23px center;
	height: 108px;
}

.ttl-area.profile{
	background: url(/part01/assets/img/profile/heading_bg_01.png) no-repeat 23px center;
}

.ttl-area.sitemap{
	padding: 0 0 0 30px;
	margin: 30px 0 15px;
}

.content{
	width: 690px;
	margin: 0 auto;
	background: url(/part01/assets/img/common/content_bg_01.png) repeat center top;
	position: relative;
	z-index: 2;
	padding: 30px;

	/* box-shadow */
	box-shadow:5px 5px 10px -3px #aaaaaa;
	-moz-box-shadow:5px 5px 10px -3px #aaaaaa;
	-webkit-box-shadow:5px 5px 10px -3px #aaaaaa;
}

.content .concept-heading{
	text-align: center;
	padding-bottom: 35px;
}

.content .box .lead-txt{
	font-size: 30px;
	line-height: 1.3em;
	padding-bottom: 15px;
	background: url(/part01/assets/img/common/line_01.png) no-repeat left bottom;
}

.content .box .txt{
	font-size: 18px;
	line-height: 1.3em;
	padding: 15px 0;
}



.content .sitemap-list{
	padding: 10px 0;
	line-height: 1.3em;
}

.content .sitemap-list li{
	margin-bottom: 28px;
}

.content .sitemap-list li ul{
	padding-left: 15px;
}

.content .sitemap-list li ul li{
	padding-left: 15px;
	margin-top: 15px;
	margin-bottom: 0px;
}

.content .sitemap-list li a{
	font-size: 22px;
	padding-left: 35px;
}

.content .sitemap-list li.icon01 > a{
	background: url(/part01/assets/img/sitemap/sitemap_icon_01.png) no-repeat left center;
}
.content .sitemap-list li.icon02 > a{
	background: url(/part01/assets/img/sitemap/sitemap_icon_02.png) no-repeat left center;
}
.content .sitemap-list li.icon03 > a{
	background: url(/part01/assets/img/sitemap/sitemap_icon_03.png) no-repeat left center;
}
.content .sitemap-list li.icon04 > a{
	background: url(/part01/assets/img/sitemap/sitemap_icon_04.png) no-repeat left center;
	margin-bottom: 10px;
}
.content .sitemap-list li.icon05 > a{
	background: url(/part01/assets/img/sitemap/sitemap_icon_05.png) no-repeat left center;
}
.content .sitemap-list li.icon06 > a{
	background: url(/part01/assets/img/sitemap/sitemap_icon_06.png) no-repeat left center;
}
.content .sitemap-list li.icon07 > a{
	background: url(/part01/assets/img/sitemap/sitemap_icon_07.png) no-repeat 8px center;
	margin-bottom: 10px;
}
.content .sitemap-list li.icon08 > a{
	background: url(/part01/assets/img/sitemap/sitemap_icon_08.png) no-repeat 8px center;
}

.content .sitemap-list li.no-icon a{
	padding-left: 5px;
}

.movie{
    padding-top: 40px;
}



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

.sp_nav{
	display: block;
}

.sp_nav .nav_btn{
	position: absolute;
	top: 30px;
	right: 108px;
	z-index: 5;
}

.sp_nav .nav_btn img{
	width: 100px;
}

.sp_nav ul{
	width: 640px;
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -320px;
	z-index: 3;
	display: none;
}

.sp_nav ul li{
	background: #fff;
	margin-bottom: 3px;
}

.sp_nav ul li a{
	padding: 0 0 0 150px;
	display: block;
	font-size: 32px;
	height: 86px;
	line-height: 86px;
}

.sp_nav ul li.nav_01 a{
	background: url(/part01/assets/img/common/sp_nav_icon_01.png) no-repeat 100px center;
}

.sp_nav ul li.nav_02 a{
	background: url(/part01/assets/img/common/sp_nav_icon_02.png) no-repeat 100px center;
}

.sp_nav ul li.nav_03 a{
	background: url(/part01/assets/img/common/sp_nav_icon_03.png) no-repeat 100px center;
}

.sp_nav ul li.nav_04 a{
	background: url(/part01/assets/img/common/sp_nav_icon_04.png) no-repeat 100px center;
}

.sp_nav ul li.nav_05 a{
	background: url(/part01/assets/img/common/sp_nav_icon_05.png) no-repeat 100px center;
}


.top-tree{
	display: none;
}

.bottom-tree{
	display: none;
}

.sp_top-tree{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}

.sp_top-tree img{
	width: 191px;
}

.sp_bottom-tree{
	position: absolute;
	bottom: 0;
	left: 4px;
	z-index: 1;
	display: block;
}

.sp_bottom-tree img{
	width: 196px;
}

.wrapper{
	width: 100%;
}

.index-logo{
	display: none;
}

.sp_index-logo{
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -120px;
	z-index: 2;
}

.index-heading{
	padding: 166px 0 0;
}


.index-heading span{
	display: block;
}

.index-content{
	background: url(/part01/assets/img/index/sp_index_bg_01.png) no-repeat left center;
	width: 641px;
	height: 489px;
	position: relative;
	z-index: 2;
}

.index-content .text{
	font-size: 18px;
	line-height: 1.8em;
}

.index-content .text .sp_br {
	display: block;
}


.index-content .more-link {
	position: absolute;
	top: 360px;
	left: 400px;
}

.image-01{
	display: none;
}

.gnav{
	display: none;
}
.index-content{
	margin: 0 auto;
}

.index-content .sp_image-01{
	display: block;
	position: absolute;
	top: 280px;
	right: -70px;
}

.index-content .sp_image-01 img{
	width: 180px;
}

#header{
	width: 768px;
}

.wrapper{
	width: 100%;
}

.content{
	width: 640px;
	margin: 0 auto;
}

.content .box .lead-txt {
    font-size: 34px;
    line-height: 1.3em;
    padding-bottom: 15px;
    background: url(/part01/assets/img/common/line_01.png) no-repeat left bottom;
}

.content .box .txt{
	font-size: 28px;
	    padding: 30px 0;
}

#footer .footer-nav ul li{
	font-size: 24px;
}

.content .sitemap-list{
	line-height: 2.0em;
}

.content .sitemap-list li a{
	font-size: 34px;
}

}

/* common */
.sub_text {
	font-size: 16px;
	line-height: 1.4;
	padding-top: 20px;
}



/* story */

.story-heading {
	background: url(/part01/assets/img/story/heading_bg_02.png) no-repeat -3px bottom;
	background-size: 98% 100%;
	height: 106px;
	font-size: 216%;
	padding-left: 31px;
	padding-top: 2px;
}

.story-heading-count {
	display: block;
	font-size: 90%;
	padding-bottom: 5px;
}

.story02-tit{
	font-size: 80%;
}
.story03-tit{
	font-size: 74%;
}
.story04-tit{
	font-size: 68%;
}

.story_body {
	overflow: hidden;
}

/***サイドナビゲーション***/

.story_nav {
	float: left;
	width: 100px;
	background-image: url(/part01/assets/img/story/nav_line.png);
	background-repeat: no-repeat;
}
input[type="checkbox"].on-off{
    display: none;
}

.story_nav ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.story_nav .line,
.story_nav li {
  	width: 100px;
	padding: 7px 0;
	font-size: 16px;
	text-align: center;
	background-image: url(/part01/assets/img/story/nav_line.png);
	background-repeat: no-repeat;
	background-position: 0 28px;
}

.story_nav .line1{
  	width: 100px;
	padding: 7px 0 7px 14px;
	font-size: 16px;
	text-align: left;
	background-image: url(/part01/assets/img/story/nav_line.png);
	background-repeat: no-repeat;
	background-position: 0 28px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 150px;
}

.story_active {
	width: 83px;
    background: url(/part01/assets/img/story/monogatari_on.png) no-repeat 15px 0;
    display: block;
    text-align: center;
    padding-left: 7px;
}

.story_content {
	float: right;
	width: 82%;
	font-size: 16px;
	line-height: 1.4;
	position: relative;
}
.story_insert_img{
    position: absolute;
    bottom: 8%;
    right: 0%;
    z-index: 3;
}

.story_insert_img02 {
	position: absolute;
	bottom: 7%;
	right: 2%;
	z-index: 3;
	
}

.story_insert_img03{
	position: absolute;
	top:12%;
	right: -3%;
	z-index: 3;	
}

.story_insert_img03_02{
	position: absolute;
	bottom: 40%;
	right: 3%;
	z-index: 3
}

.story_insert_img04{
	position: absolute;
	top:45%;
	right: 0%;
	z-index: 3;	
}

.story_insert_img05{
	position: absolute;
	top:48%;
	right: 0%;
	z-index: 3;
}

.story_insert_img06{
	position: absolute;
	bottom: 22%;
	right: 3%;
	z-index: 3
}

.story_insert_img07{
	position: absolute;
	top:25%;
	right: -3%;
	z-index: 3;	
}

.story_insert_img08{
	position: absolute;
	bottom: 0%;
	right: -3%;
	z-index: 3
}
.story_insert_img09 {
    position: absolute;
    bottom: -1%;
    right: 5%;
    z-index: 3;
}
.story_insert_img09 img {
	width:85%;
}

.story_insert_img10{
	position: absolute;
	bottom: 16%;
	right: 3%;
	z-index: 3
}

.story_insert_img11 {
    position: absolute;
    top: 22%;
    right: -4%;
    z-index: 3;
}
.story_insert_img12 {
    position: absolute;
    top: 53%;
    right: -7%;
    z-index: 3;
}
.story_insert_img13 {
    position: absolute;
    top: 48%;
    right: -7%;
    z-index: 3;
}
.story_insert_img14 {
    position: absolute;
    bottom: -2%;
    right: 4%;
    z-index: 3;
}
.story_insert_img15 {
    position: absolute;
    top: 45%;
    right: -3%;
    z-index: 3;
}

.story_insert_img16{
	position: absolute;
	top:43%;
	right: 0%;
	z-index: 3;
}

.story_insert_img17 {
    position: absolute;
    top: 15%;
    right: 0%;
    z-index: 3;
}

.story_insert_img18 {
    position: absolute;
    top: 45%;
    right: 0%;
    z-index: 3;
}

.story_insert_img19 {
    position: absolute;
    bottom: 6%;
    right: 0%;
    z-index: 3;
}

.story_insert_img20 {
    position: absolute;
    top: 49%;
    right: -3%;
    z-index: 3;
}

.story_insert_img21 {
    position: absolute;
    bottom: 17%;
    right: 4%;
    z-index: 3;
}

.story_insert_img22 {
    position: absolute;
    top: 10%;
    right: 9%;
    z-index: 3;
}

.story_insert_img23{
    position: absolute;
    top: 55%;
    right: 9%;
    z-index: 3;
}
.story_insert_img24 {
    position: absolute;
    top: 53%;
    right: -1%;
    z-index: 3;
}
.story_insert_img25 {
    position: absolute;
    bottom: 0%;
    right: -2%;
    z-index: 3;
}

.story_insert_img26{
    position: absolute;
    top: 43%;
    right: 1%;
    z-index: 3;
}

.story_insert_img27{
    position: absolute;
    top: 55%;
    right: -3%;
    z-index: 3;
}

.story_insert_img28{
    position: absolute;
    top: 28%;
    right: 5%;
    z-index: 3;
}

.story_insert_img29{
    position: absolute;
    bottom: 8%;
    right: -3%;
    z-index: 3;
}
.textC{
	text-align: center;
}

.story_text {
	margin-top: 20px;
	padding-left: 20px;
	line-height: 2;
}

.story_btn {
	color: #FFF;
	background: url(/part01/assets/img/story/btn_bg.png) no-repeat 8px bottom;
	display: inline-block;
	margin-top: 50px;
	margin-left: 10px;
	width: 169px;
	text-align: center;
}

.btn2Aera .story_btn{
	color: #FFF;
	background: url(/part01/assets/img/story/btn_bg.png) no-repeat 8px bottom;
	display: inline-block;
	margin-top: 50px;
	margin-left: 10px;
	width: 169px;
	text-align: center;
	float: left;
}

.btn2Aera .story_btn02 {
	color: #FFF;
	background: url(/part01/assets/img/story/btn_bg02.png) no-repeat 0px bottom;
	display: inline-block;
	margin-top: 50px;
	margin-left: 160px;
	padding-left: 8px;
	width: 200px;
	text-align: center;
	float: right;
}

/* profile */
.profile_body {
	overflow: hidden;
}

.profile_img {
	float: left;
}

.profile_content {
	float: right;
	width: 53%;
	font-size: 150%;
}

.profile_content dl {
	display: table;
	padding: 10px 0;
	background: url(/part01/assets/img/profile/profile_img_line.png) no-repeat 8px bottom;
	width: 100%;
}

.profile_content dt {
	display: table-cell;
	width: 100px;
	vertical-align: middle;
	padding-left: 20px;
}
.profile_content dt.text{
	padding-left: 15px;
}

.profile_content dd {
	display: table-cell;
	text-align: left;
}

.aj_space {
	padding: 0 25px;
}

.aj_space02 {
	padding: 0 20px;
}

.aj_space02 {
	padding: 0 10px;
}

.aj_line {
	display: block!important;
	padding-left: 27px;
	padding-top: 5px;
}

.profile_set {
	position: relative;
	height: 500px;
}

.profile_set-img01 {
	position: absolute;
	top: 6%;
	left: 4%;
}

.profile_set-img02 {
	position: absolute;
	top: 10%;
	right: 2%;
}

.profile_set-img03 {
	position: absolute;
	bottom: 1%;
	left: 32%;
}

/*  */

.buy_list,
.buy_list_another {
	display: table;
	width: 100%;
}

.buy_list li {
	display: table-cell;
	width: 33.3%;
	text-align: center;
}

.buy_list_another li {
	display: table-cell;
	width: 20%;
	text-align: center;
}

.buy_list .reason {
	padding-top: 10px;
}

.buy_list_bottom {
	text-align: center;
	margin: 30px 0;
}

.sec_detail {
	font-size: 16px;
	margin: 30px 0;
	padding: 20px;
	position: relative;
	line-height: 1.4;
	background: url(/part01/assets/img/care/sec_bg.png) no-repeat -4px bottom;
	background-size: 100% 100%;
}

.sec_detail h3 {
	margin-bottom: 15px;
}

.sec_detail h4 {
	margin: 10px 0;
}

.heading_another {
	margin: 20px 0;
	text-align: center;
}

.anotherImg{
	float: left;
	height: 260px;
}

.anotherImg img {
    padding: 40px 0;
}

.anotherImg02{
	float: left;
	height: 345px;
}

.anotherImg02 img {
    padding: 90px 0;
}

.reasonTxt{
	width: 650px;
}

.sec_detail .insert_img01 {
	position: absolute;
	top: 150px;
	right: 60px;
}

.sec_detail .insert_img02 {
	position: absolute;
	top: 210px;
	right: 50px;
}

.sec_detail .insert_img03 {
	position: absolute;
	top: 130px;
	right: 60px;
}

.borrowing_nav {
	display: table;
	margin: 20px 0 40px;
	width: 100%;
}

.borrowing_nav li{
	display: table-cell;
	text-align: center;
	width: 50%;
}

.borrowing_nav li span{
	padding-top: 10px;
	display: block;
}

.borrowing_detail {
	margin-top: 20px;
	margin-bottom: 20px;
}

.borrowing_detail p {
	margin: -20px;
	padding: 25px 0;
}

.borrowing_textbox {
	background: url(/part01/assets/img/care/borrowing_bg.png) no-repeat -4px bottom;
	padding: 30px;
	background-size: 100% 100%;
	font-size: 20px;
	line-height: 1.4;
}

.flow_body {
	overflow: hidden;
	margin-top: 20px;
	padding-bottom: 20px;
	background: url(/part01/assets/img/care/flow_line.png) no-repeat -4px bottom;
}

/*.flow_body:nth-of-type(4) {
	background: inherit;
}*/

.flow_time {
	float: left;
	text-align: center;
}

.flow_img {
	padding: 20px 0;
}
.flow_img02 {
	padding-bottom: 20px;
}

.flow_text {
	float: right;
	width: 70%;
	line-height: 1.4;
	font-size: 16px;
}

.flow_text p{
	padding-left: 10px;
	padding-top: 10px;
}


.tab {
	display: table;
	margin-left: 10px;
	margin-top: 50px;
}

.tab li {
	display: table-cell;
		cursor: pointer;

}

.flow_tab {
	padding-left: 7px;
}

.tab_flow_bg {
	height: 30px;
	display: block;
	margin: -30px -30px 30px -45px;
	background: url(../img/care/flow_tab_img.png) repeat -4px bottom;
}

.tab_non {
	display: none!important;
}

.sub_tab {
	text-align: center;
	
}


.sub_tab {
    display: table;
    background: url(../img/care/tab_bg.png) repeat -4px bottom;
    height: 58px;
    padding-left: 10px;
    padding-top: 20px;
    margin-left: 10px;
    width: 755px;
}

.sub_tab li{
	cursor: pointer;
	display: table-cell;
}

.hide {
	display: none;
}

.fontS{
	font-size: 18px;
}

.pt5{
	padding-top: 5px;
	display: block;
}

@media screen and (max-width:820px){
	.ttl-area.story {
		height: 300px;
		background: url(/part01/assets/img/story/heading_bg_01.png) no-repeat 23px top;
	}

	.sub_text {
		font-size: 26px;
		width: 90%;
	}

	.ttl-area.care {
		height: 320px;
		background: url(/part01/assets/img/care/heading_bg_01.png) no-repeat 23px top;
	}

	.flow_text {
		width: 68%;
	}

	.borrowing_detail p img {
		width: 100%;
		height: auto;
	}

	.sec_detail {
		background: none;
		border: 1px solid #414040;
		padding-bottom: 120px;
	}

	.sec_detail .insert_img01 {
		top: 84%;
	}
	
	.sec_detail .insert_img02 {
		top: 89%;
	}

	.sec_detail .insert_img03 {
		top: 84%;
	}
.reasonTxt{
	width:100%;
}

	.tab {
		width: 91.5%;
		margin-left: 34px;
	}

	.tab img {
		width: 100%;
	}
	.sub_tab {
	width: 90%;
    margin-left: 35px;
	}

	.sub_tab li{
		/*padding-left: 5px;*/
	}
	.flow_tab {
		margin-left: 4px;
	}
	.tab_flow_bg {
		margin: -31px -32px 30px -29px;
	}

	.profile_content {
	    margin-top: 20px;
	}

	.story_text {
		font-size: 26px;
	}

	.story_nav li,
	.story_nav .line1,
	.story_nav .line {
		font-size: 18px;
	}
	
	.story_nav .line1{
	padding: 7px 0 7px 9px;
    text-align: left;
	}
	
	.flow_text p {
		font-size: 26px;
	}
	.sec_detail p {
		font-size: 26px;
	}
	
	.story_insert_img {
	position: absolute;
    bottom: 14.5%;
    right: 2%;
    z-index: 3;
	}

.story_insert_img02 {
	position: absolute;
	bottom: 3%;
	right: -2%;
	z-index: 3;
	}
.story02-tit{
	font-size: 75%;
}
.story03-tit{
	font-size: 69%;
}
.story_insert_img img,
.story_insert_img02 img,
.story_insert_img04 img,
.story_insert_img03_02 img,
.story_insert_img20 img,
.story_insert_img23 img{
	width: 95%;
}
.story_insert_img25 img{
	width: 80%;	
}
.story_insert_img03 img,
.story_insert_img08 img,
.story_insert_img09 img{
	width:75%;
}

.story_insert_img13 img{
	width:85%;
}
.story_insert_img03{
	position: absolute;
    top: 4.5%;
    right: -10%;
    z-index: 3;
	}
.story_insert_img03_02{
	position: absolute;
	top: 41.5%;
    right: 1%;
	z-index: 3;
	}

.story_insert_img04{
	position: absolute;
	top: 38.5%;
    right: -2%;
	z-index: 3;
	}

.story_insert_img05{
	position: absolute;
	top: 49%;
    right: -1%;
	z-index: 3;
	}

.story_insert_img06{
	position: absolute;
	top: 55%;
    right: -1%;
	z-index: 3;
	}

.story_insert_img07{
	position: absolute;
	top: 30%;
    right: -1%;
	z-index: 3;
	}

.story_insert_img08{
	position: absolute;
	bottom: 12%;
    right: -1%;
	z-index: 3;
	}

.story_insert_img09{
	position: absolute;
	bottom: 19%;
    right: -1%;
	z-index: 3;
	}

.story_insert_img10{
	position: absolute;
	bottom: 25%;
    right: -2%;
	z-index: 3;
	}

.story_insert_img11{
	position: absolute;
	top: 27%;
    right: -2%;
	z-index: 3;
	}

.story_insert_img12{
	position: absolute;
	top: 65%;
    right: -2%;
	z-index: 3;
	}

.story_insert_img13{
	position: absolute;
	top: 49%;
    right: -9%;
	z-index: 3;
	}

.story_insert_img14{
	position: absolute;
	bottom: 9%;
    right: -2%;
	z-index: 3;
	}

.story_insert_img15{
	position: absolute;
	top: 61%;
    right: -3%;
	z-index: 3;
	}

.story_insert_img16{
	position: absolute;
	top:47%;
	right: -2%;
	z-index: 3;
}

.story_insert_img17 {
    position: absolute;
    top: 34%;
    right: 0%;
    z-index: 3;
}

.story_insert_img18 {
    position: absolute;
    top: 25%;
    right: 0%;
    z-index: 3;
}

.story_insert_img19 {
    position: absolute;
    bottom: 5%;
    right: 0%;
    z-index: 3;
}

.story_insert_img20 {
    position: absolute;
    top: 50%;
    right: 3%;
    z-index: 3;
}

.story_insert_img21 {
    position: absolute;
    bottom: -1%;
    right: 4%;
    z-index: 3;
}

.story_insert_img23{
    position: absolute;
    top: 59%;
    right: 2%;
    z-index: 3;
}
.story_insert_img24 {
    position: absolute;
    top: 57%;
    right: -1%;
    z-index: 3;
}
.story_insert_img25 {
    position: absolute;
    bottom: 0%;
    right: -5%;
    z-index: 3;
}
.story_insert_img26{
    position: absolute;
    top: 47%;
    right: 1%;
    z-index: 3;
}

.story_insert_img27{
    position: absolute;
    top: 65%;
    right: -3%;
    z-index: 3;
}

.story_insert_img28{
    position: absolute;
    top: 26%;
    right: -5%;
    z-index: 3;
}

.story_insert_img29{
    position: absolute;
    bottom: 0%;
    right: -3%;
    z-index: 3;
}
	
input[type="checkbox"].on-off:checked + ul{
    height: 190px;
}
.btn2Aera .story_btn{
	color: #FFF;
	background: url(/part01/assets/img/story/btn_bg.png) no-repeat 8px bottom;
	display: inline-block;
	margin-top: 50px;
	margin-left: 10px;
	width: 169px;
	text-align: center;
	float: left;
}

.btn2Aera .story_btn02 {
	color: #FFF;
	background: url(/part01/assets/img/story/btn_bg02.png) no-repeat 0px bottom;
	display: inline-block;
	margin-top: 50px;
	margin-left: 0px;
	padding-left: 8px;
	width: 200px;
	text-align: center;
	float: right;
}
}



@media screen and (min-width:375px){
	.sec_detail .insert_img01 {
		top: 84%;
	}
	
	.sec_detail .insert_img02 {
		top: 89%;
	}

	.sec_detail .insert_img03 {
		top: 84%;
	}
	
}


@media screen and (min-width:800px){
	.sec_detail .insert_img01 {
		top: 37%;
	}
	
	.sec_detail .insert_img02 {
		top: 39%;
	}

	.sec_detail .insert_img03 {
		top: 33%;
	}
}

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