@charset "Shift_JIS";
#main .middleLine.type2 {
  padding-left: 85px;
  text-indent: -70px;
}
#main .middleLine.type2 img {
  margin-right: 10px;
  vertical-align: baseline;
}
.illTitle > span span {
  font-size: 60%;
}
.illTitle > span.ico {
  padding-right: 10px;
}
.illTitle > span.ico img {
  max-width: none;
}
/* .leadBlock .main .text, .middleLine.type2 span, .iconTitle .title, .payment, div.basicLead, .illTitle span, .OPTitle, .OPLead, .OPpoint p, .period,#jump, .OPtitle_tokuyaku, .SPTitle {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
} */
div.basicLead {
  font-size: 150%;
  line-height: 130%;
  font-weight: bold;
  padding: 10px;
  border: solid 1px #dfdfdf;
  margin-bottom: 0.5em;
}
div.basicLead span.case {
  font-size: 80%;
}
div.basicLead span.emphasis {
  font-size: 120%;
}
h5.payment {
  font-weight: bold;
  background: #f7e9d3;
  border-radius: 5px;
  display: inline-block;
  text-indent: 1em;
  margin-bottom: 0.5em;
}
h5.payment span {
  background: #FFC;
  padding-right: 1em;
  display: inline-block;
  border-radius: 0 5px 5px 0;
  border: solid 2px #f7e9d3;
}
.OPTitle {
  color: #FFF;
  font-weight: bold;
  padding: 0.3em 1em;
  margin-bottom: 0.5em;
  border-radius: 10px;
  background: #c697c3;
  display: table;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.5;
}
.OPTitle h5 span {
  font-size: 150%;
}
.OPTitle > div {
  display: table-cell;
  vertical-align: top;
}
.OPTitle .payment {
  text-align: right;
  vertical-align: middle;
}
.OPTitle .payment span {
  text-align: center;
  background: #FFF;
  padding: 0.1em 0.7em;
  border-radius: 20px;
  display: inline-block;
  line-height: 1.3;
}
div.OPLead {
  padding: 5px;
  font-size: 112%;
  font-weight: bold;
  line-height: 130%;
}
div.OPLead span.emphasis {
  font-size: 133%;
  line-height: 120%;
}
.OPpoint {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0;
  margin-bottom: 1.5em;
}
.OPpoint + .OPpoint {
  margin-top: -1em;
}
.OPpoint p {
  font-size: 112%;
  font-weight: bold;
  line-height: 130%;
  text-align: center;
  display: table-cell;
  border: solid 2px #b168a7;
  padding: 1em;
  border-radius: 8px;
  vertical-align: middle;
}
.OPpoint.column02 p {
  width: 50%;
}
.OPpoint.column03 p {
  width: 33.3%;
}
.period {
  color: #666;
  border: solid 1px #b168a7;
  padding: 10px 15px;
  border-radius: 10px;
  margin: 1em 0.5em;
  line-height: 1.3;
}
.period li {
  margin-left: 2em;
  text-indent: -2em;
  margin-bottom: 0.5em;
}
.period span.no {
  font-weight: bold;
  color: #fff;
  background: #b168a7;
  padding: 0.1em 0.5em;
  border-radius: 3px;
}
.period li span.no {
  margin-right: 0.5em;
}
.period li ul {
  margin-top: 0.5em;
}
.period li ul li {
  list-style: disc;
  text-indent: 0;
}
.period span.emphasis {
  font-size: 112%;
}
.period span.emphasis2 {
  font-size: 112%;
}
/*color*/
.emColor01 {
  color: #000;/*black*/
}
.emColor02 {
  color: #e60013;/*red*/
}
.emColor03 {
  color: #f28328;/*orange*/
}
.emColor04, .OPpoint p {
  color: #b168a7;/*purple*/
}
div.basicLead, div.OPLead, div.OPLead sup, .OPpoint sup {
  color: #666;
}
sup {
  font-size: 60%;
  line-height: 140%;
}
.box01 {
  border: solid 1px #CCC;
  padding: 0.5em 1em;
  text-indent: 0;
}
.box02 {
	font-size:70%;
	margin-bottom:15px;
}
.box02 .bgColor01 {
	background: #e95532;
	color: #ffffff;
	padding:3px;
	margin-right:3px;
}
/*qa*/
.icoQaLink:before, .icoQ {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  background: #dc286f;
  background: linear-gradient(to bottom, #dc286f 0%, #e76f9e 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc286f', endColorstr='#e76f9e', GradientType=0 );
}
#main .flame p.icoQaLink {
  font-weight: bold;
  margin-bottom:0;
}
.icoQaLink:before {
  content: "?";
  width: 1.5em;
  line-height: 1.5;
  display: inline-block;
  border-radius: 20px;
  margin-right: 7px;
}
#main .flame .note_box h4.normal {
  padding-left: 3em;
}
.icoQ {
  width: 2em;
  border-radius: 3px;
  line-height: 1;
  padding: 0.2em 0;
}
.qaTable {
  font-size: 87.5%;
  line-height: 1.4;
}
.qaTable th, .qaTable td {
  padding: 7px 10px;
  border: solid 1px #CCC;
  background: #FFF;
}
.qaTable thead th {
  text-align: center;
  background: #eff5e7;
}
/*img*/
.imgContainer {
  text-align: center;
  margin-bottom: 15px;
}
.imgContainer {
  height: auto;
}
#jump{
  margin:0 auto 30px;
  text-align:center;
  background:#fff5e2;
  border-radius:10px;
  padding:15px 0px 15px;
  line-height:0;
  }
