@charset "UTF-8";


/*----- reset -----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, i, button {margin: 0; padding: 0; border: 0;}

body{font-family: "Noto Sans SC",'Source Han Sans CN','arial','microsoft yahei',sans-serif;}
a{transition:.3s; -webkit-transition:.3s; text-decoration:none; color:#000;}
ul,ol{list-style:none;}
li{list-style:none;}
input[type=text],
input[type=tel],
input[type=email],
input[type=submit],
input[type=button],
button,
textarea {-webkit-appearance: none; -moz-appearance:none;  border-radius:0; border:none; background:none; outline:none; font-family: 'Noto Sans JP', 'Roboto' , sans-serif;}
input[type=radio]{vertical-align:middle;}
input[type=submit]:hover,
input:hover[type=button]:hover,
button{outline:none; transition:.3s; -webkit-transition:.3s; cursor:pointer;}
img{vertical-align:bottom; height:auto;}
i{line-height:1; font-style:normal;}
svg{vertical-align:bottom; transition:.3s; -webkit-transition:.3s;}
p{line-height:1.5;}


#solution-top .video-js,
#solution-article .video-js{position: relative; width:100%;}
#solution-top video,
#solution-article video{min-height: 100%; min-width: 100%; height:auto; width:auto; position: absolute; bottom: 0; right:0; top:auto !important; left:auto !important;}
.bc-player-FgTNRHBmD_default .vjs-big-play-button{width:60px !important; height:60px !important; background-color:#005eb8 !important; font-size:30px !important; line-height:60px;} 


/*----- solution top ここから-----*/


#solution-top .intro{padding-top:120px; padding-bottom:60px;}
#solution-top .intro .page-ttl{text-align:center; margin-bottom:50px;}
#solution-top .intro .intro-txt{line-height:24px; width:700px; margin:0 auto 75px;}
#solution-top .intro .solution-movie{width: 960px; height: 540px; background-color: #000;}
#solution-top .intro .solution-movie img{max-width:100%;}
#solution-top .intro .slogan{margin-top:60px;}
#solution-top .intro .slogan li{width:300px; box-sizing:border-box; margin-right:30px;}
#solution-top .intro .slogan li:last-child{margin-right:0;}
#solution-top .intro .slogan li .slogan-ttl{margin-bottom:35px;}
#solution-top .intro .slogan li .slogan-ttl .big{font-size:32px;font-family: 'Roboto', Helvetica, "メイリオ", Meiryo , sans-serif;font-weight:100;line-height:1;display:block;letter-spacing:4px;margin-bottom:10px;}
#solution-top .intro .slogan li .slogan-ttl .small{font-size:13px; display:block; line-height:1;}
#solution-top .intro .slogan li .slogan-catch{font-size:16px; line-height:22px; margin-bottom:25px;}
#solution-top .intro .slogan li .slogan-txt{font-size:13px; line-height:20px; color:#999;}
#solution-top .intro .more-link{display:-webkit-flex; display:flex; -webkit-justify-content:flex-end; justify-content:flex-end; margin-top:60px;}

#solution-top .information-block .information-index{height:124px; border-top:#e6e6e6 solid 1px;}
#solution-top .information-block .information-index li{margin:0 28px;}
#solution-top .information-block .information-index li a{opacity:.35; font-family:'Roboto', sans-serif; font-weight:100;}
#solution-top .information-block .information-index li a.current{opacity:1;}

