@charset "utf-8";
/* CSS Document */
.step_article{  margin-bottom: 20px; padding-bottom:15px; border-bottom:2px dotted #B9C0F4;display: flex;}
.step_article:last-child{border-bottom:none;}
.apply_step dl{ display: inline-block; width: 85%;}

.apply_step .step{color: #fff; border-radius: 99em; background-color: #9799E0; width: 55px; height: 55px;  line-height: 51px; padding: 15px; font-size: 18px; font-weight: bold; display: inline-block; margin-right: 12px; vertical-align: top;}
	
.apply_step dt, .step_title{font-size: 1.2em; font-weight: bold; color:#6C7FBF;}

.number{ color:yellow;font-size: 1.6em;}
.a_list{ display:flex; justify-content: space-between; text-align: center; margin: 15px 0;}
.a_list li{  width: calc(100% / 3 - 15px);  border-radius: 20px; border: 1px #6C7FBF solid;  padding: 20px;  box-sizing: border-box;
} 
.a_circle{display: block;}
.a_list .title01{ font-weight: bold; font-size: 1.2em;color: #6C7FBF;}
.mobile{ display:none;}

body{font-family: "微軟正黑體"}


.travel-adv-title{color: #576078;font-size: 32px;margin: 14px 0 0 0;}
.travel-adv{width: 100%;margin: auto;}
.travel-adv-list{list-style-type: none;border: 2px solid #d2acad;max-width: 100%;border-radius: 30px; margin: 20px 0;position: relative;}
.travel-adv-list p{display: inline-block;vertical-align:middle;}
.adv-color{background-color: #edc1bd;border-radius: 30px;color: #373737;font-size: 26px;padding: 10px 101px 10px 23px;margin: 3px;text-align: left;}
.adv-color2{font-size: 24px;padding: 0px 10px 0 0px ;margin: 3px;color: #565656;}
.adv-size{font-size: 22px;padding: 0;margin: 0;}
.travel-adv-box{display: inline-block;margin: 0 27px 0;}
.travel-adv-list::before{content: "★";position: absolute;color: #dd8c85;font-size: 38px;margin: 13px 0px 0px -40px;}
.adv-width{padding: 10px 50px 10px 23px;}
.travel-adv-img{width: 100%;}
.travel-adv-img img{width: 100%;display: block;}
.travel-adv-img-rwd{display: none;}

/*190606新增缺點*/
.adv-color01{text-align: center; width: 10%; padding: 15px; background-color: #9DBBF8;}
.adv-color02{width: 83%; color: #6C7FBF}
.adv-color03{font-size: 18px; padding: 0 10px;padding-left: 1em;}
.adv-color03 .because{ text-indent: -1em; display: inline-block; font-weight: bold;}
.adv-color03 .text02{padding-left: 2.3em; display: inline-block;}
.travel-adv-list01{ border-color: #9DBBF8;}
.travel-adv-list01:before{color: #9DBBF8;}
.apply_step .step01{ text-align: center; font-size: 24px; letter-spacing: 0.05em;}
.step_article:first-of-type .step01{ background-color: #fa5555;}
.dummies_title{background:#6C7FBF; color: #fff; padding:5px; border-radius: 5px; text-align: center; width: 11%;margin-top: 5px; }


@media screen and (max-width : 1200px) {
.travel-adv{text-align:center;}
.travel-adv-box{text-align:left;}
	
.travel-adv-box01{ width: 69%;}
.adv-color01{ width:93%;}
}


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

.new_hokkaido_group{ display:inline-block; width:calc(100%/2 - 14px); margin-right:20px; margin-bottom:20px; vertical-align:top;}
.new_hokkaido_group:nth-of-type(2){ margin-right:0;}
.new_hokkaido_group:nth-of-type(4){ margin-right:0;}
a.nhmore_icon{ width:100%; }
.linktit{ 
display: block; text-align: center; font-size: 20px; font-weight: bold; color: #fff; padding: 8px 0; background-color: #4474b4;  margin-bottom: 8px; width: 100%;}

.apply_step .step01{font-size: 22px;}
.dummies_title{width: 25%;}

}


@media screen and (max-width : 980px) {
	
.apply_step .step01{font-size: 22px; display: block; padding: 10px; line-height: inherit; width: 14%; height: auto; border-radius: 10px; margin-bottom: 10px;}	
.step_article01	{flex-wrap: wrap;}
	
.adv-color03 .text02{display: block; padding-left: 0;}
	
}

@media screen and (max-width : 640px) {
	
.a_list{ flex-wrap:wrap;}
.a_list li{ width:100%; margin-bottom:15px;padding: 15px;}
.web{ display:none;}
.mobile{ display:block;}
.apply_step dl{ width:100%;}
.step_article{ flex-wrap:wrap;}
.step_title{ width: 100%;  align-items: center; display: flex;}
.travel-adv-box{width: 100%;text-align:center;margin: 0;}
.travel-adv-list p{display:block;}
.adv-color{text-align:center;padding:10px 0px;}
.travel-adv-list::before{content: "";}
.travel-adv-img-rwd{display: block;width: 100%;}	
.travel-adv-img-rwd img	{width: 100%; display: block;}
.travel-adv-img{display: none;}
	
	
.adv-color01, .adv-color02{ width: 100%;}
.adv-color03{ text-align: left;}
}