@charset "utf-8";

#caution	{ text-align: center; font-size: 14px; padding: 20px 0; }
#caution a	{ font-weight: bold; font-size: 16px; color: #f00; }
#caution .spbr	{ display: none; }
@media screen and (max-width: 480px) {
#caution	{ font-size: 12px; }
#caution .spbr	{ display:inherit; }
}



#slider									{ width:auto; height:400px; margin:0 auto; position:relative; overflow:hidden; }
#slider .bx-wrapper				{ position:absolute; left:50%; margin-left:-480px; }
#slider .bx-viewport				{ width:960px; overflow:visible !important; margin:0 auto; }
#slider #evSlider div			{ min-width:960px; max-width:960px; }
#slider #evSlider div:hover	{ opacity:0.9; }
#slider .bx-controls-direction a	{ position:absolute; top:0; width:800px; height:100%; text-indent:-9999px; opacity:0.7; }
#slider .bx-prev					{ left:-800px; background:url(../img/home/slider_prev_bg.png) repeat-y right center; }
#slider .bx-next					{ left:960px; background:url(../img/home/slider_next_bg.png) repeat-y left center;  }
#slider .bx-pager					{ position:absolute; left:800px; bottom:10px; z-index:2; }
#slider .bx-pager					{ left:760px; }
#slider .bx-pager .bx-pager-item		{ display:inline-block; margin:0 5px; text-indent:-9999px; cursor:pointer; }
#slider .bx-pager .bx-pager-item .bx-pager-link	{ display:block; width:30px; height:10px; background-color:rgba(255,255,255,0.8); }
#slider .bx-pager .bx-pager-item .bx-pager-link.active	{ background-color:#326F98; }
@media screen and (max-width: 480px) {
#slider									{ height:auto; }
#slider .bx-wrapper				{ position:relative; left:0; margin-left:0; }
#slider .bx-viewport				{ width:auto; margin:0 auto; }
#slider #evSlider div			{ min-width: inherit; max-width: inherit; }
}


#products					{ padding:50px 0; }
#products .title			{ text-align:center; font-size:46px; color:#326f98; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#products .title span	{ margin-left:10px; font-size:22px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#products .lead			{ margin:20px 0 50px; text-align:center; }
#products ul				{ margin-left:-3.125%; min-height:260px; }
#products ul li				{ float:left; padding-left:3.125%; margin-bottom:30px; /*width:33.33%;*/ width:25%; box-sizing:border-box; }
#products ul li p			{ margin:10px 0; line-height:1.4; }
@media screen and (max-width: 480px) {
#products					{ padding:20px 0; }
#products .title			{ font-size:28px; line-height:1.4; }
#products .title span	{ display:block; margin-left:0; font-size:14px; }
#products .lead			{ margin:10px 0 20px; text-align:left; }
#products .lead br		{ display:none; }
#products ul				{ margin-left:-3.125%; min-height:none; }
#products ul li				{ float:left; padding-left:3.125%; margin-bottom:10px; width:50%; box-sizing:border-box; }
#products ul li p			{ margin:4px 0; line-height:1.2; font-size:12px; }
}


#feature						{ padding:70px 0; background:url(../img/feature/feature_bg.png) no-repeat center center; background-size:cover; }
#feature .title				{ margin-bottom:40px; line-height:1.4; text-align:center; font-size:60px; color:#fff; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#feature .title span		{ display:block; font-size:22px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#feature p					{ margin-bottom:30px; line-height:2; color:#fff; text-align:center; }
@media screen and (max-width: 480px) {
#feature						{ padding:30px 0 10px; }
#feature .title				{ margin-bottom:30px; line-height:1.4; text-align:left; font-size:36px; }
#feature .title span		{ font-size:14px; }
#feature p					{ margin-bottom:20px; line-height:1.6; text-align:left; }
#feature p br				{ display:none; }
}

#case					{ padding:70px 0; }
#case .title			{ text-align:center; font-size:46px; color:#326f98; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#case .title span	{ margin-left:10px; font-size:22px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#case .lead			{ margin:20px 0 50px; text-align:center; }
#case .caseList				{ margin-left:-3.125%; text-align:center; }
#case .caseList a				{ color:#333; }
#case .caseList li				{ float:left; padding-left:3.125%; margin-bottom:30px; width:33.33%; box-sizing:border-box; }
#case .caseList li .inBox		{ padding:30px 0; border-bottom:#a8a8a8 1px dotted; border-top:#a8a8a8 1px dotted; }
#case .caseList li .inBox .pic			{ margin-bottom:20px; }
#case .caseList li .inBox .pic img		{ border-radius:50%; }
#case .caseList li .inBox .bold			{ margin-bottom:10px; }
#case .caseList li .inBox .name		{ margin-bottom:2px; }
#case .caseList li .inBox .type			{ margin-bottom:16px; color:#999; font-size:12px; }
#case .caseList li .inBox .tag			{ margin-bottom:10px; font-size:12px; }
#case .caseList li .inBox .tag a		{ display:inline; color:#326f98; }
@media screen and (max-width: 480px) {
#case					{ padding:20px 0 10px; }
#case .title			{ font-size:28px; }
#case .title span	{ display:block; margin-left:0; font-size:14px; }
#case .lead			{ margin:10px 0 20px; text-align:left; }
#case .lead br		{ display:none; }
#case .caseList				{ margin-left:0; text-align:left; }
#case .caseList a				{ color:#333; }
#case .caseList li				{ float:none; padding-left:0; margin-bottom:0; width:auto; }
#case .caseList li .inBox		{ padding:20px 0 10px; border-bottom:none; }
#case .caseList li .inBox .pic			{ float:left; padding-right:10px; width:36%; box-sizing: border-box; }
#case .caseList li .inBox .txtBox		{ float:left; width:64%; }
#case .caseList li .inBox .bold			{ margin-bottom:6px; line-height:1.4; }
#case .caseList li .inBox .name		{ font-size:12px; margin-bottom:0; line-height:1.4; }
#case .caseList li .inBox .type			{ margin-bottom:10px; }
#case .caseList li .inBox .tag a		{ display:inline-block; }
}



