@charset "UTF-8";

/*
-----------------------------------------------------
◆◆あんしん少額短期保険　スタイルシート◆◆
◇◇◇2020年キャンペーンページ用定義◇◇◇
-----------------------------------------------------
-----------------------------------------------------
【改訂履歴】
21/01/29：「.Title .EndMessage」追加
20/03/23：初版作成

■■■■■■【設定メモ】■■■■■■

〈KeyColor〉

◆基本カラー
オレンジ：#EF6548
バックベージュ：#F4F5D9

◆商品ごとのカラー
医療保険：#E64056
介護保険：#5CB531
葬儀保険（保険金固定）：#5C6FB4
葬儀保険（保険料一定）：#92539D

〈PC最大レイアウトサイズ〉
1024px

〈スマホブレイクポイント〉
568px（iPhone SEのランドスケープモード）

-----------------------------------------------------
*/

@media screen and (min-width: 568px) {
	body {
		min-width:1080px;
	}
	a[href^="tel:"] {/*PCで電話無効*/
		pointer-events: none;
		text-decoration: none;
		color:#444;
	}
	.NoPC {
		display: none;
	}
	.NoSP {
		display: block;
	}
}

@media screen and (max-width: 567px) {
	.NoPC {
		display: block;
	}
	.NoSP {
		display: none;
	}
}

em {
	color: #c33;
}
strong {
	font-weight: bold;
}
.Btn {
	font-weight: bold;
}
.Btn:hover {
	text-decoration: none;
}

/* --■■■■■■■■ヘッダ■■■■■■■■--*/

.Header {
	padding: 16px;
}
.HeaderLogo {
	width: 340px;
	height: auto;
}

@media screen and (max-width: 567px) {
	.Header {
		padding: 8px;
	}
	.HeaderLogo {
		width: 200px;
		height: auto;
	}
}

/* --■■■■■■■■タイトル部■■■■■■■■--*/

