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

#print_data{ display:none;}
@page {	size: A4;margin: 12.7mm 9.7mm;}
@media print{
body {-webkit-print-color-adjust: exact;}
body{ padding:0 !important;display: block; width: 1280px;}
/*
#main,#header,#footer{ display:none;}
#print_data,#print_data img{ display:block;}
*/

#main .effect-cont,#main .scr_left,#main .scr_right,#main .scr_bottom,#main .scr_top{
opacity:1 !important;transform: translate(0%) !important;}
#header{ display: none;}
#footer{ display: none;}

}

#solution #mv{max-width:1280px; width:100%; margin:auto;}
#solution #mv h2{ position:relative;}
#solution #mv h2 b.ttl{ position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; text-align:center; height:1em; line-height:1; font-size:170%; color:#FFF; display:inline-block; font-weight:600;
-moz-text-shadow:0 0 5px rgba(0,0,0,0.30);-webkit-text-shadow:0 0 5px rgba(0,0,0,0.30);text-shadow:0 0 5px rgba(0,0,0,0.30);}
#solution #mv .text_wrap{width:92%; text-align:center; margin:3.5em auto;}
#solution #mv .text_wrap h3{ font-size:180%; font-weight:700; margin-bottom:0.75em;}
#solution #mv .text_wrap h3 span{ display:inline-block;}
#solution #mv .text_wrap p{ font-size:120%;}
#solution #mv .text_wrap p span{ display:inline-block;}


