@charset "utf-8";

@import "/assets_own/fonts/fontAwesome/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Cardo:ital,wght@0,400;0,700;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@600&display=swap');

:root{--MainColor:#9f9360}

@media (min-width: 751px) {
a[href*="tel:"] {pointer-events: none;cursor: text;text-decoration: none;color: #fff;}
}
/*-------------------------------------------------Reset*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style: normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

ol,ul,li{list-style:none}

img{border-style:none;width: 100%;}

img:focus,img:active{outline:none}
strong{ font-weight: bold}

html{width:100%;min-width: 1100px;overflow-x:auto;}
body{width:100%;position:relative;color: #202020;font-size: 14.5px;line-height: 1.8;margin:0;font-family:"Noto Sans JP","Yu Gothic","YuGothic",sans-serif;font-feature-settings: "palt";letter-spacing: 1.2px;}

a{color: #202020;text-decoration:underline;-webkit-transition: all .3s ease-out;}
a:hover{text-decoration:none; -webkit-transition: all .3s ease-out; }

.fontEn{font-family: "Cardo", serif;letter-spacing: 0.5px;}
.min{font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-style: normal;}

.btn{
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 10px;
    row-gap: 10px;
    }

.btn a{
    display: inline-block;
    position:relative;
    text-decoration: none;
    font-weight: bold;
    padding: 15px 70px;
    border-radius: 2px;
    background-color: var(--MainColor);
    color: #fff;
    border: 1px solid var(--MainColor);
    white-space: nowrap;
    text-align: center;
    }
.btn li a:hover{
    background-color: inherit;
    color: var(--MainColor);
}
.btn a:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content: "\f105";font-family:FontAwesome;line-height: 1}
.btn a.shortcut:after{content: "\f107";}

.commonTtl{
    margin-bottom: 40px;
    text-align: center;
}
.commonTtl .main{
    font-size: 26px;
    font-weight: normal;
    padding-bottom: 17px;
    line-height: 1.5;
}
.commonTtl .main span{
    display: block;
}
.commonTtl .main span + span{
    font-size: 70%;
    padding-top: 5px;
}
.commonTtl .sub{
    font-size: 15px;
    font-weight: normal;
    line-height: 1;
}



/*-------------------------------------page*/
#page-top{width: 70px;height: 70px;position:fixed;z-index:1100;bottom: 20px;right:20px;border-radius: 100%;background-color: rgb(182 159 94 / 70%);opacity: 1;text-decoration:none;text-align:center;color: #fff;}
#page-top p{
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    line-height: 1.5;
}
#page-top:hover{opacity:1;background-color: #252325;}


/*-------------------------------------Menu*/
.header_change{position: fixed !important;transition: .5s;width: 100%;z-index: 1000;background-color: #fff;}

.header_change.show{top: 0;border: none;}
.header_change.show:after{}

.menuArea{}
.menuArea .humb{display: none}
.menuArea.header_fixed:before,
.menuArea.header_fixed:after{content: "";background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 6%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.8) 94%,rgba(255,255,255,0) 100%);display: block;width: 95%;height: 1px;margin: 0 auto;}
.menuArea.header_fixed:before{
    margin-bottom: 15px;
}
.menuArea.header_fixed:after{
    margin-top: 5px;
}
.menuArea .Inner{}
.menuArea ul{
    width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    column-gap: 15px;
}
.menuArea li{
    font-size: 13px;
    white-space: nowrap;
    display: flex;
    line-height: 1;
    margin-bottom: 15px;
}
.menuArea li + li{}
.menuArea li a{
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}
.menuArea li a:hover{
    text-decoration: underline;
}
.menuArea li:before{content:"";height: 100%;width: 1px;background-color: #fff;margin-right: 15px;}
.menuArea li:last-of-type:after{content:"";height: 100%;width: 1px;background-color: #fff;margin-left: 10px;}


.menuArea.header_change ul{
    border: none;
    padding: 15px 0 5px 0;
}
.menuArea.header_change{position: fixed !important;transition: .5s;width: 100%;z-index: 1000;background-color: rgb(29 29 29 / 90%);box-shadow: 0 0 5px #000;}
.menuArea.header_change.show{top: 0;border: none;}


/*-------------------------------------------------MV*/
#MV{background-image: url(../images/MV.jpg);background-position: center top;background-repeat: no-repeat;background-size: contain;padding-bottom: 100px;position: relative;color: #fff;/* box-shadow: 0 0 5px rgb(0 0 0 / 80%); */background-color: #000;}
#MV:before{content:"";background-color: #000;position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.4;}
#MV nav{
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
#MV nav .logo{
    display: flex;
    width: 240px;
}
#MV nav .logo img{width: 100%;}
#MV nav .btn{}
#MV nav .btn a{
    background-color: rgb(255 255 255 / 40%);
    padding: 6px 22px;
    border-radius: 3px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
}
#MV nav .btn a:hover{
    background-color: rgb(255 255 255 / 20%);
}

