@charset "utf-8";
/* header */
.wrap_header{ position:relative; margin-bottom:6em; }
.wrap_header .main_logo{ width:120px; margin:0 auto; }
.wrap_header .copy{ padding-top:10em; }
.wrap_header .sub{ position:relative; z-index:1; padding:0.7em 0; text-align:center;
	line-height:1.3; font-size:1.6em; font-weight:normal; color:#FFF; background:#b2001d; }
.wrap_header .sub::before{ position:absolute; z-index:-1; content:""; width:100%; height:20px; 
	top:0; left:0;
	background:url(../img/pat_r.png) repeat-x 0 0 / 40%; }
.wrap_header .sub::after{ position:absolute; z-index:-1; content:""; width:120px; padding-top:50%; 
	top:-2em; left:5.5em;
	background:url(../img/icon_feather_w.svg) no-repeat 0 0 / 100%; transform: rotate(-45deg); }
.wrap_header .sub strong{ margin-right:1em; font-size:1.3em; font-weight:normal; }
.wrap_header .sub strong .gf-pari{ font-size:1.5em; }

/* intro */
.intro{ position:relative; margin-bottom:8em; }
.intro::before{ position:absolute; content:""; width:360px; padding-top:50%;
	z-index:-1; top:45%; right:0;
	background:url(../img/pattern01.png) no-repeat 0 0 / contain; }
.intro .pic{ width:35%; margin-right:7em; order:1; }
.intro .pic .gf-pari{ position:relative; margin:0 0 -0.5em -1em; font-size:3em; line-height:1.2;
	color:#ca0021; transform: rotate(-12deg); }
.intro .txt{ flex:1; line-height:2.0; order:2; font-size:0.95em; }
.intro .title{ font-size:3.2em; font-weight:500; }
.intro .title span{ display:block; text-align: center; font-size:0.35em; }
.intro .sub{ position:relative; margin-left:1em; font-size:2.2em; font-weight:500; }
.intro .sub::before{ position:absolute; content:""; width:100px; padding-top:100%;
	z-index:-1; top:-1em; right:-1.5em; opacity:0.5;
	background:url(../img/icon_feather2.svg) no-repeat 0 0 / contain; transform: rotate(35deg); }
.intro .tbox{ margin-bottom:2em; }
.intro .sub_tx{ margin-bottom:1.7em; font-size:1.5em; line-height:1.7; }
.sub_tx.beauty{ position:relative; margin-top:2em; text-align:center; line-height: 2.2; }
.sub_tx.beauty::before{ position:absolute; z-index:-1; content:""; width:100%; height:100%;
	left:0; bottom:0; background:#a0001a;  }
.sub_tx.beauty::after{ position:absolute; z-index:-1; content:""; width:40%; height:100%;
	right:0; bottom:0; background:url(../img/pattern02.png); }

/* News */
.news{ margin-bottom:6em; padding:4em 0 1.6em; }
.news ul{ width:90%; margin:0 auto; }
.news li{ margin-bottom:1.4em; padding-bottom:1em; font-size:0.95em; border-bottom:1px solid #666; }
.news li:last-child{ border-bottom:0; }
.news li .date{ margin-right:1.8em; font-size:1.1em; color:#CCC; }
.news li .cat{ display: inline-block; min-width: 8em; margin-right:1.8em; padding:0.2em 0.4em; 
	text-align:center; font-size:0.9em; border:1px solid #c2c2c2 }
.news li a{ color:#FFF; }

/* Information */
.information{ width:1000px; margin:0 auto 5em; position:relative; z-index:1; }
.information::before{ position:absolute; z-index:-1; content:""; width:10em; height:100%;
  top:0; left:0; background: url(../img/pattern01.png) 0 0 / 300px; }
.information p{ margin:0; }
.information .con{ border:1px solid #848484; 
  background: url(../img/icon_line.svg) repeat-y 2em 0 / 1.1em; }
.information .info_space{ padding:2.5em 1em 2.5em 7em; }
.information .sub{ font-size:1.4em; }
.information .sub .small{ margin-left:1em; }
.information .sub_main{ position:relative; z-index:-2; padding:0.5em 0; text-align:center; 
  font-size:1.9em; font-weight: normal; }
.information .note{ margin-top:1.5em; }
.sub_main{ background:#a0001a; }

/* ================================================================
  レスポンシブ
=================================================================== */
/* 960以上(PC) */
@media screen and (min-width: 960px) { 
	.wrap_header .main_logo{ position:absolute; top:50%; left:50%; width:200px;
	-webkit- transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
}

/*1290px 以下  */
@media screen and (max-width: 1290px) {
	.wrap_header .sub{ font-size: 1.2em; }
  .wrap_header .sub::after{ width:80px; top: -40px; }
}

/*1190px 以下  960px-1190px */
@media screen and (max-width: 1190px) {
  .wrap_header{ margin-bottom: 6em; }

  /* intro */
  .intro .pic .gf-pari{ margin-left:0; font-size: 2.8em; }

}

/*959px 以下  760px-959px */
@media screen and (max-width: 959px) {
	.wrap_header{ margin-bottom: 3em; }
	.wrap_header .main_logo{ width:120px; padding-top:150px; }
	.wrap_header .copy{ padding-top:3em; }

	/* intro */
	.intro{ margin-bottom: 4em; }
	.intro .txt{ order:1; flex:auto; }
	.intro .pic{ order:2; width:60%; margin:0 auto; }
	.intro .title{ font-size: 2.5em; }
	.intro .sub{ font-size: 1.8em; }

	/* news */
	.news li a{ display:block; margin-top:0.2em; }

	/* Information */
  .information{ width:90%;; margin:0 auto 3em; }
  .information::before{ width:2.5em; background: url(../img/pattern01.png) 0 0 / 250px; }
  .information .con{ background: url(../img/icon_line.svg) repeat-y 0.5em 0 / 0.8em; }
  .information .info_space{ padding:1.5em 1em 1em 3.5em; }
  .information .sub{ font-size:1.2em; }
  .information .sub_main{ font-size:1.2em; }

}

/*759px 以下  600px-759px */
@media screen and (max-width: 759px) { 
  .wrap_header .sub{ width: 80%; }
  .wrap_header .sub strong{ display:block; margin-right:0; }

  /* intro */
  .intro .txt{ margin-bottom:2em; }
  .intro .pic .gf-pari{ font-size: 2.2em; }

}

/*599px 以下*/
@media screen and (max-width: 599px){
	.wrap_header{ margin-bottom:0; background-position:70% top; }
  .wrap_header .sub{ width: 100%; }
  .wrap_header .sub::after{ width: 60px; left: 2em; top: -1em; }

  /* intro */
  .intro{ padding-top:5em; }
  .intro .title{ font-size: 2.2em; }
  .intro .sub{ font-size: 1.5em; }
  .intro .sub_tx{ font-size: 1.1em; }
  .intro .pic .gf-pari{ font-size: 1.7em; }

  /* news */
  .news{ margin-bottom: 3em; padding: 3em 0 1em; }

  /* Information */
  .information .sub strong{ display:block; }
  .information .sub .small{ display:block; margin-left:0; }

}