#solution #link_tab{ max-width:1280px; width:100%; margin:auto; font-size:1.1em;}
#solution #link_tab ul{ text-align:center; width:92%; margin:auto;}
#solution #link_tab ul li{ display:inline-block; width:25%;border:1px solid #FFF; position:relative;
background:#686868;
background: -moz-linear-gradient(to bottom,#686868,#686868);
background: -webkit-linear-gradient(to bottom,#686868,#686868);
background: -o-linear-gradient(to bottom,#686868,#686868);
background: -ms-linear-gradient(to bottom,#686868,#686868);
background: linear-gradient(to bottom,#686868,#686868);}
#solution #link_tab ul li a{ display:block;vertical-align:middle; line-height:1.3; padding:1.2em 0; color:#FFF; position:relative; z-index:3; padding-right:0.5em; letter-spacing:0;}
#solution #link_tab ul li a::after{ content:""; position:relative; z-index:3; display:inline-block; vertical-align:0.2em; width:0.7em; height:0.7em; line-height:1; border-bottom:0.1em solid #FFF; border-right:0.1em solid #FFF; margin-left:0.5em;
-moz-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg); }


#solution #link_tab ul li::before{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; opacity:0;transition-property: opacity;transition-duration: 0.4s;}
#solution #link_tab ul li:hover::before{opacity:1;}
#solution #link_tab ul li.print::before{
background:#d61c24;
background: -moz-linear-gradient(to bottom,#d61c24,#951505);
background: -webkit-linear-gradient(to bottom,#d61c24,#951505);
background: -o-linear-gradient(to bottom,#d61c24,#951505);
background: -ms-linear-gradient(to bottom,#d61c24,#951505);
background: linear-gradient(to bottom,#d61c24,#951505);}
#solution #link_tab ul li.education::before{
background:#43b43b;
background: -moz-linear-gradient(to bottom,#43b43b,#008000);
background: -webkit-linear-gradient(to bottom,#43b43b,#008000);
background: -o-linear-gradient(to bottom,#43b43b,#008000);
background: -ms-linear-gradient(to bottom,#43b43b,#008000);
background: linear-gradient(to bottom,#43b43b,#008000);}
#solution #link_tab ul li.digital::before{
background:#2380de;
background: -moz-linear-gradient(to bottom,#2380de,#2055A5);
background: -webkit-linear-gradient(to bottom,#2380de,#2055A5);
background: -o-linear-gradient(to bottom,#2380de,#2055A5);
background: -ms-linear-gradient(to bottom,#2380de,#2055A5);
background: linear-gradient(to bottom,#2380de,#2055A5);}
#solution #link_tab ul li.promotion::before{
background:#9341bf;
background: -moz-linear-gradient(to bottom,#9341bf,#604080);
background: -webkit-linear-gradient(to bottom,#9341bf,#604080);
background: -o-linear-gradient(to bottom,#9341bf,#604080);
background: -ms-linear-gradient(to bottom,#9341bf,#604080);
background: linear-gradient(to bottom,#9341bf,#604080);}





#solution #sec1{ margin-top:60px;}


#solution section.item_wrap .flex_wrap{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:space-between;-moz-box-pack:space-between;-ms-flex-pack:space-between;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:flex-start;-moz-box-align:flex-start;-ms-flex-align:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-ms-flex-wrap: wrap;flex-wrap: wrap;
width:92%; margin:auto;
}



#solution section.item_wrap .ttl_wrap{ position:relative;}
#solution section.item_wrap .ttl_wrap .cont_wrap .bg{ position:relative;}
#solution section.item_wrap .ttl_wrap .cont_wrap .ttl{ position:absolute; left:12%; top:50%; color:#FFF;
-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }
#solution section.item_wrap .ttl_wrap .cont_wrap .ttl b{ font-size:2.0em; display:block;}
#solution section.item_wrap .ttl_wrap .cont_wrap .ttl span{ position:relative; display:inline-block; font-size:0.8em; padding-top:0.4em;}
#solution section.item_wrap .ttl_wrap .cont_wrap .ttl span::after{ content:""; width:3em; height:0; border-top:2px solid; position:absolute; left:0; top:-1px;}
#solution section.item_wrap .ttl_wrap .cont_wrap .text{ width:84%; margin:1.5em 4% 2.5em auto;}

#solution section.item_wrap .ttl_wrap .deco{ position:absolute; left:4%; top:0;width:5.5%; height:100%;}

#solution section.item_wrap.education .ttl_wrap .cont_wrap .ttl{color:#666666;}

#solution section.item_wrap.print .ttl_wrap .deco{
background: -moz-linear-gradient(to bottom,#d61c24,rgba(255,0,4,0.00));
background: -webkit-linear-gradient(to bottom,#d61c24,rgba(255,0,4,0.00));
background: -o-linear-gradient(to bottom,#d61c24,rgba(255,0,4,0.00));
background: -ms-linear-gradient(to bottom,#d61c24,rgba(255,0,4,0.00));
background: linear-gradient(to bottom,#d61c24,rgba(255,0,4,0.00));}
#solution section.item_wrap.education .ttl_wrap .deco{
background: -moz-linear-gradient(to bottom,#43b43b,rgba(0,255,0,0.00));
background: -webkit-linear-gradient(to bottom,#43b43b,rgba(0,255,0,0.00));
background: -o-linear-gradient(to bottom,#43b43b,rgba(0,255,0,0.00));
background: -ms-linear-gradient(to bottom,#43b43b,rgba(0,255,0,0.00));
  background: linear-gradient(to bottom,#43b43b,rgba(0,255,0,0.00));}
#solution section.item_wrap.digital .ttl_wrap .deco{
background: -moz-linear-gradient(to bottom,#2380de,rgba(0,0,255,0.00));
background: -webkit-linear-gradient(to bottom,#2380de,rgba(0,0,255,0.00));
background: -o-linear-gradient(to bottom,#2380de,rgba(0,0,255,0.00));
background: -ms-linear-gradient(to bottom,#2380de,rgba(0,0,255,0.00));
background: linear-gradient(to bottom,#2380de,rgba(0,0,255,0.00));}
#solution section.item_wrap.promotion .ttl_wrap .deco{
background: -moz-linear-gradient(to bottom,#9341bf,rgba(255,0,150,0.00));
background: -webkit-linear-gradient(to bottom,#9341bf,rgba(255,0,150,0.00));
background: -o-linear-gradient(to bottom,#9341bf,rgba(255,0,150,0.00));
background: -ms-linear-gradient(to bottom,#9341bf,rgba(255,0,150,0.00));
background: linear-gradient(to bottom,#9341bf,rgba(255,0,150,0.00));}



#solution section.item_wrap .flex_wrap .cont{ max-width:370px; width:32%; margin-bottom:2.0em;}
#solution section.item_wrap .flex_wrap .cont .img{cursor:pointer;}
#solution section.item_wrap .flex_wrap .cont .img img{transition-property:transform;transition-duration:0.6s;}
#solution section.item_wrap .flex_wrap .cont .text{ text-align:center; font-size:110%; margin-top:0.3em;}
#solution section.item_wrap .flex_wrap .cont .text span{ display:inline-block;}

#solution section.item_wrap .flex_wrap .cont:hover .img img{
  transform:scale(0.95);}


/*▼PC版▼*/
@media all and (min-width: 769px) {
	
}

@media all and (min-width: 1281px) {
	
}
/*▲PC版▲*/



/*▼SP版▼*/
@media all and (max-width: 768px) {


#solution #mv h2 b.ttl{font-size:10vw;}
#solution #mv .text_wrap{width:94%; text-align:center; margin:1em auto 2.5em;}
#solution #mv .text_wrap h3{ font-size:1.2em; font-weight:700; margin-bottom:0.75em;}
#solution #mv .text_wrap p{ font-size:1em;}

#solution #mv h2 > img {position: relative;height: auto;width:100%;max-width:100%;left: 0%;-moz-transform: translateX(-0%);-webkit-transform: translateX(-0%);-o-transform: translateX(-0%);-ms-transform: translateX(-0%);transform: translateX(-0%);}

#solution #link_tab{font-size:1.1em;}
#solution #link_tab ul{ width:94%;}
#solution #link_tab ul li{ display:inline-block; width:100%;border:1px solid #FFF; position:relative;}


#solution section.item_wrap .ttl_wrap .cont_wrap .ttl{  left:0%; right:0; margin:auto; text-align:center;
-moz-text-shadow:0 0 3px rgba(0,0,0,0.70);-webkit-text-shadow:0 0 3px rgba(0,0,0,0.70);text-shadow:0 0 3px rgba(0,0,0,0.70);}
#solution section.item_wrap .ttl_wrap .cont_wrap .ttl b{ font-size:2.0em; display:block;}
#solution section.item_wrap .ttl_wrap .cont_wrap .ttl span{ position:relative; display:inline-block; font-size:0.8em; padding-top:0.4em;}
#solution section.item_wrap .ttl_wrap .cont_wrap .ttl span::after{ left:0; right:0; text-align:center; margin:auto;}
#solution section.item_wrap .ttl_wrap .cont_wrap .text{ width:90%; margin:1em 2% 2.5em auto; font-size:0.9em;}
#solution section.item_wrap .ttl_wrap .deco{  left:2%;width:3%;}


#solution section.item_wrap.education .ttl_wrap .cont_wrap .ttl{color:#FFF;}



#solution section.item_wrap .flex_wrap .cont{ width:49%; margin:0 auto 1.5em;}
#solution section.item_wrap .flex_wrap .cont .text{ font-size:0.9em; line-height:1.3;}




}
/*▲SP版▲*/