#MV h1{
    text-align: center;
    padding-top: 70px;
    margin-bottom: 50px;
    position: relative;
}
#MV h1 .sub{
    font-size: 20px;
    letter-spacing: 1px;
    padding-bottom: 15px;
}
#MV h1 .main{
    font-size: 34px;
    line-height: 1.5;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 700px;
    margin:  auto;0a:;0a: ,;
}
#MV h1 .en{
    font-size: 18px;
    font-weight: normal;
}
#MV .mainTxt{
    text-align: center;
    letter-spacing: 1px;
    font-size: 16px;
    position: relative;
    line-height: 2.4;
}
#MV .mainTxt span{
    display: block;
}
#MV .mainTxt span + span{}

#MV .News{
    position: relative;
    width: 1000px;
    margin: 0 auto;
    display: flex;
    box-sizing: border-box;
    padding: 15px 20px;
    margin-top: 50px;
    flex-wrap: wrap;
    background-color: rgb(255 255 255 / 10%);
    justify-content: space-between;
    padding-bottom: 0;
}
#MV .News h2{
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
}

#MV .News .Entry{
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    /* align-items: flex-start; */
    padding-bottom: 15px;
}
#MV .News .Entry + .Entry{}
#MV .News .Entry .photo{
    width: 34%;
    line-height: 0;
}
#MV .News .Entry .photo img{
    width: 100%;
}
#MV .News .Entry .photo .caption{
    font-size: 10px;
    line-height: 1.6;
    display: block;
    padding-top: 2px;
}
#MV .News .Entry dl{
    flex: 1;
    padding-left: 15px;
    line-height: 1.6;
    display: flex;
    flex-direction: column;
    min-height: 0%;
}
#MV .News .Entry dt{
    background-color: #9f9360;
    font-size: 13px;
    line-height: 1;
    padding: 3px 6px;
    margin-bottom: 10px;
    text-align: center;
}
#MV .News .Entry dd{
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
    flex-grow: 1;
}
#MV .News .Entry dd .txt{}
#MV .News .Entry dd .btn{margin-top: auto;margin-bottom: 7px;}
#MV .News .Entry dd .btn a{position:relative;color: #fff;border: 2px solid #ccbe85;color: #ccbe85;text-align: center;padding: 8px;border-radius: 3px;margin-top: 10px;font-weight: bold;font-size: 13px;}
#MV .News .Entry dd .btn a:hover{
    background-color: #ccbe85;
    color: #000;
}
#MV .News .Entry dd. btn a:after{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f105"; font-family:FontAwesome; line-height: 1}


