@charset "UTF-8";

/* ===================================
	File Name   : module.css
	Description : Each selectors/parts CSS
	Editor      : Bface Chiba
	Last Editor : Bface Chiba
	
	Update Description :
	[2028/08/5] 新規作成
====================================== */

/*========== Style Contents ==========
	1. Global Links
	1. Switch
  2. margin / padding
  3. Size
	4. Font
	5. Box Layout
	6. Title
    -	Title - category
    -	Title - head
    -	Title - subhead
    -	Title - strapline
    -	Title - options
    -	Title - center
	7. Parts Style
    -	Breadcrumbs
    -	Anchor
    -	PageTop
    -	Boxs
      -	Boxs - limit
      -	Boxs - color
      -	Boxs - emphasis
      -	Boxs - optfions
    -	Links
      -	Links - textlink
      -	Links - buttonlink
    -	List
      -	List - dots
      -	List - num
      -	List - notice
    -	Photo
      -	Photo - basic
	8. Each Styles
      - megaphone
      -	Related Banners
      -	movie


====================================== */


/*===== ■1. Global Links =====*/


/*===== 1. Switch =====*/
.pc[class] { display: block;}
.sp[class] { display: none;}
.block[class] { display: block;}
.inline-block[class] { display: inline-block;}
.inline[class] { display: inline;}


@media (max-width: 768px) {
	.pc[class] { display: none;}
	.sp[class] { display: block;}
  .blocksp[class] { display: block;}
  .inline-blocksp[class] { display: inline-block;}
  .inlinesp[class] { display: inline;}
}



/*===== 2. margin / padding =====*/
.mlauto[class] { margin-left: auto;}.ml0[class] { margin-left: 0;}.ml05[class] { margin-left: 0.5rem;}.ml10[class] { margin-left: 1.0rem;}.ml15[class] { margin-left: 1.5rem;}.ml20[class] { margin-left: 2.0rem;}.ml25[class] { margin-left: 2.5rem;}
.mrauto[class] { margin-right: auto;}.mr0[class] { margin-right: 0;}.mr05[class] { margin-right: 0.5rem;}.mr10[class] { margin-right: 1.0rem;}.mr15[class] { margin-right: 1.5rem;}.mr20[class] { margin-right: 2.0rem;}.mr25[class] { margin-right: 2.5rem;}
.mlrauto[class] { margin: auto;}.mlr0[class] { margin: 0;}.mlr05[class] { margin: 0 0.5rem;}.mlr10[class] { margin: 0 1.0rem;}.mlr15[class] { margin: 0 1.5rem;}.mlr20[class] { margin: 0 2.0rem;}.mlr25[class] { margin: 0 2.5rem;}.mlr30[class] { margin: 0 3.0rem;}.mlr40[class] { margin: 0 4.0rem;}.mlr50[class] { margin: 0 5.0rem;}
.mtauto[class] { margin-top: auto;}.mt0[class] { margin-top: 0;}.mt05[class] { margin-top: 0.5rem;}.mt10[class] { margin-top: 1.0rem;}.mt15[class] { margin-top: 1.5rem;}.mt20[class] { margin-top: 2.0rem;}.mt25[class] { margin-top: 2.5rem;}.mt30[class] { margin-top: 3.0rem;}.mt40[class] { margin-top: 4.0rem;}.mt50[class] { margin-top: 5.0rem;}
.mbauto[class] { margin-bottom: auto;}.mb0[class] { margin-bottom: 0;}.mb05[class] { margin-bottom: 0.5rem;}.mb10[class] { margin-bottom: 1.0rem;}.mb15[class] { margin-bottom: 1.5rem;}.mb20[class] { margin-bottom: 2.0rem;}.mb25[class] { margin-bottom: 2.5rem;}.mb30[class] { margin-bottom: 3.0rem;}.mb40[class] { margin-bottom: 4.0rem;}.mb50[class] { margin-bottom: 5.0rem;}.mb60[class] { margin-bottom: 6.0rem;}
.mtb0[class] { margin: 0;}.mtb10[class] { margin: 1.0rem 0;}.mtb20[class] { margin: 2.0rem 0;}.mtb30[class] { margin: 3.0rem 0;}.mtb40[class] { margin: 4.0rem 0;}.mtb50[class] { margin: 5.0rem 0;}

.pl0[class] { padding-left: 0;}.pl05[class] { padding-left: 0.5rem;}.pl10[class] { padding-left: 1.0rem;}.pl15[class] { padding-left: 1.5rem;}.pl20[class] { padding-left: 2.0rem;}.pl25[class] { padding-left: 2.5rem;}
.pr05[class] { padding-right: 0.5rem;}.pr10[class] { padding-right: 1.0rem;}.pr15[class] { padding-right: 1.5rem;}.pr20[class] { padding-right: 2.0rem;}.pr25[class] { padding-right: 2.5rem;}
.plr0[class] { padding: 0;}.plr05[class] { padding: 0 0.5rem;}.plr10[class] { padding: 0 1.0rem;}.plr15[class] { padding: 0 1.5rem;}.plr20[class] { padding: 0 2.0rem;}.plr25[class] { padding: 0 2.5rem;}.plr30[class] { padding: 0 3.0rem;}.plr40[class] { padding: 0 4.0rem;}.plr50[class] { padding: 0 5.0rem;}
.pt0[class] { padding-top: 0;}.pt05[class] { padding-top: 0.5rem;}.pt10[class] { padding-top: 1.0rem;}.pt15[class] { padding-top: 1.5rem;}.pt20[class] { padding-top: 2.0rem;}.pt25[class] { padding-top: 2.5rem;}.pt30[class] { padding-top: 3.0rem;}.pt40[class] { padding-top: 4.0rem;}.pt50[class] { padding-top: 5.0rem;}
.pb0[class] { padding-bottom: 0;}.pb05[class] { padding-bottom: 0.5rem;}.pb10[class] { padding-bottom: 1.0rem;}.pb15[class] { padding-bottom: 1.5rem;}.pb20[class] { padding-bottom: 2.0rem;}.pb25[class] { padding-bottom: 2.5rem;}.pb30[class] { padding-bottom: 3.0rem;}.pb40[class] { padding-bottom: 4.0rem;}.pb50[class] { padding-bottom: 5.0rem;}.pb60[class] { padding-bottom: 6.0rem;}
.ptb0[class] { padding: 0;}.ptb10[class] { padding: 1.0rem 0;}.ptb20[class] { padding: 2.0rem 0;}.ptb30[class] { padding: 3.0rem 0;}.ptb40[class] { padding: 4.0rem 0;}.ptb50[class] { padding: 5.0rem 0;}


