@charset "utf-8";
/* CSS Document */

.skip{position: absolute;top:0;left:0; width:100%;}
.skip a{position:absolute;display:block;width:500px;left:0;text-align:center;top:-10000px;z-index:5000;font-size:17px;height: 40px; line-height: 40px; font-weight:400;color:#fff; background:#000;}
.skip a:hover, .skip a:focus, .skip a:active{position: absolute;top:0; z-index:999900; width:100%;}

.header{position:absolute; z-index:100; width:100%; height:52px; background:#d9ce9d;}
.header .logo{float:left; width:65px; height:50px; margin-left:20px;}
.header .logo a{display:block; width:100%; height:100%;}
.header .logo img{width: 100%;}
.header .nav_open{float:right; width:18px; height:15px; margin-right:20px; margin-top:18px;}
.header .nav_open img{width: 100%;}
.header .nav_close{float:right; width:17px; height:17px; margin-right:20px; margin-top:17px; display:none;}
.header .nav_close img{width: 100%;}
.header p{position:absolute; width:200px; left: 50%; margin-left: -100px; text-align: center;}
.header p img{height: 52px;}
.header p a{color: #272e71;}

.menu{position:absolute; width:100%; top:-100%; box-sizing:border-box; z-index:99; display: none;}
.menu a{display:block; width:100%; height:100%;}
.menu div{width:100%; height:80px; text-align: center;}
.menu div img {height: 100%;}
.menu div{background:#9c8e60;}
.menu ul:after{content:""; clear:both; display:block; *zoom:1;}
.menu ul{width:100%; height:84px; padding:13px 0; background:#efefeb; box-sizing:border-box;}
.menu ul li{float:left; height:23px; width:33.3%; margin-top:8px; text-align: center;}
.menu ul li.menu1{margin-top:0;}
.menu ul li.menu2{margin-top:0;}
.menu ul li.menu3{margin-top:0;}
.menu ul li img{height: 100%;}

.menu_back{position:absolute; width:100%; height:100%; background:#000; opacity:.0; z-index:98; display:none;}

.maincontainer{position:relative; width:100%; overflow:hidden; background: #efefeb;}

.downbtn{position:absolute; width:23px; height:14px; bottom:41px; left:50%; margin-left:-11px; z-index:2;}
.downbtn img{width: 100%;}

.end_line{position:absolute; width:1px; height:42px; bottom:0; left:50%; margin-left:0; z-index:2;}
.start_line{position:absolute; width:1px; height:28px; top:0; left:50%; margin-left:0; z-index:2;}

.line_c1{background:#272e71;}
.line_c2{background:#272e71;}
.line_c3{background:#272e71;}

.footer_wrap{position:relative; width:100%; background:#584633; color:#eee; padding-bottom:50px; text-align:center;}
.footer_wrap ul{width:333px; margin:0 auto;}
.footer_wrap ul:after{content:""; clear:both; display:block; *zoom:1;}
.footer_wrap ul li a span{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.footer_wrap ul.footer_sns{padding:20px 0 10px;}
.footer_wrap ul.footer_sns li{float:left; width:54px; text-align:center;}
.footer_wrap ul.footer_sns li:last-child{margin-right:9px;}
.footer_wrap ul.footer_sns li a{display:inline-block; width:54px; height:50px;}
.footer_wrap ul.footer_sns li a img{width: 100%;}
.footer_wrap p{font-size:11px; font-weight:bold; line-height:inherit; margin:0;}
.footer_wrap a{color:#eee;}
.footer_wrap .privacy a{display:inline-block; font-size:11px; font-weight:bold; color:#eee;}
.footer_wrap .privacy a:hover{color:#eee;}
.footer_wrap .copy li{float: left;}
.footer_wrap p.copy{display: block; vertical-align: middle; font-size:10px; color:#eee; font-weight:normal; margin-top: 10px; line-height: 40px;}
.footer_wrap p.copy span.copyl{position: relative; display: inline-block;}
.footer_wrap p.copy span.copyr{padding-left: 10px; display: inline-block;}
.footer_wrap p.copy span.copyr img{width: 56px;}
.footer_wrap .top_go{position:absolute; z-index:20; display:block; right:5px; bottom:2%; width:50px; height:50px; background:url(../img/top.png) center no-repeat; background-size:contain;}

.foot1{padding-bottom:266px;}
.foot2{padding-bottom:102px;}
.foot3{padding-bottom:120px;}

@media all and (max-width:360px) {
.footer_wrap ul li a{ width:40px; height:40px;}
}

.con1{padding-top:50px; padding-bottom:30px;}
.con1 .mttext{margin-top: 30px; text-align: center; font-weight: 500; font-size: 13px;}
.con1 h2{text-align: center; margin-top: 5px; color: #272e71; font-weight: 500; font-size: 34px;}
.con1 h2 img{height: 37px;}
.m1_1{width:100%;}
.m1_1 img{width:100%;}
.m1_2{margin-top: 20px;}
.m1_2 .htext1{font-size:1em; font-weight:bold; color:#272e71; text-align:center; letter-spacing:-1.2px;}
.m1_2 p{text-align:center; font-size:.9em;}
.m1_2 p.sp1{margin-top:4px; letter-spacing:-.8px;}
.m1_2 p.sp2{margin-top:2px; font-weight:bold;}
.m1_2 .htext2{font-size:.9em; font-weight:bold; color:#272e71; text-align:center; margin-top:5px;}
.m1_3{width:100%;}
.m1_3:after{content:""; clear:both; display:block; *zoom:1;}
.m1_3{width: 80%; margin: 0 auto; }
.m1_3 li{float: left; width: 21%; margin-left: 12%;}
.m1_3 li:first-child{margin-left: 6.5%;}
.m1_3 li img{width: 100%;}


.con2{background:#efefeb; padding-bottom:50px;}
.m2_1{background:#9c8e60; height:110px; text-align: center;}
.m2_1 img{height: 100%;}
.m2_3{height:133px; clear: both;}
.m2_3 .mbtn{position:relative; width:290px; margin:0 auto; padding-top:30px; padding-bottom:10px; border-bottom:1px solid #594733; left:-6px;}
.m2_3 .mbtn .ptitle{font-size:1.2em; font-weight:bold; color:#272e71; letter-spacing:-.8px;}
.m2_3 .mbtn p.sp1{margin-top:6px;}
.m2_3 .mbtn a{position:absolute; z-index:2; right:-13px; bottom:-1px; display:block; width:50px; height:43px;}
.m2_3 .mbtn a img{width: 100%;}


.con3{background:#efefeb; padding-bottom:90px;}
.m3_1{background:#9c8e60; height:110px; text-align: center;}
.m3_1 img{height: 100%;}
.m3_3{height:133px; clear: both;}
.m3_3 .mbtn{position:relative; width:290px; margin:0 auto; padding-top:30px; padding-bottom:10px; border-bottom:1px solid #594733; left:-6px;}
.m3_3 .mbtn .ptitle{font-size:1.2em; font-weight:bold; color:#272e71; letter-spacing:-.8px;}
.m3_3 .mbtn p.sp1{margin-top:6px;}
.m3_3 .mbtn a{position:absolute; z-index:2; right:-13px; bottom:-1px; display:block; width:50px; height:43px;}
.m3_3 .mbtn a img{width: 100%;}


.con4{background:#efefeb; padding-bottom:90px;}
.m4_1{background:#9c8e60; height:110px; text-align: center;}
.m4_1 img{height: 100%;}
.m4_3{position:relative; height:133px; clear: both;}
.m4_3 .mbtn{position:relative; width:290px; margin:0 auto; padding-top:30px; padding-bottom:10px; border-bottom:1px solid #594733; left:-6px;}
.m4_3 .mbtn .ptitle{font-size:1.2em; font-weight:bold; color:#272e71; letter-spacing:-.8px;}
.m4_3 .mbtn p.sp1{margin-top:6px;}
.m4_3 .mbtn a{position:absolute; z-index:2; right:-13px; bottom:-1px; display:block; width:50px; height:43px;}
.m4_3 .mbtn a img{width: 100%;}

.scontainer{position:relative; width:100%; overflow:hidden;}
.scontainer img{width:100%;}
.scon{padding-top:50px;}
.scon1{background:#efefeb;}
.scon2{background:#efefeb;}
.scon3{background:#efefeb;}

.scon .s_top1{width:100%; height:43px; background:#9c8e60;}
.scon .s_top1 img{height: 100%; width: auto;}
.scon .s_top2{width:100%; height:43px; background:#9c8e60;}
.scon .s_top2 img{height: 100%; width: auto;}
.scon .s_top3{width:100%; height:43px; background:#9c8e60;}
.scon .s_top3 img{height: 100%; width: auto;}
.scon .s_title1{width:100%; height:113px; margin-top: 25px;}
.scon .s_title1 img{height: 100%; width: auto;}
.scon .s_title2{width:100%; height:113px; margin-top: 25px;}
.scon .s_title2 img{height: 100%; width: auto;}
.scon .s_title3{width:100%; height:113px; margin-top: 25px;}
.scon .s_title3 img{height: 100%; width: auto;}

.scon1 .story{background:url(../img/sline.png) repeat-y left; background-size:41px 1px;}
.scon2 .story{background:url(../img/sline.png) repeat-y left; background-size:41px 1px;}
.scon3 .story{background:url(../img/sline.png) repeat-y left; background-size:41px 1px;}

.scon1 .story1 a.movbtn img{width: 49px;}

.scon1 .story1 span.farrow{background:url(../img/farrow.png) no-repeat; background-size:13px 18px;}
.scon2 .story1 span.farrow{background:url(../img/farrow.png) no-repeat; background-size:13px 18px;}
.scon3 .story1 span.farrow{background:url(../img/farrow.png) no-repeat; background-size:13px 18px;}

.scon1 .story1 p.ksp{color:#272e71;}
.scon2 .story1 p.ksp{color:#272e71;}
.scon3 .story1 p.ksp{color:#272e71;}

.scon1 .acc1{background:#7e7846;}
.scon1 .acc2{background:#7e7846;}
.scon1 .acc3{background:#7e7846;}
.scon1 .acc4{background:#7e7846;}
.scon1 .acc5{background:#7e7846;}
.scon1 .acc6{background:#7e7846;}

.scon2 .acc1{background:#7e7846;}
.scon2 .acc2{background:#7e7846;}
.scon2 .acc3{background:#7e7846;}
.scon2 .acc4{background:#7e7846;}
.scon2 .acc5{background:#7e7846;}
.scon2 .acc6{background:#7e7846;}

.scon3 .acc1{background:#7e7846;}
.scon3 .acc2{background:#7e7846;}
.scon3 .acc3{background:#7e7846;}
.scon3 .acc4{background:#7e7846;}
.scon3 .acc5{background:#7e7846;}
.scon3 .acc6{background:#7e7846;}

.scon .story1{padding-bottom: 35px; clear: both;}

.scon .story1{padding-top:20px; padding-bottom: 40px;}
.scon .story2{padding-top:40px; padding-bottom: 40px;}
.scon .story3{padding-top:40px; padding-bottom: 40px;}
.scon .story4{padding-top:40px; padding-bottom: 40px;}
.scon .story5{padding-top:40px; padding-bottom: 40px;}
.scon .story6{padding-top:40px; padding-bottom: 40px;}

.scon .story a.movbtn1{display:block; width:49px; height:57px; position:absolute; left:16px; top:85px;}
.scon .story a.movbtn2{display:block; width:49px; height:57px; position:absolute; left:16px; top:48px;}

.scon .story{position:relative; width:100%; box-sizing:border-box; padding-left:70px;}
.scon .story p.ksp{padding-left:10px; font-size:1.05em;}
.scon .story p.ksp2{padding-top:3px;}
.scon .story p.ksp span{font-weight:bold;}
.scon .story p{padding-left:10px; font-size:.9em; letter-spacing:-.5px;}
.scon .story p.sp0{margin-top:20px;}
.scon .story p.sp1{margin-top:20px;}
.scon .story p.sp2{margin-top:13px;}
.scon .story p.sp3{margin-top:5px;}
.scon .story p span{font-weight:bold;}
.scon .story span.farrow{display:block; width:13px; height:18px; position:absolute; left:37px; top:33px;}

.scon .acc{width:100%; padding:20px 0;}
.scon .acc h3.title{font-size:.9em; color:#fff; padding-bottom:8px; padding:0 22px;}
.scon .openbox{width:100%;}
.scon .sclosed{width:100%; height:70px; padding:0 7%; box-sizing:border-box;}
.scon .sclosed a{display:block; width:100%; height:100%; text-align: right;}
.scon .sclosed a img{height: 25px; width: auto; margin-top: 22px;}

.opentext{position:relative; width:100%; padding:25px 20px 0; box-sizing:border-box;}
.opentext p{font-size:.9em;}
.opentext p.bigtext{font-size:1em; font-weight:bold;}
.opentext p.bigtext .tsmall{font-size:.9em; font-weight:normal;}
.opentext p span.bigtext{font-size:1.1em; font-weight:bold;}
.opentext p.blt2{background:url(../img/blt2.png) no-repeat no-repeat left 7px; background-size:4px 1px; padding-left:8px; box-sizing:border-box;}
.opentext p.blt3{font-size:.8em; padding-left:15px; box-sizing:border-box; background:url(../img/blt3.png) no-repeat 6px 5px; background-size:3px;}
.opentext p .gobtn{display:inline-block; margin-top:10px; padding:3px 10px; border:1px solid #666;}
.opentext .bold{font-weight:bold;}
.opentext .mt5{margin-top:5px;}
.opentext .mt10{margin-top:10px;}
.opentext .mt20{margin-top:20px;}
.opentext .mt30{margin-top:30px;}
.opentext .qbox{margin-top:20px;}
.opentext .qbox1{color:#333;}
.opentext .qbox2{color:#333;}
.opentext h5{font-size:1em; font-weight:bold; height:34px; line-height:34px; padding-left:30px; box-sizing:border-box; letter-spacing:-1px; color: #272e71; border-bottom: 1px solid #272e71;}
.opentext h5.yesbox{background:url(../img/q_icon1.png) no-repeat left center; background-size:25px;}
.opentext h5.nobox{background:url(../img/q_icon2.png) no-repeat left center; background-size:25px;}
.opentext p.size3{font-size:1.2em; font-weight:bold; margin-top:15px; line-height:1.2em;}
.opentext p.size4{font-size:1.1em; font-weight:bold; margin-top:15px; line-height:1.2em;}
.opentext p.size5{font-size:1em; font-weight:bold; margin-top:15px; line-height:1.2em;}
.opentext p.size5.secline{margin-top:30px;}
.opentext .qbox1 a{color:#333; text-decoration:none;}
.opentext .qbox1 a:hover, .opentext .qbox1 a:focus {color:#333; text-decoration:none;}
.opentext .qbox2 a{color:#333; text-decoration:none;}
.opentext .qbox2 a:hover, .opentext .qbox2 a:focus {color:#333; text-decoration:none;}
.opentext ul.exbox:after{content:""; clear:both; display:block; *zoom:1;}
.opentext ul.exbox{padding:15px 6px 0;}
.opentext ul.exbox.sht{padding:10px 6px 0;}
.opentext ul.exbox.dottline{border:1px dotted #999; margin-top:10px; padding:10px;}
.opentext ul.exbox li{font-size:.8em; margin-top:10px; padding-left:8px; box-sizing:border-box; line-height:1.2em;}
.opentext ul.exbox li:first-child{margin-top:0;}
.opentext ul.exbox li span{font-weight:bold;}
.opentext .qbox1 ul.exbox li{background:url(../img/blt1.png) no-repeat left 5px; background-size:3px;}
.opentext .qbox2 ul.exbox li{background:url(../img/blt3.png) no-repeat left 5px; background-size:3px;}
.opentext ul.exbox.ex_img img{margin:10px 0;}

.opentext ul.exbox.listext li{margin-top:5px;}
.opentext ul.exbox.listext li:first-child{font-weight:bold; padding:0; background:none; margin-top:0;}

.opentext ul.listbox:after{content:""; clear:both; display:block; *zoom:1;}
.opentext ul.listbox{padding:15px 0;}
.opentext ul.listbox li{font-size:.8em; margin-top:8px; padding-left:8px; box-sizing:border-box; background:url(../img/blt3.png) no-repeat left 4px; background-size:3px;}
.opentext ul.listbox li:first-child{margin-top:0; background:none; padding:0; font-size:.9em; font-weight:bold; margin-bottom:5px}
.opentext ul.listbox li span{font-weight:bold;}
.opentext .plusline{padding-top:20px; margin-top:20px; border-top:1px dotted #ccc;}

.plusbtn{display: block; height:30px; font-size:.9em; line-height:30px; text-align:center; background:#fff; border:1px solid #ccc; color:#666; margin:20px; cursor:pointer;}

.plusbox1, .plusbox2, .plusbox3, .plusbox4, .plusbtn2, .plusbtn3, .plusbtn4{display:none;}

.link_under{border-bottom:1px solid #333;}
.link_under2{border-bottom:1px solid #333;}

.design_imglink:after{content:""; clear:both; display:block; *zoom:1;}
.design_imglink li{float:left; width:25%;}

.video-container{position:relative; height:0; padding-top:30px; padding-bottom:53.3%; overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

.scon .story.mv_wrap{padding-left: 0;}
.mv_wrap .bx-wrapper .bx-viewport{position: relative;}
.mv_wrap .bx-wrapper .bx-prev{left: 8%; background: none;}
.mv_wrap .bx-wrapper .bx-prev:hover, .mv_wrap  .bx-wrapper .bx-prev:focus{background-position: 0 0;}
.mv_wrap .bx-wrapper .bx-next{right: 8%; background: none;}
.mv_wrap .bx-wrapper .bx-next:hover, .mv_wrap  .bx-wrapper .bx-next:focus{background-position: 0 0;}
.mv_wrap .bx-wrapper .bx-controls-direction a{position: absolute; top: 50%; margin-top: -22px; width: 36px; height: 45px; z-index: 97; background-size: contain;}

.mv_wrap.smv_wrap .bx-wrapper .bx-prev{left: 17px;}
.mv_wrap.smv_wrap .bx-wrapper .bx-next{right: 17px;}

.captionsub{width:100%; padding-top:5px; min-height: 30px;}
.captionsub textarea.caption{display:none; width:100%; height:150px; padding:10px 15px; background:#f3f3f3; border:1px solid #ccc; color:#666; font-size:13px; line-height:20px; resize:none; margin-top:5px; box-sizing: border-box;}
.captionBtn{float: right; margin-right: 27px;}
.scaptionBtn{margin-right: 17px;}
.captionBtn a{display:block; width:98px;height:30px;line-height:32px;background:url(../img/btn_caption.png) no-repeat 0 0;font-size:13px;padding-left:10px; box-sizing:border-box; background-size: 98px 30px;}
.captionBtn a.off{background:url(../img/btn_caption_off.png) no-repeat 0 0; background-size: 98px 30px;}
.captions32, .captions22, .captions12{display: none;}

.capl11, .capl12, .capl21, .capl22, .capl31, .capl32{display: none;}

@media (max-width:1023px){
	.video-container{padding-bottom:52.3%;}
}

@media (max-width:767px){
	.video-container{padding-bottom:51.5%;}
}

@media (max-width:380px){
	.video-container{padding-bottom:47.8%;}
	.scon .s_top{background-size:cover;}
	.scon .s_title{background-size:cover;}
}