@charset "utf-8";


/* ryoukin
------------------------------------------*/
#contentsBodyMain .ryoukinBox{
	margin:0 10px 0 55px;
}
#contentsBodyMain .ryoukinBoxL{
	float:left;
	margin-right:10px;
}
#contentsBodyMain .ryoukinBoxR{
	overflow:hidden;
}
#contentsBodyMain .fukiBox{
	background:url(/gas/menu/img/ryoukin_menu_fuki.gif) no-repeat 0 bottom;
	padding-bottom:10px;
	margin-top:25px;
	width:327px;
}
#contentsBodyMain .fukiBoxTxt{
	background:url(/gas/menu/img/ryoukin_menu_fuki.gif) no-repeat 0 0;
	padding:20px 10px 8px 50px;
	min-height:20px;
}
#contentsBodyMain .fukiBoxTxt{
	background:url(/gas/menu/img/ryoukin_menu_fuki.gif) no-repeat 0 0;
	padding:20px 10px 8px 50px;
	min-height:20px;
}
#contentsBodyMain .syouhinCheckBoxWrap{
	margin:10px 10px 0;
}
#contentsBodyMain .syouhinCheckBoxWrap>ul>li{
	background:url(/gas/menu/img/ryoukin_menu_list.gif) no-repeat 0 bottom;
	padding-bottom:10px;
	width:330px;
	margin:0 20px 20px 0;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#contentsBodyMain .syouhinCheckBox{
	background:url(/gas/menu/img/ryoukin_menu_list.gif) no-repeat 0 0;
	padding-top:10px;
	margin:0;
}
#contentsBodyMain .syouhinCheckBox .syouhinCheckBoxL{
	margin:0 10px;
	float:left;
}
#contentsBodyMain .syouhinCheckBox .syouhinCheckBoxR{
	position:relative;
	overflow:hidden;
	padding-top:55px;
}
#contentsBodyMain .syouhinCheckBox .syouhinCheckBoxR .sName{
	position:absolute;
	top:0;
	left:0;
}
#contentsBodyMain .syouhinCheckBox .ryoukinCheckList{
	margin-right:10px;
}
#contentsBodyMain .syouhinCheckBox .ryoukinCheckList li{
	display:inline-block;
	vertical-align:bottom;
	*display:inline;
	*zoom:1;
  font-size: 1em !important;
}
#contentsBodyMain .syouhinCheckBox .ryoukinCheckList .txtLinkA{
	background-position:0 0.5em;
	width:145px;
	color:#0154a0;
	text-decoration:underline;
	margin-right:20px;
}
#contentsBodyMain .syouhinCheckBox .ryoukinCheckList label{
	background:url(/gas/menu/img/ryoukin_menu_check.gif) no-repeat 0 0;
	display:block;
	cursor:pointer;
	width:28px;
	height:28px;
}
#contentsBodyMain .syouhinCheckBox .ryoukinCheckList label.on{
	background-position:0 bottom;
}
#contentsBodyMain .syouhinCheckBox .ryoukinCheckList input{
	opacity:0;
	filter:alpha(opacity=0);
	display:block;
	width:28px;
	height:28px;
	cursor:pointer;
}
#contentsBodyMain .inputBtnBox{
	text-align:center;
}
#contentsBodyMain .inputBtnBox ul{
	display:inline-block;
	overflow:hidden;
	*display:inline;
	*zoom:1;
}
#contentsBodyMain .inputBtnBox li{
	float:left;
	width:210px;
	margin-left:20px;
	background-color:#fff;
}
#contentsBodyMain label.inputBtnB,
#contentsBodyMain label.inputBtnA{
	display:block;
	background:url(/gas/menu/img/input_btn_a_bg.gif) no-repeat 0 bottom;
	padding-bottom:3px;
	width:210px;
	cursor:pointer;
	filter:alpha(opacity=100);
}
#contentsBodyMain .inputBtnBox li:first-child{
	margin-left:0;
}
#contentsBodyMain label.inputBtnB input,
#contentsBodyMain label.inputBtnA input{
	border:0;
	background:none;
	background:url(/gas/menu/img/input_btn_a_bg.gif) no-repeat 0 0;
	padding:7px 0 4px;
	width:210px;
	font-weight:bold;
	color:#0154a0;
	cursor:pointer;
  font-size: inherit !important;
}
#contentsBodyMain label.inputBtnB input,
#contentsBodyMain label.inputBtnB{
	background-image:url(/gas/menu/img/input_btn_b_bg.gif);
	margin:0 auto;
	color:#fff;
}
#contentsBodyMain label.inputBtnB input{
	margin:0;
}
/* hover */
#contentsBodyMain label.inputBtnB:hover,
#contentsBodyMain label.inputBtnA:hover,
#contentsBodyMain .syouhinCheckBox .ryoukinCheckList label:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}
/* kekka */
#contentsBodyMain .kensakuBlock{
	margin:20px 0 35px 95px;
}
#contentsBodyMain .kensakuBlockL{
	float:left;
	margin:10px -20px 0 0;
	position:relative;
	z-index:-1;
}
#contentsBodyMain .kensakuBlockR{
	overflow:hidden;
	background:url(/gas/menu/img/ryoukin_kekka_bg.gif) no-repeat 0 0;
	padding-top:10px;
	width:487px;
}
#contentsBodyMain .linkBtnB,
#contentsBodyMain .linkBtnA{
	display:block;
	background:url(/gas/menu/img/input_btn_a_bg.gif) no-repeat 0 bottom;
	padding-bottom:3px;
	filter:alpha(opacity=100);
	width:210px;
	margin:0 auto;
	text-decoration:none;
}
#contentsBodyMain .linkBtnB em,
#contentsBodyMain .linkBtnA em{
	display:block;
	background:url(/gas/menu/img/input_btn_a_bg.gif) no-repeat 0 0;
	padding:7px 0 4px;
}
#contentsBodyMain .linkBtnB em,
#contentsBodyMain .linkBtnB{
	background-image:url(/gas/menu/img/input_btn_b_bg.gif);
	width:210px;
	color:#fff;
}
#contentsBodyMain .kensakuHdBox{
	margin-left:45px;
	padding-bottom:15px;
}
#contentsBodyMain .kensakuHdBox ul{
	margin-top:15px;
}
#contentsBodyMain .lastTxt,
#contentsBodyMain .kekkaBox li{
	float:left;
	margin-left:15px;
	font-size:1.4em;
}
#contentsBodyMain .lastTxt{
	margin-top:40px;
	white-space:nowrap;
	width:60px;
}
#contentsBodyMain .kekkaBox li{
	background:url(/gas/menu/img/ryoukin_kekka_plus.gif) no-repeat 0 40px;
	width:146px;
	padding-left:45px;
}
#contentsBodyMain .kekkaBox li:first-child{
	padding-left:0;
}
#contentsBodyMain .kekkaBox li p{
	margin-top:5px;
}
#contentsBodyMain .kekkaBox li .txtLinkA{
	text-decoration:underline;
	color:#0154a0;
	background-position:0 0.4em;
}
#contentsBodyMain .kensakuBtmBox{
	background:url(/gas/menu/img/ryoukin_kekka_bg.gif) no-repeat right bottom;
	margin-left:26px;
	padding:10px 25px;
	text-align:center;
	width:411px;
}
#contentsBodyMain .kensakuBtmBox p{
	margin:5px 0 0;
}
/* hover */
#contentsBodyMain .kekkaBox li .txtLinkA:hover{
	text-decoration:none;
}
#contentsBodyMain .linkBtnB:hover,
#contentsBodyMain .linkBtnA:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}



