@charset "utf-8";

/* common
-------------------------------------------------------------------------------------------------------- */





/* feature
-------------------------------------------------------------------------------------------------------- */
#feature						{ margin-top:-30px; }
#feature #about			{ height:500px; text-align:center; color:#fff; background:url(../img/feature/feature_bg.png) no-repeat center center; background-size:cover; box-sizing:border-box; }
#feature #about .title	{ padding:100px 0 40px; font-size:36px; }
#feature #about p		{ margin-bottom:20px; line-height:1.75; }
#feature #point							{}
#feature #point .title					{ padding:100px 0 120px; text-align:center; line-height:1.2; color:#326F98; font-size:68px; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; }
#feature #point .title span			{ display:block; font-size:36px; }
#feature #point .inBox				{ margin-bottom:140px; }
#feature #point .inBox p				{ margin-bottom:20px; }
#feature #point .inBox .sTitle				{ padding-bottom:10px; margin-bottom:40px; font-weight:bold; font-size:32px; background:url(../img/feature/feature_h_bg.png) no-repeat left bottom; }
#feature #point .inBox .sTitle img		{ margin:-14px 10px 0 0; }
#feature #point .inBox .txtBox			{ float:left; width:56%; line-height:1.75; }
#feature #point .inBox .linkBtn a			{ margin:0; }
#feature #point .inBox.end .pic			{ margin-bottom:40px; text-align:center; }
#feature #point .inBox.end .linkBtn a	{ margin:40px auto; }
@media screen and (max-width: 480px) {
#feature						{ margin-top:-10px; }
#feature #about			{ padding-bottom:20px; height:auto; text-align:left; }
#feature #about br		{ display:none; }
#feature #about .title	{ padding:40px 0 20px; font-size:24px; }
#feature #about p		{ margin-bottom:16px; line-height:1.6; }
#feature #point .title					{ padding:40px 0 40px; font-size:36px; font-weight:bold; }
#feature #point .title span			{ display:block; font-size:18px; }
#feature #point .inBox				{ margin-bottom:50px; }
#feature #point .inBox p				{ margin-bottom:16px; }
#feature #point .inBox .sTitle				{ padding-bottom:10px; margin-bottom:20px; font-weight:bold; font-size:20px; background:url(../img/feature/feature_h_bg.png) no-repeat left bottom; }
#feature #point .inBox .sTitle img		{ width:30px; margin:-14px 10px 0 0; }
#feature #point .inBox .right				{ text-align:center; }
#feature #point .inBox .right img		{ width:80%; }
#feature #point .inBox .txtBox			{ float:none; width:auto; line-height:1.6; }
#feature #point .inBox.end .pic			{ margin-bottom:10px; text-align:center; }
#feature #point .inBox.end .pic img	{  }
#feature #point .inBox.end .linkBtn a	{ margin:40px auto; }
}