/*メインタイトル*/
.Title {
	position: relative;
	height: 466px;
}
.Title h1 {
	height: 145px;
	padding: 32px 0px;
	background: #21C5FF;
	background:
		url("../img/maintitle_bk2.png") no-repeat center top,
		url("../img/maintitle_bk1.png") no-repeat center top,
		linear-gradient(to bottom, #21C5FF, #A4E2F8);
}
.Title .EndMessage {
	margin: 64px auto;
	line-height: 180%;
}

@media screen and (max-width: 567px) {
	.Title {
		height: auto;
	}
	.Title h1 {
		height: 50px;
		padding: 10px 0px;
		background:
			url("../img/maintitle_bk2.png") no-repeat center top/contain,
			url("../img/maintitle_bk1.png") no-repeat center top,
			linear-gradient(to bottom, #21C5FF, #A4E2F8);
	}
	.Title h1 img {
		width:300px;
		height:auto;
	}
}

/*ギフトカードイメージ*/
.Giftimage {
	height: 235px;
	background:
		url("../img/maintitle_bk3.png") repeat left top,
		#F2F5A3;
}
.Giftimage ul {
	display: flex;
	margin: 0 auto;
	width: 849px;
}
.Giftimage ul li {
	width: 283px;
}
.Giftimage ul li img {
	width: 250px;
	height: auto;
	transform: rotate(-15deg);
	filter: drop-shadow(3px 3px 2px #b3b66f);
}

@media screen and (max-width: 567px) {
	.Giftimage {
		height: 80px;
		padding-bottom: 10px;
	}
	.Giftimage ul {
		width: 90%;
	}
	.Giftimage ul li {
		width: calc(100% / 3);
	}
	.Giftimage ul li img {
		width:90%;
		height: auto;
	}
}

/*お好きなものをプレゼント*/
.Title h2 {
	position: absolute;
	bottom: -32px;
	left: 0;
	right: 0;
	margin: auto;
}
@media screen and (max-width: 567px) {
	.Title h2 {
		bottom: -32px;
	}
	.Title h2 img {
		width:280px;
		height: auto;
	}
}

/* --■■■■■■■■セクション■■■■■■■■--*/

.Section {
	margin-top: 82px;
}

.ContentWrap {
	position: relative;
	width: 1024px;
	margin: 0 auto;
}
@media screen and (max-width: 567px) {
	.Section {
		margin-top: 32px;
	}
	.ContentWrap {
		width: auto;
		margin: 0 8px;
	}
}

/*---------Section1---------*/

.Section1 {
	margin-top: 148px;
}
.Section1 .ContentWrap {
	border: 5px solid #EF6548;
	border-radius: 30px;
}
@media screen and (max-width: 567px) {
	.Section1 {
		margin-top: 48px;
	}
	.Section1 .ContentWrap {
		border: 2px solid #EF6548;
		border-radius: 10px;
	}
}






.Section1 .Period {
	display: table;
	margin: 24px auto 0 auto;
	font-size: 24px;
	font-weight: bold;
}
.Section1 .Period dt {
	display: table-cell;
}
.Section1 .Period dd {
	display: table-cell;
}
.Section1 .Period dd::before {
	content: "：";
}

@media screen and (min-width: 568px) {
	.Section1 h2 {
		display: inline-block;
		width:760px;
		height:74px;
		margin: -60px auto 0px auto;
		padding: 16px;
		background:
		url("../img/section1_title_pc.png") no-repeat center center/contain,
		#ffffff;
	}
	.Section1 h2 img {
		display: none;
	}
}

@media screen and (max-width: 567px) {
	.Section1 h2 {
		display: inline-block;
		margin-top:-24px ;
		padding: 8px;
		background:#ffffff;
	}
	.Section1 h2 img {
		width:260px;
		height:auto;
	}
	.Section1 .Period {
		display: block;
		margin-top: 0;
		font-size: 14px;
	}
	.Section1 .Period dt,
	.Section1 .Period dd {
		display: block;
	}
	.Section1 .Period dd::before {
		display: none;
	}
}

.GiftList {
	width: 975px;
	margin: 24px auto 0px auto;
	display: flex;
}
.GiftList li {
	width: 325px;
	margin-top: 24px;
	padding: 0 0 0 0;
	text-align: center;
}
.GiftList figure {
	width: 315px;
	height: 315px;
	margin: 0 auto;
	background: #F4F5D9;
	border-radius: 10px;
}
.GiftList figure img {
	margin: 32px auto 16px auto;
	width: 220px;
	height: auto;
}
.GiftList figcaption {
	font-size: 20px;
}
.GiftList figcaption h4 {
	font-size: 25px;
	font-weight: bold;
	line-height: 120%;
	color: #EF6548;
}

@media screen and (max-width: 567px) {
	.GiftList {
		width: auto;
		margin: 16px 0 0 0;
		display: block;
	}
	.GiftList li {
		width: auto;
		margin: 8px 8px 8px 8px;
	}
	.GiftList figure {
		width: 100%;
		height: auto;
		border-radius: 5px;
	}
	.GiftList figure img {
		margin: 16px auto 8px auto;
		width: 160px;
		height: auto;
	}
	.GiftList figcaption {
		padding-bottom: 16px;
		font-size: 16px;
	}
	.GiftList figcaption h4 {
		font-size: 16px;
	}
	.GiftList figcaption h4 br {
		display: none;
	}
}

.GiftNotice {
	width: 686px;
	margin: 40px auto 0px auto;
	padding-bottom: 40px;
	font-size: 14px;
	text-align: left;
}
.GiftNotice li {
	position: relative;
	margin-bottom: 8px;
	text-indent: -1em;
	padding-left: 1em;
}
.GiftNotice li:last-child {
	margin-bottom: 0;
}
.GiftNotice li::before {
	content: "●";
	color: #EF6548;
}
@media screen and (max-width: 567px) {
	.GiftNotice {
		width: 90%;
		margin: 16px auto 0px auto;
		padding-bottom: 16px;
		font-size: 12px;
	}
}


/*---------Section2---------*/

.Section2 h2 {
	position: relative;
	height: 54px;
}
.Section2 h2 img {
	display: inline-block;
	width:136px;
	height:auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border: 12px solid #fff;
	background: #fff;
	z-index: 99;
}
.Section2 h2::before {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 5px;
	background: #EF6548;
	z-index: 1;
}
@media screen and (max-width: 567px) {
	.Section2 h2 img {
		width:100px;
		height:auto;
	}
}

.Section2 .ContentWrap {
	margin-top: 48px;
}
.Section2 .Lead {
	margin: 24px 0px 48px 0px;
	font-size: 24px;
	font-weight: bold;
}
.Section2 .Lead strong {
	border-bottom: 2px solid #EF6548;
}
@media screen and (max-width: 567px) {
	.Section2 .ContentWrap {
		margin-top: 16px;
	}
	.Section2 .Lead {
		margin: 16px 0px 16px 0px;
		font-size: 16px;
	}
}

/*応募方法*/
.Method {
	display: flex;
	width: 940px;
	margin: 0 auto;
}
.Method dt {
	width: 300px;
}
.Method dt img {
	width: 236px;
	height: auto;
}
.Method dd {
	width: 640px;
	padding-top: 32px;
}
.Method p {
	font-size: 20px;
	font-weight: bold;
	text-align: left;
}
.Method ul {
	margin-top: 16px;
}
.Method li {
	position: relative;
	font-size: 14px;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}
.Method li::before {
	content: "※";
}
@media screen and (max-width: 567px) {
	.Method {
		display: block;
		width: auto;
		margin: 0 8px;
	}
	.Method dt {
		width: auto;
	}
	.Method dt img {
		width: 144px;
		height: auto;
	}
	.Method dd {
		width: auto;
		padding-top: 0px;
	}
	.Method p {
		font-size: 16px;
	}
	.Method li {
		font-size: 12px;
	}
}

.Method .Btn {
	display: block;
	width: 600px;
	height: 60px;
	margin: 24px 0 0 0;
	line-height: 60px;
	background:
		url("../img/arrow_yellow.png") no-repeat 96% center/30px 36px,
		#EF6548;
	border-radius: 30px;
	color: #fff;
	font-size: 24px;
}
@media screen and (min-width: 568px) {
	.Method .Btn:hover {
		color: #F4F416;
		text-decoration: none;
		background:
			url("../img/arrow_yellow.png") no-repeat 96% center/30px 36px,
			#0794a9;
	}
}
@media screen and (max-width: 567px) {
	.Method .Btn {
		width: auto;
		margin: 16px 0px 0 0px;
		font-size: 16px;
		background:
			url("../img/arrow_yellow.png") no-repeat 96% center/20px 24px,
			#EF6548;
	}
}

.Method1 dt {
	position: relative;
}
.Method1 dt::after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -12px;
	margin: auto;
	display: block;
	content: "";
	width: 90px;
	height: 30px;
	background: url("../img/method_or.png") no-repeat center top/contain;
}
.Method1 dd {
	padding-bottom: 32px;
	border-bottom: 2px dashed #ccc;
}
@media screen and (max-width: 567px) {
	.Method1 dt::after {
		display: none;
	}
}

.Method2 {
	margin-top: 24px;
}

/*各商品*/

.Products {
	width: 980px;
	margin: 60px auto 0 auto;
	padding: 60px 0;
	background: #F4F5D9;
	border-radius: 30px;
	position: relative;
}
.Products .Lead {
	position: relative;
	margin-bottom: 0;
	font-size: 20px;
	z-index: 1;
}
@media screen and (max-width: 567px) {
	.Products {
		width: auto;
		margin: 24px 8px 0 8px;
		padding: 16px 8px 32px 8px;
		border-radius: 8px;
	}
	.Products .Lead {
		font-size: 16px;
	}
}

/*ほけんえらびサポート*/

.Products1 {
	position: relative;
}
.Products1::before,
.Products1::after {
	content: "";
	display: block;
	position: absolute;
}
.Products1::before {
	width: 162px;
	height: 232px;
	background: url("../img/illust_hakase.png") no-repeat top left;
	left: 30px;
	bottom: 170px;
}
.Products1::after {
	width: 193px;
	height: 234px;
	background: url("../img/illust_kantan.png") no-repeat top left;
	right: 30px;
	bottom: 170px;
}
.Products1 .Logo {
	margin-top: 24px;
}

@media screen and (min-width: 568px) {
	.Products1 h3 {
		width:550px;
		height:46px;
		margin:0 auto;
		background: url("../img/products_title1_pc.png") no-repeat top left/contain;
	}
	.Products1 h3 img {
		display: none;
	}
}
@media screen and (max-width: 567px) {
	.Products1::before {
		display: none;
	}
	.Products1::after {
		display: none;
	}
	.Products1 h3 img {
		width:auto;
		height:55px;
	}
	.Products1 h3::before {
		content: "";
		display: inline-block;
		width: 80px;
		height: 97px;
		margin-right: -22px;
		background: url("../img/illust_kantan.png") no-repeat top left/contain;
	}
	.Products1 .Logo img {
		width:200px;
		height:auto;
	}
	.Products1 .Logo::after {
		content: "";
		display: inline-block;
		width: 60px;
		height: 86px;
		background: url("../img/illust_hakase.png") no-repeat top left/contain;
	}
}

.Products1 .Btn {
	display: block;
	width: 600px;
	height: 68px;
	margin: 24px auto 0 auto;
	line-height: 68px;
	background:
		url("../img/arrow_yellow.png") no-repeat 96% center/30px 36px,
		#EF6548;
	border-radius: 34px;
	color: #fff;
	font-size: 24px;
}
@media screen and (min-width: 568px) {
	.Products1 .Btn:hover {
		color: #F4F416;
		background:
			url("../img/arrow_yellow.png") no-repeat 96% center/30px 36px,
			#0794a9;
	}
}
@media screen and (max-width: 567px) {
	.Products1 .Btn {
		width: auto;
		height: 60px;
		margin: 16px auto 0 auto;
		line-height: 60px;
		border-radius: 30px;
		font-size: 16px;
		background:
			url("../img/arrow_yellow.png") no-repeat 96% center/20px 24px,
			#EF6548;
	}
}

.Products2 {
	position: relative;
}
.Products2::before,
.Products2::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
}
.Products2::before {
	width: 103px;
	height: 153px;
	background: url("../img/illust_dog.png") no-repeat top left;
	left: 40px;
	top: 40px;
}
.Products2::after {
	width: 54px;
	height: 148px;
	background: url("../img/illust_cat.png") no-repeat top left;
	right: 40px;
	top: 45px;
}
.Products2 .Block {
	position: relative;
	width: 900px;
	margin: 30px auto 0 auto;
	padding: 24px 0;
	background: #fff;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
}

@media screen and (min-width: 568px) {
	.Products2 h3 {
		width:405px;
		height:45px;
		margin:0 auto;
		background: url("../img/products_title2_pc.png") no-repeat top left/contain;
	}
	.Products2 h3 img {
		display: none;
	}
}
@media screen and (max-width: 567px) {
	.Products2::before {
		display: none;
	}
	.Products2::after {
		display: none;
	}
	.Products2 .Block {
		width: auto;
		margin: 16px 8px 0 8px;
		padding: 16px 0;
		border-radius: 8px;
	}
	.Products2 h3 img {
		width:auto;
		height:55px;
	}
	.Products2 h3::before {
		content: "";
		display: inline-block;
		width: 50px;
		height: 74px;
		background: url("../img/illust_dog.png") no-repeat top left/contain;
	}
	.Products2 h3::after {
		content: "";
		display: inline-block;
		width: 27px;
		height: 74px;
		background: url("../img/illust_cat.png") no-repeat top left/contain;
	}
	.Products2 .Logo img {
		width:240px;
		height:auto;
	}
}

.Products2 .Logo {
	width: 303px;
	/*height: 106px;*/
	height: 120px;
	margin: 0 30px 16px 30px;
	float: left;
}
.Products2 .Catch {
	margin: 16px 0px 0px 330px;
	font-size: 18px;
	text-align: left;
}
.Products2 .Catch strong {
	font-weight: normal;
	color: #c33;
}
@media screen and (max-width: 567px) {
	.Products2 .Logo {
		width: 240px;
		height: auto;
		margin: 0 auto;
		float: none;
	}
	.Products2 .Logo img {
		width: 240px;
		height: auto;
	}
	.Products2 .Catch {
		margin: 16px 8px 0px 8px;
		font-size: 14px;
		text-align: center;
	}
}

.Products2 .BtnBlock {
	display: flex;
	width: 840px;
	margin: 32px auto 0 auto;
	clear: both;
}
.Products2 .BtnBlock li {
	width: 50%;
}
.Products2 .Btn {
	display: block;
	width: 400px;
	height: 48px;
	line-height: 48px;
	border-radius: 24px;
	color: #fff;
	font-size: 22px;
}
@media screen and (max-width: 567px) {
	.Products2 .BtnBlock {
		display: block;
		width: auto;
		margin: 16px 8px 0 8px;
	}
	.Products2 .BtnBlock li {
		width: auto;
		margin-top: 8px;
	}
	.Products2 .Btn {
		display: block;
		width: auto;
		height: 48px;
		line-height: 48px;
		border-radius: 24px;
		color: #fff;
		font-size: 16px;
	}
}


/*イメージイラスト*/
.Block::before {
	display: block;
	content: "";
	position: absolute;
}
@media screen and (max-width: 567px) {
	.Block::before {
		display: none;
	}
}

.Block1::before {
	width: 196px;
	height: 118px;
	background: url("../img/illust_iryo.png") no-repeat top left;
	top: 24px;
	right: 30px;
}
.Block2::before {
	width: 156px;
	height: 118px;
	background: url("../img/illust_kaigo.png") no-repeat top left;
	top: 24px;
	right: 30px;
}
.Block3::before {
	width: 205px;
	height: 119px;
	background: url("../img/illust_sougi1.png") no-repeat top left;
	top: 24px;
	right: 0px;
}
.Block4::before {
	width: 164px;
	height: 105px;
	background: url("../img/illust_sougi2.png") no-repeat top left;
	top: 24px;
	right: 30px;
}
.Block5::before {
	width: 200px;
	height: 120px;
	background: url("../img/illust_sougi3.png") no-repeat top left;
	top: 24px;
	right: 50px;
}



.Block1 li:first-child .Btn {
	color: #E64056;
	border: 2px solid #E64056;
	background: url("../img/arrow_iryo.png") no-repeat 96% center/25px 30px, #ffffff;
}
.Block2 li:first-child .Btn {
	color: #5CB531;
	border: 2px solid #5CB531;
	background: url("../img/arrow_kaigo.png") no-repeat 96% center/25px 30px, #ffffff;
}
.Block3 li:first-child .Btn {
	color: #5C6FB4;
	border: 2px solid #5C6FB4;
	background: url("../img/arrow_sougi1.png") no-repeat 96% center/25px 30px, #ffffff;
}
.Block4 li:first-child .Btn {
	color: #92539D;
	border: 2px solid #92539D;
	background: url("../img/arrow_sougi2.png") no-repeat 96% center/25px 30px, #ffffff;
}
.Block5 li:first-child .Btn {
	color: #00b0ec;
	border: 2px solid #00b0ec;
	background: url("../img/arrow_sougi3.png") no-repeat 96% center/25px 30px, #ffffff;
}

.Block1 li:last-child .Btn {
	border: 2px solid #E64056;
	background: url("../img/arrow_white.png") no-repeat 96% center/25px 30px, #E64056;
}
.Block2 li:last-child .Btn {
	border: 2px solid #5CB531;
	background: url("../img/arrow_white.png") no-repeat 96% center/25px 30px, #5CB531;
}
.Block3 li:last-child .Btn {
	border: 2px solid #5C6FB4;
	background: url("../img/arrow_white.png") no-repeat 96% center/25px 30px, #5C6FB4;
}
.Block4 li:last-child .Btn {
	border: 2px solid #92539D;
	background: url("../img/arrow_white.png") no-repeat 96% center/25px 30px, #92539D;
}
.Block5 li:last-child .Btn {
	border: 2px solid #00b0ec;
	background: url("../img/arrow_white.png") no-repeat 96% center/25px 30px, #00b0ec;
}

@media screen and (min-width: 568px) {
	.Block1 li:first-child .Btn:hover {
		background: url("../img/arrow_iryo.png") no-repeat 96% center/25px 30px, #fffbc7;
	}
	.Block2 li:first-child .Btn:hover {
		background: url("../img/arrow_kaigo.png") no-repeat 96% center/25px 30px, #fffbc7;
	}
	.Block3 li:first-child .Btn:hover {
		background: url("../img/arrow_sougi1.png") no-repeat 96% center/25px 30px, #fffbc7;
	}
	.Block4 li:first-child .Btn:hover {
		background: url("../img/arrow_sougi2.png") no-repeat 96% center/25px 30px, #fffbc7;
	}
	.Block5 li:first-child .Btn:hover {
		background: url("../img/arrow_sougi3.png") no-repeat 96% center/25px 30px, #fffbc7;
	}
	.Block1 li:last-child .Btn:hover {
		color: #F4F416;
		background: url("../img/arrow_yellow.png") no-repeat 96% center/25px 30px, #E64056;
	}
	.Block2 li:last-child .Btn:hover {
		color: #F4F416;
		background: url("../img/arrow_yellow.png") no-repeat 96% center/25px 30px, #5CB531;
	}
	.Block3 li:last-child .Btn:hover {
		color: #F4F416;
		background: url("../img/arrow_yellow.png") no-repeat 96% center/25px 30px, #5C6FB4;
	}
	.Block4 li:last-child .Btn:hover {
		color: #F4F416;
		background: url("../img/arrow_yellow.png") no-repeat 96% center/25px 30px, #92539D;
	}
	.Block5 li:last-child .Btn:hover {
		color: #F4F416;
		background: url("../img/arrow_yellow.png") no-repeat 96% center/25px 30px, #00b0ec;
	}
}



@media screen and (max-width: 567px) {
	.Block1 li:first-child .Btn {
		background: url("../img/arrow_iryo.png") no-repeat 96% center/20px 24px, #ffffff;
	}
	.Block2 li:first-child .Btn {
		background: url("../img/arrow_kaigo.png") no-repeat 96% center/20px 24px, #ffffff;
	}
	.Block3 li:first-child .Btn {
		background: url("../img/arrow_sougi1.png") no-repeat 96% center/20px 24px, #ffffff;
	}
	.Block4 li:first-child .Btn {
		background: url("../img/arrow_sougi2.png") no-repeat 96% center/20px 24px, #ffffff;
	}
	.Block1 li:last-child .Btn {
		background: url("../img/arrow_white.png") no-repeat 96% center/20px 24px, #E64056;
	}
	.Block2 li:last-child .Btn {
		background: url("../img/arrow_white.png") no-repeat 96% center/20px 24px, #5CB531;
	}
	.Block3 li:last-child .Btn {
		background: url("../img/arrow_white.png") no-repeat 96% center/20px 24px, #5C6FB4;
	}
	.Block4 li:last-child .Btn {
		background: url("../img/arrow_white.png") no-repeat 96% center/20px 24px, #92539D;
	}
}

/*---------Section3---------*/

.Section3 {
	border-top: 5px solid #EF6548;
	position: relative;
}
.Section3:after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 57.5px 0 57.5px;
	border-color: #ef6448 transparent transparent transparent;
}
@media screen and (max-width: 567px) {
	.Section3:after {
		border-width: 32px 44px 0 44px;
	}
}
.Section3 h2 {
	margin-top: 48px;
}
.Section3 h2 img {
	width:456px;
	height:auto;
}
.Section3 .Lead {
	margin: 24px 0px 48px 0px;
	font-size: 24px;
	font-weight: bold;
}
.Section3 .illust {
	width:550px;
	height:auto;
}
@media screen and (max-width: 567px) {
	.Section3 h2 {
		margin-top: 40px;
	}
	.Section3 h2 img {
		width:280px;
		height:auto;
	}
	.Section3 .Lead {
		margin: 16px 0px 16px 0px;
		font-size: 16px;
	}
	.Section3 .illust {
		width:300px;
		height:auto;
	}
}

