/*--------------------------------------------
	font
--------------------------------------------*/


/*　google fonts　*/

@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fahkwang:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


p {
	letter-spacing: 0.05em;
	line-height:2.0em;
	font-size:14px;
	word-break: break-all;
	font-family: 'Inter','Noto Sans JP', sans-serif;
	color:#666;
	}

p.p-min {
	font-family: 'Shippori Mincho', serif;
}

p.p-go {
	font-family: 'Inter','Noto Sans JP', sans-serif;
}

/*　画面サイズが800pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 800px) {	
p {
	font-size:75%;
	}
}


/*--------タイトル-----------*/




.h-foot {

  	font-size:16px;
  	line-height:1.4em;
 	letter-spacing:0.2em;
  	font-family: 'Outfit', sans-serif;
  	font-weight: 500;
  	text-decoration: none;
  	color:#777777;
	margin: 0px 0px 0px 0px;
  	text-align:center;
  	padding-bottom:10px;
	display: inline-block;
	width:100%;
	position:relative;
	z-index:3;
}

/*--------その他タイトル-----------*/


.marker-f {
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, #fff 80%, #fff 100%);
}


/*--------マーカー-----------*/
mark {
  background-color: rgba(130,130,100,0.7);
  padding: 4px 0px 4px 10px;
  color: rgba(255,255,255,1.00);
}



.main-copy{
  	font-size:28px;
  	line-height:1.5em;
 	letter-spacing:0.05em;
  	font-weight: 500;
	font-style: italic;
	transform: scale(0.8, 1);
  	text-decoration: none;
  	text-align:center;
	display: inline-block;
	width:100%;
	position:relative;
	z-index:auto;
}


@media screen and (min-width: 0px) and (max-width: 600px) {
.main-copy{font-size:19px;}
}


.p-italic{
	font-style: italic;
}


.h-tittle_over {
  position:absolute;
  top:60px;
  left:200px;
  z-index:10;
  margin: 0px;
  font-size:35px;
  line-height:1.4em;
  letter-spacing:0.2em;
  font-family: 'Outfit', sans-serif;
  font-weight: 500;
  text-align:left;
  display: block;
  padding: 20px;
  color: rgba(232,217,205,1.00);
	
  mix-blend-mode: multiply;
	
}

@media screen and (min-width: 601px) and (max-width: 800px) {
.h-tittle_over {
	font-size:30px;
}
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle_over {
	top:150px;
    left:0px;
	font-size:20px;
}
}

.h-tittle {

  	font-size:16px;
  	line-height:1.4em;
 	letter-spacing:0.2em;
  	font-family: 'Outfit', sans-serif;
  	font-weight: 500;
  	text-decoration: none;
  	color:#777777;
	margin: 0px 0px 0px 0px;
  	text-align:center;
  	padding:10px;
	display: inline-block;
	width:100%;
	position:relative;
	z-index:3;
}



@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle {
  	font-size:12px;
}
}


.h-tittle1 {

  	font-size:28px;
  	line-height:1.4em;
 	letter-spacing:0.1em;
  	font-family: 'Outfit','Noto Sans JP', sans-serif;
  	font-weight: 500;
  	text-decoration: none;
	margin: 0px;
  	text-align:center;
	display: inline-block;
	width:100%;
	position:relative;
	z-index:auto;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle1 {
  	font-size:19px;
}
}


.h-tittle2 {

  	font-size:18px;
  	line-height:1.4em;
 	letter-spacing:0.15em;
  	font-family: 'Outfit','Noto Sans JP', sans-serif;
  	font-weight: 500;
  	text-decoration: none;
	margin: 0px;
  	text-align:center;
  	padding:10px 0px 10px 0px;
	display: inline-block;
	width:100%;
	position:relative;
	z-index:auto;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle2 {
  	font-size:16px;
}
}


.h-tittle2_2 {
  	font-size:12px;
 	letter-spacing:0.2em;
  	font-family:'Outfit','Noto Sans JP', sans-serif;
  	font-weight: 500;
  	text-decoration: none;
  	color: rgba(0,0,0,1.00);
	margin: 0px 0px 0px 0px;
  	text-align:center;
	display: inline-block;
	position:relative;
	z-index:auto;
}


/*右線の見出し*/
.h-tittle-line1 {
    position: relative;
    padding: 1rem 1rem 1rem 0rem;
	
	font-size:20px;
  	line-height:1.4em;
 	letter-spacing:0.1em;
  	font-family: 'Outfit', sans-serif;
  	font-weight: 500;
  	text-decoration: none;
	margin: 0px 0px 0px 0px;
	z-index:auto;
    text-align: center;
	clear: both;
}

.h-tittle-line1:after {
    position: absolute;
    top: 50%;
    width: 3rem;
    height: 0.1rem;
    background-color:  rgba(130,130,100,1.0);
    content:'';
    right:-3rem;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle-line1 {
	font-size:16px;
}
}



/*右線の見出し*/

/*左線の見出し*/
.h-tittle-line2 {
    position: relative;
    padding: 1rem 1rem 1rem 2.5rem;
  	line-height:1.4em;
 	letter-spacing:0.1em;
  	font-family: 'Outfit', sans-serif;
  	font-weight: 500;
	color: black;
  	text-decoration: none;
	margin: 0px 0px 0px 0px;
	z-index:auto;
    text-align: center;
	clear: both;
}

.h-tittle-line2:before{
    position: absolute;
    top: 50%;
    width: 2rem;
    height: 0.05rem;
    background-color: rgba(130,130,100,1.0);
    content: '';
    left: 0rem;
}
/*左線の見出し*/