@media (max-width: 768px) {
	.ml05[class] { margin-left: 0.5rem!important;}
  .ml10[class] { margin-left: 1.0rem;}.ml15[class] { margin-left: 1.5rem;}
	.ml20[class] { margin-left: 2.0rem;}.mr05[class] { margin-right: 0.5rem;}
	.mr10[class] { margin-right: 1.0rem;}.mr15[class] { margin-right: 1.5rem;}.mr20[class] { margin-right: 2.0rem;}.mr25[class] { margin-right: 2.5rem;}
	.mlr05[class] { margin: 0 0.5rem;}.mlr10[class] { margin: 0 1.0rem;}.mlr15[class] { margin: 0 1.5rem;}.mlr20[class] { margin: 0 2.0rem;}.mlr25[class] { margin: 0 2.5rem;}.mlr30[class] { margin: 0 3.0rem;}.mlr40[class] { margin: 0 4.0rem;}.mlr50[class] { margin: 0 4.0rem;}
	.mt05[class] { margin-top: 0.5rem;}.mt10[class] { margin-top: 1.0rem;}.mt15[class] { margin-top: 1.5rem;}.mt20[class] { margin-top: 2.0rem;}.mt25[class] { margin-top: 2.5rem;}.mt30[class] { margin-top: 3.0rem;}.mt40[class] { margin-top: 4.0rem;}.mt50[class] { margin-top: 4.0rem;}
	.mb05[class] { margin-bottom: 0.5rem;}.mb10[class] { margin-bottom: 1.0rem;}.mb15[class] { margin-bottom: 1.5rem;}.mb20[class] { margin-bottom: 2.0rem;}.mb25[class] { margin-bottom: 2.5rem;}.mb30[class] { margin-bottom: 3.0rem;}.mb40[class] { margin-bottom: 4.0rem;}.mb50[class] { margin-bottom: 4.0rem;}.mb60[class] { margin-bottom: 4.0rem;}
	.mtb10[class] { margin: 1.0rem 0;}.mtb20[class] { margin: 2.0rem 0;}.mtb30[class] { margin: 3.0rem 0;}.mtb40[class] { margin: 4.0rem 0;}.mtb50[class] { margin: 4.0rem 0;}

	.ml0sp[class] { margin-left: 0!important;}
  .ml05sp[class] { margin-left: 0.5rem!important;}
  .ml10sp[class] { margin-left: 1.0rem!important;}
  .ml15sp[class] { margin-left: 1.5rem!important;}
  .ml20sp[class] { margin-left: 2.0rem;}
  .ml25sp[class] { margin-left: 2.5rem!important;}
	.mr0sp[class] { margin-right: 0!important;}
  .mr05sp[class] { margin-right: 0.5rem!important;}
  .mr10sp[class] { margin-right: 1.0rem!important;}
  .mr15sp[class] { margin-right: 1.5rem!important;}
  .mr20sp[class] { margin-right: 2.0rem!important;}
  .mr25sp[class] { margin-right: 2.5rem!important;}
	.mlr0sp[class] { margin: 0!important;}
  .mlr05sp[class] { margin: 0 0.5rem!important;}
  .mlr10sp[class] { margin: 0 1.0rem!important;}
  .mlr15sp[class] { margin: 0 1.5rem!important;}
  .mlr20sp[class] { margin: 0 2.0rem!important;}
  .mlr25sp[class] { margin: 0 2.5rem!important;}
  .mt0sp[class] { margin-top: 0!important;}
  .mt05sp[class] { margin-top: 0.5rem!important;}
  .mt10sp[class] { margin-top: 1.0rem!important;}
  .mt15sp[class] { margin-top: 1.5rem!important;}
  .mt20sp[class] { margin-top: 2.0rem!important;}
  .mt25sp[class] { margin-top: 2.5rem!important;}
  .mt30sp[class] { margin-top: 3.0rem!important;}
  .mt40sp[class] { margin-top: 4.0rem!important;}
  .mt50sp[class] { margin-top: 4.0rem!important;}
	.mb0sp[class] { margin-bottom: 0;}
  .mb05sp[class] { margin-bottom: 0.5rem!important;}
  .mb10sp[class] { margin-bottom: 1.0rem!important;}
  .mb15sp[class] { margin-bottom: 1.5rem!important;}
  .mb20sp[class] { margin-bottom: 2.0rem!important;}
  .mb25sp[class] { margin-bottom: 2.5rem!important;}
  .mb30sp[class] { margin-bottom: 3.0rem!important;}
  .mb40sp[class] { margin-bottom: 4.0rem!important;}
  .mb50sp[class] { margin-bottom: 4.0rem!important;}
	.mtb05sp[class] { margin: 0.5rem 0!important;}
  .mtb10sp[class] { margin: 1.0rem 0!important;}
  .mtb15sp[class] { margin: 1.5rem 0!important;}
  .mtb20sp[class] { margin: 2.0rem 0!important;}
  .mtb25sp[class] { margin: 2.5rem 0!important;}
  .mtb30sp[class] { margin: 3.0rem 0!important;}
  .mtb40sp[class] { margin: 4.0rem 0!important;}
  .mtb50sp[class] { margin: 4.0rem 0!important;}
  
	.pl0[class] { padding-left: 0;}.pl05[class] { padding-left: 0.5rem;}.pl10[class] { padding-left: 1.0rem;}.pl15[class] { padding-left: 1.5rem;}.pl20[class] { padding-left: 2.0rem;}.pr05[class] { padding-right: 0.5rem;}.pr10[class] { padding-right: 1.0rem;}.pr15[class] { padding-right: 1.5rem;}.pr20[class] { padding-right: 2.0rem;}.pr25[class] { padding-right: 2.5rem;}.plr0[class] { padding: 0;}.plr05[class] { padding: 0 0.5rem;}.plr10[class] { padding: 0 1.0rem;}.plr15[class] { padding: 0 1.5rem;}.plr20[class] { padding: 0 2.0rem;}.plr25[class] { padding: 0 2.5rem;}.plr30[class] { padding: 0 3.0rem;}.plr40[class] { padding: 0 4.0rem;}.plr50[class] { padding: 0 4.0rem;}
	.pt0[class] { padding-top: 0;}.pt05[class] { padding-top: 0.5rem;}.pt10[class] { padding-top: 1.0rem;}.pt15[class] { padding-top: 1.5rem;}.pt20[class] { padding-top: 2.0rem;}.pt25[class] { padding-top: 2.5rem;}.pt30[class] { padding-top: 3.0rem;}.pt40[class] { padding-top: 4.0rem;}.pt50[class] { padding-top: 4.0rem;}
	.pb0[class] { padding-bottom: 0;}.pb05[class] { padding-bottom: 0.5rem;}.pb10[class] { padding-bottom: 1.0rem;}.pb15[class] { padding-bottom: 1.5rem;}.pb20[class] { padding-bottom: 2.0rem;}.pb25[class] { padding-bottom: 2.5rem;}.pb30[class] { padding-bottom: 3.0rem;}.pb40[class] { padding-bottom: 4.0rem;}.pb50[class] { padding-bottom: 4.0rem;}.pb60[class] { padding-bottom: 4.0rem;}
	.ptb0[class] { padding: 0;}.ptb10[class] { padding: 1.0rem 0;}.ptb20[class] { padding: 2.0rem 0;}.ptb30[class] { padding: 3.0rem 0;}.ptb40[class] { padding: 4.0rem 0;}.ptb50[class] { padding: 4.0rem 0;}
	
  .pl0sp[class] { padding-left: 0!important;}
  .pl05sp[class] { padding-left: 0.5rem!important;}
  .pl10sp[class] { padding-left: 1.0rem!important;}
  .pl15sp[class] { padding-left: 1.5rem!important;}
  .pl20sp[class] { padding-left: 2.0rem!important;}
  .pl25sp[class] { padding-left: 2.5rem!important;}
	.pr0sp[class] { padding-right: 0!important;}
  .pr05sp[class] { padding-right: 0.5rem!important;}
  .pr10sp[class] { padding-right: 1.0rem!important;}
  .pr15sp[class] { padding-right: 1.5rem!important;}
  .pr20sp[class] { padding-right: 2.0rem!important;}
  .pr25sp[class] { padding-right: 2.5rem!important;}
  .plr0sp[class] { padding: 0!important;}
  .plr05sp[class] { padding: 0 0.5rem!important;}
  .plr10sp[class] { padding: 0 1.0rem!important;}
  .plr15sp[class] { padding: 0 1.5rem!important;}
  .plr20sp[class] { padding: 0 2.0rem!important;}
  .plr25sp[class] { padding: 0 2.5rem;}
	.pt0sp[class] { padding-top: 0!important;}
  .pt05sp[class] { padding-top: 0.5rem!important;}
  .pt10sp[class] { padding-top: 1.0rem!important;}
  .pt15sp[class] { padding-top: 1.5rem!important;}
  .pt20sp[class] { padding-top: 2.0rem!important;}
  .pt25sp[class] { padding-top: 2.5rem!important;}
  .pt30sp[class] { padding-top: 3.0rem!important;}
  .pt40sp[class] { padding-top: 4.0rem!important;}
  .pt50sp[class] { padding-top: 4.0rem!important;}
	.pb0sp[class] { padding-bottom: 0!important;}
  .pb05sp[class] { padding-bottom: 0.5rem!important;}
  .pb10sp[class] { padding-bottom: 1.0rem!important;}
  .pb15sp[class] { padding-bottom: 1.5rem!important;}
  .pb20sp[class] { padding-bottom: 2.0rem!important;}
  .pb25sp[class] { padding-bottom: 2.5rem!important;}
  .pb30sp[class] { padding-bottom: 3.0rem!important;}
  .pb40sp[class] { padding-bottom: 4.0rem!important;}
  .pb50sp[class] { padding-bottom: 4.0rem!important;}
	.ptb05sp[class] { padding: 0.5rem 0!important;}
  .ptb10sp[class] { padding: 1.0rem 0!important;}
  .ptb15sp[class] { padding: 1.5rem 0!important;}
  .ptb20sp[class] { padding: 2.0rem 0!important;}
  .ptb25sp[class] { padding: 2.5rem 0!important;}
  .ptb30sp[class] { padding: 3.0rem 0!important;}
  .ptb40sp[class] { padding: 4.0rem 0!important;}
  .ptb50sp[class] { padding: 4.0rem 0!important;}
}