/*---------Section4---------*/

.Section4 {
	background: #F4F5D9;
	padding: 56px 0;
}
.Section4 h2 {
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
}
@media screen and (max-width: 567px) {
	.Section4 {
		padding: 32px 0;
	}
	.Section4 h2 {
		margin-bottom: 16px;
		font-size: 20px;
	}
}

input[type='radio'] {
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	background: none;
	-webkit-appearance: none;
	appearance: none;
	display: none;
}
.NoticeBtn {
	display: inline-block;
	width: 314px;
	height: 48px;
	margin: 0 0 0 0;
	background: #fff;
	border: 2px solid #AC172B;
	border-bottom: none;
	border-radius: 10px 10px 0px 0px;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
}
.NoticeBtn:hover {
	background: #AC172B;
	border: 2px solid #AC172B;
	border-bottom: none;
	color: #fff;
}
@media screen and (max-width: 567px) {
	.NoticeBtn {
		display: inline-block;
		width: 80px;
		height: 32px;
		border-radius: 8px 8px 0px 0px;
		line-height: 32px;
		font-size: 10px;
	}
}

input:checked+label {
	background-color: #AC172B;
	border: 2px solid #AC172B;
	border-bottom: none;
	color: #fff;
}

.NB2 {
	margin: 0px 10px;
	border: 2px solid #815C4A;
	border-bottom: none;
}
.NB2:hover {
	background: #815C4A;
	border: 2px solid #815C4A;
	border-bottom: none;
}
input:checked+label.NB2 {
	background-color: #815C4A;
	border: 2px solid #815C4A;
	border-bottom: none;
}
@media screen and (max-width: 567px) {
	.NB2 {
		margin: 0 0;
	}
}

