@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/
  .slider-3mai-Box { position: relative; margin-right: 160px; }
	.slider-3mai-Box .scroll-icon{width: 50px;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;z-index: 99;}
	.slider-3mai-Box h1.logo{position: absolute;top: 58px;right: 58px;z-index: 99;filter: drop-shadow(0px 0px 15px rgba(0,0,0,1));}
	.slider-3mai-Box .header-company{width: 400px;background-color: rgba(0,0,0,0.7);padding: 45px 0 35px;position: absolute;bottom: -50px;left: 20px;z-index: 99;}
	.slider-3mai-Box .header-company .address{font-weight: 300; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;letter-spacing: 1px;line-height: 24px; text-align: center;color: #fff;margin-bottom: 25px;}
	.slider-3mai-Box .header-company .tel{width: 238px;margin: 0 auto;}
	
  .slider-3mai-Box .slider-3mai { position: relative; height: 720px; }
  .slider-3mai-Box .slider-3mai li { height: 720px!important;margin-left: -550px; }
  .slider-3mai-Box .slider-3mai li img { height: 720px!important; }
  .slider-3mai-Box .bx-wrapper .bx-controls-direction a { position: absolute; top: 40%; outline: 0; width: 50px; height: 100px; text-indent: -9999px; z-index: 9999; }
  .slider-3mai-Box .bx-wrapper .bx-prev { left: 950px; background-image: url(../images/index/bx-l.jpg); background-position: 0 0; }
  .slider-3mai-Box .bx-wrapper .bx-next { right: 950px; background-image: url(../images/index/bx-r.jpg); background-position: 0 0; }
	.slider-3mai-Box .bx-wrapper .bx-viewport{width: 1100px!important;margin: 0 auto;overflow: inherit!important;}
  
  .side-fix { display: none;}
	
	
  /* concept -------------------------------------*/
	#concept{margin-right: 160px;padding-bottom: 140px;}
	#concept .frame{width: 1000px;margin: 0 auto; padding-top: 180px;}
	#concept .frame h2{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 30px;letter-spacing: 4px;line-height: 24px;padding-top: 90px;margin-left: -2vw;float: left;}
	#concept .frame .info{width: 480px; font-weight: 300; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;letter-spacing: 4px;line-height: 40px;float: right;margin-bottom: 60px;}
	#concept .frame .info .text{margin-bottom: 40px;}
	#concept .btn{width: 421px;margin: 0 auto;clear: both;background-image: url("../images/index/concept_icon.png");background-repeat: no-repeat;background-position: top 25px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#concept .btn:hover{background-position: top 25px right 0px;}
	#concept .btn a{display: block; background-image: url("../images/index/concept_btn_bg.png");padding: 20px 0 20px 0;}
	#concept .btn a img{width: 118px;margin: 0 auto;display: block;}
	
	
  /* create -------------------------------------*/
	#create{background-color: #f0f2f3;background-image: url("../images/index/create_bg01.jpg");background-repeat: repeat-x;background-position: bottom center;padding-top: 80px;margin-right: 160px;margin-bottom: 180px;}
	#create h2{margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 20px;letter-spacing: 4px;line-height: 36px;text-align: center;color: #3a3e46; margin-bottom: 50px;}
	#create h2 img{width: 240px;margin: 0 auto 20px;}
	#create ul{max-width: 1600px;margin: 0 auto;overflow: hidden;}
	#create ul li{width: 33%;height: 38vw; margin-right: 5px;float: left;position: relative;}
	
	#create ul li:nth-child(1){background-image: url("../images/index/create_bnr01_on.jpg");background-repeat: no-repeat;background-position: top center;background-size: 100%;}
	#create ul li:nth-child(2){background-image: url("../images/index/create_bnr02_on.jpg");background-repeat: no-repeat;background-position: top center;background-size: 100%;}
	#create ul li:nth-child(3){background-image: url("../images/index/create_bnr03_on.jpg");background-repeat: no-repeat;background-position: top center;background-size: 100%;margin-right: 0px;}
	
	#create ul li:nth-child(1) a{background-image: url("../images/index/create_bnr01.jpg");background-repeat: no-repeat;background-position: top center;background-size: 100%;padding-top: 60px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#create ul li:nth-child(1) a:hover{background-image: url("../images/index/create_bnr01_on.jpg");}
	#create ul li:nth-child(2) a{background-image: url("../images/index/create_bnr02.jpg");background-repeat: no-repeat;background-position: top center;background-size: 100%;padding-top: 60px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#create ul li:nth-child(2) a:hover{background-image: url("../images/index/create_bnr02_on.jpg");}
	#create ul li:nth-child(3) a{margin-right: 0px;background-image: url("../images/index/create_bnr03.jpg");background-repeat: no-repeat;background-position: top center;background-size: 100%;padding-top: 60px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#create ul li:nth-child(3) a:hover{background-image: url("../images/index/create_bnr03_on.jpg");}
	#create ul li a{width: 100%;height: 38vw;display: block;}
	#create ul li a dt{width: 30px;margin: 0 auto;}
	#create ul li a dd{position: absolute;bottom: 50px;left: 0px;right: 0px;text-align: center;}
	#create ul li a dd img{background-image: url("../images/index/create_icon.png");background-repeat: no-repeat;background-position: top 25px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#create ul li a:hover dd img{background-position: top 25px right 0px;}
	
  /* policy -------------------------------------*/
	#policy{margin-right: 160px;padding-bottom: 140px;}
	#policy h2{margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 20px;letter-spacing: 4px;line-height: 36px;text-align: center;color: #3a3e46;margin-bottom: 50px;}
	#policy h2 img{width: 240px;margin: 0 auto 20px;}
	#policy .slide-box{background-image: url("../images/index/policy_bg02.gif");background-repeat: no-repeat;background-position: top 66px center;}
	#policy .slide-box .custom-thumb{width: 1000px;margin: 0 auto 30px;overflow: hidden;}
	#policy .slide-box .custom-thumb a{width: 250px;float: left; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;letter-spacing: 3px;line-height: 36px;text-align: center;color: #3a3e46;background-color: #eaebeb;display: block;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#policy .slide-box .custom-thumb a:hover{text-decoration: none;background-color: #3a3e47;color: #fff;}
	#policy .slide-box .custom-thumb a.active{color: #fff;background-color: #3a3e47;}
	#policy .slide-box .policy-slider{position: relative;left: 50%;width: 3260px;margin-left: -1630px;padding-top: 20px;padding-bottom: 20px;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-controls-direction a{position: absolute;bottom: 10%;outline: 0;width: 60px;height: 60px;text-indent: -9999px;z-index: 9999;text-align: center;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-prev{left: 1070px;background: url(../images/index/policy_arrow01.jpg)no-repeat;background-position: 0 0;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-next {right: 1070px;background: url(../images/index/policy_arrow02.jpg)no-repeat;background-position: 0 0;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li{width: 1020px!important; overflow: hidden;margin-right: 100px;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .pic{float: left;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info{width: 470px; float: right;padding-top: 110px;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info .sub{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 20px;letter-spacing: 10px;color: #3a3e47;margin-bottom: 15px;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info h3{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 48px;letter-spacing: 10px;color: #3a3e47;margin-bottom: 30px;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info .text{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;line-height: 28px; letter-spacing: 4px;color: #3a3e47;margin-bottom: 45px;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info .btn{background-image: url("../images/index/policy_bg01.png");background-repeat: no-repeat; padding: 22px 0px;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info .btn img{margin: 0;padding-left: 40px;padding-right: 70px; background-image: url("../images/index/policy_icon.png");background-repeat: no-repeat;background-position: top 2px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a:hover .info .btn img{background-position: top 2px right 0px;}
	
  /* works -------------------------------------*/
	#works{background-image: url("../images/index/works_bg01.gif");background-repeat: no-repeat;background-position: top center;margin-right: 160px;position: relative;}
	#works h2{position: absolute;top: 75px;left: 50px;}
	#works #plan-tabbox{width: 100%;margin: 0 auto 120px;overflow: hidden;}
	#works #plan-tabbox .tab_wrap{width:100%; margin:80px auto;}
	#works #plan-tabbox input[type="radio"]{display:none;}
	#works #plan-tabbox .tab_area{font-size:0; margin:0 10px;width: 20%;float: left;padding-top: 170px;margin-left: 50px;}
	#works #plan-tabbox .tab_area h3{margin-bottom: 30px;}
	#works #plan-tabbox .tab_area label{margin:0 5px; display:block; padding:10px 0 0; color:#000; font-size:16px;cursor:pointer; transition:ease 0.2s opacity;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-bottom: 15px;display: table;}
	#works #plan-tabbox .tab_area label:hover{opacity:0.5;}
	#works #plan-tabbox .tab_area .btn{width: 170px; margin-top: 50px;margin-bottom: 50px; background-image: url("../images/index/works_icon.png");background-repeat: no-repeat;background-position: top 25px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#works #plan-tabbox .tab_area .btn:hover{background-position: top 25px right 0px;}
	#works #plan-tabbox .tab_area .btn:hover img{opacity: 1;}
	#works #plan-tabbox .panel_area{background:#fff;width: 67%;float: right;margin-right: 30px;margin-top: 85px;}
	#works #plan-tabbox .tab_pane0l{width:100%; padding:50px 50px 70px; display:none;}
	#works #plan-tabbox .tab_pane0l ul{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	#works #plan-tabbox .tab_pane0l ul li{width: 48.5%;margin-right: 3%;margin-bottom: 5vw;background-image: url("../images/index/works_icon.png");background-repeat: no-repeat;background-position: bottom 6px right 30px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#works #plan-tabbox .tab_pane0l ul li:hover{background-position: bottom 6px right 10px;}
	#works #plan-tabbox .tab_pane0l ul li:nth-child(2n){margin-right: 0px;}
	#works #plan-tabbox .tab_pane0l ul li:nth-child(3){margin-bottom: 0px;}
	#works #plan-tabbox .tab_pane0l ul li:nth-child(4){margin-bottom: 0px;}
	#works #plan-tabbox .tab_pane0l ul li a .system-pic{width: 100%;height: 18vw;overflow: hidden;text-align: center;margin-bottom: 18px;}
	#works #plan-tabbox .tab_pane0l ul li a .system-pic img{width: 100%;height: 18vw;}
	#works #plan-tabbox .tab_pane0l ul li a h3{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;margin-left: 10px;width: 70%;text-decoration: none;}
	#works #plan-tabbox .tab_pane0l ul li a:hover{text-decoration: none;}
	#works #plan-tabbox .tab_pane0l p{font-size:14px; letter-spacing:1px;}
	#works #plan-tabbox #tab01:checked ~ .tab_area .tab01_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab01:checked ~ .panel_area #works01{display:block;overflow: hidden;}
	#works #plan-tabbox #tab02:checked ~ .tab_area .tab02_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab02:checked ~ .panel_area #works02{display:block;overflow: hidden;}
	#works #plan-tabbox #tab03:checked ~ .tab_area .tab03_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab03:checked ~ .panel_area #works03{display:block;overflow: hidden;}
	#works #plan-tabbox #tab04:checked ~ .tab_area .tab04_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab04:checked ~ .panel_area #works04{display:block;overflow: hidden;}
	#works #plan-tabbox #tab05:checked ~ .tab_area .tab05_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab05:checked ~ .panel_area #works05{display:block;overflow: hidden;}
	#works #plan-tabbox #tab06:checked ~ .tab_area .tab06_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab06:checked ~ .panel_area #works06{display:block;overflow: hidden;}
	#works #plan-tabbox #tab07:checked ~ .tab_area .tab07_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab07:checked ~ .panel_area #works07{display:block;overflow: hidden;}
	#works #plan-tabbox #tab08:checked ~ .tab_area .tab08_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab08:checked ~ .panel_area #works08{display:block;overflow: hidden;}
	#works #plan-tabbox #tab09:checked ~ .tab_area .tab09_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab09:checked ~ .panel_area #works09{display:block;overflow: hidden;}
	#works #plan-tabbox #tab10:checked ~ .tab_area .tab10_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab10:checked ~ .panel_area #works10{display:block;overflow: hidden;}
	#works #plan-tabbox #tab11:checked ~ .tab_area .tab11_label{color:#fff;background-color: #ed6d00;padding: 10px 20px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab11:checked ~ .panel_area #works11{display:block;overflow: hidden;}
	
  /* voice -------------------------------------*/
	#voice{ margin-right: 160px; padding: 80px 0 160px; background: #fff;}
	#voice h2{ margin-bottom: 50px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 20px;letter-spacing: 4px;padding-left: 10px;}
	#voice h2 img{margin-right: 40px;}
	#voice .frame{width: 1000px; margin: 0 auto; position: relative;}
	#voice .frame .system-list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#voice .frame .system-list li{ width: 300px; margin-right: 50px; background: #eaebeb; position: relative; margin-bottom: 20px;padding-bottom: 50px; background-image: url("../images/index/voice_icon.png");background-repeat: no-repeat;background-position: bottom 20px right 40px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#voice .frame .system-list li:hover{background-position: bottom 20px right 20px;}
	#voice .frame .system-list li:nth-child(3n){ margin-right: 0;}
	#voice .frame .system-list li:nth-child(4){display: none;}
	#voice .frame .system-list li a:hover{ text-decoration: none; }
	#voice .frame .system-pic{ width: 100%; height: 220px; padding: 20px;margin-bottom: 15px; overflow: hidden; text-align: center; }
	#voice .frame .system-pic img{ width: 100%; height: 220px; }
	#voice .frame .system-ttl-01{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px; line-height: 1.4;color: #3a3e46;border-bottom: 1px solid #dadfe2;padding-bottom: 10px;padding-left: 20px;}
	#voice .frame .listname{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;line-height: 24px; color: #898989;border-top: 1px solid #fff;padding-top: 10px;padding-left: 20px;}
	#voice .btn{width: 170px; background-image: url("../images/index/voice_icon.png");background-repeat: no-repeat;background-position: top 25px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;position: absolute;top: -25px;right: -30px;}
	#voice .frame .btn:hover{background-position: top 25px right 0px;}
	#voice .frame .btn:hover img{opacity: 1;}
	
  /* modelhouse -------------------------------------*/
	#modelhouse{height: 420px;background-image: url("../images/index/modelhouse_bg.jpg");background-repeat: no-repeat;background-position: bottom center;background-size: 100%;position: relative;margin-right: 160px;padding-top: 130px;}
	#modelhouse h2{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;line-height: 30px; letter-spacing: 6px;color: #fff;position: absolute;top: 50px;left: 50px;}
	#modelhouse .frame{width: 1000px;margin: 0 auto;position: relative;}
	#modelhouse .frame h3{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 20px;line-height: 58px; letter-spacing: 12px;color: #fff;text-align: center;margin-bottom: 20px;}
	#modelhouse .frame h3 span{font-size: 48px;}
	#modelhouse .frame .btn{width: 420px;margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;line-height: 30px; letter-spacing: 4px;color: #fff;text-align: center;background-image: url("../images/index/modelhouse_btn01.png");background-repeat: no-repeat;background-position: top center;}
	#modelhouse .frame .btn a{width: 420px;color: #fff;display: block;padding: 15px 0;background-image: url("../images/index/modelhouse_icon02.png");background-repeat: no-repeat;background-position: top 25px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#modelhouse .frame .btn a:hover{background-position: top 25px right 0px;text-decoration: none;}
	#modelhouse .frame .icon{position: absolute;bottom: -130px;right: -40px;}
	
  /* event -------------------------------------*/
	#event{ margin-right: 160px; padding: 140px 0 200px; }
	#event h2{ text-align: center; font-size: 2em; font-weight: bold; margin-bottom: 80px;}
	#event .system-list{ width: 1020px; margin: 0 auto 10px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#event .system-list li{ width: 48%; margin-right: 4%; background: #fff; margin-bottom: 50px; overflow: hidden;}
	#event .system-list li:nth-child(2n){ margin-right: 0;}
	#event .system-list li a:hover{ text-decoration: none; }
	#event .system-pic{ width: 210px; height: 170px; overflow: hidden; float: left;}
	#event .system-pic img{ width: 210px; height: 170px;margin: 0 auto;display: block;}
	#event .info{width: 265px;float: right;}
	#event .info .end{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;line-height: 30px; letter-spacing: 1px;color: #fff;text-align: center;width: 120px;background-color: #617087;padding: 3px 0 1px;margin-bottom: 12px;}
	#event .info .bosyuu{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;line-height: 30px; letter-spacing: 1px;color: #fff;text-align: center;width: 120px;background-color: #ae8359;padding: 3px 0 1px;margin-bottom: 12px;}
	#event .info .system-ttl-01{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px; font-weight: bold;line-height: 26px; letter-spacing: 2px; margin-bottom: 10px; border-bottom: 1px dotted #000;padding-bottom: 10px;}
	#event .info table tr.day{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;line-height: 30px; letter-spacing: 1px;border-bottom: 8px solid #fff;}
	#event .info table tr.day th{width: 40px; font-size: 12px;color: #fff;text-align: center; background-color: #77787a;}
	#event .info table tr.day td{width: 230px;font-size: 14px;padding-left: 8px;}
	#event .info table tr.address{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;line-height: 30px; letter-spacing: 1px;}
	#event .info table tr.address th{width: 40px; font-size: 12px;color: #fff;text-align: center;background-color: #77787a;}
	#event .info table tr.address td{width: 230px;font-size: 14px;padding-left: 8px;}
	#event .btn{width: 420px;margin: 0 auto;text-align: center;background-image: url("../images/index/event_btn.png");background-repeat: no-repeat;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;line-height: 30px;letter-spacing: 2px;color: #fff;}
	#event .btn a{width: 420px;color: #fff;padding: 15px 0;display: block;background-image: url("../images/index/event_icon.png");background-repeat: no-repeat;background-position: top 25px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#event .btn a:hover{background-position: top 25px right 0px;text-decoration: none;}
	
  /* about -------------------------------------*/
	#about{margin-right: 160px;margin-bottom: 110px;}
	#about h2{margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 20px;letter-spacing: 4px;line-height: 36px;text-align: center;color: #3a3e46;margin-bottom: 90px;}
	#about h2 img{width: 240px;margin: 0 auto 20px;}
	#about .frame{width: 1000px;margin: 0 auto;}
	#about .frame #topics{width: 300px;position: relative;float: left;margin-right: 50px;}
	#about .frame #topics .inner-Box h3{padding-left: 10px; padding-bottom: 30px; margin-bottom: 20px;border-bottom: 1px solid #000;}
	#about .frame #topics .inner-Box ul{height: 350px;overflow-y: scroll;padding-right: 20px;}
	#about .frame #topics .inner-Box ul li{border-bottom: 1px dotted #000;padding-bottom: 10px;margin-bottom: 30px;padding-left: 5px;}
	#about .frame #topics .inner-Box ul li .system-date{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;letter-spacing: 1px;line-height: 24px;color: #ae8359;margin-bottom: 6px;}
	#about .frame #topics .inner-Box ul li .system-date:before{content: "■";}
	#about .frame #topics .inner-Box ul li h4{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;letter-spacing: 1px;line-height: 24px;color: #3a3e46;}
	#about .frame #topics .btn{width: 150px; background-image: url("../images/index/about_icon.png");background-repeat: no-repeat;background-position: top 16px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;position: absolute;top: -15px;right: -30px;}
	#about .frame #topics .btn:hover{background-position: top 16px right 0px;}
	#about .frame #topics .btn:hover img{opacity: 1;}
	
  /* blog -------------------------------------*/
	#about .frame #blog{width: 300px;position: relative;float: left;margin-right: 50px;}
	#about .frame #blog .inner-Box h3{padding-left: 10px; padding-bottom: 30px; margin-bottom: 20px;border-bottom: 1px solid #000;}
	#about .frame #blog .inner-Box ul{height: 350px;overflow-y: scroll;padding-right: 20px;}
	#about .frame #blog .inner-Box ul li{border-bottom: 1px dotted #000;padding-bottom: 10px;margin-bottom: 30px;padding-left: 5px;overflow: hidden;}
	#about .frame #blog .inner-Box ul li .pic{width: 90px;height: 90px;float: left;}
	#about .frame #blog .inner-Box ul li .pic img{width: 90px;height: 90px;}
	#about .frame #blog .inner-Box ul li .info{width: 160px;float: right;}
	#about .frame #blog .inner-Box ul li .info .system-date{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;letter-spacing: 1px;line-height: 24px;color: #ae8359;margin-bottom: 6px;}
	#about .frame #blog .inner-Box ul li .info .system-date:before{content: "■";}
	#about .frame #blog .inner-Box ul li .info h4{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;letter-spacing: 1px;line-height: 24px;color: #3a3e46;}
	#about .frame #blog .btn{width: 150px; background-image: url("../images/index/about_icon.png");background-repeat: no-repeat;background-position: top 16px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;position: absolute;top: -15px;right: -30px;}
	#about .frame #blog .btn:hover{background-position: top 16px right 0px;}
	#about .frame #blog .btn:hover img{opacity: 1;}
	
  /* media -------------------------------------*/
	#about .frame #media{width: 300px;position: relative;float: left;}
	#about .frame #media .inner-Box h3{padding-left: 10px; padding-bottom: 30px; margin-bottom: 20px;border-bottom: 1px solid #000;}
	#about .frame #media .inner-Box ul{height: 350px;overflow-y: scroll;padding-right: 20px;}
	#about .frame #media .inner-Box ul li{border-bottom: 1px dotted #000;padding-bottom: 10px;margin-bottom: 30px;padding-left: 5px;overflow: hidden;}
	#about .frame #media .inner-Box ul li .pic{width: 90px;height: 90px;float: left;}
	#about .frame #media .inner-Box ul li .pic img{width: 90px;height: 90px;}
	#about .frame #media .inner-Box ul li .info{width: 160px;float: right;}
	#about .frame #media .inner-Box ul li .info .system-date{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;letter-spacing: 1px;line-height: 24px;color: #ae8359;margin-bottom: 6px;}
	#about .frame #media .inner-Box ul li .info .system-date:before{content: "■";}
	#about .frame #media .inner-Box ul li .info h4{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;letter-spacing: 1px;line-height: 24px;color: #3a3e46;}
	#about .frame #media .btn{width: 150px; background-image: url("../images/index/about_icon.png");background-repeat: no-repeat;background-position: top 16px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;position: absolute;top: -15px;right: -30px;}
	#about .frame #media .btn:hover{background-position: top 16px right 0px;}
	#about .frame #media .btn:hover img{opacity: 1;}
	
  /* menu -------------------------------------*/
	#menu{clear: both;margin-right: 160px;padding-top: 110px;}
	#menu ul{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;height: 200px;background-color: #ebebeb;}
	#menu ul li{width: 20%;background-image: url("../images/index/menu_line.jpg");background-repeat: no-repeat;background-position: left center;}
	#menu ul li a{background-image: url("../images/index/menu_icon.png");background-repeat: no-repeat;background-position: bottom 40px center;display: block;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#menu ul li a:hover{background-position: bottom 40px right 7.2vw;}
	#menu ul li a img{display: block; width: 123px;margin: 0 auto;padding-top: 68px;padding-bottom: 68px;}
	
  /* message -------------------------------------*/
	#message{height: 44vw; margin-right: 160px;background-image: url("../images/index/message_bg.jpg");background-repeat: no-repeat;background-position: bottom center;background-size: 100%;padding-top: 60px;}
	#message .frame{width: 1000px;margin: 0 auto;}
	#message .frame h2{margin-bottom: 32px;}
	#message .frame .text{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 12px;letter-spacing: 1px;line-height: 20px;color: #3a3e47;}
	
	
	
	
	
	
	
	
	
	

  
  }

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