.h-tittle3 {

  	font-size:20px;
  	line-height:1.4em;
 	letter-spacing:0.2em;
  	font-family: 'Outfit', sans-serif;
  	font-weight: 500;
  	text-decoration: none;
  	text-align:center;
	display: inline-block;
	width:100%;
	position:relative;
	z-index:auto;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle3 {
  	font-size:18px;
}	
}


.h-tittle4 {

  	font-size:40px;
  	line-height:1.4em;
 	letter-spacing:0.2em;
  	font-family: 'Outfit', sans-serif;
  	font-weight: 500;
  	text-decoration: none;
	margin: 40px 0px 40px 0px;
  	text-align:center;
  	padding:10px;
	display: inline-block;
	width:100%;
	position:relative;
	z-index:auto;
	color: rgba(255,255,255,1.00);
	font-style: italic;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle4 {
  	font-size:28px;
}
}


/*--------転写-----------*/
.difference {
  	mix-blend-mode: difference;/*差の絶対値*/
}

.screen {
  	mix-blend-mode: screen;/*スクリーン*/
}

.overlay {
  	mix-blend-mode: overlay;/*オーバーレイ*/
}

.color-dodge {
  	mix-blend-mode: color-dodge;/*覆い焼き*/
}

.color-burn {
  	mix-blend-mode: color-burn;/*焼き込み*/
}

.luminosity {
  	mix-blend-mode: luminosity;/*彩度*/
}

.lighten {
  	mix-blend-mode: lighten;/*比較（明）*/
}

.darken {
  	mix-blend-mode: darken;/*比較（暗）*/
}

/*--------転写-----------*/




.h-tittle5 {

  	font-size:18px;
  	line-height:1.0em;
 	letter-spacing:0.1em;
  	font-family: 'Outfit', sans-serif;
  	font-weight: 500;
  	text-decoration: none;
  	color: #000;
	margin: 20px 0px 0px 0px;
  	text-align:center;
	display: inline-block;
	width:100%;
	position:relative;
	padding: 0px;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle5 {
  	font-size:14px;
}
}


.h-tittle6 {

  	font-size:24px;
  	line-height:1.4em;
 	letter-spacing:0.05em;
  	font-family: 'Shippori Mincho', serif;
  	font-weight: 500;
  	text-decoration: none;
  	color: #000000;
	margin: 0px 0px 20px 0px;
	display: inline-block;
	width:100%;
	position:relative;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle6 {
  	font-size:19px;
}
}




.h-tittle7 {
  	font-size:14px;
 	letter-spacing:0.2em;
  	font-family: 'Shippori Mincho', serif;
  	font-weight: 500;
  	text-decoration: none;
	margin: 0px 0px 0px 0px;
  	padding-bottom:10px;
	display: inline-block;
	width:100%;
	position:relative;
	z-index:auto;
	color:#999999;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle7 {
  	font-size:12px;
}		
}

.h-tittle8 {
  	font-size:20px;
 	letter-spacing:0.1em;
  	font-family: 'Shippori Mincho', serif;
  	font-weight: 500;
  	text-decoration: none;
	margin: 0px 0px 0px 0px;
  	padding-bottom:10px;
	display: inline-block;
	width:100%;
	position:relative;
	z-index:auto;
	color:#555555;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle8 {
  	font-size:16px;
}		
}

.h-tittle9 {
  	font-size:28px;
 	letter-spacing:0.1em;
  	font-family: 'Shippori Mincho', serif;
  	font-weight: 500;
  	text-decoration: none;
	margin: 0px 0px 0px 0px;
  	padding-bottom:10px;
	display: inline-block;
	width:100%;
	position:relative;
	z-index:auto;
	color:#555555;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
.h-tittle9 {
  	font-size:24px;
}		
}





/*--------フォント行揃え-----------*/
.p-bold{
	font-weight: bold;
}

.p-midium{
	font-weight: 400;
}


.p-center{
	margin-top: 10px;
	margin-bottom:10px;
	text-align:center;
}

.p-left{
	text-align:left;

}

.p-left_pc{
	text-align:left;
}
@media screen and (min-width: 0px) and (max-width: 600px) {
.p-left_pc{
	text-align:center;
}	
}



.p-right{
	text-align:right;

}

.p-left_sp{
	text-align:center;

}

.p-big {
	font-size:150% !important;
}



.p-large18 {
	font-size:18px !important;
}


.p-small {
	font-size:90% !important;
}

.p-small80 {
	font-size:80% !important;
}

.p-small70 {
	font-size:70% !important;
}

@media screen and (min-width: 0px) and (max-width: 600px) {

.p-large18 {
	font-size:15px !important;
}
	
.p-small {
	font-size:75% !important;
}
.p-left_sp{
	text-align:left;
}

.p-big {
	font-size:130% !important;
}	
	
.p-small80 {
	font-size:70% !important;
}
	
.p-small70 {
	font-size:65% !important;
}
	
}


.h-fukidasi-01 {
    position: relative;
    padding: 4px 16px 4px 16px;
	margin-bottom: 20px;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.80);
    border: 1px solid #333;
	display: inline-block;/*--幅重要--*/
	width: 80%;
}

.h-fukidasi-01::before {
    position: absolute;
    top: 100%;
    left: 20%;
    height: 15px;
    width: 1px;
    transform: rotate(-20deg);
    background-color: #333;
    content: '';
}

/*-------------------------------*/
/*--------↑ここまで使用↑-----------*/
/*-------------------------------*/



/*--------スマホ用文字間調整-----------*/

/*　画面サイズが480pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 480px) {

.spacing_sp {
	letter-spacing: 0.1em !important;
	
}

.spacing_sp2 {
	letter-spacing: 0.01em !important;	
}

}