/*===== 3. Size =====*/
.w10[class] { width: 10%;}.w20[class] { width: 20%;}.w25[class] { width: 25%;}.w30[class] { width: 30%;}.w40[class] { width: 40%;}.w50[class] { width: 50%;}.w60[class] { width: 60%;}.w70[class] { width: 70%;}.w80[class] { width: 80%;}.w90[class] { width: 90%;}.w100[class] { width: 100%;}
[class^="flex"] > .w20-10[class] { width: calc(20% - 1.0rem);}[class^="flex"] > .w20-20[class] { width: calc(20% - 2.0rem);}[class^="flex"] > .w20-30[class] { width: calc(20% - 3.0rem);}
[class^="flex"] > .w25-10[class] { width: calc(25% - 1.0rem);}[class^="flex"] > .w25-20[class] { width: calc(25% - 2.0rem);}[class^="flex"] > .w25-30[class] { width: calc(25% - 3.0rem);}
[class^="flex"] > .w30-10[class] { width: calc(30% - 1.0rem);}[class^="flex"] > .w30-20[class] { width: calc(30% - 2.0rem);}[class^="flex"] > .w30-30[class] { width: calc(30% - 3.0rem);}
[class^="flex"] > .w40-10[class] { width: calc(40% - 1.0rem);}[class^="flex"] > .w40-20[class] { width: calc(40% - 2.0rem);}[class^="flex"] > .w40-30[class] { width: calc(40% - 3.0rem);}
[class^="flex"] > .w50-10[class] { width: calc(50% - 1.0rem);}[class^="flex"] > .w50-20[class] { width: calc(50% - 2.0rem);}[class^="flex"] > .w50-30[class] { width: calc(50% - 3.0rem);}
[class^="flex"] > .w60-10[class] { width: calc(60% - 1.0rem);}[class^="flex"] > .w60-20[class] { width: calc(60% - 2.0rem);}[class^="flex"] > .w60-30[class] { width: calc(60% - 3.0rem);}
[class^="flex"] > .w70-10[class] { width: calc(70% - 1.0rem);}[class^="flex"] > .w70-20[class] { width: calc(70% - 2.0rem);}[class^="flex"] > .w70-30[class] { width: calc(70% - 3.0rem);}
[class^="flex"] > .w75-10[class] { width: calc(75% - 1.0rem);}[class^="flex"] > .w75-20[class] { width: calc(75% - 2.0rem);}[class^="flex"] > .w75-30[class] { width: calc(75% - 3.0rem);}
[class^="flex"] > .w80-10[class] { width: calc(80% - 1.0rem);}[class^="flex"] > .w80-20[class] { width: calc(80% - 2.0rem);}[class^="flex"] > .w80-30[class] { width: calc(80% - 3.0rem);}