/* planBox otherBox
------------------------------------------*/
#contentsBodyMain .planBox sup,
#contentsBodyMain .otherBox sup{
	font-size:8px;
}

#contentsBodyMain .planBox .planInner a:hover,
.otherBox .inputBtn a:hover{
	opacity: 0.7;
	 filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	transition: all 0.6s ease-in-out 0s;
}
/* planBox
------------------------------------------*/
#contentsBodyMain .kensakuHdBox{padding-bottom:30px !important;}
#contentsBodyMain .planBox{	margin:0 20px 0 0; 	}
#contentsBodyMain .planBox .planInner a{padding:0; margin:0;}
#contentsBodyMain .planBox .planInner a img{width:100%;}

#contentsBodyMain .ftLarge{margin:20px 0;   font-family: 'AxisProN-Medium' !important; }

#contentsBodyMain .planBox p{margin:10px 0 0 0; font-size:12px;}

#contentsBodyMain .planBox .or{
	display:block;
	margin:20px 0 ;
	color:#0262c5;
  font-family: 'AxisProN-Medium' !important;
	font-size:23px;
	text-align:center;
	font-weight:bold;
}

#contentsBodyMain .planBox .plus{margin:20px 0; text-align:center;}

#contentsBodyMain .planBox .plus img{width:30px; height:30px; }
/* otherBox
------------------------------------------*/
.otherBox{
	margin: 0 20px 0 50px;

}

