@charset "UTF-8";

body.about-vietnam img{
  margin-top:0!important;
  margin-bottom:0!important;
}

.flex-mode{
  margin-top: 0!important;
}

.content .mainlead img {
  display: block;
  max-width: 1060px!important;
}

.content .mainlead.full {
    width: 100%!important;
}

.whats_read{
  margin: 22px 0 0 0;
  line-height: 200%;
}

.menu_set{
  display: flex;
  justify-content:space-between;
  margin-bottom: 40px;
}

  .menu_set a{
    width: 31%;
  }
    .menu_set dl{
      font-size: 90%;
      display: flex;
      background: #f3f3f3;
    }
      .menu_set dl dd{
        line-height: 160%;
        padding: 10px 10px 10px 15px;
      }

.menu_set img{
  margin: 0!important;
}

.content .mainlead .menu_set p{
  line-height: 0;
}

/* frame */
.frame{
  margin: 30px 0 25px 0;
  padding:20px;
  display: flex;
  align-items: center;
}
  .frame p.f1{
    margin-right: 30px!important;
  }

.frame.c01{border: 1px solid #a2bf17;}
.frame.c02{border: 1px solid #d7c105;}
.frame.c03{border: 1px solid #ff9d25;}

/* h3.about */
h3.about{
  border: none!important;
  margin: 30px 0 25px  0!important;
  padding: 0 0 0 15px!important;
  line-height: 180%;
  width: 100%;
}
  h3.about span{
    font-size: 150%;
    display: block;
    vertical-align: middle;
  }

/* h3 climate */
.tit_img{
  background: none!important;
  border: none!important;
  margin: 20px 0 20px  0!important;
  padding: 0!important;
}


h3.about.bo_red{border-left: 4px solid #c43f17!important;}
h3.about.bo_red span{color: #c43f17;}

h3.about.bo_green{border-left: 4px solid #8fad33!important;}
h3.about.bo_green span{color: #8fad33;}

h3.about.bo_yellow{border-left: 4px solid #e3a428!important;}
h3.about.bo_yellow span{color: #e3a428;}

h3.about.bo_left{border-left: 4px solid #598dd6!important;}
h3.about.bo_left span{color: #000;}

h3.about.north{border-left: 4px solid #a2bf17!important;}
h3.about.north span{color: #a2bf17;}

h3.about.central{border-left: 4px solid #d7c105!important;}
h3.about.central span{color: #d7c105;}

h3.about.south{border-left: 4px solid #ff9d25!important;}
h3.about.south span{color: #ff9d25;}


/* txt_photo */
.txt_photo{
  width: 100%;
  display: flex;
  justify-content: space-between;
}

  .txt_photo p:first-child,
  .txt_photo div:first-child,
  .txt_photo ul:first-child{
    margin-right: 30px;
  }



/* recommend */
.txt_photo .txt_fix{
  width: 60%;
}

.recommend{
  width: 40%;
  background: #faf8e8;
  padding: 15px;
}
  .recommend span{
    display: block;
    color: #bb3a34;
    font-size: 140%;
    line-height: 140%;
    margin-bottom: 5px;
  }

    .recommend span.yellow{
      color: #957200;
    }

  .w_full{
    width: 100%!important;
  }

  h5{
    text-align: center;
    margin-bottom: 10px;
    width: 100%!important;
    padding: 3px 0 0 12px;
  }
    h5.bg_blue{background: #598dd6; color:#fff;}
    h5.bg_green{background: #b8d100; color:#fff;}
    h5.bg_yellow{background: #dfd639; color:#fff;}
    h5.bg_orange{background: #e6a22d; color:#fff;}

.kikou{
  margin-bottom: 30px;
  width: 100%;
}

/* ebent_list */
dl.ebent_list{
  width: 100%;
  display: flex;
  margin-bottom: 20px;
  padding-bottom: 3px;
  border-bottom: 1px solid #ccc;
}
  dl.ebent_list dt{
    width: 23%;
    margin-right: 20px;
  }

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

body.about-vietnam .flex-mode img{
  width: 100%;
  margin: 0 auto 0 auto!important;
}

  /* ebent_list */
  dl.ebent_list{
    display: block;
  }
    dl.ebent_list dt{
      width: 100%;
      font-weight: bold;
    }

  .txt_photo .txt_fix{
    width: 100%;
  }

  .recommend{
    margin-top: 10px;
    width: 100%;
  }

  .flex-mode{
    padding: 2%!important;
  }

  .whats_read{
    margin: 3vw 4vw 0 4vw;
    font-size: 4vw;
  }
  .menu_set{
    display: block!important;
    margin-bottom: 0;
  }

  .menu_set dl{
    margin-bottom: 5%;
    font-size: 3.5vw;
    margin-right: 0!important;
  }

  .menu_set dl img{
    width: 100%!important;
  }

  .menu_set dl dd{
    padding: 3vw;
  }

  /* txt_photo */
  .txt_photo{
    display: block;
  }

  .txt_photo p,
  .txt_photo div{
    margin-right: 0!important;
  }

  .txt_photo img{
    width: 100%;
    padding:15px 0 15px 0!important;
  }

  /* frame */
  .frame{
    margin: 30px 0 25px 0;
    padding:20px;
    display: block;
    width: 100%;
  }
  .frame p.f1{
    margin: 0 0 15px 0!important;
  }

  .frame p.f1 img{
    width: 40%;
  }

  .kikou{
    margin-bottom: 10px;
  }


  h3.about{
    font-size: 100%!important;
    margin: 20px 0 20px 0!important;
  }
}




/******************************************************/
/* sp image size */
/******************************************************/
@media screen and (max-width: 679px) {
	img.imageFit{width:100% !important;height:auto !important;}
	img.imageFit50{width:50% !important;height:auto !important;}
	img.imageFit55{width:55% !important;height:auto !important;}
	img.imageFit60{width:60% !important;height:auto !important;}
	img.imageFit65{width:65% !important;height:auto !important;}
	img.imageFit70{width:70% !important;height:auto !important;}
	img.imageFit75{width:75% !important;height:auto !important;}
	img.imageFit80{width:80% !important;height:auto !important;}
	img.imageFit85{width:85% !important;height:auto !important;}
	img.imageFit90{width:90% !important;height:auto !important;}
	img.imageFit95{width:95% !important;height:auto !important;}
	img.imageFit100{width:100% !important;height:auto !important;}
	img.imageFit110{width:110% !important;height:auto !important;}
	img.imageFit120{width:120% !important;height:auto !important;}
	img.imageFit130{width:130% !important;height:auto !important;}
	img.imageFit140{width:140% !important;height:auto !important;}
	img.imageFit150{width:150% !important;height:auto !important;}
}

/******************************************************/
/* class */
/******************************************************/
.ANCHER{margin-top:-120px; padding-top:120px;}
.nb{border:none!important;}

.vhb1{margin-bottom: 1vh;}
.vhb2{margin-bottom: 2vh;}
.vhb3{margin-bottom: 3vh;}
.vhb4{margin-bottom: 4vh;}
.vhb5{margin-bottom: 5vh;}

.m_auto_no{margin: 0!important;}
.center { text-align: center !important; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.mt0 { margin-top: 0px !important; }
.mt1 { margin-top: 1px !important; }
.mt2 { margin-top: 2px !important; }
.mt3 { margin-top: 3px !important; }
.mt4 { margin-top: 4px !important; }
.mt5 { margin-top: 5px !important; }
.mt6 { margin-top: 6px !important; }
.mt7 { margin-top: 7px !important; }
.mt8 { margin-top: 8px !important; }
.mt9 { margin-top: 9px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.ml0 { margin-left: 0px !important; }
.ml1 { margin-left: 1px !important; }
.ml2 { margin-left: 2px !important; }
.ml3 { margin-left: 3px !important; }
.ml4 { margin-left: 4px !important; }
.ml5 { margin-left: 5px !important; }
.ml6 { margin-left: 6px !important; }
.ml7 { margin-left: 7px !important; }
.ml8 { margin-left: 8px !important; }
.ml9 { margin-left: 9px !important; }
.ml10 { margin-left: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb1 { margin-bottom: 1px !important; }
.mb2 { margin-bottom: 2px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb4 { margin-bottom: 4px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb6 { margin-bottom: 6px !important; }
.mb7 { margin-bottom: 7px !important; }
.mb8 { margin-bottom: 8px !important; }
.mb9 { margin-bottom: 9px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mr0 { margin-right: 0px !important; }
.mr1 { margin-right: 1px !important; }
.mr2 { margin-right: 2px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr6 { margin-right: 6px !important; }
.mr7 { margin-right: 7px !important; }
.mr8 { margin-right: 8px !important; }
.mr9 { margin-right: 9px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr320 { margin-right: 320px !important; }
.pt0 { padding-top: 0px !important; }
.pt1 { padding-top: 1px !important; }
.pt2 { padding-top: 2px !important; }
.pt3 { padding-top: 3px !important; }
.pt4 { padding-top: 4px !important; }
.pt5 { padding-top: 5px !important; }
.pt6 { padding-top: 6px !important; }
.pt7 { padding-top: 7px !important; }
.pt8 { padding-top: 8px !important; }
.pt9 { padding-top: 9px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pl0 { padding-left: 0px !important; }
.pl1 { padding-left: 1px !important; }
.pl2 { padding-left: 2px !important; }
.pl3 { padding-left: 3px !important; }
.pl4 { padding-left: 4px !important; }
.pl5 { padding-left: 5px !important; }
.pl6 { padding-left: 6px !important; }
.pl7 { padding-left: 7px !important; }
.pl8 { padding-left: 8px !important; }
.pl9 { padding-left: 9px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb1 { padding-bottom: 1px !important; }
.pb2 { padding-bottom: 2px !important; }
.pb3 { padding-bottom: 3px !important; }
.pb4 { padding-bottom: 4px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb6 { padding-bottom: 6px !important; }
.pb7 { padding-bottom: 7px !important; }
.pb8 { padding-bottom: 8px !important; }
.pb9 { padding-bottom: 9px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pr0 { padding-right: 0px !important; }
.pr1 { padding-right: 1px !important; }
.pr2 { padding-right: 2px !important; }
.pr3 { padding-right: 3px !important; }
.pr4 { padding-right: 4px !important; }
.pr5 { padding-right: 5px !important; }
.pr6 { padding-right: 6px !important; }
.pr7 { padding-right: 7px !important; }
.pr8 { padding-right: 8px !important; }
.pr9 { padding-right: 9px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w60 { width: 60px !important; }
.w70 { width: 70px !important; }
.w80 { width: 80px !important; }
.w90 { width: 90px !important; }
.w100 { width: 100px !important; }
.w110 { width: 110px !important; }
.w120 { width: 120px !important; }
.w130 { width: 130px !important; }
.w140 { width: 140px !important; }
.w150 { width: 150px !important; }
.w160 { width: 160px !important; }
.w170 { width: 170px !important; }
.w180 { width: 180px !important; }
.w190 { width: 190px !important; }
.w200 { width: 200px !important; }
.w210 { width: 210px !important; }
.w220 { width: 220px !important; }
.w230 { width: 230px !important; }
.w240 { width: 240px !important; }
.w250 { width: 250px !important; }
.w260 { width: 260px !important; }
.w270 { width: 270px !important; }
.w280 { width: 280px !important; }
.w290 { width: 290px !important; }
.w300 { width: 300px !important; }
.w310 { width: 310px !important; }
.w320 { width: 320px !important; }
.w330 { width: 330px !important; }
.w340 { width: 340px !important; }
.w350 { width: 350px !important; }
.w360 { width: 360px !important; }
.w370 { width: 370px !important; }
.w380 { width: 380px !important; }
.w390 { width: 390px !important; }
.w400 { width: 400px !important; }
.w410 { width: 410px !important; }
.w420 { width: 420px !important; }
.w430 { width: 430px !important; }
.w440 { width: 440px !important; }
.w450 { width: 450px !important; }
.w460 { width: 460px !important; }
.w470 { width: 470px !important; }
.w480 { width: 480px !important; }
.w490 { width: 490px !important; }
.w500 { width: 500px !important; }
.w510 { width: 510px !important; }
.w520 { width: 520px !important; }
.w530 { width: 530px !important; }
.w540 { width: 540px !important; }
.w550 { width: 550px !important; }
.w560 { width: 560px !important; }
.w570 { width: 570px !important; }
.w580 { width: 580px !important; }
.w590 { width: 590px !important; }
.w600 { width: 600px !important; }
.w610 { width: 610px !important; }
.w620 { width: 620px !important; }
.w630 { width: 630px !important; }
.w640 { width: 640px !important; }
.w650 { width: 650px !important; }
.w660 { width: 660px !important; }
.w670 { width: 670px !important; }
.w680 { width: 680px !important; }
.w690 { width: 690px !important; }
.w700 { width: 700px !important; }
.w710 { width: 710px !important; }
.w720 { width: 720px !important; }
.w730 { width: 730px !important; }
.w740 { width: 740px !important; }
.w750 { width: 750px !important; }
.w760 { width: 760px !important; }
.w770 { width: 770px !important; }
.w780 { width: 780px !important; }
.w790 { width: 790px !important; }
.w800 { width: 800px !important; }
.w810 { width: 810px !important; }
.w820 { width: 820px !important; }
.w830 { width: 830px !important; }
.w840 { width: 840px !important; }
.w850 { width: 850px !important; }
.w860 { width: 860px !important; }
.w870 { width: 870px !important; }
.w880 { width: 880px !important; }
.w890 { width: 890px !important; }
.w900 { width: 900px !important; }
.w910 { width: 910px !important; }
.w920 { width: 920px !important; }
.w930 { width: 930px !important; }
.w940 { width: 940px !important; }
.w950 { width: 950px !important; }
.bdNone { border: none !important; }
.bdtNone { border-top: none !important; }
.bdrNone { border-right: none !important; }
.bdbNone { border-bottom: none !important; }
.bdlNone { border-left: none !important; }
.bgNone { background: none !important; }
.vtop { vertical-align: top !important; }
.vmiddle { vertical-align: middle !important; }
.vtop { vertical-align: top !important; }
.vbottom { vertical-align: bottom !important; }
.fnt80 { font-size: 80% !important; }
.fnt85 { font-size: 85% !important; }
.fnt90 { font-size: 90% !important; }
.fnt95 { font-size: 95% !important; }
.fnt100 { font-size: 100% !important; line-height:100%;}
.fnt110 { font-size: 110% !important; line-height:110%;}
.fnt120 { font-size: 120% !important; line-height:120%;}
.fnt130 { font-size: 130% !important; line-height:140%;}
.fnt140 { font-size: 140% !important; line-height:140%;}
.strong { font-weight: bold !important; }
.bold { font-weight: bold !important; }
.normal { font-weight: normal !important; }
.floR { float: right !important; }
.floL { float: left !important; }
.floNone { float: none !important; }
.block { display: block; }
.none { display: none; }
.inline { display: inline; }
.marginAuto { margin-left: auto !important; margin-right: auto !important; }
.red{color:#c60000!important;}

@media only screen and (max-width:640px){
	img.imageFit{
		width:100% !important;
		height:auto !important;
	}
	img.imageFit95{
		width:95% !important;
		height:auto !important;
	}
	img.imageFit90{
		width:90% !important;
		height:auto !important;
	}
	img.imageFit80{
		width:80% !important;
		height:auto !important;
	}
	img.imageFit70{
		width:70% !important;
		height:auto !important;
	}
	img.imageFit60{
		width:60% !important;
		height:auto !important;
	}
	img.imageFit50{
		width:50% !important;
		height:auto !important;
	}
	img.imageFit40{
		width:40% !important;
		height:auto !important;
	}
	img.imageFit30{
		width:30% !important;
		height:auto !important;
	}
	img.imageFit20{
		width:20% !important;
		height:auto !important;
	}
	img.imageFit10{
		width:10% !important;
		height:auto !important;
	}
}

.ind{text-indent: -1.4em;margin-left: 1.4em;}
.last_r{margin-right:0!important;}
.last_l{margin-left:0!important;}
.txtgr{color:#007a17!important;}