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

/* **ソートリスト**
1__全体設定
2__ページ設定
3__プラグイン制御
*/
@media screen and (min-width: 1040px){
/* -基本設定- */
.tab{display:none !important;}
.sp{display:none !important;}

/*サブメニュー*/
#gnav .sub{display: none;}
.header_inner_block #gnav > .gnav > li:hover .sub{display: block;position: fixed;top: 100px;right: 0;width: 79vw;}
body.kaso .header_inner_block #gnav > .gnav > li:hover .sub{top: 130px;}
.header_inner_block #gnav > .gnav > li:hover .sub:before{position:absolute;content:"";width: 100%;height: 55px;top: -54px;}
body.scroll .header_inner_block #gnav > .gnav > li:hover .sub:before{display:none;}
#gnav .sub > ul{display: flex;}
#gnav .sub > ul > li{display: inline-block;width: 100%;margin-right: 2px;height: 220px;overflow: hidden;}
#gnav .sub > ul > li:last-child{margin-right:0;}
#gnav li .sub > ul{opacity:0;transition:all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;}
#gnav li:hover .sub > ul{opacity: 1;}
#gnav .sub > ul > li > a{background-size: cover;background-position: center center;display: block;top: 0;height: 100%;left: 0;width: 100%;color: #fff;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;font-size: 18px;font-weight: bold;position: relative;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;background-repeat: no-repeat;}
#gnav .sub > ul > li > a:hover{opacity:1;height:120%;top:-10%;width: 120%;left: -10%; position:relative;}
#gnav .sub > ul > li > a:before{position:absolute;content:"";width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,0.2);transition:all 0.3s;-ms-transition:all 0.3s;-webkit-transition:all 0.3s;}
#gnav .sub > ul > li > a:hover:before{background: rgba(0,0,0,0.6);}
#gnav .sub > ul > li > a span{position: relative;z-index: 1;}


/*サブメニュー(写真設定)*/
#gnav .sub > ul > li > a[href="/vision/profile.html"]{background-image: url('/img/gnav_company01.jpg');}
#gnav .sub > ul > li > a[href="/vision/record.html"]{background-image: url('/img/gnav_company02.jpg');}

#gnav .sub > ul > li > a[href="/portfolio/"]{background-image: url('/img/gnav_portfolio01.jpg');}
#gnav .sub > ul > li > a[href="/portfolio/print.html"]{background-image: url('/img/gnav_portfolio02.jpg');}
#gnav .sub > ul > li > a[href="/portfolio/movie.html"]{background-image: url('/img/gnav_portfolio03.jpg');}
#gnav .sub > ul > li > a[href="/portfolio/products.html"]{background-image: url('/img/gnav_portfolio04.jpg');}

#gnav .sub > ul > li > a[href="/vision/recruit.html"]{background-image: url('/img/gnav_recruit01.jpg');}
#gnav .sub > ul > li > a[href="/vision/message.html"]{background-image: url('/img/gnav_recruit02.jpg');}
#gnav .sub > ul > li > a[href="/vision/form.html"]{background-image: url('/img/gnav_recruit03.jpg');}

.line02 > ul{display: flex;}
.line02 > ul > li{width: 100%;}
.btn03 > input, .btn03 > button, .btn03 > a{width: 100%;}

}
@media screen and (max-width:1039px) and (min-width: 415px){
.tab{display:none !important;}
}
@media screen and (max-width: 1039px){
/*============================
#1__全体設定
============================*/
/* -基本設定- */

.header_inner_block .h1 {display:none;}
.pc{display:none !important;}
select,
input{width:100%;box-sizing:border-box;}
input[type='file']{background: #f0f0f0;border: 2px solid #ccc;border-radius: 5px;-webkit-border-radius: 5px;font-size: 12px;line-height: 20px;padding: 5px 15px;display: inline-block;width: auto;margin: 5px 0;}

/* -header- */
header{position: absolute;top: 35px;z-index: 101;}
.header_inner_block{width: 86.667vw;margin: 0 auto;position: relative;height: 2px;}
.header_inner_block .logo{padding: 0;position: absolute;left: -16px;top: 0;width: 100px;}

/* -nav- */
.header_inner_block #gnav{top: 35px;height: 30px;position: fixed;width: 80%;left: -100%;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;height: 100%;top: 0;background: #fff;}
.header_inner_block #gnav.on{overflow: scroll;left: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;box-shadow: 3px 3px 3px rgba(0,0,0,0.1);-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);z-index: 300;}
.header_inner_block #gnav .gnav{width: 100%;top: 0;left: 0;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
#gnav{left: -100%;}
.header_inner_block #gnav > .gnav > li > a{color: #000;padding: 10px 15px 10px 35px;position: relative;border-color: rgba(0,0,0,0) !important;width: 100%;box-sizing: border-box;margin: 0;}
.header_inner_block #gnav > .gnav > li.on > a:before, .header_inner_block #gnav > .gnav > li:hover > a:before{width: 10px;height: 10px;}
.header_inner_block #gnav > .gnav > li > a:before {position: absolute;content: "";border-top: 1px solid #D2D2D2;border-right: 1px solid #D2D2D2;width: 10px;height: 10px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 50%;margin-top: -5px;left: 100%;margin-left: -40px;}
.header_inner_block #gnav > .gnav > li > a:after{display:none;}
.header_inner_block #gnav > .gnav.move{position: relative;left: -100%;}
.header_inner_block #gnav > .gnav > li{display: block;width: 100%;margin-right: 0;display: block;float: none;border-bottom: 1px solid #dcdcdc;}

body#top .menu-trigger_wrap{
}
#gnav{}
#gnav > .sp{}
#gnav > .sp > .menu-trigger_wrap{}
#gnav > .sp > .menu-trigger_wrap > a.menu-trigger{}
#gnav > .sp > .menu-trigger_wrap > a.menu-trigger > span{}
#gnav > ul.gnav{}
#gnav > ul.gnav > li{}
#gnav > ul.gnav > li > a{}
#gnav > ul.gnav > li > .sub{top: 0;position: absolute;width: 100%;right: -100%;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;display: none;}
#gnav > ul.gnav.move > li{left: -100%;}
#gnav > ul.gnav.move > li.on > .sub{display: block;transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;}
#gnav > ul.gnav > li > .sub > ul{}
#gnav > ul.gnav > li > .sub > ul > li{margin-right: 0;display: block;float: none;border-bottom: 1px solid #D2D2D2;}
#gnav > ul.gnav > li > .sub > ul > li > a{color: #000;padding: 18px 15px 18px 35px;position: relative;border-color: rgba(0,0,0,0) !important;width: 100%;box-sizing: border-box;margin: 0;display: block;font-size: 16px;}
#gnav > ul.gnav > li > .sub > ul > li > a:before{position: absolute;content: "";border-top: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;width: 10px;height: 10px;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 50%;margin-top: -5px;left: 100%;margin-left: -40px;}
#gnav > ul.gnav > li > .sub > ul > li > a > span{}
#gnav > ul.gnav > li > .sub > ul > li.back{background: #ebebf2;}
#gnav > ul.gnav > li > .sub > ul > li.back > a{padding-left: 60px;}
#gnav > ul.gnav > li > .sub > ul > li.back > a:before{left: 76px;-moz-transform: rotate(225deg);-ms-transform: rotate(225deg);-o-transform: rotate(225deg);transform: rotate(225deg);border-color: #000;}

/* -ハンバーガーメニュー- */
.menu-trigger_wrap{position: fixed;top: 35px;right: 20px;margin: auto;height: 30px;text-align: right;width:30px;}
.menu-trigger_wrap span{}
.menu-trigger_wrap .menu{ font-size:10px;display: inline-block;position: absolute;bottom: -15px;-moz-transform: scale(0.9);-ms-transform: scale(0.9);-o-transform: scale(0.9);transform: scale(0.9);-webkit-transform: scale(0.9);font-weight: bold;right: -4px;}
.menu-trigger_wrap a{ position:relative;}
.menu-trigger_wrap a:before{ position:absolute; content:"";width: 200%;height: 250%;left: -50%;top: -75%;background: #fff;opacity:0;}
.menu-trigger_wrap a,
.menu-trigger_wrap a span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger_wrap a {position: relative;width: 25px;height: 18px;}
.menu-trigger_wrap a span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #fff;border-radius: 4px;}
.menu-trigger_wrap a span:nth-of-type(1) {top: 0;}
.menu-trigger_wrap a span:nth-of-type(2) {top: 50%;margin: -1px 0 0 0;}
.menu-trigger_wrap a span:nth-of-type(3) {bottom: 0;}

.menu-trigger_wrap.on a span:nth-of-type(1) {
  -webkit-transform: translateY(8px) rotate(-315deg);
  transform: translateY(8px) rotate(-315deg);
  }
.menu-trigger_wrap.on a span:nth-of-type(2) {opacity: 0;}
.menu-trigger_wrap.on a span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) rotate(315deg);
  transform: translateY(-8px) rotate(315deg);
  }