#bx-sra {position: relative;}
	#bx-sra .scroll-icon{width: 12%;position: absolute;bottom: 0px;left: 0px;right: 0px;margin: 0 auto;z-index: 99;}
	.sp-h1{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.4em;letter-spacing: 2px;line-height: 1.7em;padding-left: 5%;padding-top: 6%; padding-bottom: 6%; color: #3a3e47;}
	
	.header-company{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.8em;letter-spacing: 2px;line-height: 1.8em;padding-left: 5%;padding-top: 2%; padding-bottom: 12%; border-bottom: 1px solid #3a3e47;color: #3a3e47;}
	
  /* concept -------------------------------------*/
	#concept{padding-bottom: 25%;}
	#concept .frame{width: 100%;padding-top: 0;}
	#concept .frame h2{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.7em;letter-spacing: 4px;line-height: 24px;padding-top: 25%;text-align: center;margin-bottom: 10%;}
	#concept .frame .info{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.8em;letter-spacing: 4px;line-height: 2.4em;margin-bottom: 12%;text-align: center;}
	#concept .frame .info .text{margin-bottom: 10%;}
	#concept .btn{width: 80%;margin: 0 auto;background-image: url("../images/index/concept_icon.png");background-repeat: no-repeat;background-position: top 25px right 10px;}
	#concept .btn a{display: block; background-image: url("../images/index/concept_btn_bg.png");padding: 20px 0 20px 0;background-size: 100%;}
	#concept .btn a img{width: 118px;margin: 0 auto;display: block;}
	
  /* create -------------------------------------*/
	#create{background-color: #f0f2f3;background-image: url("../images/index/create_bg01.jpg");background-repeat: repeat-x;background-position: bottom center;padding-top: 15%;margin-bottom: 30%;}
	#create h2{margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.1em;letter-spacing: 4px;line-height: 0.8em;text-align: center;color: #3a3e46; margin-bottom: 14%;}
	#create h2 img{width: 60%;margin: 0 auto 5%;}
	#create ul{width: 94%;margin: 0 auto;}
	#create ul li{margin-bottom: 6%;}
	#create ul li:nth-child(3){margin-bottom: 0px;}
	
  /* policy -------------------------------------*/
	#policy{padding-bottom: 15%;}
	#policy h2{margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.1em;letter-spacing: 2px;line-height: 1.8em;text-align: center;color: #3a3e46;margin-bottom: 12%;}
	#policy h2 img{width: 60%;margin: 0 auto 5%;}
	
	#policy .slide-box{background-image: url("../images/index/policy_bg02_t_sp.jpg"),url("../images/index/policy_bg02_b_sp.jpg"),url("../images/index/policy_bg02_c_sp.jpg");background-repeat: no-repeat,no-repeat,repeat-y;background-position: top center,bottom center,top center;background-size: 100%;}
	#policy .slide-box .custom-thumb{width: 94%;margin: 0 auto 5%;overflow: hidden;}
	#policy .slide-box .custom-thumb a{width: 25%;float: left; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;letter-spacing: 2px;line-height: 1.0em;text-align: center;color: #3a3e46;background-color: #eaebeb;display: block;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;height: 15vw;}
	#policy .slide-box .custom-thumb a:nth-child(1){padding-top: 6vw;}
	#policy .slide-box .custom-thumb a:nth-child(2){padding-top: 6vw;}
	#policy .slide-box .custom-thumb a:nth-child(3){padding-top: 6vw;}
	#policy .slide-box .custom-thumb a:nth-child(4){padding-top: 2.5vw;}
	#policy .slide-box .custom-thumb a:hover{text-decoration: none;}
	#policy .slide-box .custom-thumb a .sub{font-size: 0.6em;}
	#policy .slide-box .custom-thumb a.active{color: #fff;background-color: #3a3e47;}
	#policy .slide-box .policy-slider{padding-bottom: 10%;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-controls-direction a{}
	#policy .slide-box .policy-slider .bx-wrapper .bx-prev{width: 13%;height: 50px;top: 48%;left: 0px;background: url(../images/index/policy_arrow01.jpg)no-repeat;background-position: 0 0;background-size: 100%;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-prev img{width: 100%;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-next {width: 13%;height: 50px;top: 48%;right: 0px;background: url(../images/index/policy_arrow02.jpg)no-repeat;background-position: 0 0;background-size: 100%;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-next img{width: 100%;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport {width: 82%!important;margin: 0 auto;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li{}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .pic{margin-bottom: 10%;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info{padding-left: 5%;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info .sub{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.8em;letter-spacing: 4px;color: #3a3e47;margin-bottom: 3%;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info h3{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 2.0em;letter-spacing: 10px;color: #3a3e47;margin-bottom: 2.5%;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info .text{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.8em;line-height: 1.6em; letter-spacing: 3px;color: #3a3e47;margin-bottom: 4%;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info .btn{background-image: url("../images/index/policy_bg01.png");background-repeat: no-repeat; padding: 22px 0px;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a .info .btn img{margin: 0;padding-left: 40px;padding-right: 70px; background-image: url("../images/index/policy_icon.png");background-repeat: no-repeat;background-position: top 2px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a:hover{text-decoration: none;}
	#policy .slide-box .policy-slider .bx-wrapper .bx-viewport ul li a:hover .info .btn img{background-position: top 2px right 0px;}
	
/* works -------------------------------------*/
	#works{background-color: #eaebeb; background-repeat: no-repeat;background-position: top center;position: relative;padding-top: 10%;padding-bottom: 20%;}
	#works h2{width: 70%;margin: 0 auto;}
	#works #plan-tabbox{width: 100%;margin: 0 auto 15%;overflow: hidden;}
	#works #plan-tabbox .tab_wrap{width:100%; margin:0 auto;}
	#works #plan-tabbox input[type="radio"]{display:none;}
	#works #plan-tabbox .tab_area{position: relative;font-size:0; width: 94%;margin: 0 auto;background-color: #fff;padding: 20% 5% 0;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
	#works #plan-tabbox .tab_area h3{position: absolute;top: 20%;left: 8%;}
	#works #plan-tabbox .tab_area label{margin:0 4%; display:block; padding:10px 0 0; color:#000; font-size:13px;cursor:pointer; transition:ease 0.2s opacity;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;margin-bottom: 15px;display: table;}
	#works #plan-tabbox .tab_area label:hover{opacity:0.5;}
	#works #plan-tabbox .panel_area{background:#fff;width: 94%;margin: 0 auto;}
	#works #plan-tabbox .tab_pane0l{width:100%; padding: 8% 5%; display:none;}
	#works #plan-tabbox .tab_pane0l ul{}
	#works #plan-tabbox .tab_pane0l ul li{width: 100%;margin-right: 3%;margin-bottom: 10vw;background-image: url("../images/index/works_icon.png");background-repeat: no-repeat;background-position: bottom 6px right 0px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#works #plan-tabbox .tab_pane0l ul li:hover{background-position: bottom 6px right 10px;}
	#works #plan-tabbox .tab_pane0l ul li a .system-pic{width: 100%;height: 60vw;overflow: hidden;text-align: center;margin-bottom: 3%;}
	#works #plan-tabbox .tab_pane0l ul li a .system-pic img{width: 100%;height: 60vw;}
	#works #plan-tabbox .tab_pane0l ul li a h3{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.9em;width: 70%;text-decoration: none;}
	#works #plan-tabbox .tab_pane0l ul li a:hover{text-decoration: none;}
	#works #plan-tabbox .tab_pane0l p{font-size:14px; letter-spacing:1px;}
	#works #plan-tabbox #tab01:checked ~ .tab_area .tab01_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab01:checked ~ .panel_area #works01{display:block;overflow: hidden;}
	#works #plan-tabbox #tab02:checked ~ .tab_area .tab02_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab02:checked ~ .panel_area #works02{display:block;overflow: hidden;}
	#works #plan-tabbox #tab03:checked ~ .tab_area .tab03_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab03:checked ~ .panel_area #works03{display:block;overflow: hidden;}
	#works #plan-tabbox #tab04:checked ~ .tab_area .tab04_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab04:checked ~ .panel_area #works04{display:block;overflow: hidden;}
	#works #plan-tabbox #tab05:checked ~ .tab_area .tab05_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab05:checked ~ .panel_area #works05{display:block;overflow: hidden;}
	#works #plan-tabbox #tab06:checked ~ .tab_area .tab06_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab06:checked ~ .panel_area #works06{display:block;overflow: hidden;}
	#works #plan-tabbox #tab07:checked ~ .tab_area .tab07_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab07:checked ~ .panel_area #works07{display:block;overflow: hidden;}
	#works #plan-tabbox #tab08:checked ~ .tab_area .tab08_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab08:checked ~ .panel_area #works08{display:block;overflow: hidden;}
	#works #plan-tabbox #tab09:checked ~ .tab_area .tab09_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab09:checked ~ .panel_area #works09{display:block;overflow: hidden;}
	#works #plan-tabbox #tab10:checked ~ .tab_area .tab10_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab10:checked ~ .panel_area #works10{display:block;overflow: hidden;}
	#works #plan-tabbox #tab11:checked ~ .tab_area .tab11_label{color:#fff;background-color: #ed6d00;padding: 8px 10px 6px;border-radius: 17px;margin-bottom: 10px;}
	#works #plan-tabbox #tab11:checked ~ .panel_area #works11{display:block;overflow: hidden;}
	#works .btn{width: 80%;margin: 0 auto;}
	
  /* voice -------------------------------------*/
	#voice{ padding: 15% 0 20%; background: #fff;}
	#voice h2{ margin-bottom: 2%;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.0em;letter-spacing: 4px;line-height: 2.2em; padding-left: 10px;}
	#voice h2 img{}
	#voice .frame{width: 90%; margin: 0 auto; position: relative;}
	#voice .frame .system-list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	#voice .frame .system-list li{ width: 48%; margin-right: 4%; background: #eaebeb; position: relative; margin-bottom: 5%;padding-bottom: 50px; background-image: url("../images/index/voice_icon.png");background-repeat: no-repeat;background-position: bottom 20px right 5%;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;}
	#voice .frame .system-list li:hover{background-position: bottom 20px right 20px;}
	#voice .frame .system-list li:nth-child(2n){ margin-right: 0;}
	#voice .frame .system-list li a:hover{ text-decoration: none; }
	#voice .frame .system-pic{ width: 100%; height: 220px; padding: 5%;margin-bottom: 15px; overflow: hidden; text-align: center; }
	#voice .frame .system-pic img{ width: 100%; height: 220px; }
	#voice .frame .system-ttl-01{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.0em; line-height: 1.4;color: #3a3e46;border-bottom: 1px solid #dadfe2;padding-bottom: 10px;padding-left: 5%;}
	#voice .frame .listname{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.9em;line-height: 24px; color: #898989;border-top: 1px solid #fff;padding-top: 10px;padding-left: 5%;}
	#voice .btn{width: 45%; background-image: url("../images/index/voice_icon.png");background-repeat: no-repeat;background-position: top 25px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;position: absolute;top: 0px;right: -30px;}
	#voice .frame .btn:hover{background-position: top 25px right 0px;}
	#voice .frame .btn:hover img{opacity: 1;}
	
  /* modelhouse -------------------------------------*/
	#modelhouse{margin-bottom: 5%;}
	
  /* event -------------------------------------*/
	#event{ padding: 20% 5% 35%; }
	#event h2{ width: 60%;margin: 0 auto 12%;text-align: center; font-size: 2em; font-weight: bold; }
	#event .system-list{ width: 100%; margin: 0 auto 10px; }
	#event .system-list li{ width: 100%; margin-right: 4%; background: #fff; margin-bottom: 50px; overflow: hidden;}
	#event .system-list li:nth-child(2n){ margin-right: 0;}
	#event .system-list li a:hover{ text-decoration: none; }
	#event .system-pic{ width: 35%; height: 25vw; overflow: hidden; float: left;}
	#event .system-pic img{ width: 210px; height: 25vw;margin: 0 auto;display: block;}
	#event .info{width: 62%;float: right;}
	#event .info .end{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.8em;line-height: 30px; letter-spacing: 1px;color: #fff;text-align: center;background-color: #617087;padding: 3px 0 1px;margin-bottom: 12px;display: initial;padding: 2% 8% 1%;}
	#event .info .bosyuu{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.8em;line-height: 30px; letter-spacing: 1px;color: #fff;text-align: center;background-color: #ae8359;padding: 3px 0 1px;margin-bottom: 12px;display: initial;padding: 2% 8% 1%;}
	#event .info .system-ttl-01{ font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.9em; font-weight: bold;line-height: 26px; letter-spacing: 2px; margin-bottom: 10px; border-bottom: 1px dotted #000;padding-bottom: 10px;}
	#event .info table tr.day{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;line-height: 30px; letter-spacing: 1px;border-bottom: 8px solid #fff;}
	#event .info table tr.day th{width: 40px; font-size: 0.8em;color: #fff;text-align: center; background-color: #77787a;}
	#event .info table tr.day td{width: 230px;font-size: 1.0em;padding-left: 8px;}
	#event .info table tr.address{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 14px;line-height: 30px; letter-spacing: 1px;}
	#event .info table tr.address th{width: 20%; font-size: 0.8em;color: #fff;text-align: center;background-color: #77787a;}
	#event .info table tr.address td{width: 80%;font-size: 1.0em;padding-left: 8px;}
	#event .btn{width: 90%;margin: 0 auto;text-align: center;background-image: url("../images/index/event_btn.png");background-repeat: no-repeat;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 16px;line-height: 30px;letter-spacing: 2px;color: #fff;}
	
  /* about -------------------------------------*/
	#about{margin-bottom: 20%;}
	#about h2{margin: 0 auto;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.0em;letter-spacing: 4px;line-height: 2.2em;text-align: center;color: #3a3e46;margin-bottom: 15%;}
	#about h2 img{margin-bottom: 2%;}
	#about .frame{width: 100%;margin: 0 auto;}
	
	#about .frame #topics{width: 90%;margin: 0 auto 20%;position: relative;}
	#about .frame #topics .inner-Box h3{padding-left: 10px; padding-bottom: 30px; margin-bottom: 10px;border-bottom: 1px solid #000;}
	#about .frame #topics .inner-Box h3 img{width: 30%;}
	#about .frame #topics .inner-Box ul{padding-top: 3%;}
	#about .frame #topics .inner-Box ul li{border-bottom: 1px dotted #000;padding-bottom: 3%;margin-bottom: 5%;}
	#about .frame #topics .inner-Box ul li:nth-child(n + 4){display: none;}
	#about .frame #topics .inner-Box ul li .system-date{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.9em;letter-spacing: 1px;line-height: 24px;color: #ae8359;margin-bottom: 2%;}
	#about .frame #topics .inner-Box ul li .system-date:before{content: "■";}
	#about .frame #topics .inner-Box ul li h4{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.9em;letter-spacing: 1px;line-height: 1.6em;color: #3a3e46;margin-bottom: 2%;}
	#about .frame #topics .btn{width: 150px; background-image: url("../images/index/about_icon.png");background-repeat: no-repeat;background-position: top 16px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;position: absolute;top: -10px;right: -30px;}
	#about .frame #topics .btn:hover{background-position: top 16px right 0px;}
	#about .frame #topics .btn:hover img{opacity: 1;}
	
  /* blog -------------------------------------*/
	#about .frame #blog{width: 90%;margin: 0 auto 20%;position: relative;}
	#about .frame #blog .inner-Box h3{padding-left: 10px; padding-bottom: 30px; margin-bottom: 10px;border-bottom: 1px solid #000;}
	#about .frame #blog .inner-Box h3 img{width: 30%;}
	#about .frame #blog .inner-Box ul{padding-top: 3%;}
	#about .frame #blog .inner-Box ul li{border-bottom: 1px dotted #000;padding-bottom: 10px;margin-bottom: 30px;padding-left: 5px;overflow: hidden;}
	#about .frame #blog .inner-Box ul li:nth-child(n + 4){display: none;}
	#about .frame #blog .inner-Box ul li .pic{width: 30%;height: 20vw;float: left;}
	#about .frame #blog .inner-Box ul li .pic img{width: 100%;height: 20vw;}
	#about .frame #blog .inner-Box ul li .info{width: 65%;float: right;}
	#about .frame #blog .inner-Box ul li .info .system-date{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.9em;letter-spacing: 1px;line-height: 24px;color: #ae8359;margin-bottom: 6px;}
	#about .frame #blog .inner-Box ul li .info .system-date:before{content: "■";}
	#about .frame #blog .inner-Box ul li .info h4{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.0em;letter-spacing: 1px;line-height: 24px;color: #3a3e46;}
	#about .frame #blog .btn{width: 150px; background-image: url("../images/index/about_icon.png");background-repeat: no-repeat;background-position: top 16px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;position: absolute;top: -10px;right: -30px;}
	#about .frame #blog .btn:hover{background-position: top 16px right 0px;}
	#about .frame #blog .btn:hover img{opacity: 1;}
	
  /* media -------------------------------------*/
	#about .frame #media{width: 90%;margin: 0 auto 20%;position: relative;}
	#about .frame #media .inner-Box h3{padding-left: 10px; padding-bottom: 30px; margin-bottom: 10px;border-bottom: 1px solid #000;}
	#about .frame #media .inner-Box h3 img{width: 30%;}
	#about .frame #media .inner-Box ul{padding-top: 3%;}
	#about .frame #media .inner-Box ul li{border-bottom: 1px dotted #000;padding-bottom: 10px;margin-bottom: 30px;padding-left: 5px;overflow: hidden;}
	#about .frame #media .inner-Box ul li:nth-child(n + 4){display: none;}
	#about .frame #media .inner-Box ul li .pic{width: 30%;height: 20vw;float: left;}
	#about .frame #media .inner-Box ul li .pic img{width: 100%;height: 20vw;}
	#about .frame #media .inner-Box ul li .info{width: 65%;float: right;}
	#about .frame #media .inner-Box ul li .info .system-date{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 0.9em;letter-spacing: 1px;line-height: 24px;color: #ae8359;margin-bottom: 6px;}
	#about .frame #media .inner-Box ul li .info .system-date:before{content: "■";}
	#about .frame #media .inner-Box ul li .info h4{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 1.0em;letter-spacing: 1px;line-height: 24px;color: #3a3e46;}
	#about .frame #media .btn{width: 150px; background-image: url("../images/index/about_icon.png");background-repeat: no-repeat;background-position: top 16px right 20px;-webkit-transition: 0.3s ease-out;transition: 0.3s ease-out;position: absolute;top: -10px;right: -30px;}
	#about .frame #media .btn:hover{background-position: top 16px right 0px;}
	#about .frame #media .btn:hover img{opacity: 1;}
	
  /* menu -------------------------------------*/
	#menu{}
	#menu ul{display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;background-color: #ebebeb;}
	#menu ul li{width: 50%;}
	
  /* message -------------------------------------*/
	#message{width: 100%; background-image: url("../images/index/message_bg_sp.jpg");background-repeat: no-repeat;background-position: bottom center;background-size: 100%;padding-top: 10%;}
	#message .frame{width: 94%;margin: 0 auto;padding-bottom: 55vw;}
	#message .frame h2{margin-bottom: 32px;}
	#message .frame .text{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-size: 12px;letter-spacing: 1px;line-height: 20px;color: #3a3e47;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	




}
@media screen and (max-width: 380px) {
  #case .system-list .system-pic { height: 120px; }
  #case .system-list .system-pic img { height: 120px; }
  #casetax-catego .system-list .system-pic { height: 120px; }
  #casetax-catego .system-list .system-pic img { height: 120px; }
  #casetax-reform .system-list .system-pic { height: 120px; }
  #casetax-reform .system-list .system-pic img { height: 120px; }
  #voice .system-list .system-pic { height: 120px; }
  #voice .system-list .system-pic img { height: 120px; }
}
@media screen and (max-width: 321px) {
  #case .system-list .system-pic { height: 100px; }
  #case .system-list .system-pic img { height: 100px; }
  #casetax-catego .system-list .system-pic { height: 100px; }
  #casetax-catego .system-list .system-pic img { height: 100px; }
  #casetax-reform .system-list .system-pic { height: 100px; }
  #casetax-reform .system-list .system-pic img { height: 100px; }
  #voice .system-list .system-pic { height: 100px; }
  #voice .system-list .system-pic img { height: 100px; }
}