@charset "UTF-8";

#works .icon10{ background: #a11100 !important; }

@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/
.sliderArea{width: 100%;max-width: 1720px;margin: 0 auto 0px;position: relative;}
.variable{width: 100%;max-width: 1720px;padding: 0 60px;margin: 0 auto;position: relative;}
.variable li img{ width: 100%; }
.sliderArea .icon{position: absolute;bottom: -94px;right: 35px;}
.variable .slick-dots{position: absolute;bottom: 346px;right: 5px;z-index: 9999;width: 40px;}

    .sliderArea .slick-dots{}
    .sliderArea .slick-dots li button:before{width: 10px;height: 10px;background-color:#f2f2f2;border-radius: 5px; opacity: 1;font-size: 0;}
    .sliderArea .slick-dots li.slick-active button:before{background-color: #0A5432;}
  
.side-fix { display: none;}

/* topics -------------------------------------*/
#topics{width: 1200px;margin: 0px auto 120px;padding: 56px 66px 85px 68px;background-color: #fff;box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
#topics h2{float: left;margin-right: 52px;}
#topics .btn{float: right;}
#topics .btn a{  }
#topics .inner-Box{ }
#topics .system-list{overflow: hidden;float: left;}
#topics .system-list li{width: 800px;overflow: hidden;position: relative;padding: 3px;}
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-date{font-size: 14px;float: left;margin-right: 35px;letter-spacing: 0.7px;}
#topics .system-date::before{ content: "▶︎ "; }
#topics .system-ttl{font-size: 14px;line-height: 1.4;padding-top: 3px;}

#con01{width: 100%;max-width: 1500px;padding: 0 60px;margin: 80px auto 95px;}
#con01 .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; }
#con01 .list li{width: 48.2%;margin-right: 3.6%;}
#con01 .list li:nth-child(2){ margin-right: 0; }
#con01 .list li img{width: 100%;margin-bottom: 13px;}
#con01 .list li .txt{ text-align: center; font-size: 16px; line-height: 32px; letter-spacing: 0.8px; }

#award{width: 100%;max-width: 1920px;margin: 0 auto;padding: 65px 0 400px;background: url(../images/index/con02-bg01.jpg) no-repeat center top;}
#award .ttl{text-align: center;margin-bottom: 27px;}
#award .inner-Box{}
#award .system-list{width: 90%;max-width: 1550px;margin: 0 auto 40px;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;}
#award .system-list li{width: 32%;max-width: 500px;margin-right: 2%;}
#award .system-list li:nth-child(3){ margin-right: 0px; }
#award .system-list li .system-pic{width: 100%;}
#award .system-list li img{ width: 100%; height: 100%; max-height: 375px; }
#award .btn{ text-align: center; }

#con03{width: 100%;max-width: 1640px;margin: -320px auto 80px; padding: 0 80px; background: url(../images/index/con03-bg01.png) no-repeat center top;position: relative;}
#con03 .inner-Box{ width: 100%; max-width: 1400px;margin: 0 auto;padding: 96px 0 142px;position: relative;}
#con03 .ttl{text-align: center;margin-bottom: 0px;position: relative;left: 10px;}
#con03 .ttl1{text-align: right;margin-bottom: 17px;}
#con03 .variable2{margin-bottom: 20px;}
#con03 .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; }
#con03 .list li{ width: 690px; margin-right: 20px; margin-bottom: 20px; border-left: 8px solid #6D877B; background-color: #fff; padding: 30px 30px 30px 22px; position: relative; overflow: hidden; }
#con03 .list li:nth-child(2n){ margin-right: 0; }
#con03 .list li::before{content: url(../images/index/con03-arrow01.png);position: absolute;top: 130px;right: 20px;}
#con03 .list li .pic{ float: left; margin-right: 30px; }
#con03 .list li .txt-box{width: 290px;float: left;padding: 26px 0;}
#con03 .list li .txt-box h4{font-size: 22px;font-weight: 700;line-height: 32px;letter-spacing: 0;padding-bottom: 10px;margin-bottom: 18px;border-bottom: 1px solid #000;}
#con03 .list li .txt-box p{ font-size: 16px; line-height: 30px; letter-spacing: 0.8px; }
#con03 .list li:hover{ box-shadow: 6px 7px 14px rgba(0, 0, 0, 0.2); transform: translateY(-5px); cursor: pointer; }
    
    #con03 .slick-dots{bottom: 5px;left: 5px;}
    #con03 .slick-dots li button:before{width: 10px;height: 10px;background-color:#f2f2f2;border-radius: 5px; opacity: 1;font-size: 0;}
    #con03 .slick-dots li.slick-active button:before{background-color: #0A5432;}

#con04{width: 100%;max-width: 1600px;margin: -172px auto 90px; padding: 0 100px; position: relative;}
#con04 .list{ display: flex; justify-content: space-between; }
#con04 .list li{ text-align: center; margin-right: 20px; }
#con04 .list li:nth-child(2){ margin-right: 0; }
#con04 .list li img{width: 100%;margin-bottom: 16px;}
#con04 .list li p{ font-size: 16px; line-height: 28px; letter-spacing: 0.8px; }

/* works -------------------------------------*/
#works{width: 100%;max-width: 1920px;margin: 0 auto 50px;padding: 48px 0px 100px;position: relative;background: url(../images/index/works-bg01.jpg) repeat center top;}
#works h2{width: 312px;margin: 0 auto;text-align: center;position: relative;margin-bottom: 30.2px;z-index: 1;}
#works h2::before{content: url(../images/index/works-icon01.png);position: absolute;top: -21px;left: -116px;z-index: -1;}
#works #plan-tabbox{width: 100%;margin: 0 auto 46px;/* 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{width: 1100px;margin: 0 auto 26px;padding: 30px 25px 15px 29px;position: relative;}
#works #plan-tabbox .tab_area::before{content: url(../images/index/works-ttl02.png);position: absolute;top: 37px;left: 55px;}
#works #plan-tabbox .tab_area .icon{ position: absolute; top: 0;left: 0; }
#works #plan-tabbox .tab_area h3{margin-bottom: 30px;}
#works #plan-tabbox .tab_area label{position: relative;display: inline-block;background-color: #fff;font-size: 14px;padding: 6px 35px;margin-right: 5px;margin-bottom: 12px; border: 1px solid #EDEDEA;border-radius: 20px;list-style: kannada;letter-spacing: 0.7px;}
#works #plan-tabbox .tab_area label:hover{opacity:0.5;}
#works #plan-tabbox .tab_area label:nth-child(1)::before{ content: ''; margin-right: 0; }
    #works #plan-tabbox .tab_area label:last-child{margin-right: 0;}
#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{margin: 0 auto;}
#works #plan-tabbox .tab_pane0l{width:100%;display:none;}
#works #plan-tabbox .tab_pane0l ul{background: none;margin-bottom: -39px;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 .system-list{ width: 100%; max-width: 1660px; margin: 0 auto; padding: 0 100px!important; }
#works #plan-tabbox .tab_pane0l ul li a .system-pic{width: 100%;height: 180px;overflow: hidden;text-align: center;margin-bottom: 15px;}
#works #plan-tabbox .tab_pane0l ul li a .system-pic img{width: 100%;height: 180px;}
#works #plan-tabbox .tab_pane0l ul li a h3{text-decoration: none;}
#works #plan-tabbox .tab_pane0l ul li a:hover{text-decoration: none;}
#works #plan-tabbox .tab_pane0l p{ margin-bottom: 6px;}
#works #plan-tabbox #tab01:checked ~ .panel_area #works01{display:block;overflow: hidden;}
#works #plan-tabbox #tab02:checked ~ .panel_area #works02{display:block;overflow: hidden;}
#works #plan-tabbox #tab03:checked ~ .panel_area #works03{display:block;overflow: hidden;}
#works #plan-tabbox #tab04:checked ~ .panel_area #works04{display:block;overflow: hidden;}
#works #plan-tabbox #tab05:checked ~ .panel_area #works05{display:block;overflow: hidden;}
#works #plan-tabbox #tab06:checked ~ .panel_area #works06{display:block;overflow: hidden;}
#works #plan-tabbox #tab07:checked ~ .panel_area #works07{display:block;overflow: hidden;}
#works #plan-tabbox #tab08:checked ~ .panel_area #works08{display:block;overflow: hidden;}
#works .actv{ color: #fff!important; background: #1A1A1A!important; }

#works .btn{ text-align: center; }
#works .system-list li{line-height: 1.4;width: 22.8%;margin-right: 2.7%;position: relative;margin-bottom: 42px; padding-bottom: 15px!important;}
#works .system-list li:nth-child(4n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-pic{width: 100%;height: 240px!important;overflow: hidden;text-align: center;margin-bottom: 15px;}
#works .system-pic img{width: 100%;height: 240px!important;}
#works .system-date{font-size: 14px;margin-bottom: 1px;line-height: 32px;letter-spacing: 0.7px;color: #666666;}
#works .system-date::before{}
#works .system-ttl-01{font-size: 18px;line-height: 28px;letter-spacing: 0.9px;font-weight: 700;}
#works .system-category-set {margin-bottom: 10px; }
#works .system-category{border-radius: 20px;margin-bottom: -3px;font-size: 14px;font-weight: 400;line-height: 24px;letter-spacing: 0.7px;color: #fff;text-align: center;padding: 3px 19px;background-color: #DDDDDD;display: inline-block;}
#works .icon01{ background: #37785a; }
#works .icon07{ background: #be5a02; }
#works .icon03{ background: #295071; }
#works .icon04{ background: #AB9F73; }
#works .icon05{ background: #FFCC00; color: #000!important; }
#works .icon06{ background: #000; }
	
	
	#workreform{background-image: url("../images/index/reform-bg01.png");background-repeat: no-repeat;background-position: top center;padding:80px 0 60px;}
	#workreform .inner-Box{width: 1010px;margin: 0 auto;}
	#workreform .inner-Box h2.ttl{width: 593px;margin: 0 auto 60px;}
	#workreform .inner-Box ul.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;margin-bottom: 60px;}
	#workreform .inner-Box ul.system-list li{width: 310px;margin-right: 40px;background-color: #0A5432;position: relative;padding-bottom: 35px;}
	#workreform .inner-Box ul.system-list li:nth-child(3){margin-right: 0;}
	#workreform .inner-Box ul.system-list li:before{content: url("../images/index/reform-icon01.png");position: absolute;bottom: 20px;right: 20px;}
	#workreform .inner-Box ul.system-list li .system-pic{width: 310px;height: 210px;margin-bottom: 10px;}
	#workreform .inner-Box ul.system-list li .system-pic img{width: 310px;height: 210px;}
	#workreform .inner-Box ul.system-list li .system-date{color: #fff; font-size: 16px;font-weight: bold;margin-left: 25px;}
	#workreform .inner-Box ul.system-list li .system-ttl-01{color: #fff; font-size: 14px;margin-left: 25px;}
	#workreform .inner-Box ul.system-list li a:hover{text-decoration: none;}
	#workreform .inner-Box .btn{width: 200px;margin: 0 auto;}
	
	
	
	
	
	

#end-contact{padding-bottom: 180px;background: url(../images/common/end-bg01.jpg) repeat-y center top;}

#con05{width: 100%;max-width: 1920px;margin: -50px auto 0;background: url(../images/index/con05-bg01.png) no-repeat center top;position: relative;overflow: visible;}
#con05 .inner-Box{width: 1500px;margin: 0 auto;position: relative;height: 1410px;overflow: visible;}
#con05 .txt-box{position: -webkit-sticky;position: sticky;top: 0;left: 0;padding: 290px 0 290px 0;}
#con05 .txt-box .ttl{margin-bottom: 33px;}
#con05 .txt-box .txt{font-size: 16px;line-height: 32px;letter-spacing: 0.8px;margin-bottom: 55px;}
#con05 .list{position: absolute;width: 788px;right: 0;top: 140px;}
#con05 .list li{ margin-bottom: 17px; }

#con06{ width: 100%; max-width: 1920px; margin: -31px auto 0; background: url(../images/index/con06-bg01.jpg) no-repeat center top; }
#con06 .inner-Box{width: 1586px;margin: 0 auto;padding: 105px 100px 51px;position: relative;}
#con06 .ttl{ float: left; margin-right: 50px; }
#con06 .pic{position: absolute;top: -83px;right: 99px; z-index: 99;}
#con06 .txt-box{ width: 652px; float: left; }
#con06 .txt-box h3{color: #fff;background-color: #000;border-radius: 50px;display: inline-block;padding: 4px 40px;font-size: 18px;font-weight: 700;line-height: 29px;letter-spacing: 1.8px;margin-bottom: 11px;}
#con06 .txt-box .txt{ font-size: 16px; font-weight: 400; line-height: 26px; letter-spacing: 0.8px; margin-bottom: 30px; }

#con07{width: 100%;max-width: 1920px;margin: 0 auto;padding: 112px 0 90px;background: url(../images/index/con07-bg01.jpg) no-repeat center top; position: relative;}
#con07 .ttl{text-align: center;margin-bottom: 76px;}
#con07 .list{width: 100%;max-width: 1440px;margin: 0 auto;padding-bottom: 69px;box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);background: url(../images/index/con07-bg02.jpg) no-repeat center bottom;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;}
#con07 .list li{ width: 320px; margin-right: 110px; }
#con07 .list li:nth-child(1){margin-left: 125px;}
#con07 .list li:nth-child(3){ width: 320px; margin-right: 0px; }
#con07 .list li img{margin-bottom: 0px; width: 100%;}
#con07 .list li .txt{text-align: center;font-size: 16px;line-height: 24px;letter-spacing: 0.8px;}

.bg-area{width: 100%;max-width: 1920px;margin: -308px auto 0;padding: 379px 0 280px;background: url(../images/index/con08-bg01.jpg) repeat-y center top;}

#voice{ width: 100%; margin: 0 auto 40px; padding: 110px 0; }
#voice h2{text-align: center;margin-bottom: 50px;}
#voice .btn{position: absolute;top: 69px;right: 0;}
#voice .inner-Box{ width: 1140px; margin: 0 auto; position: relative; }
#voice .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 .system-list li{line-height: 1.4;width: 32%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 20px;padding: 25px 25px 35px;}
#voice .system-list li:nth-child(3n){ margin-right: 0}
#voice .system-list li a:hover{ text-decoration: none; }
#voice .system-list .li-btn{position: absolute;bottom: 24px;right: 25px;}
#voice .system-pic{ width: 100%; height: 210px; overflow: hidden; text-align: center; }
#voice .system-pic img{ width: auto; height: 100%; }
#voice .system-name{font-size: 14px;margin-bottom: 19px;line-height: 1.4;background-color: #000;color: #fff;padding: 10px 12px;}
#voice .system-ttl-01{font-size: 1em;margin-bottom: 20px;line-height: 1.6;letter-spacing: 0.8px;}

#con08{ width: 1480px; margin: 0 auto; }
#con08 .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; }
#con08 .list li{ width: 737px; margin-right: 6px; margin-bottom: 6px; }
#con08 .list li:nth-child(2n){ margin-right: 0; }

#con09{width: 100%;max-width: 1920px;margin: -150px auto 101px;background: url(../images/index/con09-bg01.png) no-repeat center top;}
#con09 .inner-Box{width: 1100px;margin: 0 auto;padding: 104px 0 126px;}
#con09 .ttl{text-align: center;margin-bottom: 95px;position: relative;}
#con09 .ttl::before{content: '';display: inline-block;width: 1px;height: 40px;background-color: #000;position: absolute;bottom: -63px;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}
#con09 .ttl1{text-align: center;font-size: 30px;font-weight: 700;line-height: 36px;letter-spacing: 4.8px;margin-bottom: 35px;}
#con09 .txt{text-align: center;font-size: 14px;line-height: 28px;letter-spacing: 0.7px;margin-bottom: 66px;}
#con09 .btn{ text-align: center; }
  
#blog{width: 1100px;margin: 0 auto 61px;}
#blog h2{margin-bottom: 60px;}
#blog .btn{position: absolute;top: 3px;right: 0;}
#blog .inner-Box{ position: relative; }
#blog .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; }
#blog .system-list li{ width: 530px; margin-right: 40px; overflow: hidden; border-bottom: 1px dotted #6D877B; margin-bottom: 30px; padding-bottom: 18px; }
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-list li:nth-child(2n){ margin-right: 0; }
#blog .system-pic{width: 22.6%;margin-right: 2.4%;height: 80px;overflow: hidden;text-align: center;float: left;}
#blog .system-pic img{ width: 100%; height: auto; }
#blog .system-date{font-size: 14px;line-height: 32px;letter-spacing: 0.7px;margin-bottom: 4px;}
#blog .system-ttl{ font-size: 16px; line-height: 32px; letter-spacing: 0.8px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }

#drawing{width: 100%;max-width: 1920px;margin: 0 auto 58px;padding: 74px 0 80px;background: url(../images/index/drawing-bg01.jpg) no-repeat center top;}
#drawing h2{text-align: center;margin-bottom: 71px;}
#drawing .btn{ text-align: center; }
#drawing .inner-Box{ position: relative; }
#drawing .system-list{width: 1460px;margin: 0 auto 59px;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;}
#drawing .system-list li{width: 335px;margin-right: 40px;position: relative;padding: 0 0 35px;}
#drawing .system-list li:nth-child(4n){ margin-right: 0}
#drawing .system-list li a:hover{ text-decoration: none; }
#drawing .system-pic{width: 100%;height: 240px;overflow: hidden;text-align: center;margin-bottom: 10px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
#drawing .system-pic img{ width: 100%; height: 100%; }
#drawing .system-ttl-01{font-size: 16px; font-weight: 700; line-height: 28px; letter-spacing: 0.8px;}

#sns-box{width: 1040px;margin: 0 auto 91px;padding: 90px 0 80px;background: url(../images/index/sns-bg01.png) no-repeat center top;}
#sns-box .ttl{margin-bottom: 46px;text-align: center;}
#sns-box .list{ width: 680px; 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;-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin: 0 auto;}
#sns-box .list li{ margin-bottom: 30px;}
  
	#maker{padding: 120px 0 0;}
	#maker h2{width: 530px;margin: 0 auto 80px;}
	#maker ul{width: 1200px;margin: 0 auto;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;-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;}
	#maker ul li{margin-bottom: 40px;}
	
}

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

#bx-sra {}
.sliderArea{ position: relative; }
.sliderArea .icon{position: absolute;bottom: -42.005vw;right: -18.3vw;width: 95%;}
.sp-slider .slick-dots{position: absolute;bottom: -8.175vw;left: -29.992vw;z-index: 9999;}
.sp-slider .slick-dots li{display: inline-block;width: 3vw;height: 3vw;margin: 0 0.9vw;}
    
    .sliderArea .slick-dots{}
    .sliderArea .slick-dots li button:before{font-size: 0; width: 2.5vw;height: 2.5vw;background-color: #f2f2f2;border-radius: 2.5vw;opacity: 1;}
    .sliderArea .slick-dots li.slick-active button:before{background-color: #0A5432!important;}


#topics{margin: 15vw 4.1vw 15vw;padding: 9.8vw 4vw 9.6vw;background-color: #fff;box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
#topics h2{
    padding: 0 54vw 0 4vw;
    margin-bottom: 2.7vw;
}
#topics .btn{padding: 0 3.7vw 0 60.8vw;}
#topics .btn a{  }
#topics .inner-Box{ }
#topics .system-list{padding-left: 2.7vw;margin-bottom: 4vw;}
#topics .system-list li{overflow: hidden;position: relative;padding: 0.725vw;}
#topics .system-list li a:hover{ text-decoration: none; }
#topics .system-date{font-size: 3.382vw;letter-spacing: 0.169vw;}
#topics .system-date::before{ content: "▶︎ "; }
#topics .system-ttl{font-size: 3.382vw;line-height: 1.4;letter-spacing: 0.242vw;padding-top: 0.1vw;}

#con01{padding: 0 0vw 0 0;margin: 34vw auto 18.3vw;}
#con01 .list{  }
#con01 .list li{margin-bottom: 6.5vw;padding: 0 0vw 0 4vw;}
#con01 .list li .txt{font-size: 3.865vw;line-height: 1.7;letter-spacing: 0.193vw;padding: 0 4.6vw;}

#award{margin: 0 auto;padding: 13.1vw 0 96.618vw;background: url(../images/index/sp-con02-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#award .ttl{text-align: center;padding: 0 20.5vw 0 21.5vw;margin-bottom: 9.722vw;}
#award .inner-Box{ margin: 0 auto; }
#award .system-list{margin: 0 auto 10.3vw;}
#award .system-list li{margin: 0 8px;}
#award .system-list li .system-pic{}
#award .system-list li img{  }
#award .btn{text-align: center;padding: 0 11.2vw;}
#award .slide-arrow{ width: 6%; }
#award .prev-arrow{ position: absolute; top: 21.486vw; left: 0; z-index: 99; }
#award .next-arrow{position: absolute;top: 21.486vw;right: 0;z-index: 99;}

#con03{margin: -79.6vw 4vw 5.7vw;background: url(../images/index/sp-con03-bg01.png) no-repeat center top;background-size: 100% auto;position: relative;}
#con03 .inner-Box{margin: 0 auto;padding: 19.988vw 0 8vw;position: relative;}
#con03 .ttl{text-align: center;margin-bottom: 13.5vw;padding: 0 6.2vw 0 9vw;}
#con03 .ttl1{text-align: right;margin-bottom: 7.106vw;padding: 0 16.5vw 0 17.1vw;}
#con03 .sp-slider2{margin-bottom: 3.5vw;padding: 0 4vw;}
#con03 .list{margin: 0 4vw;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;}
#con03 .list li{margin-bottom: 2.7vw;border-left: 5px solid #6D877B;background-color: #fff;padding: 2.5vw 2vw 2vw 1.4vw;position: relative;overflow: hidden;}
#con03 .list li:nth-child(2n){ margin-right: 0; }
#con03 .list li::before{content: url(../images/index/con03-arrow01.png);position: absolute;top: 16.101vw;right: 1.831vw;}
#con03 .list li .pic{float: left;width: 39.2%;margin-right: 2.8vw;}
#con03 .list li .txt-box{width: 39.7vw;float: left;padding: 5.9vw 0;}
#con03 .list li:nth-child(2) .txt-box{width: 39.7vw;float: left;padding: 0.9vw 0;}
#con03 .list li:nth-child(3) .txt-box{width: 39.7vw;float: left;padding: 2.5vw 0;}
#con03 .list li:nth-child(4) .txt-box{width: 39.7vw;float: left;padding: 2.9vw 0;}
#con03 .list li:nth-child(6) .txt-box{width: 39.7vw;float: left;padding: 0.9vw 0;}
#con03 .list li .txt-box h4{font-size: 4vw;font-weight: 700;line-height: 1.4;letter-spacing: 0.342vw;padding-bottom: 2.715vw;margin-bottom: 0.848vw;border-bottom: 1px solid #000;}
#con03 .list li .txt-box p{font-size: 3.4vw;line-height: 1.5;letter-spacing: 0.142vw;}
#con03 .list li:hover{ box-shadow: 6px 7px 14px rgba(0, 0, 0, 0.2); transform: translateY(-5px); cursor: pointer; }

#con03  .slick-dots{width: 40%; 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;bottom: 0;left: 0;right: 0;margin: 0 auto;}
#con03  .slick-dots li button:before{font-size: 0; width: 2.5vw;height: 2.5vw;background-color: #f2f2f2;border-radius: 2.5vw;opacity: 1;}
#con03  .slick-dots li.slick-active button:before{background-color: #0A5432!important;}
    
#con04{margin: 0 auto 12vw;position: relative;}
#con04 .list{ margin: 0 4vw; }
#con04 .list li{margin-bottom: 6.2vw;}
#con04 .list li img{width: 100%;margin-bottom: 2.565vw;}
#con04 .list li p{font-size: 3.865vw;line-height: 6.763vw;letter-spacing: 0.193vw;padding: 0 0 0 4.2vw;}

#selectMenu{font-size: 3.6vw;text-align: center;line-height: 1.6;letter-spacing: 0.283vw;display: block;font-weight: 500;width: 77.5vw;padding: 1.5vw 5vw;margin: 0 8.7vw 1vw;color: #333;border-radius: 1vw;border: #333 solid 1px;}
/* works -------------------------------------*/
#works{margin: 0 auto;padding: 7.6vw 3vw 17.2vw;position: relative;background: url(../images/index/works-bg01.jpg) repeat center top;background-size: 100% auto;}
#works h2{margin: 0 0vw 6vw;padding: 0 20vw;text-align: center;position: relative;}
#works #plan-tabbox{width: 100%;margin: 0 auto 2vw;}
#works #plan-tabbox .select-box__item {-webkit-appearance: none;appearance: none; }
#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;padding: 0vw 0 0vw;margin-bottom: 9.6vw;}
#works #plan-tabbox .tab_area::before{content: '▼';position: absolute;top: 1.9vw;right: 10.6vw;}
#works #plan-tabbox .tab_area .icon{ position: absolute; top: 0;left: 0; }
#works #plan-tabbox .tab_area h3{margin-bottom: 30px;}
#works #plan-tabbox .tab_area label:nth-child(even){ margin-right: 0; }
#works #plan-tabbox .tab_area label:nth-of-type(1){ margin-right: 0; width: 100%; }
#works #plan-tabbox .tab_area label:hover{opacity:0.5;}
#works #plan-tabbox .tab_area label::before{content: ''; display: inline-block; width: 5px; height: 15px; margin-right: 10px; position: relative; top: 2.5px; }  
#works #plan-tabbox .tab_area label::after{ content: '>'; position: absolute; top: 10px; right: 15px; }
#works #plan-tabbox .tab_area .btn{width: 20.531vw; margin-top: 6.039vw;margin-bottom: 6.039vw; 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{width: 100%; max-width: 181.159vw; margin: 0 auto;}
#works #plan-tabbox .tab_pane0l{width:100%;display:none;}
#works #plan-tabbox .tab_pane0l ul{background: none;margin: 0 1vw;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 .system-list{ padding: 0!important; }
#works #plan-tabbox .tab_pane0l ul li{width: 49%;margin-right: 2%;margin-bottom: 6vw;padding-bottom: 2vw;background-color: #fff;}
#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 a .system-pic{width: 100%;height: 34vw;overflow: hidden;text-align: center;}
#works #plan-tabbox .tab_pane0l ul li a .system-pic img{width: 100%;height: 34vw;}
#works #plan-tabbox .tab_pane0l ul li a h3{font-size: 3.6vw;text-decoration: none; letter-spacing: 0.2vw;}
#works #plan-tabbox .tab_pane0l ul li a:hover{text-decoration: none;}
#works #plan-tabbox .tab_pane0l p{font-size:3.4vw; letter-spacing:0.2vw;}
#works #plan-tabbox #tab01:checked ~ .panel_area #works01{display:block;overflow: hidden;}
#works #plan-tabbox #tab02:checked ~ .panel_area #works02{display:block;overflow: hidden;}
#works #plan-tabbox #tab03:checked ~ .panel_area #works03{display:block;overflow: hidden;}
#works #plan-tabbox #tab04:checked ~ .panel_area #works04{display:block;overflow: hidden;}
#works #plan-tabbox #tab05:checked ~ .panel_area #works05{display:block;overflow: hidden;}
#works #plan-tabbox #tab06:checked ~ .panel_area #works06{display:block;overflow: hidden;}
#works #plan-tabbox #tab07:checked ~ .panel_area #works07{display:block;overflow: hidden;}
#works #plan-tabbox #tab08:checked ~ .panel_area #works08{display:block;overflow: hidden;}
#works .system-date{font-size: 3.4vw;line-height: 1.4;padding: 0 2.5vw 0vw;}
#works .system-ttl-01{font-size: 3.6vw;margin-bottom: 4vw;line-height: 1.4;padding: 0vw 2.5vw 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#works .system-category-set {margin-bottom: 3vw;}
#works .system-category{margin-bottom: 2vw;font-size: 3.4vw;font-weight: bold;color: #fff;text-align: center;padding: 1vw;background-color: #ccc;}
#works .system-list{background: #F2F2F2;padding: 4vw 3vw;margin-bottom: 10%;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 .system-list li{position: relative;line-height: 1.4;width: 49%;margin-right: 2%;background: #fff;position: relative;margin-bottom: 5%;}
#works .system-list li:nth-child(2n){ margin-right: 0}
#works .system-list li a:hover{ text-decoration: none; }
#works .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#works .system-list .btn::after { content: ' >';}
#works .system-pic{width: 100%;height: 32vw!important;overflow: hidden;text-align: center;margin-bottom: 1.2vw;}
#works .system-pic img{width: 100%;height: 32vw!important;}
#works .system-date{font-size: 3.382vw;margin-bottom: 0;line-height: 7.729vw;letter-spacing: 0.169vw;color: #666666;}
#works .system-date::before{}
#works .system-ttl-01{font-size: 4.348vw;line-height: 6.763vw;letter-spacing: 0.217vw;font-weight: 700;}
#works .system-category-set {margin-bottom: 0;}
#works .system-category{border-radius: 4.831vw; margin: 0vw auto 1.5vw; text-align: center; font-size: 3.2vw!important;line-height: 1.6;letter-spacing: 0.242vw;color: #fff;text-align: center;padding: 0.725vw 3.2vw;background-color: #DDDDDD;display: inline-block;}
#works .icon01{ background: #37785a; }
#works .icon07{ background: #be5a02; }
#works .icon03{ background: #295071; }
#works .icon04{ background: #AB9F73; }
#works .icon05{ background: #FFCC00; color: #000!important; }
#works .icon06{ background: #000; }
#works .btn{text-align: center;padding: 0 8.3vw;}
#works .actv{ color: #fff!important; background: #1A1A1A!important; }

#con05{margin: -5vw auto 0;padding: 0vw 4vw 14vw;background: url(../images/index/sp-con05-bg01.jpg) no-repeat center top 5vw;position: relative;background-size: 100% auto;}
#con05 .inner-Box{  }
#con05 .txt-box{padding: 16vw 4vw 5vw 4vw;background: url(../images/index/sp-con05-bg02.jpg) no-repeat center top;background-size: 100% auto;}
#con05 .txt-box .ttl{margin-bottom: 2.571vw;padding: 0 12vw;}
#con05 .txt-box .txt{font-size: 3.865vw;line-height: 2;letter-spacing: 0.193vw;margin-bottom: 10.285vw;text-align: center;}
#con05 .list{padding: 5vw 4vw 5.5vw;}
#con05 .list li{margin-bottom: 2.3vw;}
#con05 .btn{padding: 0 7vw;}

#con06{margin: -3vw auto 0;padding-bottom: 4.4vw;background: url(../images/index/con06-bg01.jpg) repeat center top;}
#con06 .inner-Box{margin: 0 auto;padding: 18.062vw 0 3vw;position: relative;}
#con06 .ttl{padding: 1vw 56.5vw 1vw 4.4vw;margin-bottom: 63.4vw;}
#con06 .pic{position: absolute;top: 6.7vw;right: 1.9vw;width: 73%;}
#con06 .txt-box{  }
#con06 .txt-box h3{color: #fff;background-color: #000;border-radius: 12.077vw;padding: 0.866vw 9.662vw;font-size: 4.348vw;font-weight: 700;line-height: 7.005vw;letter-spacing: 0.435vw;margin: 0 8vw 2.257vw;text-align: center;}
#con06 .txt-box .txt{font-size: 3.865vw;font-weight: 400;line-height: 6.28vw;letter-spacing: 0.193vw;margin-bottom: 11.246vw;padding: 0 8vw;}

#con07{margin: 0 auto;padding: 14.853vw 0 21.739vw;background: url(../images/index/sp-con07-bg01.jpg) no-repeat center top,#EDEDEA;position: relative;background-size: 100% auto;}
#con07 .ttl{text-align: center;padding: 0 13.4vw;margin-bottom: 12.357vw;}
#con07 .list{margin: 0 4vw;padding: 7.5vw 6.6vw 3vw 4.2vw;box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);background-color: #FFFFFF;}
#con07 .list li{margin-bottom: 6.4vw;}
#con07 .list li:nth-child(2){margin-bottom: 8.9vw;}
#con07 .list li img{margin-bottom: 2.9vw;}
#con07 .list li .txt{text-align: center;font-size: 3.865vw;line-height: 5.797vw;letter-spacing: 0.193vw;position: relative;left: 3.623vw;}

	
#workreform{margin: 0 auto;padding: 3.3vw 0 21.8vw;background-image: url("../images/index/reform-bg01-sp.png");background-repeat: no-repeat;background-position: top center;background-size: 100%;padding: 13vw 0 13vw;}
#workreform .ttl{text-align: center;padding: 0 10.5vw 0 10.5vw;margin-bottom: 8vw;}
#workreform .inner-Box{ margin: 0 auto; }
#workreform .system-list{margin: 0 auto 12.8vw;}
#workreform .system-list li{margin: 0 15px;background-color: #0A5432;padding: 0 0 5vw; position: relative;}
#workreform .system-list li .system-pic{width: 100%; height: 50vw;margin-bottom: 3vw;}
#workreform .system-list li img{ width: 100%; height: 50vw; }
#workreform .system-name{font-size: 3.382vw;margin-bottom: 4.589vw;line-height: 1.4;letter-spacing: 0vw;background-color: #000;color: #fff;padding: 2.415vw 2.899vw;}
	#workreform .system-date{font-size: 3.8vw;font-weight: bold;color: #fff;margin-left: 5vw;}
	#workreform .system-ttl-01{font-size: 3.4vw;color: #fff; margin-bottom: 4.831vw;line-height: 1.6;letter-spacing: 0.193vw;margin-left: 5vw;}
#workreform .system-list li .li-btn{position: absolute;bottom: 3.6vw;right: 3.6vw;}
#workreform .slide-arrow{ width: 6%; }
#workreform .prev-arrow{ position: absolute; top: 36.486vw; left: 0; z-index: 99; }
#workreform .next-arrow{position: absolute;top: 36.486vw;right: 0;z-index: 99;}
#workreform .btn{padding: 0 11.3vw;}
	
	
#voice{margin: 0 auto;padding: 20vw 0 21.8vw;background-color: #EDEDEA;}
#voice .ttl{text-align: center;padding: 0 27.3vw 0 27.5vw;margin-bottom: 5.722vw;}
#voice .inner-Box{ margin: 0 auto; }
#voice .system-list{margin: 0 auto 12.8vw;}
#voice .system-list li{margin: 0 8px;background-color: #fff;padding: 4.4vw 4.3vw 6vw; position: relative;}
#voice .system-list li .system-pic{height: 50vw;}
#voice .system-list li img{ height: 100%; }
#voice .system-name{font-size: 3.382vw;margin-bottom: 4.589vw;line-height: 1.4;letter-spacing: 0vw;background-color: #000;color: #fff;padding: 2.415vw 2.899vw;}
#voice .system-ttl-01{font-size: 1em;margin-bottom: 4.831vw;line-height: 1.6;letter-spacing: 0.193vw;}
#voice .system-list li .li-btn{position: absolute;bottom: 3.6vw;right: 3.6vw;}
#voice .slide-arrow{ width: 6%; }
#voice .prev-arrow{ position: absolute; top: 36.486vw; left: 0; z-index: 99; }
#voice .next-arrow{position: absolute;top: 36.486vw;right: 0;z-index: 99;}
#voice .btn{padding: 0 11.3vw;}

#con08{margin: 0 auto;padding-bottom: 19.4vw;background-color: #EDEDEA;}
#con08 .list{margin: 0 6.6vw;}
#con08 .list li{margin-bottom: 10px;}
#con08 .list li:nth-child(2n){ margin-right: 0; }

#con09{margin: 0 auto 12vw;background: url(../images/index/sp-con09-bg01.jpg) no-repeat center top;}
#con09 .inner-Box{margin: 0 auto;padding: 19.121vw 0 19.435vw;}
#con09 .ttl{text-align: center;padding: 0 24vw;margin-bottom: 17.747vw;position: relative;}
#con09 .ttl::before{content: '';display: inline-block;width: 0.242vw;height: 7.662vw;background-color: #000;position: absolute;bottom: -13.217vw;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}
#con09 .ttl1{text-align: center;font-size: 5.9vw;font-weight: 700;line-height: 1.4;letter-spacing: 1.159vw;margin-bottom: 8.154vw;}
#con09 .txt{font-size: 3.382vw;line-height: 6.763vw;letter-spacing: 0.169vw;margin-bottom: 10.942vw;padding: 0 8vw;}
#con09 .btn{text-align: center;padding: 0 11.3vw;}

/* blog -------------------------------------*/
#blog{width: 100%;margin: 0 auto;padding: 5vw 4vw 21.2vw;}
#blog h2{text-align: center;padding: 0 23vw;margin-bottom: 10%;}
#blog .btn{text-align: center;padding: 0 7vw;}
#blog .inner-Box{ width: 100%; margin: 0 auto; }
#blog .system-list{margin-bottom: 11.8%;}
#blog .system-list li{width: 100%;background: #fff;overflow: hidden;position: relative;border-bottom: 1px dotted #ccc;margin-bottom: 5%;padding-bottom: 3%;}
#blog .system-list li a:hover{ text-decoration: none; }
#blog .system-list li:nth-child(n+7){ display: none; }
#blog .system-pic{width: 31.6%;margin-right: 2%;height: 19.3vw;overflow: hidden;text-align: center;float: left;}
#blog .system-pic img{ max-width: 100%; height: auto !important; }
#blog .system-txt {width: 65%;float: right;padding-top: 1.8vw;}
#blog .system-date{font-size: 3.2vw;margin-bottom: 4.9%;letter-spacing: 0.242vw;}
#blog .system-date::before{  }
#blog .system-ttl{width: 100%;font-size: 3.6vw;margin-bottom: 2%;line-height: 1.6;}
#blog .system-category{ width: 28%; font-size: 3.2vw; color: #fff; text-align: center; padding: 1vw; background-color: #111; width: 50%; margin-bottom: 3%;}
#blog .blog-icon01{ background: #111; }
#blog .blog-icon02{ background: #222; }
#blog .blog-icon03{ background: #333; }
#blog .blog-icon04{ background: #444; }
#blog .blog-icon05{ background: #555; }
#blog .blog-icon06{ background: #666; }
#blog .system-icon02{ padding: 1vw; background: #ccc; position: absolute; top: 3vw; left: 0; }

#drawing{margin: 0 auto 13vw;padding: 13vw 0 19vw;background: url(../images/index/sp-drawing-bg01.jpg) no-repeat center top;background-size: 100% auto;}
#drawing h2{text-align: center;padding: 0 17.6vw 0 18.4vw;margin-bottom: 7.35vw;}
#drawing .btn{ text-align: center; padding: 0 11.6vw; }
#drawing .inner-Box{ position: relative; }
#drawing .system-list{margin: 0 4vw 9vw;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;}
#drawing .system-list li{width: 49%;margin-right: 2%;position: relative;padding: 0 0 8.454vw;}
#drawing .system-list li:nth-child(2n){ margin-right: 0}
#drawing .system-list li a:hover{ text-decoration: none; }
#drawing .system-pic{width: 100%;height: 32vw;overflow: hidden;text-align: center;margin-bottom: 3.5vw;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);}
#drawing .system-pic img{ width: 100%; height: 100%; }
#drawing .system-ttl-01{font-size: 3.865vw; font-weight: 700; line-height: 6.763vw; letter-spacing: 0.193vw;}

#sns-box{margin: 0 auto 5.7vw;padding: 11.4vw 0 9vw;background: url(../images/index/sp-sns-bg01.png) no-repeat center top;background-size: 100% auto;}
#sns-box .ttl{margin-bottom: 8.111vw;padding: 0 8vw;text-align: center;}
#sns-box .list{margin: 0 8.1vw;}
#sns-box .list li{margin-bottom: 4.8vw;}

	#maker{padding: 15vw 0 15vw;}
	#maker h2{width: 75%;margin: 0 auto 10vw;}
	#maker ul{width: 90%;margin: 0 auto;}
	#maker ul li{margin-bottom: 5vw;}
	
}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
#con07 .list li{ width: 22.222vw; margin-right: 7.639vw; }
}