#solution-top .information-block .information-list-box{border-top:#e6e6e6 solid 1px; padding-top:65px;}
#solution-top .information-block .information-list-box .information-list .information-item{width:298px; box-sizing:border-box; height:315px; border-top:#e6e6e6 solid 1px; padding-top:33px; margin-right:33px; display:none; -webkit-transform:translateY(0); transform:translateY(0); -webkit-transition:.5s; transition:.5s;/* -webkit-transition-delay:.2s; transition-delay:.2s; */opacity:1;}
#solution-top .information-block .information-list-box .information-list .information-item.hide{-webkit-transform:translateY(25px); transform:translateY(25px); opacity:0;}
#solution-top .information-block .information-list-box .information-list .information-item:nth-of-type(-n + 3){padding-top:0; border:none; height:282px}
#solution-top .information-block .information-list-box .information-list .information-item:nth-of-type(3n){margin-right:0;}
#solution-top .information-block .information-list-box .information-list .information-item a{display:block;}
#solution-top .information-block .information-list-box .information-list .information-item a:hover{opacity:.8;}
#solution-top .information-block .information-list-box .information-list .information-item .item-img img{width:100%;}
#solution-top .information-block .information-list-box .information-list .information-item .item-txt{padding-top:11px;}
#solution-top .information-block .information-list-box .information-list .information-item .item-txt .item-ttl{font-weight:bold; line-height:22px; margin-bottom:7px;}
#solution-top .information-block .information-list-box .information-list .information-item .item-txt .item-desc{font-size:12px; line-height:22px;}
#solution-top .information-block .view-more-box{border-bottom:#e6e6e6 solid 1px;}
#solution-top .information-block .view-more-box .view-more{height:74px; width:100%;}
#solution-top .information-block .view-more-box .view-more span{display:block; padding-right:18px; position:relative; font-family:Helvetica, Arial, sans-serif;}
#solution-top .information-block .view-more-box .view-more span:after{content:""; display:block; position:absolute; right:0; top:50%; width:8px; height:8px; margin-top:-6px; box-sizing:border-box; border-bottom:#000 solid 1px; border-right:#000 solid 1px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
#solution-top .information-block .category-select{margin:80px 0;}
#solution-top .information-block .category-select li{margin:0 16px;}
#solution-top .information-block .category-select li a{height:56px; width:360px; box-sizing:border-box; border:#e6e6e6 solid 1px;}
#solution-top .information-block .category-select li a:hover{background-color:#f2f2f2;}


#solution-top .relation-contents{padding-bottom:145px;}
.relation-contents .relation-ttl{margin-bottom:35px; line-height:1; font-size:16px;}
.relation-contents .relation-list li{margin-bottom:30px;}
.relation-contents .relation-list li:last-child{margin-bottom:0;}
.relation-contents .relation-list li .relation-img{-webkit-transition:.3s; transition:.3s;}
.relation-contents .relation-list li a:hover .relation-img{opacity:.8;}
.relation-contents .relation-list li .relation-txt{width:calc(100% - 496px); margin-left:auto;}
.relation-contents .relation-list li .relation-txt .relation-item-ttl{font-size:20px; line-height:24px; margin-bottom:15px;}
.relation-contents .relation-list li .relation-txt p{line-height:24px;}

/*----- solution top ここまで-----*/





/*----- solution article ここから-----*/

#solution-article{padding-bottom:100px;}