body.scroll .menu-trigger_wrap a:before{opacity:0.7;}
body.scroll .menu-trigger_wrap.on a:before{opacity:0;}
body.scroll .menu-trigger_wrap a span{background: #000;}
body.scroll .menu-trigger_wrap.on a span{background:#FFF;}


/* -main- */

/* -section- */

/* -pankuzu- */

/* -footer- */
.footer_inner_block .footer_menu{width: 100%;margin-bottom: 70px;padding-left: 0;}
.footer_inner_block .footer_bottom{position: relative;left: 0;}
footer:after{display:none;}
.footer_inner_block{background: #1E3081;width: 86.667vw;margin: 0 auto;}
.footer_inner_block .footer_menu li{margin-bottom: 30px;}
.footer_inner_block .copyright{bottom: 31px;}
.footer_inner_block .footer_bottom .company_infomation .logo{float: none;margin-bottom: 20px;}
.footer_inner_block .footer_bottom .company_infomation .outline{padding: 0;}
.footer_inner_block .footer_bottom .company_infomation .outline dt{margin-bottom: 10px;}
footer{height: auto;}

.text01{
    font-size: 16px;
}
.text01 p{}
.text01 p:not(:last-child){
    margin-bottom: 10px;
}

.section_top{}
.section_top .left{}



/*============================
#2__ページ設定
============================*/
/* -各セクションごとの設定- */
.section_inner_block{min-width: 86.667vw;margin: 0 auto;padding: 50px 0 75px 0;z-index: 1;position: relative;}
.tabmenu01 > ul{flex-wrap: wrap;margin-bottom: -2.08%;}
.tabmenu01 > ul > li{margin-bottom: 2.08%;margin-right: 1.54%;width: 48.4%;box-sizing: border-box;}
.tabmenu01 > ul > li:nth-child(2n){margin-right:0;margin-left: 1.54%;}
.tabmenu01 > ul > li:first-child:nth-last-child(3),
.tabmenu01 > ul > li:first-child:nth-last-child(3)~li{width: 100%;margin-right: 0;}
.tabmenu01 > ul > li:first-child:nth-last-child(3)~li:nth-child(2n){margin-left: 0;}
#main_visual{height: 280px;}
#main_visual:after{height:220px;width: 86.667vw;}
.kaso_page_title h2 span.en{font-size: 70px;}
.kaso_page_title h2{bottom: 67px;width: 86.667vw;right: 0;left: 0;margin: auto;}
.pankuzu{position: absolute;top: 220px;width: 73vw;overflow: scroll;left: 13.4vw;}
#main_visual:before{width:86.667vw;}
body.kaso #body{padding-top:50px;}
.tabmenu01:nth-last-child(n + 2){margin-bottom:80px;}
.section_inner_block .section_title03{margin-bottom:50px;}
.portfolio_list > ul > li{width: 44.616%;}
.section_inner_block .logo_block02 li{width: 50%;margin-bottom: 50px;}
section:first-child .tabmenu01:first-child:last-child{margin-bottom: -40px;margin-top: -50px;}
.tabmenu01:first-child:last-child{margin-top: 53px;margin-bottom: -88px;}
#section_cv{padding-bottom: 0;}
.section_inner_block .logo_block02{background: none;padding: 50px 0 0 0;}
/*.portfolio_list > ul > li > a > .img{height: 290px;}*/
.portfolio_list > ul > li > a > .img{width: 100%;height: 0;padding-top: 80%;}
.portfolio_list > ul > li > a > .img.-small{
    height: 232px;
}
.portfolio_list > ul > li > a > .img.-small img{
    object-fit: cover;
    height: 100%;
    width: 100%;
}

section.bg_layout01:after{width: 93.334vw;height:440px;}
section.bg_layout01 > .section_inner_block{padding-top: 387px;}
.profile_img{width: 74.5vw;margin-bottom: 100px;}
.profile_img:after{display:none;}
section.bg_layout01:before{width: 74.667vw;}

.record_content > .title{display: block;padding: 0;margin-top: 296px;text-align: left;margin-bottom: 40px;position: static;}
section.bg_layout05 .section_inner_block{padding: 50px 0 100px 0;}
section.bg_layout05:before{height: 92%;}
section.bg_layout05:after{width: 93.334vw;height: 400px;}
.record_content .record_list:first-child{margin: 0;}
.record_content .record_list{float: none !important;width: 100%;padding: 25px;border: 1px solid #000;box-sizing: border-box;margin-bottom: 30px;}
.record_content .record_list:last-child{margin-bottom:0;}
.record_content .record_list > .title{margin-bottom:0;position:relative;}
.record_content .record_list > .title:before,
.record_content .record_list > .title:after{position:absolute;content:"";width: 14px;height: 2px;background: #000;top: 13px;right: 0;}
.record_content .record_list > .title:before{}
.record_content .record_list > .title:after{}
.record_content .record_list:not(.on) > .title:after{transform: rotate(90deg);}
.record_content .record_list > ul{margin-top: 23px;}
.record_content .record_list:not(.on) > ul{display:none;}
.section_inner_block .text_block01{margin: 0 0 58px;text-align: left;}
.recruit_content > .list{display: block;}
.recruit_content > .list > ul{width: 100%;margin-bottom: 30px;}
.recruit_content > .list > ul:last-child{margin-bottom:0;}
.recruit_content > .list > ul > li > .title{display: block;padding: 11px 20px;position:relative;}
.recruit_content > .list > ul > li > .title:before,
.recruit_content > .list > ul > li > .title:after{position:absolute;content:"";}


.recruit_content > .list > ul > li > .title:before,
.recruit_content > .list > ul > li > .title:after{position:absolute;content:"";width: 14px;height: 2px;background: #fff;top: 24px;right: 15px;}
.recruit_content > .list > ul > li > .title:before{}
.recruit_content > .list > ul > li > .title:after{}
.recruit_content > .list > ul > li:not(.on) > .title:after{transform: rotate(90deg);}
.recruit_content > .list > ul > li:not(.on) > .textarea{display:none;}
.record_content .record_list > ul{margin-top: 23px;}


.recruit_content > .list > ul > li{margin-bottom:30px;}
.recruit_content > .list > ul > li:last-child{margin-bottom:0;}
.recruit_table.img_program:after, .recruit_table.img_design:after, .recruit_table.img_markup:after{width: 93.334vw;right: auto;}
.recruit_table{padding-top: 468px;width: 100%;table-layout: fixed;}
section.bg_layout09 .recruit_table:nth-of-type(2n):after{left: 0;}
.section_inner_block .cv_btn_area.clearfix .cv_btn .title a{width: 100%;line-height: 29vw;}
.section_inner_block .cv_btn_area.clearfix .cv_btn{width: 100%;}
.section_inner_block .cv_btn_area{width: 43rem;display: flex;max-width: 100%;        height: 14.5rem;}

.section_inner_block .flow_block01 {width: 70.667vw;display: flex;}
.section_inner_block .flow_block01 .flow_block_list {float:left;margin-right: 4vw;width: 100%;}
.section_inner_block .flow_block01 .flow_block_list:nth-child(2n){margin-right:0;}
.section_inner_block .flow_block01 .flow_block_list li{width: 33.334vw;margin:0 30px 15px 0;}
.section_inner_block .flow_block01 .flow_block_list li:nth-of-type(n + 5){}
.section_inner_block .flow_block01 .flow_block_list  .title_block {margin:0 0 10px 0;}
.section_inner_block .flow_block01 .flow_block_list  .title_block .number {font-size:40px;color:#FFF;line-height:27px;}
.section_inner_block .flow_block01 .flow_block_list  .title_block .title {background:#FFF;line-height:30px;font-weight:bold;padding:0 5px;color:#23377B;font-size: 2vw;}
.section_inner_block .flow_block01 .flow_block_list  .content dl dt,
.section_inner_block .flow_block01 .flow_block_list  .content dl dd{color:#FFF;position: relative;font-size:14px;line-height:1.8;margin:0 0 2px;padding:0 0 0 12px;letter-spacing: -1px;}
.section_inner_block .flow_block01 .flow_block_list  .content dl dt:before,
.section_inner_block .flow_block01 .flow_block_list  .content dl dd:before{content:"";display:block;width:7px;height:7px;position:absolute;top:10px;left:0;background:#FFF;opacity:0.5;}
.section_inner_block .flow_block01 .flow_block_list .img_graph {position: relative;}
.section_inner_block .flow_block01 .flow_block_list .img_graph:before{content:"";display:block;position:absolute;top:0;left: 0;background: url(/img/section_graph.png) center center /100% no-repeat;width: 42.667vw;height: 42.667vw;}
#section_flow{position:relative;}
#section_flow:after{content: "";position: absolute;top: 0;left: inherit;right: 0;width: 100%;height: 95%;display: block;z-index: 0;background: url(/img/top_background04.jpg) left center /cover no-repeat;top: 0;}

section.bg_layout06:after,
section.bg_layout07:after{width: 93.334vw;right: auto;left: 0;top: 50px;height: 400px;}
section.bg_layout06 .text_block01,
section.bg_layout02 .text_block01{width: 100%;}
section.bg_layout06 .text_block01:first-child{padding-top: 500px;}
.bg_layout07 > .section_inner_block > .text_block01{padding-top: 375px;width: 100%;}
.bg_layout07:nth-last-child(4) > .section_inner_block{padding-bottom: 0;}
#body section:nth-child(8) .section_inner_block{padding-bottom: 50px;}
section.bg_layout03:after{width: 93.334vw;right: auto;right: 0;top: 0;height: 400px;}
section.bg_layout03 .text_block01{width:100%;}
section.bg_layout03 .text_block01:first-child{padding-top: 399px;}
section.bg_layout03:before{width: 74.667vw;right: auto;top: 110px;height: 92%;}
section.bg_layout02:after,
section.bg_layout10 .section_inner_block .text_block01:after{width: 93.334vw;right: auto;left: 0;top: 0;height: 400px;}
section.bg_layout02 .text_block01:first-child{padding-top: 445px;}
.formtable01 table > tbody > tr > th{display: block;width: 100%;box-sizing: border-box;}
.formtable01 table > tbody > tr > td{display: block;width: 100%;box-sizing: border-box;}
.line02 > ul > li{display: block;margin-right: 0;margin-bottom: 30px;}
.btn02 > input, .btn02 > button, .btn02 > a{width: 100%;}
.line02 > ul > li:last-child{margin-bottom: 0;}
section.bg_layout10:before{width: 93.334vw;right: auto;top: 0;height: 100%;}
section.bg_layout10 .section_inner_block .text_block01{padding-top: 436px;width: 95%;min-height: 0;margin-left: 0;padding-bottom: 5rem;}
section.bg_layout10{padding: 0;}
.gmap{height: 70vw;}

body#top #main_visual:after{width: 86.667vw;height: 960px;}
body#top #main_visual{
    height: 1080px;
}
#main_visual .section_inner_block .main_visual_copy{
    position: relative;
    top: 400px;
    left: 0;
    transform: none;
}
body#top #main_visual .section_inner_block{position: relative;z-index: 10;min-height: 960px;}
body#top .section_inner_block{
    width: 86.667vw;
}
body#top .news_block .list01{
    width: 100%;
}
body#top .section_inner_block .logo_block li:nth-child(2n){margin-right:0;float: right;margin-bottom: 38px;}
body#top .section_inner_block .section_title01{
    margin-bottom: 50px;
}
body#top #body section:nth-child(n + 2) .section_inner_block{
    padding: 100px 0 70px 0;
}
body#top #body section:nth-child(2n):before{
    top: 100px;
    width: 100%;
}
body#top #body section:nth-child(n + 2){
    margin-bottom: 50px;
}
body#top #section_service .section_inner_block .section_title01{
    width: 93.334vw;
    margin-left: auto;
}
body#top #section_service .section_inner_block{
    width: 100%;
}
body#top #section_service:before{display:none;}
body#top #section_service:after{width:100% !important;background: #1f3182;}
body#top #body section:nth-child(n + 2):after{width: 93.334vw;}
body#top .section_inner_block .text_block02{
    width: 80vw;
    margin-right: 0;
    margin-left: auto;
    box-sizing: border-box;
    display: flex;
    table-layout: fixed;
}
body#top .section_inner_block .text_block02:last-child{margin-bottom:0;}
body#top .section_inner_block .section_title01{
    width: 80vw;
    margin-right: 0;
    margin-left: auto;
}
body#top .section_inner_block .flow_block01{
    margin-right: 70px;
    margin-left: auto;
}
body#top .section_inner_block .flow_block01 .flow_block_list .img_graph:before{
    width: 42.667vw;
    height: 42.667vw;
    background-size: 100%;
    left: 0;
    right: 0;
}
body#top #main_visual .section_inner_block .main_visual_copy .copy2{
    font-size: 80px;
    font-size: 10.7vw;
}
body#top .section_inner_block .logo_block{
    padding: 50px 59px;
}
body#top #body section:last-child{margin-bottom:0;}


