@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:19px; } }@media screen and (max-width: 1200px) { html{font-size:18px; } }@media screen and (max-width: 1024px) { html{font-size:17px; } }@media screen and (max-width: 768px) {  html{font-size:16px; } }@media screen and (max-width: 480px) {  html{font-size:15px; } }a,a:visited,a:active { color:rgba(48,43,36,1.00)}a:hover { color:rgba(243,143,30,1.00)}
/* css setting */
.tk_flex{padding:1rem 0rem;}


/*　———　TOP - コピー　———　*/
.mv-wrapper{
width:95%;
margin: 0 auto;

}
.mv_ct{
padding:8rem 10%;
border-radius:2rem;
position:relative;
}

.main_illust_ct{
position:absolute;
top:5rem;
margin:0 auto;
align-items:center;
padding:0 2rem;
}

.main_illust img{
max-width:650px;
width:100%;
height:auto;
}
.mv_sub_text{
font-weight:bold;
font-size:1.2rem;
padding:1.5rem 0rem;
}
@media screen and (max-width: 980px){
.mv_ct{
padding:5rem 5%;
border-radius:2rem;
position:relative;
}
.mv_sub_text{
font-weight:bold;
font-size:1rem;
padding:1.5rem 0rem;
}
}
@media screen and (max-width: 480px){
.mv_ct{
padding:3rem 2rem;
border-radius:2rem;
}
.mv_sub_text{
font-size:16px;
padding:1.5rem 0rem;
}
}

.tx-color01{
color:#F38F1E;
}

.tx-color02{
color:#80C455;
}
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}

@media screen and (max-width: 1024px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}

@media screen and (max-width: 768px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}

@media screen and (max-width: 480px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}



.member-table {
width: 100%;
border-collapse: collapse;
background-color: #ffffff;

border-radius: 1rem;
overflow: hidden;
}
.member-table th:nth-child(1), .member-table th:nth-child(2){
width:25%;
}
.member-table th:nth-child(3){
width:50%;
}
.member-table th {
background-color: #F38F1E; 
color: #ffffff;
font-weight: bold;
text-align: left;
padding: 0.8rem;
letter-spacing: 0.05em;
    }
.member-table td {
padding: 0.8rem;


line-height: 1.5;
text-align:left;
    }
.member-table tbody tr:nth-child(2n) {
background-color: #FFFCFA;
}

@media screen and (max-width: 480px) { 
.member-table {
font-size:12px!important;
}
.member-table th:nth-child(1), .member-table th:nth-child(2){
width:32%;
}
.member-table th:nth-child(3){
width:36%;
}
}



.flex_ct{
border-radius:1rem;
}
.flex_ct li{
display:flex;
align-items:baseline;
}
.flex_ct .fa{
color:#F38F1E;
font-size:10px;
margin-right:5px;
}

.flex_ct li:not(:last-child) {
margin-bottom:0.5rem;
}


.insurance-details{
width:100%;
display:flex;
flex-wrap:wrap;
margin: auto 0;

justify-content:center;
line-height:1.8rem;
}

.insurance-details li:last-child{
margin-right:0rem;
}
.insurance-details li {
background-color:#ffffff;
}
.insurance-details .insurance-tittle{
font-weight:bold;

margin-bottom:0.5rem;
color:#80C455;
}
.insurance-details .insurance-text{
text-align:justify;
}


.insurance-details li:nth-child(1) {
width:30%;
margin-left:3rem;
padding:0rem;
margin-bottom: 1rem;
border-radius:1rem;
}
.insurance-details li:nth-child(2) {
width:30%;
margin-left:1rem;
margin-right:3rem;
border-radius:1rem;
padding:0rem;
margin-bottom: 1rem;
}
.insurance-details li:nth-child(3) ,.insurance-details li:nth-child(4) ,.insurance-details li:nth-child(5){
width:30%;
margin-right:1rem;
padding:0rem;
margin-bottom: 1rem;
border-radius:1rem;
}
.insurance-details li:nth-child(5){
margin-right:0rem;
}

.insurance-details .insurance-text{
text-align:justify;
padding:0 1.2rem 1.2rem;
}
.insurance-details .insurance-img{
width:50%;
height:auto;
text-align:center;
margin: 0 auto;
padding-top:1rem;
}


