@charset "UTF-8";

/*================================================================================================*/
/* ★Fontsize list (12px=100%) */
/* | 9px =74.5%  | 10px=83%    | 11px=91%    | 12px=100%   | 13px=107.6% | 14px=115.8% | */
/* | 15px=124.2% | 16px=132.4% | 17px=140.7% | 18px=148.9% | 19px=157.2% | 20px=165.5% | */
/* | 21px=173.8% | 22px=182.1% | 23px=190.3% | 24px=198.6% | 25px=206.9% | 26px=197%   | */
/* |-----------------------------------------------------------------------------------| */
/* |  Classes  | .fontSS=10px | .fontS=12px | .fontM=13px | .fontL=16px | .fontLL=19px | */
/*================================================================================================*/

#solutions { }
#solutions .labels { margin-bottom:30px; }
#solutions .labels ul { width:620px; margin:0px auto; }
#solutions .labels ul li { position:relative; float:left; margin-bottom:12px; }
#solutions .labels ul li a { padding:6px 6px 0px 6px; border-right:1px solid #dddddd; margin:0 0 0px 0; display:block; }
#solutions .labels ul li a img { border-bottom:1px solid #dddddd; margin:0px 6px; display:block; position:relative; top:6px; }
#solutions .labels ul li.label03 a,
#solutions .labels ul li.label06 a { border:0; }
#solutions .labels ul li.label04 a img,
#solutions .labels ul li.label05 a img,
#solutions .labels ul li.label06 a img { border:0; }

#solutions .article { margin-bottom:35px; }
#solutions .article h2 { background:url(/common/img/bg_line01.png) bottom left no-repeat; padding-bottom:10px; font-size:148.9%; margin-bottom:15px; font-weight:300; }
#solutions .article h2 span { display:block; background:url(/common/img/img_bullet05.png) left no-repeat; padding-left:15px; }
#solutions .article .txtspn { padding:0px 15px; }

#solutions .contact { border:1px dotted #7f7f7f; padding:22px; }
#solutions .contact h2 { font-size:148.9%; margin-bottom:18px; font-weight:300; }
#solutions .contact h3 { font-size:124.2%; margin:0 0 5px 15px; font-weight:300; }
#solutions .contact p { margin:0 0 5px 15px; }

.btn_a,
.btn_b { font-size:148.9%; text-indent:10px; width:170px; display:inline;  display:-moz-inline-box; display:inline-block; /display:inline; /zoom: 1; vertical-align:top; }


/* デフォルト：1457px以上用（コンテンツ4カラム以上） ****************************************************************/
@media screen and (max-width: 1457px) {
}


/* 1214px以下用（コンテンツ3カラム） ****************************************************************/
@media screen and (max-width: 1214px) {
}

/* 972px以下用（コンテンツ2カラム）述  ****************************************************************/
@media screen and (max-width: 972px) {
#solutions .labels ul { width:380px; margin:0px auto; }
#solutions .labels ul li img { width:150px; height:auto; }
#solutions .labels ul li.label02 a,
#solutions .labels ul li.label04 a,
#solutions .labels ul li.label06 a { border:0; }
#solutions .labels ul li.label01 a,
#solutions .labels ul li.label03 a,
#solutions .labels ul li.label05 a { border-right:1px solid #dddddd; }
#solutions .labels ul li.label04 a img { border-bottom:1px solid #dddddd; }
#solutions .labels ul li.label05 a img,
#solutions .labels ul li.label06 a img { border:0; }
}

/* 729px以下用（コンテンツ2カラム） ****************************************************************/
@media screen and (max-width: 729px) {
.mainitem { width:auto; margin:0 10px 10px 10px!important; }
#boxes .mainitem { width:auto; margin:0 10px 10px 0px!important; }
.mainitem .inner { padding:15px; }
.mainitem #pagetitle { margin-bottom:25px; }

#solutions .labels { margin:0; }
#solutions .labels ul { width:280px; margin:0px auto; }
#solutions .labels ul li img { width:110px; height:auto; }

#solutions .publishinfo_entry { margin-bottom:18px; }
#solutions .contact { padding:12px; }
#solutions .contact h3 { margin:0 0 5px 0px; }
#solutions .contact p { margin:0 0 5px 0px; }
}