.lineup_block01{}
.lineup_block01 > .category{
    text-align: left !important;
    position: relative;
    z-index: 10;
    
}
.lineup_block01 > .category{display: flex !important;flex-direction: column;-webkit-flex-direction: column;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;text-align: left !important;width: 42.878%;min-height: 216px;float: left;padding-right: 20px;box-sizing: border-box;}
.lineup_block01 > .category > span.en{font-size: 18px;display: block;width: 100%;}
.lineup_block01 > .inner{
    float: left;
    display: flex;
    vertical-align: middle;
    flex-direction: column;
    align-items: center;
    -webkigt-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    margin-right: auto;
}
.lineup_block01 > .category > span.jp{
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
}
.lineup_block01  ul.lineup_block_list{
    background: none;
    position: relative;
    z-index: 10;
    font-size: 16px;
    padding: 15px 0 15px 19px !important;
    box-sizing: border-box;
    border-left: 1px solid #fff;
    background: none !important;
}
.lineup_block01  ul.lineup_block_list > li{
}
.lineup_block01  ul.lineup_block_list > li > .title_block{
    margin-bottom: 8px;
}
.section_inner_block .lineup_block01 .lineup_block_list .title_block .title{
    font-size: 13px;
}
.lineup_block01 ul.lineup_block_list > li:last-child > .title_block{margin-bottom:0;}
.lineup_block01 ul.lineup_block_list > li > .title_block > .img{
    display: none !important;
}
.lineup_block01 ul.lineup_block_list > li > .title_block > .img > img{}
.lineup_block01 ul.lineup_block_list > li > .title_block > .title{
    line-height: 22px;
    width: 100% !important;
}
.lineup_block01 ul.lineup_block_list > li > .title_block > .title br{display:none;}
.lineup_block01 ul.lineup_block_list > li > .content{
    display: none;
}
.lineup_block01 ul.lineup_block_list > li > .content > p{}
.section_inner_block .lineup_block01{
    width: 93.584vw;
    margin-right: 0;
    float: none;
    padding: 32px 32px 32px 48px;
    box-sizing: border-box;
    position: relative;
    display: flex;
}
.section_inner_block .lineup_block01 .category{position:relative;min-width: 230px;width: 230px;}
.section_inner_block .lineup_block01 .lineup_block_list{left:0;position:relative;}
.section_inner_block .lineup_block01:before{position:absolute;content:"";left:0;top:0;width: 100%;height: 100%;}
.section_inner_block .lineup_block01:after{position:absolute;content:"";left:0;top:0;width: 100%;height: 100%;background: rgba(125,125,140,0.9);mix-blend-mode: multiply;-ms-mix-blend-mode: multiply;}