@media screen and (max-width: 600px) { 
.insurance-details{
width:100%;
display:block;
}
.insurance-details li {
width:100%!important;
margin-right:0rem!important;
margin-left:0rem!important;
padding:0rem;
border-radius:1rem;
}
.insurance-details li:not(:last-child)  {
    margin-bottom: 1rem;
}
.insurance-details .insurance-text{
text-align:justify;
padding:0 1rem 1rem;
}
.insurance-details .insurance-img{
width:50%;
height:auto;
text-align:center;
margin: 0 auto;
padding-top:1rem;
}
}
.insurance-details .insurance-img img{
max-height:80px;
width:auto;
margin:1rem 0;
}










.contact_wrapper{
position:relative;
}
.contact_wrapper .contact_illust{
position:absolute;
top:-5rem;
margin:0 auto;
align-items:center;
left:50%;
transform:translateX(-50%);
}
.contact_wrapper .contact_illust img{
max-height:150px;
width:auto;

}

.ct-icon_tel .fa{
color:#80C455;
}
.ct-icon_mail .fa{
color:#80C455;
}
.contact_right{
border-radius:0 1rem 1rem 0;
}
.contact_left{
border-radius:1rem 0 0 1rem;
}
@media screen and (max-width:900px) {
.ct-icon_tel .fs_btn {
font-size:1.1rem!important;
}
.ct-icon_mail .fs_btn {
font-size:0.9rem!important;
}
}
#pt001-5Parent, #pt002-5Parent{
background:#eaf9bd!important;
}

#pt001-5Parent #pt001-5-1, #pt002-5Parent #pt002-5-1, #pt101-5Parent{
background-image: url(./../../../../files/2117/8521/2826/contact_bg.png);
background-repeat: no-repeat;
background-position-x:right;
background-position-y:bottom;
}

#pt101-5-3{
background-color:#ffffff;
border-radius:1rem 0rem 0rem 1rem;
}
#pt101-5-4{
background-color:#80C455;
border-radius:0rem 1rem 1rem 0rem;
}

@media screen and (max-width: 480px) {
.contact_left{
border-radius:1rem;
margin-bottom:1rem;
}
.contact_right{
border-radius:1rem;
}
#pt101-5Parent{
padding:0 2rem;
}
#pt101-5-3{

border-radius:1rem;
margin-bottom:1rem;
}
#pt101-5-4{

border-radius:1rem;
}
}
/*　==============================　お問い合わせページ　==============================　*/
.formBlockSurveyTable dl dt {
color: #999;
text-align: left;
width: 100%;
margin-right: 0%!important;
font-weight: bold;
font-size: 1rem;
margin-top: 1rem;
padding: 2px 0 0.5% 0;
}
.formBlockSurveyTable dl dd {
width: 100%;
}
.formBlockSurveyTable dl {
padding: 0.5% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 1.5%;
border: 1px solid #c8d2dc;
}
.formBlockSubmitButton {
width:240px!important;
text-align:center!important;
background-color: #999!important;
color:#fff;
border:1px solid #fff;
}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {
width:100%!important;
}
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(0.9) !important;
}
}
.formBlockSubmitButton:hover {
transition:0.6s;
background-color: #fff!important;
border:1px solid #999;
color:#999;
}
.on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 100%;
}
}
/*　==============================　送信完了　==============================　*/

.sent_box .title{
background-color:#fff;
color:#F38F1E;
padding:0.5rem 1rem;
font-size:1.2rem;
font-weight:bold;
}
.sent_box .number{
font-size:1.5rem;
font-weight:bold;
margin-left:10px;
}

/*　==============================　ページタイトル共通設定　==============================　*/

.page-ttl-ja{padding: 8rem 0rem 0rem 0rem}
.page-ttl-en{padding: 0rem 0rem 8rem 0rem}
@media screen and (max-width: 480px) {
.page-ttl-ja{padding: 5rem 0rem 0rem 0rem}
.page-ttl-en{padding: 0rem 0rem 5rem 0rem}
}


/*　=============================================================================　*/
/*　=============================================================================　*/
/*　===============================　全体の共通項目　===============================　*/
/*　=============================================================================　*/
/*　=============================================================================　*/


/*　==============================　ヘッダー部分　==============================　*/
h1{
line-height:24px;
}





#header-2Parent{
padding:0rem 2rem 2rem;

}


/* 全体の親容器 */
.btn-container {
  display: flex;
  gap: 12px;
  align-items: stretch; /* 高さの一番高いボタンに自動で合わせる */
  width: 100%;
  max-width: 900px;
  margin-left: auto;  /* 左側の余白を自動にする */
  margin-right: 0;
}

