@charset "utf-8";

.ecm-wrap[data-layout="default"]{
  color: #333;
  font-size: 14px;
  line-height: 1.5;
}
dl{margin-left: 0 !important;}
dd{margin-left: 0 !important;}
.bgc-f8f8f8{background-color: #f8f8f8;}
.w1024{
  width: 1024px;
  margin: 0 auto;
}
.cnt-headline__headline {
  margin: 0 0 24px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
}
.cnt-headline__headline--underline,
.cnt-headline__headline.-underline {
  position: relative;
  margin-bottom: 40px;
}
.cnt-headline__headline--underline:before,
.cnt-headline__headline.-underline:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -16px;
  display: block;
  width: 120px;
  height: 2px;
  transform: translateX(-50%);
  background-color: #333;
}

/*
 header__banner
================================================== */
.header__banner li{padding: 16px 0;}

/*
 ecm-floating-navi-container
------------------------------------------------------ */
.ecm-floating-navi-container[data-layout="default"] .ecm-floating-navi-item.ecm-floating-navi-item-anchor[data-in-viewport=true]{
  border-color:#02a2d6!important;
}

/*
 conTtl
================================================== */
.conTtl .cnt-headline__headline{
  font-size: 24px;
}
.conTtl .cnt-headline__headline.-underline{
  margin-bottom: 32px!important;
}
.conTtl .cnt-headline__headline.-underline::before{
  width: 48px;
  height: 4px!important;
  margin: 0 auto;
  background: #02a2d6;
  border-radius: 4px;
  bottom: -10px!important;
}


/*
 conSubTtl
================================================== */
.conSubTtl{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 28px;
}
.overseas__faq .conSubTtl{margin-bottom: 20px;}

/*
 overseas__about
================================================== */
.overseas__aboutTitle .cnt-headline__headline{
  font-size: 24px;
}
.overseas__aboutTitle .cnt-headline__headline.-underline{
  margin-bottom: 32px!important;
}
.overseas__aboutTitle .cnt-headline__headline.-underline::before{
  width: 48px;
  height: 4px!important;
  margin: 0 auto;
  background: #02a2d6;
  border-radius: 4px;
  bottom: -10px!important;
}
.overseas__about{
  padding: 64px 0;
  height: 512px;
  box-sizing: border-box;
  background: url(https://r.r10s.jp/evt/event/overseas/guide/_pc/img/20220715/about_bg.png) no-repeat center top;
}
#ovsguide{
  padding-top: 64px;
  background: url(https://r.r10s.jp/evt/event/overseas/guide/_pc/img/20220715/about_bg.png) no-repeat center top;
}
#ovsguide .overseas__about{
  padding: 0;
  background: initial!important;
  height: 384px;
}
.overseas__aboutText{
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
}
.overseas__iconArea{
  width: 468px;
  margin: 0 auto 14px;
}
.overseas__iconAreaList{
  letter-spacing: -0.5em;
}
.overseas__iconAreaList > *{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}
.overseas__iconImage{
  width: 96px;
}
.overseas__iconImage > img{
  width: 96px;
  height: auto;
}
.overseas__iconText{
  width:calc(100% - 108px);
  margin-left: 12px;
  font-size: 15px;
  font-weight: bold;
  color: #02a2d6;
}


/*
 overseas__point
================================================== */
.overseas__pointTitle .cnt-headline__headline{
  font-size: 24px;
}
.overseas__pointTitle .cnt-headline__headline.-underline{
  margin-bottom: 42px!important;
}
.overseas__pointTitle .cnt-headline__headline.-underline::before{
  width: 48px;
  height: 4px!important;
  margin: 0 auto;
  background: #02a2d6;
  border-radius: 4px;
  bottom: -10px!important;
}
.overseas__point{
  padding-top: 72px;
  background-color: #f2fafa!important;
}
.overseas__pointWrap{
  width: 680px;
  margin: 0 auto;
  gap:58px;
}
.overseas__pointText{
  font-size: 16px;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 20px;
}
.overseas__pointText > a{
  color: #02a2d6!important;
}
.overseas__pointText > a:hover{text-decoration: underline;}
.overseas__pointImage{
  margin-bottom: 12px;
  text-align: center;
}
.overseas__pointImage > img{
  width: 140px;
  height: auto;
}
.overseas__pointNum{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #02a2d6;
  margin-bottom: 2px;
}
.overseas__pointNum > span{font-size: 20px;}
.overseas__pointDesc{
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}
.overseas__pointNotice{
  width: 680px;
  margin: 26px auto 32px;
  padding: 12px 16px;
  background-color: #fff;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.5;
  box-sizing: border-box;
}