.section_inner_block .lineup_block01:nth-child(2):before{background: url(/img/kaso_backimg06.jpg) right center /cover no-repeat;}
/*.section_inner_block .lineup_block01:nth-child(3):before{background: url(/img/kaso_backimg01.jpg) right center /cover no-repeat;}
.section_inner_block .lineup_block01:nth-child(4):before{background: url(/img/kaso_backimg07.jpg) right center /cover no-repeat;}*/
.section_inner_block .lineup_block01:nth-child(5):before{background: url(/img/kaso_backimg09.jpg) right center /cover no-repeat;}
.section_inner_block .lineup_block01:nth-child(6):before{background: url(/img/kaso_backimg08.jpg) right center /cover no-repeat;}
body#top .section_inner_block .text_block02 .title{width: 18.3%;min-width: 175px;}
body#top .section_inner_block .text_block02 .text{
    width: 70.4%;
    padding-left: 30px;
    padding: 20px 20px 20px 30px;
}
body#top #section_vision .section_inner_block .section_title01{
    margin-left: 0;
}
body.kaso #section_flow:before{display:none;}
#section_flow:before{content: "";position: absolute;top: -49px;left: 0;width: 93vw;height: 530px;display: block;z-index: 0;background: #ebebf2;}
.kaso_page_title:before{
    height: 220px;
    width: 86.667vw;
}
section.bg_layout08:after{background-attachment: fixed;}
.btn03 > input, .btn03 > button, .btn03 > a{width:100%;}
.section_inner_block .logo_block li{
    width: 45.113%;
    margin-right: 9.7%;
}

