@charset "UTF-8";

.banner_area {
  position: relative;
  width: 100%;
  margin-bottom: 0px;
}

.banner_area .banner_img {
  position: relative;
  width: 100%;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 15s ease;
  -moz-transition: transform 15s ease;
  -o-transition: transform 15s ease;
  transition: transform 15s ease;
}

.banner_area.active .banner_img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.banner_area .banner_img {
  overflow: hidden;
}
.riskbox {border: 1px solid #adadad; font-size: 14px; line-height:20px; color: #414042; padding: 15px; margin-bottom: 20px;}

.notebox {border: 1px solid #adadad; padding: 10px; margin-bottom: 20px;  overflow: auto;  height: 100px;}


ol.superword {
        counter-reset: item;
        padding: 0;
    	list-style:none;
	margin-left: -20px;
    }
    
    .superword li:before{
		font-size: 8px;
    	content: counter(item) "";
        counter-increment: item;
    	position: absolute;	
    	vertical-align:super;

    	left: 1em;
		top: 0px;
    }
    
    .superword li{
    	position: relative;
    	display: block;
    	padding: .6em .0em .0em 2.5em;
		margin-top: 3px;
    }



.headline {font-size: 30px; text-align: center; color: #005948; font-weight: bold; }
.headline1 {font-size: 30px; text-align: left; color: #005948; font-weight: bold; }
.headline1 img {width: 60px; margin-top: -5px;}
.intro {font-size: 20px; line-height: 40px; margin-top: 20px;}
.bg { width: 660px; margin: 0 auto;}
.hsboxtop {background-color: #005948; border-top-left-radius: 15px;  border-top-right-radius: 15px; width: 660px; padding: 15px; margin: 0 auto; font-size: 27px; font-weight: bold; color: #ffffff; text-align: center;}
.hsbox { border-left: 2px solid #005948; border-right: 2px solid #005948; border-bottom: 2px solid #005948; border-bottom-left-radius: 15px;  border-bottom-right-radius: 15px; padding: 30px; width: 660px; margin: 0 auto;}
.linepoint {font-size: 20px; line-height:30px;}
.linepoint ul {list-style: none; margin-left: 20px;}
.linepoint li::before {
  content: "\2022";
  color: #005948;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
	margin-top: 10px;
}
.linepoint b {color: #c08138; font-size: 130%;}

.btn_action {background-color:#005948;}
.btn_action:hover {background-color:#004312;}

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

.line {border-top: 2px solid #005948; width: 650px; margin: 0 auto; }
.head2 {font-size: 27px; line-height:30px;  color: #005948; font-weight: bold; width: 160px; margin: 0 auto; background-color: #ffffff; margin-top: -15px; text-align: center; }
.offer-area {width: 750px;  margin: 0 auto ;}
.word {font-size: 18px; line-height: 40px; text-align: center;} 
.word b {color: #005948; font-size: 25px;}
.offerword {font-size: 20px; line-height: 32px; margin-top: 30px;}
.offerword .offerpic {width: 110px; margin-right: 10px; margin-top: -2px; float: left;}
.offerword b {color: #ff6600; font-size: 20px;}

.desktop {display: block;}
.mobile {display: none;}

.hotword {color: #005948; font-size: 23px; font-weight: bold; text-align: center;}
.hotline {color: #005948; font-size: 23px; font-weight: bold;}

.square {background-color: #005948; color: #ffffff; width:25px; height: 25px; font-size:18px; line-height:25px; font-weight: bold; display:inline-block; text-align: center; border-radius: 10%;}

.intro b {color: #005948;}

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

.tick {width: 30px; float: left;}
.tick img {width: 25px; }
.tickword {width: 100%; padding-left: 35px;}

 @media screen and (max-width: 740px) {
.desktop {display: none;}
.mobile {display: block;}
.bg { width: 100%; margin: 0 auto;}	 
.line {border-top: 2px solid #005948; width: 100%; margin: 0 auto; }
.offer-area {width: 100%;  margin: 0 auto ;}	 
.hsboxtop {border-top-left-radius: 15px;  border-top-right-radius: 15px; width: 100%; padding: 15px; margin: 0 auto; font-size: 27px; font-weight: bold; color: #ffffff; text-align: center;}
.hsbox { border-bottom-left-radius: 15px;  border-bottom-right-radius: 15px; padding: 30px; width: 100%; margin: 0 auto;}
.linepoint ul {list-style: none; margin-left: 0px;}		 
}

.desktop1 {display: block;}
.mobile1 {display: none;}
 @media screen and (max-width: 600px) {
.desktop1 {display: none;}
.mobile1 {display: block;}
}