.NB3 {
	border: 2px solid #F88F22;
	border-bottom: none;
}
.NB3:hover {
	background: #F88F22;
	border: 2px solid #F88F22;
	border-bottom: none;
}

input:checked+label.NB3 {
	background-color: #F88F22;
	border: 2px solid #F88F22;
	border-bottom: none;
}
@media screen and (max-width: 567px) {
	.NB3 {
		width: 120px;
	}
}

.NoticeBlock {
	width: 980px;
	margin: 0 auto;
	padding: 56px 0px;
	border: 2px solid #AC172B;
	background: #fff;
	display: none;
}
@media screen and (max-width: 567px) {
	.NoticeBlock {
		width: auto;
		padding: 16px 0px;
	}
}

.NoticeBlock.Notice2 {
	border: 2px solid #815C4A;
}
.NoticeBlock.Notice3 {
	border: 2px solid #F88F22;
}
#Notice1:checked~#Notice1Text,
#Notice2:checked~#Notice2Text,
#Notice3:checked~#Notice3Text {
	display: block;
}

.NoticeBlock h3 {
	margin: 0 32px;
	border-bottom: 2px solid #AC172B;
	text-align: left;
	font-size: 25px;
	font-weight: bold;
}
@media screen and (max-width: 567px) {
	.NoticeBlock h3 {
		margin: 0 16px;
		font-size: 16px;
	}
}
.NoticeBlock.Notice2 h3 {
	border-bottom: 2px solid #815C4A;
}
.NoticeBlock.Notice3 h3 {
	border-bottom: 2px solid #F88F22;
}