.grBox					{ padding:70px 0; border-bottom:#ddd 1px solid; border-top:#ddd 1px solid; background-color:#fcfcfc; }
#faq						{ float:left; width:46.875%; }
#faq .title				{ font-size:32px; color:#326f98; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#faq .title span	{ display:inline-block; margin-left:10px; font-size:16px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#faq ul					{ border-top:#a8a8a8 1px dotted; }
#faq ul li				{ padding-left:100px; min-height:70px; font-size:15px; line-height:1.3; border-bottom:#a8a8a8 1px dotted;  background:no-repeat -10px center; background-size:120px; box-sizing:border-box; }
#faq ul li.txz			{ background-image:url(../img/common/ico_txz.png); }
#faq ul li.apz			{ background-image:url(../img/common/ico_apz.png); }
#faq ul li.plans			{ background-image:url(../img/common/ico_4db.png); background-position:left center; background-size:90px; }
#faq ul li.id3			{ background-image:url(../img/common/ico_id3.png); }
#faq ul li a			{ display:block; padding:16px 10px 12px 0; color:#333; font-weight:bold;}
#faq .linkBtn a		{ max-width:260px; }
#news						{ float:right; width:46.875%; }
#news .title				{ font-size:32px; color:#326f98; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#news .title span		{ display:inline-block; margin-left:10px; font-size:16px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
#news ul					{ border-top:#a8a8a8 1px dotted; }
#news ul li				{ padding:14px 10px 10px; min-height:70px; font-size:15px; line-height:1.3; border-bottom:#a8a8a8 1px dotted; box-sizing:border-box; }
#news ul li .status				{ margin-bottom:3px; }
#news ul li .newsTitle a		{ display:block; color:#333; font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
#news .linkBtn a		{ max-width:260px; }
@media screen and (max-width: 480px) {
.grBox					{ padding:20px 0; }
#faq						{ float:none; width:auto; }
#faq .title				{ font-size:28px; text-align:center; }
#faq .title span	{ display:block; margin-left:0; font-size:14px; }
#faq ul					{ margin-top:10px; }
#faq ul li				{ font-size:14px; }
#news						{ float:none; width:auto; }
#news .title				{ font-size:28px; text-align:center; margin:30px 0 10px; }
#news .title span		{ display:block; margin-left:0; font-size:14px; }
#news ul li				{ padding:12px 10px 8px; min-height: inherit; font-size:14px; }
#news ul li .status .day		{ font-size:12px; }
#news ul li .status .cat			{ font-size:10px; }
#news .linkBtn a		{ max-width:400px; }
}


#otherList			{ padding:70px 0; }
#otherList ul		{ margin-left:-3.125%; }
#otherList ul li		{ float:left; padding-left:3.125%; margin-bottom:30px; width:33.33%; box-sizing:border-box; }
#otherList ul li .inBox	{ padding:2px; box-shadow:0 1px 2px rgba(0,0,0,0.3); }
#otherList ul li .inBox .title	{ padding:16px 0 12px; text-align:center; font-size:18px; font-weight:bold; }
#otherList ul li .inBox .txt		{ padding:0 10px 16px; text-align:center; line-height:1.3; font-size:15px; }
@media screen and (max-width: 480px) {
#otherList			{ padding:0; }
#otherList .inner	{ padding:0; }
#otherList ul		{ margin-left:0; }
#otherList ul li		{ float:none; padding-left:0; margin-bottom:0; width:auto; box-sizing:border-box; }
#otherList ul li .inBox	{ padding:2px; box-shadow:0 1px 2px rgba(0,0,0,0.3); }
#otherList ul li .inBox .pic		{ float:left; width:40%; padding:10px 0; }
#otherList ul li .inBox .txtBox	{ float:left; width:60%; }
#otherList ul li .inBox .title	{ padding:10px 0 2px 10px; text-align:left; font-size:14px; line-height:1.4; }
#otherList ul li .inBox .txt		{ padding:0 10px 10px; text-align:left; line-height:1.3; font-size:12px; }




}