body.portfolio #body section:nth-child(1) .tabmenu01{display: none;}
#main_visual .section_inner_block .main_visual_copy .copy1{font-size: 2.93vw;}
#main_visual .section_inner_block .main_visual_copy .copy3{
    font-size: 4vw;
}
.section_inner_block .text_block02 .logo_content{
    box-sizing: border-box;
    padding: 0 15px;
}
.ssl{
    text-align: center;
}


.num_block{padding:30px 0;}
.num_section ul li{width:49%;float:left;margin:0 0 2% 0;height: 213px;}
.num_section ul li:nth-child(2n){float:right;}
.num_section ul li .number .top .big{font-size:50px;}
.num_section ul li .number .top .small{font-size:30px;}
.num_section ul li .number .top .small.sup{font-size:40px;top: -12px;}
.num_section ul li .number .bottom{font-size:15px;}
.num_section ul li .text{font-size: 14px;padding: 1em 10px 1em 10px;}
.num_section ul li:nth-child(n + 2) .text{padding: 1em 5px 3em 5px;}
.num_block{width:92.5%;margin:0 auto;}
.num_section ul li .number{padding:20px 0 0 0;}
.portfolio_list > ul > li > a > .textarea > .icons > ul > li > .txt{
    font-size: 10px;
}



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td,
*,*:before,*:after,*:hover,*:checked{min-width: 0;}