.NoticeBlock h4 {
	margin: 32px 64px 0px 64px;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
}
.NoticeBlock h4::before {
	content: "■";
}
.NoticeBlock p,
.NoticeBlock li {
	margin: 16px 64px 0px 64px;
	text-align: left;
	font-size: 16px;
}
.NoticeBlock ul {
	margin-left: 32px;
	list-style: disc;
}
.NoticeBlock ul li ol {
	margin-left: -40px;
	list-style: decimal;
}
.NoticeBlock img {
	width: 220px;
	height: auto;
	margin: 32px 32px 0px 32px;
	box-shadow: 2px 5px 6px -1px #cccccc;
	float: right;
}

@media screen and (max-width: 567px) {
	.NoticeBlock h4 {
		margin: 16px 16px 0px 16px;
		font-size: 14px;
	}
	.NoticeBlock p,
	.NoticeBlock li {
		margin: 8px 16px 0px 16px;
		font-size: 12px;
	}
	.NoticeBlock ul {
		margin-left: 16px;
		list-style: disc;
	}
	.NoticeBlock ul li ol {
		margin-left: 0;
		list-style: decimal;
	}
	.NoticeBlock img {
		width: 110px;
		height: auto;
		margin: 16px 16px 0px 16px;
	}
}

/*---------Section5---------*/

