@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600&family=Work+Sans:wght@300;400;500;600&display=swap");

/**
 * cpu_css
 * base.css
 */


/******************************************************
 リセット
******************************************************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
fieldset,img{border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;margin:0;}

ul {font-size:100%;font-weight:normal;list-style: none;}
/*img {display:block;}
*/
a { outline:none; }
/******************************************************
↓隙間をなくす重要項目！
******************************************************/
/*ライオンズではスマホのリスト表示に不具合が出るので無効
li,dt,dd{
font-size:0px;
line-height:0px;
}
*/


html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}


/*
Noto Sans JP: CSS class for a variable style
*/
body ,
.noto-sans-jp ,
.f-noto-sans-jp{
/*  font-family: "Noto Sans JP", sans-serif;*/
	font-optical-sizing: auto;
	font-weight: 300;
	font-weight: 400;
	font-style: normal;

	font-size: 16px;
}

/*
Sorts Mill Goudy: CSS class
*/
.sorts-mill-goudy-regular ,
.f-goudy{
  font-family: 'Sorts Mill Goudy', serif;
  font-weight: 400;
  font-style: normal;
	font-size: 100px;
}

.clear_both {
	clear:both;
}


img{
	vertical-align:bottom;
}

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


.position_r{
	position:relative;
}
.position_a{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
}

.position_zindex{
	z-index:9999;
}


/***

Bootstrap v3.3.5　より抜粋

***/
/***

スマホ用
border-box=領域内でpaddingやborderを設定することができるようになります


***/
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}




/***

BASE

***/
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}

ol, ul {
  list-style: none;
}

html, body {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: #fff;
  vertical-align: baseline;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-size: 62.5%;
}
body {
  position: relative;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 1.4rem;
  line-height: 1.7;
  color: #4D4D4D;
  font-feature-settings: "palt";
	font-weight: 300;
}

[lang="en"] {
  font-family: "Work Sans", sans-serif;
}

/* */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-size: 100%;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}







.page-title {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
    padding: 16px 0 ;
    margin-bottom: 20px;
   
  }
.page-title .h-e-j {
    font-size: 3.75vw;
  }
.page-title .h-e-j .txt-en {
    font-size: 10.4vw;
  }
.page-title p {
    font-size: 3.75vw;
    font-weight: 400;
    line-height: 2em;
  }


/*----------
h-e-j
-----------*/
.h-e-j {
  line-height: 1;
  font-size: 2.8rem;
  font-weight: 400;
  letter-spacing: 0.2em;
}

.h-e-j span {
  font-size: 1.6rem;
  display: block;
  font-weight: 300;
  color: #B1184B;
  letter-spacing: 0;
  margin-bottom: 0.5em;
}

@media screen and (max-width: 767px) {
  .h-e-j {
    letter-spacing: 0.1em;
    font-size: 2rem;
  }
  .h-e-j span {
    font-size: 1.1rem;
  }
}



/****************************************
プリント時に　リンク先が表示されるエラーをなくす
*****************************************/
@media print {
 a[href]:after {
 content: "" !important;
 }
 
 abbr[title]:after {
 content: "" !important;
 }
}