.hauto { height: auto;}
.h100 { height: 100%;}


@media (max-width: 768px) {
  .w10sp[class] { width: 10%!important;}
  .w20sp[class] { width: 20%!important;}
  .w25sp[class] { width: 25%!important;}
  .w30sp[class] { width: 30%!important;}
  .w40sp[class] { width: 40%!important;}
  .w50sp[class] { width: 50%!important;}
  .w60sp[class] { width: 60%!important;}
  .w70sp[class] { width: 70%!important;}
  .w80sp[class] { width: 80%!important;}
  .w90sp[class] { width: 90%!important;}
  .w100sp[class] { width: 100%!important;}
  [class^="flex"] > .w20-10[class] { width: calc(20% - 0.5rem);}[class^="flex"] > .w20-20[class] { width: calc(20% - 1.0rem);}[class^="flex"] > .w20-30[class] { width: calc(20% - 1.0rem);}
  [class^="flex"] > .w25-10[class] { width: calc(25% - 0.5rem);}[class^="flex"] > .w25-20[class] { width: calc(25% - 1.0rem);}[class^="flex"] > .w25-30[class] { width: calc(25% - 1.0rem);}
  [class^="flex"] > .w30-10[class] { width: calc(30% - 0.5rem);}[class^="flex"] > .w30-20[class] { width: calc(30% - 1.0rem);}[class^="flex"] > .w30-30[class] { width: calc(30% - 1.0rem);}
  [class^="flex"] > .w40-10[class] { width: calc(40% - 0.5rem);}[class^="flex"] > .w40-20[class] { width: calc(40% - 1.0rem);}[class^="flex"] > .w40-30[class] { width: calc(40% - 1.0rem);}
  [class^="flex"] > .w50-10[class] { width: calc(50% - 0.5rem);}[class^="flex"] > .w50-20[class] { width: calc(50% - 1.0rem);}[class^="flex"] > .w50-30[class] { width: calc(50% - 1.0rem);}
  [class^="flex"] > .w60-10[class] { width: calc(60% - 0.5rem);}[class^="flex"] > .w60-20[class] { width: calc(60% - 1.0rem);}[class^="flex"] > .w60-30[class] { width: calc(60% - 1.0rem);}
  [class^="flex"] > .w70-10[class] { width: calc(70% - 0.5rem);}[class^="flex"] > .w70-20[class] { width: calc(70% - 1.0rem);}[class^="flex"] > .w70-30[class] { width: calc(70% - 1.0rem);}
  [class^="flex"] > .w75-10[class] { width: calc(75% - 0.5rem);}[class^="flex"] > .w75-20[class] { width: calc(75% - 1.0rem);}[class^="flex"] > .w75-30[class] { width: calc(75% - 3.0rem);}
  [class^="flex"] > .w80-10[class] { width: calc(80% - 0.5rem);}[class^="flex"] > .w80-20[class] { width: calc(80% - 1.0rem);}[class^="flex"] > .w80-30[class] { width: calc(80% - 1.0rem);}
  
  [class^="flex"] > .w20-10sp[class] { width: calc(20% - 0.5rem)!important;}[class^="flex"] > .w20-20sp[class] { width: calc(20% - 1.0rem)!important;}[class^="flex"] > .w20-30sp[class] { width: calc(20% - 1.0rem)!important;}
  [class^="flex"] > .w25-10sp[class] { width: calc(25% - 0.5rem)!important;}[class^="flex"] > .w25-20sp[class] { width: calc(25% - 1.0rem)!important;}[class^="flex"] > .w25-30sp[class] { width: calc(25% - 1.0rem)!important;}
  [class^="flex"] > .w30-10sp[class] { width: calc(30% - 0.5rem)!important;}[class^="flex"] > .w30-20sp[class] { width: calc(30% - 1.0rem)!important;}[class^="flex"] > .w30-30sp[class] { width: calc(30% - 1.0rem)!important;}
  [class^="flex"] > .w40-10sp[class] { width: calc(40% - 0.5rem)!important;}[class^="flex"] > .w40-20sp[class] { width: calc(40% - 1.0rem)!important;}[class^="flex"] > .w40-30sp[class] { width: calc(40% - 1.0rem)!important;}
  [class^="flex"] > .w50-10sp[class] { width: calc(50% - 0.5rem)!important;}[class^="flex"] > .w50-20sp[class] { width: calc(50% - 1.0rem)!important;}[class^="flex"] > .w50-30sp[class] { width: calc(50% - 1.0rem)!important;}
  [class^="flex"] > .w60-10sp[class] { width: calc(60% - 0.5rem)!important;}[class^="flex"] > .w60-20sp[class] { width: calc(60% - 1.0rem)!important;}[class^="flex"] > .w60-30sp[class] { width: calc(60% - 1.0rem)!important;}
  [class^="flex"] > .w70-10sp[class] { width: calc(70% - 0.5rem)!important;}[class^="flex"] > .w70-20sp[class] { width: calc(70% - 1.0rem)!important;}[class^="flex"] > .w70-30sp[class] { width: calc(70% - 1.0rem)!important;}
  [class^="flex"] > .w75-10sp[class] { width: calc(75% - 0.5rem)!important;}[class^="flex"] > .w75-20sp[class] { width: calc(75% - 1.0rem)!important;}[class^="flex"] > .w75-30sp[class] { width: calc(75% - 3.0rem)!important;}
  [class^="flex"] > .w80-10sp[class] { width: calc(80% - 0.5rem)!important;}[class^="flex"] > .w80-20sp[class] { width: calc(80% - 1.0rem)!important;}[class^="flex"] > .w80-30sp[class] { width: calc(80% - 1.0rem)!important;}
  
  .hautosp[class] { height: auto;}
  .h100sp[class] { height: 100%;}
}



