@charset "UTF-8";

.desktoptop {display: block;}
.mobiletop {display: none;}
 @media screen and (max-width: 780px) {
.desktoptop {display: none;}
.mobiletop {display: block;}
}

.font15 {font-size: 15px; line-height: 20px;}
.font16 {font-size: 16px; line-height: 23px;}
.font18 {font-size: 18px; line-height: 25px;}

.font20 {font-size: 20px; line-height: 25px;}
.headline {font-size: 34px; line-height: 45px; color: #055541; font-weight: bold; margin-bottom: 10px; }

.headline span {background-color: #055541; color: #ffffff; padding: 5px 10px;}

.blink_me {
  animation: blinker 0.8s step-start infinite;
}

@keyframes blinker {
  50% {
    opacity: .5;
  }
}


.subh {font-size: 26px; line-height: 45px; color: #055541; font-weight: bold; margin-bottom: 10px; }
.subh strong {font-size: 30px; }
.dec {font-size: 18px; line-height: 30px; }
b {color: #055541;}

.dec b {font-size: 23px;}
.bg {background: rgb(220,237,219);
background: linear-gradient(180deg, rgba(220,237,219,1) 0%, rgba(255,255,255,1) 94%); padding: 30px; border-radius: 30px;}

.word {font-size: 20px; line-height: 30px;}
.word samll {font-size: 18px;}

.offer-area {display: flex; flex-wrap: wrap;}
.b1 {width: 140px;}
.b2 {width: 150px;}
.b3 {width: 240px;}
.b4 {width: 30px; text-align: center; }
.b5 {width: 150px;}
.btop {padding: 15px 10px; background-color: #055541; height: 70px; color: #fff;}
.bbottom {padding: 15px 10px; background-color: #b1c5ad; height: 50px;}

.btop2 {padding: 15px 5px;  height: 70px; border-bottom: 1px solid #ffdd15;}
.bbottom2 {padding: 15px 5px;  height: 50px;}

.wordtop {padding-top: 50px;  font-size: 25px;}
.arrarea {height: 130px;  background-image: url('arrbg.svg');
  background-repeat: no-repeat; background-position: 0px 49px; margin-left: -20px;}
.arrword {text-align: center;padding-top: 25px; text-shadow: 2px 2px #fff;}
.arrword strong {font-size: 38px;}

.wbox {background-color: #fff; border-radius: 20px; padding: 10px; margin-top: 20px;}
.cal img  {float: right; width: 70px; margin-top: -50px;}

.wbox .oword {color: #f6921e; font-weight: bold; text-shadow: 1px 1px #000; margin-top: 5px;}
.wbox .oword span {font-size: 35px;}

.tnc {font-size: 15px;}

.box {border: 1px solid #0d6c28; border-radius: 15px; padding: 20px 20px 40px; text-align: center; box-shadow: 0px 2px 8px #727171; width: 770px; margin: 0 auto; }

.btn_action {
  background-color: #0d6c29;
}
.btn_action:after {
  background: url(icn_stroke_non_hase_link_white.svg) no-repeat;
  width: 22px;
  height: 22px;
  margin-left: 0;
  margin-top: -4px;
}
.btn_action:hover {
  background-color: #063414;
}
.btn_action:hover:after {
  background: url(icn_solid_external_link_white.svg) no-repeat;
}

.btn {text-align: center; margin-top: -40px;}
.riskbox {padding: 10px; border: 1px solid #898989; margin-top: 20px; }


.desktop {display: block;}
.mobile {display: none;}
 @media screen and (max-width: 970px) {
.desktop {display: none;}
.mobile {display: block;}
}

 @media screen and (max-width: 970px) {
.b1 {width: 100%; text-align: center; margin: 0 auto;}
.b2 {width: 100%; text-align: center; margin: 0 auto;}
.b3 {width: 80%; text-align: center; margin: 0 auto;}
.b4 {width: 100%; text-align: center; margin: 0 auto;}
.b5 {width: 80%; text-align: center; margin: 0 auto;}
.btop {padding: 10px; background-color: #055541; height: 45px; color: #fff; float: left; width: 50%;}
.bbottom {padding: 10px; background-color: #b1c5ad; height: 45px; float: left; width: 50%;}
.arrarea {height: auto; background-color: #f3dc24;}
.arrword {text-align: center; padding-top: 20px; padding-bottom: 20px; text-shadow: 2px 2px #fff;}	 
.btop2 {padding: 10px;  height: 45px; border-bottom: 0px solid #ffdd15; border-right: 1px solid #f3dc24; float: left; width: 50%;}
.bbottom2 {padding: 10px;  height: 45px;  float: left; width: 50%;}
.wordtop {padding-top: 0px;  font-size: 25px;}	
.cal img  {float: right; width: 70px; margin-top: -20px;}
.tnc { margin-top: 20px;}
.arrm img {width: 135px;}
.box {border: 1px solid #0d6c28; border-radius: 15px; padding: 20px 20px 40px; text-align: center; box-shadow: 0px 2px 8px #727171; width: 100%; margin: 0 auto; }	 
}