@charset "UTF-8";

/*///////////////////////////////
 reset
///////////////////////////////*/
html{
  font-size : 62.5% ;
}
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,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;
    outline: 0;
}
ul,ol,li,dl,dt,dd {
    list-style: none;
}
h1,h2,h3,h4,h5,h6,caption,address,th {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 100%;
}
a{
  display: block ;
  text-decoration: none ;
}
/*///////////////////////////////
CONTENT
///////////////////////////////*/
.CONTENT{
  width: 100% ;
}


/*///////////////////////////////
 color set
///////////////////////////////*/
body{
  color: ##231815 ;
}

:root{
  --base-color: ;
  --main-color: ; 
  --font-color: ;
  --bg1-color:  ;
  --bg2-color:  ;
}


/*///////////////////////////////
font
///////////////////////////////*/
body{
  font-family: "Noto Sans CJK JP", "Noto Sans JP", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 400 ;
}
.serif_bo{
  font-family: 'Noto Serif JP', serif ;
  font-weight: 700 ;
}
.serif_bl{
  font-family: 'Noto Serif JP', serif ;
  font-weight: 900 ;
}

.font_S{
  font-size: 1.4rem;
}
.font_M{
  font-size: 1.6rem;
}
.font_L{
  font-size: 1.8rem ;
  font-weight: 500 ;
}
.font_XL{
  font-size: 2rem;
}
@media screen and ( min-width : 896px ){
  .font_XL{
    font-size: 2.4rem;
  }
}

/*///////////////////////////////
section
///////////////////////////////*/
.Se__Wr{
  width: calc(100% - 48px);
  margin: 0 auto ;
}


/*///////////////////////////////
other
///////////////////////////////*/
.cv_btn{
  width: 280px ;
  height: 60px ;
  line-height: 60px ;
  background: #C81432 ;
  color: #fff ;
  text-align: center ;
  font-size: 1.8rem ;
  font-family: 'Noto Serif JP', serif ;
  font-weight: 900 ;
  margin: 0 auto ;
  cursor: pointer ;
  transition: .4s;
}
.cv_btn:hover{
  opacity: .8;
}
@media screen and ( min-width : 896px ){
  .cv_btn{
    width: 353px ;
    height: 80px ;
    line-height: 80px ;
    font-size: 2.6rem ;
  }
}

.bb{
  box-sizing: border-box ;
}
.ttl{
  text-align: center ;
  margin: 0 0 48px 0 ;
}