.Section5 h2 {
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
}
.Section5 dl {
	width: 980px;
	margin: -1px auto 0 auto;
	display: table;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
}
.Section5 dl dt {
	width: 300px;
	padding: 30px 0;
	display: table-cell;
	background: #F4F5D9;
	vertical-align: middle;
	font-weight: bold;
}
.Section5 dl dd {
	width: 680px;
	padding: 30px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
.Section5 .List {
	list-style: disc;
	margin: 16px 0 0 32px;
}
.Section5 .Noice {
	margin-top: 16px;
}
.Section5 .Noice li {
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}
.Section5 .Noice li::before {
	content: "※";
}

@media screen and (max-width: 567px) {
	.Section5 h2 {
		margin-bottom: 16px;
		font-size: 20px;
	}
	.Section5 dl {
		width: calc(100% - 16px);
		display: table;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-size: 12px;
	}
	.Section5 dl dt {
		width: 30%;
		padding: 16px 16px;
	}
	.Section5 dl dd {
		width: 70%;
		padding: 16px;
	}
	.Section5 .List {
		margin: 16px 0 0 16px;
	}
}

/*---------Section6---------*/

.Section6 .ContentWrap {
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 64px 0;
	background: #F5F5F5;
}
.Section6 h2 {
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: bold;
}
.Section6 ul {
	width: 780px;
	margin: 0 auto;
	list-style: disc;
	text-align: left;
}
.Section6 ul li {
	margin-bottom: 16px;
}
.Section6 ul li:last-child {
	margin-bottom: 0;
}
@media screen and (max-width: 567px) {
	.Section6 .ContentWrap {
		width: calc(100% - 16px);
		padding: 32px 0;
	}
	.Section6 h2 {
		margin-bottom: 32px;
		font-size: 20px;
	}
	.Section6 ul {
		width: 80%;
		font-size: 12px;
	}
	.Section6 ul li {
		margin-bottom: 8px;
	}
}

/*---------footer---------*/

.Footer {
	margin-top: 56px;
}
.Footer ul {
	display: table;
	margin: 0 auto;
	border-left: 1px solid #ccc;
}
.Footer ul li {
	display: table-cell;
	padding: 0 16px;
	border-right: 1px solid #ccc;
}
.Footer ul li a {
	color: #444;
}
.Footer p {
	margin: 32px 0;
	padding-top: 32px;
	border-top: 1px solid #2E238E;
}
@media screen and (max-width: 567px) {
	.Footer {
		margin-top: 32px;
	}
	.Footer ul  {
		display: block;
		padding: 0 0;
	}
	.Footer ul li {
		display: inline-block;
		margin-left: -1px;
		padding: 0 8px;
		border-left: 1px solid #ccc;
		font-size: 12px;
	}
	.Footer p {
		margin: 16px 0;
		padding-top: 16px;
		font-size: 12px;
	}
}


/*---------pagetop---------*/

#pageTop {
	width: 60px;
	height: 60px;
	position: fixed;
	bottom: 112px;
	right: 25px;
	text-indent: -999em;
	background-image: url("/common/img/bt_pagetop.png");
	z-index: 99;
}
@media screen and (max-width: 567px) {
	#pageTop{
		width:35px;
		height:35px;
		bottom:30px;
		right:15px;
		background-size:35px 35px;
		}
}