@charset "UTF-8";
/* CSS Document */



/*ノート風のデザイン
---------------------------------------------------------------------------*/

/*線*/
.note1{
  background-image:
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 97%,
      #ddd 97%,
      #ddd 100%
    );
  background-size:100% 2.5em;
  line-height:2.5;
}
.note1 p{
  margin-bottom:2.5em;
}
/*点線*/
.note2{
  background-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 50%,
      #ffff 50%,
      #ffff 50%
    ),
    linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,0) 97%,
      #999 97%,
      #999 100%
    );
  background-size:
    8px 100%,
    100% 2.5em;
  line-height:2.5;
}
.note2 p{
  margin-bottom:2.5em;
}

@media screen and (max-width: 768px) {
.note1{
  background-size:100% 2.2em;
  line-height:2.2;
}
.note1 p{
  margin-bottom:2.2em;
}
.note2{
  background-size:
    8px 100%,
    100% 2.2em;
  line-height:2.2;
}
.note2 p{
  margin-bottom:2.2em;
}	
}

/*囲み枠のデザイン
---------------------------------------------------------------------------*/

/*二重線（内枠細線、外枠太線）*/
.box01 {
 border:3px solid var(--box01-bd-color1,--base);
 outline: 1px solid var(--box01-bd-color2,--base);
 outline-offset: -10px;
 background: var(--box01-bg-color,#ffffff);	
 color: var(--box01-font-color,#424242);	
 padding: var(--box01-pd-pc,25px 35px 25px 35px);
}
@media screen and (max-width: 768px) {
.box01 {
 padding: var(--box01-pd-sp,25px 25px 25px 25px);	
}	
}


/*二重線（内枠点線、外枠太線）*/
.box02 {
 border:3px solid var(--box02-bd-color1,--base);
 outline: 1px dotted var(--box02-bd-color2,--base);
 outline-offset: -10px;
 background: var(--box02-bg-color,#ffffff);	
 color: var(--box02-font-color,#424242);	
 padding: var(--box02-pd-pc,25px 35px 25px 35px);
}
@media screen and (max-width: 768px) {
.box02 {
 padding: var(--box02-pd-sp,25px 25px 25px 25px);	
}	
}

/*背景色あり（内枠直線）*/
.box03 {
 margin: 0 auto;
 background-color: var(--box03-bg-color,--base1);
 box-shadow: 0px 0px 0px 7px var(--box03-bg-color,--base1);
 border: 1px solid var(--box03-bd-color,--base);
 color: var(--box03-font-color,#424242);	
 padding: var(--box03-d-pc,25px 35px 25px 35px);
}
@media screen and (max-width: 768px) {
.box03 {
 padding: var(--box03-pd-sp,25px 25px 25px 25px);	
}	
}

/*背景色あり（内枠点線）*/
.box04 {
 margin: 0 auto;
 background-color: var(--box04-bg-color,--base1);
 box-shadow: 0px 0px 0px 7px var(--box04-bg-color,--base1);
 border: 1px dotted var(--box04-bd-color,--base);
 color: var(--box04-font-color,#424242);	
 padding: var(--box04-pd-pc,25px 35px 25px 35px);
}
@media screen and (max-width: 768px) {
.box04 {
 padding: var(--box04-pd-sp,25px 25px 25px 25px);	
}	
}

/*背景色あり（内枠点線）*/
.box05 {
 margin: 0 auto;
 background-color: var(--box05-bg-color,--base1);
 box-shadow: 0px 0px 0px 7px var(--box05-bg-color,--base1);
 border: 4px double var(--box05-bd-color,--base);
 color: var(--box05-font-color,#424242);	
 padding: var(--box05-pd-pc,25px 35px 25px 35px);
}
@media screen and (max-width: 768px) {
.box05 {
 padding: var(--box05-pd-sp,25px 25px 25px 25px);	
}	
}

/*ボックスシャドウ（通常）*/
.box06 {
  margin: 0 auto;
  background-color: var(--box06-bg-color,#ffffff);	
  color: var(--box06-font-color,#424242);	
  position: relative;
  min-height:auto;
  box-shadow: 0px 3px 10px 0px rgba(0,0,0,.2); 
  padding: var(--box06-pd-pc,25px 35px 25px 35px);
}
@media screen and (max-width: 768px) {
.box06 {
 padding: var(--box06-pd-sp,25px 25px 25px 25px);	
}	
}

/*タイトル付き#1*/
.box07-title {
  margin: 0 auto;
  background-color: var(--box07-title-bg-color,--base);	
  color: var(--box07-title-font-color,#ffffff);	
  font-size: var(--box07-title-font-size-pc,1.8rem);	
  font-weight: var(--box07-title-font-weight,600);	
  line-height: var(--box07-title-linehight,1.6);	
  padding: var(--box07-title-pd-pc,15px 35px 15px 35px);
  border-top: 1px solid var(--box07-bd-color,--base);
  border-left: 1px solid var(--box07-bd-color,--base);
  border-right: 1px solid var(--box07-bd-color,--base);
}
.box07 {
  margin: 0 auto;
  background-color: var(--box07-bg-color,#ffffff);	
  color: var(--box06-font-color,#424242);
  font-size: var(--box07-font-size-pc,1.6rem);
  min-height:auto;
  border-bottom: 1px solid var(--box07-bd-color,--base);
  border-left: 1px solid var(--box07-bd-color,--base);
  border-right: 1px solid var(--box07-bd-color,--base);
  padding: var(--box07-pd-pc,25px 35px 25px 35px);
}
@media screen and (max-width: 768px) {
.box07-title {
 padding: var(--box07-title-pd-sp,10px 25px 10px 25px);	
 font-size: var(--box07-title-font-size-sp,1.6rem);		
}
.box07 {
  padding: var(--box07-pd-sp,25px 25px 25px 25px);
  font-size: var(--box07-font-size-sp,1.7rem);	
}	
}

/*タイトル付き#2*/
.box08-title {
  margin: 0 auto;
  background-color: var(--box08-title-bg-color,--base1);	
  color: var(--box08-title-font-color,#ffffff);	
  font-size: var(--box08-title-font-size-pc,1.8rem);	
  font-weight: var(--box08-title-font-weight,600);
  line-height: var(--box08-title-linehight,1.6);	
  padding: var(--box08-title-pd-pc,15px 35px 15px 35px);
  border-top: 1px solid var(--box08-bd-color,--base);
  border-left: 1px solid var(--box08-bd-color,--base);
  border-right: 1px solid var(--box08-bd-color,--base);
}
.box08 {
  margin: 0 auto;
  background-color: var(--box08-bg-color,#ffffff);	
  color: var(--box08-font-color,#424242);
  font-size: var(--box08-font-size-pc,1.6rem);
  min-height:auto;
  border-bottom: 1px solid var(--box08-bd-color,--base);
  border-left: 1px solid var(--box08-bd-color,--base);
  border-right: 1px solid var(--box08-bd-color,--base);
  padding: var(--box08-pd-pc,25px 35px 25px 35px);
}
@media screen and (max-width: 768px) {
.box08-title {
 padding: var(--box08-title-pd-sp,10px 25px 10px 25px);	
 font-size: var(--box08-title-font-size-sp,1.6rem);		
}
.box08 {
  padding: var(--box08-pd-sp,25px 25px 25px 25px);
  font-size: var(--box08-font-size-sp,1.7rem);	
}	
}

/*タイトル付き#3*/
.box09 {
    position: relative;
    margin: 0.5em auto;
    padding: var(--box09-pd-pc,25px 35px 25px 35px);
    border: var(--box09-bd-size,3px);
	border-style: var(--box09-bd-style,solid);
	border-color: var(--box09-bd-color,--base);
	background: var(--box09-bg-color,#fff);
	font-size: var(--box09-font-size-pc,1.6rem);
	color: var(--box09-font-color,#424242)
}
.box09 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: var(--box09-title-pd-pc,0px 9px 0px 9px);
    line-height: 1;
    font-size: var(--box09-title-font-size-pc,1.9rem);
    background: var(--box09-bg-color,#fff);
    color: var(--box09-title-font-color,--base);
    font-weight: var(--box09-title-font-weight,600);
}
.box09 p {
    margin: 0; 
    padding: 0;
}
@media screen and (max-width: 768px) {
.box09 {
 padding: var(--box09-pd-sp,25px 25px 25px 25px);
 font-size: var(--box09-font-size-sp,1.6rem);		
}
.box09 .box-title {
  padding: var(--box09-title-pd-sp,0px 9px 0px 9px);
  font-size: var(--box09-title-font-size-sp,1.7rem);	
}	
}

/*タイトル付き#4*/
.box10 {
    position: relative;
    margin: 1em auto;
    padding: var(--box10-pd-pc,25px 35px 25px 35px);
    border: var(--box10-bd-size,3px);
	border-style: var(--box10-bd-style,solid);
	border-color: var(--box10-bd-color,--base);
	background: var(--box10-bg-color,#fff);
	font-size: var(--box10-font-size-pc,1.6rem);
	color: var(--box10-font-color,#424242)
}
.box10 .box-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: 20px;
    padding: var(--box10-title-pd-pc,1px 12px 3px 12px);
    line-height: 30px;
	height: 30px;
    font-size: var(--box10-title-font-size-pc,1.7rem);
    background: var(--box10-bd-color,#fff);
    color: var(--box10-title-font-color,--base);
    font-weight: var(--box10-title-font-weight,600);
	border-radius: 5px 5px 0px 0px;
}
.box10 p {
    margin: 0; 
    padding: 0;
}
@media screen and (max-width: 768px) {
.box10 {
 padding: var(--box10-pd-sp,25px 25px 25px 25px);
 font-size: var(--box10-font-size-sp,1.6rem);		
}
.box10 .box-title {
  padding: var(--box10-title-pd-sp,1px 12px 3px 12px);
  font-size: var(--box10-title-font-size-sp,1.7rem);	
}	
}

/*タイトル付き#5*/
.box11 {
    position: relative;
    margin: 0.5em auto;
    padding: var(--box11-pd-pc,25px 35px 25px 35px);
    border: var(--box11-bd-size,3px);
	border-style: var(--box11-bd-style,solid);
	border-color: var(--box11-bd-color,--base);
	background: var(--box11-bg-color,#fff);
	font-size: var(--box11-font-size-pc,1.6rem);
	color: var(--box11-font-color,#424242)
}
.box11 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: var(--box11-title-pd-pc,1px 12px 3px 12px);
    line-height: 30px;
	height: 30px;
    font-size: var(--box11-title-font-size-pc,1.7rem);
    background: var(--box11-bd-color,#fff);
    color: var(--box11-title-font-color,--base);
    font-weight: var(--box11-title-font-weight,600);
	border-radius: 0px 0px 5px 0px;
}
.box11 p {
    margin: 0; 
    padding: 0;
}
@media screen and (max-width: 768px) {
.box11 {
 padding: var(--box11-pd-sp,25px 25px 25px 25px);
 font-size: var(--box11-font-size-sp,1.6rem);		
}
.box11 .box-title {
  padding: var(--box11-title-pd-sp,1px 12px 3px 12px);
	
  font-size: var(--box11-title-font-size-sp,1.7rem);	
}	
}

/*タイトル付き#6*/
.box12 {
    position: relative;
    margin: 0.5em auto;
    padding: var(--box12-pd-pc,25px 35px 25px 35px);
    border: var(--box12-bd-size,3px);
	border-style: var(--box12-bd-style,solid);
	border-color: var(--box12-bd-color,--base);
	background: var(--box12-bg-color,#fff);
	font-size: var(--box12-font-size-pc,1.6rem);
	color: var(--box12-font-color,#424242)
}
.box12 .box-title {
    position: absolute;
    display: inline-block;
    top: -18px;
    left: 20px;
    padding: var(--box12-title-pd-pc,8px 15px 8px 15px);
    line-height: 1;
    font-size: var(--box12-title-font-size-pc,1.7rem);
    background:  var(--box12-bd-color,--base);
    color: var(--box12-title-font-color,--base);
    font-weight: var(--box12-title-font-weight,600);
	border-radius: 15px;
}
.box12 p {
    margin: 0; 
    padding: 0;
}
@media screen and (max-width: 768px) {
.box12 {
 padding: var(--box12-pd-sp,25px 25px 25px 25px);
 font-size: var(--box12-font-size-sp,1.6rem);		
}
.box12 .box-title {
  padding: var(--box12-title-pd-sp,8px 15px 8px 15px);
  font-size: var(--box12-title-font-size-sp,1.7rem);	
}	
}

/*ノート風の囲み枠#1*/
.box13{
	margin: 0 auto;
	position: relative;
	background: var(--box13-bg-color,#eeeeee);
	padding: var(--box13-pd-pc,40px 35px 25px 35px);
}
.box13::before {
	position: absolute;
	content: "";
	width: 95%;
	height: 10px;
	top: 0.5em;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	border-top: dotted 10px var(--box13-maru-color,#fff);
}
@media screen and (max-width: 768px) {
.box13 {
 padding: var(--box13-pd-sp,25px 25px 25px 25px);
 font-size: var(--box13-font-size-sp,1.6rem);		
}	
}

/*ノート風の囲み枠#2*/
.box14 {
    position: relative;
    background: var(--box14-bg-color,#eeeeee);
	padding: var(--box14-pd-pc,25px 35px 25px 45px);
    font-size: var(--box14-font-size-pc,1.6rem);
    color: var(--box14-font-color,#424242);	
}
.box14::before {
    position: absolute;
    top: 10px;
    left: 1rem;
    width: calc(100% - 1rem);
    height: calc(100% - 2rem);
    content: '';
	border-left: dotted 10px var(--box14-maru-color,#fff);
}
@media screen and (max-width: 768px) {
.box14 {
    padding: var(--box14-pd-sp,25px 25px 25px 35px);
    font-size: var(--box14-font-size-sp,1.6rem);		
}	
}

/*上下に点線*/
.box15 {
  margin: 0px auto;
  padding: var(--box15-pd-pc,25px 35px 25px 35px);
  border-top: 3px dotted var(--box15-bd-color);
  border-bottom: 3px dotted var(--box15-bd-color);
  background: var(--box15-bg-color,#fff);
  font-size: var(--box15-font-size-pc,1.6rem);
  color: var(--box15-font-color,#424242);	
}
@media screen and (max-width: 768px) {
.box15 {
    padding: var(--box15-pd-sp,20px 25px 20px 25px);
    font-size: var(--box15-font-size-sp,1.6rem);		
}	
}

/*吹き出しのデザイン
---------------------------------------------------------------------------*/

/*吹き出し（下向き）*/
.balloon01 {
  position: relative;
  display: inline-block;
  margin: 0 0 15px 0;
  padding: var(--balloon01-pd-pc,15px 25px 15px 25px);
  min-width: 120px;
  max-width: 100%;
  color: var(--balloon01-font-color);
  font-size: var(--balloon01-font-size-pc,1.6rem);
  font-weight: var(--balloon01-font-weight); 	
  background: var(--balloon01-bg-color);
  text-align: var(--balloon01-text-align,center); 
}
.balloon01:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid var(--balloon01-bg-color);
}
@media screen and (max-width: 768px) {
.balloon01 {
    padding: var(--balloon01-pd-sp,15px 25px 15px 25px);
    font-size: var(--balloon01-font-size-sp,1.6rem);		
}	
}

/*吹き出し（上向き）*/
.balloon02 {
  position: relative;
  display: inline-block;
  margin: 15px 0 0 0;
  padding: var(--balloon02-pd-pc,15px 25px 15px 25px);
  min-width: 120px;
  max-width: 100%;
  color: var(--balloon02-font-color);
  font-size: var(--balloon02-font-size-pc,1.6rem);
  font-weight: var(--balloon02-font-weight); 	
  background: var(--balloon02-bg-color);
  text-align: var(--balloon02-text-align,center); 
}
.balloon02:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid var(--balloon02-bg-color);
}
@media screen and (max-width: 768px) {
.balloon02 {
    padding: var(--balloon02-pd-sp,15px 25px 15px 25px);
    font-size: var(--balloon02-font-size-sp,1.6rem);		
}	
}

/*吹き出し（左向き）*/
.balloon03 {
  position: relative;
  display: inline-block;
  margin: 0 0 0 15px;
  padding: var(--balloon03-pd-pc,15px 25px 15px 25px);
  min-width: 120px;
  max-width: 100%;
  color: var(--balloon03-font-color);
  font-size: var(--balloon03-font-size-pc,1.6rem);
  font-weight: var(--balloon03-font-weight); 	
  background: var(--balloon03-bg-color);
  text-align: var(--balloon03-text-align,left); 
}
.balloon03:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid var(--balloon03-bg-color);
}
@media screen and (max-width: 768px) {
.balloon03 {
    padding: var(--balloon03-pd-sp,15px 25px 15px 25px);
    font-size: var(--balloon03-font-size-sp,1.6rem);		
}	
}

/*吹き出し（右向き）*/
.balloon04 {
  position: relative;
  display: inline-block;
  margin: 0 15px 0 0;
  padding: var(--balloon04-pd-pc,15px 25px 15px 25px);
  min-width: 120px;
  max-width: 100%;
  color: var(--balloon04-font-color);
  font-size: var(--balloon04-font-size-pc,1.6rem);
  font-weight: var(--balloon04-font-weight); 	
  background: var(--balloon04-bg-color);
  text-align: var(--balloon04-text-align,left); 
}
.balloon04:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid var(--balloon04-bg-color);
}
@media screen and (max-width: 768px) {
.balloon04 {
    padding: var(--balloon04-pd-sp,15px 25px 15px 25px);
    font-size: var(--balloon04-font-size-sp,1.6rem);		
}	
}

/*吹き出し（下向き/枠あり）*/
.balloon05 {
  position: relative;
  display: inline-block;
  margin: 0 0 15px 0;
  padding: var(--balloon05-pd-pc,15px 25px 15px 25px);
  min-width: 120px;
  max-width: 100%;
  color: var(--balloon05-font-color);
  font-size: var(--balloon05-font-size-pc,1.6rem);
  font-weight: var(--balloon05-font-weight); 	
  background: var(--balloon05-bg-color);
  border: solid 3px var(--balloon05-bd-color);
  box-sizing: border-box;	
  text-align: var(--balloon05-text-align,center); 
}
.balloon05:before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid var(--balloon05-bg-color);
  z-index: 2;
}
.balloon05:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid var(--balloon05-bd-color);
  z-index: 1;
}
@media screen and (max-width: 768px) {
.balloon05 {
    padding: var(--balloon05-pd-sp,15px 25px 15px 25px);
    font-size: var(--balloon05-font-size-sp,1.6rem);		
}	
}

/*吹き出し（上向き/枠あり）*/
.balloon06 {
  position: relative;
  display: inline-block;
  margin: 15px 0 0 0;
  padding: var(--balloon06-pd-pc,15px 25px 15px 25px);
  min-width: 120px;
  max-width: 100%;
  color: var(--balloon06-font-color);
  font-size: var(--balloon06-font-size-pc,1.6rem);
  font-weight: var(--balloon06-font-weight); 	
  background: var(--balloon06-bg-color);
  border: solid 3px var(--balloon06-bd-color);
  box-sizing: border-box;	
  text-align: var(--balloon06-text-align,center); 
}
.balloon06:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid var(--balloon06-bg-color);
  z-index: 2;
}
.balloon06:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid var(--balloon06-bd-color);
  z-index: 1;
}
@media screen and (max-width: 768px) {
.balloon06 {
    padding: var(--balloon06-pd-sp,15px 25px 15px 25px);
    font-size: var(--balloon06-font-size-sp,1.6rem);		
}	
}

/*吹き出し（左向き/枠あり）*/
.balloon07 {
  position: relative;
  display: inline-block;
  margin: 0 0 0 15px;
  padding: var(--balloon07-pd-pc,15px 25px 15px 25px);
  min-width: 120px;
  max-width: 100%;
  color: var(--balloon07-font-color);
  font-size: var(--balloon07-font-size-pc,1.6rem);
  font-weight: var(--balloon07-font-weight); 	
  background: var(--balloon07-bg-color);
  border: solid 3px var(--balloon07-bd-color);
  box-sizing: border-box;	
  text-align: var(--balloon07-text-align,left); 
}
.balloon07:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid var(--balloon07-bg-color);
  z-index: 2;
}
.balloon07:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid var(--balloon07-bd-color);
  z-index: 1;
}
@media screen and (max-width: 768px) {
.balloon07 {
    padding: var(--balloon07-pd-sp,15px 25px 15px 25px);
    font-size: var(--balloon07-font-size-sp,1.6rem);		
}	
}

/*吹き出し（右向き/枠あり）*/
.balloon08 {
  position: relative;
  display: inline-block;
  margin: 0 15px 0 0;
  padding: var(--balloon08-pd-pc,15px 25px 15px 25px);
  min-width: 120px;
  max-width: 100%;
  color: var(--balloon08-font-color);
  font-size: var(--balloon08-font-size-pc,1.6rem);
  font-weight: var(--balloon08-font-weight); 	
  background: var(--balloon08-bg-color);
  border: solid 3px var(--balloon08-bd-color);
  box-sizing: border-box;	
  text-align: var(--balloon08-text-align,left); 
}
.balloon08:before {
  content: "";
  position: absolute;
  top: 50%;
  right: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-left: 12px solid var(--balloon08-bg-color);
  z-index: 2;
}
.balloon08:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-left: 14px solid var(--balloon08-bd-color);
  z-index: 1;
}
@media screen and (max-width: 768px) {
.balloon08 {
    padding: var(--balloon08-pd-sp,15px 25px 15px 25px);
    font-size: var(--balloon08-font-size-sp,1.6rem);		
}	
}











/*Q&A（よくある質問）のデザイン
---------------------------------------------------------------------------*/

/*qa01*/
.q01-wrap{
    display: flex;
}
.q01-icon-box{
	margin-top: var(--q01-icon-margin-top,-5px);	
	margin-right: var(--q01-icon-margin-right,15px);	
	font-size: var(--q01-icon-font-size,2rem);	
}
.q01-icon{
	margin-left: 0px;
	margin-top: -3px;
	color: var(--q01-icon-color,#ffffff);
}
.q01-icon-bg{
	color:  var(--q01-icon-bg-color,--base);
}
.q01-text-box{
	font-size: var(--q01-font-size,1.6rem);
	font-weight: var(--q01-font-weight,600);
	line-height: var(--q01-line-height,1.8);
	color: var(--q01-font-color,#424242);
}
.a01-wrap{
    display: flex;
	margin-top: var(--qa01-margin-top,15px);
	margin-bottom: var(--qa01-margin-bottom,25px);
}
.a01-icon-box{
	margin-top: var(--a01-icon-margin-top,2px);
	margin-right: var(--a01-icon-margin-right,13px);
	margin-left: var(--a01-icon-margin-left,15px);
	font-size: var(--a01-icon-font-size,1.5rem);		
}
.a01-icon{
	margin-top: -3px;
	margin-left: 1px;
	color: var(--a01-icon-color,#ffffff);
}
.a01-icon-bg{
	color: var(--a01-icon-bg-color,#424242);
}
.a01-text-box{
	font-size: var(--a01-font-size,1.6rem);
	font-weight: var(--a01-font-weight,normal);
	line-height: var(--a01-line-height,1.7);
	color: var(--a01-font-color,#424242);
}
@media screen and (max-width: 768px) {
.q01-icon{
	margin-left: 0px;
	margin-top: -3px;
}
.a01-icon{
	margin-left: 0px;
	margin-top: -3px;
}	
}

.obi{
	padding: 7px;
	text-align: center;
	background: #D00986;
	color: #fff;
}