#MV .notice{
    width: 1000px;
    margin: 0 auto;
    border: solid 1px #ffffff;
    padding: 15px;
    background-color: rgb(159 147 96 / 30%);
    position: relative;
    margin-top: 50px;
}
#MV .notice dl{
    margin-bottom: 15px;
    text-align: center;
}
#MV .notice dt{
    font-size: 20px;
    margin-bottom: 5px;
    color: #ffffff;
    font-weight: bold;
}
#MV .notice dd{
    color: #ffffff;
}
#MV .notice ul{}
#MV .notice ul.btn{
    display: flex;
    justify-content: center;
}
#MV .notice ul.btn a{display: block;position:relative;text-decoration: none;background-color: #ffffff;color: rgb(48 45 30);padding: 10px 100px;border: 2px solid #ffffff;font-weight: bold;text-align: center;border-radius: 3px;}
#MV .notice ul.btn a:after{position: absolute;right: 8px;top:50%;margin-top:-0.5em;content: "\f105";font-family:FontAwesome;line-height: 1;font-weight: normal;}
#MV .notice ul.btn a:hover{
	background-color: rgb(159 147 96 / 30%);
	color: #ffffff;
}
#MV .notice ul.btn li{}
#MV .notice ul.btn li + li{
    margin-left: 15px;
}


/*---------------------------------------------About*/
#About{
    display: flex;
    justify-content: space-between;
}
#About:before,
#About:after{content: "";width: 24%;background-position: center;background-repeat: no-repeat;background-size: cover;}
#About:before{ background-image: url(../images/about_02.jpg)}
#About:after{background-image: url(../images/about_01.jpg)}
#About .Inner{
    background-color: #9f9360;
    color: #fff;
    padding: 60px 5% 70px 5%;
    flex: 1;
}
#About  h2{margin-bottom: 30px;}
#About  .txt{font-size: 15px;}
#About  .txt + .txt{
    padding-top: 1.5em;
}

#About .Title{
    text-align: center;
    margin-bottom: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
}
#About .Title dt{
    font-size: 16px;
    margin: 0 20px;
}

#About .Title dt strong{
    font-size: 30px;
    display: inline-block;
    padding: 0 1px;
    line-height: 1;
}

#About .Title dd{}

#About .PriceBox{
    margin-bottom: 35px;
}
#About .PriceBox:before{border-color: #fff;}
#About .PriceBox:after{
    border-color: #fff;
}
#About .PriceBox dl{}
#About .PriceBox dt{}
#About .PriceBox dt strong{}
#About .PriceBox dd{}
#About .PriceBox .btn{/* flex-wrap: inherit; */}
#About .PriceBox .btn li{
    flex: 1;
}
#About .PriceBox .btn li a{
    background-color: #fff;
    color: var(--MainColor);
    white-space: nowrap;
    border: 1px solid #fff;
    display: block;
    padding: 12px 30px;
}
#About .PriceBox .btn li a:hover{
    background-color: var(--MainColor);
    color: #fff;
}

@media screen and (max-width:1300px){
#About{}
#About:before{ display: none;}
#About:after{
   width: 40%;
   }
#About .Inner{}
}


/*---------------------------------------------Conductor*/
#Conductor{background-image: url(../images/bg_condactor.jpg);background-position: center right;background-repeat: no-repeat;background-color: #080705;background-size: contain;}

#Conductor .Inner{
    color: #fff;
    padding: 60px 8% 70px 8%;
}
#Conductor  h2{text-align: left;}
#Conductor  .txt{}
#Conductor  .txt + .txt{
    padding-top: 1.5em;
}
#Conductor  .txt span{
    display: block;
}



