/* color
---------------------------- */
/*
Blue #004380
liteBlue #008EDC
yellow #F8F853
gray #323246
gray #707070
black #000
white #FFF
*/


/* align
-------------------------------------- */
.ta-l {
  text-align: left !important;
}
.ta-r {
  text-align: right !important;
}
.ta-c {
  text-align: center !important;
}

/* 表示切り替え
---------------------------- */
.pc900{
  display: block;
}
.pc835{
  display: block;
}
.pc600{
  display: block;
}
.sp900 {
  display: none;
}
.sp835{
  display: none;
}
.sp600 {
  display: none;
}

@media all and (max-width: 900px) {
	.pc900{
	  display: none;	
	}
	.sp900 {
    display: block;
	}
}
@media all and (max-width: 835px) {
	.pc835{
	  display: none;
	}
	.sp835{
	  display: block;
	}
}
@media all and (max-width: 600px) {
	.pc600{
	  display: none;	
	}
	.sp600 {
    display: block;
	}
}

/* font weight
---------------------------------- */
.fw {
  font-weight: bold;
}


/* common
----------------------------------- */
.noto_sans {
    font-family: 'Noto Sans JP', sans-serif;
}
.ib {
  display: inline-block;
}
section .inner {
  max-width: 1300px;
  width: 90%;
  margin: 0 auto 0;
}

/* headline
----------------------------------- */
h2 {
	position: relative;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto 50px;
}
h2::after{
	content: "";
	display: block;
	width: 100vw;
	height: 1px;
	background-color: #323246;
	position: absolute;
	left: 330px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
h2 span{
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", 'Noto Serif JP' ,serif;
	font-size: 2.9rem;
	letter-spacing: 0.08em;
}
.outer h2::after{
	background-color: #ffffff;
	left: 160px;
}
.outer h2 span{
	color: #ffffff;
}

@media all and (max-width: 600px) {
	h2 span{
		font-size: 1.8rem;
	}
	h2::after{
		left: 210px;
	}
	.outer h2::after{
		left: 100px;
	}
}