/*============================
#3__プラグイン制御
============================*/
/* -基本設定- */



.text01.taCenter{text-align:left;}
body.news #profile_section .section_inner_block{
    padding: 0;
	width:80vw;
}

}


@media screen and (max-width: 620px) {
    .footer_inner_block .footer_bottom .company_infomation .outline {
        padding: 0;
    }
.footer_inner_block .copyright .p_mark{
    padding-bottom: 5px;
    position: relative;
    top: -16px;
}
    .footer_inner_block .copyright{
    position: static;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    display: flex;
}
.footer_inner_block .copyright p{
   position: absolute;
   bottom: 23px;
   right: 0;
   left: 8px;
   font-size: 9px;
}
}


@media screen and (max-height:420px){
body#top #main_visual{
    height: 100vh;
}
body#top #main_visual .section_inner_block{
    min-height: 90vh;
}
#main_visual .section_inner_block .main_visual_copy{
    top: 22vh;
}

body#top #main_visual:after{
    height: 86vh;
}
#main_visual .scroll_btn.smooth{
    bottom: -13vh;
}
#main_visual .section_inner_block .main_visual_copy .copy1{
    font-size: 1.63vw;
}
body#top #main_visual .section_inner_block .main_visual_copy .copy2{
    font-size: 7.7vw;
}
body#top #main_visual .section_inner_block .main_visual_copy .copy3{
    font-size: 3vw;
}
#main_visual .section_inner_block .main_visual_copy .copy2 .left:before,
#main_visual .section_inner_block .main_visual_copy .copy2 .left:after{
    height: 5vw;
    top: 3vw;
}
.header_inner_block .logo{
    width: 11vw;
}




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td,*,* *,* * *,* * * *,* * * * *,* * * * * *,
*,*:before,*:after,*:hover,*:checked{
    
}
}