/*--------------------------------------------PriceBox*/
.PriceBox{
    position: relative;
    padding: 15px 25px;
    margin: 10px 0;
    /* flex: 1; */
    /* white-space: nowrap; */
}
.PriceBox:before, .PriceBox:after {
  position: absolute;
  top: 0;
  content:'';
  width: 15%;
  height: 100%;
  display: inline-block;
}
.PriceBox:before {
  border-left: solid 2px var(--MainColor);
  border-top: solid 2px var(--MainColor);
  border-bottom: solid 2px var(--MainColor);
  left: 0;
}
.PriceBox:after {
  content: '';
  border-top: solid 2px var(--MainColor);
  border-right: solid 2px var(--MainColor);
  border-bottom: solid 2px var(--MainColor);
  right: 0;
}
.PriceBox + .PriceBox{
    /* margin-top: 20px; */
}
.PriceBox h4{
    text-align: center;
    margin-bottom: 7px;
}
.PriceBox h4 .main{
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 5px;
    display: flex;
    justify-content: center;
    column-gap: 10px;
}
.PriceBox h4 .sub{
    font-size: 14px;
    display: flex;
    justify-content: center;
    column-gap: 5px;
}
.PriceBox h4 .sub span{}
.PriceBox h4 .sub span + span{}
.PriceBox h4 .sub span + span:before{content:"/";display: inline-block;padding-right: 5px;}
.PriceBox dl{
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
}
.PriceBox dt{
    margin-right: 10px;
}
.PriceBox dt strong{
    font-size: 32px;
    line-height: 1.4;
}
.PriceBox dd{}
.PriceBox .atte{
    font-size: 13px;
    margin-top: 15px;
    white-space: normal;
}
.PriceBox .atte li{padding-left:16px;line-height: 1.7;}
.PriceBox .atte li + li{
    padding-top: 6px;
}
.PriceBox .atte li:before{content:"※";display:block;float:left;margin-left: -14px;width:1em;text-align:center;}
.PriceBox .atte + .btn{
    margin-top: 15px;
}
.PriceBox .btn{
}
.PriceBox .btn li{
}
.PriceBox .btn li a{
}
.PriceBox .btn li a:hover{}

/*--------------------------------------------TourWrap*/
.TourWrap{
    background-color: #efefef;
    padding-top: 60px;
    padding-bottom: 60px;
    letter-spacing: 0.7px;
}
.TourWrap h2{
    color: #9f9360;
}
.TourWrap .commonTtl{
    margin-bottom: 30px;
}
.TourWrap h2 .main{}
.TourWrap .Inner{
    position: relative;
    margin-bottom: 90px;
    width: 1000px;
    margin: 0 auto;
}

.TourWrap .Inner .MainTxt{
    text-align: center;
    line-height: 1.8;
    color: var(--MainColor);
    font-size: 16px;
    margin-bottom: 40px;
}



.TourWrap .Inner .OtherLink{
    text-align: center;
    /* margin-top: 40px; */
    margin-bottom: 40px;
}
.TourWrap .Inner .OtherLink dt{
    font-size: 20px;
    padding-bottom: 20px;
}
.TourWrap .Inner .OtherLink dd{}
.TourWrap .Inner .OtherLink dd a{
    display: inline-block;
    background-color: #9f9360;
    color: #fff;
    padding: 20px 120px;
    font-size: 20px;
    border-radius: 3px;
}
.TourWrap .Inner .OtherLink dd a:hover{
    opacity: 0.7;
}




/*----------------------------------------------Qualita*/
#Qualita{
    text-align: center;
    padding: 60px 0;
    /* background-color: #efefef; */
}
#Qualita h2{
}
#Qualita .Inner{
    text-align: left;
    width: 1000px;
    margin: 0 auto;
    display: flex;
}
#Qualita .Inner .main{
    padding-right: 40px;
    flex: 1;
}
#Qualita .Inner .main .infoTxt{}
#Qualita .Inner .main .infoTxt dt{
    line-height: 1.6;
    padding-bottom: 15px;
}
#Qualita .Inner .main .infoTxt dt span{
    display: block;
    font-size: 18px;
}
#Qualita .Inner .main .infoTxt dd{
    font-size: 14px;
}
#Qualita .Inner .main .btn{display: inline-block;border-radius: 3px;margin-top: 25px;}
#Qualita .Inner .main .btn a{
}
#Qualita .Inner .main .btn a:hover{
    opacity: 0.7;
}
#Qualita .Inner .photo{
    width: 400px;
    margin-top: 10px;
}
#Qualita .Inner .photo img{
    width: 100%;
}




