@charset "UTF-8";
.ib{
	display: inline-block;
}
.wrapper .content #pointBox01 {
	background-color: #bc272d;
	width: 94.5%;
	padding:2.7%;
	margin-bottom: 100px;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
background-image:url(../img/feature/feature_txt_01.png);
background-repeat: no-repeat;
background-position: 97.3% 10px;
}
.wrapper .content #pointBox01 .ttl01 {
	font-size: 131.25%;
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 5px;
}
.wrapper .content #pointBox01 .ttl01:before {
	content:"＼";
}
.wrapper .content #pointBox01 .ttl01:after {
	content:"／";
}
.wrapper .content #pointBox01 .inner {
	background-color: #FFFFFF;
	padding: 2.7%;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}
.wrapper .content #pointBox01 .inner li {
	margin: 0 0 0;
  position: relative;
  padding: 0 0 0 1.2em;
}
.wrapper .content #pointBox01 .inner li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #bc272d;
  border-radius: 100%;
}
.wrapper .content #pointBox01 .inner li span{
	margin: 0 0 10px;
	padding: 0;
	font-size: 106.25%;
	font-weight: normal;
	display: block;
}
.wrapper .content .colArea01.cf .col01 p span {
	text-decoration: underline;
}

@media screen and (max-width:768px){
	
}
@media screen and (max-width:480px){
	
.wrapper .content #pointBox01 {
	background-color: #bc272d;
	width: 92.5%;
	padding:3.75%;
	margin-bottom: 50px;
    border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
	background-image:none
}
.wrapper .content #pointBox01 .inner {
	background-color: #FFFFFF;
	padding: 3.75%;
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
}
}
.colArea01 .ttl{
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-size: 137.50%;
	border-bottom: 1px dashed #bc272d;
	font-weight: bold;
	line-height: 1.4;
}
h4{
	padding: 0;
	margin: 0 0 6px 0;
}
/* feature
   -------------------------------------------------------------------------- */

.feature_area{
	width: 100%;
	padding: 0;
	margin: 0;
}
.feature_area figure img{
	width: 100%;
	margin: 0;
	padding: 0;
}
.feature_area ul.lead_set{
	width: 100%;
	margin: 0 0 60px 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.feature_area ul.lead_set > li:first-child{
	width: 26%;
	margin: 0;
	padding: 0;
}
.feature_area ul.lead_set > li:last-child{
	width: 67%;
	margin: 0;
	padding: 0;
}
.feature_area ul.lead_set > li .ttl{
	font-size: clamp(18px, 2.0vw, 24px);
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1.4;
}
@media all and (max-width:600px){
.feature_area ul.lead_set{
	width: 100%;
	margin: 0 0 30px 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
.feature_area ul.lead_set > li:first-child{
	width: 160px;
	margin: 0 auto 30px;
	padding: 0;
}
.feature_area ul.lead_set > li:last-child{
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0;
}
.feature_area ul.lead_set > li .ttl{
	font-size: clamp(18px, 2.0vw, 24px);
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1.4;
}
}

.feature_area .main_ttl_set {
	height: auto;
	line-height: 1.4;
	margin: 0;
} 
.feature_area .main_ttl {
	position: relative;
	padding: 0 0 0 50px;
	font-size: 1.5em;
	font-weight: bolder;
	margin: 0 0 20px 0;
	font-size: clamp(22px, 2.6vw, 28px);
	font-weight: bold;
	flex-wrap: wrap;
}

.feature_area .main_ttl.num1::before {
	position: absolute;
	top: -10px;
	left: 0;
	width: 50px;
	content: url(../img/feature/feature_num_1.svg);
}
.feature_area .main_ttl.num2::before {
	position: absolute;
	top: -10px;
	left: 0;
	width: 50px;
	content: url(../img/feature/feature_num_2.svg);
}
.feature_area .main_ttl.num3::before {
	position: absolute;
	top: -10px;
	left: 0;
	width: 50px;
	content: url(../img/feature/feature_num_3.svg);
}
.feature_area .main_ttl.num4::before {
	position: absolute;
	top: -10px;
	left: 0;
	width: 50px;
	content: url(../img/feature/feature_num_4.svg);
}


@media all and (max-width:600px){
.feature_area .main_ttl.num1::before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 50px;
	content: url(../img/feature/feature_num_1.svg);
}
.feature_area .main_ttl.num2::before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 50px;
	content: url(../img/feature/feature_num_2.svg);
}
.feature_area .main_ttl.num3::before {
	position: absolute;
	top: 6px;
	left: 0;
	width: 50px;
	content: url(../img/feature/feature_num_3.svg);
}
.feature_area .main_ttl.num4::before {
	position: absolute;
	top: -6px;
	left: 0;
	width: 50px;
	content: url(../img/feature/feature_num_4.svg);
}
}


ul.feature_set{
	width: 100%;
	padding: 0 0 30px 0;
	margin: 0 0 40px 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px dotted #6b6b6b;
}
ul.feature_set > li:first-child{
	width: 60%;
	margin: 0;
	padding: 0;
	text-align: justify;
}
ul.feature_set > li:last-child{
	width: 36%;
	margin: 0;
	padding: 0;
}
ul.feature_set > li .sub_ttl{
	width: 100%;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}
ul.feature_set > li .lead{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: clamp(22px, 2.2vw, 24px);
	color: #cc6867;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.4;
}
@media all and (max-width:600px){
ul.feature_set > li:first-child{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: justify;
}
ul.feature_set > li:last-child{
	width: 70%;
	margin: auto;
	padding: 0;
}
}

.lead {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: clamp(22px, 2.2vw, 24px);
  color: #cc6867;
  font-weight: normal;
  letter-spacing: 2px;
}
small{
	font-size: 14px;
}

.feature_area .sub_img_wrapper {
  width: 70%;
  margin: 0 auto 30px;
  padding: 0;
  position: relative;
}

.feature_area .sub_img_wrapper.ico01::after {
  content: "";
  display: block;
  width: 120px;
  height: 140px;
  position: absolute;
  left: -20%;
  bottom: -20px;
  background-image: url(../img/feature/feature_ico_01.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.feature_area .sub_img_wrapper.ico02::after {
  content: "";
  display: block;
  width: 72px;
  height: 140px;
  position: absolute;
  right: -20%;
  bottom: -20px;
  background-image: url(../img/feature/feature_ico_02.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.feature_area .sub_img_wrapper.ico03::after {
  content: "";
  display: block;
  width: 120px;
  height: 100px;
  position: absolute;
  left: -20%;
  bottom: -20px;
  background-image: url(../img/feature/feature_ico_03.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.feature_area .sub_img_wrapper.ico04::after {
  content: "";
  display: block;
  width: 67px;
  height: 140px;
  position: absolute;
  right: -20%;
  bottom: -20px;
  background-image: url(../img/feature/feature_ico_04.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.clr01{
	color: #1f90b6 !important;
}
.clr02{
	color: #c06e93 !important;
}
.clr03{
	color: #208fb5 !important;
}
.clr04{
	color: #c06d92 !important;
}

ul.feature_set > li.col1{
	width: 100%;
}

.policy_btn a.policy_title {
	display: block;
  margin: 10px 0;
  padding: 10px;
  line-height: 20px;
  background-color: #f5f5f5;
  font-weight: normal;
  color: #000000;
  font-weight: bold;
}