@media screen and (max-width: 414px){
.header_inner_block .logo{width: 80px;left: 0;top: 0;z-index: 201;}
header{top: 10px;}
.menu-trigger_wrap{top: 30px;}
.kaso_page_title h2 span.jp{font-size: 14px;}
.kaso_page_title h2 span.en{font-size: 40px;line-height: 33px;}
#main_visual:after{height: 200px;}
#main_visual{height: 240px;}
.kaso_page_title h2{bottom: 87px;padding-left: 7vw;box-sizing: border-box;}
.pankuzu{top: 189px;}
section.bg_layout01:after{height: 50vw;}
section.bg_layout01 > .section_inner_block{padding-top: 33vw;}
.section_title{margin-bottom: 20px;font-size: 24px;}
.profile_img{width: 100%;}
.profile_table th{font-weight: bold;}
.profile_table th,
.profile_table td{width: 100%;display: block;}
.section_inner_block{padding: 30px 0;}
body#products_page section:first-child .section_inner_block{padding-top:30px;}
section.bg_layout01:before{height: 83%;}
section.bg_layout05:after{height: 50vw;}
.record_content > .title{margin-top: 14vw;margin-bottom: 30px;font-size: 20px;}
section.bg_layout05 .section_inner_block{padding: 50px 0 50px 0;}
section.bg_layout05:before{height: 80%;}
.tabmenu01:first-child:last-child{margin-bottom: 0;margin-top: 0;}
.section_inner_block .cv_btn_area{display: block;height: auto;}
.section_inner_block .cv_btn_area.clearfix .cv_btn{height: 57vw;float: none;overflow: hidden;margin-bottom: 10px;}
.section_inner_block .cv_btn_area.clearfix .cv_btn .title a{line-height: 1;display: flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;height: 100%;height: 57vw;}
.section_inner_block .logo_block02 li{width: 100%;margin-bottom: 20px;}
.section_inner_block .logo_block02 li .img{padding: 0;}
.footer_inner_block .footer_menu{width: 100%;margin-bottom: 55px;}
.footer_inner_block .footer_menu ul{}
.footer_inner_block .footer_menu li{width: 49.5%;margin-right: 1%;margin-bottom: 15px;}
.footer_inner_block .footer_menu a{
    font-size: 13px;
}
.footer_inner_block .footer_menu li:nth-child(2n){margin-right:0;}
.footer_inner_block .copyright{position: relative;left: 0;text-align: center;padding-bottom: 0;}
.footer_inner_block .copyright p {
    bottom: 0 !IMPORTANT;!I;!;
}

.footer_inner_block .copyright .p_mark a img {
    width: 67px;
    opacity: 0.6;
    position: relative;
    top: 24px !IMPORTANT
}
.footer_inner_block .footer_bottom{margin-bottom: 30px;}
.footer_inner_block .footer_bottom .company_infomation .outline{
    margin-bottom: 0;
}
.section_inner_block .flow_block01 .flow_block_list{float: none;position: static;}
.section_inner_block .flow_block01{display: block;width: 100%;}
.section_inner_block .flow_block01 .flow_block_list li{width: 100%;}
.section_inner_block .flow_block01 .flow_block_list .img_graph:before{position: static;width: 80vw !important;background-size: 96%;height: 80vw !important;margin: 0 auto;box-sizing: border-box;}
#section_flow:after{height: calc(100% - 30px);height: -webkit-calc(100% - 30px);height: -ms-calc(100% - 30px);}
section.bg_layout06:after, section.bg_layout07:after{height: 50vw;}
section.bg_layout06 .text_block01:first-child{padding-top: 77vw;}
section.bg_layout06 .section_inner_block .section_title01,
.bg_layout07 > .section_inner_block > .text_block01 > h2.section_title01{word-break: break-all;font-size: 28px;margin-bottom: 5px;}
section.bg_layout06 .section_inner_block .sub_title{font-size: 22px;margin-bottom: 20px;}
.bg_layout07 > .section_inner_block > .text_block01{padding-top: 39vw;}
.bg_layout07 > .section_inner_block > .text_block01 > .sub_title{font-size: 20px;margin-bottom: 20px;}
.bg_layout07 > .section_inner_block{padding: 120px 0 55px 0;}
.line01 > ul > li{}
.line01 > ul > li:first-child:last-child{width:100%;}
#body section:nth-child(7) .section_inner_block{padding: 30px 0;}
.tabmenu01 > ul{display: block;}
.tabmenu01 > ul > li{width: 100%;margin-right: 0;}
.tabmenu01 > ul > li:nth-child(2n){margin-left: 0;}
.tabmenu01:nth-last-child(n + 2){margin-bottom: 30px;}
.section_inner_block .section_title03 .en{font-size: 28px;}

.section_inner_block .section_title03 .jp{font-size: 20px;}
.section_inner_block .section_title03{margin-bottom: 30px;}
.portfolio_list > ul > li{width: 100%;}
.portfolio_list > ul > li > a > .textarea > .icons > ul > li{width: auto;margin-right: 10px;width: calc((100% - 10px) / 3);margin: 0;margin-bottom: 10px;}
.portfolio_list > ul > li > a > .textarea > .icons > ul > li{
}
.portfolio_list > ul > li > a > .textarea > .icons > ul{
    justify-content: space-between;
}
section.bg_layout02:after, section.bg_layout10 .section_inner_block .text_block01:after{height: 50vw;}
section.bg_layout02 .text_block01:first-child{padding-top: 61vw;margin-bottom: 40px;}
section.bg_layout02 .section_inner_block .section_title01{font-size: 28px;}
section.bg_layout02 .section_inner_block .sub_title{font-size: 20px;}
section.bg_layout03:after{height: 50vw;}
section.bg_layout03 .text_block01:first-child {padding-top: 54vw;}
section.bg_layout03 .section_inner_block .section_title01{font-size: 28px;margin-bottom: 10px;}

section.bg_layout03 .section_inner_block .sub_title{font-size: 20px;}
section.bg_layout03:before{height: 89%;}
section:first-child .tabmenu01:first-child:last-child{margin-bottom: 0;}
section.bg_layout08 .section_inner_block .section_title01{word-break: break-all;font-size: 28px;margin-bottom: 10px;}
section.bg_layout08 .section_inner_block .sub_title{font-size: 20px;margin-bottom: 10px;}
.bg_layout08 > .section_inner_block > .text_block01{margin-bottom: 30px;}
.recruit_table.img_program:after, .recruit_table.img_design:after, .recruit_table.img_markup:after{height: 50vw;}
.recruit_table{padding-top: 59vw;margin-bottom: 40px;}
.recruit_table th,
.recruit_table td{display: block;width: 100%;}
section.bg_layout10 .section_inner_block .text_block01{padding-top: 59vw;}
section.bg_layout10 .section_inner_block .section_title01{word-break: break-all;font-size: 28px;margin-bottom: 10px;line-height: 1.2;}
section.bg_layout10 .section_inner_block .sub_title{font-size: 20px;margin-bottom: 10px;}
section.bg_layout10 .section_inner_block .sub_title span{font-size: 14px;display: block;margin-left: 0;width: 90%;}
.formtable01 table > tbody > tr > th,
.formtable01 table > tbody > tr > td{padding: 10px 0;}
input[type='file']{width:100%;}

.lead01 .title{font-size:20px;}

.sitemapContent ul li{display: block;width: 100%;}
body#top #main_visual{
    height: 140vw;
}
body#top #main_visual .section_inner_block{
}
body#top #main_visual:after{
    height: 120vw;
}
#main_visual .section_inner_block .main_visual_copy{
    top: 103px;
}
#main_visual .section_inner_block .main_visual_copy .copy1{
    font-size: 13px;
    margin-bottom: 7px;
}
#main_visual .section_inner_block .main_visual_copy .copy2{
    font-size: 45px !important;
    margin-bottom: 10px;
}
#main_visual .section_inner_block .main_visual_copy .copy3{
    font-size: 18px;
}
#main_visual .section_inner_block .main_visual_copy .copy2 .left:before{height: 30px;top: 6px;right: auto;left: 151px;}
#main_visual .section_inner_block .main_visual_copy .copy2 .left:after{
    height: 30px;
    top: 6px;
    right: auto;
    left: 151px;
}
#main_visual .section_inner_block .main_visual_copy .copy2 .left{
    padding: 0 48px 0 0;
    display: block;
    line-height: 1;
}
#main_visual .section_inner_block .main_visual_copy .copy2 .right{
    line-height: 1;
}
#main_visual .scroll_btn.smooth{
    height: 28vw;
    transform: none;
    left: 0;
    width: 86.667vw;
    text-align: left;
    right: 0;
    margin: auto;
    bottom: -14vw;
    z-index: 100;
}
#main_visual .scroll_btn:after{
    left: 32px;
    bottom: -38px;
}
body#top .section_inner_block .section_title01{
    font-size: 28px;
    margin-bottom: 20px;
}
.section_inner_block .list01 .date{
    padding-right: 5px;
}
.section_inner_block .list01 .category{padding-right: 0;}
.section_inner_block .list01 .desc{
    display: block;
    font-size: 14px;
    margin-top: 5px;
    
}
.section_inner_block .list01 .desc p{word-break: normal;
}
.section_inner_block .list01 li{
    margin-bottom: 15px;
}
body#top .news_block .list01{
    margin-bottom: 40px;
}
body#top .section_inner_block .logo_block{
    padding: 20px;
}
.section_inner_block .logo_block > .title{
    margin-bottom: 20px;
}
.section_inner_block .logo_block li,
.section_inner_block .logo_block li:nth-child(3n),
body#top .section_inner_block .logo_block li:nth-child(2n),
.section_inner_block .logo_block li:nth-child(n + 4){
    margin: 0 0 20px 0;
    float: none;
    width: 100%;
}
body#top #body section:nth-child(n + 2) .section_inner_block{
    padding: 30px 0 30px 0;
}
body#top #body section:nth-child(2n):before{
    top: 50px;
}
body#top #section_vision .section_inner_block .text_block01{
    width: 95%;
}
body#top .section_inner_block .text_block02 .title{
    width: 100%;
    display: block;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
}
body#top .section_inner_block .text_block02{display: block !important;}
body#top .section_inner_block .text_block02 .text{
    padding: 15px;
    text-align: left;
}
body#top .section_inner_block .text_block02 .text .img{
    width: auto;
}
.section_inner_block .text_block02 .logo_content .img{
    display: block;
    width: auto;
    top: 0;
    height: auto;
    margin-bottom: 30px;
}
.section_inner_block .text_block02 .logo_content{
    width: 100%;
    padding: 15px;
    display: block;
    box-sizing: border-box;
}
.section_inner_block .text_block02 .logo_content .img:last-child{margin-bottom:0;}
.section_inner_block .text_block02 .logo_content .img p{
    position: static;
}
.section_inner_block .lineup_block01{
    float: none;
    display: block;
    padding: 25px;
}
.section_inner_block .lineup_block01{height:auto;}
.section_inner_block .lineup_block01 .category{
    min-height: 0;
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    position: relative;
    top:0;
    transform: none;
    float:none
}
.section_inner_block .lineup_block01 .lineup_block_list{width:auto;left:0;margin-right: auto;}
.section_inner_block .lineup_block01 .lineup_block_list .title_block .title{
    padding-left: 0;
}
.lineup_block01 > .inner{float:none;margin-right: auto;}
body#top #section_flow .section_inner_block .section_title01{
    margin-left: 0;
}
body#top #section_flow:after{width: 100vw !important;left: 0;}

