@charset "UTF-8";

.into {font-size: 18px; line-height:38px; }
.into b {color: #0d6c29; font-size: 24px;}

p { font-size: 18px; line-height:24px; }
b {color: #0d6c29;}

.word1 { font-size: 18px; line-height:24px; }
.fontcolor {color:#0d6c29; font-size: 23px; line-height:28px; font-weight: bold; }
.yuucolor {color:#0072bc;   font-weight: bold; }
.yuucolor b {font-size: 23px; line-height:28px; color:#0072bc;}
.yuucolor img {width: 35px; margin: 0 5px;}
.yuucolorb {color:#0072bc; font-size: 23px; font-weight: bold; }

.break {display: none;}	
	
 @media screen and (max-width: 500px) {
.ui-table .fontcolor {color:#0d6c29; font-size: 19px; line-height:20px; font-weight: bold; }
.td-50 { width:55%;}

.break {display: block;}	
 }
 
.hs-box {background-color:#edf7e6; padding:15px;}
.hs-box p { font-size: 20px; line-height:22px; }
.offer { margin-bottom:20px;}
.col-1 {width: 25px; float: left; }
.col-1 img {width: 21px;}
.col-2 {width: 100%; font-size: 18px; line-height:24px; margin-top:3px;}
.text_top {margin-left:30px;}

 @media screen and (max-width: 970px) {
.offer { margin-top:20px;}
 }
.icon {width: 40px; float: left;}
.iconword {width: 100%; padding-left: 50px; padding-top: 10px;}
.iconword1 p {width: 100%; padding-left: 50px; padding-top: 0px; font-size: 150%;}
.iconword1 .fontcolor {color:#ce0000; font-size: 32px; line-height:40px; font-weight: bold; }
.tnc ol {margin-left: 15px;}

p {font-size: 18px; line-height:26px;}

.intro img {width: 270px; float: left;}
.inword {font-size: 24px; line-height:32px; padding-left: 280px; width: 100%; padding-top: 3px;}
.inword img {width: 230px; vertical-align: text-top; margin-top: -3px;}
.inword b {font-size: 35px; vertical-align: text-top;}

.headline {width: 330px; margin-top: 50px;}

.word {font-size: 18px; line-height:26px; padding: 0 30px;}
.remark {text-align: justify;}
.remarkTable {margin: 5px 0;}
.remarkTable td { border:1px solid #000; padding:3px; text-align:center; background-color:#ffffff; }
.litype {margin-left: 0px;}
.tncfont {font-size: 18px; line-height:30px; margin-top: 15px; margin-bottom: 15px;}

.wordlink {width: 300px; float: left;}
.winterword {width: 100%; padding-left: 310px; padding-top: 20px;}
.winterword ul {margin-left: 20px;}
.winterword li { font-size: 18px; line-height:24px; margin-bottom: 5px;}

.wordlink1 p {padding: 10px 0; font-size: 18px; line-height:28px; font-weight: bold; color: #39B54A;}
.wordlink1 p a {color: #39B54A;} 
.yuu {height: 20px; margin: 0 5px; }

@media (max-width: 780px) {
.intro img {width: 270px; float: none;}
.inword {font-size: 22px; line-height:30px; padding-left: 0px; width: 100%; padding-top: 3px;}

.word {font-size: 18px; line-height:26px; padding: 0 20px;}	
.wordlink {width: 300px; float: none;}
.winterword {width: 100%; padding-left: 0px; padding-top: 10px;}	
}

.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;
}


.ui-table02 th { padding: 3px 3px; background-color: #f1fbdf; font-size: 16px; line-height: 24px; text-align: center; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;}
.ui-table02 td { padding: 3px 3px; font-size: 16px; line-height: 24px; text-align: center;  background-color: #ffffff; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;}
.ui-table02 tr {border-bottom: 1px solid #d2d2d2;}
.ui-table02 .redbox {background-color:#ce0000; width: 120px; padding: 2px 0; border-top-left-radius: 10px; border-bottom-right-radius: 10px; color: #fff; margin: 0 auto;}
.gbar {background-color: #0d6c29;  font-size: 23px; color: #fff; font-weight: bold; padding: 5px 15px;}

.cd1 {height: 13px;}
.yuu1 {height: 21px; margin: 0 5px;}

.mobile {display: none;}
@media (max-width: 780px) {
.mobile {display: block;}	
.ui-table02 th { padding: 3px 3px; background-color: #f1fbdf; font-size: 15px; line-height: 23px; text-align: center; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;}
.ui-table02 td { padding: 3px 3px; font-size: 15px; line-height: 23px; text-align: center;  background-color: #ffffff; border-right: 1px solid #d2d2d2; border-left: 1px solid #d2d2d2;}	
.cd1 {height: 10px;}
.yuu1 {height: 21px; margin: 0 5px;}	
}

.gdecins {width: 100%; font-size: 20px; line-height:32px; text-align: center;}
.qrcode1 img {width: 130px}
.flobutton {position: fixed;  bottom: 0; background-color: #fff; min-width: 970px; padding: 5px 10px; box-shadow: 0 -10px 10px -10px #333; }
.img_d {display: block;}
.img_m {display: none;}
.btn2 {color: #ffffff;}

 @media screen and (max-width: 970px) {
.flobutton {position: fixed;  bottom: 0; background-color: #fff; min-width: 480px; width: 100%; padding: 0 10px;}
.img_d {display: none;}
.img_m {display: block;}
	 
}

.wordlinkpic {width: 60px; float: left;}
.wordlinkg  {margin-left: 70px; padding-top: 5px;}

@media (max-width: 780px) {
.wordlink img {width: 60px; float: left; padding-top: 8px;}	
.wordlink p {margin-left: 70px; padding-top: 0px;}	
}

.tl {width: 15px; float: left;}
.tr {width: 100%; padding-left: 15px;}