@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
html {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
a{
	text-decoration: none;
}
.pc-view{
	display: block;
}
.sp-view{
	display: none;
}

.header_logo{
	height: 70px;
	padding: 6px 0 6px 32px;
	background: #2F0F45;
}
.header_logo img{
	width: 116px;
	height: auto;
}

.index{
	background: #2F0F45;
}

.kv{
	max-width: min(calc(1312 / 1440 * 100vw), 1312px);
	margin: min(calc(10 / 1440 * 100vw), 10px) auto min(calc(56 / 1440 * 100vw), 56px);
	padding: 0 min(calc(64 / 1440 * 100vw), 64px);
    box-sizing: content-box;
}
.kv_text{
	margin-top: min(calc(40 / 1440 * 100vw), 40px);
	font-size: min(calc(18 / 1440 * 100vw), 18px);
	font-weight: 500;
	line-height: 180%;
	text-align: center;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.kv_text p + p{
	margin-top: 1em;
}

.content{
	position: relative;
	padding: min(calc(80 / 1440 * 100vw), 80px) 0 min(calc(64 / 1440 * 100vw), 64px);
    background: rgba(0, 0, 0, 0.5);
}
.content:before{
	content: "";
    display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: min(calc(6 / 1440 * 100vw), 6px);
	background: rgba(232, 185, 67, 1);
}
.content:after{
	content: "";
    display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: min(calc(6 / 1440 * 100vw), 6px);
	background: rgba(255, 179, 0, 1);
}
.method_title{
	width: min(calc(313 / 1440 * 100vw), 313px);
	height: auto;
	margin: 0 auto min(calc(80 / 1440 * 100vw), 80px);
}

.method_step{
	position: relative;
    width: min(calc(1312 / 1440 * 100vw), 1312px);
    height: min(calc(163 / 1440 * 100vw), 163px);
    margin: 0 auto;
	background: url(../img/bg_step_pc.png) 0 0 no-repeat;
    background-size: cover;
}
.method_step_title{
	font-size: min(calc(32 / 1440 * 100vw), 32px);
	font-weight: 700;
	line-height: 140%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.method_step_text{
	margin-top: min(calc(12 / 1440 * 100vw), 12px);
	font-size: min(calc(16 / 1440 * 100vw), 16px);
	font-weight: 400;
	line-height: 140%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.method_step_01{
    position: absolute;
    top: min(calc(20 / 163 * 100%), 20px);
    left: min(calc(64 / 1312 * 100%), 64px);
}
.method_step_02{
    position: absolute;
    top: min(calc(20 / 163 * 100%), 20px);
    left: min(calc(522 / 1312 * 100%), 522px);
}
.method_step_03{
    position: absolute;
    top: min(calc(20 / 163 * 100%), 20px);
    left: min(calc(948 / 1312 * 100%), 948px);
}

.rhythm{
	margin: min(calc(80 / 1440 * 100vw), 80px) auto;
}
.rhythm_title{
	margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
	font-weight: 700;
	font-size: min(calc(36 / 1440 * 100vw), 36px);
	line-height: 140%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	text-align: center;
}
.rhythm_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: min(calc(24 / 1440 * 100vw), 24px);
}

.rhythm_box_01,
.rhythm_box_02,
.rhythm_box_03,
.rhythm_box_04{
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: min(calc(644 / 1440 * 100vw), 644px);
    height: min(calc(193 / 1440 * 100vw), 193px);
    border-radius: min(calc(8 / 1440 * 100vw), 8px);
}
.rhythm_box_01{
    background: url(../img/bg_box_01_pc.png) 0% 0% no-repeat;
    background-size: cover;
}
.rhythm_box_02{
    background: url(../img/bg_box_02_pc.png) 0% 0% no-repeat;
    background-size: cover;
}
.rhythm_box_03{
    background: url(../img/bg_box_03_pc.png) 0% 0% no-repeat;
    background-size: cover;
}
.rhythm_box_04{
    background: url(../img/bg_box_04_pc.png) 0% 0% no-repeat;
    background-size: cover;
}
.rhythm_box_01:before,
.rhythm_box_02:before,
.rhythm_box_03:before,
.rhythm_box_04:before{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(230, 182, 231, 0.6);
    filter: blur(min(calc(8 / 1440 * 100vw), 8px));
    mix-blend-mode: color-dodge;
}

.rhythm_box_01:after,
.rhythm_box_02:after,
.rhythm_box_03:after,
.rhythm_box_04:after{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    filter: blur(min(calc(5 / 1440 * 100vw), 5px));
}

.rhythm_item_title{
	margin-right: min(calc(24 / 1440 * 100vw), 24px);
	font-weight: 700;
	font-size: min(calc(32 / 1440 * 100vw), 32px);
	line-height: 140%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.rhythm_audio{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.audio_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
	width: min(calc(378 / 1440 * 100vw), 378px);
    height: min(calc(24 / 1440 * 100vw), 24px);
}
.time{
    display: flex;
    align-items: center;
	margin-right: min(calc(16 / 1440 * 100vw), 16px);
	font-weight: 400;
	font-size: min(calc(14 / 1440 * 100vw), 14px);
	line-height: 150%;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}
.icon_play{
	position: relative;
	width: min(calc(24 / 1440 * 100vw), 24px);
	height: min(calc(24 / 1440 * 100vw), 24px);
	margin-right: min(calc(16 / 1440 * 100vw), 16px);
}
.icon_play:before{
	content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: min(calc(24 / 1440 * 100vw), 24px);
    height: min(calc(24 / 1440 * 100vw), 24px);
    background: url(../img/icon_play_white.png) 0 0 no-repeat;
    background-size: contain;
}
.icon_play.active:before{
    background: url(../img/icon_stop_white.png) 0 0 no-repeat;
    background-size: contain;
}

.seekBar {
	-webkit-appearance: none;
	appearance: none;
	width: min(calc(254 / 1440 * 100vw), 254px);
	height: min(calc(4 / 24 * 100vw), 4px);
	border-radius: min(calc(50 / 24 * 100vw), 50px);
	background: rgba(255, 255, 255, 0.3);
	background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF var(--progress), rgba(255, 255, 255, 0.3) var(--progress), rgba(255, 255, 255, 0.3) 100%);
	outline: none;
	overflow: hidden;
cursor: pointer;
}
.seekBar::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: min(calc(10 / 24 * 100vw), 10px);
	height: min(calc(10 / 24 * 100vw), 10px);
	background: rgba(255,255,255,0);
	cursor: pointer;
	border-radius: 50%;
}
.seekBar::-moz-range-thumb {
  opacity: 0;
  pointer-events: none;
}

.rhythm_btn{
    display: flex;
    justify-content: space-between;
    gap: min(calc(24 / 1440 * 100vw), 24px);
    margin-top: min(calc(24 / 1440 * 100vw), 24px);
}
button.listen:hover,
button.icon_play:hover{
	cursor: pointer;
}
.rhythm_btn .listen,
.rhythm_btn .download{
	position: relative;
	display: block;
	width: min(calc(254 / 1440 * 100vw), 254px);
	height: min(calc(60 / 1440 * 100vw), 60px);
	padding-left: min(calc(52 / 1440 * 100vw), 52px);
	background: #FFFFFF;
	border-radius: min(calc(4 / 1440 * 100vw), 4px);
	font-weight: 400;
	font-size: min(calc(18 / 1440 * 100vw), 18px);
	line-height: min(calc(60 / 1440 * 100vw), 60px);
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.87);
}
.rhythm_btn .listen:before,
.rhythm_btn .download:before{
	content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: min(calc(20 / 1440 * 100vw), 20px);
    width: min(calc(24 / 1440 * 100vw), 24px);
    height: min(calc(24 / 1440 * 100vw), 24px);
}
.rhythm_btn .download:before{
    background: url(../img/icon_download.png) 0 0 no-repeat;
    background-size: contain;
}
.rhythm_btn .listen:before{
    background: url(../img/icon_play.png) 0 0 no-repeat;
    background-size: contain;
}
.rhythm_btn .listen.active:before{
    background: url(../img/icon_stop.png) 0 0 no-repeat;
    background-size: contain;
}

.apply_btn{
	position: relative;
	width: min(calc(510 / 1440 * 100vw), 510px);
	margin: 0 auto;
}
.apply_btn a{
	display: block;
	line-height: min(calc(72 / 1440 * 100vw), 72px);
	font-weight: 400;
	font-size: min(calc(27 / 1440 * 100vw), 27px);
	letter-spacing: 0.02em;
	color: #FFFFFF;
	text-shadow: 0px 0px min(calc(10 / 1440 * 100vw), 10px) rgba(0, 0, 142, 0.8);
	background: linear-gradient(270deg, #1A15FF 0.01%, #9D19FA 0.02%, #ED1BF8 100%);
	border: min(calc(3 / 1440 * 100vw), 3px) solid #FFFFFF;
	text-align: center;
	border-radius: min(calc(8 / 1440 * 100vw), 8px);
}
.apply_btn:before{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(230, 182, 231, 0.6);
    filter: blur(min(calc(16 / 1440 * 100vw), 16px));
    mix-blend-mode: color-dodge;
}
.apply_btn:after{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    filter: blur(min(calc(10 / 1440 * 100vw), 10px));
}

.requirements{
	position: relative;
	width: min(calc(1080 / 1440 * 100vw), 1080px);
	margin: min(calc(100 / 1440 * 100vw), 100px) auto min(calc(80 / 1440 * 100vw), 80px);
	padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(56 / 1440 * 100vw), 56px) min(calc(64 / 1440 * 100vw), 64px);
    background: #FFFFFF;
    border-radius: min(calc(8 / 1440 * 100vw), 8px);
}
.requirements:before{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(230, 182, 231, 0.6);
    filter: blur(min(calc(16 / 1440 * 100vw), 16px));
    mix-blend-mode: color-dodge;
}
.requirements:after{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    filter: blur(min(calc(10 / 1440 * 100vw), 10px));
}
.requirements_title{
	width: min(calc(968 / 1440 * 100vw), 968px);
	margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
}
.requirements_list{
    display: flex;
    justify-content: flex-start;
    gap: min(calc(40 / 1440 * 100vw), 40px);
    padding: min(calc(22 / 1440 * 100vw), 22px) min(calc(32 / 1440 * 100vw), 32px);
    border-top: min(calc(1 / 1440 * 100vw), 1px) solid rgba(35, 24, 21, 0.2);
    text-align: left;
}
.requirements_list:last-child{
    border-bottom: min(calc(1 / 1440 * 100vw), 1px) solid rgba(35, 24, 21, 0.2);
}
.requirements_heading{
	width: min(calc(200 / 1440 * 100vw), 200px);
	font-weight: 400;
	font-size: min(calc(22 / 1440 * 100vw), 22px);
	line-height: min(calc(26 / 1440 * 100vw), 26px);
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.87);
}
.requirements_detail{
	font-weight: 400;
	font-size: min(calc(16 / 1440 * 100vw), 16px);
	line-height: 150%;
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.87);
}

