@charset "utf-8";

.ra_ix_fnuctionText {
    min-height: 52px;
}
.color_raj{
	background: #9fa0a0;
}
.f_supL{
	font-size: 0.9rem!important;
    font-weight: normal;
    vertical-align: 1.2rem;
}
.fea_mb70{
	margin-bottom: 70px;
}

.fm_box01{
	border: 1px #20a5aa solid;
	border-radius: 5px;
	padding: 10px 20px;
	display: inline-block;
	text-align: center;
}
.fm_box01 p{
	font-size: 0.9rem;
	color: #20a5aa;
	font-weight: bold;
	margin-bottom: 10px;
}
.fm_box01 img{
	width: 205px;
}
.fm_note01{
	margin-top: -30px;
	margin-bottom: 40px;
}
.fm_col01{
	order:2;
	max-width: 267px;
	margin-top: -100px;
}
.fm_col02{
	order:1;
}

.fw_list01 li {
	margin-bottom: 10px;
	background:#f0bf77;
	padding: 5px;
	justify-content: flex-start;
	align-items: center;
	color: #fff;
}
.fw_list01 li:last-child{
	background:#8bbee2;
}
.fw_list01 li strong{
	background:#f0bf77;
	color:#fff;
	text-align:center;
	width:30%;
	display:inline-block;
	font-size:1.25rem;
	padding:10px 0 5px;
	border: 1px #fff solid;
	border-radius: 5px;
	margin-right: 30px;
}
.fw_list01 li:last-child strong{
	background:#8bbee2;
}
.fm_col03{
	border-radius: 18px;
	padding: 5px 0 0;
	text-align: center;
	color: #20a5aa;
	font-size: 1.1rem;
	margin-bottom: 10px;
	background: #e0f0e6;
}


.mj_spec_08 {
    width: 60%;
}
.ixUnit_black {
    background: #231916;
    color: #f39800;
    border: none!important;
    font-weight: bold;
}
.raMJ_spec .fea_ixBox0401{
	padding-top: 120px;
}


.f_topBox_in{
	width: calc((100% - 80px)/2);
}
.f_tit_cat{
	font-size: 1.25rem;
	border: 1px #000 solid;
	border-radius: 5px;
	padding: 2px 0 0;
	margin-right: 10px;
	width: 120px;
	text-align: center;
    display: inline-block;
	line-height: 2rem;
}
.f_circle{
	width: 206px;
	max-width:206px;
	margin-bottom: 10px;
}
.f_topBox_img01{
	max-width: 407px;
	margin-left: auto;
}
.f_topBoxList{
	padding-bottom: 20px;
}
.f_topBoxList li{
	background: #e6e6e6;
	border-radius: 35px;
	padding: 10px 0 6px;
	text-align: center;
	color: #20a5aa;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
	width: calc((100% - 10px)/2);
	min-height: 70px;
}
.f_topBox_img02{
	max-width: 198px;
	margin: 0 auto 10px;
}
.mf_only1{
	padding-top: 12px;
	padding-bottom: 9px;
	margin-top: 7px;
	margin-bottom: 15px;
}
.mf_h2,.mf_h2_S,.mf_h2_L{
	color: #748f9d;
}
.mf_h2 .fea_noteS{
	color: #333;
}
.fm_text01{
	position: absolute;
	top: -140px;
	right: 280px;
	min-width: 130px;
	width: 130px;
	height: 130px;
	padding-top: 15px;
	border-radius: 65px;
	border: 1px solid #60a3a8;
	font-size: 0.9375rem;
	line-height: 1.4;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #60a3a8;
}
.fm_new {
    margin-top: -10px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    width: 55px;
}

.fg_box01{
	padding: 10px 18px 12px;
	background: #e4eee5;
	width: 43%;
}
.fg_box01 p{
	margin: auto 7% 5px 2%;
	font-size: 1.25rem;
	font-weight: bold;
	color: #231815;
	text-align: center;
	line-height: 1.3;
}
.fg_box01>div{
	max-width: 257px;
}
.mf_h_rec{
	background: #9fa0a0;
}
.mf_star{
	margin-top: -10px;
	width: 119px;
	max-width: 119px!important;
}
.f_topBox_col01{
	width: 55%;
}
.f_topBox_col02{
	width: 40.1%;
}
.f_topBox_col01_01{
	width: 160px;
	margin: auto 5% auto 0;
}
.f_topBox_col01_03{
	text-align: right;
	margin-top: auto;
	margin-left: -13%;
	width: 75px;
	margin-right: 40px;
}
.f_topBox_note2{
	margin-right: 3%;
	margin-top: -40px;
}
.fg_col01{
	width: 53%;
}
.fg_col02{
	width: 43%;
}
.color_w{
	margin: -5px 20px 0 0;
	padding: 10px 60px 4px 10px;
	padding-bottom: 6px;
	font-size: 1.625rem;
	color: #20a5aa;
	border-left: 8px solid #20a5aa;
	background: linear-gradient(90deg, rgba(228,243,243,1) 50%,rgba(212,236,236,0) 110%);
}
.color_w .linetxt{
	color: #20a5aa!important;
	border-color: #20a5aa!important;
}
.mf_h_rec.color_w span{
	color: #20a5aa!important;
}
.fg_col01_txt{
	width: 53%;
}
.f_topBgF {
  font-size: 1.25rem;
}
.f_topBgOut p {
	width: calc(100% - 130px);
}
.f_new{
	margin: -4px 5px -2px 0;
	display: inline-block;
	vertical-align: middle;
	width: 40px;
}
.fv_mark10 img {
    max-width: 110px !important;
}
.mj_new{
	position: absolute;
	left: 0;
	top: -65px;
	width: 53px;
}
@media only screen and (min-width: 768px) and (max-width: 1274px) {
	.f_supL{
		vertical-align: 0.6em;
	}
}