@charset "UTF-8";
/* 1. html5doctor.com Reset Stylesheet
-----------------------------------------*/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
  margin:0;padding:0;border:0;outline:0;
  font-size:100%;vertical-align:baseline;background:transparent;
}

/* 全要素 box-sizing:border-box */
*,*::before,*::after{box-sizing:border-box;}

body{line-height:1;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}

nav ul{list-style:none;}

blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}

a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;color:#000;}
a:hover{opacity:.5;}

ins{background:#ff9;color:#000;text-decoration:none;}
mark{background:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}

table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}

/* 1.5 リストマーカー無 */
ol,ul{list-style:none;}

/* ATH 追加 – ul デフォルト設定 */
ul{
  list-style-type:disc;
  margin-left:1.2em;
  padding-left:0;
  font-size:18px;font-weight:300;line-height:1.5;
}
ul ul{
  list-style-type:none;margin-left:auto;padding-left:0;
}

/* スクロール設定 */
html{overflow-y:scroll;scroll-behavior:smooth;}
section,#shop-link{scroll-margin-top:50px;}
@media(max-width:768px){section,#shop-link{scroll-margin-top:40vw;}}

/* タイポグラフィ */
body{
  word-break:normal;/*word-wrap:break-word;*/
  font-family:'Noto Sans Thai','Hiragino Sans','ヒラギノ角ゴシック','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ＭＳ ゴシック','Helvetica Neue','Helvetica','Arial',sans-serif;
  /*text-align:justify;text-justify:inter-ideograph;*/color:#464646;
}
p{line-height:1.5;font-size:18px;font-weight:300;}

/* 画像共通 */
img{vertical-align:top;font-size:0;line-height:0;max-width:100%;}

/* PC/SP 切替 */
.sp-none{display:block;}
@media(max-width:768px){.sp-none{display:none!important;}}
.pc-none{display:none!important;}
@media(max-width:768px){.pc-none{display:block!important;}}

/* ------------- ヘッダー ------------- */
.head{
  max-width:1380px;width:90%;margin:1rem auto;
  display:flex;justify-content:space-between;
}
.head a.btn img{ width: 100%; max-width:280px; height: auto; display: inline-block;}
.HeadTextR{ text-align: right;}

@media(max-width:1200px){
  .head a.btn img{ max-width:240px;}
}
@media(max-width:1023px){
  .head a.btn img{ max-width:200px;}
}

@media(max-width:768px){
  .head{margin:3vw 0 0 3%;width:auto;}
  .head a.btn img{ width: 100%; max-width:200px; height: auto; display: inline-block;}
  .head a.btn .pc-none{ display: inline-block!important;}
  
}
@media(max-width:600px){
  .head a.btn img{ width: 100%; max-width:45%; height: auto; display: inline-block;}
  
}
.head .logo{width:115px;margin-right:2rem;margin-top:-1rem;}
@media(max-width:768px){.head .head-text{display:none;}}
.head h1{padding-top:1.5rem;font-size:1rem;}
.head a.btn{width:280px;}
@media(max-width:768px){.head a.btn{width:50vw;}}

/* ------------- Hero ------------- */
section.mv{
  background:url(../img/mv-back-th.jpg) no-repeat center bottom/cover;min-height:120vh;
}
@media(max-width:768px){
  section.mv{
    background:url(../img/mv-back-smt-th.jpg) no-repeat center bottom/cover;min-height:1000px;
  }
}
section.mv .mv-text{width:70%;margin:0 auto 100px;padding-top:200px;}
@media(max-width:768px){
  section.mv .mv-text{width:100%;padding-top:30vw;margin-bottom:20px;}
}
section.mv .mv-desc{
  width:50%;margin-left:50%;padding-bottom:100px;color:#fff;
  font-size:1.2rem;line-height:2;
}
@media(max-width:768px){
  section.mv .mv-desc{display:none; }
}


/* ------------- Main BG ------------- */
.main{
  background:url(../img/main-back.jpg) no-repeat center top/cover;
  padding:250px 0 60px;
}
@media(max-width:768px){
  .main{
    background:url(../img/main-back.jpg) repeat-y center top;background-size:100%;
  }
}
.main section{max-width:1100px;width:90%;margin:0 auto 200px;}
.main section:last-child{margin-bottom:0;}

/* セクション見出し */
.main section .title-block{position:relative;text-align:center;}
.main section .title-block h2.ttl{
  font-size:64px;line-height:1.4;position:relative;z-index:3;
}
@media(max-width:768px){.main section .title-block h2.ttl{font-size:10vw;}}
.main section .title-block p{
  font-size:21px;margin-top:20px;font-weight:bold;position:relative;z-index:2;
}
@media(max-width:768px){
  .main section .title-block p{font-size:6vw;text-align:left;line-height:1.7;}
}
/* SVG ナンバリング */
.main section .title-block::after{
  content:url(../img/1.svg);position:absolute;top:-210px;left:calc(50% - 70px);z-index:1;
}
.main section .title-block.se::after {content:url(../img/2.svg);}
.main section .title-block.thr::after{content:url(../img/3.svg);}
.main section .title-block.frt::after{content:url(../img/4.svg);top:-160px;}
.main section .title-block.fiv::after{content:url(../img/5.svg);top:-160px;}
@media(max-width:768px){.main section .title-block.frt h2{text-align:left;}}

/* ------------- フレックスブロック ------------- */
.flex-block{
  display:flex;justify-content:space-between;margin-top:50px;
}
@media(max-width:768px){.flex-block{display:block;margin-top:20vw;}}
.flex-block+.flex-block{margin-top:50px;}

.flex-block h3{
  font-size:26px;line-height:1.5;margin-bottom:21px;
}
@media(max-width:768px){.flex-block h3{font-size:7vw;}}

.flex-block .right-block{max-width:400px;margin-left:60px;}
@media(max-width:768px){
  .flex-block .right-block{max-width:none;margin-left:0;margin-top:8vw;}
}
.flex-block .left-block{max-width:calc(100% - 460px);}
@media(max-width:768px){.flex-block .left-block{max-width:none;}}

/* ---------- 中央寄せ＋縦並び ---------- */
.flex-block.center{
  display:flex;justify-content:center;text-align:center;
}
.flex-block.center > div{text-align:center;}
.flex-block.center ul{
  display:inline-block;text-align:left;margin:0;padding-left:1.2em;
}
.flex-block.center ul > li{margin-bottom:1.2em;}
.flex-block.center img{display:block;margin:1em auto 0;}
/* ★縦並び（column） */
.flex-block.center.column{flex-direction:column;align-items:center;}
.flex-block.center.column > *+*{margin-top:2rem;}

/* ---------- h3 サイズ統一 ---------- */
.title-block h3,
.flex-block h3{
  font-size:26px !important;line-height:1.5;
}
@media(max-width:768px){
  .title-block h3,
  .flex-block h3{font-size:7vw !important;}
}

/* ------------- DL ブロック ------------- */
.dl-block{
  width:90%;max-width:1100px;margin:0 auto;padding:80px 0;
  display:flex;justify-content:space-between;align-items:center;
}
@media(max-width:768px){.dl-block{display:block;padding-top:15vw;}}
.dl-block figure{max-width:450px;margin-right:25px;}
@media(max-width:768px){.dl-block figure{margin:0;}}
.dl-block .dl-block-inner{text-align:center;}
.dl-block .dl-block-inner h3{font-size:26px;line-height:1.5;margin-bottom:20px;}
@media(max-width:768px){
  .dl-block .dl-block-inner h3{font-size:6vw;margin-top:4vw;margin-bottom:2vw;}
}

/* ------------- フッター ------------- */
/*footer{
  background:#000;text-align:center;padding:50px 0 0;
  font-weight:100;color:#fff;
}
@media(max-width:768px){footer{padding-top:8vw;}}
footer a{
  color:#fff;text-decoration:none;display:inline-block;margin:0 20px;
}
@media(max-width:768px){
  footer a{display:block;text-align:left;padding:3vw;}
}
footer .copyright{
  border-top:1px solid #333;padding:20px 0;margin-top:30px;font-size:13px;
}*/


/* ------------- 注釈 ------------- */

.notice{
padding:20px 0;margin:30px;font-size:13px;text-align: right;
}
/* ------------- 装飾・ユーティリティ ------------- */
.point{color:#A50000;display:inline-block;margin-right:20px;font-style:italic;}
@media(max-width:768px){.point{display:block;}}
.mt20{margin-top:20px;}
sup{font-size:.5rem;vertical-align:top;}

/* フェードイン */
.fadein{
  opacity:0;transform:translateY(40px) scale(.94);
  transition:opacity .8s ease,transform .8s ease;
}
.fadein.scrollin{opacity:1;transform:translate(0,0);}

/*# sourceMappingURL=style.css.map */





@media(max-width:1200px){ 
  .IframeRes{  max-width: 100%;}
}

@media(max-width:1023px){ 
  .head-text{ font-size: 16px; }
}

@media(max-width:768px){ 
  .IframeRes{ width: 100%;}
}



/*  Enfete Added/Edited */
.LangTop{ margin: 0; margin-left: auto; padding-right: 20px; }
.LangTop ul{ display: flex; justify-content: right; align-items: center; list-style: none; height: 74px; gap: 5px; }
.LangTop ul li{ font-weight: bold; }
.LangTop ul li a{ text-decoration: none; }
.LangTop ul li a.active{ color: #9B0001; }
header.HeaderPC{ position: fixed; width: 100%; top: 0; left: 0; z-index: 9; background-color: #fff;}
header.head{ margin: auto;}
section.mv{ margin-top: 106px;}
/* Header SP*/
.SPHeader ol, .SPHeader ul { margin: 0; list-style: none; line-height: normal; }
header.SPHeader{ display: none;}
header.SPHeader .header-left .TitleTXT{ display: flex; justify-content: left; align-items: center; color: #fff;}
header.SPHeader .header-left .TitleTXT .head-text{ padding-left: 15px; font-size: 15px; font-weight: 500;}
header.SPHeader .btn-red { color: #fff; background-color: #9B0001; }
header.SPHeader .btn-border { border: 2px solid #000; }
header.SPHeader .btn-icon-left div.icon { margin-right: 12px; }
header.SPHeader .btn-icon-right div.icon { margin-left: 12px; }
header.SPHeader .btn-icon-left div.icon img{ vertical-align: middle!important;}
header.SPHeader { position: fixed; top: 0; left: 0; z-index: 10; overflow: hidden; width: 100%; color: #fff; background-color: #000000; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5); }
header.SPHeader a{ text-decoration: none;}
header.SPHeader .header .header-right .header-lang ul li{ font-weight: bold;}
header.SPHeader  .header .header-right .header-lang ul li .active{ color: #9B0001; }
/* Header */
header.SPHeader  .header { height: 74px; display: flex; justify-content: space-between; align-items: center; }
header.SPHeader  .header .header-right { display: flex; height: 100%; }
header.SPHeader  .header .header-right .header-lang { height: 100%; padding-right: 40px; font-size: 1.8rem; font-weight: bold; }
header.SPHeader  .header .header-right .header-lang ul { display: flex; align-items: center; height: 100%; }
header.SPHeader  .header .header-right .header-lang ul li a { color: #fff; font-family: Helvetica, Arial, "sans-serif"; }
header.SPHeader  .header .header-right .header-lang ul li.slash { margin: 0 5px; }
header.SPHeader  .header .header-right .header-btn ul { display: flex; height: 100%; }
header.SPHeader  .header .header-right .header-btn ul li a { height: 100%; }
header.SPHeader  .header .header-right .header-btn ul li + li { margin-left: 1px; }
header.SPHeader .btn-icon-left div.icon { margin-right: 12px; }
header.SPHeader .btn-icon-right div.icon { margin-left: 12px; }

@media (max-width: 1200px) {
    .head a.btn img { max-width: 186px!important;  }
    .HeadTextR { padding-top: 10px!important; }
}

@media only screen and (max-width: 1023px) 
{
  header.HeaderPC{ display: none; }
  header.head{ display: none;}
  header.SPHeader{ display: block;}
  section.mv{ margin-top: 74px;}
  header.SPHeader  .header { width: 100%; padding-left: 4%; }
  header.SPHeader  .header .header-right .header-lang ul li.slash { margin: 0 10px; } 
  header.SPHeader  .header .header-right .header-btn ul li a { padding: 0 20px!important; display: flex; justify-content: center; align-items: center; } 
  header.SPHeader  .header .header-right .header-btn ul li a .icon { margin-right: 0; }
  header.SPHeader  .header .header-right .header-btn ul li a p { display: none; } 
}

@media screen and (max-width: 767px) 
{
  header.SPHeader .header-left .TitleTXT .head-text{ display: none; } 
  header.SPHeader .header .header-right .header-lang ul li a{ font-size: 16px;}
  header.SPHeader  .header .header-right .header-lang { font-size: 1.6rem; } 
  header.SPHeader  .header .header-right .header-lang { padding-right: 20px; } 
}

/* Footer */
.FooterBox .none-footer .footer { display: none; }
.FooterBox .notice{ padding:20px 0;margin:30px;font-size:13px;text-align: right; }
footer.FooterBox  .footer { padding: 40px 0; color: #fff; background-color: #000; }
footer.FooterBox  a{ color:#000;text-decoration:none;display:inline-block; margin:0 20px; transition: all .3s; }
footer.FooterBox  .footer ul.footer-btn { display: flex; justify-content: space-between; margin: auto; }
footer.FooterBox  .footer ul.footer-btn li { width: 50%; margin: 0 5px; }
footer.FooterBox  .copyright{ border-top:0px solid #333; padding:20px 0; font-size:11px!important; }
footer.FooterBox { padding-top:0; background: #fff; color: #000; }
footer.FooterBox  p.copyright { font-size: 1.1rem; text-align: center; padding: 15px 0; }
.policy-menu { text-align: center; margin: 30px 0 0px 0; font-size: 13px; line-height: normal; }
.content-1024 { width: 94%; max-width: 1024px; margin-left: auto; margin-right: auto; }
.FooterBox ol, .FooterBox ul { margin: 0; list-style: none; line-height: normal; }
.FooterBox .btn { display: flex; justify-content: center; align-items: center; width: 100%; height: 50px; font-weight: bold; padding: 0 20px; }
.FooterBox .btn-small { font-size: 1.3rem; line-height: 2.3rem; font-weight: bold; height: 40px; }
.FooterBox .btn-big { height: 80px!important; }
footer.FooterBox .btn-red { color: #fff; background-color: #9B0001; }
footer.FooterBox .btn-border { border: 2px solid #000; }
footer.FooterBox .btn-icon-left div.icon { margin-right: 12px; }
footer.FooterBox .btn-icon-right div.icon { margin-left: 12px; }
footer.FooterBox .btn-icon-left div.icon img{ vertical-align: middle!important;}
footer.FooterBox .btn-icon-left div.icon { margin-right: 12px; }
footer.FooterBox .btn-icon-right div.icon { margin-left: 12px; }

@media only screen and (max-width: 830px) {
  footer.FooterBox .footer { padding: 3% 0; } 
  footer.FooterBox .footer ul.footer-btn { display: block; }
  footer.FooterBox  .footer ul.footer-btn li { width: 100%; margin: 0; } 
  footer.FooterBox  .footer ul.footer-btn li + li { margin-top: 5px; }
  .FooterBox  .btn { padding: 0 15px; font-size: 1.3rem !important; } 
}

@media(max-width:768px){
  footer.FooterBox {padding-top:8vw;}
  footer.FooterBox  a{ text-align:center; margin:0 0px; padding:3vw; }
  .FooterBox .btn-big { font-size: 0.9rem!important; line-height: 2.5rem; height: 50px!important; }
}
@media only screen and (max-width: 1023px) {
  .content-1024 { width: 92%; } 
}