/*===== 4. Font Style =====*/
.red[class] { color: #c00;}.white[class] { color: #fff;}.black[class] { color: #333;}.dominant[class] { color: #191d69;}

.midbol[class] { font-weight: 500;}.bol[class] { font-weight: 700;}

.fs12[class] { font-size: 1.2rem;}.fs14[class] { font-size: 1.4rem;}.fs16[class] { font-size: 1.6rem;}.fs18[class] { font-size: 1.8rem;}
.fs20[class] { font-size: 2.0rem;}.fs22[class] { font-size: 2.2rem;}.fs24[class] { font-size: 2.4rem;}.fs26[class] { font-size: 2.6rem;}.fs28[class] { font-size: 2.8rem;}.fs30[class] { font-size: 3.0rem;}.fs32[class] { font-size: 3.2rem;}.fs34[class] { font-size: 3.4rem;}.fs36[class] { font-size: 3.6rem;}

.line1-2[class] { line-height: 1.2;}.line1-4[class] { line-height: 1.4;}.line1-6[class] { line-height: 1.6;}.line1-8[class] { line-height: 1.8;}

.left[class] { text-align: left;}.center[class] { text-align: center;}.right[class] { text-align: right;}

.wrap[class] { white-space: normal;}.nowrap[class] { white-space: nowrap;}

.indent {
  padding-left: 1.5rem;
  text-indent: -1.5rem;
}

.notice {
  padding-left: 1rem;
  text-indent: -1rem;
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
}


@media (max-width: 768px) {
	.fs12sp[class] { font-size: 1.2rem;}.fs14sp[class] { font-size: 1.4rem;}.fs16sp[class] { font-size: 1.6rem;}.fs18sp[class] { font-size: 1.8rem;}.fs20sp[class] { font-size: 2.0rem;}.fs20sp[class] { font-size: 2.0rem;}.fs22sp[class] { font-size: 2.2rem;}.fs24sp[class] { font-size: 2.4rem;}.fs26sp[class] { font-size: 2.6rem;}.fs28sp[class] { font-size: 2.8rem;}.fs30sp[class] { font-size: 3.0rem;}.fs32sp[class] { font-size: 3.2rem;}.fs34sp[class] { font-size: 3.4rem;}.fs36sp[class] { font-size: 3.6rem;}
  
  .line1-2sp[class] { line-height: 1.2;}.line1-4sp[class] { line-height: 1.4;}.line1-6sp[class] { line-height: 1.6;}.line1-8sp[class] { line-height: 1.8;}
	
	.left[class],.center[class],.right[class] { text-align: left;}
	
	.leftsp[class] { text-align: left;}.centersp[class] { text-align: center;}.rightsp[class] { text-align: right;}
  
  .wrapsp[class] { white-space: normal;}.nowrapsp[class] { white-space: nowrap;}
}



/*===== 5. Box Layout =====*/
.flex[class] {
  display: flex;
}
.flexrow[class] { flex-direction: row;}
.flexcolumn[class] { flex-direction: column;}
.flexwrap[class] { flex-wrap: wrap;}
.flexstart[class] { justify-content: flex-start;}
.flexend[class] { justify-content: flex-end;}
.flexcenter[class] { justify-content: center;}
.flexbetween[class] { justify-content: space-between;}
.flextop[class] { align-items: flex-start;}
.flexmiddle[class] { align-items: center;}
.flexbottom[class] { align-items: flex-end;}

.flexorder1[class] { order: 1;}
.flexorder2[class] { order: 2;}
.flexorder3[class] { order: 3;}
.flexorder4[class] { order: 4;}
.flexorder5[class] { order: 5;}

.flexsize1 { flex: 1;}
.flexsize2 { flex: 2;}
.flexsize3 { flex: 3;}
.flexsize4 { flex: 4;}

.flex2,
.flex3,
.flex4,
.flex5 {
	display: flex;
	justify-content: space-between;
}

.flex2 > * { width: calc(50% - 2.0rem);}
.flex3 > * { width: calc(33.33% - 2.0rem);}
.flex4 > * { width: calc(25% - 2.0rem);}
.flex5 > * { width: calc(20% - 1.0rem);}

[class^="flex"] > * > img { width: 100%;}



@media (max-width: 768px) {
  .flexrowsp[class] { flex-direction: row;}
  .flexcolumnsp[class] { flex-direction: column;}
  .flexwrapsp[class] { flex-wrap: wrap;}
  .flexstartsp[class] { justify-content: flex-start;}
  .flexendsp[class] { justify-content: flex-end;}
  .flexcentersp[class] { justify-content: center;}
  .flexbetweensp[class] { justify-content: space-between;}
  .flextopsp[class] { align-items: flex-start;}
  .flexmiddlesp[class] { align-items: center;}
  .flexbottomsp[class] { align-items: flex-end;}
  
  .flexorder1sp[class] { order: 1;}
  .flexorder2sp[class] { order: 2;}
  .flexorder3sp[class] { order: 3;}
  .flexorder4sp[class] { order: 4;}
  .flexorder5sp[class] { order: 5;}
  
  .flexsize1sp[class] { flex: 1;}
  .flexsize2sp[class] { flex: 2;}
  .flexsize3sp[class] { flex: 3;}
  .flexsize4sp[class] { flex: 4;}
  
	.flex2,.flex3,.flex4,.flex5 { flex-wrap: wrap;}
  
	.flex2 > *,
	.flex3 > *,
	.flex4 > *,
	.flex5 > * { width: calc(50% - 1.0rem); margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 1.0rem;}
  
  [class*="flex"].single[class] { flex-wrap: wrap;}
  
  [class*="flex"].single[class] > * {
    flex:none;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  
  table [class*="flex"].single[class] > * { flex: none;}
}



/*===== 6. Title Setting =====*/

/* Title - head */
.tit_head {
	margin: 0 1rem ;
	position: relative;
	min-height: 26rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.tit_head::before {
	content: "";
}
.tit_head .tit_head_inner{
	display: flex;
	flex-flow: column wrap;
	align-items: flex-start;
	justify-content: center;
	position: relative;
	padding: 2rem;
	color: #fff;
	text-align: center;
}
.tit_head .tit_head_inner h1{
	max-width: 100%;
	text-align: left;
	font-weight: bold;
	font-size: 5.0rem;
	line-height: 1.2;
	position: relative;
	z-index: 1;
}
.tit_head .tit_head_bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.tit_head .tit_head_bg > div::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .45);
	z-index: 0;
	content: "";
}
.tit_head .tit_head_bg > div::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(45deg, rgba(0, 0, 0, .35) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .35) 75%), linear-gradient(45deg, rgba(0, 0, 0, .35) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, .35) 75%);
	background-size: 2px 2px;
	background-position: 0 0, 1px 1px;
	z-index: 0;
	content: "";
}
.tit_head .tit_head_bg > div > img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	z-index: -2;
	object-fit: cover;
}