/*---------------------------------Contact*/
#Contact{background-image: url(../images/bg_contact.jpg);position: relative;background-position: center top;background-repeat: no-repeat;background-size: cover;text-align: center;padding: 60px 0;color: #fff;}
#Contact .official{width: 100%;margin: 0 auto;background-color: rgb(0 0 0 / 70%);text-align: center;padding: 20px;box-sizing: border-box;}
#Contact .official a{
    display: inline-block;
    font-size: 15px;
    /* border: 2px solid #fff; */
    border-radius: 3px;
    padding: 0 40px;
}
#Contact .official a:hover{
    color: #9c82a3;
}
#Contact .Inner{
    width: 890px;
    margin: 0 auto;
    padding-bottom: 40px;
}
#Contact .Inner .caution{
    font-size: 12px;
    padding-top: 50px;
}
#Contact .Inner .tel{position: relative;}
#Contact .Inner .tel dt{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
}
#Contact .Inner .tel dd{
}
#Contact .Inner .tel dd strong{
    font-size: 50px;
    line-height: 1;
    /* letter-spacing: 3.5px; */
}
#Contact .Inner .tel dd span{
    padding-top: 10px;
    padding-left: 10px;
    display: block;
}
#Contact .Inner .tel .atte{
    padding-top: 12px;
    font-size: 13px;
    padding-left: 20px;
}
#Contact .Inner .tel .txt{
    padding-top: 20px;
}
#Contact .Inner .btn{
    display: flex;
    justify-content: center;
    /* width: 720px; */
    margin: 0 auto;
    margin-top: 40px;
}
#Contact .Inner .btn li{}
#Contact .Inner .btn li + li{
}
#Contact .Inner .btn a{font-size: 16px;}
#Contact .Inner .btn a:hover{
    background-color: rgb(0 0 0);
}
#Contact .Inner .Attention.Notice{
    border: 2px solid #fff;
    margin-top: 30px;
    padding: 20px 30px;
}
#Contact .Inner .Attention.Notice dl{}
#Contact .Inner .Attention.Notice dt{
    color: #d4cb9a;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
#Contact .Inner .Attention.Notice dd{
    font-size: 14px;
}
#Contact .Inner .Attention.Notice dd strong{
    color: #d4cb9a;
}

/*---------------------------Bn-*/
#Bn{
    background-color: #9f9360;
    padding: 60px 0;
}
#Bn .Inner{
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
#Bn .Entry{
    -webkit-transition: all .3s ease-out;
    background-color: #fff;
    padding: 15px;
    width: 32%;
    box-sizing: border-box;
    box-shadow: 0 0 5px rgb(0 0 0 / 50%);
    border: 2px solid #fff;
}
#Bn .Entry dl{flex: 1;line-height: 1.5;}
#Bn .Entry dt{
    padding-bottom: 10px;
}
#Bn .Entry dd{
    font-size: 13px;
}
#Bn .Entry dt a{
    font-weight: bold;
}
#Bn .Entry .photo{
    -webkit-transition: all .3s ease-out;
}
#Bn .Entry .photo img{
    width: 100%;
}
#Bn .Entry:hover{
    cursor: pointer;
    border: 2px solid #5d512b;
}
#Bn .Entry:hover .photo{
    opacity: 0.7;
}
#Bn .Entry:hover dt a{
    text-decoration: none;
}