/* ボタン共通設定 */
.btn-container .btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 16px;
  border-radius: 0 0 0.5rem 0.5rem;
  box-sizing: border-box;
  text-decoration: none; /* リンクの下線を消す */
  cursor: pointer;

}

/* ホバー時に少し透明にする */
.btn-container .btn:hover {
  opacity: 0.85;
}
.btn-container .btn .fa{
margin-right:0.5rem;
}

/* 内部コンテンツ */
.btn-content {
  text-align: center;
line-height:1.1;
}
.btn-container .btn-green, .btn-container .btn-orange{
color:#fff;
}

/* 1. 電話ボタン */
.btn-phone {
  background-color: #ffffff;
  border: 1px solid #80C455;
  color: #302B24;
}

.phone-number {
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 1.5px;
}

.phone-time {
  font-size: 0.75rem;
  margin-top: 2px;
  font-weight: bold;
}

/* 2. お問い合わせボタン */
.btn-green {
  background-color: #80C455;
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
}

/* 3. 入会・退会ボタン */
.btn-orange {
  background-color: #F38F1E;
  color: #ffffff;
  font-size: 1rem;
  font-weight: bold;
}
#header-2Parent .clearfix{
display: flex;
align-items: flex-end;
}
@media screen and (max-width: 1310px) {
#header-2-1 img{
text-align:center;
}
#header-2Parent .clearfix{
  display: flex;
  flex-direction: column;
}

/* 全体の親容器 */
/* 1. 一番外側の親要素：左右に2remの余白を設定 */
  #header-2Parent {
    width: 100% !important;
    max-width: 100% !important;
    padding: 1rem 2rem 1rem !important; /* 左右に2remの余白 */
    box-sizing: border-box !important;
  }

  /* 2. 中間の親要素：幅制限を解除 */
  #header-2Parent .clearfix,
  #header-2-2 {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  #header-2Parent .clearfix {
    display: flex;
    flex-direction: column;

align-items: center;
  }

  /* 3. ボタンの親容器（.btn-container）：余白の内側で横幅100%広げる */
  .btn-container {
    display: flex !important;
    flex-direction: row !important; /* 横並び */
    width: 100% !important;
    max-width: 100% !important; /* 900px制限を解除 */
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    gap: 8px !important; /* ボタン同士の間隔 */
margin-top:1rem;

  }

  /* 4. ボタンを3等分してめいっぱい伸ばす */
  .btn-container .btn {
    flex: 1 1 0% !important; /* 余白の内側で3等分に伸びる */
    width: 100% !important;
    min-width: 0 !important;
    padding: 12px 2px !important;
border-radius:5rem;
  }
.phone-number {
    font-size: 1.05rem !important;
    letter-spacing: 0.5px !important;
  }
  .btn-container .btn-green,
  .btn-container .btn-orange {
    font-size: 0.85rem !important;
  }
}
@media screen and (max-width: 500px) {
#header-2-1 img{

}
  /* 親容器を縦並びに変更 */
  .btn-container {
    flex-direction: column !important; /* 縦並び */
    gap: 10px !important;              /* ボタン同士の上下の間隔 */
  }

  /* ボタン自体の設定 */
  .btn-container .btn {
    flex: none !important;      /* 自動伸縮をオフ */
    width: 100% !important;     /* 上下の余白（2rem）の内側で横幅100%広げる */
    padding: 12px 16px !important; /* 上下に十分な余白を設定 */
  }

  /* 縦並びの時は幅に余裕ができるため、文字サイズを標準に戻す */
  .phone-number {
    font-size: 1.2rem !important;
    letter-spacing: 1px !important;
  }
  
  .btn-container .btn-green,
  .btn-container .btn-orange {
    font-size: 1rem !important;
  }
}
/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.5rem 0 1.5rem 2rem;
font-size: 1.2rem;
border-bottom: 1px solid #969696;
}
.fat-nav{
background: rgba(45, 55, 60, 0.96);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color: #00469b;
}

/*　Fatnaviフィックス　*/
#topfix-A {
position: absolute;
z-index: 50;
top: 0;
right: 0;
}
#topfix-B {
position: absolute;
z-index: 10;
top: 0;
right: 0;
}

/*　==============================　フッター部分　==============================　*/


#footer-5Parent{
padding:0.5rem 0rem;
}

/*　フッターロゴに関する設定　*/
@media screen and (min-width: 1201px) {
.f-logo {padding: 0rem 0rem 0rem 0rem;}
.f-logo img {max-width:500px;}
}
@media screen and (max-width: 1200px) {
.f-logo {padding: 0rem 0rem 0rem 0rem;}
.f-logo img {max-width:300px;}

}
.footer_btn01{
padding:0 0rem 1rem;
}