.kaso_page_title:before{
    height: 200px;
}
section.bg_layout10 .section_inner_block .desc{width:95%;}
section.bg_layout10 .section_inner_block .desc p{word-break: normal;}

.ssl > *{float: none; text-align: center;}
.ssl {text-align: center;}


.section_inner_block .text_block01 .section_title01{
    font-size: 28px;
    margin-bottom: 0;
}
.section_inner_block .text_block01{margin-bottom:20px;}

.record_content .record_list{
    min-width: 0;
}
.section_inner_block .flow_block01 .flow_block_list .title_block .title{font-size:15px;}


.section_inner_block .logo_block02 ul{padding:0 0 30px 0;}

body#message_page .bg_layout10 .section_inner_block .text_block01.miho:after{background-image: url(/img/miho4.jpg);}


}





@media screen and (max-width: 430px){
  
    .footer_inner_block .copyright {
        
        padding-bottom: 0px;
    }
    .footer_inner_block .copyright p {
       bottom: 26px;
    }
    .footer_inner_block .copyright .p_mark a img {
        width: 67px;
        opacity: 0.6;
        position: relative;
        top: -2px;
    }
    }
@media screen and (max-width: 390px){
    .footer_inner_block .copyright {padding-bottom: 0;
    }
    .footer_inner_block .copyright p {
        position: absolute;
        bottom: 0px;
        right: 0;
        left: 0;
        font-size: 8px;
    }
}


@media screen and (max-width:730px) and (min-width: 621px){

    .footer_inner_block .copyright {
        padding-right: 8px;
    }
}