* {
	box-sizing: border-box
}
a img:hover {
	opacity: .8
}
.content {
	max-width: 1000px;
	margin: 0 auto
}
img {
	display: block;
	max-width: 100%
}
#wrap {
	overflow: hidden
}
header {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100px;
	border-bottom: 1px solid #d7d7d7
}
.main {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100vw
}
.main>img {
	width: 100%
}
.main img.main_text {
	display: block;
	position: absolute;
	top: 50px;
	right: 13%;
	width: 45%;
	max-width: 100%;
	margin: 0 auto
}
.pc_none {
	display: none
}
.campain {
	width: 100%;
	padding-bottom: 80px;
	border-top: 5px solid #4b0000
}
@media screen and (max-width:768px) {
.campain {
	padding-bottom: 0
}
}
.campain h3 {
	padding-top: 30px;
	padding-bottom: 30px
}
@media screen and (max-width:768px) {
.campain h3 {
	padding-top: 15px;
	padding-bottom: 5px
}
}
@media screen and (max-width:1200px) {
.campain h3 img {
	padding-right: 15px;
	padding-left: 15px
}
}
.campain img {
	margin-right: auto;
	margin-left: auto
}
.lineup {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-color: #4b0000
}
.lineup span {
	position: relative;
	margin: 0 auto
}
@media screen and (max-width:1500px) {
.lineup span {
	padding-right: 130px
}
}
@media screen and (max-width:600px) {
.lineup span {
	padding-right: 70px
}
}
@media screen and (max-width:440px) {
.lineup span {
	padding-right: 45px
}
}
.lineup .items {
	padding: 40px
}
@media screen and (max-width:768px) {
.lineup .items {
	padding: 15px
}
}
@media screen and (max-width:600px) {
.lineup .items {
	padding: 15px;
	padding-right: 30px;
	padding-left: 30px
}
}
.lineup .khotan {
	position: absolute;
	top: -30px;
	right: -290px;
	height: 100%;
	transition: .3s
}
@media screen and (max-width:1500px) {
.lineup .khotan {
	top: 80px;
	right: 0;
	height: 60%
}
}
@media screen and (max-width:991px) {
.lineup .khotan {
	top: 80px;
	right: 30px;
	height: 60%
}
}
@media screen and (max-width:768px) {
.lineup .khotan {
	top: 50%;
	right: 50px;
	transform: translateY(-50%)
}
}
@media screen and (max-width:600px) {
.lineup .khotan {
	top: 65%;
	right: 15px;
	transform: translateY(-50%)
}
}
.cont1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	background-color: #f8aa14
}
.cont1 .cnt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.cont1 .angle {
	position: absolute;
	top: -1px;
	left: 50%;
	z-index: 1;
	transform: translateX(-50%)
}
@media screen and (max-width:768px) {
.cont1 .angle {
	width: 50px
}
}
.cont2 {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	padding-top: 50px;
	text-align: center
}
@media screen and (max-width:768px) {
.cont2 {
	padding-top: 15px
}
}
.cont2 .title {
	width: auto;
	margin-bottom: 50px;
	padding-right: 50px;
	padding-left: 50px
}
@media screen and (max-width:991px) {
.cont2 .title {
	width: 400px;
	padding-right: 30px;
	padding-left: 30px
}
}
@media screen and (max-width:768px) {
.cont2 .title {
	width: 250px;
	margin-bottom: 15px
}
}
.cont2 .best_giving {
	display: flex;
	justify-content: center;
	position: relative;
	width: 100%;
	padding-top: 90px;
	padding-bottom: 50px;
	background-color: #13216a
}
@media screen and (max-width:768px) {
.cont2 .best_giving {
	padding-bottom: 30px
}
}
.cont2 .best_giving .best_title {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%)
}
@media screen and (max-width:768px) {
.cont2 .best_giving .best_title {
	top: -10px;
	height: 25%
}
}
.cont2 .best_giving .step {
	padding-left: 330px
}
@media screen and (max-width:1300px) {
.cont2 .best_giving .step {
	padding-right: 15px;
	padding-left: 15px
}
}
.cont3 {
	padding-top: 50px;
	padding-bottom: 30px;
	background-color: #f8ad28;
	text-align: center
}
@media screen and (max-width:768px) {
.cont3 {
	padding-top: 20px
}
}
.cont3 span {
	display: inline-block;
	position: relative
}
.cont3 span img {
	margin: 0 auto;
	margin-bottom: 30px;
	padding-right: 150px;
	padding-left: 150px
}
.cont3 span img:nth-of-type(1) {
	margin-bottom: 100px
}
@media screen and (max-width:1300px) {
.cont3 span img:nth-of-type(1) {
	margin-bottom: 50px
}
}
@media screen and (max-width:991px) {
.cont3 span img:nth-of-type(1) {
	width: 400px;
	margin-bottom: 50px
}
}
@media screen and (max-width:768px) {
.cont3 span img:nth-of-type(1) {
	width: 250px;
	margin-bottom: 20px
}
}
@media screen and (max-width:991px) {
.cont3 span img {
	margin-bottom: 0;
	padding-right: 30px;
	padding-left: 30px
}
}
.cont3 span .wanwan {
	position: absolute;
	top: -30px;
	right: -40px
}
@media screen and (max-width:1600px) {
.cont3 span .wanwan {
	width: 46%;
	padding-right: 70px
}
}
@media screen and (max-width:991px) {
.cont3 span .wanwan {
	width: 40%;
	padding-right: 40px
}
}
@media screen and (max-width:768px) {
.cont3 span .wanwan {
	top: -5%
}
}
@media screen and (max-width:440px) {
.cont3 span .wanwan {
	top: 30px;
	padding-bottom: 0
}
}
.cont3 ul {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style-type: none;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 15px;
	box-sizing: border-box
}
@media screen and (max-width:768px) {
.cont3 ul {
	flex-wrap: wrap
}
}
.cont3 ul li {
	margin-right: 15px;
	margin-bottom: 50px
}
.cont3 ul li:nth-of-type(4) {
	margin-right: 0
}
@media screen and (max-width:768px) {
.cont3 ul li {
	width: calc(50% - 10px);
	margin-bottom: 15px
}
.cont3 ul li:nth-of-type(2) {
	margin-right: 0
}
}
.cont3 dl {
	display: flex;
	justify-content: center;
	align-items: center;
	list-style-type: none;
	padding-top: 30px
}
@media screen and (max-width:440px) {
.cont3 dl {
	flex-wrap: wrap
}
}
.cont3 dl dt {
	padding-right: 50px
}
@media screen and (max-width:768px) {
.cont3 dl dt {
	padding-right: 15px
}
}
@media screen and (max-width:440px) {
.cont3 dl dt {
	display: flex;
	justify-content: center;
	width: 100%
}
}
.cont3 dl dd, .cont3 dl dt {
	margin-right: 15px;
	margin-bottom: 50px
}
.cont3 dl dd:nth-of-type(4), .cont3 dl dt:nth-of-type(4) {
	margin-right: 0
}
@media screen and (max-width:768px) {
.cont3 dl dd, .cont3 dl dt {
	margin-left: 15px;
	padding-left: 15px
}
}
@media screen and (max-width:440px) {
.cont3 dl dd {
	width: 45%;
	margin-left: 0
}
}
.cont4 {
	margin-top: 50px;
	margin-bottom: 50px;
	padding-top: 200px;
	padding-bottom: 30px;
	/* background-image: url(https://www.kohnan-eshop.com/img/content_maker/uni/allwell/cont4_bg.png); */
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat
}
@media screen and (max-width:768px) {
.cont4 {
	padding-top: 160px;
	padding-bottom: 30px;
	background-position: center 50px
}
}
@media screen and (max-width:550px) {
.cont4 {
	padding-top: 140px;
	padding-bottom: 0
}
}
@media screen and (max-width:440px) {
.cont4 {
	padding-top: 90px;
	background-position: center 20px
}
}
.cont4 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	list-style-type: none;
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 150px
}
@media screen and (max-width:991px) {
.cont4 ul {
	margin-top: 50px;
	padding-left: 0
}
}
@media screen and (max-width:768px) {
.cont4 ul {
	margin-top: 0
}
}
.cont4 ul li {
	margin-right: 30px;
	margin-bottom: 80px;
	margin-left: 30px
}
@media screen and (max-width:1300px) {
.cont4 ul li {
	width: 20%
}
}
@media screen and (max-width:991px) {
.cont4 ul li {
	width: 23%;
	margin-right: 10px;
	margin-bottom: 30px;
	margin-left: 10px
}
}
@media screen and (max-width:440px) {
.cont4 ul li {
	margin-bottom: 15px
}
}
.cont8 {
	border-top: 35px solid #ef7516;
	border-bottom: 35px solid #ef7516
}
.cont10 {
	padding: 100px 0 60px;
	background: #1a2e77
}
.cont10 h3 {
	margin: 0 0 58px
}
.cont10 h3 img {
	margin: 0 auto
}
.cont10 ul {
	list-style: none;
	margin: 0 auto 40px;
	padding: 0;
	overflow: hidden
}
.cont10_top {
	max-width: 1019px
}
.cont10_bottom {
	max-width: 906px
}
.cont10 ul li {
	float: left
}
.cont10_top li:nth-child(2) {
	margin: 0 2.6497%
}
.cont10_bottom li:nth-child(2) {
	margin-left: 2.6497%
}
#cate_01 {
	background: #c30909
}
#cate_02 {
	background: #db6ea3
}
#cate_03 {
	background: #44aee8
}
#cate_04 {
	background: #f7955b
}
#cate_05 {
	background: #87568e
}
.item {
	padding: 0 2.5%
}
.item_area {
	padding-top: 100px
}
@media screen and (max-width:768px) {
.item_area {
	padding-top: 30px
}
}
.item_area .content {
	max-width: 1400px
}
.item_area .item_link {
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin: 0 auto 0;
	padding: 0
}
.item h4 {
	margin: 0;
	margin-bottom: 60px;
	padding: 0
}
@media screen and (max-width:768px) {
.item h4 {
	margin-bottom: 30px;
	padding-right: 30px;
	padding-left: 30px
}
}
.item .item_link {
	margin-top: 60px;
	padding-bottom: 50px
}
@media screen and (max-width:768px) {
.item .item_link {
	margin-top: 10px;
	padding-bottom: 15px
}
}
.item img {
	margin: 0 auto
}
.col-2 li {
	width: 49%
}
.col-3 li {
	width: 32%
}
.col-4 li {
	width: 24%
}
.col-5 li {
	width: 19%
}
.banner {
	padding: 40px 0;
	background: #13216a
}
.banner img {
	margin: 0 auto
}
.banner ul {
	list-style: none;
	padding: 0
}
.banner ul li:nth-child(1) {
	margin-bottom: 20px
}
.footer h1 {
	padding: 30px 0
}
.footer h1 img {
	margin: 0 auto
}
.footer .toppage {
	text-align: center
}
.footer .toppage a {
	display: inline-block;
	padding: 20px 100px;
	border: 1px solid #005bac;
	border-radius: 5px;
	color: #000;
	text-decoration: none
}
.copyright {
	margin-top: 30px;
	border-top: 1px solid #ccc;
	text-align: center
}
@media screen and (max-width:750px) {
.sp_none {
	display: none
}
.pc_none {
	display: block
}
.main_sp img {
	width: 100%
}
.cont1_title h2 {
	height: auto;
	padding: 30px 0
}
.cont1_title img {
	width: 90%
}
.cont10 {
	padding: 40px 2.5% 20px
}
.cont10 h3 {
	margin-bottom: 20px
}
.cont10 h3 img {
	width: 60%
}
.cont10 ul {
	margin-bottom: 20px
}
.banner {
	padding: 20px 2.5%
}
.banner ul li:nth-child(1) {
	margin-bottom: 10px
}
}
/*# sourceMappingURL=style.css.map */