@charset "UTF-8";
/* CSS Document */

/*
SPフォントサイズ

font-size:min(11vw,86px);
font-size:min(10.2vw,80px);
font-size:min(10vw,78px);
font-size:min(7.8vw,60px);
font-size:min(7.4vw,58px);
font-size:min(6.8vw,52px);
font-size:min(6.4vw,50px);
font-size:min(5.6vw,46px);
font-size:min(5.4vw,44px);
font-size:min(5.2vw,42px);
font-size:min(4.8vw,38px);
font-size:min(4.6vw,36px);
-----
font-size:min(4.3vw,32px);
-----
font-size:min(3.9vw,31px);
font-size:min(3.6vw,30px);
font-size:min(3.4vw,28px);
font-size:min(3.2vw,24px);
font-size:min(3vw,23px);
font-size:min(2.8vw,20px);
font-size:min(2.2vw,16px);
font-size:min(2vw,14px);


左右余白
基本　5.33%
*/


@media screen and (min-width:641px){
body {
	min-width: 1200px;
    padding-top: 90px;
}
}

@media screen and (max-width:640px){
body {
	padding-top: 80px;
}
}


/*font-face*/
@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../font/NotoSansJP-Light.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/NotoSansJP-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../font/NotoSansJP-Medium.woff') format('woff');
}

@font-face {
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/NotoSansJP-Bold.woff') format('woff');
}

@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../font/NotoSerifJP-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../font/NotoSerifJP-SemiBold.woff') format('woff');
}

@font-face {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../font/NotoSerifJP-Bold.woff') format('woff');
}



/*clearfix*/

.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}