#title {
margin-bottom: 40px;
}

#title .box_wrapper {
box-sizing: border-box;
border: solid #93CB17 1px;
margin-top: 40px;
}




#title .box {
background-color: #fffcf4;
box-sizing: border-box;
border: solid #93CB17 1px;
display: block;
width: 100%;
overflow: hidden;
 position: relative; /*中央揃えしたい要素の親要素に指定*/
}

#title .box dl {
width: 70%;
overflow: hidden;
float: left;
}

#title .box dl dt {
float: left;
width: 20%;
background-color: #fffcf4;
color: #fff;
font-size: 32px;
border-bottom: solid #fff 2px;
box-sizing: border-box;
text-align: center;
}


#title .box dl dt img {
width: 100%;
height: auto;
vertical-align: middle;
}




/*#title .box dl dt:before {
    content: '';
    display: inline-block;
    width: 78px;
    height: 34px;
    background-image: url(../image/merit_icon.png);
    background-size: contain;
    vertical-align: -4px;
    background-repeat: no-repeat;
					padding-right: 8px;
}
*/


#title .box dl dd {
padding-top: 4px;
color: #333333;
font-size: 16px;
font-weight: bold;
  position: absolute;  /*要素を浮かす*/
  /*relativeを指定した親要素を支点とした位置をすべて0に指定↓*/
  top: 0;
  bottom: 0;
  left: 16%;
  margin: auto; /*上下左右中央に*/
  width: 60%; /*widthの指定は必須*/
  height: 30px; /*heightの指定は必須*/
}


#title .box p {
display: inline-block;
clear: both;
font-size: 16px;
font-weight: bold;
  position: absolute;  /*要素を浮かす*/
  /*relativeを指定した親要素を支点とした位置をすべて0に指定↓*/
  top: 0;
  right: 1%;
  bottom: 0;
  margin: auto; /*上下左右中央に*/
  width: 20%; /*widthの指定は必須*/
  height: 30px; /*heightの指定は必須*/
}



#title .box p {
color: #CA050F;
text-decoration: underline;
}

#title .box p:after {
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../image/down_icon.png);
    background-size: contain;
    vertical-align: -10px;
    background-repeat: no-repeat;
					margin-left: 10px;
}




/*=============================================================================*/


#merit_Box {

}


#merit_Box .box {
box-sizing: border-box;
border: dotted #93CB17 4px;
overflow: hidden;
margin-bottom: 60px;
}

#merit_Box .box .inner {
width: 94%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
}



#merit_Box .box .title {
width: 100%;
	overflow: hidden;
	 position: relative; /*中央揃えしたい要素の親要素に指定*/
  background-color: #93CB17;
}


#merit_Box .box .title dt {
float: left;
width: 20%;
color: #fff;
font-size: 30px;
box-sizing: border-box;
text-align: center;
margin-right: 4%;
padding: 0.5%;
}


#merit_Box .box .title dt img {
width: 100%;
height: auto;
vertical-align: middle;
}






#merit_Box .box .title dd {
	color: #fff;
font-size: 20px;
font-weight: bold;
/*padding-left: 20px;*/
  position: absolute;  /*要素を浮かす*/
  /*relativeを指定した親要素を支点とした位置をすべて0に指定↓*/
  top: 3px;
  bottom: -3px;
  left: 19%;
  margin: auto; /*上下左右中央に*/
  width: 80%; /*widthの指定は必須*/
  height: 39px; /*heightの指定は必須*/
}


#merit_Box .box .up {
margin-top: 30px;
overflow: hidden;
}

#merit_Box .box .up .left {
width: 76%;
float: left;
font-size: 18px;
line-height: 1.8em;
padding-top: 10px;
}


#merit_Box .box .up .right {
width: 24%;
float: right;
text-align: center;
} 


#merit_Box .box .down {
margin-top: 10px;
overflow: hidden;
}


#merit_Box .box .down .left {
width: 30%;
float: left;
text-align: center;
}

#merit_Box .box .down .right {
width: 66%;
float: right;
background-color: #fffcf4;
padding-top: 20px;
padding-bottom: 30px;
padding-left: 2%;
padding-right: 2%;
box-sizing: border-box;
border: solid #93CB17 2px;
border-radius: 10px;
font-size: 15px;
}


#merit_Box .box .down .right p {
border-bottom: dotted #93CB17 2px;
line-height: 2em;
display: inline;
padding-bottom: 4px;
}



#merit_Box .box .down .right p.meb_01:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 33px;
    background-image: url(../image/voice_icon_01.png);
    background-size: contain;
    vertical-align: -2px;
    background-repeat: no-repeat;
					padding-right: 8px;
}


