@charset "utf-8";
/*******************************************/
/* Support                                 */
/*******************************************/
.hdg-title-support{ border-bottom:2px solid #d4dbdf; color:#0069b7; font-size:3.2rem; line-height:4.0rem; margin-bottom:12px; padding-bottom:12px; }
.support-list{ font-size:2.0rem; margin-bottom:16px; }
.hero-support{ background:url(../img/support/hero_01.png) no-repeat center bottom; background-size:cover; }
.hero-support-item1{ color:#fff; font-size:4.4rem; font-weight:bold; line-height:5.6rem; position:absolute; top:40px; right:112px;  }
.hero-support-item2{ color:#fff; line-height:2.8rem; position:absolute; top:168px; right:72px; width:432px; height:auto; }
.hero-support-item3{ background:#0069b7; color:#fff; line-height:1.4rem; padding:8px; position:absolute; top:0; left:0; }
.ul-support1{ border-top:2px solid #71afdf; clear:both; padding-top:24px; }
.ul-support1 li{ margin-bottom:20px; }
.ul-support1 li:last-child{ margin-bottom:0; }
.ul-support1 li dl{ display:table; }
.ul-support1 li dl dt{ display:table-cell; font-size:1.4rem; font-weight:bold; width:212px; }
.ul-support1 li dl dt::before{ background:#46b2e7; content:""; display:inline-block; margin-right:8px; position:relative; top:-4px; width:10px; height:1px; }
.ul-support1 li dl dd{ display:table-cell; width:calc(100% - 212px); }
.ul-support1 li dl dd.ddCat1, .ul-support1 li dl dd.ddCat2{ width:88px; }
.ul-support1 li dl dd.ddCat1 span, .ul-support1 li dl dd.ddCat2 span{ color:#fff; display:block; font-size:1.2rem; line-height:24px; text-align:center; width:100%; height:24px; }
.ul-support1 li dl dd.ddCat1 span{ background:#71afdf; }
.ul-support1 li dl dd.ddCat2 span{ background:#90bdc1; }
.ul-support1 li dl dd.ddHed{ padding-left:16px; width:calc(100% - 300px); }
.ul-support1 li dl dd.ddHed a{ font-weight:500; line-height:2.6rem; }
.ul-support1 li dl dd.ddHed a:hover{ color:#0068b7; }
.support-type{ display:table; margin-bottom:32px; }
.support-type dt{ color:#fff; display:table-cell; font-size:1.4rem; line-height:26px; text-align:center; width:100px; height:26px; }
.support-type dt.ddCat1{ background:#71afdf; }
.support-type dt.ddCat2{ background:#90bdc1; }
.support-type dd{ display:table-cell; font-size:1.8rem; line-height:2.6rem; padding-left:16px; }
.support-blog{ border:24px solid #efefef; padding:48px; }
.sbloClick{ background:#E6F0FF; border:solid 1px #CCC; display:inline-block; font-size:1.6rem; line-height:2.4rem; margin:0 4px; padding:0 8px; }
.sbloYokoku{ background:#FCF5E6; border:solid 1px #F60; padding:16px 24px; }
.yokokuTitle{ color:#F60; font-weight:bold; }

/*******************************************/
/* responsive                              */
/*******************************************/

@media screen and (max-width:767px) {
	.hero-support{ background: #75c3cf url(../img/support/hero_01.png) no-repeat center bottom; background-size: contain; margin-bottom:40px; height: auto; padding: 16px 16px 104px; }
	.hero-support-item1{ position: static; font-size: 2.6rem; line-height: 3.2rem; margin-bottom: 12px; }
	.hero-support-item2{ position: static; width: 100%; font-size: 1.4rem; line-height: 2.6rem; }
	.ul-support1 li{ margin-bottom:32px; }
	.ul-support1 li dl dt{ display:block; margin-bottom:16px; width:100%; }
	.ul-support1 li dl dd{ display:block; width:100%; }
	.ul-support1 li dl dd.ddCat1, .ul-support1 li dl dd.ddCat2{ margin:0 0 8px 20px; }
	.ul-support1 li dl dd.ddHed{ padding-left:20px; width:100%; }
	.support-blog{ border:8px solid #efefef; padding:16px; }
	.sbloYokoku{ padding:8px 16px; }
}