.otherBox p{font-size:14px;}
.otherBox .caption{font-size:12px !important;margin:10px 0 0 0;}

#contentsBodyMain .otherBox{
	margin:0 20px 0 0;
	background:url(/gas/menu/img/ryoukin_kekka_bg.gif) no-repeat right bottom;
	margin-left:26px;
	padding:30px 25px 40px 25px;
	text-align:left;
	width:411px;
}

.otherBox .inputBtn{display:block;}
.otherBox .dottLine{margin-bottom:30px;}

.otherBox .inputBtn a{
background:#0262c5 ;
	background-image: -moz-linear-gradient( 90deg, rgb(30,106,183) 0%, rgb(34,118,190) 48%, rgb(37,130,197) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(30,106,183) 0%, rgb(34,118,190) 48%, rgb(37,130,197) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(30,106,183) 0%, rgb(34,118,190) 48%, rgb(37,130,197) 100%);
	border-radius:5px;
	border:solid #1b67b2 1px;
	padding:20px 10px 20px 0;
	font-size:20px;
	font-weight:bold;
	display:block;
	cursor:pointer;
	color:#fff !important;
	text-align: center;
	text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.36);

	margin: 10px 0 0 0 ;
	text-decoration:none !important;

	position:relative;
  line-height: 1.2;
}





.otherBox .inputBtn a:before{
  position: absolute;
  content: "";
  top: 48%;
  right: 12px;
  width: 16px;
  height: 28px;
  margin-top: -12px;
  background:url(/gas/menu/img/icon_arrow_010.png) top left no-repeat;
  background-size: 16px 28px;
}

.m-searchBw {
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .m-searchBw {
    padding-top: 10px;
  }
}

.m-searchBw > ul {
  display: flex;
  justify-content: center;
  line-height: 1.5;
  text-align: center;
}

.m-searchBw > ul > li {
  width: 350px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .m-searchBw > ul > li {
    width: 50%;
  }
}

.m-searchBw > ul > li:nth-child(1) {
  padding-right: 10px;
}

@media screen and (max-width: 767px) {
  .m-searchBw > ul > li:nth-child(1) {
    padding-right: 5px;
  }
}

.m-searchBw > ul > li:nth-child(2) {
  padding-left: 10px;
}

@media screen and (max-width: 767px) {
  .m-searchBw > ul > li:nth-child(2) {
    padding-left: 5px;
  }
}

.m-searchWb {
  padding-bottom: 2px;
}

.m-searchWb__in {
  display: table;
  width: 100%;
}

.m-searchWb__in2 {
  display: table-cell;
  height: 52px;
  padding: 8px 0;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .m-searchWb__in2 {
    height: 47px;
  }
}