.attention{
	position: relative;
	width: min(calc(1080 / 1440 * 100vw), 1080px);
	margin: min(calc(100 / 1440 * 100vw), 100px) auto min(calc(80 / 1440 * 100vw), 80px);
	padding: min(calc(40 / 1440 * 100vw), 40px) min(calc(56 / 1440 * 100vw), 56px) min(calc(64 / 1440 * 100vw), 64px);
    background: #FFFFFF;
    border-radius: min(calc(8 / 1440 * 100vw), 8px);
}
.attention:before{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(230, 182, 231, 0.6);
    filter: blur(min(calc(16 / 1440 * 100vw), 16px));
    mix-blend-mode: color-dodge;
}
.attention:after{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    filter: blur(min(calc(10 / 1440 * 100vw), 10px));
}
.attention_title{
	margin-bottom: min(calc(32 / 1440 * 100vw), 32px);
	font-weight: 700;
	font-size: min(calc(36 / 1440 * 100vw), 36px);
	line-height: 140%;
	text-align: center;
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.87);
}
.attention_list li{
	position: relative;
	padding-left: min(calc(11 / 1440 * 100vw), 11px);
	font-weight: 400;
	font-size: min(calc(14 / 1440 * 100vw), 14px);
	line-height: 150%;
	letter-spacing: 0.02em;
	color: rgba(0, 0, 0, 0.87);
}
.attention_list li + li{
	margin-top: min(calc(16 / 1440 * 100vw), 16px);
}
.attention_list li:before{
	content: "";
	position: absolute;
    top: min(calc(7 / 1440 * 100vw), 7px);
    left: 0;
	width: min(calc(7 / 1440 * 100vw), 7px);
	height: min(calc(7 / 1440 * 100vw), 7px);
	background: rgba(0, 0, 0, 0.87);
}
.attention_list li.attention_list_detail{
	padding-left: min(calc(25 / 1440 * 100vw), 25px);
}
.attention_list li.attention_list_detail:before{
	content: "";
	position: absolute;
    top: min(calc(10 / 1440 * 100vw), 10px);
    left: min(calc(14 / 1440 * 100vw), 14px);
	width: min(calc(7 / 1440 * 100vw), 7px);
	height: min(calc(1 / 1440 * 100vw), 1px);
	background: rgba(0, 0, 0, 0.87);
}
.attention_list li.attention_list_note{
	margin-top: min(calc(8 / 1440 * 100vw), 8px);
	padding-left: min(calc(16 / 1440 * 100vw), 16px);
	color: rgba(0, 0, 0, 0.54);
}
.attention_list li.attention_list_note:before{
	content: "※";
	position: absolute;
    top: 0;
    left: 0;
	width: min(calc(14 / 1440 * 100vw), 14px);
	height: min(calc(21 / 1440 * 100vw), 21px);
	font-size: min(calc(14 / 1440 * 100vw), 14px);
	background: none;
}