/*
 overseas__flow
================================================== */
.overseas__flow{
  padding: 68px 0 40px;
  background-color: #b9e6f0;
}
.overseas__flowWrap{
  width: 680px;
  margin: 0 auto;
}
.overseas__flowList{
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  padding-bottom: 14px;
}
.overseas__flowListNum{
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 64px;
  height: 64px;
  border-radius: 4px 0 4px 0;
  background-color: #02a2d6;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}
.overseas__flowListTitle{
  padding: 20px 0 0 78px;
  font-size: 18px;
  font-weight: bold;
}
.overseas__flowListImage{
  margin-bottom: 16px;
  text-align: center;
}
.overseas__flowListImage > img{
  width: 180px;
  height: auto;
}
.overseas__flowText{
  font-size: 14px;
  line-height: 1.5;
  padding: 0 20px;
  letter-spacing: -0.5em;
}
.overseas__flowText::before{
  content: '';
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 16px;
  height: 16px;
  background: url(https://r.r10s.jp/evt/event/overseas/guide/_cmn/img/20220715/check_mark.png) no-repeat;
  background-size: 16px;
}
.overseas__flowText > span{
  display: inline-block;
  vertical-align: top;
  letter-spacing: -.02em;
  margin-left: 8px;
  width:calc(100% - 24px);
}
.overseas__flowLinkText{
  font-size: 14px;
  padding: 0 20px 0 44px;
}
.overseas__flowLinkText > a{
  color: #02a2d6!important;
}
.overseas__flowLinkText > a:hover{text-decoration: underline!important;}
.overseas__flowLinkText .rex-icon{vertical-align:text-bottom;}


/*
 overseas__safety
================================================== */
.overseas__safety{
  padding: 68px 0 72px;
  background-color: #f8f8f8;
}
.overseas__safetyLead{
  width: 844px;
  margin: 0 auto;
  letter-spacing: -0.5em;
}
.overseas__safetyLead > *{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
.overseas__safetyLeadImage{
  width: 278px;
}
.overseas__safetyLeadText{
  width:calc(100% - 322px);
  margin-right: 44px;
}
.overseas__safetyLeadText > p{
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 24px;
}

.overseas__safety .pointBtn{
  display: block;
  width: 261px;
  border:solid 1px #d1d1d1!important;
  padding:13px 17px 13px 0!important;
  background-color:inherit!important;
  font-size: 14px!important;
  text-align: center;
  position: relative;
  border-radius:4px!important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.overseas__safety .pointBtn::after{
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right:solid 1px #333;
  border-bottom:solid 1px #333;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  right: 23px;
  top: 50%;
  margin-top: -3.5px;
}
.overseas__safety .pointBtn:hover::after{
  left: auto!important;
}
.overseas__safety .pointBtn:hover{opacity:.8;}


/*
 overseas__tax
================================================== */
.overseas__tax{
  padding: 68px 0 72px;
}
.overseas__taxText{
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.overseas__taxCaption{
  padding: 12px 16px;
  background-color: #f2fafa;
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 14px;
  border-radius: 4px;
}
.overseas__taxtable{width: 100%;}
.overseas__taxtableNum{
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  width:40px;
  vertical-align: middle;
  padding: 9px 10px 9px 13px;
}
.overseas__taxtableItem{
  width: 635px;
  font-size: 15px;
  text-align: left;
  padding: 9px 0;
}
.overseas__taxtablePercent{
  width: 108px;
  font-size: 15px;
  text-align: left;
  vertical-align: middle;
  padding: 9px 0 9px 26px;
}
.overseas__taxNormal{
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.04em;
  margin-bottom: 4px;
}
.overseas__taxLinkText > a{
  font-size: 15px;
  color: #02a2d6!important;
}
.overseas__taxLinkText > a:hover{
  text-decoration: underline;
}


/*
 Accordion
================================================== */
.ac-container {
  width: 100%;
  /* margin: 10px auto 10px auto; */
}
.ac-container label {
  padding: 0 18px;
  position: relative;
  /* z-index: 20; */
  display: block;
  height: 40px;
  cursor: pointer;
  color: #fff;
  /* text-shadow: 1px 1px 1px rgba(255,255,255,0.8); */
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
}
.ac-container label {
  background: #02a2d6;
}
.ac-container input:checked + label {
  background: #02a2d6;
  color: #fff;
}
.ac-container label::after,
.ac-container input:checked + label::after {
  content: '';
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  right: 23px;
  top: 50%;
  margin-top: -9px;
  border-right:solid 3px #fff;
  border-top:solid 3px #fff;
  transform:rotate(135deg);
  background: none!important;
}
.ac-container input:checked + label::after {
  transform:rotate(-45deg);
  margin-top: -4.5px;
}
.ac-container input {
  display: none;
}
.ac-container article {
  background: rgba(255, 255, 255, 0.5);
  margin-top: -1px;
  overflow: hidden;
  height: 0px;
  position: relative;
  /* z-index: 10; */
  -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
  transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container input:checked ~ article {
  border:solid 1px #d1d1d1;
}
.p-wrapper {
  padding: 14px 23px 20px;
}

.ac-container article {
  font-family: HiraKakuProN-W3, "Meiryo", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
}

.ac-container input:checked ~ article.ac-small {
  /* height: 33vh; */
  height: auto;
}

.ac-container input:checked ~ article.ac-medium {
  /* height: 36vh; */
  height: auto;
}

.ac-container input:checked ~ article.ac-large {
  /* height: 57vh; */
  height: auto;
}


/*
 overseas__faq
================================================== */
.overseas__faq{
  padding: 68px 0 48px;
  background-color: #f8f8f8;
}
.overseas__faqAnchor{margin-bottom: 36px;}
.overseas__faqAnchor .md-d-grid-col-4{
  width: 712px;
  margin: 0 auto;
}
.overseas__faqAnchor .ecm-accordion-trigger{
  height: 48px !important;
  font-size: 14px !important;
  line-height: 1.2;
  color: #333 !important;
  padding: 0 0 0 16px;
  margin-right: 6px;
}
.overseas__faqAnchor .ecm-accordion-trigger:hover{
  background-color: rgba(255,255,255,0)!important;
}
.overseas__faqAnchor .ecm-accordion-trigger:hover span{
  text-decoration: underline!important;
}
.overseas__faqAnchor .ecm-accordion-trigger .ecm-icon-chevron-down{
  margin-right: 6px;
  font-size: 14px !important;
  font-weight: bold!important;
  color: #333 !important;
}
.overseas__faqAnchor .ecm-accordion-item,
.overseas__faqAnchor .ecm-accordion-item:last-child {
  border-bottom:solid 1px #ccc!important;
}

/*
 howtoQuestion
================================================= */
.overseas__faqWrap{
  padding: 0 6px 14px;
}
.cnt-headline._howtoQuestion{
  background:#b5e0ee;
  min-height: 58px;
  padding-left: 60px;
  border-bottom: 2px solid #02a2d6;
  position: relative;
}
.cnt-headline._howtoQuestion:before{
  display: block;
  content:"";
  height: 100%;
  width:60px;
  background: url(https://r.r10s.jp/evt/event/overseas/_cmn/img/20220520/howto_q_icon.png) no-repeat left center #02a2d6;
  position: absolute;
  top:0;
  left:0;
}
.cnt-headline._howtoQuestion > h4{
  text-align: left;
  font-size:16px;
  font-weight: 600;
  line-height: 58px;
  padding-left: 1em;
  margin-bottom: 0;
}
._howtoAnswer{
  background:#ffffff;
  min-height: 60px;
  padding:10px 0 10px 60px;
  display: table;
  margin-bottom: 24px;
  position: relative;
  width: 888px;
  box-sizing: content-box!important;
}
._howtoAnswer:before{
  display: block;
  content:"";
  height: 100%;
  width:60px;
  background: url(https://r.r10s.jp/evt/event/overseas/_cmn/img/20220520/howto_a_icon.png) no-repeat left center #3bbee8;
  position: absolute;
  top:0;
  left:0;
}
._howtoAnswer p{
  display: table-cell;
  padding: 0 20px;
  vertical-align: middle;
  text-align:left;
  font-size:16px;
  color:#333333;
}
._howtoAnswer p > a{color: #02a2d6!important;}
._howtoAnswer p > a:hover{text-decoration: underline!important;}


/*
 ovsbnr
================================================= */
#ovsbnr{
  padding: 68px 0 0;
}
.ovs_inc_bnr_rb-banner img{
  width: 100%;
  height: auto;
}

/*
 extbnr
================================================= */
#extbnr{padding: 44px 0 40px;}


/*
 overseas__guideFaq
================================================= */
.overseas__guideFaq{
  background-color: #f8f8f8;
  padding-top: 48px;
  padding-bottom: 28px;
  margin-bottom: 72px;
}
.overseas__guideFaqWrap{
  width: 820px;
  margin: 0 auto;
  letter-spacing: -0.5em;
}
.overseas__guideFaqWrap > ul{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width:calc((100% - 48px) / 3);
  margin-right: 24px;
}
.overseas__guideFaqWrap > ul:last-child{margin-right: 0!important;}
.overseas__guideFaqList{
  margin-bottom: 16px;
}
.overseas__guideFaqWrap > ul:first-child > .overseas__guideFaqList:first-child{border-top:none;}
.overseas__guideFaqLink{
  font-size: 12px;
  font-weight: bold;
  color: #333!important;
}
a.overseas__guideFaqLink:hover > span{text-decoration: underline!important;}
.overseas__guideFaqList._child .overseas__guideFaqLink{
  font-weight: normal!important;
}
.overseas__guideFaqWrap > ul:last-child .overseas__guideFaqList:last-child > .overseas__guideFaqLink{font-weight: normal!important;}
.overseas__guideFaqLink > span{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
}
.overseas__guideFaqLink > .icon{
  width: 29px;
  height: 29px;
  margin-right: 15px;
}
.overseas__guideFaqLink > .icon > img{
  width: 100%;
  height: auto;
}