#jump .jumpCol{
  display:inline-block;
  }
#jump .jumpCol.option{
  width:379px;
  vertical-align: top;
  }

.box-option{
  width:379px;
  box-sizing: border-box;
  border: 2px solid #b169a7;
  background:#ffffff;
  padding-bottom: 10px;
  padding-top: 10px;
  }
  
#jump p{
  text-align:left;
  line-height:130%;
  font-weight:bold;
  }
#jump a{
  display:inline-block;
    margin: 0px;
  }
#jump img{
  width:37px;
  height:auto;
  vertical-align:middle;
}
#jump .jumpCol.kihon span{
  display:inline-block;
  vertical-align:bottom;
  /* background:#da9233; */
  border-radius:10px;
  }
#jump .jumpCol.kihon img{
    width:190px;
    margin: 0px;
  }
#jump .jumpCol.arrow img{
  /* margin-bottom:150px; */
}
#jump .jumpCol.option img{
    width:auto;
  }
@media screen and (max-width: 700px) {
  #jump .jumpCol{
    display:block;
    margin:0 auto;
    }
  #jump .jumpCol p{
  text-align:center;
  }
  #jump .jumpCol.arrow img{
    margin:10px;
  }
  #jump{
    width:auto;
    padding:10px;
    }
  #jump .jumpCol.kihon{
      width:370px;
  }
#jump .jumpCol.kihon span{
  padding:10px 0;
}
#jump .jumpCol.kihon img{
    width:210px;
    margin:0;
  }

}
@media screen and (max-width: 600px) {
#main .middleLine.type2 img {
  vertical-align: bottom;
}
.illTitle > span.ico img {
  max-width: none;
  height: auto;
}
.illTitle > span span {
  padding-left: 0;
  font-size: 100%;
  display: inline;
}
.illTitle > span.ico {
  padding-right: 5px;
}
.illTitle > span.ill {
  width: auto;
}
.OPTitle, .OPTitle > div {
  display: block;
}
.OPTitle .payment {
  display: block;
}
.OPpoint br {
  display: none;
}
.qaTable thead {
  display: none;
}
.qaTable tr {
  display: block;
  margin-bottom: 10px;
  border: solid 1px #CCC;
}
.qaTable td {
  display: block;
  border: none;
}
.qaTable td:before {
  margin-bottom: 5px;
  content: attr(aria-label);
  display: block;
}
.qaTable.qaTableType01 td.taC {
  display: none;
}
.qaTable.qaTableType02 td {
  padding-left: 2em;
}
.qaTable.qaTableType02 td:before {
  font-weight: bold;
  text-indent: -1em;
}
#jump .jumpCol.kihon,
#jump .jumpCol.option{
  width:auto;
  }
#jump .jumpCol.option img{
    width:auto;
  }
  .box-option{
    width:100%;
    max-width: 379px;
    margin: 0 auto;
    }
}


span.fwn {
  font-weight: normal;
  font-size: 85%;
}

