@charset "utf-8";
/* 
Theme Name: original 
*/
/* 全共通 start */
.h_bar,
#beltbnr {
  display: none;
}
html {
  font-size: 62.5%;
}
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
ul,li {
  list-style: none;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
#main {
	color: #000000;
	overflow-x: hidden;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
	}
p {
	font-size: 1.4rem;
  letter-spacing: 1pt;
}
a.btn {
	color: #000000;
	transition: color .3s, text-decoration .3s;
}
a.btn:hover {
	color: transparent;
	text-decoration-color: transparent;
}
#sec01 a.btn:hover {
	color: #c0235a;
}
#sec02 a.btn:hover {
	color: #2288bf;
}
#sec03 a.btn:hover {
	color: #bf301d;
}
.wrap {
	display: flex;
	align-items: center;
	justify-content: center;
}
.wrap_w {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.center {
	line-height: 1.1;
	text-align: center;
}
.tip,
.num,
.item {
	font-family: "bernhard-gothic-urw", sans-serif;
	font-weight: 100;
	font-style: normal;
	letter-spacing: 0;
}
.item_detail {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0;
}
.color {
	color: transparent;
}
.all-items a {
	text-decoration: none;
}
.all-items a:hover {
	background: #bf301d;
	color: #FFFFFF;
}
/* 全共通 end */

/* コンテンツ start */
	.pc_img {
		display: block;
	}
	.sp_img {
		display: none;
	}
	.kv_img img {
		display: block;
		width: 900px;
		margin: 0 auto;
	}
	.main_detail {
		margin: 48px 0 0 0;
	}
	.lead {
		text-align: center;
		line-height: 180%;
	}
	.content {
		width: 820px;
		margin: 0 auto;
	}
	.sec {
		margin: 120px 0 0 0;
	}
	.sub-head {
		padding: 0 20px 0 0;
	}
	.tip {
		font-size: 1.8rem;
	}
	.num {
		font-size: 5.6rem;
		line-height: 1;
	}
	.item_detail {
		font-size: 1.4rem;
	}
	.item {
		font-size: 5.6rem;
	}
	.block01 {
		padding: 40px 0 0 0;
	}
	.image {
		width: 44%;
	}
	.desc {
		width: 52%;
	}
	.desc_title p {
		font-size: 1.8rem;
		font-weight: 700;
	}
	#sec01 .color {
		color: #c0235a;
	}
	#sec02 .color {
		color: #2288bf;
	}
	#sec03 .color {
		color: #bf301d;
	}
	.cap {
		margin: 24px 0 0 0;
		line-height: 180%;
	}
	.list {
		margin: 48px 0 0 0;
	}
	.list li:nth-child(n + 2) {
		margin: 24px 0 0 0;
	}
	li.wrap_w {
		align-items: flex-end;
	}
	.block02 {
		margin: 64px 0 0 0;
	}
	.block02 .image {
		position: relative;
	}
	.obi {
		background: transparent;
		border-radius: 1px;
		display: inline-block;
		font-size: 0;
		letter-spacing: 0;
		padding: 2px 20px 0;
		text-align: center;
		position: absolute;
	}
	#sec01 .obi {
		background: #c0235a;
		top: -10px;
		left: 0;
	}
	#sec02 .obi {
		background: #2288bf;
		bottom: -10px;
		right: 0;
	}
	#sec03 .obi {
		background: #bf301d;
		bottom: -56px;
		left: 0;
	}
	.obi span {
		font-size: 2.8rem;
		font-family: "bernhard-gothic-urw", sans-serif;
		font-weight: 100;
		font-style: normal;
	}
	.block02.wrap_w {
		flex-direction: row-reverse;
	}
	.all-items {
		text-align: center;
	}
	.all-items a {
		border: 1px solid #bf301d;
		border-radius: 50px;
		display: block;
		width: 480px;
		height: 56px;
		line-height: 56px;
		margin: 200px auto 160px;
		text-decoration: none;
		transition: .3s;
	}
	.all-items a:hover {
		background: #bf301d;
		color: #FFFFFF;
	}
 /* コンテンツ end */
@media(max-width: 431px) {
	/* 全共通 start */
	.wrap_w {
		display: block;
	}
	/* 全共通 end */
	.pc_img {
		display: none;
	}
	.sp_img {
		display: block;
	}
	.kv_img img {
		width: 100%;
	}
	.main_detail {
		width: 90%;
		margin: 12.8% auto 0 auto;
	}
	.lead {
		text-align: left;
	}
	.content {
		width: 90%;
	}
	.sec {
		margin: 18% 0 0 0;
	}
	.tip {
		font-size: 1.3rem;
	}
	.num {
		font-size: 3.2rem;
	}
	.item_detail {
		font-size: 1.2rem;
	}
	.item {
		font-size: 3.2rem;
	}
	.sub-head {
		padding: 0 10px 0 0;
	}
	.block01 {
		padding: 4% 0 0 0;
	}
	.image,
	.desc {
		width: 100%;
	}
	#sec01 .block01 .image img {
		width: 88%;
		margin: 0 auto 0 14%;
		display: block;
	}
	.desc_title p {
		text-align: center;
		padding: 7% 0 0 0;
		font-size: 1.6rem;
	}
	.cap {
		margin: 3% 0 0 0;
	}
	.list {
		margin: 10% 0 0 0;
	}
	.list li:nth-child(n + 2) {
		margin: 6% 0 0 0;
	}
	#sec03 .block02 .list {
		margin: 24% 0 0 0;
	}
	li.wrap_w {
		display: flex;
	}
	.block02 {
		margin: 18% 0 0 0;
	}
	.obi {
		padding: 2px 28px 0;
	}
	#sec01 .obi {
		background: #c0235a;
		top: -10px;
		left: 0;
	}
	#sec02 .obi {
		background: #2288bf;
		bottom: -4px;
		right: 0;
	}
	#sec03 .obi {
		background: #bf301d;
		bottom: -48px;
		left: 0;
	}
	.obi span {
		font-size: 2.4rem;
	}
	.all-items a {
		width: 90%;
		height: 40px;
		line-height: 40px;
		margin: 17.8% auto 23.8%;
	}
}