footer{
	position: relative;
	padding: min(calc(120 / 1440 * 100vw), 120px) 0 min(calc(24 / 1440 * 100vw), 24px);
}
footer:before{
	content: "";
    display: block;
	position: absolute;
	top: min(calc(6 / 1440 * 100vw), 6px);
	width: 100%;
	height: min(calc(2 / 1440 * 100vw), 2px);
	background: rgba(255, 179, 0, 1);
}
.copyright{
	font-weight: 400;
	font-size: min(calc(13 / 1440 * 100vw), 13px);
	line-height: 150%;
	letter-spacing: 0.02em;
	color: rgba(255, 255, 255, 0.7);
	text-align: center;
}

@media screen and (max-width: 768px) {
	.header_logo{
		height: 52px;
		padding: 1px 0 5px 8px;
	}
	.header_logo img{
		width: 100px;
		height: 46px;
	}
	.pc-view{
		display: none;
	}
	.sp-view{
		display: block;
	}

	.kv{
		max-width: 100%;
		margin: 10px auto 56px;
		padding: 0 16px;
	}
	.kv_text{
		margin-top: 24px;
		font-size: 15px;
		text-align: left;
	}

	.content{
		padding: 56px 0 45px;
	}
	.content:before,
	.content:after{
		height: 4px;
	}

	.method_title{
		width: 208px;
		height: 45px;
		margin: 0 auto 32px;
	}

	.method_step{
	    width: calc(366 / 390 * 100vw);
	    height: calc(514 / 390 * 100vw);
		background: url(../img/bg_step_sp.png) 0 0 no-repeat;
	    background-size: contain;
	}
	.method_step_title{
		font-size: calc(20 / 390 * 100vw);
		text-align: center;
	}
	.method_step_text{
		margin-top: calc(12 / 390 * 100vw);
		font-size: calc(14 / 390 * 100vw);
		text-align: center;
	}
	.method_step_01{
	    position: absolute;
	    top: calc(47 / 390 * 100vw);
	    left: 50%;
	    transform: translateX(-50%);
        width: 100%;
	}
	.method_step_02{
	    position: absolute;
	    top: calc(205 / 390 * 100vw);
	    left: 50%;
	    transform: translateX(-50%);
        width: 100%;
	}
	.method_step_03{
	    position: absolute;
	    top: calc(375 / 390 * 100vw);
	    left: 50%;
	    transform: translateX(-50%);
        width: 100%;
	}

	.rhythm{
		margin: 32px auto;
	}
	.rhythm_title{
		margin-bottom: calc(24 / 390 * 100vw);
		font-size: calc(22 / 390 * 100vw);
	}
	.rhythm_list{
        flex-direction: column;
        align-items: center;
	    gap: 24px;
	}

	.rhythm_box_01,
	.rhythm_box_02,
	.rhythm_box_03,
	.rhythm_box_04{
	    width: calc(366 / 390 * 100vw);
	    height: calc(292 / 390 * 100vw);
	    padding: calc(24 / 390 * 100vw);
	    border-radius: 8px;
	}
	.rhythm_box_01,
	.rhythm_box_03{
	    background: url(../img/bg_box_01_sp.png) 0% 0% no-repeat;
	    background-size: cover;
	}
	.rhythm_box_02,
	.rhythm_box_04{
	    background: url(../img/bg_box_02_sp.png) 0% 0% no-repeat;
	    background-size: cover;
	}
	.rhythm_box_01:before,
	.rhythm_box_02:before,
	.rhythm_box_03:before,
	.rhythm_box_04:before{
	    content: '';
	    top: 0;
	    left: 0;
	    filter: blur(8px);
	}
	.rhythm_box_01:after,
	.rhythm_box_02:after,
	.rhythm_box_03:after,
	.rhythm_box_04:after{
	    content: '';
	    top: 0;
	    left: 0;
	    filter: blur(5px);
	}

	.rhythm_item_title{
		font-size: calc(20 / 390 * 100vw);
		margin-bottom: calc(24 / 390 * 100vw);
	}
	.rhythm_audio{
        flex-direction: column;
	    align-items: flex-start;
	}
	.audio_wrap{
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
		width: 100%;
	    height: calc(24 / 390 * 100vw);
	}
	.time{
		margin-right: calc(16 / 390 * 100vw);
		font-size: calc(13 / 390 * 100vw);
	}
	.icon_play{
		position: relative;
		width: calc(24 / 390 * 100vw);
		height: calc(24 / 390 * 100vw);
		margin-right: calc(16 / 390 * 100vw);
	}
	.icon_play:before{
		content: "";
		width: calc(24 / 390 * 100vw);
		height: calc(24 / 390 * 100vw);
	}
	.icon_play.active:before{
	    background: url(../img/icon_stop_white.png) 0 0 no-repeat;
	    background-size: contain;
	}

	.seekBar {
	  width: calc(194 / 390 * 100vw);
	  height: calc(4 / 390 * 100vw);
	  border-radius: calc(40 / 390 * 100vw);
	}
	.seekBar::-webkit-slider-thumb {
	  width: calc(10 / 390 * 100vw);
	  height: calc(10 / 390 * 100vw);
	}

	.rhythm_btn{
        flex-direction: column;
        align-items: center;
	    margin-top: calc(24 / 390 * 100vw);
	    gap: calc(24 / 390 * 100vw);
	}
	.rhythm_btn .listen,
	.rhythm_btn .download{
		width: calc(318 / 390 * 100vw);
		height: calc(60 / 390 * 100vw);
		padding-left: calc(52 / 390 * 100vw);
		border-radius: calc(4 / 390 * 100vw);
		font-size: calc(16 / 390 * 100vw);
		line-height: calc(60 / 390 * 100vw);
	}
	.rhythm_btn .listen:before,
	.rhythm_btn .download:before{
	    left: calc(20 / 390 * 100vw);
	    width: calc(24 / 390 * 100vw);
	    height: calc(24 / 390 * 100vw);
	}

	.apply_btn{
		position: relative;
		width: calc(346 / 390 * 100vw);
		margin: 0 auto;
	}
	.apply_btn a{
		line-height: calc(58 / 390 * 100vw);
		font-size: calc(16 / 390 * 100vw);
		text-shadow: 0px 0px calc(8 / 390 * 100vw) rgba(0, 0, 142, 0.8);
		border: calc(3 / 390 * 100vw) solid #FFFFFF;
		border-radius: calc(4 / 390 * 100vw);
	}
	.apply_btn:before{
	    filter: blur(calc(16 / 1440 * 100vw));
	}
	.apply_btn:after{
	    filter: blur(calc(10 / 1440 * 100vw));
	}

	.requirements{
		width: calc(100% - 32px);
		margin: 48px auto 32px;
		padding: 24px 16px;
	    border-radius: 8px;
	}
	.requirements:before{
	    filter: blur(calc(16 / 1440 * 100vw));
	}
	.requirements:after{
	    filter: blur(calc(10 / 1440 * 100vw));
	}
	.requirements_title{
        width: 336px;
        margin: 0 auto 24px;
	}
	.requirements_list{
	    flex-direction: column;
	    gap: 12px;
	    padding: 18px 12px;
	    border-top: 1px solid rgba(0, 0, 0, 0.12);
	}
	.requirements_list:last-child{
	    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	}
	.requirements_heading{
		width: 100%;
		font-size: 16px;
		line-height: 19px;
	}
	.requirements_detail{
		font-size: 14px;
	}

	.attention{
		width: calc(100% - 32px);
		margin: 32px auto 29px;
		padding: 24px 16px;
	    border-radius: 8px;
	}
	.attention:before{
	    filter: blur(16px);
	}
	.attention:after{
	    filter: blur(10px);
	}
	.attention_title{
		margin-bottom: 24px;
		font-size: 20px;
	}
	.attention_list li{
		padding-left: 11px;
		font-size: 13px;
	}
	.attention_list li + li{
		margin-top: 16px;
	}
	.attention_list li:before{
	    top: 7px;
		width: 7px;
		height: 7px;
	}
	.attention_list li.attention_list_detail{
		padding-left: 25px;
	}
	.attention_list li.attention_list_detail:before{
	    top: 10px;
	    left: 14px;
		width: 7px;
		height: 1px;
	}
	.attention_list li.attention_list_note{
		margin-top: 8px;
		padding-left: 15px;
	}
	.attention_list li.attention_list_note:before{
		width: 13px;
		height: 20px;
		font-size: 13px;
	}

	footer{
		padding: 48px 0 24px;
	}
	footer:before{
		top: 3px;
		height: 1px;
	}
	.copyright{
		font-size: 11px;
	}
}