@media screen and (min-width: 1200px) and (max-width: 1640px) {

#con03 .list{ width: 85.366vw; margin: 0 auto; 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; }
#con03 .list li{ width: 42vw; margin-right: 1.22vw; margin-bottom: 1.22vw; border-left: 8px solid #6D877B; background-color: #fff; padding: 1.829vw 1.829vw 1.829vw 1.341vw; position: relative; overflow: hidden; }
#con03 .list li:nth-child(2n){ margin-right: 0; }
#con03 .list li::before{content: url(../images/index/con03-arrow01.png);position: absolute;top: 7.927vw;right: 1.22vw;}
#con03 .list li .pic{ float: left; margin-right: 1.829vw; width: 15.854vw; }
#con03 .list li .pic img{ width: 100%; }
#con03 .list li .txt-box{width: 17.683vw;float: left;padding: 1.585vw 0;}
#con03 .list li .txt-box h4{font-size: 1.341vw;font-weight: 700;line-height: 1.951vw;letter-spacing: 0;padding-bottom: 0.61vw;margin-bottom: 1.098vw;border-bottom: 1px solid #000;}
#con03 .list li .txt-box p{ font-size: 0.976vw; line-height: 1.829vw; letter-spacing: 0.049vw; }
#con03 .list li:hover{ box-shadow: 6px 7px 14px rgba(0, 0, 0, 0.2); transform: translateY(-5px); cursor: pointer; }

#works .system-pic{width: 100%;height: 15vw!important;overflow: hidden;text-align: center;margin-bottom: 15px;}
#works .system-pic img{width: 100%;height: 15vw!important;}


}