@media (max-width: 768px) {
 /* Title - head */
	.tit_head {
    margin: 0 0.5rem 0;
		min-height: 20rem;
		justify-content: center;
  }
  .tit_head .tit_head_inner h1{
		font-size: 3rem;
		display: flex;
		flex-direction: column;
	}
  .tit_head span {
    display: inline-block;
    font-size: 1.6rem;
  }
  .tit_head span:before,
  .tit_head span:after {
    bottom: -1.5rem;
  }
  .tit_head span:before {
    width: 22rem;
  }
}


/* Title - subhead */
.tit_subhead {
	margin: 0 0 2.0rem 4.0rem;
  font-weight: bold;
	color: #191d69;
	font-size: 2.4rem;
  z-index: 1;
  position: relative;
}

.tit_subhead span {
  position: relative;
  display: block;
  font-size: 6rem;
}
.tit_subhead span:after {
	position: absolute;
	content: '';
  top: 50%;
	left: -5.0rem;
	transform: translateY(-50%);
	height: 1.0rem;
	width: 4.0rem;
	background: #191d69;
}

@media (max-width: 768px) {
    
  /* Title - subhead */
  .tit_subhead {
    margin: 0 0 1.5rem 2.0rem;
    font-size: 1.8rem;
  }

  .tit_subhead span {
    font-size: 3.6rem;
  }

  .tit_subhead span:after {
		left: -2.0rem;
    height: 1.0rem;
    width: 2.0rem;
    top: 1.5rem;
    transform: inherit;
  }
  
}

/* Title - strapline */
.tit_strapline {
  justify-content: center;
  overflow: hidden;
  font-size: 2.6rem;
  align-items: center;
  display: flex;
  margin-bottom: 2rem;
  font-weight: bold;
  text-align: center;
}

.tit_strapline::after, 
.tit_strapline::before {
  width: 4rem;
  height: 0.1rem;
  margin: 0 2rem;
  background: #333;
  content: "";
}

@media (max-width: 768px) {
  /* Title - strapline */
  .tit_strapline {
    font-size: 2.0rem;
    margin-bottom: 2rem;;
  }

  .tit_strapline::after, 
  .tit_strapline::before {
    width: 3rem;
    margin: 0 1rem;
  }
}


/* Title - box */
.tit_box{
  position: relative;
  text-align: center;
  padding: 0.5rem;
  border: 0.1rem solid #191d69;
  color: #191d69;
  font-size: 2rem;
  margin-bottom: 2rem;
  font-weight: 700;
}

.tit_box::before,
.tit_box::after{
  content: '';
  width: 3rem;
  height: 3rem;
  position: absolute;
}