#merit_Box .box .down .right p.meb_02:before {
    content: '';
    display: inline-block;
    width: 26px;
    height: 33px;
    background-image: url(../image/voice_icon_02.png);
    background-size: contain;
    vertical-align: -2px;
    background-repeat: no-repeat;
					padding-right: 8px;
}



#merit_Box .box .down .right p.meb_03:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 35px;
    background-image: url(../image/voice_icon_03.png);
    background-size: contain;
    vertical-align: -2px;
    background-repeat: no-repeat;
					padding-right: 8px;
}

#merit_Box .box .down .right p.meb_04:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 33px;
    background-image: url(../image/voice_icon_04.png);
    background-size: contain;
    vertical-align: -2px;
    background-repeat: no-repeat;
					padding-right: 8px;
}

#merit_Box .box .down .right p.meb_05:before {
    content: '';
    display: inline-block;
    width: 29px;
    height: 35px;
    background-image: url(../image/voice_icon_05.png);
    background-size: contain;
    vertical-align: -2px;
    background-repeat: no-repeat;
					padding-right: 8px;
}

#merit_Box .box .down .right p.meb_06:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 36px;
    background-image: url(../image/voice_icon_06.png);
    background-size: contain;
    vertical-align: -2px;
    background-repeat: no-repeat;
					padding-right: 8px;
}








#merit_Box .head {
font-size: 18px;
line-height: 1.8em;
padding-top: 10px;
}


#merit_Box .up .up_top{
font-size: 19px;
color: #005184;
padding: 2%;
background-color: #ebfaff;
font-weight: bold;
margin-bottom: 10px;
}



#merit_Box .up_inner {
overflow: hidden;
height: 180px;
z-index: 100;
}

#merit_Box .up_inner .left {
margin-top: 30px;
}


#merit_Box .ye {
background-color: #fffcf4;
}


#merit_Box .down_inner {
width: 96%;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}




#merit_Box .down_inner p.text {
font-size: 22px;
color: #ff9203;
font-weight: bold;
}

#merit_Box .down_inner p.text span {
font-size: 16px;
color: #333;
}


#merit_Box .down_inner p.small_text {
padding-top: 20px;
margin-bottom: 20px;
}


#merit_Box .down_inner .box_wrapper {
overflow: hidden;
}


#merit_Box .down_inner .left_box {
float: left;
width: 48%;
}

#merit_Box .down_inner .left_box img {
width: 100%;
height: auto;
}



#merit_Box .down_inner .right_box {
float: right;
width: 48%;
}

#merit_Box .down_inner .right_box img {
width: 100%;
height: auto;
}



#merit_Box .down_inner .price_box {
clear: both;
margin-top: 20px;
background-color: #fff;
box-sizing: border-box;
border: solid #CB050F 3px;
padding: 2%;
position: relative;
}


#merit_Box .down_inner .price_box .red_box {
background-color: #CB050F;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
font-size: 17px;
font-weight: bold;
display: inline-block;
width: 16%;
text-align: center;
}

#merit_Box .down_inner .price_box .price {
font-size: 16px;
font-weight: bold;
display: inline;
padding-left: 4px;
}



#merit_Box .down_inner .price_box .price span {
font-size: 31px;
font-weight: bold;
color: #CB050F;
}


#merit_Box .down_inner .price_box .price span b {
font-size: 48px;
letter-spacing: -0.03em;
}



#merit_Box .down_inner .price_box .right_ph {
position: absolute;
right: 10px;
bottom: 5px;
width: 28%;
}



#merit_Box .down_inner .last_text {
padding-top: 20px;
font-size: 19px;
font-weight: bold;
padding-bottom: 20px;
text-align: center;
}





#merit_Box .box .center {
margin-top: 10px;
overflow: hidden;
}


#merit_Box .box .center .left {
width: 30%;
float: left;
text-align: center;
}

#merit_Box .box .center .right {
float: right;
width: 64%;
text-align: left;
font-size: 15px;
padding-top: 30px;
line-height: 2em;
}


#merit_Box .box .center .right b {
color: #CB050F;
}


#merit_Box .bt {
display: block;
width: 30%;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-bottom: 60px;
position: relative;
}


#merit_Box .bt a {
padding-top: 8px;
padding-bottom: 8px;
background-color: #CB050F;
font-weight: bold;
color: #fff;
display: block;
border-radius: 10px;
}



#merit_Box .bt a::before {
content: '';
display: inline-block;
width: 21px;
height: 20px;
background-image: url(/images/top/bt_next.png);
background-size: contain;
vertical-align: -4px;
background-repeat: no-repeat;
position: absolute;
bottom: 10px;
left: 20px;
}