/*---------------------Preview*/
.OtherConcert{
    display: flex;
    flex-direction: row-reverse;
}
.OtherConcert#Other{
    flex-direction: row;
}
.OtherConcert:after{content:"";width: 40%;background-position: bottom right;background-repeat: no-repeat;background-size: cover;}
.OtherConcert#Preview:after{background-image: url(../images/about_pre01.webp);}
.OtherConcert#Other:after{background-image: url(../images/about_pre02.jpg);}
.OtherConcert .Inner{
    flex: 1;
    color: var(--MainColor);
    padding: 60px 5% 70px 5%;
}
.OtherConcert#Other .Inner{
    background-color: #353535;
    color: #fff;
    text-align: center;
}
.OtherConcert .Inner .Main{
    margin-bottom: 30px;
}
.OtherConcert .Inner .Main h2{
    margin-bottom: 14px;
}
.OtherConcert .Inner .Main .txt{
    font-size: 14px;
}
.OtherConcert .Inner .Main .txt + .txt{
    padding-top: 0.5em;
}
.OtherConcert .Inner .Ticket{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    justify-content: center;
    /* background-color: #f1f1f1; */
    /* padding: 20px 40px; */
}
.OtherConcert#Other .Inner .Ticket{
    /* background-color: #fff; */
    flex-direction: column;
}
.OtherConcert .Inner .Ticket h3{
    text-align: center;
    font-size: 20px;
    width: 100%;
    line-height: 1.4;
    margin-bottom: 10px;
}
.OtherConcert .Inner .Ticket .atte{
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    column-gap: 10px;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 10px;
}
.OtherConcert .Inner .Ticket .atte li{padding-left:16px;line-height: 1.7;}
.OtherConcert .Inner .Ticket .atte li + li{
}
.OtherConcert .Inner .Ticket .atte li:before{content:"※";display:block;float:left;margin-left: -14px;width:1em;text-align:center;}
.OtherConcert .Inner .Ticket .btn{
}
.OtherConcert .Inner .Ticket .PriceBox + .btn{
    margin-top: 20px;
}
.OtherConcert .Inner .Ticket .btn li{
    text-align: center;
    flex: 1;
}
.OtherConcert .Inner .Ticket .btn li a{display: block;padding: 15px 30px;}

.OtherConcert#Other .Inner .Ticket .btn li a{
    width: fit-content;
    padding: 12px 80px;
    margin: 0 auto;
}

.OtherConcert#Other .PriceBox:before {
  border-left: solid 2px #fff;
  border-top: solid 2px #fff;
  border-bottom: solid 2px #fff;
  left: 0;
}
.OtherConcert#Other .PriceBox:after {
  content: '';
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  right: 0;
}

/*----------------------------OtherCountry*/
#OtherCountry{background-image: url(../images/MV_berlin.webp);background-color: #08172f;background-position: center top;background-repeat: no-repeat;background-size: contain;padding: 60px 0;}
#OtherCountry .Inner{
    /* width: 1000px; */
    /* margin: 0 auto; */
    color: #fff;
}
#OtherCountry h2{
    text-align: center;
    margin-bottom: 30px;
    font-size: 28px;
}
#OtherCountry h2 .main{
}
#OtherCountry h2 .sub{
    font-size: 70%;
}

#OtherCountry .mainTxt{
    text-align: center;
    line-height: 2.2;
    font-size: 15px;
}
#OtherCountry .mainTxt + .mainTxt{
    margin-top: 1em;
}

#OtherCountry .Sche{
    position: relative;
    padding: 30px;
    display: flex;
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 12px;
    width: 1000px;
    margin: 40px auto 40px auto;
}
#OtherCountry .Sche:before, #OtherCountry .Sche:after { 
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

#OtherCountry .Sche:before {
  border-left: solid 2px #fff;
  border-top: solid 2px #fff;
  top:0;
  left: 0;
}

#OtherCountry .Sche:after {
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  bottom:0;
  right: 0;
}
#OtherCountry .Sche dl{
    display: flex;
    width: 48%;
}
#OtherCountry .Sche dl + dl{}
#OtherCountry .Sche dl.long{
    width: 100%;
}
#OtherCountry .Sche dt{
    background-color: rgb(255 255 255 / 20%);
    width: 8em;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px 0;
}
#OtherCountry .Sche dd{
    flex: 1;
    padding-left: 15px;
}

#OtherCountry .TourWrap{--mainColor: #234b8b;--EntryBeforeBorderHover: 2px solid var(--mainColor);background-color: rgb(255 255 255 / 10%);padding: 30px 40px 40px 40px;margin-top: 40px;width: 1000px;margin:  auto;}
#OtherCountry .TourWrap .MainTitle{
    text-align: center;
    font-size: 22px;
    margin-bottom: 15px;
}
#OtherCountry .TourWrap .MainTxt{
    text-align: center;
    font-size: 14px;
    margin-bottom: 30px;
}
#OtherCountry .btn a{
    background-color: #4c6fa6;
    border-color: #4c6fa6;
}
#OtherCountry .btn a:hover{
    background-color: #fff;
    color: #4c6fa6;
}