.tit_box::before {
  border-left: 0.4rem solid #191d69;
  border-top: 0.4rem solid #191d69;
  top: -0.4rem;
  left: -0.4rem;
}

.tit_box::after{
  border-right: 0.4rem solid #191d69;
  border-bottom: 0.4rem solid #191d69;
  bottom: -0.4rem;
  right: -0.4rem;
}
@media (max-width: 768px) {
  /* Title - box */
  .tit_box {
    font-size: 1.8rem;
  }

  .tit_box::before{
      border-left: 0.3rem solid #191d69;
      border-top: 0.3rem solid #191d69;
      top: -0.3rem;
      left: -0.3rem;
  }

  .tit_box::after{
    border-right: 0.3rem solid #191d69;
    border-bottom: 0.3rem solid #191d69;
    bottom: -0.3rem;
    right: -0.3rem;
  }
}
/* Title - center */
.tit_center{
  font-size: 4.8rem;
  font-weight: bold;
  text-align:center;
  margin-bottom: 4rem;
  color: #191d69;
}
.tit_center span{
  display: block;
  margin-top: 0.5rem;
  font-size: 1.8rem;
}
@media (max-width: 768px) {
  /* Title - box */
  .tit_center {
    font-size: 2.8rem;
		line-height: 1.2;
  }
	.tit_center span{
		margin-top: 1rem;
	 }
}
/*===== 7. Parts Style =====*/
#breadcrumbs {
  margin: 0 1rem 8rem;
  padding: 1rem;
}
#breadcrumbs ol {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}
#breadcrumbs li {
  display: flex;
  align-items: center;
  color: #666;
  margin-right: 1rem;
  font-size: 1.4rem;
}
#breadcrumbs li:after {
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 1rem;
  border-top: 0.2rem solid #8b968d;
  border-right: 0.2rem solid #8b968d;
  transform: rotate(45deg);
  content: '';
}

#breadcrumbs li:last-child, .black[class] {
    color: #333;
}

#breadcrumbs li:last-child:after { display: none;}
#breadcrumbs li a { color: #666;}
#breadcrumbs li a:hover { color: #999;}

@media (max-width: 768px) {
  #breadcrumbs {
    overflow-x: auto;
    margin: 0 0.5rem 4rem;
    padding: 0.5rem;
    white-space: nowrap;
  }
  #breadcrumbs * { font-size: 1.2rem;}
  
  #breadcrumbs li { margin-right: 0.5rem;}
  
  #breadcrumbs li:after{
    margin-left: 0rem;
    border-top: 0.1rem solid #8b968d;
    border-right: 0.1rem solid #8b968d;
  }
  
  #breadcrumbs li:last-child { padding-right: 0.5rem;}
}

/* Boxs - Anchor */
#anchor_link {
  margin: 0 auto;
  padding: 0 1.0rem;
  max-width: 102.4rem;
}

#anchor_link{
  margin-bottom: 6rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
}

#anchor_link li {
  position: relative;
  display: inline-block;
}
#anchor_link li a{
  position: relative;
  color: #191d69;
  padding-right: 2rem;
  margin: 1rem 2rem ;
  font-size: 1.8rem;
}
#anchor_link li a:after {
  position: absolute;
  content:"";
  right: 0;
  top: 0.4rem;
  width: 0px;
  height: 0px;
  border-top: 1rem solid  #191d69;;
  border-right: 0.7rem solid transparent;
  border-left: 0.7rem solid transparent;
  border-bottom: 1rem solid transparent;
}
#anchor_link li a:hover{opacity: .6}

@media (max-width: 768px) {
  #anchor_link li a{
    margin: 1rem 1rem 0;
		font-size: 1.4rem;
		padding-right: 1.7rem;
  }
}


/*-- Boxs --*/
/* Boxs - limit */
.box_wrapper {
  max-width: 130.0rem;
  margin: 0 auto;
  padding: 0 1.0rem;
}

.box_wrapper_min {
  margin: 0 auto;
  padding: 0 1.0rem;
  max-width: 102.4rem;
}


