/* 2023.10 追記
---------------------------------------------------------- */
._relative {
  position: relative;
}
._absolute {
	position: absolute;
}

.item .media {
	margin: auto;
}
.item .media img.mvtxt {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 90%;
}
.kouza-mv-link {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	width: 848px;
}
.kouza-mv-link p {
	width: 50%;
	font-size: 1.4rem;
}
.kouza-mv-link p a {
	color: #3B4043;
	text-decoration: underline;
}
@media screen and (max-width: 769px){
	.kouza-mv-link {
		display: block;
		width: 100%;
		bottom: 15px;
	}
	.kouza-mv-link p {
		width: 100%;
		font-size: 3.200vw;
		margin: 0;
		padding: 0 3%;
	}
}

.js-carousel[data-carousel-type=mv]+.slick-utility, .js-carousel[data-carousel-type=wide]+.slick-utility {
	display: none;
}

h2.hdg-section {
	color: #194694;
	font-weight: 700;
}
h2.hdg-section:after {
	content: '';
	background: url("/shared/images/kojin/kouza_index_title-line.png") no-repeat 0 0;
	background-size: 100%;
	width: 50px;
	height: 1px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media screen and (max-width: 769px){
	h2.hdg-section {
		margin-bottom: 50px;
	}
}
.kouza-howto-fukidashi img {
	width: 300px;
}
.toggle-note-05-button img {
	width: 182px;
}
.link-list>.item a::before, .link-list>.item button::before {
	border-color: #FA9D00;
}
.link-list>.item a, .link-list>.item button {
	color: #194694;
	font-weight: bold;
}

.kouza-merit-number {
	position: absolute;
	top: -40px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 88px !important;
}

.kouza-merit-img {
	max-width: 230px;
	margin: auto;
	padding-top: 15px;
}

.bkcolor-gray {
	background: #EBEDEE;
	margin-bottom: 70px;
}
.bkcolor-navy {
	background: rgba(25, 70, 148, 0.1);
}

.kouza-step-img {
	position: absolute;
	top: -32px;
	left: -30px;
	width: 88px;
}
@media screen and (max-width: 769px){
	.kouza-step-img {
		top: -40px;
		left: 0;
	}
}

.panel-note {
	border: 2px solid #DDDDDD;
}
button.hdg {
	color: #194694!important;
	background: rgba(25, 70, 148, 0.1)!important;
	padding: 20px 0!important;
}
button.hdg::after, button.hdg::before {
	background: #FA9D00!important;
}

.panel-app-bk {
	background: #194694;
	margin-bottom: 20px;
	padding: 1px 0;
	border-radius: 15px;
}
.panel-app-bk.w93.bottom40 {
	width: 93%;
	margin: 0 auto 40px auto;
}
.panel-app-bk.w93.top40 {
	margin-top: 40px;
}
.panel-app-title {
	width: 94%;
	margin: 20px auto 0 auto;
	padding: 10px 0;
	font-size: 1.8rem;
	color: #194694;
	text-align: center;
	background: #fff;
	border-radius: 1.5rem;
}
.panel-app {
	max-width: 720px!important;
}
.panel-app > .list > .item._item-google .btn,
.panel-app > .list > .item._item-apple .btn {
	max-width: 166px;
}
.panel-app > .list > .item._item-google,
.panel-app > .list > .item._item-apple {
	width: 50%;
}
.panel-app > .list .qr {
	top: -20px!important;
	width: 130px;
	height: 130px;
}
.panel-app .list-note {
	max-width: 600px;
	margin: auto;
	padding: 40px 0 0 0;
}
.panel-app .list-note li.item {
	color: #fff;
	font-size: 1.4rem;
}
@media screen and (max-width: 769px){
	.panel-app .list-note {
		width: 90%;

	}
}

.lyt-list-more {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  max-width: 748px;
  margin: 0 auto 70px auto;
  padding: 60px 0 0 0;
}
.lyt-list-more li.item {
	max-width: 200px;
	margin-right: 70px;
}
.lyt-list-more li.item:last-child {
	margin-right: 0;
}
.lyt-list-more li.item p {
	font-size: 1.4rem;
	padding: 15px 0 0 0;
}
@media screen and (max-width: 769px){
	.lyt-list-more li.item p {
		padding-bottom: 20px;
	}
}

.lyt-list-more.bottom0 {
	margin-bottom: 0px!important;
}
.lyt-list-more.top0 {
	padding-top: 0;
}
@media screen and (max-width: 769px){
	.lyt-list-more {
		display: block;
		margin: auto;
		padding-top: 30px;
	}
	.lyt-list-more.sp_padding0 {
		padding: 0;
	}
	.lyt-list-more li.item, .lyt-list-more li.item:last-child {
		margin: auto;
	}
}

.media.kouza-more-step-number {
	position: absolute;
	top: -20px;
	left: -24px;
	width: 48px;
}

.lyt-list-accordion {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.lyt-list-accordion li.item {
	width: 44%;
	font-size: 1.4rem;
}
.lyt-list-accordion li.item .panel-note button.hdg {
	color: #fff!important;
	padding: 20px 0!important;
}
.lyt-list-accordion li.item:nth-child(1) .panel-note button.hdg {
	background: #E66382!important;
}
.lyt-list-accordion li.item:nth-child(2) .panel-note button.hdg {
	background: #179AEA!important;
}
.lyt-list-accordion li.item .panel-note button.hdg::after, .lyt-list-accordion li.item .panel-note button.hdg::before {
	background: #fff!important;
}
.lyt-list-accordion li.item ul.list-note li.item {
	width: 100%!important;
}
@media screen and (max-width: 769px){
	.lyt-list-accordion {
		display: block;
	}
	.lyt-list-accordion li.item {
		width: 100%;
		font-size: 4.776vw;
	}
	.lyt-list-accordion li.item .panel-note button.hdg {
		text-align: left;
	}
	.lyt-list-accordion li.item .panel-note button.hdg strong {
		display: block;
		padding: 0 0 0 25px;
	}
	.lyt-list-accordion li.item ul.list-note li.item.sp_fontsize12 {
		font-size: 3.582vw;
	}
}

.bottom0 {
	margin-bottom: 0;
}

span.color-red {
	color: #E66382;
}

.step-title p.text {
	display: block;
	margin: 40px 0;
	font-weight: 500;
	font-size: 2.5rem;
}
.step-title p.text strong {
	margin: 0 0 0 10px;
}
.step-title p.text img {
  vertical-align: middle
}
@media screen and (max-width: 769px){
	.step-title p.text {
		text-align: center;
	}
	.step-title p.text strong {
		margin: 0;
	}
	.step-title p.text img {
		display: block;
		margin: 0 auto 10px auto;
	}
}

.media.howto-store_01 {
	width: 36%;
	max-width: 240px;
	top: 30px;
	right: 60px;
}
@media screen and (max-width: 769px){
	.media.howto-store_01 {
		position: static;
		width: 70%;
		margin: 30px auto 10px auto;
	}
}

.howto-kibo {
	border: 1px solid #E66382;
	border-radius: 15px;
	margin: 30px 0 0 0;
}
.howto-kibo-title {
	border-bottom: 1px solid #E66382;
}
.howto-kibo-title p.text {
	display: block;
	font-size: 1.8rem;
	text-align: center;
	line-height: unset;
	margin: 0;
	padding: 15px 0;
}
.howto-kibo-title p.text img {
	vertical-align: middle;
}
.howto-kibo-txt {
	padding: 35px 30px 25px 30px;
}

.kouza-plan {
	padding: 50px 0;
}
.kouza-plan > .inner > h3.hdg-02 {
	margin-top: 40px;
  margin-bottom: 32px;
  padding: 0 10px 5px 10px;
  border-bottom: 2px solid #01478f;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.4444;
}

.kouza-caution .panel-note {
	border: 1px solid #E66382;
	background: #fff;
}
.kouza-caution .panel-note button.hdg {
	background: rgba(230, 99, 130, 0.1)!important;
	border-bottom: 1px solid #E66382;
	border-radius: 5px 5px 0 0;
	color: #3B4043!important;
}
.kouza-caution .panel-note button.hdg::after, .kouza-caution .panel-note button.hdg::before {
	background: #E66382!important;
}
.kouza-caution .content {
	padding: 40px 30px;
}
.kouza-caution .content h3 {
	margin-top: 40px;
  margin-bottom: 32px;
  padding: 0 10px 5px 10px;
  border-bottom: 1px solid #E66382;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.4444;
}

.kouza-faq {
	position: relative;
	background: #169AEA;
	margin: -65px 0 70px 0;
	padding: 45px 0;
	z-index: 1;
}
.kouza-faq h2 {
	font-size: 3.0rem;
	color: #fff;
	text-align: center;
	padding: 0 0 15px 0;
}
.kouza-faq .btn {
	position: relative;
	width: 34%;
	max-width: 450px;
	margin: auto;
	background: #fff;
	border-radius: 50px;
	box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.15);
}
.kouza-faq .btn a {
	display: block;
	padding: 20px 0;
	font-size: 2.0rem;
	color: #194694;
}
.kouza-faq .btn img {
	position: absolute;
	top: 50%;
	right: 30px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media screen and (max-width: 769px){
	.kouza-faq {
		margin-bottom: 50px;
	}
	.kouza-faq .btn {
		width: 90%;
	}
}
.kouza-contact > .inner {
  padding-top: 0;
}

/* レスポンシブ
---------------------------------------------------------- */
@media screen and (max-width: 769px){
	.sp_block {
		display: block;
	}
	img.sp_block {
		margin: 0 auto 1% auto;
	}
	.kouza-navi > .list {
		display: block!important;
		flex-wrap: unset!important;
	}
	.kouza-navi > .list .item a {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.lyt-list-merit > .item {
		width: 74%!important;
		margin: 0 auto 74px auto;
		padding: 60px 20px 25px 20px;
	}
	.kouza-merit > .inner {
		padding-bottom: 0;
	}
	.list-step {
		display: block;
		margin-top: 70px;
	}
	.list-step > .item {
		width: 74%!important;
		margin: 0 auto 50px auto;
		padding-bottom: 30px;
	}
	.list-step > .item::after {
		top: unset;
		bottom: -40px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		margin: 0;
		border-top: 20px solid #96D7FF;
	  border-right: 20px solid transparent;
	  border-left: 20px solid transparent;
	}
	.kouza-howto > .inner > .text strong,
	.lyt-text-center > .text strong {
		font-size: 6.567vw;
	}
	.list-step > .item > .text {
		font-size: 4.800vw;
	}
	.panel-app > .list {
		display: block;
	}
	.panel-app > .list > .item._item-google,
	.panel-app > .list > .item._item-apple {
		width: 100%;
		text-align: center;
	}
	.panel-app > .list > .item._item-google .btn,
	.panel-app > .list > .item._item-apple .btn {
		margin: auto;
	}
	.panel-app > .list > .item._item-google .btn {
		margin-bottom: 30px;
	}
}
.panel-note > .hdg.js-toggle-hook.is-active::before {
  transform: rotate(360deg);
}
.lyt-notice {
  margin-top: 48px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1080px;
}
@media only screen and (max-width:1120px){
  .lyt-notice {
    margin-right: 20px;
    margin-left: 20px;
  }
}
@media only screen and (max-width:767px){
  .lyt-notice {
    margin-top: 24px;
  }
}