@media screen and (min-width: 1200px) and (max-width: 1320px) {
    #con05 .inner-Box{width: 1200px;transition: width 0.5s ease;}


}

@media screen and (min-width: 1320px) and (max-width: 1460px) {
    #con05 .inner-Box{width: 1260px;transition: width 0.5s ease;}


}

@media screen and (min-width: 1460px) and (max-width: 1650px) {
    #con05 .inner-Box{width: 1360px;transition: width 0.5s ease;}


}

@media screen and (min-width: 1200px) and (max-width: 1600px) {
#con06 .txt-box{ width: 33.958vw; float: left; }
#con06 .pic{position: absolute;top: -4.323vw;right: 15.156vw;}

#con07{width: 100%;max-width: 1920px;margin: -4vw auto 0;padding: 112px 0 90px;background: url(../images/index/con07-bg01.jpg) no-repeat center top; position: relative;}

}

@media screen and (min-width: 1200px) and (max-width: 1480px) {
#con08{ width: 100vw; margin: 0 auto; }
#con08 .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; }
#con08 .list li{ width: 49.797vw; margin-right: 0.405vw; margin-bottom: 0.405vw; }
#con08 .list li:nth-child(2n){ margin-right: 0; }
#con08 .list li img{ width: 100%; }
}

@media screen and (min-width: 1200px) and (max-width: 1460px) {
#drawing .system-list{width: 94vw;margin: 0 auto 59px;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;}
#drawing .system-list li{width: 22.945vw;margin-right: 2.74vw;position: relative;padding: 0 0 2.397vw;}
}