@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* CS S Document */
#contents { background:#fff; position:relative; padding:0; color:#211815; }
.contents_inner { margin: 0 auto !important; padding: 0 0 80px; font-family: 'Noto Sans JP'; }


.main { position:relative; width:100%; margin:80px 0 0;  }
.main .circle_idx { position:absolute; bottom:-40px; left:30px; z-index:2; }
.main .circle_detail { position:absolute; bottom:-40px; left:115px; z-index:2; }
.big_tit { position:absolute; bottom:-55px; left:50%; margin:0 0 0 -12%; z-index:2; }


.b-tit { width:1080px; position:relative; text-align:left; padding:10px 0 0; margin:0 auto 30px; }
.b-tit .num { position:absolute; top:40px; left:-10px; }
.b-tit h3 { color:#261d1a; font-size:45px; line-height:1.2em; padding: 40px 0 0 230px; }
.b-tit h3 span { color:#bc3d3a; font-size:20px; font-weight:400; }
.b-tit .kazari01 { position:absolute; top:-30px; left:710px; }


.read { width:1080px; margin:0 auto 50px; position:relative; text-align:left; }
.read p { color:#442a19; font-size:17px; font-weight:500; padding:0 0 0 100px; }
.read .kazari02 { position:absolute; bottom:-50px; left:-100px; }
.read .kazari03 { position:absolute; bottom:-110px; right:-40px; }


.cap_ranger { width:1080px; margin:0 auto 110px; }
.cap_ranger h4 { color:#bc3d3a; font-size:36px; font-weight:800; line-height:1.2em; margin:0 0 30px; } 
.cap_ranger h4 span { font-size:32px; }
.cap_ranger ul {  }
.cap_ranger ul li { float:left; width:33.333%; }
.cap_ranger ul li .inner { padding:0 30px; }
.cap_ranger ul li h5 { padding:20px 0 60px; }
.cap_ranger ul li .pic { margin:-50px 0 0; }
.cap_ranger ul li:nth-child(1) h5 { background:#e60012; }
.cap_ranger ul li:nth-child(2) h5 { background:#f8b62d; }
.cap_ranger ul li:nth-child(3) h5 { background:#0b318f; }
.cap_ranger ul li p { font-size:15px; font-weight:500; text-align:left; margin:40px 0 15px; }
.cap_ranger ul li p .price { font-size:20px; }
.cap_ranger ul li:nth-child(1) p .contents { color:#e60012; }
.cap_ranger ul li:nth-child(2) p .contents { color:#f8b62d; }
.cap_ranger ul li:nth-child(3) p .contents { color:#0b318f; }
.cap_ranger ul li .btn_buy a { color:#fff; font-size:18px; text-decoration:none; line-height:1em; padding:20px 0; border-radius:40px; display:block; }
.cap_ranger ul li:nth-child(1) .btn_buy a { background:#e60012; }
.cap_ranger ul li:nth-child(2) .btn_buy a { background:#f8b62d; }
.cap_ranger ul li:nth-child(3) .btn_buy a { background:#0b318f; }


.stage { width:1080px; margin:0 auto 80px; }
.stage h5 { margin:0 0 25px; }
.stage ul li { float:left; width:33.333%; }
.stage ul li .inner { padding:25px 0 35px; position:relative; }
.stage ul li .inner span { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: #fff; opacity: 0 }
.stage ul li .btn { margin:15px 0 0; }
.stage ul li:nth-child(1) .inner { background:#e60012; }
.stage ul li:nth-child(2) .inner { background:#f8b62d; }
.stage ul li:nth-child(3) .inner { background:#0b318f; }
.stage .kazari04 { position:absolute; top:-130px; left:-50px; }
.stage .kazari05 { position:absolute; top:-125px; left:-45px; }
.stage .kazari06 { position:absolute; top:-110px; left:-40px; }


.stories { width:1080px; margin:0 auto 50px; text-align:left; }
.stories h4 { margin:0 0 35px; }
.stories ul { margin:0 0 0 -30px; }
.stories ul li { float:left; width:33.333%; }
.stories ul li .inner { margin:0 0 50px 30px; }
.stories ul li .inner div { opacity: 0.5 }
.stories ul li a { color:#211815; text-decoration:none; font-size:16px; margin:5px 0 0; }
.stories ul li.on .inner div { opacity: 1 }


.theater { margin:0 0 150px; text-align:center; } 
.theater h4 { margin:0 0 20px; }
.theater ul li { float:left; width:20%; }


.stage_area { margin:0 0 85px; text-align:left; }
.bg_stage01 { background:#e60012; padding:70px 0 150px; }
.bg_stage02 { background:#f8b62d; padding:70px 0 150px; }
.bg_stage03 { background:#0b318f; padding:70px 0 0; }
.stage_area .inner { width:1080px; margin:0 auto; }
.stage_area h3 { margin:0 0 25px; }
.stage_area h4 { margin:0 0 25px; }


.wash { width:1080px; margin:0 auto 40px; text-align:left; position:relative; }
.wash .wash01 { margin:0 0 0 -55px; }
.wash .wash02 { position:absolute; top:140px; right:80px; }


.btn-back { background:#f1eee8; padding:60px 0; }
.btn-back .btn-inner { margin: 0 auto; min-width:1024px; max-width:1200px; }
.btn-back a { font-size:16px; letter-spacing:0.2em; color:#452a19; text-decoration:none; padding:15px 0; background:#fff; border:4px solid #485a97; display:block; text-align:center; position:relative; min-width:1024px; max-width:1280px; margin:0 auto; display: block }
.btn-back a:hover { background: #485a97; color: #fff }
.ar01 { position:absolute; top:50%; left:50%; margin:-8px 0 0 -105px; }



/* 下層ページ */
.stage_area .box01 { position:relative; margin:0 0 70px; }
.stage_area .box01 .pic { margin:0 0 0 70px; }
.stage_area .box01 .tx01 { position:absolute; top:60px; left:520px; }
.stage_area .box01 .tx02 { position:absolute; top:60px; left:520px; }
.stage_area .box01 .tx03 { position:absolute; top:40px; left:520px; }
.stage_area .box02 { position:relative; }
.stage_area .box02 .kazari { position:absolute; top:0; left:740px; }
.stage_area .box02 .item { position:absolute; top:230px; left:680px; }
.stage_area .box02 .btn_buy a { width:330px; background:#fff; border-radius:40px; text-align:center; padding:10px 0 15px; display:block; position:absolute; bottom:0; right:30px; }
.dl { margin:60px 0 50px; }
.dl .bn a { background:#fff; padding:35px 0 50px 40px; margin:25px 0 0; display:block; position:relative; }
.dl .bn a .kazari { position:absolute; top:5px; right:45px; }
.dl p { color:#fff; font-size:16px; }
.dl .tx { width:480px; float:left; padding:0 0 0 40px; }
.dl .pic { float:right; }
.dl p.notes { font-size:14px; margin:5px 0 0; text-align:center; }
.stage_detail .stage { margin:-40px auto 80px; }
.stage_detail .theater { margin:0; } 


.stories01 .intro { background:#3e3a39; padding:0; text-align:left }
.stories01 .tit { border-bottom: 1px solid #fff;}
.stories01 .tit .inner { width:990px; margin:0 auto; padding:90px 0 20px 50px; border-left: 1px solid #fff; position:relative; }
.stories01 .tit .kazari01 { position:absolute; top:80px; right:0; }
.stories01 .tit .kazari02 { position:absolute; bottom:-51px; left:-51px; }
.stories01 .tx { width:1040px; margin:0 auto; text-align:center; border-left: 1px solid #fff; padding:45px 0 90px; }
.stories01 .mission { width:920px; margin:60px auto 100px; text-align:left; }
.stories01 .mission ul li { margin:0 0 45px; }
.stories01 .mission ul li img { float:left; margin:0 40px 0 0; }
.stories01 .mission ul li h4 { color: #d32c25; font-size:24px; line-height:1.4em; letter-spacing:0em; margin:0 0 15px; }
.stories01 .mission ul li h4 span { font-size:32px; }
.stories01 .mission ul li p { font-size:16px; font-weight:normal; line-height:1.8em; }
.stories01 .mission p { color:#3e3a39; font-size:22px; font-weight:600; line-height:1.6em; }
.stories01 .mission p span { color:#eca105; }
.bg { background:#f7f7f7; padding:35px 0 0; }

.stories02 .intro { background: url("../stories02/img/bg.jpg"); background-size: cover; padding:80px 0; text-align:left; position: relative }
.stories02 .tit { border-bottom: 30px solid #c02d28;}
.stories02 .tit .inner { width:990px; margin:0 auto; padding: 0px 40px 0; position:relative; }
.stories02 .tit .inner h3 { margin: 0 0 -15px;}
.stories02 .tit .kazari01 { position:absolute; bottom:30px; right:0; }
.stories02 .tx { width:880px; margin:0 auto; text-align:left; color: #fff; font-size: 16px; padding: 40px; }
.stories02 .intro .senmurar { position: absolute; right: 40px; bottom: -40px }
.stories02 .mission { width:920px; margin:60px auto 100px; text-align:left; }
.stories02 .mission ul li { margin:0 0 45px; }
.stories02 .mission ul li img { float:left; margin:0 40px 0 0; }
.stories02 .mission ul li h4 { color: #d32c25; font-size:24px; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; line-height:1.4em; letter-spacing:0em; margin:0 0 15px; }
.stories02 .mission ul li h4 span { font-size:32px; }
.stories02 .mission ul li p { font-size:16px; font-weight:normal; line-height:1.8em; }
.stories02 .mission p { color:#3e3a39; font-size:22px; font-weight:600; line-height:1.6em; }
.stories02 .mission p span { color:#eca105; }

.stories03 { padding:80px 0 60px; background:url(../stories03/img/bg.jpg) repeat-x; }
.stories03 .tit { width:970px; margin:0 auto 55px; position:relative; text-align:left; }
.stories03 .tit h3 { padding:0 0 0 90px; }
.stories03 .tit .kazari01 { position:absolute; top:-5px; right:0; }
.stories03 .tit .kazari02 { position:absolute; top:-25px; left:-80px; }
.stories03 .witness { text-align:left; }
.stories03 .witness { width:970px; margin:0 auto; }
.stories03 .witness ul li { margin:0 0 60px; }
.stories03 .witness ul li h4 { color:#211815; font-size:30px; border-bottom:1px solid #211815; margin:0 0 15px; position:relative; z-index:2; }
.stories03 .witness ul li p { color:#3e3a39; font-size:16px; letter-spacing:0.001em; }
.stories03 .witness ul li:nth-child(odd) h4 { padding:0 0 5px 500px; }
.stories03 .witness ul li:nth-child(odd) h4 img { position:absolute; top:5px; left:330px; }
.stories03 .witness ul li:nth-child(odd) p { padding:0 0 0 330px; }
.stories03 .witness ul li:nth-child(even) h4 { padding:0 0 5px 170px; }
.stories03 .witness ul li:nth-child(even) h4 img { position:absolute; top:5px; left:0; }
.stories03 .witness ul li:nth-child(even) p { padding:0 330px 0 0; }
.stories03 .witness ul li .pic { position:relative; z-index:3; }
.stories03 .witness ul li:nth-child(odd) .pic { float:left; }
.stories03 .witness ul li:nth-child(even) .pic { float:right; }

.stories04 { text-align:left; padding:0 0 120px; }
.stories04 .tit { background:url(../stories04/img/bg.jpg) repeat-x; padding:50px 0; background-size:cover; }
.stories04 .inner { width:1040px; margin:0 auto; position:relative; }
.stories04 .tit .kazari01 { position:absolute; top:20px; right:0; }
.stories04 .block01 { padding:0 0 50px; background: -moz-linear-gradient(top, #efeee9, #fbe576);
  background: -webkit-linear-gradient(top, #efeee9, #fbe576);
  background: linear-gradient(to bottom, #efeee9, #fbe576); }
.stories04 .block01 .inner { width:1040px; margin:0 auto; position:relative; } 
.stories04 .block01 .profile { position:absolute; top:115px; right:0; }
.stories04 .block01 .box { width:260px; background:#fdfaed; position:absolute; top:300px; right:0; padding:15px 30px 20px; border:solid 1px #32aecd; }
.stories04 .block01 .box p { font-size:16px; font-weight:600; }
.stories04 .block01 .box ul li { font-size:14px; }
.stories04 .block01 .box span { width:130px; display:inline-block; }
.stories04 .block02 { width:1040px; margin:0 auto; text-align:left; position:relative; padding:50px 0 0; }
.stories04 .block02 h4 { margin:0 0 50px 210px; }
.stories04 .block02 .kazari02 { position:absolute; top:-50px; left:0; }
.stories04 .block02 .intro { color:#d32c25; font-size:18px; letter-spacing:0.02em; padding:0 60px; margin:0 0 40px; }
.stories04 .block02 ul { padding:0 30px; }
.stories04 .block02 ul li { width:50%; float:left; margin:0 0 50px; position:relative; }
.stories04 .block02 ul li:nth-child(even) .pic { padding:0 0 0 70px; }
.stories04 .block02 ul li:nth-child(even) .tx { padding:0 0 0 70px; }
.stories04 .block02 ul li .pic {  margin:0 40px 0 0; }
.stories04 .block02 ul li .tx { position:absolute; top:25px; left:240px; width:230px; }
.stories04 .block02 ul li h5 { margin:0 0 15px; }
.stories04 .block02 ul li p { font-size:16px; letter-spacing:0.001em; }
.stories04 .block02 .ph { position:absolute; bottom:-20px; right:0; }

.stories05 { background:#fffbd5; padding:90px 0 135px; text-align:left; }
.stories05 .inner { width:960px; margin:0 auto; position:relative; }
.stories05 .kazari01 { position:absolute; top:0; right:0; }
.stories05 .tit { margin:0 0 15px; }
.stories05 .block01 .pic { position:absolute; bottom:0; right:0; }


.pc_none { display:none; }
.sp_none { display:block; }

.none { display:block; }




@media screen and (max-width: 780px) {
/*#main img { width:150%; margin-left: -25% }*/

.contents_inner { margin:　60px auto 0 !important; padding: 0 0 30px  !important; min-width: inherit; max-width: inherit; }


.main { margin:50px 0 0; }
.main .circle_idx { position:absolute; bottom:-10px; left: 0; z-index:2; width:20%; }
.main .circle_detail { position:absolute; bottom:-10px; left:0; z-index:2; width:20%; }
.big_tit { position:absolute; bottom:-40px; left:50%; margin:0 0 0 -25%; z-index:2; width:50%; }


.b-tit { width:auto; padding:30px 0 0 5px; margin:0 auto 20px; }
.b-tit .num { position: relative; top: inherit; left: inherit; height: 70px; margin-bottom: 0 }
.b-tit h3 { font-size:25px; padding:0px 10px; line-height: 1.6; margin: -5px 0 0; }
.b-tit h3 span { font-size:14px; line-height: 1.6; margin:0; display:inline-block; }
.b-tit .kazari01 { position:absolute; top:-20px; left:inherit; right:20px; height:100px; display: none }


.read { width:auto; margin:0 auto 50px; padding:0 20px; }
.read p { font-size:16px; padding:0; }
.read .kazari02 { position:absolute; top:-100px; left: inherit; left:-10px; height:100px; display: none }
.read .kazari03 { position:absolute; bottom:-70px; right:-10px; height:100px; display: none }


.cap_ranger { width:auto; margin:0 auto 20px; }
.cap_ranger h4 { font-size:22px; margin:0 0 15px; } 
.cap_ranger h4 span { font-size:15px; }
.cap_ranger ul li { width:100%; }
.cap_ranger ul li .inner { padding:0 30px 40px; }
.cap_ranger ul li h5 { padding: 10px 0 40px; }
.cap_ranger ul li .pic { margin:-50px 0 0; }
.cap_ranger ul li .pic img { width:70%; }
.cap_ranger ul li p { font-size:13px; margin:10px 0 15px; }
.cap_ranger ul li p .price { font-size:16px; }
.cap_ranger ul li .btn_buy a { color:#fff; font-size:18px; text-decoration:none; line-height:1em; padding:20px 0; border-radius:40px; display:block; }


.stage { width:auto; margin:0 auto 30px; }
.stage h5 { margin:0 0 10px; display: none }
.stage h5 img { height: 15px }
.stage ul li { width:100%; margin:0; }
.stage ul li .inner { padding:20px 0;  }
.stage .kazari04 { position:absolute; top:-30px; left:5px; height:130px }
.stage .kazari05 { position:absolute; top:-30px; left:5px; height:130px }
.stage .kazari06 { position:absolute; top:-10px; left:5px; height:110px }


.stories { width:auto; margin:0 auto 30px; padding:0 20px; }
.stories h4 { margin:0 0 15px; text-align:center; }
.stories h4 img { width:80%; }
.stories ul { margin:0; }
.stories ul li { width:100%; }
.stories ul li .inner { margin:0 0 20px; }
.stories ul li a { font-size:14px; }


.theater { margin:0 0 100px; padding:0 40px; } 
.theater h4 { margin:0 0 15px; }
.theater h4 img { width:80%; }
.theater ul li { float:left; width:100%; }


.wash { width:auto; margin:0 auto 40px; padding:0 20px; text-align:center; }
.wash .wash01 { margin:0; width:100%; margin:0 0 20px; }
.wash .wash02 { position:static; width:70%; }

.u_logo { padding:0 20px; }
.u_logo img { width:60%; }


.btn-back { padding: 30px 20px; }
.btn-back a { font-size:14px; padding:15px 0; min-width:inherit; max-width:inherit; }
.ar01 { position:absolute; top:50%; left:50%; margin:-8px 0 0 -95px; }


/* 下層ページ */
.stage_area { margin:0 0 50px; }
.bg_stage01 { padding:30px 20px 40px; }
.bg_stage02 { padding:30px 20px 40px; }
.bg_stage03 { padding:30px 20px 40px; }
.stage_area .inner { width:auto; }
.stage_area h3 { margin:0 0 25px; }
.stage_area h4 { margin:0 0 15px; }
.stage_area h3 img { width:90%; height:auto; }
.stage_area h4 img { width:100%; height:auto; }
.stage_area .box01 { position:relative; margin:0 0 40px; }
.stage_area .box01 .pic { margin:0 0 30px; }
.stage_area .box01 .tx01 { position:static; }
.stage_area .box01 .tx02 { position:static; }
.stage_area .box01 .tx03 { position:static; }
.stage_area .box01 img { width:100%; }
.stage_area .box02 .kazari { display:none; }
.stage_area .box02 .item { position:static; margin:30px 0 20px; }
.stage_area .box02 .btn_buy a { width:100%; position:static; }
.stage_area .data img { width:100%; }
.stage_area .box02 .item img { width:100%; }
.dl { margin:40px 0 50px; }
.dl .bn a { padding:20px 20px 15px 20px; margin:25px 0 0; }
.dl .bn a .kazari { position:static; width:100%; margin:15px 0 0; }
.dl .bn a img { width:100%; }
.dl p { font-size:13px; margin:0 0 20px; }
.dl .tx { width:100%; float:none; padding:0; }
.dl .pic { float:none; }
.dl .pic img { width:100%; }
.dl p.notes { font-size:12px; }
.stage_detail .stage { margin:0 auto 30px; }
.stage_detail .stories { margin:0 auto 40px; }
.stage_detail .theater { margin:0; padding:0 20px; } 


.stories01 .intro { padding:0; text-align:left; }
.stories01 .intro h3 img { width:100%; height:auto; }
.stories01 .tit { border-bottom: 1px solid #fff;}
.stories01 .tit .inner { width:auto; margin:0 0 0 20px; padding:60px 10px 15px 30px; border-left: 1px solid #fff; position:relative; }
.stories01 .tit .kazari01 { position:absolute; top:10px; right:10px; width:100px; height:auto; }
.stories01 .tit .kazari02 { position:absolute; bottom:-26px; left:-25px; width:50px; height:auto; }
.stories01 .tx { width:auto; margin:0 0 0 20px; padding:20px 20px 30px; }
.stories01 .tx img { width:100%; height:auto; }
.stories01 .mission { width:auto; margin:50px auto; padding:0 20px; }
.stories01 .mission ul li { margin:0 0 30px; }
.stories01 .mission ul li .pic { text-align:center; }
.stories01 .mission ul li img { float:none; margin: 0; width:80%; }
.stories01 .mission ul li h4 { font-size:18px; margin:15px 0 5px; }
.stories01 .mission ul li h4 span { font-size:24px; }
.stories01 .mission ul li p { font-size:14px; }
.stories01 .mission p { font-size:16px; }
.bg { padding:20px 0 0; margin:0 0 50px; }
	
.stories02 .intro { padding: 60px 0 80px; }
.stories02 .tit { border-bottom: 20px solid #c02d28;}
.stories02 .tit .inner { width: auto; margin:0 auto; padding: 0px 10px; position:relative; }
.stories02 .tit .inner h3 { margin: 0 0 -10px;}
.stories02 .tit .inner h3 img { height: 24px }
.stories02 .tit .kazari01 { position:absolute; bottom:20px; right:10px; width:100px; height:auto; }
.stories02 .tx { width: auto; font-size: 13px; padding: 20px; }
.stories02 .intro .senmurar { position: absolute; right: 0; bottom: -40px; width: 100px }
.stories02 .mission { width:auto; margin:50px auto; padding:0 20px; }
.stories02 .mission ul li { margin:0 0 30px; }
.stories02 .mission ul li .pic { text-align:center; }
.stories02 .mission ul li img { float:none; margin: 0; width:80%; }
.stories02 .mission ul li h4 { font-size:18px; margin:15px 0 5px; }
.stories02 .mission ul li h4 span { font-size:24px; }
.stories02 .mission ul li p { font-size:14px; }
.stories02 .mission p { font-size:16px; }

.stories03 { padding:80px 0 30px; }
.stories03 .tit { width:auto; margin:0 auto 30px; padding:0 20px; }
.stories03 .tit h3 { padding:0; z-index:2; position:relative; }
.stories03 .tit h3 img { width:100%; height:auto; }
.stories03 .tit .kazari01 { position:absolute; top:-50px; right:20px; width:100px; height:auto;  }
.stories03 .tit .kazari02 { position:absolute; top:-70px; left:-0px; height:75px; z-index:1; }
.stories03 .witness { width:auto; padding:0 20px; }
.stories03 .witness ul li { margin:0 0 30px; }
.stories03 .witness ul li h4 {font-size:24px; margin:0 0 10px; }
.stories03 .witness ul li p { font-size:14px; }
.stories03 .witness ul li:nth-child(odd) h4 { padding:0; }
.stories03 .witness ul li:nth-child(odd) h4 img { position:static; height:30px; }
.stories03 .witness ul li:nth-child(odd) p { padding:0 }
.stories03 .witness ul li:nth-child(even) h4 { padding:0 0 5px 0; }
.stories03 .witness ul li:nth-child(even) h4 img { position:static; height:30px; }
.stories03 .witness ul li:nth-child(even) p { padding:0; }
.stories03 .witness ul li .pic { margin:0 0 10px; }
.stories03 .witness ul li .pic img { width:100%; }

.stories04 { padding:0 0 60px; }
.stories04 .tit .inner { width:auto; padding:50px 0 20px; }
.stories04 .tit { width:auto; margin:0 auto; padding:0 20px; }
.stories04 .tit h3 { padding:0; z-index:2; position:relative; }
.stories04 .tit h3 img { width:100%; height:auto; }
.stories04 .tit .kazari01 { position:absolute; top:20px; right:0px; width:100px; height:auto;  }
.stories04 .block01 { padding:10px 20px 60px;  }
.stories04 .block01 .inner { width:auto; } 
.stories04 .block01 .profile { position:static; margin:30px 0 20px; }
.stories04 .block01 .profile img { width:80%; }
.stories04 .block01 .box { width:auto; position:static; padding:10px 20px; }
.stories04 .block01 .box p { font-size:15px; }
.stories04 .block01 .box ul li { font-size:13px; }
.stories04 .block01 .pic img { width:110%; margin: 0 -5%; }
.stories04 .block02 { width:auto; padding:20px 20px 0; }
.stories04 .block02 h4 { margin:0 0 15px 0; }
.stories04 .block02 h4 img { width:100%; height:auto; }
.stories04 .block02 .kazari02 { position:absolute; top:-50px; left: inherit; right: 10px; height:90px; }
.stories04 .block02 .intro { font-size:16px; padding:0; margin:0 0 30px; }
.stories04 .block02 ul { padding:0; }
.stories04 .block02 ul li { width:100%; margin:0 0 40px; }
.stories04 .block02 ul li:nth-child(even) .pic { padding:0; }
.stories04 .block02 ul li:nth-child(even) .tx { padding:0; }
.stories04 .block02 ul li h5 { margin:25px 0 15px; text-align:center; }
.stories04 .block02 ul li p { font-size:15px }
.stories04 .block02 ul li .pic { width:80%; text-align:center; margin-left: 10%; }
.stories04 .block02 ul li .pic img { width:100%; }
.stories04 .block02 ul li .tx { position:static; width:100%; }
.stories04 .block02 .ph { position:static; }
.stories04 .block02 .ph img { width:100%; margin:-20px 0 0; }
.stories04 .block02 ul li:nth-child(2) { margin:0 !important; }
.stories04 .block02 ul li:nth-child(3) .tx { margin:-10px 0 0; }

.stories05 { padding:60px 0 40px; }
.stories05 .inner { width:auto; margin:0 auto; padding:0 20px; }
.stories05 h3 img { width:100%; height:auto; }
.stories05 .kazari01 { position:absolute; top:-35px; right:10px; width:100px; height:auto;  }
.stories05 .tit { margin:0 0 30px; }

.stories05 .block01 .pic { position:static; margin:30px 0 0; }
.stories05 .block01 img { width:100%; }


.pc_none { display:block; }	
.sp_none { display:none; }	

.none { display:none; }
	
	#lay { overflow-y: scroll}
}


@media screen and (max-width: 320px) {
		
.main { margin:50px 0 0; }
.main .circle_idx { position:absolute; bottom:-10px; left:10px; z-index:2; width:20%; }
.main .circle_detail { position:absolute; bottom:-40px; left:115px; z-index:2; width:50%; }
.big_tit { position:absolute; bottom:-30px; left:50%; margin:0 0 0 -20%; z-index:2; width:40%; }


.b-tit { width:auto; padding:20px 0 0 5px; margin:0 auto 20px; }
.b-tit .num { position: relative; top: inherit; left: inherit; height: 70px; margin-bottom: 0 }
.b-tit h3 { font-size:22px; padding:0px 10px; line-height: 1.6; margin:0 0 0 70px; }
.b-tit h3 span { font-size:12px; line-height: 1.6; margin:0 0 0 -70px; display:inline-block; }
.b-tit .kazari01 { position:absolute; top:-10px; left:inherit; right:20px; height:110px; }
	
	
.cap_ranger h4 { font-size:18px; margin:0 0 15px; } 
}