@charset "UTF-8";

#wrap *,#wrap *::before,#wrap *::after{box-sizing:border-box}
/* html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none} */
#wrap body,#wrap h1,#wrap h2,#wrap h3,#wrap h4,#wrap p,#wrap figure,#wrap blockquote,#wrap dl,#wrap dd{margin:0}
#wrap ul,#wrap ol{list-style:none; margin:0; padding:0;}
body{min-height:100vh;line-height:1.5}
#wrap h1,#wrap h2,#wrap h3,#wrap h4,#wrap button,#wrap input,#wrap label{line-height:1.1}
#wrap h1,#wrap h2,#wrap h3,#wrap h4{text-wrap:balance}
#wrap a:not([class]){text-decoration-skip-ink:auto;color:currentColor}
#wrap img,#wrap picture{max-width:100%;display:block}
#wrap input,#wrap button,#wrap textarea,#wrap select{font:inherit}
#wrap textarea:not([rows]){min-height:10em}

/*
@font-face {
	font-display: swap;
	font-family: 'Trade Gothic';
	font-style: normal;
	font-weight: 400;
	src: url('./fonts/trade-gothic-lt-std.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Trade Gothic';
	font-style: normal;
	font-weight: 700;
	src: url('./fonts/trade-gothic-lt-std-bold.woff2') format('woff2');
}
*/
body #wrap{
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  letter-spacing: 0.11em;
}

.content,
.noAdjust .content{
  width: 100%;
  min-width: 100%;
}
.noAdjust .pageTopMod01{
  min-width: auto;
  max-width: 100%;
}
.preview_image img{
  margin: 0 auto;
  width: 980px;
  max-width: 100%;
}

#wrap a {
  text-decoration: none;
	outline: none;
}

#wrap a:hover {
  text-decoration: none;
}

#wrap li {
  list-style-type: none;
}
.text-bold{
  font-weight: bold;
}
.indent{
  text-indent: -1em;
  padding-left: 1em;
}

*[data-font="termina"]{
  font-family: "Andika", sans-serif;
  font-weight: 400;
  font-style: normal;
}

*[data-font="ubuntu"]{
  font-family: "Ubuntu Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*
*[data-font="trade"]{
	font-family: 'Trade Gothic', sans-serif;
  font-weight: 700;
  font-style: normal;
}
*/

*[data-color="red"]{
  color: #DF0615;
}


:root{
  --color-pink:   #FF4D59;
  --color-yellow: #E8C735;
  --color-green:  #03C8A0;
  --color-blue:   #1196F1;
}

:root {
  --base-font-size: 16px; /* 基準となるフォントサイズを16pxに設定 */
  --px-1: 0.0625rem; /* 1px -> 0.0625rem */
  --px-2: 0.125rem; /* 2px -> 0.125rem */
  --px-3: 0.1875rem; /* 3px -> 0.1875rem */
  --px-4: 0.25rem; /* 4px -> 0.25rem */
  --px-5: 0.3125rem; /* 5px -> 0.3125rem */
  --px-6: 0.375rem; /* 6px -> 0.375rem */
  --px-7: 0.4375rem; /* 7px -> 0.4375rem */
  --px-8: 0.5rem; /* 8px -> 0.5rem */
  --px-9: 0.5625rem; /* 9px -> 0.5625rem */
  --px-10: 0.625rem; /* 10px -> 0.625rem */
  --px-11: 0.6875rem; /* 11px -> 0.6875rem */
  --px-12: 0.75rem; /* 12px -> 0.75rem */
  --px-13: 0.8125rem; /* 13px -> 0.8125rem */
  --px-14: 0.875rem; /* 14px -> 0.875rem */
  --px-15: 0.9375rem; /* 15px -> 0.9375rem */
  --px-16: 1rem; /* 16px -> 1rem */
  --px-17: 1.0625rem; /* 17px -> 1.0625rem */
  --px-18: 1.125rem; /* 18px -> 1.125rem */
  --px-19: 1.1875rem; /* 19px -> 1.1875rem */
  --px-20: 1.25rem; /* 20px -> 1.25rem */
  --px-21: 1.3125rem; /* 21px -> 1.3125rem */
  --px-22: 1.375rem; /* 22px -> 1.375rem */
  --px-23: 1.4375rem; /* 23px -> 1.4375rem */
  --px-24: 1.5rem; /* 24px -> 1.5rem */
  --px-25: 1.5625rem; /* 25px -> 1.5625rem */
  --px-26: 1.625rem; /* 26px -> 1.625rem */
  --px-27: 1.6875rem; /* 27px -> 1.6875rem */
  --px-28: 1.75rem; /* 28px -> 1.75rem */
  --px-29: 1.8125rem; /* 29px -> 1.8125rem */
  --px-30: 1.875rem; /* 30px -> 1.875rem */
  --px-31: 1.9375rem; /* 31px -> 1.9375rem */
  --px-32: 2rem; /* 32px -> 2rem */
  --px-33: 2.0625rem; /* 33px -> 2.0625rem */
  --px-34: 2.125rem; /* 34px -> 2.125rem */
  --px-35: 2.1875rem; /* 35px -> 2.1875rem */
  --px-36: 2.25rem; /* 36px -> 2.25rem */
  --px-37: 2.3125rem; /* 37px -> 2.3125rem */
  --px-38: 2.375rem; /* 38px -> 2.375rem */
  --px-39: 2.4375rem; /* 39px -> 2.4375rem */
  --px-40: 2.5rem; /* 40px -> 2.5rem */
  --px-41: 2.5625rem; /* 41px -> 2.5625rem */
  --px-42: 2.625rem; /* 42px -> 2.625rem */
  --px-43: 2.6875rem; /* 43px -> 2.6875rem */
  --px-44: 2.75rem; /* 44px -> 2.75rem */
  --px-45: 2.8125rem; /* 45px -> 2.8125rem */
  --px-46: 2.875rem; /* 46px -> 2.875rem */
  --px-47: 2.9375rem; /* 47px -> 2.9375rem */
  --px-48: 3rem; /* 48px -> 3rem */
  --px-49: 3.0625rem; /* 49px -> 3.0625rem */
}




@media screen and (min-width : 768px){

	#wrap *[data-view="pc"]{ display: block; }
	#wrap *[data-view="sp"]{ display: none; }

  .noAdjust .header_top .inner {
    padding: 10px 0px 8px 0px
  }
  .noAdjust .topicPath{
    padding:8px 0 0;
    margin:0 auto;
    width:980px;
  }


}@media screen and (max-width : 767px){


	#wrap *[data-view="pc"]{ display: none; }
	#wrap *[data-view="sp"]{ display: block; }


  #wrap{
    overflow: hidden;
  }
  #wrap .inner{
    margin: 0 auto;
    width: 87.7%;
    position: relative;
    z-index: 2;
  }

 


  

}