#inquiry { }
#inquiry .block { margin-bottom:30px; }
#inquiry .article { }
#inquiry .article h2 { background:url(/common/img/bg_line01.png) bottom left no-repeat; padding-bottom:10px; font-size:148.9%; margin-bottom:15px; font-weight:300; }
#inquiry .article h2 span { display:block; background:url(/common/img/img_bullet05.png) left no-repeat; padding-left:15px; }
#inquiry #error { text-align:center; color: #ff0000; }
#inquiry #error p { display:inline;  display:-moz-inline-box; display:inline-block; /display:inline; /zoom: 1; vertical-align:top; background:url(/common/img/img_error_pc.png) left no-repeat; padding:10px 0px 10px 40px; font-size:132.4%; }
#inquiry #lead { margin:30px auto 50px auto; }
#inquiry #steps { margin-bottom:10px; }
#inquiry #steps ul.for_pc { border-top:1px solid #007dbe; display:table!important; width:100%; }
#inquiry #steps ul li { display:table-cell; width:25%; text-align:center; }
#inquiry #steps ul li img { position:relative; top:-24px; }
#inquiry #steps ul li:first-child { text-align:left; }
#inquiry #steps ul li:nth-child(2) { text-indent:0px; }
#inquiry #steps ul li:nth-child(3) { text-indent:5px; }
#inquiry #steps ul li:last-child { text-align:right; }
#inquiry #steps ul li img { }
#inquiry #notice { margin-bottom:18px; }
#inquiry #notice p { color: #ff0000; font-size:91%; }
#inquiry #forms { margin-bottom:50px; }
#inquiry #forms .table { display:table; border-left:1px solid #c3c3c3; border-top:1px solid #c3c3c3; width:100%; }
#inquiry #forms .table .rows { display:table-row-group; }
#inquiry #forms .table .th { display:table-cell; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; padding:10px; background:#e7eef4; vertical-align:top; width:40%; }
#inquiry #forms .table .td { display:table-cell; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; padding:10px; vertical-align:top; }
#inquiry #forms .table .th span { color: #ff0000; }
#inquiry #forms .table .td input { vertical-align:bottom; }
#inquiry #forms .table .td .single { width:350px; }
#inquiry #forms .table .td .repeat { margin:20px auto 10px auto; }
#inquiry #forms .table .td .plain { }
#inquiry #forms .table .td .plain li { margin-bottom:3px; }
#inquiry #forms .table .td textarea { width:98%; }
#inquiry #forms .table .td .error { background:#ffcccc; }
#inquiry #forms .table .td .errortxt { margin:20px auto 10px auto; font-size:91%; color: #ff0000; margin:10px 0 0 0; }
#inquiry #submit { text-align:center; }
#inquiry #submit p.finish { margin-bottom:20px; font-size:148.9%; color:#007dbe; }
#inquiry #submit p.txt { margin-bottom:20px; }

.btn_a,
.btn_b { font-size:148.9%; text-indent:10px; width:170px; margin:0px 5px 10px 5px; display:inline;  display:-moz-inline-box; display:inline-block; /display:inline; /zoom: 1; vertical-align:top; }



/* デフォルト：1457px以上用（コンテンツ4カラム以上） ****************************************************************/
@media screen and (max-width: 1457px) {
}


/* 1214px以下用（コンテンツ3カラム） ****************************************************************/
@media screen and (max-width: 1214px) {
}

/* 972px以下用（コンテンツ2カラム）述  ****************************************************************/
@media screen and (max-width: 972px) {
#inquiry #steps ul.for_pc { display:none!important; }
#inquiry #steps ul.for_tb { border-top:1px solid #007dbe; display:table!important; width:100%; }
#inquiry #forms .table .th { display:table-cell; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; padding:10px; background:#e7eef4; vertical-align:top; }
#inquiry #forms .table .td .single { width:260px; }
#inquiry #submit .btn_b.w50 { font-size:115.8%; width:80%!important; }
}


/* 729px以下用（コンテンツ2カラム） ****************************************************************/
@media screen and (max-width: 729px) {
.mainitem { width:auto; margin:0 10px 10px 10px!important; }
.mainitem .inner { padding:15px; }
.mainitem #pagetitle { margin-bottom:25px; }

#inquiry #lead { margin:0px auto 50px auto!important; }
#inquiry #steps { margin-bottom:0px; }
#inquiry #steps ul.for_pc { display:none!important; }
#inquiry #steps ul.for_tb { display:none!important; }
#inquiry #steps ul.for_sp { border-top:1px solid #007dbe; display:table!important; width:100%; }
#inquiry #notice { margin-bottom:10px; }
#inquiry #forms { margin-bottom:30px; }
#inquiry #forms .table { display:block; }
#inquiry #forms .table .rows { display:block; }
#inquiry #forms .table .th { display:block; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; padding:10px; background:#e7eef4; vertical-align:top; width:auto; }
#inquiry #forms .table .td { display:block; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; padding:10px; vertical-align:top; }
#inquiry #forms .table .td .single { width:95%; }
#inquiry #forms .table .td input { vertical-align:middle; line-height:1; }
#inquiry #submit { margin-bottom:15px; }
}