.OPtitle_tokuyaku {
  font-size: 90%;
  color: #333 !important;
  font-weight: bold;
  line-height: 1.0;
  display: inline-block;
  border: solid 2px #c697c3;
  border-bottom: transparent;
  padding: 5px 15px;
  margin: 0px !important;
  border-radius: 8px 8px 0 0;
  vertical-align: bottom;
}

.OPTitle.cancer {
  border-radius: 0px;
}

/* modal */
.modal_btn {
	margin-bottom: 20px;
}
.modal_btn a {
	/* font-size: 120%; */
	font-weight: bold;
	color: #000;
	position: relative;
	/* text-decoration: underline; */
	/* padding-left: 45px; */
}

.modal_btn a::before {
	content: "?";
	width: 1.5em;
	line-height: 1.5;
	display: inline-block;
	border-radius: 20px;
	margin-right: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #dc286f;
	background: linear-gradient(to bottom, #dc286f 0%, #e76f9e 100%);
	text-decoration: none !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc286f', endColorstr='#e76f9e', GradientType=0 );
}

.modal_btn a:hover {
	opacity: 0.8;
}

.modal_item {
	display: none;
}

.modal_item_inner {
	font-size: 120%;
}

.modal_item_inner h5.normal {
	border-left: solid 4px #929173;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    font-size: 110%;
    font-weight: bold;
    line-height: 1.1;
}


.col_box {
	display: flex;
	justify-content: space-between;
}

.col_box_center {
	align-items: center;
}

.col_box_center2 {
	justify-content: center;
}

.col_box_bottom {
	align-items: flex-end;
}

.col2 .col {
	width: 48%;
}

@media screen and (max-width: 650px){
	.col_box {
		display: block;
	}

	.col {
		margin-bottom: 20px;
	}
	
	.col2 .col {
		width: auto;
	}
		
}

.title_case span {
	display: inline-block;
	background: #E95532;
	border-radius: 17px;
	padding: 2px 15px 0;
	color: #fff;
	font-weight: bold;
}

.title_case.option1 span {
	background: #355497;
}

.title_case.option2 span {
	background: #0075c2;
}

.title_case.option3 span {
	background: #54c2f0;
}

.title_case.option4 span {
	background: #8fc322;
}

.title_case.option5 span {
	background: #f39800;
}

.title_case.option6 span {
	background: #b269a7;
}

.title_case.option7 span {
	background: #ea609e;
}


.title_sample {
  font-size: 90%;
  color: #fff !important;
  font-weight: bold;
  line-height: 1.0;
  display: inline-block;
  background-color:  #c697c3;
  padding: 5px 15px;
  border-radius: 17px;
  margin: 0;
}

.title_sample.type2 {
  background-color:  #ddbb78;
}

.title_sample.type3 {
  background-color:  #ef858c;
  border-radius: 0px;
}

.title_sample.type4 {
  background-color:  #5cc2cf;
  border-radius: 0px;
}

.SPTitle h5 span {
  font-size: 150%;
}

.SPTitle {
  color: #FFF;
  font-weight: bold;
  padding: 0.3em 1em;
  margin-bottom: 0.5em;
  background: #ef858c;
  display: table;
  width: 100%;
  box-sizing: border-box;
  line-height: 1.3;
}

.SPTitle.type2 {
  background: #5cc2cf;
}


ul.cmn.sample {
	color:#c697c3;
  line-height: 1.5;
  margin: 0 !important;
}


ol.sample li {
margin-left: 2em;
margin-top: 2em;
text-indent: -2em;
margin-bottom: 0.5em;
}
ol.sample  span.no {
font-weight: bold;
color: #fff;
background: #ef858c;
padding: 0.1em 0.5em;
border-radius: 3px;
}
ol.sample li span.no {
margin-right: 0.5em;
}

ol.sample span.emphasis {
font-size: 112%;
}

ol.sample span.no.type2 {
  background: #5cc2cf;
  }



  .col_box_sample {
    display: flex;
    justify-content: center;
  }
  
  .col_box_sample .col1  {
    width: 400px;
  }
  
  .col_box_sample .col2 {
    width: 30px;
    height: auto;
    background:#fbd6b4;
    margin-left: 20px;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    border-radius: 13px;
  }


  @media screen and (max-width: 650px){
    
    .col_box_sample .col2  {
      margin-left: 5px;
    }
      
  }