.m-searchWb__ar {
  position: absolute;
  right: 14px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 50%;
  background: #0087d4;
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

.m-searchWb__ar::before {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 6px;
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

.m-searchWb > button {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-right: 14px;
  border: 1px solid #0087d5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 0 #0087d5;
  color: inherit;
  font-size: 15px;
  font-family: 'AxisProN-Medium';
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

@media screen and (max-width: 767px) {
  .m-searchWb > button {
    padding-right: 24px;
  }
}

html.device-pc .m-searchWb > button:hover,
html.device-pc .m-searchWb > button:active {
  border-color: #4ac9e3;
  background: #4ac9e3;
  box-shadow: 0 0 0 #4ac9e3;
  color: #fff;
  transform: translateY(2px);
}

html.device-pc .m-searchWb > button:hover .m-searchWb__ar,
html.device-pc .m-searchWb > button:active .m-searchWb__ar {
  background: #fff;
}

html.device-pc .m-searchWb > button:hover .m-searchWb__ar::before,
html.device-pc .m-searchWb > button:active .m-searchWb__ar::before {
  border-color: #0087d4;
}

.m-searchBb__in {
  display: table;
  width: 100%;
}

.m-searchBb__in2 {
  display: table-cell;
  height: 52px;
  padding: 9px 0;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .m-searchBb__in2 {
    height: 47px;
  }
}

.m-searchBb__ar {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 50%;
  background: #fff;
}

.m-searchBb__ar::before {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 6px;
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border-top: 2px solid #0087d4;
  border-right: 2px solid #0087d4;
  transform: rotate(45deg);
}

.m-searchBb > button {
  display: block;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding-right: 15px;
  border: none;
  border-radius: 8px;
  background: #0086d1;
  color: #fff;
  font-size: 15px;
  font-family: 'AxisProN-Medium';
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

@media screen and (max-width: 767px) {
  .m-searchBb > button {
    padding-right: 25px;
  }
}

html.device-pc .m-searchBb > button:hover,
html.device-pc .m-searchBb > button:active {
  background: #4ac9e3;
}











.m-resultBw {
  width: 320px;
  margin: 0 auto;
  padding-top: 5px;
}

@media screen and (max-width: 767px) {
  .m-resultBw {
    width: auto;
    padding-top: 30px;
  }
}

.m-resultBt {
  padding-bottom: 2px;
}

.m-resultBt__in {
  display: table;
  width: 100%;
}

.m-resultBt__in2 {
  display: table-cell;
  height: 52px;
  padding: 8px 0;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .m-resultBt__in2 {
    height: 47px;
  }
}

.m-resultBt__t {
  font-size: inherit !important;
  line-height: inherit !important;
}

.m-resultBt__ar {
  position: absolute;
  right: 14px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 50%;
  background: #0087d4;
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

.m-resultBt__ar::before {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 6px;
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

.m-resultBt > a {
  display: block;
  position: relative;
  padding-right: 14px;
  border: 1px solid #0087d5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 0 #0087d5;
  color: inherit !important;
  font-size: 15px;
  font-family: 'AxisProN-Medium';
  line-height: 1.5;
  text-align: center;
  text-decoration: none !important;
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

@media screen and (max-width: 767px) {
  .m-resultBt > a {
    padding-right: 24px;
  }
}

html.device-pc .m-resultBt > a:hover,
html.device-pc .m-resultBt > a:active {
  border-color: #4ac9e3;
  background: #4ac9e3;
  box-shadow: 0 0 0 #4ac9e3;
  color: #fff !important;
  transform: translateY(2px);
}

html.device-pc .m-resultBt > a:hover .m-resultBt__ar,
html.device-pc .m-resultBt > a:active .m-resultBt__ar {
  background: #fff;
}

html.device-pc .m-resultBt > a:hover .m-resultBt__ar::before,
html.device-pc .m-resultBt > a:active .m-resultBt__ar::before {
  border-color: #0087d4;
}

.m-resultOw {
  margin-top: 10px;
}

.m-resultOb__in {
  display: table;
  width: 100%;
}

.m-resultOb__in2 {
  display: table-cell;
  height: 52px;
  padding: 9px 0;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .m-resultOb__in2 {
    height: 47px;
  }
}

.m-resultOb__t {
  margin: 0 !important;
  font-size: inherit !important;
}

.m-resultOb__ar {
  position: absolute;
  right: 15px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 50%;
  background: #fff;
}

.m-resultOb__ar::before {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 6px;
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border-top: 2px solid #0087d4;
  border-right: 2px solid #0087d4;
  transform: rotate(45deg);
}

.m-resultOb > a {
  display: block;
  position: relative;
  padding-right: 15px;
  border-radius: 8px;
  background: #0086d1;
  color: #fff !important;
  font-size: 15px;
  font-family: 'AxisProN-Medium';
  line-height: 1.5;
  text-align: center;
  text-decoration: none !important;
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

@media screen and (max-width: 767px) {
  .m-resultOb > a {
    padding-right: 25px;
  }
}

html.device-pc .m-resultOb > a:hover,
html.device-pc .m-resultOb > a:active {
  background: #4ac9e3;
}

.m-searchLink > a {
  margin-right: 35px !important;
  padding: 0 !important;
  background: none !important;
  color: inherit !important;
  text-decoration: none !important;
}

.m-searchLink > a > span {
  display: inline-block;
  position: relative;
  padding-right: 13px;
  font-size: 15px;
  font-weight: 300;
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

.m-searchLink > a > span::before {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -3px;
  box-sizing: border-box;
  border-top: 3px solid #0087d4;
  border-right: 3px solid #0087d4;
  transform: rotate(45deg);
}

.m-searchLink > a:hover {
  color: inherit !important;
  text-decoration: none !important;
}

.m-searchLink > a:hover > span {
  color: inherit !important;
  text-decoration: none !important;
}

html.device-pc .m-searchLink > a:hover > span,
html.device-pc .m-searchLink > a:active > span {
  opacity: .5;
}

.m-resultPb {
  padding-bottom: 2px;
}

.m-resultPb__in {
  display: table;
  width: 100%;
}

.m-resultPb__in2 {
  display: table-cell;
  height: 52px;
  padding: 8px 0;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .m-resultPb__in2 {
    height: 47px;
  }
}

.m-resultPb__s {
  font-size: 13px;
  font-family: 'AxisProN-Light';
}

.m-resultPb__t {
  margin: 0 !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.m-resultPb__t sub {
  font-size: 11px;
  vertical-align: 0;
}

.m-resultPb__ar {
  position: absolute;
  right: 14px;
  top: 50%;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  border-radius: 50%;
  background: #0087d4;
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

.m-resultPb__ar::before {
  content: '';
  display: block;
  position: absolute;
  left: 5px;
  top: 6px;
  width: 6px;
  height: 6px;
  box-sizing: border-box;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

.m-resultPb > a {
  display: block;
  position: relative;
  padding-right: 14px;
  border: 1px solid #0087d5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 0 #0087d5;
  color: inherit !important;
  font-size: 15px;
  font-family: 'AxisProN-Medium';
  line-height: 1.5;
  text-align: center;
  text-decoration: none !important;
  transition: all 350ms cubic-bezier(.215, .61, .355, 1);
}

@media screen and (max-width: 767px) {
  .m-resultPb > a {
    padding-right: 24px;
  }
}

html.device-pc .m-resultPb > a:hover,
html.device-pc .m-resultPb > a:active {
  border-color: #4ac9e3;
  background: #4ac9e3;
  box-shadow: 0 0 0 #4ac9e3;
  color: #fff !important;
  transform: translateY(2px);
}

html.device-pc .m-resultPb > a:hover .m-resultPb__ar,
html.device-pc .m-resultPb > a:active .m-resultPb__ar {
  background: #fff;
}

html.device-pc .m-resultPb > a:hover .m-resultPb__ar::before,
html.device-pc .m-resultPb > a:active .m-resultPb__ar::before {
  border-color: #0087d4;
}



/* 暖房プラン・暖房乾燥プラン */

@media print, (min-width: 768px) {
  .c-gp__w.is-w1240 {
    width: 1240px;
  }
}

.is-cream {
  width: auto;
  background: #fceae9;
}

.is-cream-green {
  width: auto;
  background: #ebf7e4;
}

@media screen and (max-width: 767px) {
  .c-gp.is-cream,
  .c-gp.is-cream-green {
    margin: 0;
  }
}

.c-gp.is-cream .c-gp__in,
.c-gp.is-cream-green .c-gp__in {
  width: 1240px;
  margin: 0 auto;
  padding: 70px 0 90px;
}

@media screen and (max-width: 767px) {
  .c-gp.is-cream .c-gp__in,
  .c-gp.is-cream-green .c-gp__in {
    width: auto;
    margin: 0 15px;
    padding: 45px 0 50px;
  }
}

.check_list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.check_list > li {
  font-weight: 700;
  position: relative;
  padding-left: 30px;
}

.check_list > li::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  mask: url("../img/check-icon.svg") no-repeat center / contain;
  background-color: #bf4da5;
  position: absolute;
  left: 0;
  top: 0;
}

.check_list_lightpink > li::before {
  background-color: #f987b2;
}

.check_list_lightgreen > li::before {
  background-color: #c5e7b4;
}

.check_item_or {
  margin-bottom: 40px;
}

.check_item_or::after {
  content: 'あるいは';
  position: absolute;
  bottom: -34px;
  left: 40px;
}

.is-cream-green .c-gp__eb.is-ptb30 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.danbo_box_in {
  display: grid;
  grid-template-columns: 35% 14% 30% 15%;
  align-items: center;
  gap: 15px;
  padding: 0 70px;
}

.arrow_right_triple {
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #bf4da5;
  margin: 0 60px;
  position: relative;
}

.arrow_right_triple_lightpink {
  border-left: 20px solid #f987b2
}

.arrow_right_triple_lightgreen {
  border-left: 20px solid #c5e7b4
}

.arrow_right_triple::before,
.arrow_right_triple::after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 20px solid #bf4da5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.arrow_right_triple::before {
  left: -54px;
}

.arrow_right_triple::after {
  right: -36px;
}

.arrow_right_triple_lightpink::before,
.arrow_right_triple_lightpink::after {
  border-left: 20px solid #f987b2
}

.arrow_right_triple_lightgreen::before,
.arrow_right_triple_lightgreen::after {
  border-left: 20px solid #c5e7b4
}

.danbo_box_in_text em {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 2px;
}

.underline-lightpink {
  border-bottom: 2px solid #f987b2;
}

.underline-pink {
  border-bottom: 2px solid #bf4da5;
}

.underline-lightgreen {
  border-bottom: 2px solid #c5e7b4;
}

.danbo_terms {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.danbo_terms > li {
  display: flex;
  gap: 20px;
  padding-left: 20px;
  position: relative;
}

.danbo_terms > li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 26px;
  border-radius: 2.5px;
  background: linear-gradient(180deg, #0086d2, #00cae5);
}

.danbo_terms_title {
  max-width: 190px;
  width: 100%;
  flex-shrink: 0;
  font-size: 20px;
  font-family: 'AxisProN-Bold';
  line-height: 1.3;
}

.danbo_price_table_area {
  display: flex;
  justify-content: center;
}

.danbo_price_table_area > div {
  width: 50%;
}

@media screen and (max-width: 767px) {

  .danbo_box_in {
    padding: 0;
    grid-template-columns: auto;
    justify-items: center;
  }

  .check_list {
    margin-bottom: 20px;
  }

  .arrow_right_triple {
    transform: rotate(90deg);
  }

  .arrow_right_triple::before {
    left: -48px;
  }

  .arrow_right_triple::after {
    right: -28px;
  }

  .danbo_box_in_text {
    margin-top: 20px;
  }

  .danbo_terms > li {
    flex-direction: column;
  }

  .danbo_price_table_area {
    flex-direction: column;
  }

  .danbo_price_table_area .c-gp__tb__in {
    width: 100%;
    padding: 0;
  }

  .danbo_price_table_area th,
  .danbo_price_table_area td {
    font-size: 12px !important;
    padding-left: 10px!important;
    padding-right: 10px!important;
  }
}