/* Boxs - color */
.box_white[class] { background: #fff;}
.box_block[class] { background: #333;}
.box_black[class] { background: #000;}
.box_lightgray[class] { background: #ebebeb;}
.box_lightgray_2[class] { background: #ebebeb;}
.box_darkgray[class] { background: #666;}
.box_red[class] { background: #c00;}
.box_dominant[class] { background: #191d69;}
.box_dominant_light[class] { background: #e8e8f0;}

@media (max-width: 768px) {
  /* Boxs - limit */
  .box_wrapper { padding: 0 1.0rem;}
  main .box_wrapper { padding: 0 1.0rem;}

  
  
  
}


@media (min-width: 1536px){ 
  /* Boxs - limit */
  .box_wrapper {
    max-width: none;
    margin: 0 4.0rem;
    padding: 0;
  }
  
}


/*-- Links --*/

/* Links - buttonlink */
a.buttonlink {
  display: block;
  margin: 0 auto;
  padding: 0 0 0.4rem;
}

a.buttonlink span {
	border-radius: 5.0rem;
  padding: 1.0rem;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
	box-shadow: 0 0.2rem 0.2rem rgb(0 0 0 / 20%), 0 0.1rem 0.1rem 0.1rem rgb(0 0 0 / 15%);
	background: linear-gradient(0deg, rgba(255,144,0,1) 50%, rgba(255,163,43,1) 50%);
	border: 0.3rem solid #ff9000;
	transition : 0.2s;
	display: block;
}
a.buttonlink:hover span {
  color: #ffdc75;
	background: linear-gradient(0deg, rgba(255,144,0,1) 50%, rgba(255,144,0,1) 50%);
	box-shadow: none;
}

a.buttonlink .ico_blank:before {
	font-size: 1.6rem;
}

a.buttonlink:hover .ico_blank:before,
a.buttonlink:hover .ico_pdf:before{
	color: #ffdc75;
}


@media (max-width: 768px) {

  /* Links - buttonlink */
  a.buttonlink span {
    background: linear-gradient(to bottom, #ffa32b 0%, #ffa32b 50%, #ff9000 50.1%, #ff9000 100%) no-repeat left top;
    line-height: 1.4;
    transition: none;
		font-size: 1.6rem
  }
	
	a.buttonlink .ico_blank:before {
		font-size: 1.4rem
	}

	
  a.buttonlink:hover span {
    margin: 0;
    box-shadow: 0 0.4rem 0 #9f5a00;
    background: linear-gradient(to bottom, #ff9000 0%, #ff9000 50%, #ff9000 50.1%, #ff9000 100%) no-repeat left top;
  }

}



/*-- List --*/
/* List - dots */
ul.list_dots > li {
  position: relative;
  margin-bottom: 1.0rem;
  padding-left: 1.0rem;
}
ul.list_dots > li:last-child { margin-bottom: 0;}
ul.list_dots > li::before {
  position: absolute;
  top: 1rem;
  left: 0;
  width: 0.3rem;
  height: .3rem;
  border-radius: 50%;
  background: currentColor;
  transform: translateY(-50%);
  content: "";
}

ul.list_dots.horizontal {
  display: flex;
  flex-wrap: wrap;
}
ul.list_dots.horizontal > li { margin: 0.5rem 2.0rem 0.5rem 0;}


/* Num */
ul.list_num > li {
  counter-increment: num;
  margin-bottom: 1.0rem;
  padding-left: 2.7rem;
  text-indent: -2.7rem;
  font-family: 'Noto Sans JP', sans-serif;
}
ul.list_num > li:last-child { margin-bottom: 0;}

ul.list_num > li::before {
  margin-right: 0.5rem;
  font-weight: bold;
  content: "0" counter(num) ".";
  letter-spacing: -.05rem;
}
ul.list_num li:nth-child(9) ~ ::before { content: counter(num) ".";}


/* Notices */
ul.list_notices li {
  display: flex;
  position: relative;
  font-size: 1.4rem;
  counter-increment: num;
}
ul.list_notices li:not(:last-child) { margin-bottom: 0.5rem;}

ul.list_notices li::before {
  margin-right: 0.5rem;
  content: "※" counter(num);
  letter-spacing: -.05rem;
}

/* List -square */
ul.list_square > li{
  position: relative;
  margin-bottom: 1.0rem;
  padding-left: 1.5rem;
  display: inline-block;
}

ul.list_square > li::before,
ul.list_square li::after{
  position: absolute;
  content: "";
}
ul.list_square > li::before{
  left: 0;
  width: 1.0rem;
  height: 0.6rem;
  background:  #191d69;
  top: 0.8rem;
}

ul.list_square > li::after{
  left: 0.4rem;
  width: 0.4rem;
  height: 0.2rem;
  background:  #e8e8f0;
  top: 1.0rem;
}
  
  
@media (max-width: 768px) {
  /* Dots */
  ul.list_dots > li {
    margin-bottom: 1.0rem;
    padding-left: 1.0rem;
  }
  ul.list_dots > li:last-child { margin-bottom: 0;}
  ul.list_dots > li::before {
    width: 0.4rem;
    height: 0.4rem;
  }
  
  ul.list_dots.horizontal { display: block;}
  ul.list_dots.horizontal > li { margin: 0 0 1.0rem;}

  
  /* Num */
  ul.list_num > li { margin-bottom: 1.0rem;}
  ul.list_num > li:last-child { margin-bottom: 0;}
  
  ul.list_num > li::before {margin-right: 0.5rem;}

  
  /* Notices */
  ul.list_notices li:not(:last-child) { margin-bottom: 1.0rem;}
}



/*===== 8. Section [ol_faq]  =====*/

/* megaphone */
.megaphone {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}

.megaphone span:first-child {
  width:7rem;
  margin-right: 1rem;
}


@media (max-width: 768px) {
  .megaphone span:last-child {
    flex: 1;
    font-size: 1.6rem;
  }
}

/* faq */
#faq dl{
  margin-bottom: 4rem;
 /* padding-bottom: 3rem;
  border-bottom: 0.1rem dotted #aaa;*/
}

#faq dt,
#faq dd{
  display: flex;
  align-items: center;
}

#faq dt p,
#faq dd p{
  flex: 1;
}
#faq dt{
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1.8rem;
  padding: 2rem;
  background: rgba(25,29,105,.1);
}

#faq dt span{
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #191d69;
  text-align:center;
  line-height: 4rem;
  color: #fff;
  font-size: 2.4rem;
  margin-right: 1rem;
}

#faq dd{
  margin: 0 2rem;
}

#faq dd span{
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: rgba(25,29,105,.3);
  text-align:center;
  line-height: 4rem;
  color: #191d69;
  font-size: 2.4rem;
  margin-right: 1rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  #faq dl{
    margin-bottom: 3rem;
  }
  #faq dt,
  #faq dd{
    display: flex;
    align-items: flex-start;
  }
  
  #faq dt{
    font-size: 1.6rem;
    margin-bottom: 1rem;
    padding: 1rem;
  }

  #faq dt span{
    display: inline-block;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    color: #fff;
    font-size: 2.0rem;
    margin-right: 0.5rem;
  }

  #faq dd{
    margin: 0 2rem;
  }

  #faq dd span{
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 2.0rem;
    margin-right: 0.5rem;
  }

  #faq dd{
    margin: 0 1rem;
  }

}

/* movie */
.movie{
  padding: 1rem;
  background: #ededed;
}
.movie > div{
  display: block;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  position: relative;
  margin: 0 auto;
}
.movie > div iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 768px) {
	.movie{
		padding: 0.5rem;
	}
}