@charset "utf-8";
/* //////////////////////////////////////////////////////////////

 /css/outline.css
 
//////////////////////////////////////////////////////////////*/


/* -----------------------------------------------
 CONTENTS 
	
	1: header 
		
	2: main 
		:sp		
 ----------------------------------------------- */

/* --------------------------------------------------------------
 1: header
--------------------------------------------------------------- */
body{}
header{margin-bottom: 0;height: 96px;}

/* --------------------------------------------------------------
 2: main
--------------------------------------------------------------- */

/*main*/
.solution_h2{ position:relative;}
.solution_h2 p{ position:absolute;top: 63px; left:190px; font-size:34px;}
.solution_h2_txt{font-size:14px; text-align:left;padding: 10px;}
.solution_h2_txt span.red{ color:#c20000;}
span.red{ color:#c20000;}

h3{font-size: 14px; padding:0 !important;}

.solution_h3{position: relative;display: inline-block;width: 100%;height: 40px;margin-bottom:10px;}
.solution_h3 h3{color: #c20000;width: auto;background-color: #FFF;display: block;font-size: 19px;padding-right: 20px;position: absolute;top: 0;left: 0;z-index: 1;}
.solution_h3 span{background-image: url(../img/line.png);position: absolute;top: 18px;left: 0;width: 100%;height: 1px;}

.solution_area a{ background-color:#FFF !important;color: #0000ff;}
.solution_area p{font-size: 23px;text-align: left;margin: 0 auto 10px auto;}
p.solution_area_left{font-size: 14px;width: 435px; float:left;text-align: left;}
p.img{float: right;display: block;font-size: 13px;text-align: center;}

/*御相談から製造までの流れ*/
.solution_h2 p.font_size{text-align: left;top: 41px;left: 260px;}
.solution_advice{width: 100%;}
.solution_advice_box{border: 1px solid #A50303;padding: 15px;margin: 20px auto 0 auto;}
p.solution_left{float: left;width: 340px;}
p.solution_right{float: left;margin-left: 10px;text-align: center !important;font-size: 13px !important;}
.solution_advice p.ttl{background-color: #A50303;text-align: center;color: #FFF;font-size: 23px;width: 100%;padding: 5px 0;margin: 10px auto;}
.solution_advice p{margin: 10px;font-size: 14px;text-align: left;width: 672px;}
.solution_h4{display: inline-block;}
.solution_h4 p{text-align: left;font-size: 14px;}
.solution_h4 h4{position: relative;width: 607px !important;border-bottom: none;padding: 20px;margin: 0 0 1.5em;font-size: 1.3em;font-weight: bold;color: #fff;background: #FBFBFB;
    box-shadow: 12px 0 0 0 #FBFBFB, 0 12px 0 0 #FBFBFB, 1px 15px 4px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 12px 0 0 0 #FBFBFB, 0 12px 0 0 #FBFBFB, 1px 15px 4px -3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 12px 0 0 0 #FBFBFB, 0 12px 0 0 #FBFBFB, 1px 15px 4px -3px rgba(0,0,0,0.2);
    -o-box-shadow: 12px 0 0 0 #FBFBFB, 0 12px 0 0 #FBFBFB, 1px 15px 4px -3px rgba(0,0,0,0.2);
    -ms-box-shadow: 12px 0 0 0 #FBFBFB, 0 12px 0 0 #FBFBFB, 1px 15px 4px -3px rgba(0,0,0,0.2);}
.solution_h4 h4:before{content: " ";position: absolute;top: 100%;left: 100%;width: 0;height: 0;border-width: 12px 12px 0 0;border-style: solid;border-color: transparent;border-top-color: #CCC;}
.solution_h4 h4 span{content: " ";position: absolute;padding: 0 20px;bottom: 0;left: 0.8em;width: 5em;height: 1.8em;background-color: #EA7A44;top: 11px;left: 15px;font-size: 17px;line-height: 1.8em;
	transform: rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
}
.solution_h4 h4 p{ position:absolute;top: 10px;left: 150px;font-size: 1.2em;color: #000;}
/*Q&A*/
.solution_faq a{ background-color:#FFF !important;color: #0000ff;}
h4{width: 655px !important;}
h4 span.line{font-size: 16px !important;}
h4 span.h4_txt1{font-size: 16px !important;padding: 0;margin: 0 auto;}
.solution_faq{margin: 15px 0;}
.solution_faq td.color_red{ background-color: #A50303;padding: 10px 5px;color: #FFF;font-size: 16px}
.solution_faq td.color_black{ background-color: #1E1E1E;padding: 10px 5px;color: #FFF;font-size: 16px}
.solution_faq td.txt{padding: 10px;font-size: 14px;color: #A50303; width: 100%;}
.solution_faq td.txt1{padding: 10px;font-size: 14px;}
.solution_faq table{ text-align:left;margin: 10px 0;}

/*staff*/
.solution_area table{text-align: left; font-size: 14px;border: 1px solid #CCC;border-collapse : collapse;margin-bottom: 20px;}
.solution_area table img{vertical-align: top;}
.solution_area td.no{width: 34px;background-color: #A50303;color: #FFF;vertical-align: middle; text-align:center;}
.solution_area td.q{width: 81px;padding: 13px; border-bottom: 1px solid #CCC;}
.solution_area td.a{padding: 13px;border-bottom: 1px solid #CCC;border-left: 1px solid #CCC;width: 295px;}
.solution_area td.c{padding: 13px;border-left: 1px solid #CCC;border-top: 1px solid #CCC;}
.solution_area td.staff_img{border-right: 1px solid #CCC;border-bottom: 1px solid #FFF; vertical-align: bottom;}
.solution_area td.staff_img img{border-left: 10px solid #FFF;}
.solution_area td.staff_img2{border-right: 1px solid #CCC;vertical-align: top;}
.solution_area td.staff_img2 img{border-left: 10px solid #FFF; margin-top: 10px;}

/*コストダウン・海外生産*/
.solution_h2 p.font_size2{text-align: left;top: 55px;left: 297px;font-size: 18px;line-height: 1.2em;}
.solution_cost_reduction_h3{position: relative;display: inline-block;width: 100%;height: 35px;margin-top: 16px;}
.solution_cost_reduction_h3 h3{color: #c20000;width: auto;background-color: #FFF;display: block;font-size: 19px;padding-right: 20px;position: absolute;top: 0;left: 0;z-index: 1;margin: 0 auto;min-height: inherit;
    border: none;text-align: left;
    zoom: 1;
    line-height: 1.7em;}
.solution_cost_reduction_h3 span{background-image: url(../img/line.png);position: absolute;top: 18px;left: 0;width: 100%;height: 1px;}
p.cost_reduction_txt1{text-align: left;}
.automation{margin-top: 10px;}
.cost{margin: 10px auto;display: inline-block;width: 100%;}
.cost p{float: left;width: 380px;text-align: left; font-size:14px; line-height: 1.7em;}
.cost img{float: right;}

/*ソリューション事例*/

.solution_case_h2{margin: 15px auto 17px auto;position: relative;height: 94px;}
.solution_case_h2 img{position: absolute;top: 0;left: 0;}
.solution_case_h2 p.font_size{font-size: 25px;width: 580px;position: absolute;top: 10px;left: 110px;text-align: left;border-bottom: 1px solid #d0090a;padding-bottom: 5px;}
.solution_case_h2 p.font_size2{font-size: 15px;text-align: left;width: 590px;position: absolute;top: 60px;left: 112px; text-align:left;}
.solution_case{ text-align:left; margin-bottom:30px;}
.solution_case p.ttl span{background-image: url(../img/solution_case_h3_bg2.png);}
.solution_case p.ttl{ position:relative;height: 28px;}
.solution_case p.ttl img{position: absolute;top: 0;left: 0;}
.solution_case p.ttl span {color: #FFF;display: inline-block;height: 25px;position: absolute;top: 0px;left: 9px;padding: 0 10px;padding-top: 3px;padding-bottom: 0;font-size: 14px;}
.solution_case p.h3{border: 2px solid #d0090a;padding: 10px;}
p.solution_case_h4{background-image: url(../img/solution_case_h3_bg3.png);padding: 8px;font-size: 19px;border: 1px solid #000;}
p.solution_case_h4 span{font-size: 14px;padding: 0 10px;}
.solution_case table{width: 100%;border-left: 1px solid #000;border-right: 1px solid #000;border-bottom: 1px solid #000;}
.solution_case table th{padding: 5px; border-right: 1px solid #000; text-align: center;background-color: #fdfdfd;}
.solution_case table td{border-right: 1px solid #000; border-top:1px solid #000;text-align: center;padding: 5px 0;}
.solution_case_i{margin: 10px auto;text-align: center;}
.solution_case_i_txt1{text-align: right; color:#d0090a;}
.solution_case_i_txt2{ text-align:right;}
.solution_case_i_txt2 span{ text-align:left;display: inline-block;}
#maincontent a{ background-color:#FFF;color: #0000ff;}
a.solution_case_btn{ position:relative;}
a.solution_case_btn p{position: absolute;top: 15px;left: 13%; font-size:18px;}
a.solution_case_btn p span{ color:#000;}
.solution_case p.h3 span.solution_case_left{float: left;width: 435px;display: inline-block;}
.solution_case p.h3 span.solution_case_right{display: inline-block;padding: 0 10px;font-size: 12px;text-align: center;color: #d0090a;}
p.solution_case_h5{text-align: center;font-size: 19px;}
p.solution_case_h5 span{font-size: 14px;padding: 0 10px;}
p.solution_case_i_txt3{ text-align:left;}
p.solution_case_i_txt3 span{font-size: 12px;}
.solution_case p.h3 span.solution_case_left2 {float: left;width: 415px;display: inline-block;}
.solution_case p.h3 span.solution_case_none{ display:inline-block;}
span.solution_case_right2{display: inline-block;padding: 0 3px;font-size: 12px;text-align: center;color: #d0090a; vertical-align: top;}
a.pdf span{background-image: url(../img/pdf.png);width: 12px;height: 14px;color: #FFF;background-repeat: no-repeat;margin-left: 5px;display: inline-block;vertical-align: middle;padding-bottom: 4px;}
.solution_case p.h3 span.solution_case_left3 {float: left;width: 225px;display: inline-block;}
.youtube iframe{width: 100%;}
span.solution_case_right span.b{ color:#000;}
.solution_h2 p.font_size3 {text-align: left;top: 55px;left: 220px;font-size: 27px;line-height: 1.2em;}
.solution_case_box{width: 100%;border: 1px solid #CE0B0B;margin: 10px auto 15px auto;}
.solution_case_box_ttl{position: relative;height: 48px;width: 98%;}
p.solution_case_box_ttl_txt1{text-align: left;font-size: 15px;background-color: #CE0B0B;display: inline-block;color: #FFF;padding: 10px;position: absolute;top: 0;left: 0;}
p.solution_case_box_ttl_txt2{font-size: 25px;text-align: left;position: absolute;top: 4px;left: 105px;border-bottom: 1px solid #000;width: 580px;}
.solution_case_box_in{display: inline-block;padding: 10px;}
p.solution_case_box_in_img{float: left;width: 32%;}
p.solution_case_box_in_img img{}
p.solution_case_box_in_txt1{float: left;width: 66%;padding-left: 10px;text-align: left;}
span.solution_case_top_btn{float: right;}


#sidecontainer ul{ text-align:left;background:#2B2B2B;margin: 0 0 15px 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
#sidecontainer ul li{position: relative;border-bottom: 1px solid #575757;}
#sidecontainer ul li.last{border-bottom:none;}
#sidecontainer ul a{padding: 15px 0; padding-left:25px;text-decoration:none; color:#FFF; font-weight:normal;display: block;}
#sidecontainer ul a span{font-size:12px;}
#sidecontainer li.outline{ background-color:#A50303;}

#sidecontainer ul li.lasts a.color{background-color:#A50303;color:#FFF;}
#sidecontainer ul li.lasts a:before{border-bottom: solid 2px #FFF;border-left: solid 2px #FFF;}*

#sidecontainer li.outline a:before {display: block;position: absolute;top: 50%;left: 10px;width: 7px;height: 7px;margin-top: -4px;margin-top: -4px;border-bottom: solid 2px #FFF;border-left: solid 2px #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
#sidecontainer ul a:before {display: block;position: absolute;top: 50%;left: 10px;width: 7px;height: 7px;margin-top: -4px;margin-top: -4px;border-bottom: solid 2px #2B2B2B;border-left: solid 2px #2B2B2B;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
#sidecontainer ul a:hover{background-color:#A50303;}
#sidecontainer ul a:hover:before{display: block;position: absolute;top: 50%;left: 10px;width: 7px;height: 7px;margin-top: -4px;margin-top: -4px;border-bottom: solid 2px #FFF;border-left: solid 2px #FFF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

@media only screen and (max-device-width: 0), screen and (max-width: 720px){
#maincontent a{display: inline-block;}
.solution_h2 p{font-size: 1.2em;line-height: 1.2em;text-align: left;top: 46%;left: 27%;}
p.solution_area_left{ width:100%;}
p.img{ float:none;}
.solution_h2 p.font_size{left: 37%;top: 37%;font-size: 1.2em;}
.solution_advice p.ttl{font-size: 1.2em;}
.solution_advice p{width: 100%;margin: 10px 0;}
.solution_h3 h3{width: 100%;padding: 0;font-size: 1.5em;margin-top: 1em;position: inherit;display: block;float: none;}
.solution_h4 p{font-size: 1em;}
.solution_advice_box{padding: 0.5em;margin: 0.5em auto 0 auto;}
.solution_h3{height: auto;}
.solution_area p{font-size: 1.2em;}
p.solution_area_left{font-size: 1em;}
.solution_h4 p{font-size: 1em; margin: 0 auto;width: 100%;}
#maincontent img.triangle{ width:auto; height:auto;}
h4{ width:95% !important;}
.solution_h4{ width:100%;}
.solution_h4 h4{ width:95% !important;padding: 20px 0;height: 50px;}
.solution_h4 h4 p{width: 95%;position: absolute;top: 2.7em;left: 0.5em;font-size: 1em;
}
.solution_area td.staff_img{width: 45%;vertical-align: top;}
#maincontent img{border: none;}
.solution_area table{ font-size:1em;}
.solution_area td.no{width: 5%;}
.solution_area td.q{width: 10%;font-size: 0.9em;padding: 0.5em;}
.solution_area td.a{width: 35%;font-size: 0.9em;}
.solution_area table tr{ border:1px solid #CCC;}

.solution_h2 p.font_size2{font-size: 0.5em;left: 43%;top: 26%;}
.cost p{ width:100%;}

.solution_h2 p.font_size3{font-size: 1.1em;width: 64%;top: 28%;left: 34%;}
p.solution_case_box_ttl_txt1{ font-size:1.1em;}
p.solution_case_box_in_img{float: none;width: 100%;}
p.solution_case_box_in_img img{ width:auto !important;}
p.solution_case_box_ttl_txt2{width: 63%;font-size: 1em;min-height: 3em;}
p.solution_case_box_in_txt1{width: 100%;float: none;}
span.solution_case_top_btn{float: none;text-align: center;margin: 0 auto;display: block;}
span.solution_case_top_btn a{ display:inline-block !important;}
.solution_case_h2 img{ width:auto !important;}
.solution_case_h2 p.font_size{font-size: 1.2em;width: 63%;}
.solution_case_h2 p.font_size2{font-size: 1em;top: 73%;}
.solution_case img{ width:auto !important;}
.solution_case table{width:100%;overflow: scroll !important;table-layout: fixed;word-break: break-word;}
.solution_case table td{ font-size:0.9em;}
.solution_case_i img{ width:100% !important;}
.solution_case  img.solution_case_i{width:100% !important;}
h4 span.h4_txt1 {font-size: 1em !important;}
a.solution_case_btn img{height: 50px;}
a.solution_case_btn p{font-size: 1.2em;left: 0;top: 0;padding: 0 0.5em;}
.solution_case p.h3 span.solution_case_left{float: none;width: auto;}
.solution_case p.h3 span.solution_case_left2{float: none;width: auto;}
p.solution_case_h4{font-size: 1.1em;text-align: left;}
.solution_case p.h3 span.solution_case_right{ display:block;}
span.solution_case_right2{ display:block;}
section.solution_case a{word-wrap: break-word !important;display: block!important;}
span.youtube{ width:100%;}
.youtube iframe{ height:auto; }
}