.other-map ul li a{
color:#ffffff;
}
.f-logo{
padding:2.5rem 0 0 0;
}
@media screen and (max-width: 1250px) {
.f-logo{
padding:2.5rem 2rem 0rem 2rem;
}
.footer_pd{
padding:0 2rem;
}
.footer_btn01{
padding:0 2rem 1rem;
}
}

@media screen and (max-width: 1250px) {
.footer_link_wrapper{
padding:0 2rem;
}
.f-logo {padding: 2.5rem 2rem 0rem 2rem;}
.f-logo img {max-width:100%;}
}
/*　サイトマップ　*/
.sitemap-table{
width:100%;
padding: 0rem 0rem 3rem 2rem;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-direction: row;
}
.sitemap-table li:nth-child(1){width: 110px;}
.sitemap-table li:nth-child(2){width: 130px;}
.sitemap-table li:nth-child(3){width: 105px;}
.sitemap-table li p{
margin-bottom: 1rem;
}
.sitemap-table-eiji{
font-size:0.9rem;
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
@media screen and (max-width: 768px) {
.sitemap-table{
font-size:120%!important;
line-height:2.5rem!important;
flex-direction: column;
width: calc(100% - 2rem);
padding: 1rem 0rem 3rem 2rem;
}
.sitemap-table li:nth-child(1){width: 100%;}
.sitemap-table li:nth-child(2){width: 100%;}
.sitemap-table li:nth-child(3){width: 100%;}
.sitemap-table li a{
flex-flow: row;
display: inline-flex;
}
.sitemap-table .br-sp{
line-height: unset;
}
.sitemap-table li p{
margin-bottom: 0rem;
padding: 0.35rem 0rem 0.35rem 1rem;
}
.sitemap-table li p:nth-child(odd){
background-color: #3c3c3c;
}
}
.sitemap-table a, .sitemap-table a:visited, .sitemap-table a:active ,
.f-link a , .f-link a:visited, .f-link a:active  {
color: #ffffff;
}
.sitemap-table a:hover ,
.f-link a:hover{
opacity: 0.5;
transition:0.3s;
}

/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}

.space-1{
letter-spacing: 0.1rem;
}
.space-2{
letter-spacing: 0.2rem;
}
.space-3{
letter-spacing: 0.3rem;
}
.space-4{
letter-spacing: 0.4rem;
}
.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 480px) { 
.tx-center{
text-align: center!important;
}
.tx-left{
text-align: left!important;
}
.tx-right{
text-align: right!important;
}
.br-sp{
display:block;
line-height:0rem;
}
.br-sp-r{
display:none;
}
}
/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.8);
}
.rgba-black{
background-color:rgba(0,0,0,0.8);
}
.rgba-black4{
background-color:rgba(0,0,0,0.4);
}
.rgba-staff{
background-color:rgba(0,0,0,0.7);
}
/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode, .ccm-scrapbook-list-item-detail div{margin-top:0rem!important;}
.ccm-edit-mode .ccm-area-styles{margin-top:0rem!important;}
/*　--------------------　ページリストタグ　--------------------　*/
.tk_tags_Tags{
background-color: #F38F1E;
color: #ffffff;
border-radius:5rem;
font-size:16px;
font-weight:bold;
}
.tk_tags_Tags_01{
background-color: #4aa5ed;
color: #ffffff;
border-radius:5rem;
font-size:16px;
font-weight:bold;
}
.tk_tags_Tags_02{
background-color: #80c455;
color: #ffffff;
border-radius:5rem;
font-size:16px;
font-weight:bold;
}
.tk_tags_Tags_03{
background-color: #f297af;
color: #ffffff;
border-radius:5rem;
font-size:16px;
font-weight:bold;
}
.tk_tags_Tags_04{
background-color: #ea3f24;
color: #ffffff;
border-radius:5rem;
font-size:16px;
font-weight:bold;
}
.report_ct .tk_flex{
background-color:#F9F3ED;
padding:1rem;
border-bottom:none;
border-radius:0.5rem;
margin-bottom:0.5rem;
display:flex;
align-items:baseline;
}

.tk_title{
margin-bottom:0rem!important;
display:flex;
align-items:center;
}
.tk_kiji{
margin-top:0.3rem!important;
}
.report_bk_ttl{
border-radius:1rem 1rem 0rem 0rem;
}
.report_bk_info{
border-radius:0rem 0rem 1rem 1rem;
}
.col-2{

align-items:center;
}
@media screen and (max-width: 480px) {
.report_ct .tk_flex{
display:block;
}
.tk_title{
margin-bottom:0rem!important;
display:block;
align-items:center;
}
}
#pt101-5-1{