.solution-article-block .article-mv{height:460px; width:100%; background-position:center center; background-size:cover; background-repeat:no-repeat; position:relative; box-shadow:0 -8px 16px rgba(0,0,0,.05) inset;}
.solution-article-block .article-mv .mv-txt{position:absolute; left:50%; margin-left:-480px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.solution-article-block .article-mv .mv-txt .article-ttl{font-size:24px; line-height:34px;}
.solution-article-block .article-mv .mv-txt .article-catch{font-size:14px; line-height:20px; margin-top:8px;}


.solution-article-block .article-body{max-width:720px; width:100%; margin:0 auto; padding:95px 0 60px; box-sizing:border-box;}
.solution-article-block .article-body .article-ttl01{font-size:22px; line-height:30px; padding-left:12px; box-sizing:border-box; position:relative; margin-bottom:40px;}
.solution-article-block .article-body .article-ttl01:before{content:""; display:block; width:2px; height:22px; position:absolute; left:0; top:4px; background-color:#0053c3;}
.solution-article-block .article-body .article-ttl02{font-size:16px; font-weight:bold; line-height:26px; margin-bottom:15px;}
.solution-article-block .article-body p{font-size:14px; line-height:22px;}
.solution-article-block .article-body img{height:auto;}
.solution-article-block .article-body figure{display:block;}
.solution-article-block .article-body figure img{display:block; max-width:100%;}
.solution-article-block .article-body figure figcaption{display:block; font-size:12px; line-height:18px; color:#999; margin-top:12px;}

.solution-article-block .article-body .article-section{margin-bottom:80px;}
.solution-article-block .article-body .article-section:last-of-type{margin-bottom:0;}

/*横並び*/
.solution-article-block .article-body .horizon-box-txt{width:350px; margin-right:auto;}
.solution-article-block .article-body .horizon-box-img{max-width:352px;}

/*幅広画像*/
.solution-article-block .article-body .width-box{width:960px; margin-left:-120px; display:block;}

/*矢印横並び*/
.solution-article-block .article-body .arrow-box{position:relative;}
.solution-article-block .article-body .arrow-box:before{content:""; display:block; width:12px; height:12px; box-sizing:border-box; border-top:#a9a9a9 solid 1px; border-right:#a9a9a9 solid 1px; position:absolute; left:50%; margin-left:-9px; top:89px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.solution-article-block .article-body .arrow-box > *:first-child{margin-right:auto; position:relative;}

/*画像リスト*/
.solution-article-block .article-body .img-list li{max-width:230px; margin-right:15px;}
.solution-article-block .article-body .img-list li:nth-child(3n){margin-right:0;}



.relation-case{padding-top:60px; max-width:720px; margin:0 auto; box-sizing:border-box;}
.relation-case .relation-ttl{font-size:16px; text-align:center; margin-bottom:20px;}
.relation-case .relation-case-list li{margin-bottom:15px;}
.relation-case .relation-case-list li:last-child{margin-bottom:0;}
.relation-case .relation-case-list li a{box-sizing:border-box; border:#e6e6e6 solid 1px; position:relative;}
.relation-case .relation-case-list li a:after{content:""; display:block; width:8px; height:8px; border-top:#a2a2a2 solid 1px; border-right:#a2a2a2 solid 1px; position:absolute; right:30px; top:50%; margin-top:-4px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.relation-case .relation-case-list li .case-img{width:156px;}
.relation-case .relation-case-list li .case-txt{width:calc(100% - 156px); box-sizing:border-box;  padding:5px 40px 5px 20px;}
.relation-case .relation-case-list li .case-txt .case-ttl{line-height:20px;}
.relation-case .relation-case-list li .case-txt p{font-size:12px; color:#666; margin-top:5px;}



.relation-product{padding-top:60px; max-width:720px; margin:0 auto; box-sizing:border-box;}
.relation-product .relation-ttl{font-size:16px; text-align:center; margin-bottom:20px;}
.relation-product .relation-product-list li{margin:0 16px 16px 0; width:168px; box-sizing:border-box;}
.relation-product .relation-product-list li:nth-child(4n){margin-right:0;}
.relation-product .relation-product-list li a{display:block; border:#e6e6e6 solid 1px; height:168px;}
.relation-product .relation-product-list li p{text-align:center; height:36px; display:-webkit-flex; display:flex; -webkit-align-items:flex-end; align-items:flex-end;  -webkit-justify-content:center; justify-content:center; font-size:12px; line-height:18px;}

.btn-back{margin-top:60px;}
.btn-back a{width:350px; height:56px; font-size:14px; border:#e6e6e6 solid 1px; margin:0 auto; position:relative;}
.btn-back a:before{content:""; display:block; width:8px; height:8px; box-sizing:border-box; border-bottom:#979797 solid 1px; border-left:#979797 solid 1px; position:absolute; left:30px; top:50%; margin-top:-4px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}


/*記事用Margin調整*/

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}
.mb65{margin-bottom:65px !important;}
.mb70{margin-bottom:70px !important;}
.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}
.mb85{margin-bottom:85px !important;}
.mb90{margin-bottom:90px !important;}
.mb95{margin-bottom:95px !important;}
.mb100{margin-bottom:100px !important;}
.mb105{margin-bottom:105px !important;}
.mb110{margin-bottom:110px !important;}
.mb115{margin-bottom:115px !important;}
.mb120{margin-bottom:120px !important;}


.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt55{margin-top:55px !important;}
.mt60{margin-top:60px !important;}
.mt65{margin-top:65px !important;}
.mt70{margin-top:70px !important;}
.mt75{margin-top:75px !important;}
.mt80{margin-top:80px !important;}
.mt85{margin-top:85px !important;}
.mt90{margin-top:90px !important;}
.mt95{margin-top:95px !important;}
.mt100{margin-top:100px !important;}
.mt105{margin-top:105px !important;}
.mt110{margin-top:110px !important;}
.mt115{margin-top:115px !important;}
.mt120{margin-top:120px !important;}



/*----- solution article ここまで-----*/




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


/*----- solution top ここから-----*/

#solution-top .intro{padding-top:90px; padding-bottom:60px;}
#solution-top .intro .page-ttl{margin-bottom:35px;}
#solution-top .intro .page-ttl img{width:204px;}
#solution-top .intro .intro-txt{width:100%; margin:0 auto 80px; padding:0 20px; box-sizing:border-box;}
#solution-top .intro .solution-movie{width:100%; height: calc(100vw /16 * 9) !important;}
#solution-top .intro .slogan{margin-top:40px; padding:0 20px; box-sizing:border-box; display:block;}
#solution-top .intro .slogan li{width:100%; margin-right:0; margin-bottom:70px;}
#solution-top .intro .slogan li:last-child{margin-right:0; margin-bottom:0;}
#solution-top .intro .slogan li .slogan-ttl{margin-bottom:20px; display:-webkit-flex; display:flex; -webkit-align-items:flex-end; align-items:flex-end;}
#solution-top .intro .slogan li .slogan-ttl .big{font-size:28px; letter-spacing:2px; margin-bottom:0; margin-right:15px;}
#solution-top .intro .slogan li .slogan-ttl .small{position:relative; top:-2px;}
#solution-top .intro .more-link{padding:0 20px; box-sizing:border-box;}
#solution-top .intro .more-link a{font-size:12px;}

#solution-top .information-block{padding:0 20px; box-sizing:border-box;}
#solution-top .information-block .information-index{height:130px;}
#solution-top .information-block .information-index li{margin:0 20px 0 0;}
#solution-top .information-block .information-index li:last-child{margin-right:0;}
#solution-top .information-block .information-index li a{font-size:13px;}

#solution-top .information-block .information-list-box{padding-top:40px;}
#solution-top .information-block .information-list-box .information-list .information-item{width:48%; height:auto; padding-top:20px; margin-right:0;}
#solution-top .information-block .information-list-box .information-list .information-item:nth-of-type(3){padding-top:20px; border-top:#e6e6e6 solid 1px; height:auto;}
#solution-top .information-block .information-list-box .information-list .information-item:nth-of-type(-n + 2){padding-top:0; height:auto;}
#solution-top .information-block .information-list-box .information-list .information-item:nth-of-type(3n){margin-right:0;}
#solution-top .information-block .information-list-box .information-list .information-item:nth-of-type(2n){margin-left:auto;}
#solution-top .information-block .information-list-box .information-list .information-item .item-txt{padding-top:7px; height:92px; box-sizing:border-box;}
#solution-top .information-block .information-list-box .information-list .information-item .item-txt .item-ttl{font-size:11px; line-height:16px; margin-bottom:5px;}
#solution-top .information-block .information-list-box .information-list .information-item .item-txt .item-desc{font-size:11px; line-height:16px;}
#solution-top .information-block .view-more-box{border-bottom:#e6e6e6 solid 1px;}
#solution-top .information-block .view-more-box .view-more{height:50px;}
#solution-top .information-block .view-more-box .view-more span{padding-right:14px; font-size:13px;}
#solution-top .information-block .view-more-box .view-more span:after{width:8px; height:8px; margin-top:-6px;}
#solution-top .information-block .category-select{margin:60px 0; display:block;}
#solution-top .information-block .category-select li{margin:0 0 16px; width:100%;}
#solution-top .information-block .category-select li:last-child{margin-bottom:0;}
#solution-top .information-block .category-select li a{height:48px; width:100%; font-size:13px;}


#solution-top .relation-contents{padding-bottom:95px;}
.relation-contents{padding-left:20px; padding-right:20px; box-sizing:border-box;}
.relation-contents .relation-ttl{margin-bottom:23px; font-size:16px;}
.relation-contents .relation-list li{margin-bottom:35px; display:block;}
.relation-contents .relation-list li a{display:block;}
.relation-contents .relation-list li .relation-img img{width:100%;}
.relation-contents .relation-list li .relation-txt{width:100%; margin-left:0; margin:15px 0 0;}
.relation-contents .relation-list li .relation-txt .relation-item-ttl{font-size:16px; line-height:24px; margin-bottom:7px;}
.relation-contents .relation-list li .relation-txt p{font-size:13px; line-height:20px;}

/*----- solution top ここまで-----*/





/*----- solution article ここから-----*/

#solution-article{padding-bottom:100px;}

.solution-article-block .article-mv{height:200px;}
.solution-article-block .article-mv .mv-txt{left:0; margin-left:0; padding:0 20px; box-sizing:border-box;}
.solution-article-block .article-mv .mv-txt .article-ttl{font-size:16px; line-height:21px;}
.solution-article-block .article-mv .mv-txt .article-catch{font-size:11px;}


.solution-article-block .article-body{max-width:none; padding:40px 20px 45px;}
.solution-article-block .article-body .article-ttl01{font-size:16px; line-height:22px; margin-bottom:25px;}
.solution-article-block .article-body .article-ttl01:before{height:16px; top:3px;}
.solution-article-block .article-body .article-ttl02{font-size:14px; line-height:20px; margin-bottom:10px;}
.solution-article-block .article-body p{font-size:13px; line-height:21px;}
.solution-article-block .article-body img{width:100%;}
.solution-article-block .article-body figure{display:block;}
.solution-article-block .article-body figure img{display:block; max-width:none; width:100%;}
.solution-article-block .article-body figure figcaption{font-size:11px; line-height:16px;}


/*横並び*/
.solution-article-block .article-body .horizon-box{display:block;}
.solution-article-block .article-body .horizon-box-txt{width:100%; margin-right:0;}
.solution-article-block .article-body .horizon-box-img{max-width:none; width:100%;}

/*幅広画像*/
.solution-article-block .article-body .width-box{width:calc(100% + 40px); margin-left:-20px;}
.solution-article-block .article-body .width-box img{width:100%;}
.solution-article-block .article-body .width-box figcaption{padding:0 20px; box-sizing:border-box;}

/*矢印横並び*/
.solution-article-block .article-body .arrow-box{position:relative; display:block;}
.solution-article-block .article-body .arrow-box:before{display:none;}
.solution-article-block .article-body .arrow-box > *:first-child{margin-right:0; margin-bottom:33px;}
.solution-article-block .article-body .arrow-box > *:first-child:before{content:""; display:block; width:12px; height:12px; box-sizing:border-box; border-bottom:#a9a9a9 solid 1px; border-right:#a9a9a9 solid 1px; position:absolute; left:50%; margin-left:-6px; top:100%; margin-top:10px; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
.solution-article-block .article-body .arrow-box > * img{width:100%;}

/*画像リスト*/
.solution-article-block .article-body .img-list02{display:block;}
.solution-article-block .article-body .img-list02 li{max-width:none; width:100%; margin:0 0 35px;}
.solution-article-block .article-body .img-list02 li:last-child{margin-bottom:0;}
.solution-article-block .article-body .img-list02 li img{width:100%;}



.relation-case{padding:45px 20px 0; max-width:none; width:100%;}
.relation-case .relation-ttl{font-size:13px; margin-bottom:30px;}
.relation-case .relation-case-list li{margin-bottom:20px;}
.relation-case .relation-case-list li a{display:block;}
.relation-case .relation-case-list li a:after{display:none;}
.relation-case .relation-case-list li .case-img{width:100%;}
.relation-case .relation-case-list li .case-img img{width:100%;}
.relation-case .relation-case-list li .case-txt{width:100%; padding:15px 10px;}



.relation-product{padding:70px 20px 0; max-width:none; width:100%;}
.relation-product .relation-ttl{font-size:13px; margin-bottom:30px;}
.relation-product .relation-product-list li{margin:0 12px 12px 0; width:calc(50% - 6px);}
.relation-product .relation-product-list li:nth-child(2n){margin-right:0;}
.relation-product .relation-product-list li a{height:auto; padding-bottom:10px;}
.relation-product .relation-product-list li .item-img img{width:100%;}
.relation-product .relation-product-list li p{height:32px; -webkit-align-items:center; align-items:center; line-height:16px;}

.btn-back{margin-top:50px; padding:0 20px; box-sizing:border-box;}
.btn-back a{width:100%; max-width:340px; height:48px; font-size:13px; border:#e6e6e6 solid 1px;}
.btn-back a:before{width:8px; height:8px; left:24px; margin-top:-4px;}



/*記事用Margin調整*/

.s-mb0{margin-bottom:0 !important;}
.s-mb5{margin-bottom:5px !important;}
.s-mb10{margin-bottom:10px !important;}
.s-mb15{margin-bottom:15px !important;}
.s-mb20{margin-bottom:20px !important;}
.s-mb25{margin-bottom:25px !important;}
.s-mb30{margin-bottom:30px !important;}
.s-mb35{margin-bottom:35px !important;}
.s-mb40{margin-bottom:40px !important;}
.s-mb45{margin-bottom:45px !important;}
.s-mb50{margin-bottom:50px !important;}
.s-mb55{margin-bottom:55px !important;}
.s-mb60{margin-bottom:60px !important;}
.s-mb65{margin-bottom:65px !important;}
.s-mb70{margin-bottom:70px !important;}
.s-mb75{margin-bottom:75px !important;}
.s-mb80{margin-bottom:80px !important;}
.s-mb85{margin-bottom:85px !important;}
.s-mb90{margin-bottom:90px !important;}
.s-mb95{margin-bottom:95px !important;}
.s-mb100{margin-bottom:100px !important;}
.s-mb105{margin-bottom:105px !important;}
.s-mb110{margin-bottom:110px !important;}
.s-mb115{margin-bottom:115px !important;}
.s-mb120{margin-bottom:120px !important;}

/*----- solution article ここまで-----*/

}