@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500..700&family=Noto+Serif+JP:wght@500..900&family=Roboto:wght@500..700&display=swap');

body {
		background: #000;
}
.hikinikugabakeruContainer * {
		margin: 0;
		padding: 0;
}
.hikinikugabakeruContainer img {
		border: none;
		vertical-align: top;
}
.hikinikugabakeruContainer {
		font-size: 17px;
		font-family: "Noto Sans JP", serif;
		background: #000;
		overflow: hidden
}
@media(max-width: 767px) {
		.hikinikugabakeruContainer {
				font-size: 15px;
		}
}
.hikinikugabakeruContainer h1, .hikinikugabakeruContainer h2, .hikinikugabakeruContainer h3, .hikinikugabakeruContainer h4, .hikinikugabakeruContainer h5, .hikinikugabakeruContainer p, .hikinikugabakeruContainer li, .hikinikugabakeruContainer div {
		font-feature-settings: "palt";
		letter-spacing: 0.05em;
}
.howto_section {
		background-repeat: repeat-y;
		background-position: center top;
		background-size: 2560px;
		background-image: url("../images/howto_bg_pc.jpg");
		padding: 40px 40px 120px;
}
.howto_wrap {
		max-width: 1010px;
		margin: 0 auto;
		background-repeat: repeat-y;
		background-position: center center;
		background-size: 100%;
		background-image: url("../images/frame_bg.jpg");
		padding: 1px;
		position: relative;
}
.howto_wrap img {
		width: 100%;
		height: auto;
}
.howto_frame {
		background: #000;
		padding: 10px;
}
.howto_frame_inner {
		background-repeat: repeat-y;
		background-position: center center;
		background-size: 100%;
		background-image: url("../images/frame_bg.jpg");
		padding: 1px;
}
.howto_main {
		background: #000;
		padding: 100px;
}
@media(max-width: 1100px) {
		.howto_main {
				padding: 100px 50px;
		}
}
.howto_cont {
		background: #fff;
		padding: 60px;
		min-height: 500px;
}
.howto_title {
		max-width: 542px;
		margin: 0 auto;
		position: relative;
		top: 59px;
		z-index: 5
}
.howto_title img {
		width: 100%;
		height: auto;
}
.howto_hd {
		max-width: 420px;
		margin: 0 auto 40px;
}
.howto_hd img {
		width: 100%;
		height: auto;
}
.movie_thumb {
		max-width: 800px;
		margin: 0 auto;
		position: relative;
}
.movie_thumb .movie_btn {
		width: 0;
		height: 0;
		border-top: 23px solid transparent;
		border-bottom: 23px solid transparent;
		border-left: 50px solid #fff;
		position: absolute;
		left: calc(50% - 25px);
		top: calc(50% - 23.5px);
}
@media(max-width: 767px) {
		.movie_thumb .movie_btn {
				border-top: 19px solid transparent;
				border-bottom: 19px solid transparent;
				border-left: 36px solid #fff;
				left: calc(50% - 19px);
				top: calc(50% - 18px);
		}
}
.howto_hd.second {
		margin-top: 65px;
}
.howto_sb_flex {
		display: flex;
		align-items: center;
		margin: 0 0 30px;
		border-bottom: 1px solid #000;
		padding-bottom: 15px;
}
.howto_sb_flex.second {
		margin-top: 50px;
}
.howto_sb_flex p {
		font-size: 85%;
		margin-left: 2em;
		line-height: 1;
}
.howto_sb_title {
		font-family: YakuHanMP, "Noto Serif JP", serif;
		font-size: 32px;
		font-weight: 900;
		display: flex;
		align-items: center;
		color: #BE0C00;
		line-height: 1;
}
.howto_sb_title span {
		font-size: 50%;
		margin-left: 5px;
}
.idt {
		margin-left: 1em;
		margin-bottom: 1em;
		position: relative;
		line-height: 1.8;
}
.idt.double {
		margin-left: 2em;
		font-size: 85%;
}
.idt.extra {
		margin-bottom: 0.25em;
}
.idt span.mark {
		display: block;
		position: absolute;
		top: 0;
		left: -1em;
}
small {
		font-size: 85%;
}
.howto_number_title {
		display: flex;
		align-items: center;
		color: #BE0C00;
		line-height: 1;
		font-size: 30px;
		font-weight: 700;
		margin: 0 0 20px
}
.howto_number_title .hd {
		flex: 1
}
.howto_number_title .number {
		font-family: 'Roboto', sans-serif;
		margin-right: 12px;
		letter-spacing: 0px;
		font-size: 26px;
		width: 36px;
		height: 36px;
		background: #BE0C00;
		color: #fff;
		border-radius: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		top: 0.5px;
}
.howto_number_title_left {
		display: flex;
		align-items: center;
		margin-right: 15px;
}
.howto_number_title_alert {
		border-radius: 8px;
		background: #960C00;
		color: #fff;
		font-size: 16px;
		height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0 20px;
}
.howto_number_title_alert span {
		transform: translateY(-1px)
}
.hr {
		height: 1px;
		border-top: 1px dotted #000;
		margin: 35px 0;
}
.howto_step {
		position: relative;
}
.step_item {
		position: relative;
}
.step_item::after {
		content: '';
		display: block;
		position: absolute;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
}
.step1_item::after {
		background-image: url("../images/step1_gr_bg.png");
		width: 180px;
		height: 82px;
		top: 0px;
		right: 0
}
.step2_item::after {
		background-image: url("../images/step2_gr_bg.png");
		width: 108px;
		height: 90px;
		top: calc(50% - 50px);
		right: 0
}
.step3_item::after {
		background-image: url("../images/step3_gr_bg.png");
		width: 108px;
		height: 48px;
		top: calc(50% - 24px);
		right: 0
}
.step4_item::after, .step5_item::after {
		width: 100px;
		height: 94px;
		right: 8px
}
.step4_item::after {
		background-image: url("../images/step4_gr_bg.png?2506");
		top: calc(50% - 55px);
}
.step5_item::after {
		background-image: url("../images/step5_gr_bg.png?2506");
		top: calc(50% - 48px);
}
.howto_arrange {
		background: #960C00;
		padding: 20px;
		color: #fff;
		border-radius: 10px;
		margin-top: 15px;
		position: relative;
}
.howto_arrange.plus::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 52.5px);
		right: 50px;
		width: 115px;
		height: 105px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-image: url("../images/step6_gr_bg.png");
}
.arrange_flex {
		display: flex;
}
.arrange_flex p {
		line-height: 1.8;
}
.arrange_flex.center {
		display: flex;
		align-items: center
}
.arrange_flex_left {
		width: 100px;
		margin-right: 20px;
}
.arrange_flex_right {
		flex: 1
}
.arrange_flex.center .arrange_flex_right p {
		transform: translateY(-1px)
}
.arrange_hd_wrap {
		border-radius: 60px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 250px;
		background-image: url("../images/frame_bg_s.jpg");
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		padding: 1px;
}
.arrange_hd {
		background: #000;
		box-sizing: border-box;
		width: 100%;
		border-radius: 58px;
		text-align: center;
		height: 28px;
		display: flex;
		align-items: center;
		justify-content: center;
}
.arrange_hd span {
		transform: translateY(-1px)
}
/*
@media(max-width: 960px) {
		.howto_section {
				padding: 20px 20px 80px;
		}
		.howto_title {
				max-width: 400px;
				top: 50px
		}
		.howto_hd {
				max-width: 320px;
		}
		.howto_main {
				padding: 80px 40px 40px;
		}
		.howto_cont {
				padding: 40px;
		}
}
*/
@media(max-width: 767px) {
		.howto_section {
				background-size: 100%;
				background-repeat: repeat-y;
				background-image: url(../images/howto_bg_sp.jpg);
				padding: 40px 10px 60px;
		}
		.howto_frame {
				padding: 3px;
		}
		.howto_main {
				padding: 50px 15px 15px;
		}
		.howto_cont {
				padding: 25px 15px;
		}
		.howto_title {
				max-width: 210px;
				top: 28px
		}
		.howto_hd {
				max-width: 180px;
				margin-bottom: 25px;
				position: relative;
				z-index: 5
		}
		.howto_sb_title {
				font-size: 24px;
		}
		.howto_sb_title span {
				font-size: 12px;
				margin-left: 5px;
		}
		.howto_sb_flex {
				display: block;
				margin: 0 0 20px;
				padding-bottom: 10px;
		}
		.howto_sb_flex.second {
				margin-top: 20px;
		}
		.howto_sb_flex p {
				font-size: 12px;
				margin-left: 0;
				padding-top: 10px;
		}
		.howto_number_title {
				font-size: 17px;
				margin: 0 0 20px;
				/* display: block; */
		}
		.howto_number_title .number {
				margin-right: 5px;
				font-size: 17px;
				width: 26px;
				height: 26px;
				top: 1px;
		}
		.howto_number_title_alert {
				border-radius: 4px;
				font-size: 13px;
				height: 28px;
				padding: 0 8px;
		}
		.howto_number_title_alert span {
				transform: translateY(0px)
		}
		.howto_step {
				display: block;
		}
		.step1_gr {
				display: block !important
		}
		.step1_item::after {
				position: static;
				width: 170px;
				height: 80px;
				top: 0;
				right: inherit;
				margin: 10px auto 0;
		}
		.step2_item::after {
				width: 80px;
				height: 67px;
				top: 5px;
				right: 0
		}
		.step3_item::after {
				width: 80px;
				height: 40px;
				top: 5px;
				right: 0
		}
		.step4_item::after, .step5_item::after {
				width: 80px;
				height: 75px;
				top: 0;
				right: 0
		}
		.step4_item::after {
				top: -8px
		}
		.howto_arrange {
				padding: 15px;
				border-radius: 8px;
				margin-top: 15px;
		}
		.arrange_flex, .arrange_flex.center {
				display: block;
		}
		.arrange_flex_left {
				width: 100px;
				margin: 0 auto 10px;
		}
		.arrange_flex.center .arrange_flex_right p {
				transform: translateY(-1px)
		}
		.arrange_hd {
				height: 24px;
		}
		.howto_arrange.plus::after {
				top: calc(50% - 43.5px);
				right: 0;
				width: 95px;
				height: 87px;
		}
}
@media(max-width: 390px) {
		.howto_main {
				padding: 50px 12px 15px;
		}
		.howto_cont {
				padding: 25px 13px;
		}
		.step4_item::after, .step5_item::after {
				width: 72px;
				height: 68px;
		}
		.step4_item::after {
				top: -12px
		}
}
/* ============ */
.about_section {
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 3000px;
		background-image: url("../images/howto_bg_pc.jpg");
		padding: 120px 40px 120px;
}
.about_inner {
		max-width: 1040px;
		margin: 0 auto;
}
.about_inner img {
		width: 100%;
		height: auto;
}
.about_title {
		max-width: 542px;
		margin: 0 auto 80px;
}
.about_title img {
		width: 100%;
		height: auto;
}
.about_inner_flex {
		display: flex;
}
.about_figure {
		width: 390px;
		margin-right: 80px;
}
.about_caption {
		flex: 1;
		display: flex;
		flex-flow: column;
		justify-content: space-between;
}
.about_hd {
		max-width: 500px;
		margin: 0 0 10px;
}
.about_sb {
		margin: 30px 0 10px;
		display: flex;
		align-items: center;
}
.about_sb h4 {
		font-size: 100%;
		font-weight: 700;
		margin-right: 10px;
}
.about_sb_bar {
		height: 1px;
		flex: 1;
		background: #000;
		position: relative;
		top: 0.5px
}
.about_caption .about_sb:first-child {
		margin-top: 0;
}
.about_caption p {
		line-height: 1.7;
}
.about_caption ul {
		display: flex;
		flex-wrap: wrap;
		line-height: 1.7;
		list-style: none
}
@media (max-width: 1200px) {
		.about_figure {
				width: 40%;
				margin-right: 40px;
		}
}
@media(max-width: 960px) {
		.about_section {
				padding: 80px 40px 80px;
		}
		.about_title {
				max-width: 400px;
				margin: 0 auto 40px;
		}
}
@media (max-width: 767px) {
		.about_section {
				background-size: 100%;
				background-repeat: repeat-y;
				background-image: url(../images/howto_bg_sp.jpg);
				padding: 60px 0;
		}
		.about_title {
				max-width: 210px;
				margin: 0 auto 40px;
		}
		.about_inner_flex {
				display: block;
		}
		.about_figure {
				width: 180px;
				margin: 0 auto 40px
		}
		.about_caption {
				display: block;
				padding: 0 12%;
		}
		.about_hd {
				max-width: 500px;
				width: 100%;
				margin: 0 auto 10px;
		}
		.about_sb {
				margin: 30px 0 10px;
				display: flex;
				align-items: center;
		}
		.about_caption_upper {
				margin: 0 0 30px;
		}
		.about_sb h4 {
				margin-right: 10px;
		}
		.about_sb_bar {
				top: 0.5px
		}
}
/* ============== */

.youtubeShortWrap {
		max-width: 360px;
		margin: 0 auto;
}
.youtubeShort {
		position: relative;
		width: 100%;
		aspect-ratio: 1 / 1.78;
}
.youtubeShort iframe {
		width: 100%;
		height: 100%;
}
.youtubeWrap {
		max-width: 788px;
		margin: 0 auto;
}
.youtubeNml {
		position: relative;
		width: 100%;
		aspect-ratio: 1 / 0.56;
}
.youtubeNml iframe {
		width: 100%;
		height: 100%;
}
.movieBase {
		max-width: 800px;
		margin: 0 auto;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		background-image: url("../images/movie_base.jpg")
}
/* ============== */
.fRed {
		color: #BE0C00;
}
strong.fRed {
		font-weight: 800;
}
.f800 {
		font-weight: 800;
}
@media(min-width: 768px) {
		.spbr {
				display: none
		}
}
@media(max-width: 767px) {
		.pcbr {
				display: none
		}
}
.mb00 {
		margin-bottom: 0px !important;
}
.mb05 {
		margin-bottom: 5px !important;
}