margin:0 auto;
align-items:center;

}


#pt101-5-1 img{
margin-top:-5rem;
max-height:150px;
width:auto;
}
@media screen and (max-width: 480px) {
#pt101-5-1 img{
margin-top:-5rem;
max-height:80px;
width:auto;
}
}
.report_btn{
text-align:left;

}

.report_btn a{
padding:1rem 2rem;
background-color:#80C455;
border-radius:5rem;
color:#ffffff;
}
.report_btn a:hover{
padding:1rem 2rem;
background-color:#F38F1E;
border-radius:5rem;
color:#ffffff;
}
.ct_bottom{
margin-bottom:4rem;
}
/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{
margin-top: 1rem;
}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{
top: 0.5rem!important;
}
#pagination .currentPage  strong{
background-color: #80C455!important;
color: #ffffff!important;
border:1px solid #80C455!important;
border-radius:50%;
}
#pagination .numbers {
margin-right: 0.6rem;
}
#pagination .numbers a, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color:#ffffff;
border:1px solid #80C455;
color:#80C455;
padding: 0.5rem 1rem;
display: inline-block;
border-radius:50%;
}
#pagination .numbers a:hover, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color:#F38F1E;
border:1px solid #F38F1E;
color:#ffffff;
padding: 0.5rem 1rem;
display: inline-block;
border-radius:50%;
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
.tel_splink {pointer-events: none;}
}
/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp-br-none br {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp-br br {display:none;}
}
/*　--------------------　タブレット横時スクロール　--------------------　*/
@media screen and (max-width: 1024px) {
.tb-bg-scroll{background-attachment: scroll!important; }
}
/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-img:hover {
opacity:0.7;
transition:0.6s;
}
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　box-shadow　*/
.boxshadow_20 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.20);}
.boxshadow_50 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.5);}
.boxshadow_90 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.9);}
/*　--------------------　トップボタン　--------------------　*/
/*　ボタンline-height　*/
.btn-detail .fs_btn_text {
line-height: 1.6;
}
/*　ピックアップボタン　*/
.btn_pickup .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.btn_pickup .fs_btn_text_sub {
font-size:0.8rem;
font-weight: bold;
}
.btn_pickup  .fs_btn {
background-color: rgba(33,33,33,0.5);
}
.btn_pickup .fs_btn:hover{
background-color: rgba(33,33,33,0.05);
}
/*　ページトップボタン　*/
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop_btm .fs_btn{
line-height: 1.6;
}
.pagetop_btm_sp {
background-color: rgba(0, 70, 150, 0.7);
}

/*　--------------------　Google font　--------------------　*/
.googlefont {font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}

/* cyrillic-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v16/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}


h2{
font-size:1.5rem;
font-weight:bold;
margin-bottom:0.5rem;
}
.ttl_eng{
font-weight:bold;
color:#F38F1E;
}
.white_title h2{
font-size:1.5rem;
font-weight:bold;
margin-bottom:0.5rem;
color:#fff;
}
.white_sub-title .ttl_eng{
font-weight:bold;
color:#F9F3ED;
}
.text_st{
font-weight:bold;
color:#80C455;
}


.membership_ct{
position:relative;
}
.membership_img{
position:absolute;
top:-2rem;
margin:0 auto;
align-items:center;
left:50%;
transform:translateX(-50%);
}




.btn01 .fs_btn_text_main{
display:flex!important;
justify-content:space-between;
}


.btn01 .fs_btn_text_main{
display:flex!important;
justify-content:space-between;
align-items:center;
}




.btn01 .fs_btn01{
max-width:300px;
width:100%;
}

.back-btn .fs_btn01{
max-width:300px;
width:100%;
}

.btn_main .fs_btn01{
max-width:300px;
width:100%;
margin:0 auto;
}
.btn_large .fs_btn01{
max-width:500px;
width:100%;
margin:0 auto;
}

@media screen and (max-width: 480px) {
.clum_sp_mg{
margin-bottom:0.5rem;
}

}
.pdf_clum{
margin-bottom:0.7rem;
}

.border_pic img{
border-radius:1rem;
}

.top-sticky > div > div{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow:row wrap; justify-content: stretch;}
.top-about-fieldFigure{position: sticky; top: 22%; padding: 0rem 1rem;}